/* ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ###### ##### ##### ##### ##### #####
file: erp/css/generic.css
description: classe de estilos que irá sobrescrever a classe do bootstrap
##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### ###### ##### ##### ##### ##### ##### */

.base {
    margin:3%;
}
#baseBaseCarregando{
    z-index:999;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgb(10,40,80);
    opacity: 0.9;
}
#baseBaseMsg{
    z-index:999;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgb(10,40,80);
    opacity: 0.9;
}
.baseBlocoSubMenu{
    width:100%;
    display:table;
}
#baseBtB{
    display:none;
}
#baseCarregando{
    z-index: 998;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
#baseMsg{
    z-index:998;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:auto;
}
.basePanel{
    z-index:900;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    padding:2% 2% 2% 2%;
    box-sizing: border-box;
    background-color:rgba(10,40,80,0.95);
    overflow:auto;
}
.basePanel label{
    color:white;
} 
.baseTabela{
    border:0px solid rgb(200,200,200);
}
.blocoSubMenu100{
    width:100%;
}

.blocoSubMenu50A, .blocoSubMenu50B {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 10px;
    border-left: 3px solid rgb(238, 240, 241);
    background-color: #f9f9f9;
    transition: background-color 0.3s, border-left-color 0.3s;
    cursor: pointer;
}

.blocoSubMenu50A:hover, .blocoSubMenu50B:hover {
    background-color: #e3e3e3;
}

.blocoSubMenu50A span, .blocoSubMenu50B span {
    font-size: 16px;
    color: #333;
}

.blocoSubMenu50A.bold span, .blocoSubMenu50B.bold span {
    font-weight: bold;
}

.blocoSubMenu33A, .blocoSubMenu33B, .blocoSubMenu33C {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding: 10px;
    border-left: 3px solid rgb(238, 240, 241);
    background-color: #f9f9f9;
    transition: background-color 0.3s, border-left-color 0.3s;
    cursor: pointer;
}

.blocoSubMenu33A:hover, .blocoSubMenu33B:hover, .blocoSubMenu33C:hover {
    background-color: #e3e3e3;
}

.blocoSubMenu33A span, .blocoSubMenu33B span, .blocoSubMenu33C span {
    font-size: 16px;
    color: #333;
}

.blocoSubMenu33A.bold span, .blocoSubMenu33B.bold span, .blocoSubMenu33C.bold span {
    font-weight: bold;
}

