/*
Estilo Passaporte MMQ
Autor: Leandro Eustáquio / SI - Sistemas internos 
*/

/*Marcelo Gambiarra*/
.loading-backdrop {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #FFF;
	  z-index: 990;
	  width:100%;
	  display:block;
	  text-align:center;
	  border: 5px solid #DDD;
	}

.loading-item{
	margin-top:15vh;
}
.loading-item p{
	color:#;
}

a{cursor: pointer;}



/*BASE*/


/*Footer*/
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  height:auto;
  background-color: #ededed;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

section{
	margin-bottom:20px;	
}

.container .text-muted {
  margin: 20px 0;
}

footer > .container {
  padding-right: 15px;
  padding-left: 15px;
  padding-top:10px;
  font-size:14px;
}

footer p{
	font-size:14px!important;
}

footer a{
  color:#000;
}

footer img{
	width:120px;
	margin-top:5px;
	float:right;
}

code {
  font-size: 80%;
}
/*fim Footer*/

html { font-size : 100% }

.semscroll { margin:0; padding:0; width: 100%; height: 100%; position:fixed;}

.scroll-off{
	overflow:hidden;
}

body{
    font-family: 'Muli', sans-serif!important;
    color:#000;
    background-color: #fff;
    font-size:1rem;
	font-variant-ligatures: no-common-ligatures;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}	

h1{
  font-size:2.25rem;
  font-family: 'Muli', sans-serif!important;
  font-weight:bold;
}

h2{
    font-size: 1.875rem;
	font-family: 'Muli', sans-serif!important;
	font-weight:bold;
}

h3{
    font-size: 1.5rem;
	font-family: 'Muli', sans-serif!important;
	font-weight:bold;
}

h4{
    font-size: 1.25rem;
	font-family: 'Muli', sans-serif!important;
	font-weight:bold;
}

a{
	color:#2187fc;
}

a:hover{
	color:#135fb6;
	text-decoration:none;
}

/*FIM BASE*/

/*LAYOUT*/

.navbar-nav  li.active a{
	font-weight:bold;
}

.navbar-right{
	margin-bottom:-1px!important;
}

.topo-menu-app{
	margin-left:10px;
}

.topo-menu-app .dropdown-toggle{
	cursor:pointer;
	text-align:center;
	padding: 6px;
	color:#90908f;
}

.topo-menu-app .dropdown-toggle:active, .topo-menu-app .dropdown-toggle:focus{
	background-color:#cc1216;
	color:#fff;
}

.btn-group.open .dropdown-toggle {
    background-color:#cc1216;
	color:#fff;
}

.topo-menu-app .dropdown-toggle i{
	font-size:23px;
	margin-top:3px;
}

.topo-foto{
	float:right;
    padding-left: 5px;
}

.topo-foto-item{
	width:35px;
	height:35px;
	border:1px solid #cc1216;
	box-shadow: 0 0 0 1px crimson;
	border-radius:60px;
	margin:0 auto;
	background-size:cover;
	cursor:pointer;
}

.navbar-brand img{
	width:125px;
	margin-top:-7px;
}

.navbar-static-top {
	border-width: 0 0 0;
}

header .navbar{
	background-color:#ededed!important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent!important;
}

.navbar-default{
	border-color:transparent!important;
}

header  .navbar-default{
	margin-top:-2px;
} 

header .navbar li.active a{
	background-color:#fff!important;
}

.scroll1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scroll1::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.scroll1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a09c9c;
}


.p0{
	padding:0!important;
}


.navbar-default {
	background-color: #fff!important;
}

