@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root, [data-bs-theme=light], [data-menu-theme=light] {
    --tblr-gray: #696c49;
    --tblr-gray-dark: #3b391d;
    --tblr-gray-100: #f1f5f9;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #c8d3e1;
    --tblr-gray-400: #c9c1d6;
    --tblr-gray-500: #91886c;
    --tblr-gray-600: #6c6949;
    --tblr-gray-700: #524d31;
    --tblr-gray-800: #3b371d;
    --tblr-gray-900: #2a240f;
    --tblr-primary: #f9c020;
    --tblr-secondary: #66626c;
    --tblr-success: #42ba96;
    --tblr-info: #467fd0;
    --tblr-warning: #ffc107;
    --tblr-danger: #df4759;
    --tblr-light: #f8fafc;
    --tblr-dark: #241f2d;
    --tblr-muted: #66626c;
    --tblr-tabler: #7c69ef;
    --tblr-primary-rgb: 207, 207, 207;
    --tblr-secondary-rgb: 102, 98, 108;
    --tblr-success-rgb: 66, 186, 150;
    --tblr-info-rgb: 70, 127, 208;
    --tblr-warning-rgb: 255, 193, 7;
    --tblr-danger-rgb: 223, 71, 89;
    --tblr-light-rgb: 248, 250, 252;
    --tblr-dark-rgb: 36, 31, 45;
    --tblr-muted-rgb: 102, 98, 108;
    --tblr-tabler-rgb: 124, 105, 239;
    --tblr-primary-text-emphasis: #322a60;
    --tblr-secondary-text-emphasis: #42444b;
    --tblr-success-text-emphasis: #1a4a3c;
    --tblr-info-text-emphasis: #1c3353;
    --tblr-warning-text-emphasis: #664d03;
    --tblr-danger-text-emphasis: #591c24;
    --tblr-light-text-emphasis: #333152;
    --tblr-dark-text-emphasis: #333152;
    --tblr-primary-bg-subtle: #e5e1fc;
    --tblr-secondary-bg-subtle: #edeef1;
    --tblr-success-bg-subtle: #d9f1ea;
    --tblr-info-bg-subtle: #dae5f6;
    --tblr-warning-bg-subtle: #fff3cd;
    --tblr-danger-bg-subtle: #f9dade;
    --tblr-light-bg-subtle: #f8fafc;
    --tblr-dark-bg-subtle: #a8a8a8;
    --tblr-primary-border-subtle: #cbc3f9;
    --tblr-secondary-border-subtle: #dbdde4;
    --tblr-success-border-subtle: #b3e3d5;
    --tblr-info-border-subtle: #b5ccec;
    --tblr-warning-border-subtle: #ffe69c;
    --tblr-danger-border-subtle: #f2b5bd;
    --tblr-light-border-subtle: #e2e8f0;
    --tblr-dark-border-subtle: #736c91;
    --tblr-body-font-size: 0.875rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #241f2d;
    --tblr-body-color-rgb: 36, 31, 45;
    --tblr-body-bg: #f1f5f9;
    --tblr-body-bg-rgb: 241, 245, 249;
    --tblr-emphasis-color: #000;
    --tblr-emphasis-color-rgb: 0, 0, 0;
    --tblr-secondary-color: rgba(36, 31, 45, .75);
    --tblr-secondary-color-rgb: 36, 31, 45;
    --tblr-secondary-bg: #e2e8f0;
    --tblr-secondary-bg-rgb: 226, 232, 240;
    --tblr-tertiary-color: rgba(36, 31, 45, .5);
    --tblr-tertiary-color-rgb: 36, 31, 45;
    --tblr-tertiary-bg: #f1f5f9;
    --tblr-tertiary-bg-rgb: 241, 245, 249;
    --tblr-link-color: #efb411;
    --tblr-link-color-rgb: 239, 180, 17;
    --tblr-link-hover-color: #d9ad31;
    --tblr-link-hover-color-rgb: 217, 173, 49;
    --tblr-border-color: #e7e6e7;
    --tblr-border-color-translucent: rgba(102, 98, 108, .16);
    --tblr-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --tblr-focus-ring-width: 0.25rem;
    --tblr-focus-ring-opacity: 0.25;
    --tblr-focus-ring-color: rgba(124, 105, 239, .25);
    --tblr-form-valid-color: #42ba96;
    --tblr-form-valid-border-color: #42ba96;
    --tblr-form-invalid-color: #df4759;
    --tblr-form-invalid-border-color: #df4759;
    --tblr-danger-text: var(--tblr-danger);
    --tblr-navbar-border-color: transparent;
    --tblr-body-font-family: "BIZ UDGothic", sans-serif;
}

