p{
    margin:0px;
}
#modal-loading{
    background: #08080854;
    z-index: 100000;
    .modal-dialog{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        height:100% !important;
        max-height:100% !important;
    }
    .modal-content{
        height:100% !important;
        max-height:100% !important;
        border: none;
        background-color: rgba(0,0,0,0);
        z-index: 100000;
        .spinner-border {
            color:white;
            z-index: 100000;
            top: 103px;
            left: 50%;
            height: 90px;
            width: 90px;
        }
    }
}

.ellipsify {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



.side-bar{
 background: #0e4272;
 backdrop-filter: blur(15px);
 width: 290px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -100%;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
 z-index:11;
}

.side-bar.active{
 left: 0;
}

.menu{
    color:#fff;
}

.side-bar .menu{
 width: 100%;
 margin-top: 117px;
}

.side-bar .menu .item{
 position: relative;
 cursor: pointer;
}

.side-bar .menu .item a{
 color: #fff;
 font-size: 12px;
 text-decoration: none;
 display: block;
 padding: 5px 14px;
 line-height: 32px;
}

.side-bar .menu .item a:hover{
 background: #E6E7E9;
 color:#072B4D;
 transition: 0.3s ease;
}

.side-bar .menu .item i{
 margin-right: 15px;
}

.side-bar .menu .item a .dropdown{
 position: absolute;
 right: 0;
 margin: 10px;
 transition: 0.3s ease;
}

.side-bar .menu .item .sub-menu{
 background: rgba(0, 0, 0, 0.2);
 display: none;
}

.side-bar .menu .item .sub-menu .desativado{
    text-decoration: line-through;
}

.side-bar .menu .item .sub-menu a{
 padding-left: 40px;
 line-height: 40px;
}

.rotate{
 transform: rotate(90deg);
}
.menu-logo{
    position: absolute;
    background-color:#fff;
    width:100%;
    padding:20px 90px 5px 50px;
    cursor: pointer;
}
.close-btn{
 position: absolute;
 color: #000;
 font-size: 20px;
 right: 0;
 margin: 25px;
 cursor: pointer;
}
.text-error{
    width:100%;
}

.menu-btn{
    background-color: white;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    color: #000;
    font-size: 20px;
    padding:10px;
    padding-top:7px;
    width:45px;
    height:45px;
    margin: 25px;
    cursor: pointer;
    z-index:10;
    text-align: center;
    i {
        padding-bottom:20px;
    }
}


.main{
    height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: -10;
}
#map{
    z-index: 8;

}

.modal-custom{
    .modal-header{
        border:none;
    }
    .modal-body{
        min-height:70px;
        padding-top:0px;
    }
    .modal-footer{
        display:block;
        border:none;
        text-align:center;
    }
}
      
#modal-erro{
    z-index: 99999;
    .modal-header{
        border:none;
    }
    .modal-body{
        min-height:70px;
        padding-top:10px;
    }
    .modal-footer{
        display:block;
        border:none;
        text-align:center;
    }
}
      
#modal-sucesso{
    z-index: 99999;
    .modal-header{
        border:none;
    }
    .modal-body{
        min-height:70px;
        padding-top:10px;
    }
    .modal-footer{
        display:block;
        border:none;
        text-align:center;
    }
}
      
#modal-alerta{
    z-index: 99999;
    .modal-header{
        border:none;
    }
    .modal-body{
        min-height:70px;
        padding-top:10px;
    }
    .modal-footer{
        display:block;
        border:none;
        text-align:center;
    }
}

#modal-reconnect{
    z-index: 100000;
    .modal-content{
        z-index: 100000;
        padding:70px;
        font-size:30px;
    }
    .modal-body{
        min-height:70px;
        padding-top:10px;
    }
    .modal-footer{
        display:block;
        border:none;
        text-align:center;
    }
}

.form-control{
    width:100%;
    border: 1px solid #ced4da !important;
    background-color:#fff !important;
}

.select2{
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
}

.select2-search__field{
    height:34px !important;
}

.select2-container--default .select2-selection--single {
    width:100%;
    height:46px !important;
    border: 1px solid #ced4da !important;
    background-color:#fff !important;
    padding: 9px 15px;
}
.select2-container--default .select2-selection--multiple{
    width:100%;
    min-height:46px !important;
    border: 1px solid #ced4da !important;
    background-color:#fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:8px;
}

.select2Html .select2-results>.select2-results__options{
    max-height: 320px !important;
}

    
.leaflet-popup-content {
    margin:13px 10px 13px 10px;
    min-width:13rem;
}

.tab_mapa {
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
    border-bottom:1px solid #dee2e6;
}


.tooltip_atividade_div{
    background-color:#000;
    width:300px;
    height:300px;
    padding:20px;
} 

.tooltip_atividade_imagem{
}

.sgt3_jornada_motoristas_historico_viagens_modal-datatable-abastecimento-control{
    cursor:pointer;
    text-align: center;
}