@charset "utf-8";
/* CSS Document */
body {padding-top: 116px;background-color:#eee;}
body.bg-login{background-color:#fff;padding-top:0px}
.area-login{margin-top: 10%;width: 70%;background: #fff;border: 1px solid #d2d2d2; box-shadow: 2px 3px 4px 0px rgba(0,0,0,.175);}
.area-login .img-login{margin: 13px 0px 13px 0;}
.alert{margin-bottom:10px;}

.login-passo-2 h4{margin-top:0px;}
.logo-credsystem, .logo-sso{background: url('../img/sprite.fw.png') no-repeat;}
.logo-credsystem{background-position:-12px -12px;width: 154px;	height: 33px;display:inline-block;margin:9px 0 5px 0;}
.logo-sso{background-position:-195px -71px;width: 141px;	height: 37px;display:inline-block;margin:9px 0 5px 0;}

.padding-left-0{padding-left:0px;}
.padding-right-0{padding-right:0px;}
.bts-atualizar-senha button{margin-left:10px;}
.nav-websystem.navbar-default {
    background-color: #fff;
}
.area-menu-horizontal {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
.area-menu-horizontal .btn-group {
    margin-left: 15px;
}
.area-menu-horizontal .btn-group:first-child {
    margin-left: 0px;
}
area-welcome p strong {
    padding: 5px;
    font-size: 14px;
    background: #FFF;
    color: #666;
}
.area-welcome p {
    padding: 10px;
    font-size: 12px;
    background: #FFF;
    color: #666;
}
.container-fluid.footer {
    background-color: #2E72C5;
    color: #fff;
    font-size: 12px;
}
.container-fluid.footer p {
    margin: 0px;
    line-height: 20px;
}
.nav-websystem .navbar-brand {
    padding: 0 15px;
}
.lbl-usuario i, .area-menu-horizontal i{font-size:20px; color:#000;}
.lbl-usuario{margin-top: 20px; cursor:pointer;}
.lbl-usuario label{cursor:pointer;}

.area-titulo-interna {
    padding: 10px;
    background: #FFF;
    color: #666;
}
.dropdown-menu a{font-size:12px;}
.area-titulo-interna h2 {
    padding: 0px;
    margin: 0px;
    font-size: 25px;
    font-weight: bold;
    float: left;
}
.area-titulo-interna h2 span {
    font-size: 20px;
    font-weight: bold;
}
.box {
    padding: 15px;
    background: #FFF;
    margin-top: -5px;
    margin-bottom: 10px;
}
.ajuste-box{margin-top:10px!important;}
.area-titulo-interna h2 i {
    margin-right: 5px;
}
.col-sm-12.actionBar{display:none;}
.modal-header {
    background: #2E72C5;
    font-weight: bold;
    color: #fff;
}
.display-inline-block{display:inline-block!important;}
.modal h3{color:#2E72C5; margin-top:5px!important;font-size:17px; font-weight:bold;}
#modalFormUsuarios .modal-dialog, #modalFormGrupos .modal-dialog{width:980px;}
#modalFormEstabelecimentos .modal-dialog{width:750px;}
#modalFormEstacoes .modal-dialog, #modalFormParametrosAplicacoes .modal-dialog{width:750px;}
#modalFormUsuarios .modal-dialog .form-group{margin-bottom:5px;}
.filtro{padding-left: 0;}
.borda-top{margin-top:10px; border-top:1px solid #CCC;padding-top: 5px;}
.area-aplicacoes .form-group{margin-left:15px;}
.lbls-modal .form-group{margin-bottom:5px;}
.outrasIdentificacoes span{padding-left:0;}
.esqueci-senha{margin-top:10px; display:inline-block;}

.itens-selecionadas{padding-right:0px;} itens-selecionadas-selecionados{padding-left:0px;}
.ld-itens-selecionadas{}
.ld-itens-cadastrados{background: #ccc;padding-left: 10px;}
.ld-itens-cadastrados-selecionados{color:#FFF; font-weight:bold;background: #2E72C5;}
.ld-itens-cadastrados h5, .ld-itens-cadastrados-selecionados{font-weight: bold;}
.selecionar-item{width: 100%;display: inline-block;border-bottom: 1px solid #efefef;padding: 10px 10px 0 10px;cursor:pointer;}
.selecionar-item:hover{cursor:pointer;}
.selecionar-item:last-child{border-bottom: 0px}
.selecionar-item:hover{background:#eeeeee;cursor:pointer;}
.lista-de-itens, .lista-de-itens-selecionados{border: 1px solid #efefef;}
.itens-permissao{padding:10px;}
.itens-permissao .glyphicon-remove.text-danger{margin-left:3px;margin-right:5px; cursor:pointer;}
.glyphicon-info-sign{cursor:pointer;}
.bts-selecao{}
.bts-selecao button{margin-top:45%;}
.bts-selecao button:last-child{margin-top:0px;}
.bts-selecao button .fa{font-size:20px;}

.outras-identificacoes .col-md-6{padding-left:0px; margin-bottom:5px;}
.box h4{color:#2D72C5;}
.dados-maquina .box.ajuste-box, .estabelecimentos-associados .box.ajuste-box{min-height:330px;}
.bg-titulo{background:#D3E2F5; color:#000; font-weight:bold;font-size:18px; padding:10px;}
.cmpsParametros input{width:120px!important;}
.cmpsParametros .form-group{width:100%; margin-bottom:10px;border-bottom:1px solid #efefef;padding-bottom: 10px;}
.cmpsParametros label span{width: 59px;display: inline-block; text-align: right;}
.class-min{width: 60px;display: inline-block; margin-right: 10px;}
.infos-parametros .form-group{margin-bottom:5px; padding-bottom:5px;display:inline-block; width:100%;}

.bt-logout{margin-left:20px;}
.bt-logout .fa{font-size:12px;}
#formDetalhesAuditoria .form-group{margin-bottom:0px;}
#formDetalhesAuditoria h4{margin-top:0px;}




/* área links das aplicações */
.area-icones-aplicacoes{}
.area-icones-aplicacoes a{margin-bottom:15px;margin-right: 15px;display: inline-block;    width: 45%; color:#000; font-weight:bold; text-decoration:none;border:1px solid #ccc; border-radius:4px;}
.area-icones-aplicacoes a:hover{box-shadow: 2px 3px 4px 0px rgba(0,0,0,.175);border:1px solid #F00;}
.area-icones-aplicacoes a .ico-aplicacao{}
.area-icones-aplicacoes a .ico-aplicacao .ico{display: inline-block;background: #eee;  width: 40px; text-align: center;    padding: 10px 0 10px 0;margin-right: 5px;}
.area-icones-aplicacoes a .ico-aplicacao .ico .fa-fw{font-size:20px;}
.area-icones-aplicacoes a .ico-aplicacao .titulo-aplicacao{display: inline-block; font-weight:bold;}

.area-login .dados-usuario{cursor:pointer; display:inline-block;}

.captchaImg{width:140px;height:35px}
@media screen and (max-width: 1024px) and (min-width: 900px) {
    .captchaImg{width:100px;height:35px}
}

#ajaxLoading {
 position: absolute; z-index: 99999;
 left: 0px; top: 0px; width: 100%; height: 100%; margin: 0;
}
#ajaxLoading #shadow {
 background: #000;
 position: fixed; z-index: 1;
 filter: alpha(opacity=50); opacity: 0.4;
 left: 0px; top: 0px; width: 100%; height: 100%; margin: 0;
}
#ajaxLoading #panel {
 position: fixed; z-index: 2;
 top: 50%; left: 50%; width: 100px; height: 100px;
 margin-top: -18%; margin-left: -50px;
 text-align: center; vertical-align: 50%;
}

.break-word{word-break:break-word;}
.line-logout{border-top:1px solid #ccc; padding-bottom:10px; padding-top:10px;}

.div-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.icone-webcam {
	margin-top: 30px;
	margin-bottom: 10px;
}

.div-qrcode {
	margin-top: 30px;
}