body.loading .modal {
    display: none;
}


.cabecalho_dep {
	font-size: small;
	font-weight: bold;
	background-color: #eee;
	vertical-align: middle !important;
	margin-top: 3px;
	margin-bottom: 3px;
}#aviso {
	border: solid black 1px;
	margin: 10px;
	padding: 10px;
	background-color: #eeeeF5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#participe {
	border: solid black 1px;
	padding: 5px;
	text-align: center;
	background-color: #0000FF
}

#inscricaocarta {
	border: solid black 1px;
	padding: 5px;
	text-align: center;
	background-color: #eeeeee;
}

.textomarcado {
	background-color: #E0F1E1;
	text-transform: uppercase;
}



html{
  position:relative; 
  min-height: 100%;
}

html,
body {	
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
/*Normalize html and body elements,this style is just good to have*/

#header {
	padding:10px;
}

#wrapper{
	margin-bottom:80px;/* Height of footer*/
	text-align:center;

}


#footer{
	border-top: solid #bbb thin;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:80px;
    background:#eee;
	color: #555;
}






.style1 {
	font-size: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #FFFFFF;
}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}


.fundocab {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(imagens/fundocab.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

.tituloartigo {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003D6E;

	text-align: left;
}




.menuh {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	vertical-align: middle;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.menuh a{
	display:block;
	width: 100%;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #000000;
	border:thin;
	border:solid;
	border-top-color: #444444;
	border-right-color: #000000;
	border-bottom-color: #444444;
	border-left-color: #000000;	
	vertical-align: middle;
	}
	
.menuh a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFffff;
	background-color: #0099FF;
	border-top-color: #bbbbff;
	border-right-color: #00416d;
	border-bottom-color: #00416d;
	border-left-color: #bbbbff;
	font-weight:bold;	
	vertical-align: middle;
	
	}	

.menuh a:visited{
	color: #FFFFFF;
	background-color: #000000;
	border:thin;
	border:solid;
	border-top-color: #444444;
	border-right-color: #000000;
	border-bottom-color: #444444;
	border-left-color: #000000;	
	vertical-align: middle;
	}
	
.menuh a:visited:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFffff;
	background-color: #0099FF;
	border-top-color: #bbbbff;
	border-right-color: #00416d;
	border-bottom-color: #00416d;
	border-left-color: #bbbbff;
	font-weight:bold;	
	vertical-align: middle;
	}
	
.menuh a:visited:active{
	background-color: #0099FF;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #000000;
	font-weight:bold;	
	vertical-align: middle;
	}

.menuh a:active{
	color: #000000;
	background-color: #0000FF;	
	font-weight:bold;
	vertical-align: middle;
	cursor: hand;	
	vertical-align: middle;	
}

.menuh a:link{
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	vertical-align: middle;
	border:thin;
	border:solid;	
	background-color: #000000;		
	border-top-color: #444444;
	border-right-color: #000000;
	border-bottom-color: #444444;
	border-left-color: #000000;	
	vertical-align: middle;
}

.menuh_sel a{
	display:block;
	width:100%;
	font-weight:bold;
	vertical-align: middle;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #ffffff;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #ffffff;
	border-left-color: #cccccc;
	font-weight:bold;
}

.menuh_sel a:hover{
	text-decoration: none;
	color: #000000;
	vertical-align: middle;
}

.menuh_sel a:visited:hover{
	text-decoration: none;
	color: #000000;
	vertical-align: middle;	
}

.menuh_sel a:visited{
	text-decoration: none;
	color: #000000;
	vertical-align: middle;
}


.home {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
}
.home a{
	display:block;
	width:100%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;	
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}
.home a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bbbbff;
	border-right-color: #00416d;
	border-bottom-color: #00416d;
	border-left-color: #bbbbff;
}

.home a:visited {
	color: #FFFFFF;
}
.home a:visited:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.home a:active {
	background-color: #0099FF;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: none;
	border-top-color: #000000;
	border-left-color: #000000;
}




