body.loading .modal {
    display: none;
}



table {
    border-collapse: inherit !important;
}

.titulo_sistema {
	color: #999;
	font-size: 20px;
}

.cabecalho {
    /* background: url(http://prefeitura.rio/portal-theme/images/common/topo_fd.png) repeat; */
    clear:both;
    display:block;
    width:100%; 
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1;
}



.divLoading {
	background: white;
	opacity: 0.7;
	cursor:wait;
	width: 100%;
	height: 100%;
	position:absolute;
	background-image:url(/beneficios/imagens/loader_32x32.gif);
	background-repeat:no-repeat;
	background-position: 50% 100px;
	z-index: 2;
	float: left;
	left: 0;
	top: 0;
}
     
     
     
.beneficioInativo {
	color: #FF3300;
	background-color: #FBFBFB;
}

.beneficioInativo input[type="checkbox"] {
	border-color: #FF0000;
	border: thin solid;
	background-color: #FF0000;
}

.beneficioInativo input {
	border: 1px solid #fff;
	background-color: #F7F7F7;
}

#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;
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

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 {	
	text-align:center;
	float: left;
	width: -webkit-fill-available;
	display: block;
    margin-bottom: 200px;
    padding: 10px;
}


#footer{
	border-top: solid #bbb thin;
    bottom: 0;
    left: 0;
    right: 0;
    height:80px;
    background:#eee;
	color: #555;
	z-index: -1;
	margin: 80px 0 0 0;
	float: left;
	width: 100%;
	display: table;
	padding: 7px;
	position: absolute;
}




.botao_painel {
	text-align:center;
	position:relative;
	float: left;
	margin: 7px 7px 45px 7px;
	font-size:12px;
	alignment-adjust:middle;
	alignment-baseline:middle;
	vertical-align:middle;
	border: none;
	height: 96px;
	width: 96px;
}

.botao_painel a:hover{
	color:#69F;
	opacity: 0.5;
}

.botao_painel a:visited{
	color:#222;
}

.botao_painel a:visited:hover{
	color:#69F;
	opacity: 0.5;
}

.botao_painel img{
	border: none;
	margin: 10px 10px 15px 10px;;
	/* height: 42px; */
	max-height: 64px;
    max-width: 64px;
}

#imgPSSM{
	/*width: 96px !important;
	height: auto !important;
	max-width: 96px !important;
	*/
}

.botao_painel a img:active {
    width: 48px;
}

.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;
}


.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;
	/* color: #007bff!important; */
}

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;
}




.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; */
	background-color: #FFFFF6;
	border-radius: 5px;
	color: black;
}

.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(/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;
    display: block;
}

.loader:parent{
	padding: auto;
}

#overlayLoader{
	height: 100%!important;
	width: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.2);
	top: 0px;
	z-index: 5000;
}






/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/

