body{
	margin-top:20px;
	font-size:12px;
	margin-bottom:10px;
	background:url(../img/bg.png) top left repeat-x;
	background-color: #dfdfdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.container{
	width: 930px;
}

#header{
	margin: 0 auto;
}

#header .banner {
    background: url("../img/header_top.png") top left no-repeat;
    width: 930px;
    height: 118px;
}

#header .banner a#intrafor-logo img{
    margin-left: 30px;
    margin-top: 30px !important;
    float: left;
}

#header .banner h1, #header .banner h2 {
    text-align: right;
    margin: 0 10px 0 0;
    color: #CACACA;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
}

#header .banner h1 {
    padding-top: 35px;
    font-weight: normal;
}

#header .banner h2 {

}

#header .info{
	width: 930px;
	height: 42px;
	background: url(../img/bg-top-info.png) top left repeat-x;
	background-color: #383838;
}

#header .info .content{
	text-align:right;
}

#header .info .content .user img{
	padding-right:10px;
}
#header .info .content .user{
	background-color: #2f2f2f;
	padding: 6px;
	padding-right: 13px;
	color: #bcbcbc;
	font-size: 10px;
	font-weight: bold;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content{
	width: 930px;
	background:url(../img/bg-area-util.png) top left repeat-y;
	background-color: #FFF;
}

#content #menu-left{
	width: 250px;
	float: left;
	font-size: 10px;
}

#content #menu-left .title,
#content #maincontent .title{
	margin:0;
	padding:0;
	height: 33px;
	font-weight: bold;
	color: #FFF;
	padding-left:15px;
	padding-top: 7px;
	margin-bottom:-7px;

}

#content #menu-left .title{
	background: url(../img/info-esquerda-bar-titulo.png) top left no-repeat;
}

#content #menu-left .title img,
#content #maincontent .title img{
	margin-right:7px;
}

#content #menu-left .content{
	padding: 7px 25px 15px 25px;
	font-size: 10px;
}

#content #menu-left .content .txtinfo {
	padding:10px;
	background:#dcdada;
	color:#383838;
	line-height:12px;
}

ul.sub-menu {
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
}

/*ul.sub-menu li, ul.sub-menu li a{
	margin:0;
	padding:0;
}*/

ul.sub-menu li a {
	display:block;
	text-decoration:none;
	background-color:#dfdfdf;
	margin-top:1px;
	padding:6px;
	padding-left:10px;
	border-left:5px solid #b6b6b6;
	color:#383838;
	font-weight:bold;
}
ul.sub-menu li a:hover {
	border-left-color:#e28e1e;
}

ul.sub-menu li.active a {
	border-left-color:#e28e1e;
}

ul.sub-menu li.sair a {
	background-color:#CCC;
}

#content #maincontent{
	float: right;
	width: 680px;
	font-size: 10px;
}

#content #maincontent .title{
	background: url(../img/barra-cinza-bg.png) top left repeat-x;
}

#content #maincontent .subcontent{
	padding:15px;
}

#goBack{
	float:right;
	margin-right:10px;
}

#goBack img{
	margin:0 !important;
}

#gotop{
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

#goBack a,
#gotop a {
	color: #5c5c5c;
	font-size: 9px;
	font-weight: bold;
	text-decoration:none;
}

#goBack a{
	color:#dfdfdf;
}

#footer{
	width: 930px;
	height: 51px;
	background: url(../img/bg-footer-content.png) top left no-repeat;
	background-color: #111;
	border-top: 2px solid #666666;
	color: #dfdfdf;
	font-size: 9px;
	/*margin-bottom:10px;*/

	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#footer #footer-left{
	margin-top:15px;
	padding-left:20px;
	float:left;
}

#footer #footer-left a, #footer #footer-left a:visited, #footer #footer-left a:active {
	font-weight:bold;
	color:#dfdfdf;
	text-decoration:none;
}

#footer #footer-left a:hover {
	text-decoration:underline;
}

#footer #footer-right {
	margin-top:15px;
	padding-right:20px;
	float:right;
	color:#8e8e8e;
}

#footer #footer-right a {
	font-weight:bold;
	color:#484848;
	text-decoration:none;
}

a{
	text-decoration:none;
}

.listbox table td, .listbox table th {
	padding: 0;
	vertical-align:top;
}

/************
* Elementos *
************/

.listbox {
	border-top: 1px solid #e28e1e;
	background-color: #EEE;
	font-size: 10px;
	padding:5px;
	position:relative;
	margin-bottom:10px;
}

.listbox h1,
.listbox h2,
.listbox h3,
.listbox h4
{
	padding:0;
	margin:0;
	font-size:11px;
	display:inline;
	line-height:13px;
}
.listbox h1{
	color:#e28e1e;

}

