.show-on-991 {
    display: none !important;
}

.hide-on-991 {
    display: block !important;
}

.show-on-767 {
    display: none !important;
}

.hide-on-767 {
    display: block !important;
}

.show-on-640 {
    display: none !important;
}

.hide-on-640 {
    display: block !important;
}

.show-on-575 {
    display: none !important;
}

.hide-on-575 {
    display: block !important;
}

.show-on-425 {
    display: none !important;
}

.hide-on-425 {
    display: block !important;
}


@media (max-width: 1600px) {

    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 200px;
        width: 100%;
    }

    .task-content-box .activities-title {
        flex-wrap: wrap;
    }

    .driver-details-content ul li {
        width: 48%;
    }

    .signup-section .logo-image {
        margin-bottom: 150px;
    }

    .section-top-header {
        grid-template-columns: repeat(4, 1fr);
    }

        .section-top-header .top-header-box .form-select {
            padding: 15px 25px;
        }

    .product-list-box .search-form {
        width: 50%;
    }
}

@media (max-width: 1380px) {
    .footer-right span img {
        max-width: 250px;
    }

    .details-list-tab-box, .driver-sedules {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .task-content-box .activities-title {
        flex-wrap: wrap;
        gap: 1rem;
        align-items: flex-start;
    }
    .geofence-section .section-title {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .footer-right span,
    .footer-left h3 {
        font-size: 24px;
    }


    .page-wrapper.active .driver-details-score-box .left-score-box {
        width: 40%;
    }

    .page-wrapper.active .driver-details-score-box .middle-score-box {
        width: 60%;
    }

    .page-wrapper.active .driver-details-score-box .right-score-box {
        width: 100%;
    }

    .page-wrapper.active .driver-details-content ul li {
        width: 100%;
    }

    .page-wrapper.active .route-planning-list .col-lg-3 {
        width: 40%;
    }

    .page-wrapper.active .route-planning-list .col-lg-9 {
        width: 60%;
    }

    .ai-help-list {
        margin: 100px auto 0;
    }

    .driver-info-box h3 {
        font-size: 14px;
    }

    .driver-info-box h1 {
        font-size: 30px;
    }

    .driver-details-content ul li {
        font-size: 16px;
    }

    .page-wrapper.active .driver-score-section .section-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .driver-details-content ul {
        gap: 1rem;
    }

        .driver-details-content ul li {
            width: 48%;
        }

    #sidebarnav {
        height: 700px;
    }

    .partnership-img img {
        max-width: 100px;
        width: 100%;
    }

    .otp-box {
        padding: 20px;
    }

    .signin-box .entity-box {
        height: 100%;
        background-size: 15% auto;
    }

        .signin-box .entity-box .top-logo {
            margin-bottom: 1rem;
        }

        /* .signin-box .entity-box .top-logo img {
    max-width: 200px;
  } */

        .signin-box .entity-box .section-title {
            margin-bottom: 1rem;
        }

            .signin-box .entity-box .section-title h3 {
                font-size: 24px;
                line-height: 1.2;
                margin-bottom: 10px;
            }

    .signin-box .new-entity-form .form-group {
        margin-bottom: 1rem;
    }

    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 150px;
        width: 100%;
    }

    .arrangement-content h5 {
        font-size: 14px;
        line-height: 1.2;
    }


    .maintenance-widget-box h4 {
        font-size: 20px;
    }

    .deals-filter-box {
        gap: 10px;
    }

    .section-01 {
        padding: 30px 20px 20px;
    }

    .site-logo {
        margin-bottom: 20px;
        max-width: 250px;
    }

    .coming-soon-img {
        margin-bottom: 50px;
        max-width: 500px;
    }

    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
        font-size: 14px;
    }

    .section-title h4 a,
    .section-title h4 {
        font-size: 30px;
    }

    .end-date {
        gap: 5px;
    }

    .search-form .input-group {
        padding: 9px 1rem;
    }

    .left-sidebar {
        max-width: 250px;
        width: 100%;
        padding-top: 60px;
    }

    #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
        padding-top: 60px;
    }

    .tracking-accordion .accordion-body .list-group-item {
        padding: 10px 10px 10px 20px;
    }

    .list-card-body h5 {
        font-size: 14px;
        line-height: 1.2;
    }

    .list-card {
        margin-left: 4px;
        gap: 5px;
    }

        .list-card p span,
        .list-card p {
            font-size: 12px;
        }

    .dtc-list-box .details-list-tab-box {
        gap: 0;
    }

    .dtc-list-box .tab-nav {
        width: auto;
    }

    .dtc-list-box .inner-tab-nav .nav-pills .nav-link {
        font-size: 14px;
    }

    .dtc-list-box .nav {
        flex-wrap: nowrap;
    }

    .dtc-list-box .action-btns .export-btn {
        padding: 10px 15px;
        font-size: 13px;
    }

        .dtc-list-box .action-btns .export-btn span {
            font-size: 1rem;
        }

    .top-search-box {
        max-width: 300px;
    }

    .tenant-table-list .table thead tr th {
        font-size: 14px;
    }

    .topbar .top-navbar {
        padding: 0;
        min-height: 60px;
    }

    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .topbar .top-navbar .navbar-collapse,
    .topbar .navbar-collapse {
        margin-left: 215px;
    }

    #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
    .page-wrapper {
        margin-left: 250px;
    }

    .topbar .top-navbar .navbar-header .navbar-brand {
        max-width: 240px;
    }

    .logo-text {
        max-width: 100%;
        width: auto;
    }

    .topbar {
        height: 60px;
    }

    .author-pic {
        text-align: left;
    }

    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link.user-pic {
        font-size: 1rem;
        text-align: left;
        padding: 3px 1rem;
    }

    .user-pic img {
        width: 30px;
        border-width: 2px;
    }

    .diagnostic-card {
        padding: 1rem;
    }

    .diagnostic-card-body p {
        font-size: 13px;
    }

    .diagnostic-card-header {
        gap: 5px;
    }

    /* 
  .search-form .input-group {
    padding: 0 1rem;
  } */

    .logo-text img {
        width: 100%;
    }

    .loader {
        width: 120px;
        height: 120px;
    }

    .sidebar-nav .user-profile > .user-box img {
        max-width: 40px;
    }

    .sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
        font-size: 14px;
    }

    .sidebar-nav ul .sidebar-item .sidebar-link {
        padding: 8px 20px;
    }
    /* 
  #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .topbar {
    height: 70px;
  } */

    .entry-list-section {
        margin-top: 0;
    }

    .section-title h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .inner-tab-nav .nav-pills .nav-link {
        font-size: 14px;
    }

    .user-info h4 {
        font-size: 1rem;
    }

    .bottom-tab .inner-tab-nav .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 30px;
    }

    .data-monitor-list-group {
        max-width: 350px;
    }

    .data-monitor-tab-nav.nav-pills .nav-link h5 {
        font-size: 1rem;
    }
}

