/**/

/*
html,  {height: 100%;}
 
#wrap {height: auto; min-height: 100%;}


#main {
    overflow:auto;
    padding-bottom: 16px;//must be same height as the footer
    
}  

.rodape{
    background-color: #DDDDDD;
    color:#333333;    
    text-align:center;
    margin-top: 16px;    
    position: relative;
    height: 16px;        
    margin-top: -16px;  //negative value of footer height
    clear:both;
}

//Opera Fix

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
*/

/**/

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

/*
body{
    font-family: Arial, Verdana, Times New Roman;
    margin:0px 2px 0px 2px;
}
body a:link{
    color:#333333;
}
body a:visited{
    color:#333333;
    
}
body a:hover{
    color:#B22222;
    text-decoration: none; 
    font-weight: bold;
}
body a:active{
    
}
*/
.teste{
	background-color:black;
	width:50%;
}

.tituloCadUser{
	font-size:20px;	
}

.cadUserPrincipal {
	background-color: #D6D6D6;	
	width:80%;	
	margin-left:10%;
}

.login{	
	float:left;
	margin-top:8px;
	margin-left:38%;
	width:50px;			
}

.loginBox{
	float:left;
	background-color:yellow;
	width:185px;	
}

.botao_menor2 {
        background-color: #191970;
        font-size: 9pt;
        border: #333333;
        border-style: none;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        color: #FFFFFF;
        margin-top: 25px;
        margin-left: 2px;
        border: 2px solid #FFFFFF;
        min-width: 80px;
}

.menutitle{
        /*margin-left:420px;*/
        cursor:pointer;
        margin-bottom: 0px;
        background-color:white;
        color:black;
        /*width:640px;*/
        padding:1px;
        text-align:justify;
        font-weight:normal;
        /*/*/border:0px black solid;/* */
        font-size: 20px;
        text-align: center;
}        

.menutitle2{        
        margin-bottom: 0px;
        background-color:white;
        color:black;
        width:99%;
        margin:0px;
        padding:0px;        
        font-weight:normal;
        font-size: 20px;
        text-align: center;
}


.submenu{
        margin-top: 0em;
        margin-bottom: 1em;
        margin-left: 28em;
        width:260px;
        font-size: 15px;
        background-color:white;
        color:blue;}

.itens{
        margin-top: 0em;
        margin-bottom: 1em;        
        background-color:white;
        color:black;
        font-size: 16px;
        text-align:center;
}

.itens2{
        margin-top: 0em;
        margin-bottom: 1em;       
        background-color:white;
        color:black;
        font-size: 16px;
        text-align:center;
}

.title1 {
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;
        /*/*/border:0px black solid;/* */;
        padding:1px;
        font-size: 28px;
        color:dimgrey;
        text-align:center;
}


.title2{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;        
        border:0px black solid;
        padding:1px;
        font-size: 28px;
        color:dimgrey;
        text-align:center;
}

.title3{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;
        margin-left: 0em;
        border:0px black solid;
        padding:1px;
        font-size: 16px;
        color:dimgrey;
        text-align:center;
}

.title4{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;        
        border:0px black solid;
        padding:1px;
        font-size: 28px;
        color:dimgrey;
        text-align:center;        
}

/*
a:link {color: #000000; text-decoration: none;
        background-color: transparent}
        a:visited {color: #000000;text-decoration: none;
        background-color: #FFFFFF}
        a:hover {color: #0000FF;text-decoration: underline;
        background-color: #FFFFFF}
        a:active { color: #000000;text-decoration: underline;
        background-color: transparent }
*/

.help {        
        cursor:pointer;
        margin-bottom: 0px;
        background-color:white;
        color:black;
        width:100%;
        padding:1px;
        text-align:center;
        font-weight:normal;
        border:0px black solid;
        font-size: 14px}

.helpTitle {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0px;
        background-color:white;
        font-weight:normal;
        border:0px black solid;;
        padding:0px;
        font-size: 25px;
        color:dimgrey;
        text-align: center;
        width:100%;}

.button{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;        
        border:0px black solid;
        padding:1px;
        text-align:center;
}

.button2{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color:white;
        font-weight:normal;        
        border:0px black solid;
        padding:1px;
        text-align:center;
}
div.certs {
    background-color: #CCFFCC;
    border: 2px solid #A6CFA6;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    font-size: 90%;
    margin: 1em auto;
    padding: 1px;
    text-align: justify;
    width: 50%;
}

table.efeitoTabela1 {
    border: 0 none;
    text-align: left;
    width: 100%;
}
td.efeitoCelulaTabela1 {
    border: 0 none;
    text-align: left;
    vertical-align: top;
}
.vermelho {
    color: #FF0000;
}

.headerBackground{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #008060;
}

