/*
* Regras variadas CSS e fixes
*/
/* correcao scroll fix*/
hr{
    border-color: #E1E3E6;
    border-top-width: 3px;
    padding: 0;
    margin: 0;
    margin-top: 8px;
}
.modal-header{
    border-bottom: 0px;
}
p{
    margin: 0;
}
.popover, .tooltip{
    z-index: 2000 !important;
}
.form-group {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.modal-body > p{
    padding: 6px 0 6px 0;
    text-align: center;
}
.modal-body,
.modal-footer {
    border-top: 2px solid #E1E3E6 !important;
}
.help{
    border: 3px solid #E1E3E6;
	border-left-width: 0;
	border-right-width: 0;
}
body,
table {
    font-size: .8em !important;
}
#painelPrincipal .panel i:not(.input-group-sm>.input-group-append>.input-group-text),
.navbar-nav i,
i#reportQueueStatus,
i#reportSave{
    font-size: 1.6em !important;
}
.input-group-sm>.input-group-append>.input-group-text{
font-size: 12px !important;
}
#need_activation i{
    transition: linear .3s !important;
}
.get_attr{
    text-align: left;
}
/* correcao links dentro de ul */
ul.nav-tabs a.active{
    color: #0c5c98 !important;
}
ul.nav-tabs a:not(.nav-link, .brand-link, .d-block, .btn, .active){
    color: #86c3f1 !important;
}
.content-wrapper{
    overflow-x: scroll;
    /* correcao no scroll */
    min-height: auto !important;
}
.nome_quebra_linha{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 125px;
}
/* correção modal */
.modal-content{
    /*
        Por algum motivo o .3rem do Bs4
        Não é suficiente, ai eu tive que
        fazer isso para esconder o fundo
        branco que fica por baixo do header
        do modal
    */
    border-radius: 0.4rem;
}
/* Solucionando os problemas de responsividade do datatables */
th.sorting{
    font-size: 1em;
    padding: auto;
}
table.table-bordered.dataTable {
    border-right-width: 1px;
}
.table td, .table th {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    vertical-align: middle !important;
}
table.table-bordered.dataTable th:first-child{
    border-radius:  4px 0 0 0;
    padding: 0.3rem;
    text-align: center;
}
table.table-bordered.dataTable th:first-child label{
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
}
table.table-bordered.dataTable td:first-child{
    padding: 0.3rem;
    text-align: center;
}
table.table-bordered.dataTable td:first-child label{
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
}
table.table-bordered.dataTable th:last-child{
    border-radius:  0 4px 0 0;
}
table.table-bordered.dataTable th{
    border-width: 0 1px 2px 0 !important;
}
table.table-bordered.dataTable th:last-child{
    border-width: 0 0 2px 0 !important;
}
table.table-bordered.dataTable td:last-child{
    border-width: 1px 0 0 0 !important;
}
table.table-bordered.dataTable tr:last-child td:last-child{
    border-radius:  0 0 4px 0;
}
table.table-bordered.dataTable tr:last-child td:first-child{
    border-radius:  0 0 0 4px;
}
/*referente a dialog da func do relatorio */
.bootbox-body{
    padding-top: 21px;
    padding-bottom: 14px;
    text-align: left;
}
/* corrigido z-index do sweetalerts2 */
.swal2-modal{
    z-index: 2000;
    /* zindex dos modais é pela faixa de 1010 a 1999 */
}
/*
* Referente ao novo menu feito com o AdminLTE
* Ignacio - 22/06/2022
*
*/
#textDGUsuario{
    transition: all .5s linear;
}
.loadingEvent{
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}
#builder-basic .form-control-sm{
    font-size: 11px !important;
}
.dg-list{
    padding: 3px;
}
/*remover bold dos forms*/
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500!important;
}
.nav .nav-header{
    font-size: 14px;
    font-weight: 500;
    padding-left: 4px !important;
}
.nav-tabs{
    background-color: none !important;
}
#status-icon{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
aside.main-sidebar .nav-item .nav-treeview{
    font-size: 13px !important;
    margin-bottom: 13px;
}
aside.main-sidebar .nav-item .nav-treeview .nav-item .nav-treeview{
    font-size: 12px !important;
    margin-bottom: 12px;
}
/*tema default escuro da asidebar*/
aside.sidebar-dark-primary .nav-item .nav-item a{
    color: rgba(194, 199, 208, 0.9) !important;
}
aside.sidebar-dark-primary  .nav-item .nav-treeview .nav-item a{
    color: rgba(194, 199, 208, 0.8) !important;

}
.modal-body{
    text-align: right;
    padding: 1.5rem;
    /* Acaso não haver outra regra por cima
       por padrão o tamanho é da class p-4 */
}
/* referente ao componente de dgAsyncNavigateLoader.js dentro da main.php */
.loading{
    height: 100%;
    width: 100%;
    z-index: 10;
    text-align: center;
    padding-top: 25%;
    background-color: #0000004c;
    color: white;
    position: absolute;
}
.loading .loading-div{
    top: 35%; 
    left: 50%;
    transform: translate(-50%, -50%); 
    position: absolute;
}
.main-footer {
    border-top: 0px solid #dee2e6;
}