@media (max-width: 1200px) {
    .section-title h1 {
        font-size: 50px;
    }

    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse {
        margin-left: 215px;
    }

    .top-search-box {
        display: none;
    }

    .user-profile-info {
        flex-wrap: wrap;
    }

    .inner-card-box.inner-metter-card-box {
        width: 36%;
    }

    .support-box, .account-billing-box, .notification-box {
        max-width: 320px;
    }

    .page-wrapper.active {
        margin-right: 320px;
    }
}

@media (max-width: 1100px) {
    /* .inner-card-box {
    width: 18%;
  } */

    .dashboard-section .section-title {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

        .dashboard-section .section-title .task-content-box .tab-nav,
        .dashboard-section .section-title .task-content-box {
            justify-content: flex-start !important;
        }

    .dashboard-left-content:nth-child(2n) {
        margin-bottom: 0;
    }

    .dashboard-left-content:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {

    .driver-group {
        justify-content: flex-start;
    }

    .page-wrapper.active .driver-score-section .section-title .filter-form .row .col-md-4 {
        width: 50%;
    }

    .route-road-map .accordion-button:after {
        top: 0;
    }

    .accordion-item .accordion-button {
        gap: 10px;
        font-size: 14px;
    }

    .accordion-item .accordion-body p {
        font-size: 12px;
    }

    .tacking-maps,
    .tracking-map-img,
    .tracking-map-img iframe {
        height: 100%! important;
    }

    .route-road-map {
        height: 225px;
    }

    .summery-list ul li,
    .route-details-box .summery-list ul li {
        font-size: 12px;
    }

    .show-on-991 {
        display: block !important;
    }

    .hide-on-991 {
        display: none !important;
    }

    .add-now-modal .modal-dialog {
        margin: 0 auto !important;
    }

    .bottom-tab .inner-tab-nav .nav-pills .nav-link {
        padding: 10px 1rem;
    }

    .tenant-filter-form {
        gap: 10px 0;
    }

    .driver-details-content ul li {
        width: 100%;
    }

    .section-title h1 {
        font-size: 46px;
    }

    .topbar .top-navbar .navbar-nav > .nav-item:first-child {
        padding-left: 0;
    }

    .topbar .top-navbar .navbar-header .navbar-brand .logo-icon img {
        max-width: 50px;
    }

    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse {
        margin-left: 200px;
    }


    .logo-text {
        max-width: 100%;
    }

    .topbar .top-navbar .navbar-header .navbar-brand {
        padding: 0 0 0 20px;
    }

    .nav-pills .nav-link {
        padding: 15px 20px;
    }

    .hastag-box .row {
        align-items: flex-start !important;
    }

    .left-hastage-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .hastage-search-box {
        width: 100%;
    }

    .create-week-form .hastage-search-box .search-title {
        text-align: left;
        max-width: 130px;
    }

    .hastage-search-box .input-group {
        width: 100%;
    }

    .filter-form .input-group {
        border-bottom: 1px solid #E9E9E9;
    }

    .right-tab-box {
        padding: 30px 0;
    }

    .card-tab-box h1 {
        font-size: 24px;
    }

    .card-tab-box {
        padding: 20px;
    }

    .form-content {
        flex-direction: column;
    }
}

@media (max-width: 880px) {
    .data-select-box {
        width: 100%;
    }

    .section-title h1 {
        font-size: 42px;
    }

    .topbar .top-navbar .navbar-nav > .nav-item {
        padding: 0 10px;
    }

    .task-content-box .activities-title,
    .activities-lifecycle .top-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .bottom-tab .inner-tab-nav .nav-pills .nav-link {
        padding: 10px;
    }

    .slide-inner-content {
        height: 370px;
        overflow-y: auto;
        justify-content: space-between;
    }

    .inner-card-box,
    .inner-card-box.inner-metter-card-box {
        width: 49%;
    }
}

@media (max-width: 767px) {

    .footer-right span,
    .footer-right h3,
    .footer-left h3 {
        font-size: 20px;
    }


    /* .signin-box .entity-box .section-title h3 br {
    display: none;
  } */

    .page-wrapper.active .driver-details-score-box .left-score-box {
        width: 100%;
    }

    .page-wrapper.active .driver-details-score-box .middle-score-box {
        width: 100%;
    }

    .page-wrapper.active .driver-details-score-box .right-score-box {
        width: 100%;
    }

    .driver-info-box .fuel-driver-img {
        max-width: 100%;
    }

    .page-wrapper.active .driver-score-section .section-title .filter-form .row .col-sm-6 {
        width: 100%;
    }

    #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
        padding-top: 50px;
    }

    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .topbar .top-navbar .navbar-collapse, #main-wrapper[data-layout="vertical"][data-header-position="fixed"][data-sidebar-position="fixed"] .topbar .top-navbar .navbar-collapse {
        top: 46px;
    }

    .sidebar-toggle {
        display: none;
    }

    .driver-details-content ul li {
        font-size: 14px;
    }

    .otp-box {
        padding: 1rem;
    }

    .signin-box .entity-box {
        margin: 10px auto;
    }

    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 180px;
        width: 100%;
    }

    .deals-filter-box {
        flex-wrap: wrap;
    }

    .view-box {
        justify-content: flex-start;
    }

    .top-filter-box {
        gap: 15px;
    }

    .section-title h1 {
        font-size: 36px;
    }

    .logo-text {
        max-width: 100%;
    }

    .navbar-expand-md .navbar-nav .user-dropdown .dropdown-menu {
        left: auto;
    }

    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper, .page-wrapper {
        margin-left: 0;
    }

    .card-tab-box {
        height: auto;
        min-height: 100%;
    }

    .hastage-search-box {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .hastage-checkbox {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .hastag-box .row {
        gap: 10px;
    }

    .create-week-form .hastage-search-box .search-title {
        text-align: left;
    }

    .right-hastage-content span {
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .logo-text img {
        max-width: 100%;
        width: 100%;
    }

    .filter-form .input-group {
        border-right: 0 !important;
    }

    .page-wrapper > .container-fluid {
        padding: 20px;
    }
}

@media (max-width: 640px) {
    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 160px;
        width: 100%;
    }

    .date-box p,
    .date-box {
        width: 100%;
    }

    .driver-sedules .date-box p > input.form-control {
        width: 100%! important;
    }

        .date-box p span {
            width: 120px;
        }

    .show-on-640 {
        display: block !important;
    }

    .hide-on-640 {
        display: none !important;
    }

    .nav-pills {
        gap: 10px 0;
    }

        .nav-pills .nav-link {
            font-size: 14px;
        }

        .nav-pills .nav-item:last-child .nav-link {
            border-right: 0;
        }

    .section-title h1 {
        font-size: 30px;
    }

    .section-title h4 {
        font-size: 24px;
    }

    .register-btn {
        margin-bottom: 30px;
    }

    .left-status-content .status-content-box {
        width: 700px;
        overflow-y: hidden;
        overflow-x: scroll;
        max-width: 100%;
        padding-bottom: 30px !important;
    }

    .left-status-content .status-widget {
        width: 700px;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .right-status-content {
        padding-top: 20px;
    }

    .loading-box {
        margin-bottom: 30px;
    }

    .status-widget-body {
        margin-top: 30px;
    }

    .email-repeater {
        flex-direction: column;
    }

    .remove-btn {
        width: auto;
    }
}

@media (max-width: 575px) {
    .inner-card-box,
    .inner-card-box.inner-metter-card-box {
        width: 48%;
        min-height: 100%;
        height: auto;
    }

    .driver-info-box .fuel-driver-img {
        max-width: 100%;
        width: 100%;
    }

    .avg-speed-box {
        margin-bottom: 1rem;
    }

    .speed-data-box > .row > .col-12 {
        width: 50%;
    }

    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 180px;
        width: 100%;
    }

    .show-on-575 {
        display: block !important;
    }

    .hide-on-575 {
        display: none !important;
    }

    .tenant-tab .inner-tab-nav .nav-pills .nav-link {
        padding: 10px;
        font-size: 12px;
    }

    .section-title h1 {
        font-size: 44px;
    }

    .close-buttn {
        right: 0;
        z-index: 1000;
        border: none;
        border-radius: 0 5px 0 0;
    }

    .popup-modal .modal-content,
    #fb-modal .modal-content {
        border-radius: 5px;
    }

    /* .section-title {
    margin-top: 80px;
  } */

    .logo-text img {
        max-width: 150px;
        width: 100%;
        margin: 0 auto;
    }

    .topbar .top-navbar .navbar-header .navbar-brand {
        white-space: normal;
        max-width: 200px;
        width: 100%;
        padding: 0;
        gap: 10px;
    }

        .topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
            margin-right: 0;
        }

    .social-tabs .social-tab-content {
        padding: 20px;
    }

        .social-tabs .social-tab-content .tab-card {
            flex-direction: column;
        }

    .tab-card .tab-card-img {
        max-width: 100%;
    }

    .filter-box .form-group.text-end {
        text-align: left !important;
    }

    .filter-box .form-group .search-btn {
        max-width: 100%;
    }

    .comnt-tabs .nav {
        gap: 15px;
    }

    .comnt-tabs .nav-pills .nav-link {
        line-height: 1;
    }
}

