/*
****************************************************************
Arquivo em CSS para a configuracao da aparencia das paginas
home, consulta e manutencao.
****************************************************************
/* Recúo do menu superior */
body { background-color: #EEECEA !important; }
body.carregando::before { content: "Carregando..."; color: #fff; position: fixed; top: 50%; right: 50%; z-index: 1101; }
body.carregando::after { content: " "; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 1100; }
/* Home widget */
.home-widget iframe {border: 0 none; width: 100%;}
.home-widget > .panel {height: 100%;padding-top: 31px;box-sizing: border-box;}
.home-widget > .panel > .panel-heading {padding-top: 5px;padding-bottom: 5px;margin-top: -31px;}
.home-widget > .panel > .panel-body {overflow-y: auto;height: 100%; padding-bottom: 0;}
.home-widget > .panel > .panel-body .form-group {margin-bottom: 0;}
/* Classe para tirar borda das tabelas que controlam checkbox e radio */
.sem-borda tr, .sem-borda tr td{border: none !important;}
/* Classe para tirar negrito as opções tabelas que controlam checkbox e radio */
.sem-borda label{font-weight: normal !important;}
.align-left label{ text-align: left !important; }
.container{padding-top: 60px !important}
/* ESTE CSS ABAIXA O CONTAINER NO MESMO TAMANHO DO MENU PARA QUE NÃO SE ESCONDA ATRÁS DELE */
/* TOOLBAR DE BOTÕES criada com "well" do bootstrap - Menu fixo com botões e título fixo no topo da página, abaixo do menu principal */
.toolbar-botoes-fixa{ padding: 5px !important;
    margin: 0 !important; 
    position: fixed;
    width: 100%; top: 49px; z-index: 1020;}

@media (max-width: 470px) {
    #menuLoginCAIAQUE {
        overflow:hidden;        
    }
}
/* TOOLBAR DE BOTÕES - Título */
.toolbar-botoes-fixa .titulo-toolbar{ float: left; font-size: 16px; height: 35px; line-height: 5px; padding: 15px 10px; }
/* TOOLBAR DE BOTÕES - Botões */
.toolbar-botoes-fixa input, .toolbar-botoes-fixa button { margin: 0 !important; }
/* Configura o Nome do usuário e servidor atribuindo tambérm suas respectivas posições e estilos */
.detalhes-usuario-servidor { padding:0 15px 0 15px; height:50px; background-color:RGBA(230,230,230,0.7) }
.detalhes-usuario-servidor .servidor { margin:3px 0 0 0; font-size:9px; }
.detalhes-usuario-servidor .nome-usuario { text-overflow:ellipsis; white-space: nowrap; overflow:hidden; width:140px; text-align:right; }
/* Formulário de login */
#login-box{width:300px; margin:0 auto; display:block;}
#login-box .login-logotipo{height:70px; margin:0 auto 20px auto;}
/* Sub-cadastro*/
#sub_formulario_alteracao body{background-color: #FFF !important}
/* Determina a posição das alerts de mensagem fixas */
.fixarAlertBS {position:fixed; margin-top: -15px/*-23px*/ !important;z-index: 1000 !important; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -ms-opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 5-7 */}
/* Select no Bootstrap não tem o mesmo tamanho de uma input - Corrigido*/
select.form-control{height: 34px !important;}
/* form-group's aninhados não precisam repetir o margin-bottom */
.form-group .form-group{margin-bottom: 0;}
/* COmponente Select2 - Overload*/
form .select2-container{ width: 100% !important; }
.select2-container--default .select2-results > .select2-results__options{width:100%}
.select2-container--default .select2-selection--single{height:34px !important; font-size:14px !important; border:1px solid #CCC !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px !important}
.select2-container--default .select2-selection--single .select2-selection__clear{position: relative;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:3px !important}
.load-more{font-size:13px; background-color: rgb(245, 245, 245); padding: 0px 3px; color: rgb(136, 136, 136);}
/* Componente mapa */
#container-mapa, #container-mapa div{
    background: white !important;
    border: 0 none;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: auto;
}
/* Table */
.table.table-radio, .table.table-checkbox{ margin-bottom: 0; }