/*
	Desenvolvido por Leandro Leonardi Alves
	leandro.leonardi@lbca.com.br
	Web Designer
	LBCA -  Lee, Brock e Camargo Advogados
	Projeto Redesign LegalBox 2014/15
*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

@charset "utf-8";
html{
	height:100%;
}

html header, section, nav, figcaption, footer {
	display: block;
	z-index: 0;
}

#dhtmltooltip {
    margin-top: -190px;
}

iframe{
	background:none;
	border:none;
}

.centerBox{
	margin-left: auto;
	margin-right: auto;
	overflow-x: auto;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after,
.clear {
	clear: both;
}
.clearfix {
	zoom: 1;
}
#iframeItens{position:absolute; z-index:-1;}

h3, h4 {
    font-weight: bold;
    margin: 0 0 25px;
    text-transform: uppercase;
}

body a :hover {
	cursor: pointer;
	color: inherit;
}

html body{
	font-family:"Open Sans", sans-serif !important;
	font-size:12px !important;
	margin:0 !important;
	padding:0 !important;
	height: auto !important;
}
	html body,
	html body.f.tela0,
	html body.tela0{
		background:url(../../base-2014/bg-on3.jpg) no-repeat center fixed !important;
		background-size: cover !important;
	}
	html body.f{
		background:url(../../base-2014/bg-on3.jpg) no-repeat center fixed !important;
	}

	@media all and (min-width: 1985px){

		/*
		html body,
		html body.f.tela0,
		html body.tela0{
			background:url(../../base-2014/bg-2560px.jpg) no-repeat center fixed !important;
		}
		*/
		html body.f{
			background:url(../../base-2014/bg-2560px-on.jpg) no-repeat center fixed !important;
		}

	}

body a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
	body a:hover{
		text-decoration: underline;
	}

body #login{
	display:none;
	width:400px;
	height:570px;
	position:absolute;
	top:50%;
	margin-top:-285px;
	left:50%;
	margin-left:-200px;
	background:#FFF;
	background-size: 100% 100%;

	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
}




		/* Login AnimaIn */
			#login.animaIn{
				display:block;

				animation-name: movieLoginIn;
				animation-duration: 2s;

				/* Firefox: */
				-moz-animation-name: movieLoginIn;
				-moz-animation-duration: 2s;

				/* Safari and Chrome: */
				-webkit-animation-name: movieLoginIn;
				-webkit-animation-duration: 2s;

				/* Opera: */
				-o-animation-name: movieLoginIn;
				-o-animation-duration: 2s;
			}
			@keyframes movieLoginIn
			{
				from {margin-top:-1080px;}
				to   {margin-top:-285px;}
			}
			@-moz-keyframes movieLoginIn /* Firefox */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-285px;}
			}

			@-webkit-keyframes movieLoginIn /* Safari and Chrome */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-285px;}
			}

			@-o-keyframes movieLoginIn /* Opera */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-285px;}
			}
		/* Fim da Animação */




 #sistemas{
	display:none;
	width:1200px;
	height:480px;
	position:absolute;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-600px;
	background-size: 100% 100%;
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	background:rgba(238, 238, 238, 0.4);
}

.imgLogoLBCA {
	background: url('../../../newlogo2.png') no-repeat;
	width: 700px;
	height: 140px;
	display: block;
	margin-left: 200px;
}

#sistemas .titsistema {
	color: #000;
}

	@media all and (min-width: 1985px){

		#sistemas {
			background:rgba(0,0,0,0.4);
		}


		#sistemas .titsistema {
			color: #FFF;
		}		


		.imgLogoLBCA {
			background: url('../../../newlogo3.png') no-repeat;
		}
		
	}

		/* Login AnimaIn */
			#sistemas.animaIn{
				display:block;

				animation-name: movieLoginIn;
				animation-duration: 2s;

				/* Firefox: */
				-moz-animation-name: movieLoginIn;
				-moz-animation-duration: 2s;

				/* Safari and Chrome: */
				-webkit-animation-name: movieLoginIn;
				-webkit-animation-duration: 2s;

				/* Opera: */
				-o-animation-name: movieLoginIn;
				-o-animation-duration: 2s;
			}
			@keyframes movieLoginIn
			{
				from {margin-top:-1080px;}
				to   {margin-top:-250px;}
			}
			@-moz-keyframes movieLoginIn /* Firefox */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-250px;}
			}

			@-webkit-keyframes movieLoginIn /* Safari and Chrome */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-250px;}
			}

			@-o-keyframes movieLoginIn /* Opera */
			{
				from {margin-top:-1080px;}
				to   {margin-top:-250px;}
			}
		/* Fim da Animação */