@media (max-width: 480px) {

    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 150px;
        width: 100%;
    }

    .show-on-480 {
        display: block !important;
    }

    .hide-on-480 {
        display: none !important;
    }

    .tenant-tab .nav-pills {
        flex-direction: column;
        gap: 0;
    }

    .bottom-tab .inner-tab-nav .nav-pills .nav-item:first-child .nav-link {
        border-radius: 0;
    }

    .bottom-tab .inner-tab-nav .nav-pills .nav-item:last-child .nav-link {
        border-radius: 0 0 5px 5px;
    }

    .tenant-tab .inner-tab-nav .nav-pills .nav-link {
        border-right: 0;
        border-bottom-color: #EAEFF4;
        padding: 10px 25px;
    }

    .section-title h1 {
        font-size: 36px;
    }

    .section-title h4 {
        font-size: 18px;
    }

    .section-title {
        margin-bottom: 0px;
    }

    .register-btn {
        margin-bottom: 20px;
    }

        .register-btn a {
            font-size: 18px;
        }

    .footer-content ul li a {
        font-size: 1rem;
    }


    .days-list-items li .list-inline-item {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .social-tabs .social-nav .nav-link {
        font-size: 14px;
        padding: 15px 10px;
    }

        .social-tabs .social-nav .nav-link i {
            font-size: 15px;
        }

    .comnt-tabs .nav-pills .nav-link {
        font-size: 12px;
    }

    .comnt-tabs .nav {
        gap: 15px;
    }

    .comnt-tabs .tab-content .cmnt-tab {
        margin-bottom: 20px;
    }

    .see-more-btn {
        margin-top: 0;
    }

    .card-content p {
        font-size: 14px;
    }

    .inner-metter-card-box {
        padding: 10px;
    }

    .inner-metter-info {
        padding: 5px;
    }

    .speed-chat-box .speed-count {
        font-size: 48px;
    }

    .avg-speed-box p {
        font-size: 14px;
    }

    .speed-chat-box p {
        font-size: 18px;
    }

    .speed-chat-box {
        margin-top: 10px;
    }

    .meter-box {
        gap: 6px;
    }

    .meter-chat-box {
        gap: 5px;
    }
}