.project-logo {
    width: 50%;
}

.navbar-brand .project-logo {
    width: 100%;
}

.hidden {
    display: none;
}

.bg-opacity-25 {
    --tblr-bg-opacity: 0.25 !important;
}

#contract-calendar .dtfc-fixed-left div {
    display: none;
}

#contract-calendar .dtfc-fixed-left:hover div {
    display: block;
}

td[data-ship-available]:hover, .contract-price:hover, td[data-ship-suspended]:hover, td[data-ship-ended]:hover, td[data-ship-cancel-period]:hover {
    background-color: var(--tblr-secondary-bg-subtle) !important;
    cursor: pointer;
}

#contract-calendar td {
    font-weight: bold;
}

#contract-calendar td:not(#contract-calendar tr td:first-child) {
    text-align: right;
}

#contract-calendar-wrapper th {
    vertical-align: middle;
}

#contract-calendar-wrapper th:not(#contract-calendar-wrapper tr th:first-child) {
    text-align: center;
}

.has-error .select2-selection, .has-error input {
    border-color: rgb(185, 74, 72) !important;
}

.select2-dropdown {
    z-index: 1600 !important;
}

.delivery-customer-list {
    max-height: 500px;
    overflow-y: auto;
}

.qty-edit {
    width: 29px;
    height: 23px;
}

.price-edit {
    width: 60px;
    height: 23px;
}

#suspend-open, #unsuspend, #uncancel {
    position: absolute;
    display: none;
}

.custom-err-message {
    padding-left: 110px;

}

.swal-modal {
    background: #FFF0F5 !important;

    .swal-title {
        background: #FF0000 !important;;
        font-size: 19px !important;;
        color: white !important;
        margin-top: 0px !important;
    }

    .swal-text {
        color: #FF292A !important;;
    }
}

.contract-actions {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    color: gray;
}

.contract-actions:hover {
    color: black;
}

.calendar-actions {
    display: none;
}

.calendar-actions, .customer-from-actions-list, .customer-to-actions-list {
    cursor: pointer;
    z-index: 9999;
    background-color: white;
}

.customer-from-actions-list, .customer-to-actions-list {
    display: none;
}

.select2-selection__arrow {
    display: none;
}

input[name="all_contracts"] {
    margin-top: 7px;
}

#timing-warn-text {
    display: none;
}

.customize-print {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 30px;
    gap: 20px 50px;
    font-size: 23px;

    .details {
        border: solid 1px lightgray;
        height: fit-content;

        .header {
            border-bottom: solid 1px lightgray;
            padding: 7px;

            .delivery-date {
                font-size: 15px;
            }
        }
    }

    .product {
        display: flex;
        justify-content: space-between;

        .options, .quantity {
            padding: 5px;
            border-left: solid 1px lightgray;
        }

        .name {
            padding: 5px;
        }

        .options {
            display: flex;
            flex-direction: column;
        }
    }
}

.input-group.print-zero {
    gap: 10px;
}

tr.contract-type-slip td {
    background-color: #f1f1fd;
}

.invoiced td {
    background-color: #fbe9e9 !important;
}

table td span {
    display: inline-block;
    max-width: 250px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.bg-white {
    background-color: #fff;
}

.height-100 {
    height: 100%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.w-100 {
    width: 100%;
    float: left;
}

.text-right {
    text-align: right;
}

.limited-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

table td.td-bg-red,
table td.td-bg-red:hover,
table th.td-bg-red,
table th.td-bg-red:hover {
    background-color: rgb(255 0 0 / 5%) !important;
}

table td.td-bg-blue,
table td.td-bg-blue:hover,
table th.td-bg-blue,
table th.td-bg-blue:hover {
    background-color: rgb(0 128 255 / 5%) !important;
}

table td.td-bg-green,
table td.td-bg-green:hover,
table th.td-bg-green,
table th.td-bg-green:hover {
    background-color: rgb(0 128 0 / 5%) !important;
}

#customerTab {
    margin-bottom: 15px;
}

.tab-content #bank div[bp-field-name="bank_id"] {
    display: none;
}