body #box2{
	display:none;
	width:600px;
	height:550px;
	position:absolute;
	top:50%;
	margin-top:-275px;
	left:50%;
	margin-left:-300px;
	background: url('../../base-2014/blur2.png') center center fixed;
	background-size: 100% 100%;

	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
}
body .box-msg{
	display:none;
	width:600px;
	height:200px;
	position:absolute;
	top:50%;
	margin-top:-100px;
	left:50%;
	margin-left:-300px;
	background: url('../../base-2014/blur2.png') center center fixed;
	background-size: 100% 100%;

	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
}
	body .box-msg p{
		padding:10px;
		margin:0;
		text-align:center;
		font-size:14px;
	}
body #box3{
	display:none;
	width:350px;
	height:550px;
	position:absolute;
	top:50%;
	margin-top:-275px;
	left:50%;
	margin-left:-175px;
	background: url('../../base-2014/blur2.png') center center fixed;
	background-size: 100% 100%;

	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
}
	body .margem{
		padding:20px 25px;
	}
	body .borderSection{
		min-height: 300px;
	}
	body #login .logo{
		background:url(../../base-2014/logo2.png) no-repeat center;
		height:200px;
		margin-bottom:20px;
	}
	body #box2 .logo,
	body #box3 .logo{
		background:url(../../base-2014/logo-login.png) no-repeat center;
		height:84px;
		margin-bottom:30px;
	}

	/*body #form-login > div{
		margin-bottom:9px;
	}
	*/
	body #form-login .captcha{
		background:#fff;
		padding:7px;
	}
		body #form-login .captcha .box-1{
			width:130px;
			margin-right:7px;
			float:left;
			text-align:center;
		}
			body #form-login .captcha .box-1 a{
				font-size:9px;
			}
		body #form-login .captcha .box-2{
			width:99px;
			float:left;
		}
			body #form-login .captcha .box-2 input[type="text"],
			body #form-login .captcha .box-2 input[type="password"]{
				width:83px;
				height:30px;
				background:#EEE;
				border:#EEE 7px solid;
				font-size:16px;
				display:block;
				margin:0;
				color:#680d3f;
				text-transform:uppercase;
				text-align:center;
				font-weight:bold;
				outline: none;
			}
	body .msg-manutencao{
		background:#303234;
		color:#a67063;
		text-align:center
;		font-weight:bold;
		padding:9px;
		height:185px;
	}
	body #form-login .txt{
		text-align:center;
		font-weight:600;
		font-size:11px;
		margin-top: 10px;
	}
		body #form-login a{
			color:#000;
			text-decoration:none;
		}
			body #form-login a:hover{
				text-decoration: underline;
			}

	/*body #form-login input[type="text"],
	body #form-login input[type="password"]{
		width:285px;
		border:#fff 7px solid;
		font-size:14px;
		display:block;
		margin-bottom:5px;
		outline: none;
	}
		body #form-login input:focus {
		  outline-color: transparent;
		  outline-style: none;
		}
	*/
	body #form-login input[type="submit"],
	body #form-login .bt-full,
	body a.bt-full{
		background:#666;
		color:#fff;
		border:none;
		width:300px;
		height:30px;
		cursor:pointer;
	}
		body #form-login input[type="submit"]:hover,
		body #form-login .bt-full:hover,
		body a.bt-full:hover{
			background:#303234;
		}
		body #form-login input[type="submit"]:active,
		body #form-login .bt-full:active,
		body a.bt-full:active{
			color:#a67063;
		}

	body a.bt-full{
		width:auto;
		display:block;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
		line-height:30px;
	}
	body #box2 h2,
	body .box-msg h2{
		background: #680d3f;
  		color: #fff;
		font-size:18px;
		text-transform:uppercase;
		font-weight:normal;
		text-align:center;
		padding:15px;
		margin:0;
	}
	body #box2 .content{
		background:#FFF;
		padding:20px;
		margin:0 0 20px 0;
	}
		body #box2 .content p{
			margin:0 20px 15px 0;
			text-align:justify;
		}
		body #box2 .content ul{
			list-style-type:square;
		}
			body #box2 .content ul:last-child{
				margin:0;
			}
			body #box2 .content ul li{
				margin:0 20px 15px 0;
				text-align:justify;
			}
			body #box2 .content ul li:last-child{
				margin:0 20px 0 0;
			}
		body #box2 .content .scroll{
			height:220px;
			overflow-y:scroll;
		}
		/* Remove margem da barra lateral para computadores com Mac */
		body.mac #box2 .content p,
		body.mac #box2 .content ul li,
		body.mac #box2 .content ul li:last-child{
			margin-right:0;
		}
		body #box3 p{
			padding:0;
			margin-bottom:15px;
		}

		body #form-alteradados p{
			padding:0;
			margin: 0 0 3px 0;
			position:relative;
		}

		body #form-alteradados label{
			width:109px;
			text-align:right;
			margin-right:17px;
			display:inline-block;
			font-size:13px;
		}

		body #form-alteradados input[type="text"],
		body #form-alteradados input[type="password"]{
			width:240px;
			border:#fff 5px solid;
			font-size:13px;
			margin-bottom:2px;
			outline: none;
			color:#666;
		}
			body #form-alteradados input:focus {
			  outline-color: transparent;
			  outline-style: none;
			}
		body #form-alteradados .msg-alerta{
			background:#303234;
			width:78px;
			height:74px;
			padding:10px;
			position:absolute;
			right:4px;
			margin-top:-63px;
			display:none;
		}
			body #form-alteradados .msg-alerta.on{ display:table; }

		body #form-alteradados .msg-alerta,
		body #form-alteradados .msg-alerta b{
			text-align:center;
			font-family:Arial, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#a67063;
		}
			body #form-alteradados .msg-alerta b{
				display:table-cell;
				vertical-align:middle;
				line-height:15px;
			}

			body #form-alteradados .msg-alerta:before{
				border-right: 7px solid #303234;
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent;
				content: "";
				height: 0;
				position: absolute;
				width: 0;
				z-index: 999;
				left: -7px;
				top: 40px;
			}

		body .box2-alteradados{
			 width:252px;
			 margin-left:126px;
		}

	body #msg-alerta-ds_senha.on{
		display:table;
	}

	body.f{
		/*display:none;*/
	}
	

		body.f #h-short{
			display:none;
			height:51px;
			position:fixed;
			top:0;
			left:0;
			right:0;
			z-index:1000;
			border-bottom:solid 4px #FFF;

			background: #f1f1f0; /* Old browsers */
			background: -moz-linear-gradient(top,  #f1f1f0 0%, #d6d5d6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f0), color-stop(100%,#d6d5d6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f1f1f0 0%,#d6d5d6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f1f1f0 0%,#d6d5d6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f1f1f0 0%,#d6d5d6 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f1f1f0 0%,#d6d5d6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f0', endColorstr='#d6d5d6',GradientType=0 ); /* IE6-9 */
		}
			body.f #h-short .logo{
				background:url(../../base-2014/logo-short.png) no-repeat center;
				width:85px;
				height:50px;
				margin-right:45px;
				float:left;
			}
			body.f #h-short .perfil{
				width:870px;
				float:left;
				margin-top:9px;
			}
			body.f #h-short .perfil .bt-sair{
				text-align:right;
				width:80px;
				vertical-align:top;
			}
				body.f #h-short .perfil .bt-sair a,
				body.f #h-short .perfil .bt-sair a i{
					color:#000;
					font-weight:normal;
				}
				body.f #h-short .perfil .bt-sair a:hover{
					text-decoration:underline;
				}
				body.f #h-short .perfil .bt-sair a:hover i{ text-decoration:none;}

			body.f #h-short .perfil p{
				margin:0 10px 0 0;
				padding:0;
				display:inline-block;
			}
				body.f #h-short .perfil p:last-child{
					margin:9px 0 0 0;
				}
			body.f.tela0 #h-short { display:none !important; }
			body.f #h-short .perfil label{
				width:250px;
				display:inline-block;
				text-align:right;
				margin-right:10px;
				text-transform:uppercase;
				font-size:16px;
				color:#002a4e;
				font-weight:600;
				vertical-align:top;
				margin-top:5px;
			}
				body.f #h-short .perfil label{ display:none !important; }

				body.f #combobox-modulo{ display:none }
				body.f #h-short #combobox-modulo{ display:inline-block !important; }

			body.f #h-short .perfil .sbHolder{
				width:248px;
				display:inline-block;
			}
				body.f #h-short .perfil .sbHolder a{
					font-weight:normal;
				}


			body.f #h-short .perfil select{
				background:#cdcac9;
				width:250px;
				height:29px;
				color:#987063;
				display:inline-block;
				font-size:14px;
				padding:6px 10px;
				border:none;

				-webkit-appearance:none;
				-moz-appearance: none;
				-webkit-border-radius: 0px;
				appearance:none;
				border-radius:0;
			}
				body.f #h-short .perfil select:focus{
					outline-color: transparent;
		  			outline-style: none;
				}


		body.f #h-geral{
			background:#666;
			color:#fff;
			padding:10px 0;
		}
			body.f #h-geral a{
				color:#fff;
				text-decoration:none;
				font-weight:normal;
			}
				body.f #h-geral a:hover{
					text-decoration:underline;
				}
			body.f #h-geral ul{
				list-style:none;
				padding:0;
				margin:0 auto;
				display:inline;
			}
			body.f #h-geral ul li{
				display:inline;
				margin-right:40px;
				margin-right:0;
			}
			body.f #h-geral ul li:nth-child(2){
				text-transform:uppercase;
			}
			body.f #h-geral ul li:last-child{
				margin-right:0;
			}
		body.f #h-perfil{
			background:#FFF;
			/*height:105px;*/
			padding:30px 0;
		}
			body.f #h-perfil .logo{
				background:url(../../base-2014/logo-sistema.png) no-repeat center;
				width: 363px;
  				height: 106px;
				float:left;
			}
			body.f #h-perfil .perfil{
				width:637px;
				float:left;
				margin-top:20px;
			}
			body.f #h-perfil .perfil p{
				margin:0 0 2px 0;
				padding:0;
			}
				body.f #h-perfil .perfil p:last-child{
					margin:0;
				}
			body.f #h-perfil .perfil label{
				width:163px;
				display:inline-block;
				text-align:right;
				margin-right:10px;
				text-transform:uppercase;
				font-size:16px;
				color:#666;
				font-weight:600;
				vertical-align:top;
				margin-top:5px;
			}
			body.f #h-perfil .perfil .sbHolder{
				width:458px;
				display:inline-block;
			}
				body.f #h-perfil .perfil .sbHolder a{
					font-weight:normal;
					text-align: left;
				}
			body.f #h-perfil .perfil select{
				background:#666;
				font-weight:normal;
				width:460px;
				height:29px;
				color:#987063;
				display:inline-block;
				font-size:14px;
				padding:6px 10px;
				border:none;

				-webkit-appearance:none;
				-moz-appearance: none;
				-webkit-border-radius: 0px;
				appearance:none;
				border-radius:0;
			}
				body.f #h-perfil .perfil select:focus{
					outline-color: transparent;
		  			outline-style: none;
				}
		body.f #h-menu{
			background:#CDCAC9;
			/*min-height:100px;*/
			border-bottom:#fff solid 4px;
			padding:40px 0;
		}
			body.f #h-menu .h-menu-box{
				margin-bottom:25px;
				padding-bottom:20px;
				border-bottom:#9e9e9e 1px solid;
			}
				body.f #h-menu div > .h-menu-box:last-child,
				body.f #h-menu div > .h-menu-box.h-submenu{
					margin-bottom:0;
					padding-bottom:0;
					border:none;
				}
			body.f #h-menu h2{
				color:#680d3f;
				font-size:22px;
				font-weight:600;
				text-transform:uppercase;
				padding:0;
				/*margin:0 0 20px 0;*/
			}
			body.f #h-menu ul{
				list-style:none;
				padding:0;
				margin:20px 0 0 0;
			}
				body.f #h-menu ul li{
					display:inline-block;
					background:#fff;
					height:127px;
					width:127px;
					margin: 15px 15px 0 0;
					text-align:center;
					text-transform:uppercase;
					color:#002a4e;
					font-size:11px;
					vertical-align:top;
						-webkit-transition: 0.5s;
						-moz-transition: 0.5s;
						transition: 0.5s;
				}
					body.f #h-menu ul li a{
						display:block;
						/*height:107px;
						width:107px;*/
						padding:10px;
						text-decoration:none;
						color:#666;
						font-weight:normal;
					}
					body.f #h-menu ul li:hover,
					body.f #h-menu ul li.on{
						background:#680d3f;
					}
						body.f #h-menu ul li:hover,
						body.f #h-menu ul li:hover a,
						body.f #h-menu ul li.on,
						body.f #h-menu ul li.on a{
							color:#FFF;
						}
					body.f #h-menu ul li:last-child,
					body.f #h-menu ul li:nth-child(7n){
						margin-right:0;
					}
					body.f #h-menu ul li:first-child,
					body.f #h-menu ul li:nth-child(2),
					body.f #h-menu ul li:nth-child(3),
					body.f #h-menu ul li:nth-child(4),
					body.f #h-menu ul li:nth-child(5),
					body.f #h-menu ul li:nth-child(6),
					body.f #h-menu ul li:nth-child(7){
						margin-top:0;
					}
			body.f #h-menu i.fa{
				display:block;
				text-align:center;
				height:60px;
				line-height:60px;
				margin:0;
				padding:0;
			}
			body.f #h-menu i.fa:hover{ color:#fff; }

			body.f #h-menu .h-submenu h2{
				color:#000;
			}
				body.f #h-menu .h-submenu ul li{
					height:35px;
					color:#002a4e;
					font-size:11px;
				}
					body.f #h-menu .h-submenu ul li a{
						height:auto;
						padding:10px;
						color:#666;
						cursor:pointer;
					}
					body.f #h-menu .h-submenu ul li:hover,
					body.f #h-menu .h-submenu ul li.on{
						background:#666;
					}
						body.f #h-menu .h-submenu ul li:hover,
						body.f #h-menu .h-submenu ul li:hover a,
						body.f #h-menu .h-submenu ul li.on,
						body.f #h-menu .h-submenu ul li.on a{
							color:#FFF;
						}
	body.f section{
		padding:10px 0;
	}
		body.f .aviso{
			min-height: 20px;
		    padding: 19px;
		    margin-bottom: 20px;
		    background-color: #f5f5f5;
		    border: 1px solid #e3e3e3;
		    border-radius: 4px;
		    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
		    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
			/*
			background:#D6D4D0;
			padding:10px;
			margin-bottom:35px;
			*/
		}
		body.f .s-box h2{
			  background: #2d2e31;
    		  color: #FFF;
			  font-size: 20px;
 			  text-transform: uppercase;
 			  font-weight: normal;
			  padding: 20px 100px 0 120px;
 			  margin: 0;
 			  position: relative;
 			  cursor: pointer;
			  height: 60px;
		}

		body.f .s-box h2.menu-open {
			padding: 20px 0px 20px 19px;
		} 

		body.f .s-box h2:not(.s-box-titulo){
			border-bottom:2px solid #9492a1;
		}

			/*Azul: #234990 Bt: #172446 */
			body.f .s-box > h2.bg-primary,
			body.f .s-box.expand > h2.bg-primary {
				background:#234990;
			}

				body.f .s-box > h2.bg-primary i.s-bt-section,
				body.f .s-box.expand > h2.bg-primary  i.s-bt-section {
					background:#172446;
				}

			/* Vermelho: #e16571 Bt: #673739 */
			body.f .s-box > h2.bg-danger,
			body.f .s-box.expand > h2.bg-danger {
				background:#e16571;
			}

				body.f .s-box > h2.bg-danger i.s-bt-section,
				body.f .s-box.expand > h2.bg-danger  i.s-bt-section{
					background:#673739;
				}
			
			/* Amarelo: #a0904d Bt: #4e482b */
			body.f .s-box > h2.bg-warning,
			body.f .s-box.expand > h2.bg-warning {
				background:#a0904d;
			}

				body.f .s-box > h2.bg-warning i.s-bt-section,
				body.f .s-box.expand > h2.bg-warning  i.s-bt-section{
					background:#4e482b;
				}
			
			/* Verde: #6ad2c3 Bt: #436861 */
			body.f .s-box > h2.bg-success,
			body.f .s-box.expand > h2.bg-success {
				background:#6ad2c3;
			}

				body.f .s-box > h2.bg-success i.s-bt-section,
				body.f .s-box.expand > h2.bg-success  i.s-bt-section{
					background:#436861;
				}

			body.f .s-box > h2 i.s-bt-section {
				background: #2d2e31;
				color: #FFF;
			}

			body.f .s-box.expand > h2 i.s-bt-section{
				background:#e8e5e1;
				color: #8573a8;
			}


			body.f .s-box.expand > h2{
				background:#7d8290;
				color:#FFF;
			}
			body.f .s-box.expand.fixo > h2{
				cursor:default;
			}
			body.f .s-box.expand.fixo > h2 i.s-bt-section{ display:none; }

			body.f .s-box > h2 > span > button,
			body.f .s-box > h2 > button {
				margin-top: -4px;
			}


		body.f .s-box .s-box-content{
			display:none;
			background:#FFF;
			padding:20px 100px;
		}

		body.f .s-box .s-box-content.menu-open {
			padding:20px 0px 20px 20px;
		}

		.maxSizePortal.menu-open {
			margin: 0 5px;
		}

		body .ajustaConteudo {
			padding:30px 100px;
			max-width: 1200px;
 		}

		body.f .s-box.on .s-box-content{
			display:block;
		}

		body.f .s-box .menu-open i.s-bt-section{
			right: 10px;
		}

		body.f .s-box i.s-bt-section{
		    background: rgba(0, 0, 0, 0.3);
		    opacity: 0.5;
		    position: absolute;
		    right: 100px;
		    cursor: pointer;
		    top: 0;
		    font-weight: 100;
		    font-size: 30px;
		    padding: 14px;
		}


		body.f .s-box-expand i.s-bt-section{
		    background: #e8e5e1;
		    color: #6f5b9b;
		}

		body.f .s-box h6:not(.s-box-titulo) {
		    border-top: 2px solid #9492a1;
		}

			/*
			body.f .s-box > h2 i.s-bt-section{ background:url(../../base-2014/s-bt-mais.png) no-repeat center; }
			body.f .s-box.expand > h2 i.s-bt-section{ background:url(../../base-2014/s-bt-xis.png) no-repeat center; }
			*/

	body.f footer.bottom{
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
	}
		body.f #f-1{
			background-color:#262947;
			height:120px;
			border-top:#fff solid 4px;
			padding-top: 30px;
			padding-bottom: 30px;
		}

		body.f #f-1 .logo{
			background:url(../../../logos/logo-footer.svg) no-repeat center;
		    width: 338px;
		    height: 60px;
			  display: block;
			  margin-left: auto;
			  margin-right: auto;		    
		}

		body.f #f-2{
			background:#FFF;
			color:#666;
			font-size:16px;
			text-align:center;
			padding:30px 0;
		}

	body #bt-topo{
		display:none;
		background:#000;
		color:#fff;
		border:#fff solid 1px;
		height:50px;
		width:50px;
		position:fixed;
		right:15px;
		bottom:15px;
		cursor:pointer;
		opacity:0.5;
		text-align:center;

		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
		body #bt-topo i{
			padding:0; margin:5px 0 0 0;
		}
		body #bt-topo:hover{
			opacity:1;
		}

	body.f.tela0 footer{
		position:relative;
		bottom:-17px; -- conflito do pace.js
		left:0;
		right:0;
	}
	body.f #h-geral ul #box-user.on .dropdown-menu{
		background: #333;
	}
	body.f #h-geral ul #box-user.on .dropdown-menu a:hover{
		background: #FFF;
		color: #000;text-decoration: none;
	}


		body.f .s-box h6:not(.s-box-titulo) {
		    border-top: 2px solid #9492a1;
		}

		body.f .s-box h6 {
		    background: #d9d9d6;
		    color: #000;
		    font-size: 11px;
		    text-transform: uppercase;
		    font-weight: normal;
		    padding: 12px 120px 10px 120px;
		    margin: 0 0 20px;
		    position: relative;
		    height: 60px;
		    line-height: 17px;
		}

	body.f #h-geral ul #box-user .dropdown-menu,
	body.f #h-geral ul #box-user span.status{
		display:none;
	}

		body.f #h-geral ul #box-user.on .dropdown-menu,
		body.f #h-geral ul #box-user .dropdown-menu li{
			display:block;
		}
		body.f #h-geral #bt-user{
			width: 94px;
			display: inline-block;
		}
		body.f #h-geral ul #box-user{
			position: absolute;
			background: #002a4e;
			z-index: 1000;
			width: 105px;
			margin-left:10px;
		}
		body.f #h-geral ul #box-user .dropdown-menu{
			padding: 10px;
		}

