html, body, #header {
    margin: 0px !important;
    padding: 0px !important;
}

.classContainer{
	position: relative;
	top:0px;
	left:0px;/**/
	width: 100%;
	height: 100%;
/*	border:1px solid #FF0000; */
}

.barraV {
  scrollbar-width: thin;
  scrollbar-color: #cdcdcd #f0f0f0;
}
.barraV::-webkit-scrollbar {
  width: 12px;
}
.barraV::-webkit-scrollbar-track {
  background: #f0f0f0;
}
.barraV::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 20px;
  border: 3px solid #f0f0f0;
}

.Roboto44 {font-family: Roboto, Arial; font-size: 44px;}
.Roboto28 {font-family: Roboto, Arial; font-size: 28px;}
.Roboto26 {font-family: Roboto, Arial; font-size: 26px;}
.Roboto24 {font-family: Roboto, Arial; font-size: 24px;}
.Roboto22 {font-family: Roboto, Arial; font-size: 22px;}
.Roboto20 {font-family: Roboto, Arial; font-size: 20px;}
.Roboto18 {font-family: Roboto, Arial; font-size: 18px;}
.Roboto17 {font-family: Roboto, Arial; font-size: 17px;}
.Roboto16 {font-family: Roboto, Arial; font-size: 16px;}
.Roboto15 {font-family: Roboto, Arial; font-size: 15px;}
.Roboto14 {font-family: Roboto, Arial; font-size: 14px;}
.Roboto13 {font-family: Roboto, Arial; font-size: 13px;}
.Roboto12 {font-family: Roboto, Arial; font-size: 12px;}
.Roboto11 {font-family: Roboto, Arial; font-size: 11px;}
.Roboto10 {font-family: Roboto, Arial; font-size: 10px;}
.Roboto9 {font-family: Roboto, Arial; font-size: 9px;}
.Roboto8 {font-family: Roboto, Arial; font-size: 8px;}

.Roboto22c {font-family: 'Roboto Condensed', Arial; font-size: 22px;}
.Roboto20c {font-family: 'Roboto Condensed', Arial; font-size: 20px;}
.Roboto18c {font-family: 'Roboto Condensed', Arial; font-size: 18px;}
.Roboto16c {font-family: 'Roboto Condensed', Arial; font-size: 16px;}
.Roboto14c {font-family: 'Roboto Condensed', Arial; font-size: 14px;}
.Roboto12c {font-family: 'Roboto Condensed', Arial; font-size: 12px;}
.Roboto11c {font-family: 'Roboto Condensed', Arial; font-size: 11px;}
.Roboto10c {font-family: 'Roboto Condensed', Arial; font-size: 10px;}