.Switch {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #ccc;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
	/*height: 18px;*/
	padding: 6px 6px 5px 6px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: #ececec;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 3px 0px
		rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

body.IE7 .Switch {
	width: 78px;
}

.Switch span {
	display: inline-block;
	width: 35px;
}

.Switch span.On {
	/* color: #33d2da; */
	color: #7d7d7d;
	text-shadow: 0 0 10px white;	
}

.Switch .Toggle {
	position: absolute;
	top: 1px;
	width: 37px;
	height: 90%;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	background: #fff;
	background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec),
		color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background: linear-gradient(top, #ececec 0%, #ffffff 100%);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	z-index: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
}

.Switch.Off .Toggle {
	left: 2%;
}

.Switch.On .Toggle {
	left: 54%;
}

.Migracao.On span.On{
	text-align: left;
	width: 100%;
}

.Migracao.Switch.On .Toggle {
	left: 76% !important;
}

.Migracao.Switch.Off {
	text-align: right;
	width: 150px;
}

.Migracao.Switch.Off span.On {
	display: inherit;
	width: 150px;
}

/* Round Switch */
.Switch.Round {
	padding: 0px 20px;
	border-radius: 40px;
}

body.IE7 .Switch.Round {
	width: 1px;
}

.Switch.Round .Toggle {
	border-radius: 40px;
	width: 14px;
	height: 14px;
}

.Switch.Round.On .Toggle {
	left: 3%;
	background: #33d2da;
}

.Switch.Round.Off .Toggle {
	left: 58%;
}

div.On {
	background-color: rgba(5, 145, 241, 0.9); /* #03C703; */
	webkit-transition: background-color 1s;
	transition: background-color 1s; 
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.icoTimeLine{
	display: block;
	margin: 5px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.menuHorizontal{
	background: #5c9ccc /* url(/imagens/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; */	
	display:block;
	position:relative;
	float:left;
	left:0px;
	width:100%;
	margin: 10 0 20 0px;
	border-bottom:#000000 solid thin;
	border-top:#000000 solid thin;	
}

.corpotabela {
	font-size: small;
	font-weight: bold;
}

.class_parentesco_inv {
	color: #999;	
}

.aviso {
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}

.help {	
	background-color: #F6F5DD;
	margin: 20px;
	padding: 25px;
	border: 1px solid #ccc;
	overflow: visible;
	cursor: default;
/*	-moz-box-shadow: 7px 7px 50px  #333;
	-webkit-box-shadow: 7px 7px 50px #333;
	box-shadow: 7px 7px 50px #333;
*/
}

.titulo {
	font-size:medium;
	font-weight:bold;
	background:#CCC;
	width:100%;
}

.msg_depuracao {
	font-size: small;
	font-weight:bold;
	background:#FF9;
	width:95%;
	border:thin #000 solid;
	padding: 5px;
}

.msg_depuracao2 {
	font-size: medium;
	font-weight:bold;
	background:#ffc;
	width:80%;
	overflow:scroll;
	white-space: pre;
    font-family: monospace;
    display: block;
    unicode-bidi: embed
}

.myDialog {	
	margin: -300px 0 0 -500px;	
	width: 1000px;	
	height: 600px;
}
	
.myDialog iframe {	
	width: 1000px;	
	height: 600px;
}


.justify {
	text-align: justify;
	font-size: x-small;	
}

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

.linhasSupInf td{
	border-bottom:thin solid #999;
	border-top:thin solid #999;
}

.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;	
}

.setaClique, .setaCliqueDep {
	cursor: pointer;
	height:40px;
	width: 50px;
	margin: 2px;	
}

.setaClique:hover, .setaCliqueDep:hover {
	opacity:0.5;
	height:44px;
	width: 54px;
	margin: 0px;
}

.setaClique:active, .setaCliqueDep:active {
	cursor: pointer;
	height:34px;
	width: 44px;
	margin: 5px;	
}


.btnDelete {
	cursor: pointer;
	
}

.btnDelete:hover {
	opacity:0.5;
}

.btnDelete:active {
	cursor: pointer;
}

.debito{
	color: red;
	text-align: right;
}

.credito{
	color:blue;
	text-align: right;
}


.btn btn-primary {
	@extend .btn.btn-primary;
}

.tabelaLinhaIluminada tr:hover{
	background-color: lightgray;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/beneficios/imagens/loader_32x32.gif') 
                50% 50% 
                no-repeat;
}

#modal2 {
    display:    none;
    position:   fixed;
    top:        0;
    left:       0;
    height:     200%;
    width:      100%;
    background: rgba( 0, 0, 0, .1 );
}

#divMaisResumo a {
	color: #FFF;
}

.linhaTituloAzul{
	background-color:#C9E8F3;
}

.TabbedPanelsTab{
	height: 32px;
}

option {
	padding-top: 2px;
}
	


/* ###################################################################### */

@media screen{
	
	.hideforscreen {
		display:none;
	}
	.noScreen {
		display:none;
	}
	
	
	.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; 
		}
		
	.classNInscricao{
		top: 5px;
	}
}





.menuHorizontal{
	background: #5c9ccc; /* url(/imagens/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;*/	
	display:block;
	position:relative;
	float:left;
	left:0px;
	width:100%;
	margin: 10 0 20 0px;
	border-bottom:#000000 solid thin;
	border-top:#000000 solid thin;	
}

.corpotabela {
	font-size: small;
	font-weight: bold;
}

.class_parentesco_inv {
	color: #999;	
}

.aviso {
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}



.titulo {
	font-size:medium;
	font-weight:bold;
	background:#CCC;
	width:100%;
}