body.f .fa{
	margin-right: 10px;
}


	table(:not.table) thead tr th input.form-control, 
	table(:not.table) thead tr th {
	    background: #2d2e31;
	    color: #FFF !important;
	    text-transform: uppercase;
	}

/* Boxes */
button, select{
	font-family:"Open Sans", sans-serif !important;
}


button:not(.close):not(.navbar-toggle):not(.navbar):not(.btn) {
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #666;
    border-color: #999;
	color:#fff;
	border:none;
	min-width:100px;
	cursor:pointer;
}

button {
	text-transform: uppercase;
}
select:not(.form-control):not(.ui-datepicker-month):not(.ui-datepicker-year):not(.tipoFiltroSelect){
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-transform: none;
    height: calc(1.875rem + 2px);
}

body input[type="text"]:not(.form-control),
body input[type="time"]:not(.form-control),
body input[type="date"]:not(.form-control),
body input[type="password"]:not(.form-control),
body input[type="search"]:not(.form-control),
body input[type="number"]:not(.form-control)
{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: calc(1.875rem + 2px);
}


body input[type="text"]:not(.form-control):focus,
body input[type="time"]:not(.form-control):focus,
body input[type="date"]:not(.form-control):focus,
body input[type="password"]:not(.form-control):focus,
body input[type="search"]:not(.form-control):focus,
body input[type="number"]:not(.form-control):focus
{
    border-color: #a6c8e6;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(66, 139, 202, 0.25);
}

