/* Define Variables different to Metronic */

:root {
    --ci-icons: blue;
    --sp-color-main: #ffd203;
    --sp-color-secondary: black;
    --sp-color-icons: black;
}

/* Define our main SaaS Colors */
:root {
	--color-dates: blue;
	--color-volume-scope: green;
	--color-loading-address: #44449d;
	--color-unloading-address: #9d4444;
	--color-transport: #9d4444;
	--color-services: #9d4470;
	--color-packaging-material: #9d7044;
	--color-no-stop-zone: #449d9d;
	--color-other: gray;

}

/* Overwrite metronic colors */

:root { 
    --kt-primary: #50cd89 !important;
    --kt-primary-active: #47be7d !important;

    --kt-primary-light: white !important;
    --kt-primary-light-card: rgba(0, 128, 0, 0.03) !important;
    --text-gray-600: #4c5166 !important;
    --kt-text-primary: #47be7d !important;
    --kt-app-bg-color: #eff0f4 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--kt-primary);
}

.app-default, body {
    background-color: var(--kt-app-bg-color);
}

.page-title .page-heading {
    color: var(--kt-primary) !important;
}


.card .card-body {
    padding: 1.25rem 1.5rem;
}

.card .card-header {
    min-height: 50px;
}

.card {
    margin-bottom: 1rem;
    box-shadow: 0px 0px 4px 1px #dbdbdb;
}

[data-theme="light"] .button-rooms-icon .btn.active, [data-theme="light"] .card .btn.active  {
    background-color: white !important;
    color: var(--kt-primary-active) !important;
    border-bottom: 4px solid var(--kt-primary) !important;
    border-style: solid;
    border-top: 1px solid whitesmoke !important;
    border-right: 1px solid whitesmoke !important;
    border-left: 1px solid whitesmoke !important;
}

.text-active-primary.active {
    color: var(--kt-primary-active) !important;
}

/*
.form-control.form-control-solid, .form-select.form-select-solid {
    background-color: white;
}
*/

.navigator-vertical-separator {
    padding-top: 0.5em;
    color: var(--kt-nav-tabs-link-active-color);
}

.button-rooms-icon .btn.active:hoover, .card .btn.active:hoover  {
    color: var(--kt-success-inverse);
    border-color: var(--kt-success-active);
    background-color: var(--kt-success-active)!important;
}

.nav-line-tabs .nav-item .nav-link {
    color: var(--kt-black-500) !important;
}

.nav-tabs .nav-link.active {
    color: var(--kt-primary-active) !important;
}

.card .card-header .card-title, .card .card-header .card-title .card-label, .accordion-header .card-title {
    color:  var(--kt-primary-active);
}

.card .card-header .card-title {
    margin-bottom: 0.3rem;
}

.card .card-header .card-title .card-icon {
    margin-bottom: -2px;
}


.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: var(--kt-primary-active) !important;
    --bs-btn-border-color: #4cae4c !important;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: var(--kt-primary) !important;
    --bs-btn-hover-border-color: #398439 !important;
    --bs-btn-focus-shadow-rgb: 0,134,210;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: var(--kt-primary) !important;
    --bs-btn-active-border-color: #398439 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: var(--kt-primary)cc !important;
    --bs-btn-disabled-border-color: var(--kt-primary)cc !important;
    }

    .btn.btn-primary {
        background-color: var(--kt-success) !important;
        color: var(--kt-success-inverse);
        border-color: var(--kt-success);
    }

    .btn.btn-primary:hover:not(.btn-active) {
        color: var(--kt-success-inverse) !important;
        border-color: var(--kt-success-active) !important;
        background-color: var(--kt-success-active)!important;
    }

    .btn-primary {
        --bs-btn-color: #000000 !important;
        --bs-btn-bg: #50cd89 !important;
        --bs-btn-border-color: #50cd89 !important;
        --bs-btn-hover-color: #000000 !important;
        --bs-btn-hover-bg: #6ad59b !important;
        --bs-btn-hover-border-color: #62d295 !important;
        --bs-btn-focus-shadow-rgb: 68,174,116 !important;
        --bs-btn-active-color: #000000 !important;
        --bs-btn-active-bg: #73d7a1 !important;
        --bs-btn-active-border-color: #62d295 !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
        --bs-btn-disabled-color: #000000 !important;
        --bs-btn-disabled-bg: #50cd89 !important;
        --bs-btn-disabled-border-color: #50cd89 !important;
    }

    
    .btn.btn-light-primary {
        border-color: var(--kt-primary) !important;
    }

    [data-theme="dark"] .btn.btn-light-primary {
        background-color: var(--bs-btn-bg) !important;
    }

    /* Logo optimizations */

    .app-sidebar-logo-default {
        width: 100%;
        max-width: 250px;
        max-height: 60px;
    }

    .app-sidebar-logo-default img {
        width: 100%;
        max-width: 250px;
        max-height: 60px;
    }

/* Datepickers */


.flatpickr-day.selected, .button-rooms-icon active, button.tablinks.active {
    background: var(--kt-primary-active) !important;
}

/* Input pickers */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Offer Positions colors & styles  */

@media only screen and (min-width: 1249px) {
    .sticky-navigation-bar.network-request {
        position: sticky;
        top: 122px;
        z-index: 9;
        background-color: var(--kt-app-bg-color);
    }

    .sticky-navigation-bar {
        position: sticky;
        top: 137px;
        z-index: 9;
        background-color: var(--kt-app-bg-color);
    }
}

.sticky-navigation-bar .nav-line-tabs .nav-item .nav-link {
    margin: 0 0.75rem !important;
}

.sticky-action-sidebar-bar {
    position: sticky;
    top: 140px;
    z-index: 9;
    background-color: var(--kt-app-bg-color);
    max-height: 85vh;
    overflow-y: auto;
}

.sticky-action-offer-sidebar-bar {
    position: sticky;
    top: 185px;
    z-index: 9;
    background-color: var(--kt-app-bg-color);
    max-height: 80vh;
    overflow-y: auto;
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 950px) and (max-width: 1680px) {
    .sticky-action-offer-sidebar-bar {
        max-height: 75vh;
    }
}

@media only screen and (min-width: 1537px) and (max-width: 1680px) {
    .sticky-action-offer-sidebar-bar {
        max-height: 76vh;
    }
}

/* @media (max-width: 1600px) {
    .sticky-action-offer-sidebar-bar {
        top: 170px !important;
    }
} */

.sp-service-qty {
    padding: 0.2em 0 0.2em 0.75em !important;
    width: 55px !important;
}

.offer_pricing_column {
    /* min-width: 220px !important; */
}

/* .create-offer-container .tab-content {
    max-width: 1400px;
} */

.offer-positions tr.category-header th:not(:first-child) {
    padding-left: 0 !important;

}

[data-theme="light"] #offer-positions-tbl .form-check-input, 
[data-theme="light"] #bill-positions-tbl .form-check-input, 
[data-theme="light"] #working-paper-services .form-check-input, 
[data-theme="light"] #network-request-positions-tbl .form-check-input,
[data-theme="light"] #working-report-positions .form-check-input,
[data-theme="light"] .form-check-white.form-check-solid .form-check-input {
    background-color: white !important;
}

#offer-positions-tbl .form-check-custom.form-check-solid .form-check-input:checked, 
#bill-positions-tbl .form-check-custom.form-check-solid .form-check-input:checked, 
#working-paper-services .form-check-custom.form-check-solid .form-check-input:checked,
#network-request-positions-tbl .form-check-custom.form-check-solid .form-check-input:checked,
#working-report-positions .form-check-custom.form-check-solid .form-check-input:checked,
[data-theme="light"] .form-check-white.form-check-solid .form-check-input:checked {
    background-color: var(--kt-success) !important;
}

#offer-products-tbody .th, #offer-products-tbody .td:first-child div,  #offer-products-tbody .td:first-child .form-control {
	border-left-width: 4px;
	border-left-style: solid;
}

.transport-n-loading-items .th {
	border-left-color: var(--color-transport) !important;
	color: var(--color-transport) !important;
}

.transport-n-loading-items td:first-child .form-control {
	border-left-color: var(--color-transport) !important;
}


.service-items .th {
	border-left-color: var(--color-transport);
	color: var(--color-services) !important;
}

.service-items td:first-child .form-control {
	border-left-color: var(--color-services) !important;
}

.packaging-service-item .th {
	border-left-color: var(--color-packaging-material) !important;
	color: var(--color-packaging-material) !important;
}

.packaging-service-item td:first-child .form-control {
	border-left-color:  var(--color-packaging-material) !important;
}


.flatpickr-day.today {
    background-color: whitesmoke !important;
    color: black !important;
    border: 1px solid whitesmoke !important;
}

/* Calender Modal */

.modal-content .calender-content {
    min-height: 700px;
}

.fc .fc-highlight {
    background-color: var(--kt-success) !important;
}

.fc-header-toolbar .fc-toolbar-chunk button.fc-description-button {
    display: none;
}

/* Request page */

#kt_drawer_quick_movinglist_calculation_toggle i {
    color: var(--kt-success) !important;
}

/* Planing board */

.multi-months-view .card {
    flex: 1;
}

/* Flex Columns in Admin Section */

.row-admin {
    display: flex;
}

.row-admin .col-flex {
    flex:1;
    flex-basis: 400px;
}
/* Header */

.quick-button-header .btn i {
    padding-right: 0 !important;
    font-size: 20px;
}

/* Table styles */

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
}

.table-no-padding:not(caption)>*>* {
    padding: .1rem .5rem !important;
}

.table-sum tr:nth-last-child(2) {
    border-bottom: 1px solid rgb(223, 223, 223) !important;
}

.card-body table {
    margin-bottom: 0 !important;
}

.price-calculation .calculative {
    border-bottom: 0 !important;
}

.toolbar-action-btns .td {
    padding-left: 0.5em !important;
}

.admin-list .quick-actions, .quick-actions i, th.sorting {
    color:  var(--kt-primary-active) !important;
}

.header-row-solid {
    border-bottom: 1px solid gray !important;
}

#search-sp_services-services tr {
    border-bottom: 1px solid whitesmoke !important;
}

/* Input Styles */

.input-group-text, .form-control {
    padding: .775rem 0.775rem;
}

.form-select {
    padding: .775rem 2.5rem .775rem 1rem;
}

.input-group .form-select {
    padding: .775rem 2.25rem .775rem 0.775rem;
}

/* E-Mail Modal */

[data-theme="light"] #send-email-modal .modal-content {
    background-color: whitesmoke;
}
/* Create offer */

.offer-positions .table>:not(caption)>*>* {
    padding: 0.5rem .5rem 0em 0em;
}

.offer-positions #offer-products-tbody .category_header {
    border-bottom: 1px solid whitesmoke;
}

/* .category_header {
    background: rgb(228, 228, 228);
} */

.category_header th, .category_header_temp th {
    padding: 0.5em 0em 0.5em 0em !important;
    font-size: 1em;
}

.category_header th:first-child, .category_header_temp th:first-child {
    padding-left: 1em !important;
}

#offer-products-tbody .product_additional_info:last-child {
    border-bottom: none !important;
}

.product_additional_info td {
    padding-right: 0 !important;
}
/*

.transport-n-loading-items td:first-child {
    border-left: 2px solid blue;
}
*/


.offer-positions .product_additional_info td {
    padding-top: 0em !important;
}

.request-positions-total-summary td {
    padding: 1rem .5rem;
}

