.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 (min-width: 1200px) {

    .m-stats-card {
        min-height: 226px;
    }
}*/

    @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;
        }
    }