.ui-datepicker-month,
.ui-datepicker-year {
	display: inline-block !important;
}



/* Customizações de compatibilidade entre navegadores */
::-webkit-input-placeholder {color:#999;} /* Navegadores que tenham suporte ao Webkit */
:-moz-placeholder {color:#999;} /* Firefox 18- */
::-moz-placeholder {color:#999;} /* Firefox 19+ */
:-ms-input-placeholder {color:#999;} /* Internet Explorer */

/* Customização: FireFox e IE */
	html body.f.mozilla .ui-helper-clearfix:after,
	html body.f.ie .ui-helper-clearfix:after {
		display: none;
	}
	html body.f.mozilla .ui-datepicker,
	html body.f.ie .ui-datepicker{
		padding:0;
	}
	html body.f.mozilla .ui-widget-content,
	html body.f.ie .ui-widget-content{
		border:none;
	}

.progress-bar-legalbox {
	background-color: #680d3f !important;
}



/* TEXTO AUXILIAR NO CABEÇALHO */
body.f .s-box.expand > h2 i.s-text,
body.f .s-box > h2 i.s-text {
    color: #FFF;
}

body.f .s-box i.s-text > span > span.glyphicon {
  margin: 0 6px;
}

body.f .s-box i.s-text {
    position: absolute;
    right: 100px;
    top: 0;
    font-weight: 100;
    font-size: 12px;
    padding: 24px !important;
    font-style: normal;
}


/* ESCONDE CONTROLES DE DATA HTML5 */
input[type="date"]::-webkit-clear-button {
    display: none;
}

input[type="date"]::-webkit-inner-spin-button { 
    display: none;
}


.gridder li {
    width: 150px !important;
    margin-left: 20px !important;
}