.cantoArredondado{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	margin: auto;
	border: #999999 thin solid;
	padding: 7px;
}

.cantoArredondadoInferior{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;	
	border-bottom-right-radius:7px;
	margin: 2px;
	border: #999999 thin solid;
}

.cantoArredondadoSuperior{
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	border-top-left-radius:7px;	
	border-top-right-radius:7px;
	margin: 2px;
	border: #999999 thin solid;	
}




.cxdestaque {
	vertical-align: middle;
	background-color: #eeeeF5;
	padding: 5px;
	border-top: 1px solid #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
	width: 100%;
}

.cxdestaque a:hover{
	color: blue;
	text-decoration: underline;
}
.cxdestaque a:link{ color: blue; text-decoration:none;}

.corpotextolink a:hover{
	color: blue;
	
}
.corpotextolink a:visited:hover{

}



.voltar {
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:99%;	
	display:block;
	background-color:#999999;
	text-decoration:none;
	border-bottom-color:#000000;
	border-right-color:#000000;
	border-bottom-width:thin;
	border-right-width:thin;
	border-bottom-style:solid;
	border-right-style:solid;
}

.voltar  a{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	display:block;
	background-color:#999999;
	text-decoration:none;
}


.voltar  a:hover{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:100%;	
	display:block;
	background-color:#0000ff;
	text-decoration:none;
}

.voltar  a:visited:hover{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:100%;	
	display:block;
	background-color:#0000ff;
	text-decoration:none;
}


.voltar a:visited{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:99%;	
	display:block;
	background-color:#999999;
	text-decoration:none;
}	
	


.voltar a:active{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:99%;	
	display:block;
	background-color:#999999;
	text-decoration:none;
}	

.voltar a:visited:active{
	color:#FFFFFF;
	font-size: small;
	font-weight: bold;
	position:relative;
	width:99%;	
	display:block;
	background-color:#999999;
	text-decoration:none;
}	

.alinhado_meio {
	vertical-align: 50%;
 	line-height:100%;
}	

.fundomenu {
	font-size: small;
	font-weight: bold;
	position:relative;
	width:200px;
	min-height: 40px;	
	vertical-align:middle !important;
	display:block;	
	overflow:hidden;
}

.fundomenu a{
	color: #000000;
	text-decoration:none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;	
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;	
	padding-left: 5px;
	min-height: 40px;
	vertical-align:50% !important;
	display:block;
	background-image:url(imagens/fundobotao.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:hidden;
	
	}

.fundomenu a:hover { 
	color: #0000FF;
	text-decoration:none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aaaaaa;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #aaaaaa;
	min-height: 40px;
	vertical-align:middle !important;
	display:block;	
	background-repeat:repeat-x;
	overflow:hidden;
	
	}
.fundomenu a:active { 
	color: #ff0000;
	text-decoration:none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;	
	border-top-color: #000000;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color: #000000;
	min-height: 40px;
	vertical-align:middle !important;
	background-repeat:repeat-x;
	display:block;
	overflow:hidden;
	}	
.fundomenu a:visited { 
	color: #000000;
	text-decoration:none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;		
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	min-height: 40px;
	vertical-align:middle !important;
	display:block;	
	background-repeat:repeat-x;
	overflow:hidden;
	}
.fundomenu a:visited:hover { 
	color: #0000FF;
	text-decoration:none;
	border-top-color: #aaaaaa;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #aaaaaa;	
	min-height: 40px;
	vertical-align:middle !important;
	display:block;	
	background-repeat:repeat-x;
	overflow:hidden;
	}
.fundomenu a:visited:active { 
	color: #ff0000;
	text-decoration:none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color: #000000;
	min-height:40px;
	vertical-align:middle !important;
	display:block;
	background-repeat:repeat-x;
	overflow:hidden;
	}		

.fundomenu2 {
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(imagens/fundomenu.jpg);
	vertical-align: middle;
	overflow:hidden;
}


a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
}
a:visited:hover {
	text-decoration: underline;
	color: #0000FF;
}