.offer-total-summary td, .vat-tax-tr td, .grand-total-tr td, .invoice-type-payment-area td {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}


.summary-border-left, .summary-border-right  {
 border-bottom: 1px solid #d1d1d1 !important;
}

/* Admin list styles */

.flatpickr-day:hover, .daterangepicker .drp-calendar td.active, .flatpickr-day.selected {
    background-color: var(--kt-primary-active) !important;
    color: white !important;
}

.header-welcome-content {
    display: none !important;
}

.admin-list {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.admin-list .card-body {
    padding: 0rem !important;
}

[data-theme="light"] .admin-list .odd {
    background-color: rgb(251, 251, 251);
}

[data-theme="light"] .admin-list .group {
    background-color: #dcdde1;
}

.minimal-padding {
    padding: 0.25rem !important;
}

[data-theme="light"] .admin-list .group td {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.admin-list .dtr-control {
    padding-left: 2rem !important;
}

.admin-list tr td:last-child  {
    padding-right: 2rem !important;
}

#list_dt_customers_wrapper .dtr-control,
#list_dt_offers_wrapper .dtr-control,
#list_dt_orders_wrapper .dtr-control,
#list_dt_viewing_appointments_wrapper .dtr-control,
#list_subcontractors_orders_wrapper .dtr-control {
    padding: 0em 0em 0em 1.5em !important;
}

#list_dt_offers_wrapper .label-status, 
#list_dt_projects .label-status, 
#list_dt_orders_wrapper .label-status, 
#invoices_tbl_wrapper .label-status, 
#list_dt_invoices .label-status, 
#list_dt_order_requests .label-status, 
#list_dt_offers_network_list .label-status, 
#list_dt_viewing_appointments_wrapper .label-status, 
#list_dt_network_offers_wrapper .label-status,
#list_dt_orders_network_list_wrapper .label-status,
#storage_invoices_tbl_wrapper .label-status,
table.general-offer-status-badges .label-status {
    padding: 0.66em;
    border-radius: 10px;
    font-size: 1em;
}

.admin-list .odd:hover, .admin-list .even:hover {
    background-color: rgba(0, 128, 0, 0.11) !important;
    cursor: pointer;
}

.badge-origin {
    font-size: unset !important; font-weight: 500 !important;
}

/* Offer Statuses */

.status-id-1 {
    background: antiquewhite !important;
}

[data-theme="dark"] .status-id-1 {
    color: #000 !important;
}

.status-id-2 {
    background: rgb(212, 251, 212) !important;
    color: black;
}

.status-id-3 {
    background: whitesmoke !important;
    color: black;
}

.status-id-4 {
    background: green !important;
    color: white;
}

.status-id-6 {
    background-color: rgba(255, 166, 0, 0.678) !important;
    color: black;
}

.status-id-7 {
    background-color: orange !important;
    color: white;
}

.status-id-9 {
    background-color: whitesmoke !important;
    color: gray;
}

[data-theme="dark"] .status-id-9 {
    color: gray !important;
}

.status-id-10 {
    background-color: #1e73be !important;
    color: white;
}

.status-id-11 {
    color: black;
    background-color: lightskyblue !important;
}

.status-id-12 {
    color: green;
    background-color: rgb(193, 255, 193) !important;
}

.status-id-13 {
    color: blue; 
    background-color: whitesmoke !important;
}

.status-id-17 {
/*    color: lightskyblue;*/
    color: black;
    background-color: #b8deff !important; 
}

.status-id-18 {
    background-color: orange !important;
    color: white;
}

[data-theme="dark"] .status-id-18 {
    color: #000 !important;
}

.status-id-21 {
    background-color: #f1416c !important;
    color: #fff;
}

.status-id-30 {
    background: darkorange !important;
    color: white;
}

.status-id-28 {
    background: mediumvioletred !important;
    color: white;
}

/* Invoice Statuses */

.invoice-status-id-1 {
    background-color: whitesmoke;
    color: gray;
}

.invoice-status-id-2 {
    background-color: #1e73be;
    color: white;
}

.invoice-status-id-3 {
    color: green;
    background-color: rgb(193, 255, 193);
}


/* Apply modified styles */

.card .card-header .card-title .card-icon i {
    color: var(--kt-primary);
}

.card .card-header {
    padding: 0 1.5rem;
}
.i[class*=" fa-"] {
    color: unset;
}

.form-floating>.form-select {
    line-height: 1.15em;
}

.app-sidebar-logo-minimize {
    margin-top: 0.5em !important;
}

.app-sidebar-logo-minimize img {
    height: 35px !important;
}

.app-sidebar-logo-minimize span {
    font-size: 40px !important;
}

.header-main-logo {
    display: flex;
}



/* Core chantes */


.card-title small {
    margin-left: 1em;
}

/* .card-body .form-floating {
    margin-bottom: 1rem;
} */

.row:last-child .form-floating {
    margin-bottom: 0rem;
}

.h-100 {
    height: calc(100% - 1em) !important;
}

.h-full {
    height: 100% !important;
}

.create_subcontractors .card-body .form-check, .subcontractor-self-register .card-body .form-check, .edit_subcontractors .card-body .form-check {
    margin-bottom: 0.75rem !important;
}

.partner-logo img {
    max-width: 100px;
    max-height: 50px;
}



/* .form-check:last-child  {
    margin-bottom: 0rem !important;
} */


/* Sidebar */



.menu-link i {
    color: var(--kt-primary) !important;
}

.menu-link i:hover {
    color: var(--kt-primary-active) !important;
}

.main-menu.menu-item.show:first-child
div.main-menu.menu-item .show {
    background-color: rgba(0, 128, 0, 0.3) !important;
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
    margin-right: 0rem !important;
}


[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active, [data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item.show, [data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item .menu-link.active {
    /* background-color: #f4f4f2 !important; */
    transition: none;
    background-color: var(--kt-primary-light-card);
    color: var(--kt-primary);
}

.menu-item .menu-icon i {
    font-size: 24px;
}

/* .menu .show .menu-sub-accordion {
    margin-bottom: 2em;
} */

.top-level-menu * {
    color: var(--kt-gray-900) !important;
}



/* Subcontractor options */

.select-options {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.select-options .form-check {
    width: 50%;
    min-width: 50%;
    flex: 0 1 auto;
    flex-basis: auto;
}

/* Other changes */

.dataTables_paginate {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .dataTables_pager {
        display: flex;
    }

    .for-ipad {
        display: none !important;
    }

    .for-mobile {
        display: none;
    }

}

img.thumb {
    max-height: 50px !important;
    width: 60px !important;
    height: auto !important;
}

#list_subcontractors_orders_wrapper .dtr-control, #list_dt_requests_sc_matchmaking .dtr-control {
    padding-bottom: 0.2em !important;
    padding-top: 0.2em !important;
}


.mt-1em {
    margin-top: 1em !important;
}

.ml-2p2 {
    margin-left: 2.2em !important;
}

.ml-p-2 {
    margin-left: 2px !important;
}

.mr-2p2 {
    margin-right: 2.2em !important;
}

.mr-p-2 {
    margin-right: 2px !important;
}

.ml-per-2 {
    margin-left: 2% !important;
}

.mr-per-2 {
    margin-right: 2% !important;
}


.error {
    color: #eb2424;
    margin-bottom: 5px !important;
    margin-top: -1px !important;
}

.services-boxes .icon {
    padding: 5px;
    font-size: 50px;
}

.float-right {
    float: right !important;
}

.service-box.active {
    color: #FFF;
    background-color: var(--kt-primary-active);
    border-color: #4cae4c;
}
.service-box {
    text-align: center;
    /* border: 1px solid #3e2b2e; */
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
/*    height: 80px;*/
    font-size: 14px;
    margin-bottom: 1em;
    cursor: pointer;
    width: 80px;
}

.hide{
    display: none;
}

.source_images_container, .destination_images_container, .room_images_container {
    min-height: 50px;
    position: relative;
    border: 1px solid var(--kt-input-border-color);
    border-radius: 8px;
    margin-left: 10px;
    width: 100%;
    background: white;
}

.source_images_add #previewImage, .destination_images_add #previewImage, .room_images_add #previewImage {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 00px;
    font-size: 30px;
    color: var(--kt-primary) !important;

}

.col-sm-12 > em {
    color: var(--kt-primary) !important;
}

/* Moving list rooms page */

.moving-list-rooms .card .card-header {
    padding: 0 1.25rem !important;
}

.room-selection .tablinks {
    padding: 1rem 0.5rem !important;
    margin-right: 5px;
}

.room-btn-active {
    background: white;
}

.moving-list-rooms .card .card-body {
    padding: 0rem 1rem 1rem 1rem;
}

.tabcontent {
    min-height: 150px;
    padding: 0.33em 1em;
    z-index: 9999;
    flex-wrap: wrap;
    gap: 10px;

}

.btn-delete-room {
    flex: unset !important;
    padding: 0em 1em !important;
    border-radius: 10px;
}

.btn-delete-room i {
    font-size: 20px;
}

.spinner-container {
    /* margin-top: 0.33em; */
}

.tabcontent.object .container-left .object-title, .tabcontent.service .container-left {
    cursor: pointer;
    width: 45%;
}

.direct-entry {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    text-align: center;
}

.volume-icons  {
    margin: 1em 0em;
}

.volume-icons i {
font-size: 2rem;
}

.button-rooms-icon {
    margin-right: 0.5em;
}

.moving-list-overview td {
    padding: .4rem .5rem !important;
}

.room-list-overview td {
 padding-left: 0 !important;
}

.room-list-overview .item-quantiy, .room-list-overview .volume-info {
    min-width: 45px;
}

.room-list-overview .table td:last-child {
    padding-right: 0 !important;
}

/* Moving list Pricing page */

.price-calculation .table tr {
    vertical-align: middle;
    border-bottom: 1px solid whitesmoke;
}



.source_images_add .add-icon, .destination_images_add .add-icon, .room_images_add .add-icon {
    position: absolute;
    top: 40px;
    right: 10px;
    padding: 7px;
    padding-left: 10px;
}

.source_images .img, .destination_images .img, .room_images .img {
    width: 120px;
    height: 120px;
    border-radius: 4px;
    margin: 10px;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 4px 5px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}

.img-selected {
    display: inline-block;
    position: relative;
}

.remove-img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.remove-rounded-white-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.additional_locations {
    position: relative;
    top: 10px;
    left: 5px;
}

.add_source_location img, .add_destination_location img {
    width: 40px;
    height: 40px;
}

.remove-location img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.remove-location .icon {
    margin-bottom: 10px;
    margin-right: 20px;
}

.moving-list-navigation {
    position: fixed;
    background: white;
    width: 100%;
    bottom: 0px;
    right: 0;
    justify-content: space-between;
    padding: 0.33em 1em;
    z-index: 9999;
    gap: 20px;
    padding: 5px !important;
}

.moving-list-navigation div {
    flex:1;
}

.moving-list-navigation a, .moving-list-navigation button {
    width: 100%;
}

.moving-list-navigation .navigator-next {
    min-width: fit-content;
}

.step-completed {
    color: var(--bs-success) !important;
    background-color: rgb(232, 255, 243) !important;
}

.step-current {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light);
}

.step-upcoming {
    color: gray !important;
    background-color: whitesmoke !important;
}

.step-upcoming:hover {
    color: white important;
}

.add_extra_service_national{
    cursor: pointer;
    font-size: large;
    padding:15px;
}

.remove-extra-service-national{
    cursor: pointer;
}

.item-type-block-body .item-thumbnail {
    position: relative;   
}

.item-type-block-body .item-thumbnail {
    width: 100px;
    text-align: center;
    min-height: 100px;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 5px;
    line-height: 16px;
    margin-bottom: 1em;
    cursor: pointer;
    margin-right: 1em;
}

[data-theme="light"] .item-type-block-body .item-thumbnail {
    background: whitesmoke;
}

[data-theme="light"] .text-dark {
    color: var(--kt-text-dark)!important;
}

.item-type-block-body .item-thumbnail .thumb {
    height: auto;
    padding-top: 1em;
}

.item-type-block-body .item-thumbnail {
    width: 100px;
    text-align: center;
    min-height: 100px;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 5px;
    line-height: 16px;
    margin-bottom: 1em;
    cursor: pointer;
    margin-right: 1em;
}

.item-type-block-body .item-thumbnail.active {
    border: 1px solid var(--kt-primary-active);
    background: var(--kt-primary-active);
    color: white;
    font-weight: bold;
}

.add-room-slider ul li {
    float: left;
    list-style: none;
}

.add-room-slider .clearfix {
    padding-left: 0;
    margin-bottom: 0;
}

.checkloc {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    overflow: hidden;
    opacity: 0;
}

.item-type-block-body .item-caption {
    margin-top: 5px;
    word-wrap: break-word;
    height: 32px;
    overflow: hidden;
}

.item-type-block-body .item-thumbnail .icon {
    font-size: 30px;
}

.modal-add-room {
    width: 90%;
    max-width: 90%;
}

.rooms-list-container {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
    /* align-items: stretch; */
    align-items: center;
    padding-top: 5px;
}

.rooms-list-container .add-room-button {
    /* position: sticky;
    right: 230px; */
}

.rooms-list-container .volume-summary {
    margin-left: auto;
    position: sticky;
    right: 0;
}

.rooms-list-container #kt_sliders_widget_2_slider {
    min-width: 220px;
}

.rooms-list-container .button-rooms-icon button {
    height: 80px;
    width: 105px !important;
    padding: calc(.775rem + 1px) calc(1rem + 1px) !important;
    max-height: 80px;
}

.rooms-list-container .button-rooms-icon .add-room-btn button {
    width: 70px !important;
}

.btn-delete-room  {
    border-radius: 50px;
    padding-left: auto;
    padding: 0.5em 1em !important;
    border: none !important;
    text-align: center;
}

.btn-delete-room i {
    font-size: 20px;
    padding-right: 0;
}

.tab {
    display:flex;
}

[data-theme="light"] .tab button {
    background: whitesmoke;
}
.tab button {
    flex: 1;
    padding: 1em 5px;
}

/* Rooms
.tab button {
    padding: 1em 5px;
}

*/

.tab.room-selection {
    border-bottom: 1px dotted #5014ed2e !important;
}

button.tablinks {
    padding: 10px;
    font-size: 13px;
}

button.tablinks.active {
background-color: var(--kt-success-active)!important;
border-color: var(--bs-btn-active-border-color);
color: white;
}

.button.tablinks.active * {
    color: white !important;
}


.button.tablinks.active i {
    color: #ffffff !important;
}

.rating__background {
    fill: #caced3;
    stroke: red;
    stroke-width: 1;
    height: 100%;
    width: 100%;
}
  
.rating__value {
    fill: #FFB94B;
    height: 100%;
}

.w-96 {
    width: 96% !important;
}

.w-fit-content {
    width: fit-content !important;
}

.waiting-spinner {
    position: fixed;
    width: 200px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -25px;
    z-index: 99;
    text-align: center;
}


.accordian_arrow{
    margin-top: 25px;
}

.object-container {
    border-bottom: 1px dotted #88A5E6;
}

.object-row {
    display: flex;
    align-items: center;
    padding: 6px 2px;
    border-bottom: 1px solid whitesmoke;
}

.object-row .container-left , .object-row .container-right {
    display: flex;
    align-items: center;
}

.object-row .container-right {
    flex-direction: row;
    flex: 2;
    justify-content: end;
}

.object-row .container-left.with-only-services {
    flex: 1;
}

.object-row .container-right.with-only-services {
    flex: 2;
}

.index-services div {
    flex: 1;
    text-align: center;
}

.dissassembly-selection, .assembly-selection, .storage-selection, .clearout-selection {
    padding: 0em;
    border: 1px solid whitesmoke;
    border-radius: 20px;
    align-items: center;
}

.dissassembly-selection, .assembly-selection, .storage-selection {
    margin-right: 0.2em;
}

.object-row .container-left  {
    flex: 2;
    padding-right: 1em;
    padding-left: 0em;
    border-right: 1px solid whitesmoke;
}

.object-row .container-left .object-quantity {
    flex: 1;
}

.object-row .container-left .object-icon {
    width: 30px;
    font-size: 20px;
}

.list-service-name {
    padding: 0.2em;
    display: none;
}

.list-service-name i {
    font-size: 1.6em;
}





[data-theme="light"] .counter-plus, [data-theme="light"] .counter-minus{
    border: 1px solid whitesmoke;
    background-color: rgb(252, 252, 252);
}

/* [data-theme="dark"] .handle-counter input {
    color: white;
} */

.counter-plus, .counter-minus {
    width: 28px;
    height: 28px;
    font-size: 1.4rem !important;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
}

.object-row .counter-plus, .object-row .counter-minus {
    display: flex !important;
}

.container-right .counter-plus {
    border-right: none !important;
}

.handle-counter input {
    width: 40px !important;
    border: none !important;
    text-align: center !important;
    cursor: pointer !important;
    background-color: transparent !important;
    align-items: center;
}

.handle-counter {
    align-items: center;
}

.handle-counter .counter-minus, .handle-counter .counter-minus{
    cursor: pointer !important;
}

.services-select-list {
    display: flex;
    flex-direction: row;
    flex:1;
    justify-content: space-around;
    max-width: 50%;
}

.services-select-list.for-quick-calculation {
    /* max-width: 100% !important; */
}

.services-select-list.with-only-services {
    max-width: inherit !important;
}

.handle-counter  .counter-plus {
    border-radius: 50px;
    color: green;
}

.handle-counter  .counter-minus {
    border-radius: 50px;
    color: red;
}

.moving-list-elements-box.packing-material-box, .moving-list-elements-box.service, .moving-list-elements-box.extra-service {
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    min-height: 160px;
    border-radius: 4px
}

[data-theme="light"] .moving-list-elements-box.packing-material-box, .moving-list-elements-box.service, .moving-list-elements-box.extra-service {
    background-color: whitesmoke;
}

.moving-list-elements-box.packing-material-box .volume-title h4, .moving-list-elements-box.service .volume-title h4, .moving-list-elements-box.extra-service .volume-title h4 {
    font-size: 13px !important;
    text-align: center;
}

.services-icon .icon {
    position: unset;
    font-size: 32px;
}

.sc-logo img{
    height: 75px;
}

.answer-details-info {
    flex-direction: column;
    background: whitesmoke;
    border-radius: 4px;
    padding: 1em 2em;
    font-weight: bold;
    justify-content: space-evenly;
    text-align: center;
}

.answer-details {
    flex-direction: row;
}
.answer-details, .answer-details-info {
    display: flex;
}

.errorMessage{
    color: red;
}

.m-left{
    margin-left: 2px;
}

.m-left2{
    margin-left: 4px;
}

.left-td{
    width: 75%;
}

.form-check-wrapper.service-check-box {
    min-height: 120px !important;
    padding: 10px !important;
}

.w-20 {
    width: 20% !important;
}

.w-14 {
    width: 14% !important;
}


.bg-sp-theme {
    background-color: #fde900 !important;
}

@media (min-width: 748px) {
    .card.sub-contractor {
        min-height: 345px !important;
    }
}

.service-box {
    min-width: 140px;
    height: 120px;
}

.service-box .icon {
    font-size: 30px;
}

.row_less_pd{
    line-height: 0.1px !important;
}

.max-h-100 {
    height: 100px;
}

.hr-lines-around {
    position: relative;
    padding: 10px;
}

.hr-lines-around:before {
    content:" ";
    height: 1px;
    width: 35%;
    background: #efefef;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}

.hr-lines-around:after {
    content:" ";
    height: 1px;
    width: 35%;
    background: #efefef;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
}

.border-none{
    border: none !important;
}

.address-remove,.unloading-address-remove{
    color: red !important;
    font-size: 1.5rem !important;
    margin-top: 10px !important;
    cursor: pointer;
}

/*Price-calculator*/
.border-top-1{
    border-top: 1px dashed #dfdfdf !important;
}

/* Create offer page */

.services_selector i {
    font-size: 1.8em;
}

.custom-header-logo {
    width: auto;
    max-height: 100%;
    max-width: 150px;
    padding: 0.33em 0;
    margin: auto;
    object-fit: contain;
}

.custom-header-logo-xs {
    max-width: 50px;
    height: auto;
}

.get_address_btn {
    color: var(--kt-primary);
    font-size: 18px;
    padding: 0.5em;
}

.card-p-0{
    padding: 0px !important;
}

.packing-material-image {
    height: 100px;
    width: auto;
    cursor: pointer;
}

#toastr-container>div {
    opacity: 1 !important;
}

.text-right {
    text-align: right !important
}
.bg-whitesmoke {
    background-color: whitesmoke !important;
}


.percentage_middle_content {
    position:relative; top:10px;
}

.add-more-position{
    cursor: pointer;
}

.price-reference {
    color: gray;
}

.customer_close_icon {
    cursor: pointer !important;
    margin-top: 25px !important;
}

.pac-container { z-index: 100000; }

#customer_form .form-floating{
    margin-bottom: 0.5rem;
}