body{
    width:100%;
    height:100%;
}
.botaoSubMenu{
    display: inline-block;
    flex:1;
    font-weight:normal;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: rgb(10,30,60);
    background-color: white;/*#007bff;*/
    border-color: white;/*#007bff;*/
    margin-top:5px;
    width:100%;
    cursor: pointer;
}
.botaoSubMenu:disabled{
    opacity: 0.5;
    color:rgb(10,30,50);
}
.botaoSubMenu:disabled:hover{
    opacity: 1;
    background-color: rgb(70,50,100);
    border-color: rgb(70,50,100);
}
.botaoSubMenu:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
button{
    margin-bottom:0px;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;
}
.btn{
    z-index: 400;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: large;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
}
.btn:hover {
    transform: translateY(-2px);
}
#btNo{
    min-width:40px;
    font-size:24px;
}
#btYes{
    min-width:40px;
    font-size:24px;
    margin-right: 20px;
}
.btn-warning{
    color:rgb(130,70,0);
}
.card{
    margin-bottom: 20px;
}
.card-body{
    padding-left: 2%;
    padding-right: 2%;
}
.card-title{
    cursor: pointer;
    display: inline;
}
.card-title:hover{
    color:orange;
}
.cardNotificacao{
    z-index:10000;
    position:fixed;
    background-color:rgb(100, 0, 0);
    color:white;
    right:0px;
    margin-right:10px;
    margin-top:90px;
    padding:10px 10px 10px 10px;
    border-radius:8px;
    box-shadow: 0px 0px 10px rgb(58, 57, 57);
    border: 1px solid white;
    width:355px;
}
#carregando{
    z-index: 1000;
    position: relative;
    margin-top: 120px;
    color:white;
}
#condicional{
    margin-bottom: 60px;
}
#corpo{
    position: relative;
    top:100px;
}
.danger{
    color: #dc3545;
}
.division100 {
    width: 100%;
    height: 12px;
    margin: 24px 0;
    background-color: #2B6AAB;
    opacity: 0.2;
    border: none;
    box-shadow: 0 1px 2px rgb(10,30,60);
}
.dtaTop{
    background-color:rgb(10,30,60);
    font-weight: normal;
}
#fastMenu{
    position:fixed;
    top:0px;
    background-color:white;
    width:100%;
    height:100%;
    z-index: 499;
    padding: 80px 2% 2% 2%;
    overflow:auto;
    box-sizing: border-box;
    display:none;
}
.form-control{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border:1px solid rgb(160,160,160);
  border-bottom: 3px solid rgb(160,160,160);
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow:0px 0px 0px 0px rgba(0, 123, 255, 0.25);
}
.form-control-lg{
    font-size:24px;
}
.form-control:disabled {
  background-color:rgb(221,221,221);
  opacity: 1;
}
.bom{
    background-color:rgb(40,167,69);
    color:rgb(255,255,255);
}
.hashAtual{
    font-weight: bold;
    color:rgb(10, 90, 30);
}
.hashFinal{
    font-weight: bold;
    color:rgb(10, 45, 90);
}
.hashRetificado{
    font-weight: bold;
    color:rgb(104,33,122);
}
h3{
    font-size:18px;
    color:rgb(10,30,60);
    font-weight: bold;
    margin-bottom: 20px;
}
.homeLink{
    margin-top: 10px;
}
label{
    font-size: large;
    margin-bottom: 0%;
    color:rgb(10,30,60);
}
.medio{
    background-color:rgb(250,150,0);
    color:rgb(0,0,0);
}
#menuCore{
    z-index: 1100;
    width:25%;
    height: 500px;
    position: absolute;
    left:4%;
    top: 100px;
    border:5px solid rgb(10,30,50);
    color:white;
    background-color:#2B6AAB;
    display:none;
}
#msg{
    z-index: 1000;
    position: relative;
    margin-top:100px;
    color:white;
}
.msgErro{
    font-size:20px;
    font-weight:bold;
    color:rgb(220,53,69);
}
.msgSuccess{
    font-size:20px;
    font-weight:bold;
    color:rgb(40,167,69);
}
.msgInfo{
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    color:#2B6AAB;
}
.msgWarning{
    font-size:20px;
    font-weight:bold;
    color:rgb(250,150,0);
}
.neutro{
    background-color:#ddd;
    color:#495057;
}
.objCore{
    width:35%;
    height:500px;
    position: absolute;
    left:50%;
    top: 100px;
    z-index: 1100;
    overflow:auto;
    display:none;
    background-color: white;
}
.spaceBlocoSubMenu{
    width:100%;
    height:0px;
}
.success{
    color: rgba(50, 170, 70, 1);
}
.secondary{
    color: rgba(40, 40, 40, 1);
}
.tblLayOut{
    padding-left: 20px;
}
.tblLayOutB{
    padding-left: 5px;
}
.tblLayOutSpcTr{
    padding-top:15px;
}
.tblLayOutSpcTr2{
    padding-top:15px;
    padding-right:20px;
}
.tblLayOutSpcTr3{
    padding-top:30px;
}
.tblLayOutSpcTr5{
    padding-top:50px;
}
#textoCarregando{
    margin-top:10px;
    font-size: 36px;
    text-align: center;
}
#textoMsg{
    margin-top:20px;
    margin-bottom:20px;
    font-size: 36px;
    text-align: center;
}
.required{
    background:#dc3545;
    color:rgb(250,250,250);
}
.root{
    z-index: 100;
}
.tableOverflow{
    width: 100%;
    height: 100%;
    padding: 5px;
    overflow-x: auto;
}
.table{
    box-shadow: 0px 0px 0px;
    border-radius:3px;
}
.iconeMenuB{
    position:fixed;
    z-index: 600;
    cursor:pointer;
    right:16px;
    top:7px;
    width:60px;
    border-radius: 5px;
}
.menuBootstrap{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(10,30,60,1);
    top:0px;
    z-index: 500;
    font-size:24px;
    font-weight: bold;
    color:rgb(30,70,110);
    padding-top:80px;
}
.baseMenuBootstrap{
    display:block;
    position:fixed;
    width:100%;
    height:70px;
    overflow:auto;
    background-color:rgb(10,30,60);
    /*background-image: url('../imagens/fundo_2023_2.jpg');
    background-size:1600px;
    background-position: 0px -500px;*/
    top:0px;
    z-index: 501;
    font-size:12px;
    font-weight:normal;
    color:white;
    padding:6px 10px 0px 10px;
    box-sizing:border-box;
}
.usuarioFilialVersao{
    width:25%;
    float:left;
    padding:0px;
    padding-top:4px;
    margin:0px;
    line-height:normal;
}
.baseBotoesMenuPrincipal{
    width:75%;
    float:right;
}
.btMenuPrincipal{
    position:relative;
    font-size: 16px;
    cursor:pointer;
    margin-left:3px;
    text-align:center;
    border-radius:3px;
    min-width:15.5%;
    max-width:15.5%;
    height:30px;
    line-height:30px;
    float:right;
    margin-bottom:3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing:border-box;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;
}
.btMenuPrincipal:hover{
    font-weight:bold;
}
.btMenuPrincipalGreen{
    border: 1px solid rgb(40,170,70);
    color: rgb(40,170,70);
}
.btMenuPrincipalGreen:hover{
    border: 1px solid rgb(40,170,70);
    background-color: rgb(40,170,70);
    color: white;
}
.btMenuPrincipalRed{
    border: 1px solid rgb(250, 70, 70);
    color: rgb(250, 70, 70);
}
.btMenuPrincipalRed:hover{
    border: 1px solid rgb(250, 70, 70);
    background-color: rgb(250, 70, 70);
    color: white;
}
.btMenuPrincipalSilver{
    border: 1px solid rgb(235, 230, 225);
    color: rgb(235, 230, 225);
}
.btMenuPrincipalSilver:hover{
    border: 1px solid rgb(235, 230, 225);
    background-color: rgb(235, 230, 225);
    color: rgb(50,50,50);
}
.btMenuPrincipalOrange{
    border: 1px solid rgb(241, 142, 44);
    color: rgb(241, 142, 44);
}
.btMenuPrincipalOrange:hover{
    border: 1px solid rgb(241, 142, 44);
    background-color: rgb(241, 142, 44);
    color: rgb(235, 230, 225);
}
.btMenuPrincipalYellow{
    border: 1px solid rgb(255,205,30);
    color: rgb(255,205,30);
}
.btMenuPrincipalYellow:hover{
    border: 1px solid rgb(255,205,30);
    background-color: rgb(255,205,30);
    color: rgb(130,70,0);
}
.btMenuMobile{
    position:relative;
    font-size: 20px;
    padding:10px 0px 8px 20px;
    cursor:pointer;
    background-color: rgba(250,230,50,0.8);
    color: rgb(130,70,0);
    margin-bottom:2px;
    text-align:left;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;
}
.btMenuMobile:hover{
    background-color:rgba(80,150,220,0.5);
    color:white;
}
.btMenuMobileYellow{
    background-color: rgb(255,205,30);
    color: rgb(140,90,18);
}
.btMenuMobileGreen{
    background-color: rgb(40,167,69);
    color: rgb(0,80,30);
}
.btMenuMobileBlue{
    background-color: rgb(54, 111, 185);
    color: rgb(0,40,90);
}
.btMenuMobileRed{
    background-color: rgb(220,40,40);
    color: rgb(120,5,5);
}
.btMenuMobileSilver{
    background-color: rgb(235, 230, 225);
    color: rgb(50,50,50);
}
@media (max-width: 767px){
    #menu{
        display:none;
    }
    #icMb{
        display:block;
    }
    #baseMenuBootstrap{
        display:block;
        height:76px;
    }
    .baseBotoesMenuPrincipal{
        display:none;
    }
    .usuarioFilialVersao{
        min-width:200px;
    }
    .labelButton{
        display:none;
    }
    button{
        margin-top:5px;
    }
    .btn{
        margin-top:5px;
    }
    .blocoSubMenu50A{
        display:block;
        width:100%;
        padding:0px;
        border:0px;
    }
    .blocoSubMenu50B{
        display:block;
        width:100%;
        padding:0px;
        border:0px;
    }
    .blocoSubMenu33A{
        display:block;
        width:100%;
        padding:0px;
        border:0px;
    }
    .blocoSubMenu33B{
        display:block;
        width:100%;
        padding:0px;
        border:0px;
    }
    .blocoSubMenu33C{
        display:block;
        width:100%;
        padding:0px;
        border:0px;
    }
    .botaoSubMenu{
        border-color: rgba(10,30,60,0.3);
    }
}