.treeview, .treeview ul { 
  padding: 10px;
  margin: 10px;
  list-style: none;
}   
ul.dir li { padding: 5px 10px 0px 16px; }
.treeview li {
	background: url(images/tv-item.gif) 10px 10px no-repeat;
	padding-right: 10px;
	padding-left: 10px;
}
.treeview .collapsable { background-image: url(images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(images/tv-expandable.gif); }
.treeview .last { background-image: url(images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(images/tv-expandable-last.gif); }

.titulo_secao {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
}
.busca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #999999;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
}
.fundocabecalhodir {
	background-attachment: fixed;
	background-image: url(imagens/fundo_cabecalho_dir.jpg);
	background-position: right center;
	background-repeat: repeat-y;
}

.style3 {
	font-size: x-small;
	font-weight: bold;
}

.style9 {font-family: Helvetica, Arial}
.style10 {
	font-size: x-small;
	color: #FFFFFF;
}
.style15 {font-size: 9px}

.cabecalho_dep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background-color: #FEFEFE;
}
.corpotabela {
	font-family: Arial, Helvetica, sans-serif;

}
.aviso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}
.help {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #F6F5DD;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000000;
	overflow: visible;
	cursor: default;
	-moz-box-shadow: 7px 7px 50px  #333;
	-webkit-box-shadow: 7px 7px 50px #333;
	box-shadow: 7px 7px 50px #333;
}


.ui-dialog .ui-dialog-shadow { 
	-moz-box-shadow: 7px 7px 50px  #333 !important;
	-webkit-box-shadow: 7px 7px 50px #333 !important;
	box-shadow: 7px 7px 50px #333 !important;
}
.dialogWithDropShadow {
	-moz-box-shadow: 7px 7px 50px  #333;
	-webkit-box-shadow: 7px 7px 50px #333;
	box-shadow: 7px 7px 50px #333;
}


.ui-widget-overlay {
	position:fixed;
	background: rgb(0,0,0) repeat scroll ;
	filter:alpha(opacity=50); /* for IE4 - IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.corpotextolink {
	color: #000000;
	text-decoration: none;
}





.style9 {font-size: x-small; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; }

.style10 {font-family: Arial, Helvetica, sans-serif; font-size: xx-small; }

.style15 {font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold;}

.style17 {
	font-family: Arial, Helvetica, sans-serif;
}

.style22 {
	color: #0000FF;
	font-size: x-small;
}
.style23 {
	font-size: x-small;
	font-weight: bold;
}

.style24 {font-size: x-small}

.style25 {font-family: "Courier New", Courier, monospace}

.linha_beneficio {
	border-bottom: #000000 thin solid
	}
	
.mostra_matriculas{
	border: thin #000 solid;
	text-align:center;
	padding:5px;
	margin:5px;
	white-space:nowrap;
	width:100%;
}
	
.dados_rotulo{
	text-align:right;
	font-weight:bold;	
}

.mostra_dados_pessoais{
	white-space:nowrap;
	width:100%;
}

.mostra_endereco{
	white-space:nowrap;
	width:100%;
}

.dependentes{
	white-space:nowrap;	
}


.tooltip{
	
	border:#000 thin solid; 
	position:absolute; 
	padding:10px; 
	background-color:#FFFFB0;
	
}
.sombra {	
	-webkit-box-shadow: 10px 10px 16px 3px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    10px 10px 16px 3px rgba(50, 50, 50, 0.5);
	box-shadow:         10px 10px 16px 3px rgba(50, 50, 50, 0.5);
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.semborda{
	border: none;		
}

.borda{
	border: thin solid black;		
}
.hide{
	display: none;	
}

.linhaTituloAzul{
	background-color:#C9E8F3;
}

.close_window{
	cursor: pointer;
	font-family: Arial, 
	Helvetica, sans-serif; 
	background: #cce0e0; 
	float:right; 
	padding: 0px !important; 
	margin: 0px;
	background:url(/previrio/imagens/close_window.png);
	width:22px;
	height:22px;
	position: absolute;
	top:3px;
	right:3px;	
}

.piscando{
	font-weight: bold;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease;
}

.capitalize {
    text-transform: capitalize;
}

.painel3d{
    background: #F5F5F5; 
    background: -moz-linear-gradient(top, #F5F5F5 0%, #DEDEDE 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#DEDEDE)); 
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#DEDEDE 100%); 
    background: -o-linear-gradient(top, #F5F5F5 0%,#DEDEDE 100%); 
    background: -ms-linear-gradient(top, #F5F5F5 0%,#DEDEDE 100%); 
    background: linear-gradient(to bottom, #F5F5F5 0%,#DEDEDE 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5',  endColorstr='#DEDEDE', GradientType=0 ); 
    border:outset 2px white;
    border-radius: 10px; /**/
    box-shadow: 10px 10px 12px -7px #777777; 
}