#create-optional-item-button, #create-manual-item-button {
    margin-top: 1em !important;
    margin-bottom: -2em !important; 
}

/* #list_dt_customers tbody tr{
    cursor: pointer;
} */

.custom-cursor{
    cursor: pointer;
}

#custom-tooltip {
    display: none;
    padding: 1px 2px;
    background-color: #000000df;
    border-radius: 4px;
    font-size: small;
    color: #fff;
}

.select-input-group {
    background-color: #f5f8fa;
    flex: unset !important;
    width: 35px !important;
}

.scope-section .form-select {
    padding-right: 0.5em !important;
    padding-left: 0 !important;
}

.form-floating {
    margin-bottom: 0.5rem !important;
}

.product_discount_type {
    flex: unset !important;
    width: 60px !important;
}

[data-theme="light"] .product_discount_type {
    background-color: #f5f8fa;
}

.form-floating + .input-group-text {
    height: calc(3.75rem + 2px);
}

.w-fit {
    width: fit-content !important;
}

.custom-sidebar-tabs .portal-icon {
    width: 33.3%;
    border-left: 2px solid #f5f0f0;
}

.custom-sidebar-tabs .portal-icon i {
    font-size: 25px;
    color: #58484b;
}

.custom-sidebar-tabs .portal-icon:hover {
    background-color: whitesmoke;
}

.custom-sidebar-tabs .portal-icon.active {
    background-color: whitesmoke;
}

[data-theme="light"] .main-menu.menu-item {
    position: relative;
}