.msg_depuracao {
	font-size: small;
	font-weight:bold;
	background:#FF9;
	width:95%;
	border:thin #000 solid;
	padding: 5px;
}
.msg_depuracao2 {
	font-size: medium;
	font-weight:bold;
	background:#ffc;
	width:80%;
	overflow:scroll;
	white-space: pre;
    font-family: monospace;
    display: block;
    unicode-bidi: embed
}

.myDialog {	
	margin: -300px 0 0 -500px;	
	width: 1000px;	
	height: 600px;
}
	
.myDialog iframe {	
	width: 1000px;	
	height: 600px;
	}

.alert-fixed {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}

@media print {
	.hideforprint {
		display:none;
	}
	.blackforprint {
		color:#000;
	}
}

@media screen {
	.hideforscreen {
		display:none;
	}
	.noScreen {
		display:none;
	}
}


.justify {
	text-align: justify;
	font-size: x-small;
	
}

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

.linhasSupInf td{
	border-bottom:thin solid #999;
	border-top:thin solid #999;
}

.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;	
}

.setaClique, .setaCliqueDep {
	cursor: pointer;
	height:40px;
	width: 50px;
	margin: 2px;	
}

.setaClique:hover, .setaCliqueDep:hover {
	opacity:0.5;
	height:44px;
	width: 54px;
	margin: 0px;
}

.setaClique:active, .setaCliqueDep:active {
	cursor: pointer;
	height:34px;
	width: 44px;
	margin: 5px;	
}


.btnDelete {
	cursor: pointer;
}

.btnDelete:hover {
	opacity:0.5;
}

.btnDelete:active {
	cursor: pointer;
}

.debito{
	color: red;
	text-align: right;
}

.credito{
	color:blue;
	text-align: right;
}

.tabelaLinhaIluminada tr:hover{
	background-color: lightgray;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/beneficios/imagens/loader_32x32.gif') 
                50% 50% 
                no-repeat;
}

#modal2 {
    display:    none;
    position:   fixed;
    top:        0;
    left:       0;
    height:     200%;
    width:      100%;
    background: rgba( 0, 0, 0, .1 );
}

#divMaisResumo a {
	color: #FFF;
}

.linhaTituloAzul{
	background-color:#C9E8F3;
}

#lnkRelatarBug{
	float: right;
	bottom: 0;
	position: absolute;
	right: 0;
	margin: 10px;
	display: inherit;
}

input[type=radio].form-control {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.form-control {
	margin: 5px;
}

.form-control.hide, .btn.hide{
	display: none;	
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.TabbedPanelsContentGroup{	
	width: 100%;	
}

#pMsg {
	max-width: 950px;
    margin: 10px auto;
}

.semBorda {
	border: none;	
}

#divRequerimentos {
	display: inline-flex;
	height: auto;
	background-color: #fffef5;	
}


.blinking{
    animation:blinkingText 1.2s infinite;
}

@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}




@media print {	
	.hideforprint {
		display:none;
	}
	
	.blackforprint {
		color:#000;
	}	
	
	.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%;
	}
	
	.classNInscricao{
		top: -50px;
	}
		
}

.icon {
    float: right;
    opacity: 0.4;
    font-size: xxx-large;
    margin: -40px 20px 0;
}


.form-control{
	appearance: auto!important;
}
	
.ui-dialog-titlebar-close{
	padding: 0!important;
    font-size: x-small!important;
}

button.ui-dialog-titlebar-close::after {
  /*
    content: 'x';
    margin: -10px;
    */
}
	
	
.ui-datepicker table {
	font-size: .8em!important;
}

@media screen and (orientation: portrait) {
	#divPainel {	
		margin: 5px!important;
		/* padding: 5px!important; */
	}
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/includes/jquery/css/redmond/images/ui-icons_469bdd_256x240.png)!important;
}

.ui-dialog-titlebar-close{
	color: rgba(255,255,255,0)!important;
}

a.btn:visited:hover {
    text-decoration: underline;
    /* color: #0000FF; */
}

.fw-bold{	
	font-weight: bold !important;	
}

#qrcode {
		height: 120px;
		width: 120px;
		display: flex;
		margin: 10px;
	}