.Negrito {font-weight: bold}
.CorAzul {color: #0000FF}
.CorAzul2 {color: #0567b2}
.CorAzul3 {color: #005899}
.CorAzulClaro {color:#a7ddff}
.CorVermelha {color: #FF0000}
.CorVermelhaEsc {color: #940606}
.CorCinza {color: #666666}
.CorCinzaEsc {color: #434343}
.CorCinzaClaro {color: #c6c6c6}
.CorBranca {color: #FFFFFF}
.CorLaranja {color: #ffd15f}
.CorLaranjaEsc {color: #d27c00}
.CorVerde {color: #00a738}
.CorDourada {color: #a77e00}
.ExtraPW {display:none}

.MargemDir05{padding-right:5px;}
.MargemDir10{padding-right:10px;}
.MargemDir20{padding-right:10px;}
.MargemEsq05{padding-left:5px;}
.MargemEsq10{padding-left:10px;}
.MargemEsq15{padding-left:15px;}
.MargemEsq20{padding-left:20px;}
.MargemEsq25{padding-left:25px;}
.MargemEsq30{padding-left:30px;}

.itemPermissao{position:absolute; left:0px; height:22px; width:200px; cursor:pointer; cursor:hand;}
.itemPermissao:hover{background-color:#cbdce8;}

.itemPoderes{position:absolute; left:-4px; height:14px; width:14px; cursor:pointer; cursor:hand; border-radius:50%; border:4px solid #FFFFFF;}
.itemPoderes:hover{border:4px solid #e5c800;}

.itensUsers{position:absolute; left:20px; width:220px; height:36px; cursor:pointer; cursor:hand; border-bottom:1px solid #f2f2f2; background-color:#ffffff;}
.itensUsers:hover{border-bottom:1px solid #f2f2f2; background-color:#f2f2f2;}

.itensUsersSel{position:absolute; left:20px; width:220px; height:36px; border-bottom:1px solid #f2f2f2; background-color:#f2f2f2;}

.itensMsgE{
	position:relative;
	float:left;
	background-color:#e5ddd5; 
 	min-width:100px;
  	max-width:400px;
  	min-height:10px;
  	max-height:300px;
}
.txtMsgE{
	position:relative;
/*  	border: 1px solid #6e94b0; */
  	border-right: 1px solid #c9ac8f;
  	border-bottom: 1px solid #c9ac8f;
	background-color:#ffffff; 
	border-radius:0px 5px 5px 5px;
  	margin-top:2px;
  	margin-left:15px;
  	min-width:100px;
  	max-width:400px;
  	min-height:10px;
  	max-height:300px;
  	padding-top:10px;
  	padding-right:10px;
  	padding-left:10px;
  	padding-bottom:5px;
}
.itensMsgD{
	position:relative;
	float:right;
	background-color:#e5ddd5; 
  	min-width:100px;
  	max-width:360px;
  	min-height:10px;
}
.txtMsgD{
	position:relative;
/*	border: 1px solid #6e94b0; */
  	border-right: 1px solid #c9ac8f;
  	border-bottom: 1px solid #c9ac8f;
	background-color:#e1f7e8; 
	border-radius:5px 0px 5px 5px;
  	margin-top:2px;
  	margin-right:15px;
  	min-width:100px;
  	max-width:400px;
  	min-height:10px;
  	max-height:300px;
  	padding-top:10px;
  	padding-right:10px;
  	padding-left:10px;
  	padding-bottom:5px;
}
.CaixaTextoFalse{border-style:solid; border-width:1; border-color:#CCCCCC; background-color:#f2f2f2; padding-left:5px; height:23px;}

.classBotao{background-color:#272A61; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotao:hover{background-color:#1d1f43;}

.classBotaoVd{background-color:#23cf5c; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotaoVd:hover{background-color:#25b455;}
.classBotaoVd2{background-color:#23cf5c; cursor:hand; cursor:pointer;}
.classBotaoVd2:hover{background-color:#25b455;}
.classBotaoVdO{background-color:#23cf5c; cursor:hand; cursor:pointer; border-radius:23px;}
.classBotaoVdO:hover{background-color:#25b455;}

.classBotaoCz{background-color:#bebebe; border-radius:5px;}
.classBotaoCzQ{background-color:#bebebe;}

.classBotaoVm{background-color:#d50000; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotaoVm:hover{background-color:#b80000;}
.classBotaoVm2{background-color:#ff2a3c; cursor:hand; cursor:pointer;}
.classBotaoVm2:hover{background-color:#e81123;}

.classBotaoX{background-color:#005899; cursor:hand; cursor:pointer;}
.classBotaoX:hover{background-color:#e81123;}

.estiloHome1{background:#0072c6; cursor:hand; cursor:pointer; width:45px; height:41px;}
.estiloHome2{background:#005899; cursor:hand; cursor:pointer; width:45px; height:41px;}

.estilo1{font-family:Roboto,Arial; font-size:16px; font-weight:bold; background:#0072c6; color:white; cursor:hand; cursor:pointer; width:155px; height:41px;}
.estilo2{font-family:Roboto,Arial; font-size:16px; font-weight:bold; background:#005899; color:white; cursor:hand; cursor:pointer; width:155px; height:41px;}
.estilo3{font-family:Roboto,Arial; font-size:13px; font-weight:bold; background:#6191b4; color:white; cursor:hand; cursor:pointer; width:155px; height:35px;}
.estilo4{font-family:Roboto,Arial; font-size:13px; font-weight:bold; background:#005899; color:white; cursor:hand; cursor:pointer; width:155px; height:35px;}

A.linkCz:link {text-decoration:none; color:#797979; font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:visited {text-decoration:none; color:#797979;font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:hover {text-decoration:underline; color:#000000;font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:active {text-decoration:none; color:#797979; font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}

.clLogin{position:absolute; top:0px; width:270px; left:10px; height:35px; text-align:center; background-color:#ffffff; border: 1px solid #cccccc; z-index:9;}
.clLoginTXT{width:270px; height:35px; cursor:text; border:0px; padding-left:5px; padding-right:5px; background-color:#ffffff; z-index:11;}

/* modal */
.fdoModal{
	width:100%;
	height:100%;
	background: url(imagens/imgFundoModal.png);
	position:fixed;
	top:0;
	left:0;
	z-index:990; 	
}

.janela1{
	position: relative;
	top: 153px;
	width: 936px;
	height: 270px;
	left: 50%; 
	margin-left: -468px;
	animation-name: animaModalBox1;
  	animation-duration: .3s;
  	animation-timing-function: ease-out;
	background-color:#ffffff;
	border: 1px solid #b7b7b7;
	z-index:991;	
}
/* Animation */
@-webkit-keyframes animaModalBox1 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 153px; 
    opacity: 1;
  }
}

@keyframes animaModalBox1 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 153px; 
    opacity: 1;
  }
}

.janela2{
	position: relative;
	top: 210px;
	width: 680px;
	height: 270px;
	left: 50%; 
	margin-left: -220px;
	animation-name: animaModalBox2;
  	animation-duration: .3s;
  	animation-timing-function: ease-out;
	background-color:#ffffff;
	border: 1px solid #b7b7b7;
	z-index:991;	
}
/* Animation */
@-webkit-keyframes animaModalBox2 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 190px; 
    opacity: 1;
  }
}

@keyframes animaModalBox2 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 190px; 
    opacity: 1;
  }
}

.naveg_seletorIna{float: right; height: 29px; line-height: 29px; width: 29px; color: #d2d2d3; font-family: 'Montserrat', sans-serif; font-size: 13px; background-color:#FFFFFF; border: 1px solid #e6e6e6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.naveg_seletor{float: right; height: 29px; line-height: 29px; width: 29px; color: #444444; font-family: 'Montserrat', sans-serif; font-size: 13px; background-color:#FFFFFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #e6e6e6;}
.naveg_seletor:hover{cursor: pointer; color:#ffffff; background: #ff7e00; border: 1px solid #ff7e00;}
.naveg_seletorSel{float: right; height: 29px; line-height: 29px; width: 29px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 13px; background-color:#003a75; border: 1px solid #003a75; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.naveg_seletorStr{
    display:inline-block;
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9 */
    -o-transform:scale(1,1.5); /* Opera */
    transform:scale(1,1.5); /* W3C */
}
.naveg_seletorEsp{float: right; height: 29px; width: 5px;}