@media (min-width: 768px){
    #menu{
        display:block;
    }
    #icMb{
        display:none;
    }
    #baseMenuBootstrap{
        display:block;
        height:76px;
    }
    .menuBootstrap{
        display:none;
    }
}

@media print {
    #baseMenuBootstrap{
        display:none;
    }
}

@keyframes pisca{
    0% {opacity: 1;}
    50% {opacity: 0.4;}
    100% {opacity: 1;}
}
.pisca{
    transition:.5s;
    animation:pisca 1s alternate infinite linear;
}

.receita{
    background-color: #0062cc;
    margin-top:50px;
    margin-bottom:20px;
    height:40px;
    border-radius:5px;
    line-height:40px;
    color:white;
    font-size:32px;
    padding-left:10px;
}

#tcMovimentacoesReceita{
    margin-top:50px;
}

.fotoPerfil{
    width:100%;
    border:2px solid #777;
    box-shadow: 0px 0px 15px #333;
    border-radius:10px;
}

.negrito{
    font-weight:bold;
}

.bom{
    background-color: rgb(40,167,69);
    color: white;
}

.medio{
    background-color: rgb(250,150,0);
    color: black;
}

.ruim{
    background-color:#ee0000;
    color: white;
}

#btYes{
    min-width:150px;
}
#btNo{
    min-width:150px;
}

.blocoRelatorio{
    border: 1px solid #ccc; 
    padding: 20px !important;
    border-radius: 12px;
}

.fotoVotacao{
    width:250px;
    border-radius:5px;
    cursor:pointer;
}