.topo-secao-titulo{
	padding:0 15px;
	height:50px;
	float:left;
	background: rgba(214,71,32,1);
	background: -moz-linear-gradient(left, rgba(214,71,32,1) 0%, rgba(214,71,32,1) 13%, rgba(244,121,36,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,71,32,1)), color-stop(13%, rgba(214,71,32,1)), color-stop(100%, rgba(244,121,36,1)));
	background: -webkit-linear-gradient(left, rgba(214,71,32,1) 0%, rgba(214,71,32,1) 13%, rgba(244,121,36,1) 100%);
	background: -o-linear-gradient(left, rgba(214,71,32,1) 0%, rgba(214,71,32,1) 13%, rgba(244,121,36,1) 100%);
	background: -ms-linear-gradient(left, rgba(214,71,32,1) 0%, rgba(214,71,32,1) 13%, rgba(244,121,36,1) 100%);
	background: linear-gradient(to right, rgba(214,71,32,1) 0%, rgba(214,71,32,1) 13%, rgba(244,121,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64720', endColorstr='#f47924', GradientType=1 );
}

table th{
	background-color:#878787;
	color:#fff!important;
}

table tr:nth-child(odd){
	background-color:#f1f0f0;
}

table th, table td{
	font-size:14px!important;
}

table th.text-vcenter, table td.text-vcenter{
	vertical-align:middle!important;
}

.fs13{
	font-size:13px!important;
}

.fs14{
	font-size:14px!important;
}

aside{
	width:3.75rem;
	height:100%;
	position:fixed;
	background-color:#2b2b2b;
	z-index:998;
}

section.meio{
    min-height: 250px;
    height: auto;
	padding-bottom:35px;
}

@media screen and (min-width: 1024px){
	.caixa-sidebar {
		position: fixed;	
	}
	
	.caixa-sidebar li{
		width: 180px;
	}
	
}


@media screen and (min-width: 1024px) and (max-width: 1300px){
section.meio{
	width: 93.3%;
    margin-left: 5.7%;
    margin-top: 4.9%;
}
}



@media screen and (min-width: 1301px) and (max-width: 1669px){
section.meio{
	width: calc(100% - 7%);
    margin-left: 5.7%;
    margin-top: 4.9%;
}
}


@media screen and (min-width: 1670px) and (max-width: 1689px){
section.meio{
    width: 94.5%;
    margin-left: 4.5%;
    margin-top: 4.0%;
}
}


@media screen and (min-width: 1690px) and (max-width: 1980px){

section.meio{
    width: 95%;
    margin-left: 4.0%;
    margin-top: 3.5%;
}
	
}	

/*Botões*/
*:focus {outline:none !important}

.btn{
	margin-right: 5px;
	margin-left:5px;
	padding:6px 15px!important;
}
.btn-xs{
	padding:3px 10px!important;
	font-size:10px;
}

table .btn{
	padding:3px 10px!important;
	font-size: 11px!important;
}


.btn-principal{
	background-color:#299cd8;
	color:#fff;
	font-size:13px;
}

.btn-principal:hover, .btn-principal:active,.btn-principal:focus{
	background-color:#064a6d;
	color:#fff;
}

.btn-principal-outline{
	border:1px solid #299cd8;
	background-color:#fff;
	color:#299cd8;
	font-size:13px;
}


.btn-principal-outline:hover,.btn-principal-outline:active,.btn-principal-outline:focus{
	border:1px solid #299cd8;
	background-color:#dbdbdb;
	color:#299cd8!important;
}


.btn-danger-outline{
	border:1px solid #d9534f;
	background-color:#fff;
	color:#d9534f;
	font-size:13px;
}


.btn-danger-outline:hover,.btn-danger-outline:active,.btn-danger-outline:focus{
	border:1px solid #d9534f8;
	background-color:#dbdbdb;
	color:#d9534f!important;
}


.btn-md{
	
}

/*Fim botões*/


/*Formulário*/
.form-control{
	background-color:#fff;
	border:1px solid #dddddd;
}


/*Fim Formulário*/


.sidebar-acoes{
	width: 310px;
    min-height: 94.5%;
    height: 403px;
    position: fixed;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 50px;
    right: 0;
    overflow-y: scroll;
	overflow-x:hidden;
    z-index: 1500;
	padding:10px;
	-webkit-box-shadow: -11px 1px 15px -7px rgba(0,0,0,0.26);
	-moz-box-shadow: -11px 1px 15px -7px rgba(0,0,0,0.26);
	box-shadow: -11px 1px 15px -7px rgba(0,0,0,0.26);
	display:none;
}


.sidebar-acoes .btn-fechar{
	top: 0;
    margin-top: -47px;
}

hr.linhamedia{
	border-bottom:1px solid #686666;
    margin: 0;
}

p.mid{
	margin:8px 0 0 0;
}

.tab-content{
	padding-bottom: 0px;
}

.tab-pane{
	padding-top:20px;
	padding-bottom:10px;
}

.tab-pane button{
	margin-right:5px;
}

.caixa-link{
	text-align:right;
}


/*FIM LAYOUT*/



/*MÓDULOS*/

.caixa{
	border:1px solid #dddddd;
    padding: 5px 10px;
	width:100%;
	margin-bottom:15px;
	padding-bottom:15px;
}


.caixa h3{
  margin-bottom:20px; 
}

.caixa-conteudo-meio{
	border-left:1px solid  #ddd;
	min-height:250px;
	height:auto;
	padding:10px;
}

.caixa-conteudo-m{
	width:100%;
	min-height:100px;
	margin-bottom:10px;
}

.caixa-titulo-sublinhado{
	border-bottom:1px solid #ddd;
}

.caixa-sidebar{

}

.caixa-sidebar li{
	margin:5px 0;
	cursor:pointer;
	padding:5px;
}

.caixa-sidebar li.active{
	background-color:#ededed;
}

.caixa-sidebar li:hover{
	background-color:#ededed;
	
}


/*Modal*/
.modal-header{
	background-color:#cc1216;
	color:#fff;
}

.modal-content {
	border-radius:0;	
}

.close{
	color: #fff;
	opacity:1;
}

/*Fim Modal*/

/*Aba*/
.aba-principal{
	border-bottom:2px solid #5a5a5a;
}

.aba-principal>li.active>a, .aba-principal>li.active>a:focus,.aba-principal>li.active>a:hover{
	border:2px solid #5a5a5a!important;
	border-bottom:1px solid #5a5a5a;
	font-weight:bold;
} 

.aba-principal li a{
	color:#5a5a5a
}
.aba-principal>li.active>span, .aba-principal>li.active>span:focus,.aba-principal>li.active>span:hover{
	border:2px solid #5a5a5a!important;
	border-bottom:1px solid #5a5a5a;
	font-weight:bold;
} 

.aba-principal li span{
	color:#000;
	cursor:pointer!important;
	margin-right: 5px;
    line-height: 1.42857143;
    display: block;
}

.nav.aba-principal>li>span{
    position: relative;
    display: block;
    padding: 7px 20px;
    border-radius: 4px 4px 0 0;
	border: 1px solid transparent;
}

.nav.aba-principal>li.active>span:hover{
	background-color:transparent;
}

.nav.aba-principal>li>span:hover{
	text-decoration: none;
    background-color: #eee;
}

/*Fim aba*/

.empresa{
	margin-bottom:15px;
}

.empresa-collapse{
	width:100%;
	background-color:#373536;
	padding:10px;
	color:#fff;
	cursor:pointer;
}

.empresa-collapse ul,.empresa-collapse li{
	margin-bottom:0;
}

.empresa-icone i{
	font-size:16px;
	color:#fff;
	font-size:28px;
}

.empresa-caret{
	color:#fff;
}

.empresa-collapse-aberto{
	border:1px solid #373536;
	padding	:10px;
}

.empresa-pendente tr:first-child{
	background-color:#d76b23;
	color:#fff;
}

.empresa-pendente{
	border-bottom:2px solid #d76b23;	
}


/*Aplicativos*/
.aplicativos{
	margin-bottom:20px;
}

.aplicativo:nth-child(1){
	border-left: 0px solid #ddd;
}

.aplicativo{
	border-left: 1px solid #ddd;
	margin-bottom:10px;
}

.aplicativo a{
	display:block;
	padding:10px;
	color:inherit!important;
}

.aplicativo a:hover{
	background-color:#f4f4f4;
	display:block;
	color:inherit!important;
}

.aplicativos-grade li{
	text-align:center;
	border-right:1px solid #ddd;
	padding:10px;
}

.aplicativos-grade li:last-child{
	border-right:0;
}

.aplicativos-grade li a{
	color:inherit;
	display:block;
	height:100px;
	padding:10px;
}

.aplicativos-grade li a:hover{
	background-color:#f4f4f4;
}

.aplicativos-grade img{
	width:45px;
}

.dropdown-menu.apps{
	width: 310px;
	text-align:center;
}

.dropdown-menu.apps li{
    text-align: center;
    zoom: 0.9;
    height: 125px;
    margin-bottom: 0;
    width: 155px;
    height: 135px;
}

.dropdown-menu.apps li img{
	display:block;
	margin:0 auto;
}


.dropdown-menu.apps li:last-child{
	border-right:0;
}

.dropdown-menu.apps li a{
	display:block;
	white-space:inherit;
}

.dropdown-menu.apps li a:hover{
    background-color:#f4f4f4;
}

/*Fim Aplicativos*/


/*Meus dados*/

.meus-dados-home{
	
}

/*Fim Meus dados*/


/*Foto*/


.topo-foto-item.sem-foto{
	background-color:#cc1216;
	text-align:center;
	padding-top:5px;
}

.topo-foto-item.sem-foto i{
	color:#fff;
	font-size:22px;
}

.foto{
	background-color:#ededed;
	padding:20px 5px;
}

.custom-file-input::before {
  content: 'Select some files';
}

.foto-item {
    width: 95px;
    height: 95px;
    border: 1px solid #cc1216;
    box-shadow: 0 0 0 1px crimson;
    border-radius: 60px;
    margin: 0 auto;
    background-size: cover;
    cursor: pointer;
	margin-bottom:15px;
}


.foto-item.sem-foto{
	background-color:#cc1216!important;
	background-size:inherit!important;
	text-align:center;
	padding-top:15px;
}

.foto-item.sem-foto i{
	color:#fff;
	font-size:55px;
}

.foto-item-p.sem-foto{
	background-color:#cc1216;
	text-align:center;
	padding-top:5px;
}

.foto-item-p{
    width: 35px;
    height: 35px;
    border: 1px solid #cc1216;
    box-shadow: 0 0 0 1px crimson;
    border-radius: 60px;
    margin: 0 auto;
    background-size: cover;
    cursor: pointer;
    float: left;
	float:left;
}

.foto-item-p i{
	color:#fff;
	font-size:20px;
}

.passaporte-nome{
	float:left;
	margin-left:5px;
	margin-top:7px;
	width: 84%;
	
}

/*Fim Foto*/

/*Notificacao*/
.notificacao{
	width:100%;
	background-color:#e9a106;
	padding:15px 15px 2px 15px;
	margin-bottom:25px;
	color:#fff!important;
}

.notificacao p{
	font-size:22px;
	margin-bottom:0;
}

.notificacao a{
	color:#fff;
}

/*Fim Notificacao*/

/*Login e cadastro*/
.login{
	width:450px;
	min-height:500px;
	max-height:750px;
	margin:0 auto;
	border:1px solid #ddd;
	padding:10px 5px 10px 5px;
	position:absolute;
    left: 0;
    right: 0;
    margin: 9vh auto;
}

.login-logo{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}

.login-logo img{
	width:200px;
}

.login-form{
	padding-top:25px;
	width:80%;
	margin:0 auto;
}

.login ul li{
	font-size:13px;
}

.login-rodape{
	font-size:13px;
}

.login-rodape a{
	color:inherit;
}

.login-rodape img{
	width:100px;
}

.login .alert-warning, .login .alert-success{
	font-size:13px;
	padding:10px;
	text-align:center;
}

.cadastro{
	width:60vw;
	min-height: 80vh;
	height:auto;
	margin:0 auto;
	border:1px solid #ddd;
	padding:10px 5px 0px 5px;
	position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cadastro-form{
	padding-top:25px;
	width:90%;
	margin:0 auto;

}

.cadastro-form-campos{
	width:100%;
	margin:0 auto;
}

.cadastro-form-campos span{
	color:red;
}

/*Fim Login e cadastro*/




/*Barra alerta*/
.barra-alerta{
	width:100%;
	min-height:60px;
	height:auto;
	background-color:#ffb143;
	padding-top:20px;
	color:#fff;
	position: fixed;
    z-index: 1056;
	opacity:0.95;
}

.barra-alerta.sucesso{
	background-color:#78b178;
	color:#fff;	
}

.barra-alerta.erro{
	background-color:#fb6a66;
	color:#fff;
}

.barra-alerta p{
	margin-bottom:0;
	font-size:18px;
	font-weight:500;
}

.barra-alerta-fechar{
	float:right;
	margin-top:-50px;
	margin-top: -42px;
    margin-right: 9px;
	cursor:pointer;
}

#ModalAlerta .modal-footer{
	background-color:#f1f1f1;
}

/*Fim barra alerta*/



/*Vinculo*/

.modal-vinculo-cabecalho{
	background-color:#ececec;
	min-height:50px;
	height:auto;
	padding:10px 10px;
	margin-bottom:10px;
}

.modal-vinculo-cabecalho i{
	font-size:50px;
	margin-top:13px;
}

.vinculo-caixa{
	    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.voltar-topo{
	display:none!important;
	color:#2187fc;
	width: 50px;
    height: 50px;
    /* left: 100%; */
    position: fixed;
    bottom: 62px;
    z-index: 55;
    right: 0;
	cursor:pointer;
 }
 
 .voltar-topo i{
	font-size: 40px!important;
 }

.exibir-voltar-topo .voltar-topo{
	display:block!important
}

/*Fim Vinculo*/

/*Histórico*/
.historico-data{
	width:100%;
	min-height:100px;
	height:auto;
	margin-bottom:15px;
}

.historico-data-tag{
	display:inline-block;
	background-color:#cc1216;
	padding:5px 25px;
	color:#fff;
	margin-bottom:25px;
	font-size:14px;
}


.historico-data-tag:after{
	content: '';
    position: absolute;
	left: 3.0%;
    border-left: 2px solid #cc1216;
    height: 60px;
}

.historico-data-item{
	width:100%;
	background-color:#fff;
	border:1px solid #ddd;
	min-height:50px;
	height:auto;
	border-radius:5px;
	position:relative;
	z-index:2;
	-webkit-box-shadow: 7px 8px 0px -2px rgba(237,237,237,1);
	-moz-box-shadow: 7px 8px 0px -2px rgba(237,237,237,1);
	box-shadow: 7px 8px 0px -2px rgba(237,237,237,1);
	padding:15px;
	margin-bottom:25px;
}

.historico-data-item:before{
	content: '';
    position: absolute;
    top: 100%;
    left: 1.5%;
    border-left: 2px solid #cc1216;
    height: 40px;
}

.historico-data-item.nth-child(1):after{
	content: '';
    position: absolute;
    top: 0;
    left: 3%;
    border-left: 2px solid #cc1216;
    height: 50px;
}

/*Fim Histórico*/


/*Acesso negado*/

.acesso-negado i.fa-ban{
	font-size:56px!important;
	color:#cd0000;

}

.acesso-negado h4{
	line-height: 24px;
	margin:5px 0;
}


/*Fim Acesso negado*/


/*Perfil*/


/*Fim Perfil*/



/*FIM MÓDULOS*/