[data-theme="light"] [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title, [data-theme="light"] [data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item .menu-link .menu-title {
    color: #777 !important;
}





.app-sidebar-logo {
    display: block;
}

@media only screen and (max-width: 600px) {
    .menu-link.top-level-menu {
        font-size: 10px;;
    }
    .header-welcome-content {
        display: none !important;
    }
    .header-main-logo {
        display: none !important;
    }
    .for-ipad {
        display: none !important;
    }
    .for-desktop {
        display: none !important;
    }
    /* Hide for-small-big-desktop on mobile */
    .for-small-big-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
    /* Show for-ipad on iPad and small tablets */
    .for-ipad {
       display: inline-flex;
    }
    .for-small-big-desktop .for-ipad {
       display: inline-flex;
    }
 }

 @media only screen and (min-width: 1025px) {
    /* Show for-desktop on larger devices */
    .for-desktop {
       display: inline-flex;
    }
    .for-small-big-desktop .for-desktop {
       display: inline-flex;
    }
 }

.open_file_upload_modal{
    cursor: pointer;
}

.open_file_upload_modal:hover {
    background-color: whitesmoke !important;
}

.file_upload_text{
    color: #009ef7 !important;
}

.header-welcome-line {
    font-size: 16px;
    color: #777777;
}

.badge.badge-theme {
    background-color: #c2bcbd;
    color: #3F2B2F;
}

.announcement-badge .announcement-text {
    border-radius: 4px;
    padding: 4px;
    background-color: blanchedalmond;
}

.custom-card-body{
    padding: 12px;
}

.color-green{
    color: green !important;
}

.color-red{
    color: red !important;
}

.color-yellow{
    color: #dbdb37 !important;
}

.bg-color-green{
    background-color: green !important;
}

.bg-color-red{
    background-color: red !important;
}

.bg-color-yellow{
    background-color: #dbdb37 !important;
}

.btn-check-success {
   color: var(--kt-success);
   border-color: var(--kt-success) !important;
   background-color: var(--kt-success-light)!important;
}

.btn-check-warning {
   color: var(--kt-warning);
   border-color: var(--kt-warning) !important;
   background-color: var(--kt-warning-light)!important;
}

.btn-check-danger {
   color: var(--kt-danger);
   border-color: var(--kt-danger) !important;
   background-color: var(--kt-danger-light)!important;
}

.btn-check-active{
   color: var(--kt-light) !important;
   border-color: var(--kt-success-light) !important;
   background-color: var(--kt-success)!important;
}

.custom-input-group{
    height: 44px !important;
}

.subtotal-line {
    border-top: 1px solid rgb(223, 223, 223) !important;
    padding-top: 8px;
}

i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
    color: inherit;
    font-size: inherit;
}

/* Planing board */

#planborad-calender .card {
    margin-bottom: 0;
}

#planborad-calender .date-block {
    width: 100% !important;
}

.calender-weeek-heading {
    background: whitesmoke;
}

.planning_board_table tr {
    vertical-align: middle;
    border-bottom: 1px solid whitesmoke;
}

.fs_12_px {
    font-size: 12px !important;
}

.section-filter {
    padding: 10px;
    border: 1px dotted #dedede;
    border-radius: 5px;
    margin-bottom: 1em;
}
.form-control-invalid {
    border-color: #ff0000 !important;
}

.word-break-all {
    word-break: break-all;
}


.custom-input-group-text{
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important;
}
.custom-form-floating{
    margin-bottom: 0.5rem !important;
    height: 50px !important;
}

.dtr-inline th:first-child:not(.id) {
    padding-left: 1.5rem !important;
}

.admin-list div.dataTables_wrapper div.dataTables_info, .admin-list div.dataTables_wrapper div.dataTables_paginate {
    padding: 1rem 7px;
}

textarea.no-resize {
    resize: none;
}

.room-list-overview .volume-info, .room-list-overview .volume-title {
    flex: 1;
}

.room-list-overview .room-title {
    font-weight: normal;
    border-bottom: 1px solid whitesmoke;
}

.apple_calender{
    color: white !important;
}

.google_calendar{
    color: white !important;
}

.badge-custom-border {
    border: 1px solid whitesmoke; padding: 0.5em 1em 0.5em 0.5em; border-radius: 10px;background-color: #fff;
    margin-right: 5px;
}

.custom-multi-select-filter, .custom-input-filter {
    min-height: 60px !important;
    width: 100% !important;
}

.custom-multi-select-filter + span.select2 {
    width: 100% !important;
}

.discount-type, .cash-discount-type {
    flex: unset !important;
    width: 60px !important;
}

[data-theme="light"] .discount-type, [data-theme="light"] .cash-discount-type {
    background-color: #f5f8fa;
}


.task_btn {
  padding: 15px 26px;
  position: relative;
  display: inline-block;
}

.task_btn .badge {
    position: absolute;
    top: -16px;
    right: -16px;
    box-sizing: border-box;
    appearance: none;
    border: none;
    background-color: var(--ds-background-danger-bold, #DE350B);
    padding-inline: var(--ds-space-075, 6px);
    border-radius: var(--ds-border-radius-200, 8px);
    display: inline-flex;
    block-size: min-content;
}

.room-objects .object-extra div {
    border: 1px solid whitesmoke; padding: 0.2em 1em 0.2em 0.5em; border-radius: 10px;background-color: #fff;
}

.room-objects .object-extra div.visibility-hidden {
    visibility: hidden;
}

.flex-1 {
    flex: 1;
}

.room-counter-container {
    width: 100px !important;
    border-radius: 12px;
    background-color: whitesmoke !important;
    border: none !important;
    margin-top: 3px;
}

.room-counter-container input {
    border: transparent;
    background-color: transparent;
    outline: none !important;
}

.room-counter-container input:focus {
    outline: none !important;
    border: none !important;
}

.room-counter-container .room-counter-plus, .room-counter-container .room-counter-minus {
    cursor: pointer;
}

.room-counter-container.invisible {
    /* visibility: hidden !important; */
    opacity: 0 !important;
}

.item-thumbnail .checkloc {
    cursor: pointer !important;
}

.mb--point-5 {
    margin-bottom: -0.5rem !important;
}

.field-icon {
    color: var(--kt-primary) !important;
}

.volume-summary {
    min-width: 335px;
    margin-bottom: 7px;
}

.summary-wrapper {
    border-radius: 7px;
    padding: 0.5em;
    background: whitesmoke;
}

.summary-grid-container-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 70%;
    align-content: center;
}

.summary-grid-container-2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    width: 20%;
    align-content: center;
}

.summary-grid-item {
    height: fit-content;
}

.add-room-button {
    padding-bottom: 16px;
    padding-top: 5px;
    height: 100%;
}

.room-list-sub-container {
    overflow-x: scroll; 
    margin-left: 5px; 
    margin-right: 5px;
    padding-bottom: 16px;
    padding-top: 5px;
}

.room-selection {
    display: grid;
    padding-bottom: 5px;
    grid-template-columns: repeat(5, 1fr) auto;
}

.btn-delete-room {
    border-radius: 5px;
    width: fit-content;
    padding: 10px !important;
    margin: 0px !important;
}

.room-selection.sticky {
    top: 175px;
}

/* .object-lists-top.sticky {
    top: 240px;
} */

/* Only for ipad and small laptops */
@media only screen and (min-device-width: 600px) and (max-device-width: 1248px) {
    .for-mobile { 
        display: none;
    }
    .for-desktop { 
        display: none;
    }

/* 
    #list_dt_viewing_appointments thead tr th,
    #list_dt_viewing_appointments tbody tr td,
    #list_dt_viewing_appointments tbody tr td a.btn,
    #list_dt_viewing_appointments tbody tr td.dtr-control,
    #list_dt_viewing_appointments tbody tr td span.label-status {
        width: auto !important;
        padding: 2px !important;
        min-width: auto !important;
        text-align: center !important;
    }

    #list_dt_viewing_appointments thead tr th.d-flex {
        display: table-cell !important;
    }
*/

    #list_dt_viewing_appointments .dtr-data br {
        display: none !important;
    }

    #list_dt_viewing_appointments .dtr-data span {
        margin-right: 5px !important;
    }

    /* .room-content-container .handle-counter {
        flex-direction: column-reverse !important;
    } */
    
    .room-content-container .object-quantity {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .room-content-container .object-icon {
        font-size: large !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    /* .room-content-container .object-title {
        font-size: larger !important;
    } */

    .app-vapps-list-container .card-toolbar .btn {
        padding: 10px !important;
    }

    .swal-width-xl {
        width: 90% !important;
    }

    .menu-item {
        padding: .50rem !important;
        font-size: larger !important;
    }

    #kt_app_content_container, .app-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
        overflow-x: hidden;
    }

    .tablinks {
        max-height: 50px !important;
        font-size: larger !important;
    }

    .tablinks-text {
        display: none !important;
    }

    .tablinks.btn-delete-room {
        padding-left: 5px;
        padding-right: 5px;
    }

    .card .card-body {
        padding: 5px !important;
    }

    /* #kt_app_toolbar_container {
        display: none !important;
    } */

    .summary-grid-container-1 {
        grid-template-columns: repeat(4, 1fr);
    }
    .summary-grid-container-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .moving-list-navigation button {
        padding: 5px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .customer-section-responsive {
        display: flex;
        flex-direction: column;
    }

    .customer-section-responsive > div {
        width: 100%
    }

    .rooms-list-wrapper {
        justify-content: end !important;
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .rooms-list-wrapper,
    .rooms-list-container,
    .add-room-button {
        margin: 0px !important;
    }

    .room-list-sub-container {
        padding-bottom: 5px;
    }

    .rooms-list-container.sticky {
        position: fixed !important;
        top: 35px !important;
        left: 0px !important;
        width: 100% !important;
        padding: 0px !important;
        padding-top: 7px !important;
    }

    .room-selection.sticky {
        padding-top: 20px !important;
        position: fixed !important;
        top: 100px !important;
        left: 0px !important;
    }

    .object-lists-top.sticky {
        position: fixed !important;
        top: 140px !important;
        left: 0px !important;
    }

    .object-row.header {
        margin-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .room-icons {
        margin-bottom: 5px !important;
    }

    .add-room-button {
        right: 0px !important;
        height: 65px !important;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .room-list-sub-container {
        padding-bottom: 5px;
    }

    .volume-summary {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .volume-summary.sticky {
        position: fixed;
        top: 0px !important;
        left: 0px !important;
        width: 100%;
        z-index: 1000;
    }

    .add-room-btn, 
    .add_room, 
    .rooms-list-container .button-rooms-icon button,
    .room-selection .tablinks {
        padding: 4px !important;
        height: -webkit-fill-available !important;
    }

    .object-row .container-left {
        padding: 0px;
    }

    .tabcontent.object .container-left .action-btn {
        text-align: center;
        width: 35px !important;
        font-size: large !important;
    }

    .handle-counter input {
        width: 25px !important;
    }

    .input-group.tiny {
        flex-wrap: nowrap !important;
        width: 77px !important;
    }

    .input-group.tiny .form-control {
        width: 40px !important;
        padding: 2px !important;
    }

    div.viewing-appointment tr th.hide-col, 
    div.viewing-appointment tr td.hide-col {
        min-width: 0px !important;
        display: none !important;
    }
    
    div.viewing-appointment tr td div.d-flex,
    div.viewing-appointment tr.offer-product-tr .input-group {
        flex-wrap: nowrap !important;
    }

    div.viewing-appointment tr.offer-product-tr .input-group input {
        min-width: 60px !important;
    }

    div.viewing-appointment .min-w-80px
    div.viewing-appointment .min-w-100px,
    div.viewing-appointment .min-w-150px,
    div.viewing-appointment .mw-150px {
       min-width: unset !important;
    }

    div.viewing-appointment select.w-100px,
    div.viewing-appointment .input-group.w-130px {
        width: 60px !important;
    }

    div.viewing-appointment tr.offer-product-tr input.min-w-100px {
        min-width: 55px !important;
    }

    div.viewing-appointment tr.offer-product-tr input.form-control {
        padding: 4px !important;
    }

    div.viewing-appointment tr.offer-product-tr td.hours_position_line input.form-control {
        width: 40px !important;
        min-width: 40px !important;
    }

    div.viewing-appointment tr.offer-product-tr input.or_packing_cost {
        min-width: 100px !important;
    }

    .common_dates_comment {
        min-height: 50px !important;
    }

    .moving-list-navigation {
        padding-bottom: 20px !important;
    }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1248px) {
    .object-lists-top.sticky {
        top: 167px !important;
    }

    #kt_app_content_container, .app-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 992px) {
    .for-desktop { 
        display: none !important;
    }
}
 
.search-input-field {
    height: 56px !important;
}

.h-100-percentage {
    height: 100%;
}

.resource-image{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.sidebar-spinner {
    margin-top: 50% !important;
}

.min-w-130 {
    min-width: 130px;
}

.form-control.not-editable, .form-select.not-editable {
    pointer-events: none !important;
}

[data-theme="light"] .form-control.not-editable, .form-select.not-editable {
    background-color: whitesmoke !important;
}

.accordion-custom .accordion-button:not(.collapsed) {
    background-color: #ffffff;
}

.accordion-custom .accordion-item {
    border: none;
}

.accordion-custom .accordion-header .accordion-button, .accordion-custom .accordion-body {
    padding-left: 0;
}

.pr-2 {
    padding-right: 0.5rem;
}

.accordion-custom .accordion-button {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-custom .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23A1A5B7"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
    background-size: 9px;
}

.accordion-custom .accordion-button:not(.collapsed) {
    color: var(--kt-success);
}

.accordion-custom .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2350cd89'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 15px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
    max-height: 700px;
    overflow-y: auto;
}

@media (min-width: 992px) {
    [data-kt-app-sidebar-fixed=true] .app-sidebar-right {
        position: fixed;
        z-index: 99;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
    }
}

.progress-bar-success {
    background-color: var(--kt-primary-active);
}

.progress-bar-danger {
    background-color: #e83d3d;
}

#progress-detail .progress-greetings {
    padding: 10px !important;
}

#progress-detail .status-color {
    position: relative;
    display: inline-block;
    top: 0%;
    margin-top: 0px;
    vertical-align: text-top;
}

#progress-detail .progress-warnings {
    text-align: left !important;
}

#progress-detail ul {
    list-style-type: none;
    margin-left: -40px;
}

#progress-detail ul li:first-child {
    border-top: 2px solid #f0f1f4;
}