.listbox span{
	color:#e28e1e;
}

.listbox .actions{
	background-color: #e5e5e5;
	text-align: right;
	padding: 5px 10px 5px 10px;
	margin:5px -5px -5px -5px;
}

.listbox hr{
	margin: 2px 0;
	border: 0;
	border-top: 1px dotted #e28e1e;
	color:#e28e1e;
}

/*------------------------------------------------------------------
[ Back to Top / #back-to-top ]
*/
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    display: block;
    background: #222;
    background: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
#back-to-top:hover {
    text-decoration: none;
    background-color: #F90;
    background: rgba(255, 153, 0, 0.75);
}
#back-to-top i {
    color: #fff;
}

/********
* FORMS *
********/
.required span { color:#F00 !important; }
label { font-size:10px; font-weight:bold; }

.uneditable-input { background-color:#f5f5f5; }
/********
* TABLE *
********/
.vcenter th, .vcenter td { vertical-align:middle !important; }

/*******
*UTILS
*******/
.left{ text-align:left;}
.center{ text-align:center !important;}
.right{ text-align:right;}
.fullwidth { width:98%; }
.hidden{ visibility:hidden; display:none; }
.visible{ visibility:visible; }
.autowidth{ width:auto !important; }

.lefpad5{ padding-left:5px; }
.lefpad10{ padding-left:10px; }
.lefpad20{ padding-left:20px; }

.rounded{
	-webkit-border-radius: 6px 6px 6px 6px;
	   -moz-border-radius: 6px 6px 6px 6px;
	        border-radius: 6px 6px 6px 6px;
}

.black{ color:#000; }
.white{ color:#FFF; }
.red{ color:#F00; }

.modal.large{
    width: 940px;
    margin-left: -470px; /* - width/2 */
}

.abs-left { position:absolute; left:0 }
.abs-right { position:absolute; right:0 }

/******
* INTRAFOR ANTIGO
******/

div.conteudo-modulos {
    color:#383838;
    margin: -15px;
    width:auto;
}
div.conteudo-modulos .wrapper{
	display: inline-block;
	margin: 0px;

}
div.conteudo-modulos .link-modulo{
	width:136px; 
	height:147px; 
	text-align: center;
	box-shadow: 0px 0px 0px 1px #CACACA;
	background-image: linear-gradient(white, rgb(224, 224, 224));

}
div.conteudo-modulos .link-modulo i{
	margin-top: 35px;
	font-size: 55px;
	padding-bottom: 10px;
	box-shadow: 0px 2px 0px 0px #CACACA;
	color: gray;
}
div.conteudo-modulos .link-modulo i:hover{
	color: #e28e1e;
}
div.conteudo-modulos .link-modulo .text-modulo{
	display: block;
	margin-top: 15px;
	text-transform: capitalize;
	font-size: 14px;
}

div.conteudo-modulos a div.inventario{ width:136px; height:147px; background: url(../img/modulos/ico-m-inventario.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.inventario:hover{ background: url(../img/modulos/ico-m-inventario_hv.png) top left no-repeat; }

div.conteudo-modulos a div.formadores{ width:136px; height:147px; background: url(../img/modulos/ico-m-formadores.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.formadores:hover{ background: url(../img/modulos/ico-m-formadores_hv.png) top left no-repeat; }

div.conteudo-modulos a div.cursos{ width:136px; height:147px; background: url(../img/modulos/ico-m-cursos.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.cursos:hover{ background: url(../img/modulos/ico-m-cursos_hv.png) top left no-repeat; }

div.conteudo-modulos a div.cno{ width:136px; height:147px; background: url(../img/modulos/ico-m-cno.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.cno:hover{ background: url(../img/modulos/ico-m-cno_hv.png) top left no-repeat; }

div.conteudo-modulos a div.tabelasgerais{ width:136px; height:147px; background: url(../img/modulos/ico-m-tabelasgerais.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.tabelasgerais:hover{ background: url(../img/modulos/ico-m-tabelasgerais_hv.png) top left no-repeat; }

div.conteudo-modulos a div.exportar{ width:136px; height:147px; background: url(../img/modulos/ico-m-exportar.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.exportar:hover{ background: url(../img/modulos/ico-m-exportar_hv.png) top left no-repeat; }

div.conteudo-modulos a div.cronogramas{ width:136px; height:147px; background: url(../img/modulos/ico-m-cronogramas.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.cronogramas:hover{ background: url(../img/modulos/ico-m-cronogramas_hv.png) top left no-repeat; }

div.conteudo-modulos a div.formandos{ width:136px; height:147px; background: url(../img/modulos/ico-m-formandos.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.formandos:hover{ background: url(../img/modulos/ico-m-formandos_hv.png) top left no-repeat; }

div.conteudo-modulos a div.repositorio{ width:136px; height:147px; background: url(../img/modulos/ico-m-repositorio.png) top left no-repeat; display: block; float:left; }
div.conteudo-modulos a div.repositorio:hover{ background: url(../img/modulos/ico-m-repositorio_hv.png) top left no-repeat; }

div.conteudo-modulos a div {
    padding: 0;
    margin: 0 0 -8px;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */

.ico-m-cno, .ico-m-cronogramas, .ico-m-cursos, .ico-m-exportar, .ico-m-formacaomodular,
.ico-m-formadores, .ico-m-formandos, .ico-m-funcionarios, .ico-m-repositorio, .ico-m-tabelasgerais, .ico-m-cantina, .ico-m-inventario
{ display: inline-block; background: url('../img/modulos.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.ico-m-cno { 					background-position: -0px 	-0px; width: 136px; height: 147px; }
.ico-m-cno:hover { 				background-position: -136px -0px; width: 136px; height: 147px; }
.ico-m-cronogramas { 			background-position: -272px -0px; width: 136px; height: 147px; }
.ico-m-cronogramas:hover { 		background-position: -408px -0px; width: 136px; height: 147px; }
.ico-m-cursos { 				background-position: -0px 	-147px; width: 136px; height: 147px; }
.ico-m-cursos:hover { 			background-position: -136px -147px; width: 136px; height: 147px; }
.ico-m-exportar { 				background-position: -272px -147px; width: 136px; height: 147px; }
.ico-m-exportar:hover { 		background-position: -408px -147px; width: 136px; height: 147px; }
.ico-m-inventario { 			background-position: -272px -147px; width: 136px; height: 147px; }
.ico-m-inventario:hover { 		background-position: -408px -147px; width: 136px; height: 147px; }
.ico-m-formacaomodular { 		background-position: -0px 	-294px; width: 136px; height: 147px; }
.ico-m-formacaomodular:hover { 	background-position: -136px -294px; width: 136px; height: 147px; }
.ico-m-formadores { 			background-position: -272px -294px; width: 136px; height: 147px; }
.ico-m-formadores:hover { 		background-position: -408px -294px; width: 136px; height: 147px; }
.ico-m-formandos { 				background-position: -0px 	-441px; width: 136px; height: 147px; }
.ico-m-formandos:hover { 		background-position: -136px -441px; width: 136px; height: 147px; }
.ico-m-funcionarios { 			background-position: -272px -441px; width: 136px; height: 147px; }
.ico-m-funcionarios:hover { 	background-position: -408px -441px; width: 136px; height: 147px; }
.ico-m-repositorio { 			background-position: -0px 	-588px; width: 136px; height: 147px; }
.ico-m-repositorio:hover { 		background-position: -136px -588px; width: 136px; height: 147px; }
.ico-m-tabelasgerais { 			background-position: -272px -588px; width: 136px; height: 147px; }
.ico-m-tabelasgerais:hover { 	background-position: -408px -588px; width: 136px; height: 147px; }
.ico-m-cantina { 				background-position: -0px 	-735px; width: 136px; height: 147px; }
.ico-m-cantina:hover { 			background-position: -136px -735px; width: 136px; height: 147px; }

.help-block-button{
	all:unset !important; 
	cursor: pointer !important;
	color: #0088cc !important;
}

.help-block-button:hover{
	text-decoration: underline !important;
}

#header .info .content .bt-wrapper{
	display: inline-flex;
	color:grey;
	padding: 2px 8px;
	background-color: #2f2f2f;
	width: 60px;
	height: 20px;
	margin-top: 8px;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
}
#header .info .content .bt-wrapper i{
	font-size: 12px;
	font-weight: bold;
	margin-right: 6px;
}
#header .info .content .bt-wrapper:last-of-type i {
	margin-right: 0px;
}

#header .info .content .bt-wrapper:last-of-type{
	height: 18px;
	background-color: rgb(227, 227, 227);
	margin-right: 10px;
	margin-left: 4px;
	padding: 2px 0px;

}


#header .info .content .bt-wrapper .bt-sair{
	display: block;
	text-align: center;
	color: black;
	border-radius: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#header .info .content .bt-wrapper .bt-sair i{
	color: #e28e1e;
}
#header .info .content .bt-wrapper .bt-sair{
	text-decoration: none;
}


/* .bt-sair-wrapper{
	border-radius: 4px;
	display: inline-flex;
	width: 58px !important;
	background-color: rgb(227, 227, 227);
}

.bt-sair-wrapper a{
	justify-content: center;
	align-items: center;
	height: 100%;
	display: flex;
	width: 100%;
	color: black;
}

.bt-sair-wrapper i{
	font-size: 16px;
	font-weight: bold;
	color: #e28e1e;
	margin-right: 2px;
} */