/*Alterações encima do Layout*/

/*.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni, .nav-footer .nav-footer-buttons > li > a {
    color: white;
}*/

.nav-footer{
    background: rgba(0,0,0,0.2) !important;
}

.panel-content.bg-subtlelight-fade{
    background: white;
}

.table-hover tbody tr:hover {
    box-shadow: none;
    background-color: rgba(34, 179, 193, 0.15);
}

.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link {
    background-color: rgba(34, 179, 193, 0.15);
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #00b8ca !important;
}

i.fad{
    font-style: initial !important;
}

.translate-center{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
    color: #0faab9;
}

.nav-menu li a > .murbi-menu-icone {
    height: 18px;
    margin-right: .8rem;
    object-fit: contain;
    opacity: .5;
    margin-left: -3px;
}

.btn-excel {
    background: #008000;
    color: white;
}

.bg-primary-light {
    background: rgba(34, 179, 193, 0.15);
}

.select2-container.select2-container--default.select2-container--open{
    z-index: 10000;
}

.rota-esporadica-card {
    background-image: linear-gradient( 45deg, rgba(237, 237, 236, 0.15) 25%, transparent 25%, transparent 50%, rgba(237, 237, 237, 0.15) 50%, rgba(237, 237, 236, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 1.75rem 1.75rem !important;
}

.rota-esporadica-card-secundary {
    background-image: linear-gradient( 45deg, rgba(219, 219, 219, 0.15) 25%, transparent 25%, transparent 50%, rgba(219, 219, 219, 0.15) 50%, rgba(219, 219, 219, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 1.75rem 1.75rem !important;
}

/*.nav-menu li a > [class*='fa-'], .nav-menu li a .nav-menu li a > .ni, .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
    color: red;*/
/*    #0697a5*/
/*}

.nav-menu li a {
    color: red;
}*/

.rota-compartilhada {
    background-image: linear-gradient(0deg, rgba(255, 255, 0, 0.314) 0%, rgba(255, 255, 0, 0.314) 100%);
}

/* Drawer do gerenciamento de grupos de motoristas. O padrao do Bootstrap limita o
   .modal-dialog a 500px, apertado demais para a lista de motoristas, que traz nome,
   cidade, bairro e grupo atual. Aplicada pelo data-modal do link que abre o drawer. */
.modal-dialog.modal-drawer-grupos {
    max-width: 40vw;
}

@media (max-width: 991.98px) {
    /* Em tela estreita, 40vw fica menor que os 500px originais: ocupa a largura toda. */
    .modal-dialog.modal-drawer-grupos {
        max-width: 100%;
    }
}

/* Larguras das colunas das telas de Grupos de Unidades. */
.coluna-grupo-unidades {
    width: 20%;
}

.coluna-membro-acoes {
    width: 15%;
}

.coluna-impacto-passageiros {
    width: 35%;
}

/* Lixeira indisponível na linha da rota sustentada por um grupo de unidades. */
.acao-indisponivel {
    pointer-events: none;
}