@media (max-width: 425px) {
    .signin-box .new-entity-form .form-group .form-label {
        font-size: 14px;
    }

    .robotic-section .section-title .top-left-title h3 {
        font-size: 24px;
    }

    .robotic-section {
        padding: 30px 20px;
    }

        .robotic-section .section-title .btn-close {
            position: absolute;
            right: 0;
        }

    .robotic-eye-card .robotic-content h2 {
        font-size: 40px;
    }

    .venu-tab-content {
        padding: 20px;
    }

    .venue-tab-link {
        padding: 20px;
        margin-bottom: 20px;
    }

        .arrangement-widget-box .arrangement-image,
        .venue-tab-link .nav-pills .nav-link {
            max-width: 140px;
            width: 100%;
        }

    .show-on-425 {
        display: block !important;
    }

    .hide-on-425 {
        display: none !important;
    }

    .entity-form-box .hastage-checkbox .form-check {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .form-check-input {
        max-width: 18px;
        width: 100%;
    }

    .entity-form-box .hastage-checkbox .form-check {
        width: 100%;
    }

    .create-week-form .form-select {
        font-size: 14px;
        line-height: 1;
        padding: 10px;
    }

    .special-days-box {
        padding: 20px;
    }

    .comnt-tabs .nav {
        gap: 10px;
    }

    .social-tabs .social-tab-content {
        padding: 10px;
    }

    .comnt-tabs .nav-pills .nav-link {
        font-size: .7rem;
    }

        .comnt-tabs .nav-pills .nav-link.active, .comnt-tabs .nav-pills .show > .nav-link {
            font-weight: 500;
        }
}

@media (max-width: 380px) {
    .robotic-section .section-title .btn-close {
        padding: 7px;
        font-size: 12px;
    }

    .venu-tab-content {
        padding: 1rem;
    }

    .venue-tab-link {
        padding: 1rem;
        margin-bottom: 1rem;
    }

        .arrangement-widget-box .arrangement-image,
        .venue-tab-link .nav-pills .nav-link {
            max-width: 120px;
            width: 100%;
        }

    .days-list-items li .list-inline-item h4 {
        display: block;
    }

        .days-list-items li .list-inline-item h4 span {
            margin-left: 5px;
        }
}

@media (max-width: 340px) {
    .arrangement-widget-box .arrangement-image,
    .venue-tab-link .nav-pills .nav-link {
        max-width: 100px;
        width: 100%;
    }

    .arrangement-content h5 {
        font-size: 11px;
    }


    .venue-tab-box h4 {
        font-size: 14px;
        line-height: 1.3;
    }

    .contact-list-section .section-title {
        margin-bottom: 20px;
    }
}



/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;

===================== */


@media (min-width: 768px) and (max-width: 1024px) {
}



/* =====================

   Tablets
   min-width: 640px;
   max-width: 767px;

===================== */

@media (min-width: 640px) and (max-width: 767px) {
}



/* =====================

   Small Devices
   min-width: 320px;
   max-width: 479px;

===================== */

@media print {
    .print-box {
        display: block;
        margin-bottom: 30px;
    }
    .print-table .no-print {
        display: none;
    }
    .print-table .contact-table {
        overflow-x: hidden;
        overflow: hidden;
    }

    .print-table .top-header,
    .print-table .header-space,
    .print-table .footer-section,
    .print-table .footer-space {
        height: 100px;
        background: #fff;
        border: none;
    }

    .print-table .maintance-history .top-header {
        height: auto;
    }

    .maintenance-info ul {
        display: flex;
        height: 100%;
    }

    .maintance-header {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 100px;
    }

    .maintenance-info ul li {
        font-size: 14px;
    }

    .contact-table .table tbody tr th:first-child,
    .contact-table .table tbody tr th,
    .contact-table .table tbody {
        border-width: 1px;
        border: 1px solid rgba(234, 239, 244, 1);
    }

    .print-table .top-header {
        position: fixed;
        top: 0;
        border-bottom: 1px solid rgba(234, 239, 244, 1);
        padding-bottom: 2px;
    }

    .report-section {
        padding: 0;
    }
    /*.print-table {
        margin: 100px auto;
    }*/
    .print-table .footer-section {
        position: fixed;
        bottom: 0;
        display: block;
    }

    .print-table .maintaince-history .top-header {
        display: block;
    }

    .custom-scrollbar-css {
        height: 100%;
        overflow: visible;
    }

    #printableArea .chat-content .user-img {
        max-width: 40px;
        height: 40px;
    }

    body {
        page-break-before: avoid;
        -ms-zoom: 1.665;
        zoom: 1.665;
    }

    .footer-section {
        padding: 0;
        margin-top: 5px;
        display: block !important;
        height: auto;
        position: relative;
    }

    /*.footer-section.landscape-content {
        height: 100vh;
    }

    .footer-section.portrait-content {
        height: 80vh;
    }*/

    /*.report-footer {
        position: absolute;
        bottom: 0;
    }*/

    .report-body-content p {
        font-size: 14px;
    }

    .top-center img,
    .footer-right span img {
        max-width: 150px;
    }

    .report-section {
        padding: 0;
    }

    .footer-left h5, .top-left h5 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .footer-right span,
    .footer-left h3 {
        font-size: 1rem;
    }

    .top-left h3,
    .top-right h3 {
        font-size: 20px;
    }

    .top-left {
        max-width: 100%;
        text-align: left;
    }

    .contact-table .table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .visitor-list .contact-table .table thead tr th,
    .visitor-list .contact-table .table tbody tr td {
        padding: 5px;
        font-size: 12px;
        line-height: 1;
    }

    .visitor-list .contact-table .table tbody tr:first-child td {
        width: 10%;
    }

    .vehicle-number-box {
        flex-direction: column;
    }

}