#progress-detail ul li {
    border-bottom: 2px solid #f0f1f4;
    padding: 5px 5px 5px 10px;
}

.status-completed {
    background-color: var(--kt-primary-active);
}

.status-active {
    background-color: #f5a623;
}

.status-color {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}


.price-api-box {
    position: absolute;
    bottom: 45px;
    /* background-color: #f5f8fa; */
    /* padding: 7px; */
    width: 100%;
    text-align: center;
    font-weight: bold;
    /* border-radius: 0.475rem !important; */
}

.price-api-box input {
    height: 35px;
}

.price-api-box span.input-group-text {
    height: 35px;
}


.table-hideable th, .table-hideable td {
    width: auto;
    transition: width .5s, margin .5s;
}


.hide-col {
    width: 0px !important;
    height: 0px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

.panel-detail-list .image-circle {
    width: 60px;
    height: 60px;
/*    position: absolute;*/
 position: relative;
    top: 50%;
    left: 0;
/*    margin-top: -30px;*/
    cursor: pointer;
} 



.panel-detail-list .image-circle span {
    padding-top: 18px;
}
.image-circle span, .selected-all .no-selected .image-circle span {
    display: block;
}

.image-circle .icon, .selected-all .no-selected .image-circle .icon {
    display: none;
}

.image-circle, li.selected .image-circle {
    background-color: var(--kt-primary-active);
    color: #fff;
}

.image-circle{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.image-circle, .selected-all .no-selected .image-circle {
    background-color: #ececec;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    color: #3e2b2e;
}

.sp-inactive-overlay {
    background: #bcbcbc;
}

.sp-leave-overlay{
    background: #EFA26A;
    opacity: 0.4;
}

.resources_row {
    border-bottom: 2px solid #f0f1f4;
}

.sp-overlay-text {
    white-space: normal;
    font-size: 20px;
    font-family: 'fs_joeybold';
    color: #ffffff;
    text-transform: capitalize;
    line-height: 20px;
}

/*#resources_section{
    max-height: 500px;
    overflow: auto;
}*/



.availibility-widget .resource .profile-picture {
    padding: 0px;
}

.availibility-widget .resource.available .profile-picture, .availibility-widget .vehicle.available .icon {
    border: 3px solid var(--kt-success);
}

.availibility-widget .resource.not-available .profile-picture, .availibility-widget .vehicle.not-available .icon {
    border: 3px solid var(--kt-danger);
}

.availibility-widget .resource.has-exception .profile-picture, .availibility-widget .vehicle.has-exception .icon {
    border: 3px solid var(--kt-dark);
}

.availibility-widget .vehicle .icon {
    padding: 1px;
}

.availibility-widget .vehicle .icon i {
    font-size: 18px;
}

.availibility-widget .vehicle.available .badge {
    border: 1px dashed var(--kt-success);
    background-color: var(--kt-success-light);
    color: var(--kt-success);
}

.availibility-widget .vehicle.not-available .badge {
    border: 1px dashed var(--kt-danger);
    background-color: var(--kt-danger-light);
    color: var(--kt-danger);
}

input.with-border {
    border: 1px solid var(--kt-input-border-color) !important;
    width: 50px !important;
    background-color: #ffffff !important;
    padding: 5px !important;
    border-radius: 4px !important;
}

.added_room .room-quantity {
    vertical-align: text-bottom;
}

.kbw-signature {
    border: none !important;
    /* border-bottom: 3px solid #a0a0a0 !important;
    box-shadow: var(--kt-card-box-shadow); */
}

/* wysihtml5 css */
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li.active:hover>a, .dropdown-menu>li.active>a, .dropdown-menu>li:hover>a {
    text-decoration: none;
    background-image: none;
    background-color: #f6f6f6;
    color: #555;
    filter: none;
}

[data-theme="light"] .wysihtml5-toolbar {
    background-color: #f5f8fa;
}

.wysihtml5-toolbar {
    border-radius: 6.175px;
    margin-bottom: 1px !important;
    padding: 5px !important;
}

.wysihtml5-toolbar li {
    margin: 0;
}

[data-theme="light"] .wysihtml5-toolbar li {
    background-color: #ffffff;
}

ul.wysihtml5-toolbar > li {
    margin: 0 2px 1px 0 !important;
    border-radius: 5px;
}

.wysihtml5-toolbar li .btn-group .btn.default {
    border: 1px solid whitesmoke !important;
}
/* wysihtml5 css */

.order-status-menu-sub-dropdown.menu.show, .order-status-menu-sub-dropdown.show[data-popper-placement], .show.menu-dropdown>.order-status-menu-sub-dropdown {
    max-height: 400px;
    overflow-y: auto;
}

.bg-app-bg {
    background-color: var(--kt-app-bg-color);
}

.modal-content.bg-app-bg {
    background-color: #fff !important;
}

.toggle_drawer_for_availability_calendar {
    color: var(--kt-primary-active);
}

/* .product_unit_price {
    border-top-left-radius: 0.475rem !important;
    border-bottom-left-radius: 0.475rem !important;
} */

.mb-0 {
    margin-bottom: 0 !important;
}

.b-top-bottom-left-radius {
    border-top-left-radius: 0.475rem !important;
    border-bottom-left-radius: 0.475rem !important;
}

.text-green{
    color: var(--kt-text-primary);
}

.revenue_h1_text{
    font-size: 40px;
}

.neg-percentage {
    color: #e83d3d;
}

.pos-percentage {
    color: var(--kt-primary-active);
}
#accordion_resources_and_team .accordion-header, #accordion_sp_services .accordion-header {
    border-bottom: 1px solid #f5f5f5;
    max-height: 50px;
    padding: 8px 1.5rem;
    justify-content: space-between;
}

[data-theme="light"] .bg-light-blue {
    background-color: #f1faff !important;
}

.services-list {
    /* max-height: 500px; */
    overflow-y: auto;
}

/* .resources_and_team_table .input-group-text {
    min-width: 60px;
} */

.resources_and_team_table .input-group .input-group-text, .offer-real-volumes-section .input-group .input-group-text {
    width: 20%;
    display: block;
}

.resources_and_team_table btn i {
        padding-right: 0rem;
}

.resources_and_team_table .input-group .bg-light-blue, .resources_and_team_table .input-group input {
    width: 40%;
}

.address-group-box:nth-child(1) {
    margin-top: 1em;
    margin-bottom: 1em;
}

.custom-padding-position {
    padding: 0.5rem 0.2rem 0.5em 0.2em !important;
}

.custom-card-padding {
    padding: 7px 1rem;
}

.custom-modal-without-overlay {
    top: 0;
    position: absolute;
    display: none;
    background-color: #ffffff;
    z-index: 9999;
    width: 500px;
    padding: 1.25rem;
    padding-top: 0.10rem;
    -moz-box-shadow: 0 0 10px #cbc3c3;
    -webkit-box-shadow: 0 0 10px #cbc3c3;
    box-shadow: 0 0 10px #cbc3c3;
    border-radius: 4px !important;
}

#offer-positions-tbl tr td:nth-child(5) select {
    width: 90px !important;
}

.copy_moving_list_later{
    color: white !important;
}

.iti {
    display: block !important;
}

.button-rooms-icon active, .item-type-block-body .item-thumbnail.active, .button-rooms-icon .btn.active, .step-current, .step-completed {
    background-color: var(--ci-brand-background-color) !important;
    color: var(--ci-brand-font-color) !important;
}

#customer_dsa_info_picker .form-check-custom input[type="checkbox"] {
    margin-top: -15px !important;
}

.table-hover tr:hover {
    cursor: pointer;
}

#ac_component_task_info table {
    font-size: small;
}

.vehicle_second_section{
    border-left: 1px solid #f1f3f6;
}

.app-border-bottom {
    border-bottom: 1px solid var(--kt-card-border-color);
}

.moving {
    border: 2px dotted var(--kt-warning);
}

.w-max-content {
    width: max-content !important;
}

[data-theme="light"] .bg-mandatory-field {
    background-color: rgba(255, 255, 224, 0.5) !important;
}

[data-theme="dark"] .bg-mandatory-field {
    background-color: rgb(84 64 62 / 50%) !important;
}

[data-theme="light"] .dropzone {
    background: #fff !important;
}

[data-theme="dark"] .dropzone {
    background: transparent !important;
}

[data-theme="dark"] .btn-check:active+.btn.btn-active-light-primary, 
[data-theme="dark"] .btn-check:checked+.btn.btn-active-light-primary, 
[data-theme="dark"] .btn.btn-active-light-primary.active, 
[data-theme="dark"] .btn.btn-active-light-primary.show, 
[data-theme="dark"] .btn.btn-active-light-primary:active:not(.btn-active), 
[data-theme="dark"] .btn.btn-active-light-primary:focus:not(.btn-active), 
[data-theme="dark"] .btn.btn-active-light-primary:hover:not(.btn-active), 
[data-theme="dark"] .show>.btn.btn-active-light-primary {
    background-color: var(--bs-btn-active-bg) !important;
}