.tab-content{
    padding-top: 24px;
    padding-bottom: 24px;
    /* Tamanho default equivalente a pt-2 pb-2 */
    padding-left: 14px;
    padding-right: 14px;
}
.nav-link.disabled{
    opacity: .6 !important;
}
.nav-link.disabled:hover{
    border-width: 0;
}
/*a.nav-link {
    transition: linear 2s !important;
}*/

/* trabalhando com a classe odd do datatables */
/* referente a campanhas em funcionamento ou não */
.dataTable tbody tr[name="emFuncionamento"]{
    background-color: #b2f7b2 !important;
}
.dataTable tbody tr[name="foraHorario"]{
    background-color: #f3777d !important;
}

/* table de dados - campanha */
table.table-striped:not(.table) thead tr th,
table.table-striped:not(.table) body tr td{
    padding: 10px;
}
/* Gerar Relatorio */
.groupGerarRelatorio{
    transition: ease .6s;
    background-color: #218B3A !important;
    padding: 0 !important;
    border-radius: 4px;
}
.groupGerarRelatorio.active{
    opacity: .6 !important;
}
.groupGerarRelatorio #btGerarRelatorio{
    margin-right: 4px;
}
.groupGerarRelatorio button:hover{
    border-color: #218B3A !important;
}
.form-inline div.justify-content-between {
    margin-bottom: 15px;
}
@media only screen and (max-width: 990px) {
    #painelPrincipal{
        padding: 10px 0 10px 0 !important;
    }
    th.sorting{
        font-size: .6rem;
        padding: 8px;
    }
}

.dashboard-gauge:nth-child(even){
    padding-left: 0 !important;
}
@media only screen and (max-width: 580px) {
    .main-footer{
        display: none;
    }
    
    th.sorting{
        padding: 7px 2px 7px 2px !important;
    }
    tr th{
        padding: 0;
    }
    .old{
        padding: 2px !important;
    }
    /*solucao para os panel em telas pequenas*/
    .panel:not(.container-fluid){
        margin-top: 13px !important;
    }
    .panel.mr-3, .panel.mr-1.ml-1, .panel.ml-1.mr-1, .panel.ml-3{
        margin:0 !important;
    }
    .dashboard-gauge .epoch{
        margin-left: 23%;
    }
}
@media only screen and (max-width: 420px) {
    .dashboard-gauge .epoch{
        margin-left: 13%;
    }
    /* resolver ultima opção cortada no celular */
    .sidebar nav{
        margin-bottom: 18%;
    }
    /*correção datables telas menores*/
    .dataTables_paginate,
    .dataTables_info{
        font-size: 12px !important;
    }

}
/* ===== Scrollbar CSS ===== */
/* Firefox */
/* Comentei o trecho a baixo na tarefa 3764, pois após uma atualização do chorme fez desaparecer a barra de rolagem */
/* * {
    scrollbar-width: none;
    scrollbar-color: #575757 #ffffff;
} */


/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 7px;
    padding: 1px;
}
*::-webkit-scrollbar:focus {
    width: 11px;
    padding: 1px;
}

*::-webkit-scrollbar-corner{
    background: #ffffff;
}

*::-webkit-scrollbar-track {
    border: 3px solid #ffffff00;
}

*::-webkit-scrollbar-thumb {
    background-color: #2e2e2e9a;
    border-radius: 10px;
    border: 3px solid #ffffff00;
}
/* fix shadow  */
.modal-content {
    box-shadow: 0 !important;
}
/*menu lateral*/
.close-item div{
    position: relative;
}
.close-item i.nav-icon{    
    font-size: 1.1rem;
}
.close-item div i.fa-chevron-left{
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    right: 2%;
    transition: all .3s;
    transform: rotate(-90deg);
}
.close-item[value="false"] div i.fa-chevron-left{
    transform: rotate(0deg);
}
.nav-compact .nav-header:not(:first-of-type) {
    padding-top: 0.25rem !important;
}
.nav.nav-pills hr{
    border-top-width: 0px !important;
}
[class*=sidebar-dark] .nav.nav-pills hr {
    border-bottom: 1px solid #4f5962 !important;
}
.sidebar-light-primary .nav.nav-pills hr {
    border-bottom: 1px solid #090d11 !important;
}
.panel .sortable{
    overflow-x: hidden;
}