.action_link, .pointer, .ai-icon {
    cursor:pointer;
    
}


.nav-header .brand-logo {
    padding: 0px 5px 0px 5px;
}

.brand-logo .blogo {
    background-image: url("../img/logo_light.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin:0px auto;
    width: 40%;
    height: 80%;
}

.menu-toggle .brand-logo .blogo {
    background-image: url("../img/logo_light.png");
    width: 100%;
    
}


@media (max-width: 768px) {
    .brand-logo .blogo {
        width: 100%;

    }
    
}





/*Menu*/
[data-theme-version="dark"] .action_link.active {
    background-color:#212020;
}

[data-theme-version="dark"] .action_link.active .menu-icon i {
    color:white;
}

[data-theme-version="dark"] .action_link.active .nav-text {
    color:white;
}


[data-theme-version="light"] .action_link.active {
    background-color:#ebebeb;
}

[data-theme-version="light"] .action_link.active .menu-icon i {
    color:black;
}

[data-theme-version="light"] .action_link.active .nav-text {
    color:black;
}

/*
.themechanger i {
    color:grey;
    
}
*/
.deznav a i {
    font-weight:bold !important;
}




.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
    
}

table.dataTable {
    border-collapse:collapse;
}

table.dataTable tbody tr {
    border-bottom:1px solid #444444 !important;
    
}


.dataTables_wrapper, .tbl-caption {
    padding: 10px;
    
}

div.dt-buttons {
    float:right !important;
}

button.dt-button {
    margin-left:0.333em;
}

[data-theme-version="dark"] button.dt-button {
    color:#fff;
}


.action-buttons table.dataTable thead tr td:last-child,
.action-buttons table.dataTable tbody tr td:last-child {
    text-align: right;
    float:right;
}



.toast-success {
    background-color:#50a350;
    
}


.td-30 { width:30px; min-width:30px; }
.td-40 { width:40px; min-width:40px; }
.td-50 { width:50px; min-width:50px; }
.td-75 { width:75px; min-width:75px; }
.td-100 { width:100px; min-width:100px; }
.td-120 { width:120px; min-width:120px; }
.td-150 { width:150px; min-width:150px; }
.td-200 { width:200px; min-width:200px; }


@media (max-width: 1023px) {
    .modal-ex-lg {
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .modal-ex-lg {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .modal-ex-lg {
        max-width: 1160px;
    }
}

.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
    --bs-offcanvas-width: 1024px !important;
}

@media only screen and (min-width: 1199px) and (max-width: 1280px) {
    .customeoff {
        width: 1024px !important;
        
    }
    
}

@media only screen and (min-width: 1281px) and (max-width: 1920px) {
    .customeoff {
        width: 1280px !important;
    }
    
}

.badge-del {
    line-height:1.3;
    font-size:14px;
    
    position: relative;
    float:right;
    margin-bottom: -13px;
    margin-right: -13px;
    z-index: 999;
    
    cursor:pointer;
}


.imgs-gallery img {
    width:100%;
    
}

#Services_Graph .apexcharts-series path {
    stroke: #444444;
}

.apexcharts-canvas line {
    stroke: #444444;
}


table.dataTable tbody td {
    padding: 0.5rem 0.25rem;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 0;
}

table.dataTable tbody td .btn {
    font-size:0.813rem !important;
}

.event-scroll {
    height:360px;
}

.schedules-cal .datepicker-days .day.today {
    background: #666666 !important;
    
}

.schedules-cal .datepicker-days .day.active:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    border: 2px solid #fff;
    top: -2px;
    right: -2px;
    background: rgb(58, 201, 119);
    border-radius: 50%;
    z-index:100;
    
}
.schedules-cal .datepicker-days .day.today:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    border: 2px solid #fff;
    top: -2px;
    right: -2px;
    background: #FF5E5E;
    border-radius: 50%;
    
}


.schedules-cal .datepicker-days .day.today.eventday, .schedules-cal .datepicker-days .day.eventday {
    background: #444444 !important;
    color: #fff;
    position: relative;
    
}

.schedules-cal .datepicker-days .day.active.eventday {
    background: var(--primary) !important;
    
}

.photo-content .cover-photo {
    background-size: 100% !important;
    background-position: center !important;
    min-height: 10rem !important;
}

.photo-content .dashboard.cover-photo {
    min-height: 18rem !important;
    background-image: url("../img/background_home.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.dashboard-clock {
    background-image: url("../img/background_clock.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.header-text {
    position: absolute;
    margin-top: 14rem;
    margin-left: 2rem;
    color:#fff;
}

#stopwatch {
    color:#fff;
    
}


.profile-info h4, .profile-info .h4 {
    
}

.modal-vehicle-img img {
    width:100%;
}



[data-theme-version="dark"] #menu li.mm-active {
    color: #b3b3b3;
}

[data-theme-version="light"] #menu li.mm-active > a {
    color: #2C2C2C;
}

[data-theme-version="dark"] .apexcharts-text {
    color:#ffffff80;
    fill:#ffffff80;
}


.bg-img-fix {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    
    
    
}

.btn.float-end {
    margin-left:8px;
}

#toast-container .toast-success, #toast-container .toast-error, #toast-container .toast-info {
    min-width:280px;
}

.rowhidden {
    display: none !important;
}

.chatbox .contacts_body {
    height: calc(100vh);
}


@media (max-width: 576px) {
    .sm-hidden {
        display:none;
    }
}

@media (max-width: 768px) {
    .md-hidden {
        display:none;
    }
    
}

@media (max-width: 992px) {
    .lg-hidden {
        display:none;
    }
    
}

@media (max-width: 1200px) {
    .xl-hidden {
        display:none;
    }
    
}

@media (max-width: 1400px) {
    .xxl-hidden {
        display:none;
    }
    
}

.content-body .container-fluid {
    padding: 0.475rem;
    /*padding-bottom: 1.875rem;*/
    /*padding-right: 1.875rem;*/
    /*padding-left: 1.875rem;*/
    
}

#alerts .user_info span {
    max-width: 16.625rem !important;
    
}

#watch, .header-text {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}


.dt-info {
    padding: 15px 10px;
    
}

.dt-length, .dt-search, .dt-buttons, .dt-paging {
    padding: 10px  6px 15px 6px;
}

#watch .time, #watch .date {
    color:#fff !important;
}