.tel-input-customer-section .iti {
    width: calc(100% - 35px);
}

.tel-input-customer-section .iti input[type="text"] {
    border-top-right-radius: 0;border-bottom-right-radius: 0;
}

div.with-only-services .object-title {
    cursor: pointer;
}

div.drawer .svg-icon.close, div.modal .svg-icon.close {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

[data-theme="dark"] div.drawer .svg-icon.close, [data-theme="dark"] div.modal .svg-icon.close {
    color: #FFF !important;
}

div.drawer .svg-icon.svg-icon-1.close svg, div.modal .svg-icon.svg-icon-1.close svg {
    height: 2rem!important;
    width: 2rem!important;
}

div.drawer .svg-icon.svg-icon-1.close svg rect, div.modal .svg-icon.svg-icon-1.close svg rect {
    opacity: 1 !important;
}

div.modal i.fa-close {
    font-weight: bold !important;
    font-size: 20px !important;
}

.sp-services-tabs .nav-item .nav-link.active .service-name {
    display: inline-block;
    color: var(--kt-text-success) !important;
}

.sp-services-tabs .nav-item .nav-link:not(.active) .service-name, .sp-snippets-tabs .nav-item .nav-link:not(.active) .service-name {
    display: none;
}

.form-select.not-editable {
    background-image: none;
}

@media (min-width: 576px) {
    #send-email-modal .modal-dialog {
        max-width: 90%;
    }
}

ul.wysihtml5-toolbar li.dropdown:hover ul.dropdown-menu{ display: block; }

.bg-color-brand {
    background-color: var(--ci-brand-background-color) !important;
}

.text-color-brand {
    color: var(--ci-brand-font-color) !important;
}

.table tr.header-line {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.table tr.header-line.title {
    font-size: 16px !important;
}

.table tr.header-line.title th, .table tr.header-line.title td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nav_top_search_input{
    border-bottom: 1px solid #f2f4f7 !important;
}

.og-field {
    border-color: transparent;
    outline: none;
    width: inherit;
    color: #000000;
    pointer-events: none;
    min-width: 60px !important;
    padding-left: 0.5rem!important;
    border-top-left-radius: .475rem;
    border-bottom-left-radius: .475rem;
    border: 1px solid var(--kt-input-group-addon-border-color);
}

#kt_drawer_sp_services .services-list tr.service-line-end {
    border-bottom: 1px solid whitesmoke !important;
}

[data-theme="light"] .bg-positions-gray {
    background-color: #f1f1f1;
}

.offer-action-sidebar-panel .menu-link.top-level-menu {
    padding: 6px 0px 6px 12px;
    line-height: 16px;
}

.bg-green {
    background-color: var(--kt-primary) !important;
}

.bg-green .card-title, .bg-green .card-title i.fa-duotone, .bg-green .card-title i.fa-kit, .bg-green .card-toolbar .form-check-custom span {
    color: #FFF !important;
}

.mark_section_completed i, .mark_section_completed i:hover, .mark_section_locked i, .mark_section_locked i:hover {
    color: #000;
}

.move_details_timeline .timeline {
    position: relative;
    margin: 50px 0 0 0;
  }
  
/* .move_details_timeline .timeline-item {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
  } */
  
.move_details_timeline .timeline-item-right .timeline-content {
    text-align: right;
  }
  
.move_details_timeline .timeline-point {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #66baf5;
    border-radius: 50%;
    z-index: 1;
  }

  .move_details_timeline .timeline-point-middle {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #66baf5;
    border-radius: 50%;
    z-index: 1;
  }

  .move_details_timeline .timeline-point-end {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #66baf5;
    border-radius: 50%;
    z-index: 1;
  }
  
  .move_details_timeline .timeline-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    border-left: 2px solid #66baf5;
  }

  .move_details_timeline .timeline-item:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 50%;
    border-left: 2px solid #66baf5;
  }
  
  .move_details_timeline .timeline-content {
    padding: 20px;
    text-align: center;
  }
  
  .move_details_timeline .timeline-content h2 {
    font-size: 24px;
    margin-top: 0;
  }
  
  .move_details_timeline .timeline-content p {
    margin-bottom: 0;
  }
  
  .move_details_timeline .timeline-content .date {
    display: block;
    margin-top: 10px;
    font-style: italic;
  }

  .move_details_timeline .timeline-content.timeline-item-right {
    text-align: right;
  }
  
  /* Media Queries */
  
  @media (max-width: 768px) {
    .move_details_timeline .timeline-item {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
  
    .move_details_timeline .timeline-point {
      width: 8px;
      height: 8px;
    }
  
    .move_details_timeline .timeline-content {
      padding: 10px;
    }
  
    .move_details_timeline .timeline-content h2 {
      font-size: 18px;
    }
  }
  
  @media (max-width: 480px) {
    .move_details_timeline .timeline-item {
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
  
    .move_details_timeline .timeline-point {
      width: 6px;
      height: 6px;
    }
  
    .move_details_timeline .timeline-content {
      padding: 5px;
    }
  
    .move_details_timeline .timeline-content h2 {
      font-size: 16px;
    }
  }

  .placeholders .badge {
    cursor: grab;
  }

  .offer-allocated-assets-container {
    position: sticky !important;
    top: 60px !important;
    z-index: 9999999 !important;
  }

  .quote_price_input{
    display:flex;
  }

  .quote_price_sign{
    margin: auto;padding-right: 5px;  
  }

  #invoice_positions-section.closed {
    pointer-events: none;
  }
  .answer-timline-section{
    max-height: 400px;overflow: auto;
  }
  
  .text-black {
    color: #000000 !important;
  }

  .fs-15px {
    font-size: 15px !important;
  }

  .offer-action-sidebar-panel.blockarea {
    opacity: 0.5;
  }
  
  table.table-no-padding td, table.table-no-padding th {
    padding: 0px !important;
    padding-bottom: 2px !important;
  }

  .badge-not-assigned {
    background-color: #bfbfbf !important;
  }

  .ui-timepicker-standard {
    z-index: 9999 !important;
  }

  /* .rotate-180 {
    transform: rotate(180deg);
  } */

  .object-lists-top .btn-delete-room {
    padding-top: 0px !important;
    font-size: 20px !important;
  }

  .drawer-overlay {
    background-color: unset;
  }

  /* .tabcontent.object .object-lists-content {
    max-height: 400px;
    overflow: auto;
  } */

  /* .tabcontent.object.module-moving-list .object-lists-content {
    max-height: 750px;
    overflow: auto;
  }

  .module-moving-list .object-lists-top {
    top: 0px !important;
  } */

  .text-color-success {
     color: var(--kt-success);
  }

  .btn-check:checked+.btn.solid-checkbox.btn-active-light-primary {
    border: 1px solid;
  }

  .task-comments .btn-sm {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .task-comments .comments-list {
    max-height: 350px !important;
    overflow: auto;
  }

  .task-history .task-history-log-list {
    max-height: 350px !important;
    overflow-x: hidden;
  }

  .snippet-container {
    position: relative;
  }

  .add-snippet-button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: var(--kt-primary)
  }

  .remove-img-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
  .no-form-control {
    background-color: transparent;
    border-color: transparent;
    outline: none !important;
  }

  .no-form-control:focus {
    background-color: transparent;
    border-color: transparent;
    outline: none !important;
  }

  .form-control.not-editable.no-form-control, .form-select.not-editable.no-form-control {
    background-color: transparent !important;
  }

  select.no-arrow {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    padding-right: 1em;
    background: url("path/to/custom-background.png") no-repeat right center;
    background-size: 20px;
    background-position: right 10px center;
  }

  select.no-arrow::-ms-expand {
    display: none;
  }

[data-theme="light"] #working-paper-services-container .thead, #network-request-services-container .thead {
    background-color: #7e7e7e !important;
    color: #ffffff !important;
}

[data-theme="light"] #working-paper-services-container tr.offer-product-tr, #network-request-services-container tr.offer-product-tr {
    background-color: #f1f1f1;
}

#working-paper-services-container tr.offer-product-tr input, 
#working-paper-services-container tr.offer-product-tr select, 
#working-paper-services-container tr.offer-product-tr .input-group .input-group-text,
#network-request-services-container tr.offer-product-tr input, 
#network-request-services-container tr.offer-product-tr select, 
#network-request-services-container tr.offer-product-tr .input-group .input-group-text {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

#working-paper-services-container tr.product_additional_info textarea, #network-request-services-container tr.product_additional_info textarea {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    font-size: 12px !important;
    border-radius: 0px;
    min-height: unset !important;
}

#working-paper-services-container tr.offer-product-tr .remove-offer-item i,
#working-paper-services-container tr.offer-product-tr .remove-offer-working-paper-item i
#network-request-services-container tr.offer-product-tr .remove-offer-item i {
    color: #000000 !important;
    background-color: transparent !important;
}

#working-paper-services-container tr.offer-product-tr .remove-offer-item, 
#working-paper-services-container tr.offer-product-tr .remove-offer-working-paper-item, 
#network-request-services-container tr.offer-product-tr .remove-offer-item {
    font-size: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 16px !important;
    background-color: transparent !important;
}

.task_icon {
    margin-right: 5px;
}

.min-w-80{
min-width:80% !important;
}

.min-w-20{
min-width:20% !important;
}

.btn-light-primary-border{
border: 1px solid var(--kt-primary) !important;  
}
  
.toolbar-action-btns .select2-container--bootstrap5 {
    width: 100% !important;
}

.resource-hover-info {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 250px;
    margin-top: 20px;
    left: -10px !important;
}

/* .resource-info-on-popover:hover .resource-hover-info {
    display: block;
} */

.resource-hover-info .card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.resource-hover-info .card .qualifications {
    font-weight: bold;
}

.resource-hover-info .card .licenses {
    color: darkgrey;
}

.highlighted {
    background-color: yellow;
    font-weight: bold;
}

.checkbox-button {
    display: inline-block;
    margin-right: 10px;
}

.checkbox-button input[type="checkbox"] {
    display: none;
}

.checkbox-button label {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
}

.checkbox-button input[type="checkbox"]:checked + label {
    background-color: var(--kt-primary);
    color: #fff;
    border-color: var(--kt-primary);
}

.checkbox-button input[type="checkbox"]:checked + label a {
    color: #fff;
}

.planning-board-add-task-accordion .accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
    color: #262626 !important;
}

.pb-add-task.services-list {
    display: flex;
    flex-wrap: wrap;
}

.pb-add-task.services-list li {
    width: 50%;
}
  
/* Clear the default search icon */
.search-box::-webkit-search-decoration,
.search-box::-webkit-search-cancel-button,
.search-box::-webkit-search-results-button,
.search-box::-webkit-search-results-decoration {
    display: none;
}

.clear-field {
    /* padding: 1.1rem 0.78rem; */
    color: #000000;
    /* margin-left: 93%; */
    cursor: pointer;
}

.clear-field.quick-moving-list-calculation {
    margin-left: 89% !important;
}

#ac_component_task_info .send_customer_email_link i {
    color: #ffffff !important;
}

/* week-data-container */

.week-data-container .card .card-body {
    padding: 0.5rem 0.5rem !important;
}

.week-data-container .card .card-header {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 0.75rem !important;
}

.week-data-container .table>:not(caption)>*>* {
    padding: 0.3rem 0.3rem !important;
}