.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	pointer-events: none;
}


pre, code {
	 box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 webkit-box-sizing:border-box;
	 display:block; 
	 white-space: pre-wrap;  
	 white-space: -moz-pre-wrap; 
	 white-space: -pre-wrap; 
	 white-space: -o-pre-wrap; 
	 word-wrap: break-word; 
	 width:100%; overflow-x:auto;
}

.loader{
    margin: auto;
}

.loader:parent{
	padding: auto;
}

#overlayLoader{
	heigth: 100%;
	width: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.2);	
}

@media screen{
	.ledVermelho{
			border-radius: 50% !important;			
			width: 20px !important;
			height: 20px !important;
			background-color: red !important;
			background-image: -moz-radial-gradient(5px 5px 45deg, circle cover, red 0%, orange 100%, red 95%);
			background-image: -webkit-radial-gradient(5px 5px, circle cover, #FF0, #FFA500);
			background-image: radial-gradient(5px 5px 45deg, circle cover, red 0%, orange 100%, red 95%);
			box-shadow: 0px 0px 20px rgba(255, 255, 0, 0.75);
			
			-webkit-animation-name: spin;
			-webkit-animation-duration: 3s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-moz-animation-name: spin;
			-moz-animation-duration: 3s;
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: linear;
			-ms-animation-name: spin;
			-ms-animation-duration: 3s;
			-ms-animation-iteration-count: infinite;
			-ms-animation-timing-function: linear;
		}
		
		.animated { 
			-webkit-animation-duration: 3s; 
			animation-duration: 3s; 
			-webkit-animation-fill-mode: both; 
			animation-fill-mode: both; 
			-webkit-animation-timing-function: ease-in-out; 
			animation-timing-function: ease-in-out; 
			animation-iteration-count:infinite; 
			-webkit-animation-iteration-count:infinite; 
		} 
		
		@-webkit-keyframes flash { 
			0%, 50%, 100% {opacity: 1;} 
			25%, 75% {opacity: 0.5;} 
		} 
		@keyframes flash { 
			0%, 50%, 100% {opacity: 1;} 
			25%, 75% {opacity: 0.5;} 
		} 
		.flash { 
			-webkit-animation-name: flash; 
			animation-name: flash; 
		}
		
}


@media print {
	.noPrint {
    	display: none !important;
		
	}
	
	.print {
    	display: block !important;
		
	}
	
	.invisivel * {
		visibility: hidden;
	}
	.visivel *{
		visibility: visible;		
	}
	.visivel {
		position: absolute;
	    left: 0px;
    	top: 0px;
		width: 100%;
	}
	.btn btn-primary {
		display: none !important;	
	}
	
	#lote-props{
		width: 100%;	
	}
	
	#right-side{	
		width: 100%;
	}
		
}