.all-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}
.menu {
    margin-left: 10px;
    text-align:center;
}
.menu a:hover{
    color:#B22222;
    text-decoration: none; 
    font-weight: normal;
}
/*
.texto_esquerda {
    text-align:left;
    margin-left:44%;
}
*/
.tabela_ramais{    
    padding:0px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-spacing: 1px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.voltar{
    /*
    background-image: url("../Imagens/back.png");
    background-repeat: no-repeat;
    background-position: center;
    */
    text-align:center;
    margin-top:30px;
    height:32px;
    width:100%;
}
.voltar img{
    cursor:pointer;
    text-decoration: none;
}
.icones {
    margin-bottom: -10px;
    border: 0px;
}
.txt_exemplo{
    font-size:12px;
    font-weight: bold;
}
.formulario {
    text-align:left;
}
.align_center{
    text-align:center;
}
.texto_vermelho{
    color: #FF0000;
    font-weight: bold;
}
textarea.no_resize { resize: none }
.caixa_fieldset {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding:10px 10px 10px 10px;

}
.caixa_fieldset legend {
    font-weight: bold;
    color:#AAAAAA;
    border: 0px;
}
.caixa_fieldset.medio{
       
}
/*
.texto_meio {
    text-align: left;
    width: 500px;
    margin: 0 auto;
}
.texto_meio.maior {
    text-align: left;
    width: 700px;
    margin: 0 auto;
}
*/
/* Erro */
.msgerro {
    font-size: 100%;
    font-weight: bold;    
    /*color: #951A2F;*/
    color: #a94442;
    /*color: #990000;*/
    text-align: left;
    display: block;
    /*
    margin-left: 10px;
    margin-right: 10px;    
    */
    position: relative;
}
.msgerro ol {
    margin:0;
    padding:0;
}
.msgerro li {
    list-style: none;
    background-image:  url('../Imagens/error.png');
    background-repeat: no-repeat;
    padding-left: 22px;
    min-height: 16px;
    color: #a94442;
}
/* Tabela de paginação - Inicio */
.tabela_paginacao {width: 100%; border:1px solid #CCCCCC;margin: 2px 2px 2px 2px; padding: 0; font-size:14px;border-left: 0px;}
.tabela_paginacao .header {background-color:#191970; color: #FFFFFF;font-weight: bold;}
.tabela_paginacao .linha {background-color:#EEEEEE;}
.tabela_paginacao td {
        border-left: 1px solid #CCCCCC;        
        padding: 4px 4px 4px 4px;
}
.tabela_paginacao tr.alt td a {
	color: #333333;
        background-color: #EEEEEE;
}
.tabela_paginacao tr.over td a{	     
        color: #FFFFFF;
        background-color:#B22222;
}
.tabela_paginacao tr.alt td {
	background-color: #EEEEEE;                
}
.tabela_paginacao tr.over td{
	background-color:#B22222;
        color: #FFFFFF;
}
.paginacao {text-align: center;margin-bottom: 10px;}

.paginacao a{color:#191970; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}

.paginacao a:hover{background:#191970; color:#fff;}

.paginacao a.atual{font-weight:bold; background:#191970; color:#FFFFFF; border:1px solid #ccc; /*font-size:1.6em;*/}
/* Tabela de paginação - Fim */

/*
input, select {
    border: 1px solid #191970;
}
*/
/*INPUT FILE*/
.file-wrapper {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}
.file-wrapper input {
cursor: pointer;
font-size: 100px;
height: 100%;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
opacity: 0.01;
position: absolute;
right: 0;
top: 0;
}
.file-wrapper .button {
background: #191970;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
margin-right: 5px;
padding: 4px 18px;
text-transform: uppercase;
}
/*INPUT FILE*/

.vermelho {
    color:#FF0000;
}
.vermelho_escuro {
    color:#B22222;
}

/* PLACE HOLDER */
.placeholder { color: #CCCCCC; }
/* PLACE HOLDER */


.span_success {
    color:#00CC00;
    font-weight: bolder;
}

/*
.div100center {
    width: 100%;
    text-align: center;
}
*/

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

img {
    border:0px;
}

html {
    /*padding-top: 50px;Devido ao fixed nav bar*/ 
    /* Sobreescrevendo tamanho da font do bootstrap */
    font-size: 0.9rem;
}

.img-icone {
    width: 48px;
    height: 48px;
}

.img-icone-sm {
    width: 18px;
    height: 18px;
}

.list-group {
    padding: 2px 5px 2px 5px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

/* Usado no Bootstrap 3 - Removido do Bootstrap 4 */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.small-text-cc {    
    font-size: 0.59rem;
}

.footer {
    height:100px;
    background-color: #F8F8F8;
    padding-top: 10px;
    margin-top: 30px;
}

.header_custom {
    background-color:#F8F8F8 !important;
}
.header_custom th {
    color:#333 !important;
}

.light-evoto-bg {
    background-color: #F8F8F8;
}

.nav-bar-agendaevoto{    
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #008060;
}

/* change the link color */
.nav-bar-agendaevoto .navbar-nav .nav-link {
    color: white;
    font-size:  1.25em;
    padding-right: 25px;
    font-weight: bold;
}

/* change the color of links */
.nav-bar-agendaevoto .nav-item.active .nav-link,
.nav-bar-agendaevoto .nav-item .nav-link:active,
.nav-bar-agendaevoto .nav-item:hover .nav-link,
.nav-bar-agendaevoto .nav-item:visited .nav-link
{
    color: #fff;
    font-style: italic;
}