.week-data-container .tfoot {
    border-top: 2px solid whitesmoke !important;
}

.color-white{
    color: white !important;
}

.week-data-container .tfoot {
    border-top: 2px solid whitesmoke !important;
}

.pd-l-2{
    padding-left: 2em !important;    
}

.app-sidebar-right {
    width: 263px;
    background-color: #ffffff;
}

[data-kt-app-layout=light-sidebar] .app-sidebar-right .menu {
    font-weight: 500;
}

[data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: var(--kt-gray-500);
}

[data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=light-sidebar] .app-sidebar-right .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--kt-gray-900);
}

.fc-day-sun{
    display: none;
}

.max-w-100px {
    max-width: 80px;
}

.min-w-380px {
    min-width: 380px !important;
}

.availability-widget-toggler {
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.availability-widget-filters {
    position: absolute;
    right: 35px;
    cursor: pointer;
}

.availability-filters-container {
    top: 35px;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.symbol.symbol-35px>img {
    width: 35px;
    height: 35px;
}

.with-vertical-divider {
    position: relative;
    padding-right: 20px;
}

.with-vertical-divider::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #efefef;
}

.grey-hz-devider {
    color: #e1e1e1 !important;
}

.sticky-thead {
  position: sticky;
  top: 70px;
  z-index: 1;
}

.sp-pricing-table-sticky-thead {
  position: sticky;
  top: 150px;
  z-index: 10;
}

.sp-online-packaging-table-sticky-thead {
  position: sticky;
  top: 70px;
  z-index: 10;
}

[data-theme="light"] .sticky-thead {
    background-color: #ffffff;
}

[data-theme="dark"] .sticky-thead {
    background-color: #000;
}

@media (max-width: 1024px) {
  .sticky-thead {
    position: static;
  }
}

.sticky-drawer-movinglist {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 9;
}

.sticky-drawer-movinglist-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 9;
}

/* #kt_drawer_quick_movinglist_calculation{
    box-shadow: -10px 0px 15px -5px rgba(0, 0, 0, 0.75);
} */

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(230 230 230) !important;
}

#outlook_event_show_modal {
    z-index: 2000 !important;
}

/* Toastr css */
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  /* END Toastr css */

  /* Task lifecycle CSS */
  .horizontal-task-lifecycle-timeline {
    display: flex;
    align-items: flex-end;
    border-top: 1px solid #ccc;
    position: relative;
    margin-bottom: 1em;
   }

   .horizontal-task-lifecycle-timeline .ht-timeline-item {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
   }

   .horizontal-task-lifecycle-timeline .ht-timeline-time {
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    bottom: -1.5em;
    left: 0px;
    width: 100%;
    color: #000000 !important;
   }

   .horizontal-task-lifecycle-timeline .ht-timeline-item:first-child .ht-timeline-time {
    left: 0;
   }

   .horizontal-task-lifecycle-timeline .ht-timeline-label {
    width: 100%;
    text-align: center;
   }

   .ht-timeline-end-time {
    position: absolute;
    right: 0;
    bottom: -1.5em;
    font-size: 12px;
    font-weight: 600;
}

.horizontal-task-lifecycle-timeline .ht-timeline-item:first-child .ht-timeline-time, .horizontal-task-lifecycle-timeline .ht-timeline-item .ht-timeline-end-time {
    display: none;
}

  /* End task lifecycle css */

  .message_icon {
    color: #50cd89 !important;
    font-size: 24px !important;
    cursor: pointer;
  }

  .common_address_port_picker {
    padding: 7px;padding-right: 35px;
  }

  .max-w-120px {
    max-width: 120px;
  }

  .w-130px {
    width: 130px;
  }

  .hover-scroll-overlay-y, .hover-scroll-y {
    overflow-y: overlay !important;
}

.dropzone.source .dz-progress, .dropzone.destination .dz-progress {
    /* progress bar covers file name */
    display: none !important;
}

.sticky-top {
    position: sticky;
    top: 0px;
    z-index: 9;
    background-color: var(--kt-app-bg-color);
}

.network-hide{
    display: none !important;
}

[data-theme="light"] .request-language_section {
    background-color:white;
}

.request-language_section{
    padding: 5px;
    border-radius: 5px;    
}

.setting-sidebar{
    overflow: scroll;
    height: 90vh;
}

.w-130px {
    width: 130px;
}

[data-theme="light"] .bg-white{
    background-color:white !important;
}

[data-theme="dark"] .bg-white{
    background-color: transparent !important;
}

.toolbar-action-btns .input-group .input-group-text {
    border: none;
}

[data-theme="dark"] #kt_app_right_sidebar_menu_wrapper {
    background-color: var(--bs-body-bg);
}

[data-theme="dark"] .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: var(--kt-primary-dark);
}

[data-theme="dark"] body,
[data-theme="dark"] p,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] a,
[data-theme="dark"] label,
[data-theme="dark"] .text-white {
    color: #ffffff; 
}

[data-theme="dark"] .date-block,
[data-theme="dark"] .time-sch-selected-button {
    color: black !important; 
}

[data-theme="dark"] .time-sch-time-button{
    background-color: white;
    color: black !important;
}

[data-theme="dark"] .accordion-custom .accordion-button:not(.collapsed) {
    background-color: #1e1e2d;
}

[data-theme="dark"] .iti__country-list {
    background-color: #151521;
    border: 1px solid #151521;
}

/*[data-theme="dark"] .text-muted{
    color: white !important;
}*/

[data-theme="dark"] table td {
    color: white;
}

[data-theme="dark"] .menu-item .menu-link {
    color: white;
}

[data-theme="dark"] {
    color: white !important;
}

[data-theme="dark"] .text-gray-600{
    color: white !important;
} 

[data-theme="dark"] .menu-title-gray-700 .menu-item .menu-link .menu-title{
    color: white !important;
} 

[data-theme="dark"] .menu-icon-gray-700 .menu-item .menu-link .menu-icon,
[data-theme="dark"] .menu-icon-gray-700 .menu-item .menu-link .menu-icon .svg-icon,
[data-theme="dark"] .menu-icon-gray-700 .menu-item .menu-link .menu-icon i {
    color: white !important;
} 

[data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select,[data-theme="dark"] .input-group-text,[data-theme="dark"] .select2-selection__rendered,[data-theme="dark"] .select2-results__option {
    color: white !important;
}

.fc .fc-timegrid-axis-cushion {
    max-width: fit-content;
}

.timelines-widgets-container.d-flex .row .card:first-child {
    min-width: 220px !important;
}

.kbw-signature canvas {
    border-radius: 20px;
    border: 1px solid var(--kt-input-border-color);
}

@media screen and (max-width: 768px) {
   .mx-width-table-column-80 {
        max-width: 80px !important;
    }

    .mx-width-table-column-110 {
        max-width: 110px !important;
    }

    .mx-width-table-column-left{
        text-align: left !important;
    }

    #list_dt_offers_wrapper .label-status, #list_dt_orders_wrapper .label-status{
        font-size: 0.6em;
    }

    #storage_invoices_tbl .label-status{
        font-size: 0.6em;
    }

    /*.offer-action-sidebar-panel{
        margin-top: 10px;
    }*/
}

input[name="position_suggested_value[]"] {
    cursor: pointer;
}

.flatpickr-weeks .flatpickr-day{
    color: var(--kt-gray-600) !important;
}

table .dtr-details{
    padding: 0 2.25rem !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
    font-weight: bold !important;
    padding-right: 10px !important;
}

.app-custom-toastr-notification {
    padding: 5px !important;
}

.app-custom-toastr-notification .toastr {
    width: 100% !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.app-custom-toastr-notification .toastr {
    background-color: #77a2c9 !important;
}

[data-theme="dark"] .pac-item {
    background-color: var(--kt-card-bg) !important;
}

[data-theme="dark"] .nav-tabs {
    background-color: var(--kt-card-bg) !important;
}

[data-theme="dark"] .quick_btn {
    background-color: var(--kt-success-light) !important;
}

[data-theme="dark"] .app-main {
/*   background-color: var(--bs-body-bg);*/
    background-color: #333333;
}
[data-theme="dark"] .sticky-navigation-bar {
   background-color: var(--bs-body-bg);
}
[data-theme="dark"] .sticky-action-offer-sidebar-bar, [data-theme="dark"] .sticky-action-sidebar-bar {
    background-color: #333333;
}
[data-theme="dark"] .card {
    box-shadow: 0px 0px 4px 1px #504E4E;
}

.js-info-bubble-close{
        height: 18px;
    }

.fc .fc-toolbar-title {
    font-size: 1.2rem !important;
} 

.fc-v-event .fc-event-main {
    line-height: 1.2em !important;
    font-size: 12px !important;
}

.iframe-container {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.pointer-event-none {
    pointer-events: none !important;
}

/* .partially-visible {
    opacity: 0.3 !important;
} */

.w-170px {
    width: 170px!important;
}

.task-logo img {
    max-width: 100px;
    max-height: 30px;
}

.dropzone .dz-preview .dz-details {
    cursor: pointer !important;
}

/* #send-email-modal .attachment_file {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--kt-primary);
    border-radius: 5px;
    cursor: pointer;
} */

.daterangepicker tbody .week {
       border-right: 1px solid #e6e6e6 !important;
   }

/* .quick-movinglist-calculation-container .modal-add-room {
    width: 40%;
    max-width: 40%;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 12%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    backdrop-filter: blur(5px);
  } */

  table.dataTable thead>tr>th.sorting {
    padding-right: 20px !important;
  }
  table.dataTable thead>tr>th.sorting:after {
    top: 40% !important;
    position: absolute !important;
  }

  .common_floor_dropdown .select2-results__options {
    max-height: 300px !important; /* Set your desired max-height */
    overflow-y: auto !important;  /* Add scrollbar if needed */
  }

    .select2-dropdown.common_floor_dropdown ul li {
        padding: 3px 0rem 3px 1rem !important;
    }

    .disabled-area {
        pointer-events: none !important;
        opacity: 0.4;
    }

    #ac_component_task_info .form-check-custom .form-check-label {
        margin-left: 0.2rem !important;
    }

    #ac_component_task_info .form-check:last-child {
        margin-bottom: 5px !important;
    }

    div[data-portal="1"] .menu-icon i {
        color: #3699FF !important; /* Metronic blue color */
    }

@media only screen and (max-width: 767px) {
    .top_5p_space_for_mobile{
        margin-top: 5px !important;
    }

    .top_25p_space_for_mobile{
        margin-top: 25px !important;
    }

    .moving-list-navigation button{
        font-size: 9px !important;
    }

    .menu-sub-indention .menu-title{
        font-size: 11px;
    }


   .sticky-navigation-bar-for-mobile{
        top: 0px !important;
   }

   #kt_app_content_container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}  

[data-theme="dark"] div.modal i.fa-close {
    color: whitesmoke !important;
}

[data-theme="dark"] div.drawer .svg-icon.close, div.modal .svg-icon.close {
    color: whitesmoke !important;
}

[data-theme="light"] div.drawer .svg-icon.close, div.modal .svg-icon.close {
    color: #000000 !important;
}

.packing-spinner input {
    color: #000 !important;
}

[data-theme="dark"] .tabcontent.packing .row-box .packing-material-box {
    border: 1px solid #FFF;
    margin-bottom: 5px;
}

.order-status-full-block {
    width: 100%;
    display: block;
    max-width: 140px;
}

#nav-search-result.row > .col {
    border-right: 1px solid #e9e9e9;
    margin-right: 2em;
}

#nav-search-result.row > .col:last-child {
    border-right: none;
}

.availibility-widget .resource.partially-available .profile-picture, .availibility-widget .vehicle.partially-available .icon {
    border: 3px solid var(--kt-warning);
}

.btn.btn-light-danger {
    border-color: var(--kt-danger) !important;
}

[data-theme="dark"] .btn.btn-light-danger {
    background-color: var(--bs-btn-bg) !important;
}

.badge.badge-blue {
    background-color: blue;
    color: white;
}

.rounded-top-bottom-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.order-popup-comment-section .fs-5 {
    font-size: .95rem !important;
}

.order-popup-comment-section .fs-6 {
    font-size: .85rem !important;
}

.order-popup-comment-section .mt-1 {
    margin-top: 0px !important;
}

.order-popup-comment-section .mb-2 {
    margin-bottom: .2rem !important;
}

.order-popup-comment-section .mt-n1 {
    margin-top: -0.1rem !important;
}

.order-popup-comment-section .mb-5 {
    margin-bottom: 0.35rem !important;
}

.page_toolbar_sticky {
    position: sticky;
    top: 70px;
    z-index: 10;
}

[data-theme="light"] .page_toolbar_sticky {
    background-color: var(--kt-app-bg-color) !important;
}

[data-theme="dark"] .page_toolbar_sticky {
    background-color: black !important;
}

a.disabled-link {
    opacity: 0.50 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.storage-subscription-invoice-status-id-draft {
    background-color: whitesmoke;
    color: gray;
 }
 .storage-subscription-invoice-status-id-active {
    background-color: var(--kt-success);
    color: white;
 }
 .storage-subscription-invoice-status-id-terminated {
    background-color: var(--kt-warning);;
    color: black;
 }
 .storage-subscription-invoice-status-id-inactive {
    background-color: var(--kt-danger);;
    color: white;
 }

 /* Basic styles for the sidebar */
.app-standard-left-sidebar {
    /* width: 250px;
    padding: 10px; */
}

/* Styles for the loading skeleton */
.sidebar-loading-skeleton {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 1em;
}

.sidebar-skeleton-item {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: .5rem 0;
    height: 30px;
    background-color: var(--kt-primary-light-card);
    border-radius: 3px;
    animation: sidebar-skeleton-loading 1.5s infinite;
}

/* Animation for the loading effect */
@keyframes sidebar-skeleton-loading {
    0% {
        background-color: var(--kt-primary-light-card);
    }
    50% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: var(--kt-primary-light-card);
    }
}

/** Styles for multi select select2 placeholder **/

/* For standard browsers */
.select2-container .select2-search__field::placeholder {
    color: var(--kt-form-select-color) !important;
}

/* For Webkit browsers (Chrome, Safari) */
.select2-container .select2-search__field::-webkit-input-placeholder {
    color: var(--kt-form-select-color) !important;
}

/* For Mozilla Firefox */
.select2-container .select2-search__field:-moz-placeholder {
    color: var(--kt-form-select-color) !important;
}

/* For Mozilla Firefox 4 to 18 */
.select2-container .select2-search__field::-moz-placeholder {
    color: var(--kt-form-select-color) !important;
}

/* For Microsoft Internet Explorer 10-11 */
.select2-container .select2-search__field:-ms-input-placeholder {
    color: var(--kt-form-select-color) !important;
}

/** End of styles for multi select select2 placeholder **/

.overflow-wrap-anywhere {
    overflow-wrap: anywhere !important;
}

.hide-f {
    display: none !important;
}

.input-group.tiny .form-control {
    height: 30px;
    padding-left: 8px;
    /* width:60px; */
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.input-group.tiny span {
    padding: 0.6rem 0.5rem !important;
    font-size: 13px;
    height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

input.grey-disabled {
    background-color: var(--kt-secondary)!important;
    pointer-events: none !important;
}

.swal2-container .swal2-html-container {
    max-height: fit-content !important;
}

/* #quick-movinglist-calculation-container .input-group.tiny .form-control {
    width:50px !important;
} */

.filter-lock-element-container {
    display: flex;
    align-items: center; /* Align elements vertically in the center */
}

.filter-lock-icon {
    height: 100%; /* Make it the same height as the container */
    display: flex; /* Flex to center the icon */
    align-items: center; /* Center the icon vertically */
    justify-content: center; /* Center the icon horizontally */
    padding: 0 15px; /* Adjust padding to match your design */
    color: var(--kt-input-group-addon-color); /* Use Bootstrap's input group addon color */
    background-color: var(--kt-input-group-addon-bg); /* Use Bootstrap's input group addon background color */
    border: none; /* Use Bootstrap's input group addon border color */
    border-radius: 0 0.375rem 0.375rem 0; /* Rounded borders for consistent look with Bootstrap inputs */
    cursor: pointer; /* Change cursor to pointer on hover */
}

.min-height-57px {
    min-height: 57px !important;
}

/* New planning board styles */
table.availibility-widget-component-table {
    width: 100%;
    border-collapse: collapse;
}

table.availibility-widget-component-table td {
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: 12px !important;
}

table.availibility-widget-component-table td.category-header {
    cursor: pointer;
    width: 45%;
}

[data-theme="light"] table.availibility-widget-component-table td.category-header {  
    background-color: #e9ecef;
}

table.availibility-widget-component-table td.category-header {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}

table.availibility-widget-component-table tr.persons-list td {
    padding-bottom: 0px;
}

table.availibility-widget-component-table .status-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
}

table.availibility-widget-component-table .status-dot.available {
    background-color: var(--kt-success);
}

table.availibility-widget-component-table .status-dot.partially-available {
    background-color: var(--kt-warning);
}

table.availibility-widget-component-table .status-dot.has-exception {
    background-color: black;
}

table.availibility-widget-component-table .status-dot.not-available {
    background-color: var(--kt-danger);
}

table.availibility-widget-component-table .status-dot.muted {
    background-color: #ffffff;
}

table.availibility-widget-component-table .collapse-icon {
    font-size: 12px;
    margin-right: 8px;
    cursor: pointer;
}

table.availibility-widget-component-table .items-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

table.availibility-widget-component-table .items-list li {
    padding: 0px;
    display: flex;
    align-items: center;
}

table.availibility-widget-component-table .items-list li:not(:last-child) {
    border-bottom: 1px solid #efe8e8;
}

table.availibility-widget-component-table .border-radius-0, table.availibility-widget-component-table .border-radius-0>img {
    border-radius: 0 !important;
}

/* End of new planning board styles */

.ribbon-whitesmoke {
    background-color: whitesmoke !important;
    color: black !important;
    border: 1px solid #dcdcdc !important;
}

.tabcontent.object .container-left .object-actions-container {
    width: 20% !important;
}

.tabcontent.object .container-left .action-btn {
    width: 30px;
}

table.placeholders-module-filter-table tr td {
    padding: 3px;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}

table.placeholders-module-filter-table tr td.active {
    font-weight: 600;
    border: 1px solid #e6e6e6;
    background-color: #e6e6e6;
}

.summary-border-bottom {
    border-bottom: 1px solid #d1d1d1 !important;
}

[data-theme="dark"] .pac-container {
    background-color: #333;
    color: #fff;
}

[data-theme="dark"] .pac-item {
    background-color: #333;
    color: #fff;
}

[data-theme="dark"] .pac-item:hover {
    background-color: #444;
}

[data-theme="dark"] .pac-icon {
    filter: invert(100%);
}

[data-theme="dark"] .pac-item-query {
    color: #b8b8b8;
}

.select2-container--bootstrap5 .select2-selection--single {
    height: calc(3.75rem + 2px);
}

.input-group .iti input[type=text], .form-floating .iti input[type=text], .form-floating .iti input[type=tel] {
    height: calc(3.75rem + 2px);
}

.sticky-action-customer-sidebar-bar {
    top: 80px !important;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

.test-sp-header {
    background-color: rgb(236, 30, 30);
}

.fc-day-sun {
    display: block !important;
}

#send-email-modal .modal-footer {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    padding: 5px 1.75rem;
}

@media (min-width: 992px) {
    .modal-xxxl {
        --bs-modal-width: 80% !important;
    }
}

@media (min-width: 1200px) {
    .modal-xxxl {
        --bs-modal-width: 80% !important;
    }
}

.badge-extra-lg {
    height: 3rem !important;
    width: 3rem !important;
}

/* Ensure buttons have the same height and text size adjusts on smaller screens */
.top-dashboard-action-buttons .btn {
    white-space: nowrap; /* Prevent text wrapping */
    height: 100%;        /* Make buttons fill the available height */
}

@media only screen and (min-width: 950px) and (max-width: 1536px) {
    .top-dashboard-action-buttons .btn {
        font-size: 12px; /* Adjust font size for smaller screens */
        padding: 0.5rem 0.75rem; /* Adjust padding for smaller screens */
    }
}

@media (max-width: 1426px) {
    .top-dashboard-action-buttons .btn {
        font-size: 9px; /* Adjust font size for smaller screens */
        padding: 0.5rem 0.75rem; /* Adjust padding for smaller screens */
    }
}


/* CSS FOR RESPONSIVE CHEVRON ICON */
/* Default chevron-right for collapsed rows */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
   font-family: "Font Awesome 5 Free"; /* FontAwesome Font */
   font-weight: 900; /* Use solid style */
   content: "\f054"; /* Unicode for chevron-right */
   display: inline-block;
   width: 1em;
   text-align: center;
   color: #7e8299; /* Customize the color */
   text-indent: initial !important;
   mask-image: none !important;
   background-color: transparent !important;
}

/* Chevron-down for expanded rows */
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
   font-family: "Font Awesome 5 Free"; /* FontAwesome Font */
   font-weight: 900; /* Use solid style */
   content: "\f078"; /* Unicode for chevron-down */
   color: #7e8299; /* Customize the color */
   text-indent: initial !important;
   mask-image: none !important;
   background-color: transparent !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control .form-check {
    margin: 0;                            /* Remove margins */
    display: inline;                        /* Flexbox for checkbox */
    align-items: center;                  /* Vertically center the checkbox */
    float: right;
}
/* END CSS FOR RESPONSIVE CHEVRON ICON */

.badge.badge-comments {
    color: #474747 !important;
    background-color: #f5f6fb !important;
}

.form-label .badge {
    margin: 0 5px;
    color: var(--kt-dark);
    background-color: var(--kt-secondary);
}

.tablinks.btn.active {
    background-color: #fff !important;
    color: var(--kt-primary-active) !important;
    border-bottom: 4px solid var(--kt-primary) !important;
    border-style: solid !important;
    border-top: 1px solid #f5f5f5 !important;
    border-right: 1px solid #f5f5f5 !important;
    border-left: 1px solid #f5f5f5 !important;
}

@media (max-width: 991px) {
    .page_toolbar_sticky {
        position: sticky;
        top: 0px;
        z-index: 10;
    }
}

@media (max-width: 768px) {
    .draggable-position-icon {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .modal.modal-fullwidth-on-ipad .modal-dialog {
        max-width: 100% !important;
        margin: 0 auto;
    }
}

.menu-sub-dropdown .menu-item {
    white-space: normal;
    word-break: break-word;
}

.runtime-select2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.runtime-select2-placeholder {
    background-color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    min-height: 45px !important;
    font-weight: bold;
    border: 1px solid #b5b5c3 !important;
}

.select2-container .max-height-select2.select2-dropdown .select2-results__options {
    max-height: 300px !important;
    overflow-y: auto !important;
}