@charset "UTF-8";
/* Importing Inter font (if not already added) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');



:root {
    /*  --Primary: #0ABB70;
    --PrimaryHover: #ebfef3;*/
    /*abi changes--*/
    --Primary: #0F7361;
    --Primary-2: #E5FFF4;
    --PrimaryNew: --PrimaryHover: #ebfef3;
    --danger: red;
    --Neutral-1: #141518;
    --Neutral-8: #FFF;
    --Neutral-5: #F4F4F4;
    --pink-1: #B93866;
    --blue-1: #366BBB;
    --header-1: #C8714C;
    --itms-table-hover-bg: #F0FFF7;
    --secondary: #2fd88a;
    --itms-font-size-12: 12px;
    --itms-font-size-14: 14px;
    --itms-font-size-16: 16px;
    --itms-font-size-lg: 20px;
    --itms-font-weight-400: 400;
    --itms-font-weight-600: 600;
    /*for Steper*/
    --fill-color: #0F7361;
    --border-color: grey;
    --text-color: #102A43;
    --text-color-inactive: #829AB1;
    --text-color-optional: #9FB3C8;
    --active-color: #0F7361; /* Red color for active step */
    --active-color: #0F7361; /* Red color for active step */
    --font-family: 'Inter', sans-serif;
    --line-height: 16.94px;
    --spacing: 8px;
    --space-inc: 16px;
    
}

.primary-2 {
    background-color: var(--Primary-2);
}

.blue-1 {
    background-color: var(--blue-1);
}

.blue-1:hover {
    background-color: var(--blue-1);
}

.EST-header {
    background-color: var(--pink-1) !important;
}

.CMPL-header {
    background-color: VAR(--blue-1) !important;
}

.itms-primarybtn {
    background-color: var(--Primary) !important;
    border-color: var(--Primary) !important;
}
    .itms-primarybtn:hover {
        background-color: var(--Primary-2) !important;
        color: var(--Primary) !important;
        border: 1px solid var(--Primary);
    }
    .itms-primarybtn:focus {
        border: 2px solid green !important;
        outline: none !important;
        box-shadow: none !important; 
    }

.btn:focus {
    /*border: 2px solid green !important;*/
    outline: none !important;
    box-shadow: none !important;
}
    .itms-neutralbtn {
        background-color: var(--Primary) !important;
    }


.inboundentrybtn {
    width: 100%;
    
}

.ctr-type {
    background-color: var(--Neutral-5);
    border-radius: 12px
}

input, input::placeholder {
    font-size: var(--itms-font-size-14);
}

.itms-primarybtn-outline {
    background-color: white !important;
    color: var(--Primary) !important;
    border-color: var(--Primary) !important;
}

    .itms-primarybtn-outline:hover {
        background-color: var(--Primary-2) !important;
        color: var(--Primary) !important;
        border: 1px solid var(--Primary);
    }

    .itms-primarybtn-outline:focus {
        border: 2px solid green !important;
        outline: none !important;
        box-shadow: none !important;
    }


.itms-neutralbtn-outline {
    background-color: var(--Neutral-5) !important;
    color: var(--Primary) !important;
    border-color: var(--Primary) !important;
}

    .itms-neutralbtn-outline:hover {
        background-color: var(--Neutral-5) !important;
        color: var(--Primary) !important;
    }


.itms-dangerbtn-outline {
    background-color: white !important;
    color: var(--danger) !important;
    border-color: var(--danger) !important;
}

    .itms-dangerbtn-outline:hover {
        background-color: white !important;
        color: var(--danger) !important;
    }


.orderInfoContainerType {
    background-color: var(--Neutral-5)
}


.ITMSInput input {
    height: 35px; /* Adjust height as needed */
    padding: 8px;
}


table-responsive {
    max-height: 400px;
    overflow-y: auto;
}

/* Chrome, Edge, Safari */
.table-responsive::-webkit-scrollbar {
    width: 12px; /* Increase width */
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track color */
    border-radius: 6px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #888; /* Thumb color */
    border-radius: 6px;
}

    .table-responsive::-webkit-scrollbar-thumb:hover {
        background: #555; /* Thumb hover color */
    }

/* Firefox */
.table-responsive {
    scrollbar-width: thin; /* options: auto, thin, none */
    scrollbar-color: #888 #f1f1f1; /* thumb color, track color */
}

html {
    font-size: var(--itms-font-size-14);
}

body {
    font-size: var(--itms-font-size-14);
}

@media (min-width: 768px) {
    html {
        font-size: var(--itms-font-size-12);
    }

    body {
        font-size: var(--itms-font-size-12);
    }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/
/* abi changes*/
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
}

.common-header {
    color: var(--header-1) !important;
}
/*---------------------------------
         Table
-----------------------------------*/
.table thead {
    background-color: var(--Primary, #0ABB70) !important;
    text-align: center;
}

table thead tr th {
    background-color: var(--Primary, #0ABB70) !important;
    text-align: center;
}

.table th {
    color: var(--Neutral-8, #FFF) !important;
    font-size: var(--itms-font-size-12);
    font-family: var(--font-family), sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height);
}

/* Apply Inter font to table data */
.table td {
    color: #000;
    font-size: var(--itms-font-size-12);
    font-family: var(--font-family), sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height);
}

.freeze_column thead th:first-child {
    position: sticky;
    left: 0;
    background-color: #0ABB70; /* Adjust background color as needed */
    z-index: 3; /* Ensure it is above other content */
}

.freeze_column thead th {
    position: sticky;
    top: 0;
    background-color: #0ABB70; /* Adjust background color as needed */
    z-index: 2; /* Ensure it is above other content */
}

.freeze_column tbody td:first-child {
    position: sticky;
    left: 0;
    background-color: #fff; /* Adjust background color as needed */
    z-index: 1; /* Ensure it is above other content */
}

/*---------------------------------
          Button Position
-----------------------------------*/
[dir="ltr"] .common-header .btn-container {
    float: right !important;
}

[dir="ltr"] .btn-container {
    text-align: right !important;
}

[dir="rtl"] .common-header .btn-container {
    float: left !important;
}

[dir="rtl"] .btn-container {
    text-align: left !important;
}

/*---------------------------------
          Input field
-----------------------------------*/
/*.form-control {
    font-size: var(--itms-font-size-14) !important;
}*/

/* abi changes ---*/
.form-control {
    font-size: var(--itms-font-size-14) !important;
    border: 1px solid var(--Primary);
}

    .form-control:focus {
        border: 2px solid var(--Primary);
        box-shadow: 0 2px 12px rgba(15, 115, 97, 0.25);
    }


.receiveheader {
    justify-content: end
}

.form-check-input:checked {
    background-color: var(--Primary) !important;
}

.form-check-input:focus {
    box-shadow: none;
}

input, select {
    position: relative;
    margin: 0px auto;
    height: 40px;
    outline: none !important;
}

textarea {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid rgba(0,0,0,.37);
    border-radius: 4px;
    background-color: transparent;
    margin: 0px auto;
    padding: 6px 4px 4px 14px;
    height: 80px; /* Adjust the height as needed */
    outline: none !important;
    color: rgba(0,0,0,0.85);
    transition: all .2s ease-in-out;
}

.form-group label {
    position: absolute;
    top: 12px;
    left: 12px;
    text-align: left;
    display: inline-block;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    font-size: var(--itms-font-size-12);
    font-weight: normal;
    background-color: transparent;
    /*color: rgba(0,0,0,0.5);*/
    color: #0F7361;
    margin: 0px auto;
    cursor: text;
    transition: all .15s ease-in-out;
}
    /* abi changes*/
    .form-group label:focus {
        color: #0F7361;
    }


input:hover, input:focus, select:hover, select:focus {
    border: 1px solid none;
}


    input:not(:placeholder-shown) + label, input:focus + label {
        top: -6px;
        background-color: #fff !important;
        color: var(--Primary);
    }

textarea:hover, textarea:focus {
    border: 1px solid none;
}

select:valid + label {
    top: -6px;
    background-color: #fff !important;
    color: var(--Primary);
}

[dir="rtl"] .form-group label {
    text-align: right !important;
    right: 12px;
    left: auto !important;
}

[dir="ltr"] .form-group label {
    text-align: left !important;
    left: 12px;
}

select:focus + label {
    top: -6px;
    background-color: #fff !important;
    color: var(--Primary);
}

textarea:not(:placeholder-shown) + label {
    top: -6px;
    background-color: #fff !important;
    color: var(--Primary);
}

textarea:focus + label {
    top: -6px;
    background-color: #fff !important;
    color: var(--Primary);
}

.form-md {
    width: 100%;
    text-align: center;
    margin: 32px auto 32px auto;
}

    .form-md .form-group {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px;
    }

.form-group {
    margin-bottom: 16px;
    position: relative;
}

/*.form-control:focus {
    box-shadow: none;
}*/

.dropdown-menu {
    margin: 48px !important;
    box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important;
    -webkit-animation: dropdownAnimation 0.1s !important;
    animation: dropdownAnimation 0.1s !important;
    top: 12px !important;
    min-width: 12rem !important;
}

[dir="rtl"] .menu .app-brand.demo {
    margin-right: -30px !important;
}

/*.btn-primary {
    color: #fff;
    background-color: var(--Primary);
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}
    .btn-primary:hover {
        color: #000;
        background-color: #a0aaff;
        border-color: #a0aaff;
    }*/
.badge {
    display: inline-block;
    padding: 0.52em 0.593em;
    font-size: 0.8125em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge {
    text-transform: uppercase;
    line-height: 0.75;
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: var(--Primary) !important;
}
.bg-label-secondary {
    background-color: #f4b400 !important; /* light grey background */
    color: #fff8e1 !important; /* secondary text color */
}


.tbl-header-resize {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table > tbody {
    vertical-align: middle;
}
/* Custom styles for pagination */
.pagination-custom-style .page-item.active .page-link {
    color: #fff; /* Text color */
    background-color: var(--Primary);
    border-color: var(--Primary);
    border-radius: 30%
}

.pagination-custom-style .page-item .page-link {
    color: #000; /* Text color for non-active items */
    border-radius: 30%
}

    .pagination-custom-style .page-item .page-link:hover {
        color: #000; /* Text color on hover */
        background-color: var(--PrimaryHover); /* Background color on hover */
        border-color: var(--Primary); /* Background color on hover */
        border-radius: 30%
    }

label.lbl_location {
    top: -6px !important;
    background-color: #fff !important;
    background-color: #fff !important;
    color: var(--Primary);
}

/* Initially set background color for count40DCBorder */
.count40DCBorder {
    background-color: var(--Primary-2);
}

/* When another card is focused, reset background color for count40DCBorder */
.container:has(.count20DCBorder:focus) .count40DCBorder,
.container:has(.count45DCBorder:focus) .count40DCBorder,
.container:has(.count2020DCBorder:focus) .count40DCBorder {
    background-color: transparent;
}

/* Apply background color to the currently focused card */
.container:has(.count40DCBorder:focus) .count40DCBorder,
.container:has(.count20DCBorder:focus) .count20DCBorder,
.container:has(.count45DCBorder:focus) .count45DCBorder,
.container:has(.count2020DCBorder:focus) .count2020DCBorder {
    background-color: var(--Primary-2);
}






/*-------------------------
font-awesome image changes
--------------------------*/
i.fa.fa-arrow-left, i.fa.fa-arrow-right {
    vertical-align: sub;
}

.nav-header {
    border-color: #d9dee3;
    /*padding: 2rem 1.5rem 1rem 1.5rem;*/
    padding: .5rem 1rem !important;
    /*padding-top:2rem;*/
    margin-bottom: 0;
    border-bottom: 0 solid #d9dee3;
    font-size: var(--itms-font-size-16);
    background-color: var(--Primary);
    font-weight: 500;
    color: white;
}

.common-text-color {
    color: var(--Primary)
}

    .common-text-color:hover {
        color: var(--Primary)
    }

.common-radius {
    border-radius: 12px
}

.common-header {
    font-size: var( --itms-font-size-16);
    font-weight: var(--itms-font-weight-600);
    color: var(--header-1) !important
}
/*
this datalist for stepper*/
/*.stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.step {
    display: table-cell;
    position: relative;
    padding: 1.5rem;
    z-index: 2;
    width: 25%;
}

    .step .step-circle {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        line-height: 1.75rem;
        font-size: 1rem;
        font-weight: 600;
        z-index: 2;
        border: 2px solid var(--border-color);
        cursor: pointer;
    }

    .step.editing .step-circle {
        background-color: var(--active-color);*/ /* Red color */
/*border: 2px solid var(--active-color);
        color: #FFFFFF;
    }

    .step.checked .step-circle {
        background-color: var(--active-color);*/ /* Red color */
/*border: 2px solid var(--active-color);
        color: #FFFFFF;
    }

    .step.checked .step-bar-left,
    .step.checked .step-bar-right {
        background-color: var(--active-color);*/ /* Red color for bars */
/*border-color: var(--active-color);
    }

.step-title {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color);
    text-align: center;
}

.step-title,
.step-optional {
    text-align: center;
    color: var(--text-color-inactive);
}

.step-optional {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--text-color-optional);
}

.step-bar-left,
.step-bar-right {
    position: absolute;
    top: calc(2rem + 5px);
    height: 5px;
    background-color: var(--border-color);
    border: solid var(--border-color);
    border-width: 2px 0;
}

.step-bar-left {
    width: calc(100% - 2rem);
    left: 50%;
    margin-left: 1rem;
    z-index: -1;
}

.step-bar-right {
    width: 0;
    left: 50%;
    margin-left: 1rem;
    z-index: -1;
    transition: width 500ms ease-in-out;
}

.step.checked .step-bar-right {
    width: calc(100% - 2rem);
}*/
/* Custom tab container */


/*
custom width*/
@media (min-width: 0px) {
    .itms-w-2 {
        width: calc(var(--spacing) * 2 );
    }

    .itms-w-4 {
        width: calc(var(--spacing) * 4 );
    }

    .itms-w-6 {
        width: calc(var(--spacing) * 6 );
    }

    .itms-w-8 {
        width: calc(var(--spacing) * 8 );
    }

    .itms-w-10 {
        width: calc(var(--spacing) * 10 );
    }

    .itms-w-12 {
        width: calc(var(--spacing) * 12 );
    }

    .itms-w-14 {
        width: calc(var(--spacing) * 14 );
    }

    .itms-w-16 {
        width: calc(var(--spacing) * 16 );
    }

    .itms-w-18 {
        width: calc(var(--spacing) * 18 );
    }

    .itms-w-20 {
        width: calc(var(--spacing) * 20 );
    }

    .itms-w-22 {
        width: calc(var(--spacing) * 22 );
    }

    .itms-w-24 {
        width: calc(var(--spacing) * 24 );
    }

    .itms-w-26 {
        width: calc(var(--spacing) * 26 );
    }

    .itms-w-28 {
        width: calc(var(--spacing) * 28 );
    }

    .itms-w-30 {
        width: calc(var(--spacing) * 30 );
    }

    .itms-w-32 {
        width: calc(var(--spacing) * 32 );
    }

    .itms-w-34 {
        width: calc(var(--spacing) * 34 );
    }

    .itms-w-36 {
        width: calc(var(--spacing) * 36 );
    }

    .itms-w-38 {
        width: calc(var(--spacing) * 38 );
    }

    .itms-w-40 {
        width: calc(var(--spacing) * 40 );
    }

    .itms-w-42 {
        width: calc(var(--spacing) * 42 );
    }

    .itms-w-44 {
        width: calc(var(--spacing) * 44 );
    }

    .itms-w-46 {
        width: calc(var(--spacing) * 46 );
    }

    .itms-w-48 {
        width: calc(var(--spacing) * 48 );
    }

    .itms-w-50 {
        width: calc(var(--spacing) * 50 );
    }

    .itms-w-52 {
        width: calc(var(--spacing) * 52 );
    }

    .itms-w-54 {
        width: calc(var(--spacing) * 54 );
    }

    .itms-w-56 {
        width: calc(var(--spacing) * 56 );
    }

    .itms-w-58 {
        width: calc(var(--spacing) * 58 );
    }

    .itms-w-60 {
        width: calc(var(--spacing) * 60 );
    }

    .itms-w-62 {
        width: calc(var(--spacing) * 62 );
    }

    .itms-w-64 {
        width: calc(var(--spacing) * 64 );
    }

    .itms-w-66 {
        width: calc(var(--spacing) * 66 );
    }

    .itms-w-68 {
        width: calc(var(--spacing) * 68 );
    }

    .itms-w-70 {
        width: calc(var(--spacing) * 70 );
    }

    .itms-w-72 {
        width: calc(var(--spacing) * 72 );
    }

    .itms-w-74 {
        width: calc(var(--spacing) * 74 );
    }

    .itms-w-76 {
        width: calc(var(--spacing) * 76 );
    }

    .itms-w-78 {
        width: calc(var(--spacing) * 78 );
    }

    .itms-w-80 {
        width: calc(var(--spacing) * 80 );
    }

    .itms-w-82 {
        width: calc(var(--spacing) * 82 );
    }

    .itms-w-84 {
        width: calc(var(--spacing) * 84 );
    }

    .itms-w-86 {
        width: calc(var(--spacing) * 86 );
    }

    .itms-w-88 {
        width: calc(var(--spacing) * 88 );
    }

    .itms-w-90 {
        width: calc(var(--spacing) * 90 );
    }

    .itms-w-92 {
        width: calc(var(--spacing) * 92 );
    }

    .itms-w-94 {
        width: calc(var(--spacing) * 94 );
    }

    .itms-w-96 {
        width: calc(var(--spacing) * 96 );
    }

    .itms-w-98 {
        width: calc(var(--spacing) * 98 );
    }

    .itms-w-100 {
        width: calc(var(--spacing) * 100 );
    }
}

@media (min-width: 576px) {
    .itms-w-sm-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-sm-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-sm-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-sm-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-sm-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-sm-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-sm-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-sm-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-sm-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-sm-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-sm-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-sm-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-sm-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-sm-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-sm-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-sm-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-sm-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-sm-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-sm-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-sm-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-sm-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-sm-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-sm-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-sm-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-sm-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-sm-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-sm-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-sm-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-sm-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-sm-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-sm-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-sm-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-sm-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-sm-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-sm-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-sm-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-sm-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-sm-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-sm-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-sm-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-sm-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-sm-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-sm-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-sm-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-sm-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-sm-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-sm-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-sm-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-sm-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-sm-100 {
        width: calc(var(--spacing) * 100);
    }
}

@media (min-width: 768px) {
    .itms-w-md-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-md-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-md-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-md-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-md-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-md-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-md-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-md-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-md-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-md-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-md-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-md-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-md-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-md-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-md-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-md-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-md-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-md-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-md-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-md-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-md-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-md-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-md-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-md-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-md-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-md-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-md-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-md-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-md-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-md-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-md-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-md-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-md-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-md-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-md-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-md-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-md-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-md-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-md-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-md-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-md-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-md-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-md-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-md-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-md-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-md-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-md-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-md-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-md-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-md-100 {
        width: calc(var(--spacing) * 100);
    }
}

@media (min-width: 992px) {
    .itms-w-lg-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-lg-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-lg-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-lg-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-lg-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-lg-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-lg-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-lg-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-lg-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-lg-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-lg-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-lg-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-lg-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-lg-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-lg-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-lg-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-lg-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-lg-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-lg-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-lg-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-lg-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-lg-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-lg-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-lg-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-lg-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-lg-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-lg-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-lg-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-lg-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-lg-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-lg-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-lg-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-lg-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-lg-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-lg-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-lg-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-lg-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-lg-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-lg-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-lg-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-lg-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-lg-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-lg-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-lg-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-lg-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-lg-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-lg-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-lg-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-lg-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-lg-100 {
        width: calc(var(--spacing) * 100);
    }
}

@media (min-width: 1200px) {
    .itms-w-xl-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-xl-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-xl-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-xl-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-xl-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-xl-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-xl-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-xl-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-xl-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-xl-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-xl-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-xl-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-xl-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-xl-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-xl-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-xl-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-xl-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-xl-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-xl-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-xl-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-xl-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-xl-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-xl-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-xl-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-xl-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-xl-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-xl-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-xl-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-xl-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-xl-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-xl-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-xl-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-xl-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-xl-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-xl-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-xl-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-xl-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-xl-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-xl-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-xl-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-xl-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-xl-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-xl-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-xl-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-xl-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-xl-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-xl-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-xl-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-xl-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-xl-100 {
        width: calc(var(--spacing) * 100);
    }
}

@media (min-width: 1400px) {
    .itms-w-xxl-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-xxl-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-xxl-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-xxl-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-xxl-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-xxl-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-xxl-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-xxl-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-xxl-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-xxl-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-xxl-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-xxl-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-xxl-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-xxl-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-xxl-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-xxl-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-xxl-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-xxl-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-xxl-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-xxl-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-xxl-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-xxl-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-xxl-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-xxl-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-xxl-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-xxl-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-xxl-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-xxl-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-xxl-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-xxl-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-xxl-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-xxl-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-xxl-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-xxl-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-xxl-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-xxl-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-xxl-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-xxl-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-xxl-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-xxl-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-xxl-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-xxl-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-xxl-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-xxl-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-xxl-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-xxl-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-xxl-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-xxl-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-xxl-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-xxl-100 {
        width: calc(var(--spacing) * 100);
    }
}

@media (min-width: 1920px) {
    .itms-w-xxxl-2 {
        width: calc(var(--spacing) * 2);
    }

    .itms-w-xxxl-4 {
        width: calc(var(--spacing) * 4);
    }

    .itms-w-xxxl-6 {
        width: calc(var(--spacing) * 6);
    }

    .itms-w-xxxl-8 {
        width: calc(var(--spacing) * 8);
    }

    .itms-w-xxxl-10 {
        width: calc(var(--spacing) * 10);
    }

    .itms-w-xxxl-12 {
        width: calc(var(--spacing) * 12);
    }

    .itms-w-xxxl-14 {
        width: calc(var(--spacing) * 14);
    }

    .itms-w-xxxl-16 {
        width: calc(var(--spacing) * 16);
    }

    .itms-w-xxxl-18 {
        width: calc(var(--spacing) * 18);
    }

    .itms-w-xxxl-20 {
        width: calc(var(--spacing) * 20);
    }

    .itms-w-xxxl-22 {
        width: calc(var(--spacing) * 22);
    }

    .itms-w-xxxl-24 {
        width: calc(var(--spacing) * 24);
    }

    .itms-w-xxxl-26 {
        width: calc(var(--spacing) * 26);
    }

    .itms-w-xxxl-28 {
        width: calc(var(--spacing) * 28);
    }

    .itms-w-xxxl-30 {
        width: calc(var(--spacing) * 30);
    }

    .itms-w-xxxl-32 {
        width: calc(var(--spacing) * 32);
    }

    .itms-w-xxxl-34 {
        width: calc(var(--spacing) * 34);
    }

    .itms-w-xxxl-36 {
        width: calc(var(--spacing) * 36);
    }

    .itms-w-xxxl-38 {
        width: calc(var(--spacing) * 38);
    }

    .itms-w-xxxl-40 {
        width: calc(var(--spacing) * 40);
    }

    .itms-w-xxxl-42 {
        width: calc(var(--spacing) * 42);
    }

    .itms-w-xxxl-44 {
        width: calc(var(--spacing) * 44);
    }

    .itms-w-xxxl-46 {
        width: calc(var(--spacing) * 46);
    }

    .itms-w-xxxl-48 {
        width: calc(var(--spacing) * 48);
    }

    .itms-w-xxxl-50 {
        width: calc(var(--spacing) * 50);
    }

    .itms-w-xxxl-52 {
        width: calc(var(--spacing) * 52);
    }

    .itms-w-xxxl-54 {
        width: calc(var(--spacing) * 54);
    }

    .itms-w-xxxl-56 {
        width: calc(var(--spacing) * 56);
    }

    .itms-w-xxxl-58 {
        width: calc(var(--spacing) * 58);
    }

    .itms-w-xxxl-60 {
        width: calc(var(--spacing) * 60);
    }

    .itms-w-xxxl-62 {
        width: calc(var(--spacing) * 62);
    }

    .itms-w-xxxl-64 {
        width: calc(var(--spacing) * 64);
    }

    .itms-w-xxxl-66 {
        width: calc(var(--spacing) * 66);
    }

    .itms-w-xxxl-68 {
        width: calc(var(--spacing) * 68);
    }

    .itms-w-xxxl-70 {
        width: calc(var(--spacing) * 70);
    }

    .itms-w-xxxl-72 {
        width: calc(var(--spacing) * 72);
    }

    .itms-w-xxxl-74 {
        width: calc(var(--spacing) * 74);
    }

    .itms-w-xxxl-76 {
        width: calc(var(--spacing) * 76);
    }

    .itms-w-xxxl-78 {
        width: calc(var(--spacing) * 78);
    }

    .itms-w-xxxl-80 {
        width: calc(var(--spacing) * 80);
    }

    .itms-w-xxxl-82 {
        width: calc(var(--spacing) * 82);
    }

    .itms-w-xxxl-84 {
        width: calc(var(--spacing) * 84);
    }

    .itms-w-xxxl-86 {
        width: calc(var(--spacing) * 86);
    }

    .itms-w-xxxl-88 {
        width: calc(var(--spacing) * 88);
    }

    .itms-w-xxxl-90 {
        width: calc(var(--spacing) * 90);
    }

    .itms-w-xxxl-92 {
        width: calc(var(--spacing) * 92);
    }

    .itms-w-xxxl-94 {
        width: calc(var(--spacing) * 94);
    }

    .itms-w-xxxl-96 {
        width: calc(var(--spacing) * 96);
    }

    .itms-w-xxxl-98 {
        width: calc(var(--spacing) * 98);
    }

    .itms-w-xxxl-100 {
        width: calc(var(--spacing) * 100);
    }
    .itms-w-xxxl-101 {
        width: calc(var(--spacing) * 101);
    }

    .itms-w-xxxl-102 {
        width: calc(var(--spacing) * 102);
    }

    .itms-w-xxxl-103 {
        width: calc(var(--spacing) * 103);
    }

    .itms-w-xxxl-104 {
        width: calc(var(--spacing) * 104);
    }

    .itms-w-xxxl-105 {
        width: calc(var(--spacing) * 105);
    }

    .itms-w-xxxl-106 {
        width: calc(var(--spacing) * 106);
    }

    .itms-w-xxxl-107 {
        width: calc(var(--spacing) * 107);
    }

    .itms-w-xxxl-108 {
        width: calc(var(--spacing) * 108);
    }

    .itms-w-xxxl-109 {
        width: calc(var(--spacing) * 109);
    }

    .itms-w-xxxl-110 {
        width: calc(var(--spacing) * 110);
    }

    .itms-w-xxxl-111 {
        width: calc(var(--spacing) * 111);
    }

    .itms-w-xxxl-112 {
        width: calc(var(--spacing) * 112);
    }

    .itms-w-xxxl-113 {
        width: calc(var(--spacing) * 113);
    }

    .itms-w-xxxl-114 {
        width: calc(var(--spacing) * 114);
    }

    .itms-w-xxxl-115 {
        width: calc(var(--spacing) * 115);
    }

    .itms-w-xxxl-116 {
        width: calc(var(--spacing) * 116);
    }

    .itms-w-xxxl-117 {
        width: calc(var(--spacing) * 117);
    }

    .itms-w-xxxl-118 {
        width: calc(var(--spacing) * 118);
    }

    .itms-w-xxxl-119 {
        width: calc(var(--spacing) * 119);
    }

    .itms-w-xxxl-120 {
        width: calc(var(--spacing) * 120);
    }

    .itms-w-xxxl-121 {
        width: calc(var(--spacing) * 121);
    }

    .itms-w-xxxl-122 {
        width: calc(var(--spacing) * 122);
    }

    .itms-w-xxxl-123 {
        width: calc(var(--spacing) * 123);
    }

    .itms-w-xxxl-124 {
        width: calc(var(--spacing) * 124);
    }

    .itms-w-xxxl-125 {
        width: calc(var(--spacing) * 125);
    }

    .itms-w-xxxl-126 {
        width: calc(var(--spacing) * 126);
    }

    .itms-w-xxxl-127 {
        width: calc(var(--spacing) * 127);
    }

    .itms-w-xxxl-128 {
        width: calc(var(--spacing) * 128);
    }

    .itms-w-xxxl-129 {
        width: calc(var(--spacing) * 129);
    }

    .itms-w-xxxl-130 {
        width: calc(var(--spacing) * 130);
    }

    .itms-w-xxxl-131 {
        width: calc(var(--spacing) * 131);
    }

    .itms-w-xxxl-132 {
        width: calc(var(--spacing) * 132);
    }

    .itms-w-xxxl-133 {
        width: calc(var(--spacing) * 133);
    }

    .itms-w-xxxl-134 {
        width: calc(var(--spacing) * 134);
    }

    .itms-w-xxxl-135 {
        width: calc(var(--spacing) * 135);
    }

    .itms-w-xxxl-136 {
        width: calc(var(--spacing) * 136);
    }

    .itms-w-xxxl-137 {
        width: calc(var(--spacing) * 137);
    }

    .itms-w-xxxl-138 {
        width: calc(var(--spacing) * 138);
    }

    .itms-w-xxxl-139 {
        width: calc(var(--spacing) * 139);
    }

    .itms-w-xxxl-140 {
        width: calc(var(--spacing) * 140);
    }

    .itms-w-xxxl-141 {
        width: calc(var(--spacing) * 141);
    }

    .itms-w-xxxl-142 {
        width: calc(var(--spacing) * 142);
    }

    .itms-w-xxxl-143 {
        width: calc(var(--spacing) * 143);
    }

    .itms-w-xxxl-144 {
        width: calc(var(--spacing) * 144);
    }

    .itms-w-xxxl-145 {
        width: calc(var(--spacing) * 145);
    }

    .itms-w-xxxl-146 {
        width: calc(var(--spacing) * 146);
    }

    .itms-w-xxxl-147 {
        width: calc(var(--spacing) * 147);
    }

    .itms-w-xxxl-148 {
        width: calc(var(--spacing) * 148);
    }

    .itms-w-xxxl-149 {
        width: calc(var(--spacing) * 149);
    }

    .itms-w-xxxl-150 {
        width: calc(var(--spacing) * 150);
    }

}




/*
custom height*/


@media (min-width: 0px) {
    .itms-h-2 {
        height: calc(var(--spacing) * 2 );
    }

    .itms-h-4 {
        height: calc(var(--spacing) * 4 );
    }

    .itms-h-6 {
        height: calc(var(--spacing) * 6 );
    }

    .itms-h-8 {
        height: calc(var(--spacing) * 8 );
    }

    .itms-h-10 {
        height: calc(var(--spacing) * 10 );
    }

    .itms-h-12 {
        height: calc(var(--spacing) * 12 );
    }

    .itms-h-14 {
        height: calc(var(--spacing) * 14 );
    }

    .itms-h-16 {
        height: calc(var(--spacing) * 16 );
    }

    .itms-h-18 {
        height: calc(var(--spacing) * 18 );
    }

    .itms-h-20 {
        height: calc(var(--spacing) * 20 );
    }

    .itms-h-22 {
        height: calc(var(--spacing) * 22 );
    }

    .itms-h-24 {
        height: calc(var(--spacing) * 24 );
    }

    .itms-h-26 {
        height: calc(var(--spacing) * 26 );
    }

    .itms-h-28 {
        height: calc(var(--spacing) * 28 );
    }

    .itms-h-30 {
        height: calc(var(--spacing) * 30 );
    }

    .itms-h-32 {
        height: calc(var(--spacing) * 32 );
    }

    .itms-h-34 {
        height: calc(var(--spacing) * 34 );
    }

    .itms-h-36 {
        height: calc(var(--spacing) * 36 );
    }

    .itms-h-38 {
        height: calc(var(--spacing) * 38 );
    }

    .itms-h-40 {
        height: calc(var(--spacing) * 40 );
    }

    .itms-h-42 {
        height: calc(var(--spacing) * 42 );
    }

    .itms-h-44 {
        height: calc(var(--spacing) * 44 );
    }

    .itms-h-46 {
        height: calc(var(--spacing) * 46 );
    }

    .itms-h-48 {
        height: calc(var(--spacing) * 48 );
    }

    .itms-h-50 {
        height: calc(var(--spacing) * 50 );
    }

    .itms-h-52 {
        height: calc(var(--spacing) * 52 );
    }

    .itms-h-54 {
        height: calc(var(--spacing) * 54 );
    }

    .itms-h-56 {
        height: calc(var(--spacing) * 56 );
    }

    .itms-h-58 {
        height: calc(var(--spacing) * 58 );
    }

    .itms-h-60 {
        height: calc(var(--spacing) * 60 );
    }

    .itms-h-62 {
        height: calc(var(--spacing) * 62 );
    }

    .itms-h-64 {
        height: calc(var(--spacing) * 64 );
    }

    .itms-h-66 {
        height: calc(var(--spacing) * 66 );
    }

    .itms-h-68 {
        height: calc(var(--spacing) * 68 );
    }

    .itms-h-70 {
        height: calc(var(--spacing) * 70 );
    }

    .itms-h-72 {
        height: calc(var(--spacing) * 72 );
    }

    .itms-h-74 {
        height: calc(var(--spacing) * 74 );
    }

    .itms-h-76 {
        height: calc(var(--spacing) * 76 );
    }

    .itms-h-78 {
        height: calc(var(--spacing) * 78 );
    }

    .itms-h-80 {
        height: calc(var(--spacing) * 80 );
    }

    .itms-h-82 {
        height: calc(var(--spacing) * 82 );
    }

    .itms-h-84 {
        height: calc(var(--spacing) * 84 );
    }

    .itms-h-86 {
        height: calc(var(--spacing) * 86 );
    }

    .itms-h-88 {
        height: calc(var(--spacing) * 88 );
    }

    .itms-h-90 {
        height: calc(var(--spacing) * 90 );
    }

    .itms-h-92 {
        height: calc(var(--spacing) * 92 );
    }

    .itms-h-94 {
        height: calc(var(--spacing) * 94 );
    }

    .itms-h-96 {
        height: calc(var(--spacing) * 96 );
    }

    .itms-h-98 {
        height: calc(var(--spacing) * 98 );
    }

    .itms-h-100 {
        height: calc(var(--spacing) * 100 );
    }
}

@media (min-width: 576px) {
    .itms-h-sm-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-sm-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-sm-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-sm-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-sm-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-sm-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-sm-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-sm-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-sm-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-sm-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-sm-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-sm-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-sm-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-sm-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-sm-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-sm-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-sm-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-sm-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-sm-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-sm-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-sm-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-sm-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-sm-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-sm-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-sm-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-sm-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-sm-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-sm-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-sm-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-sm-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-sm-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-sm-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-sm-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-sm-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-sm-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-sm-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-sm-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-sm-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-sm-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-sm-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-sm-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-sm-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-sm-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-sm-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-sm-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-sm-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-sm-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-sm-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-sm-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-sm-100 {
        height: calc(var(--spacing) * 100);
    }
}


@media (min-width: 768px) {
    .itms-h-md-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-md-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-md-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-md-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-md-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-md-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-md-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-md-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-md-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-md-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-md-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-md-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-md-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-md-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-md-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-md-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-md-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-md-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-md-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-md-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-md-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-md-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-md-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-md-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-md-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-md-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-md-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-md-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-md-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-md-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-md-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-md-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-md-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-md-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-md-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-md-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-md-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-md-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-md-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-md-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-md-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-md-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-md-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-md-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-md-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-md-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-md-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-md-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-md-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-md-100 {
        height: calc(var(--spacing) * 100);
    }
}

@media (min-width: 992px) {
    .itms-h-lg-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-lg-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-lg-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-lg-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-lg-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-lg-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-lg-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-lg-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-lg-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-lg-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-lg-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-lg-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-lg-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-lg-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-lg-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-lg-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-lg-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-lg-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-lg-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-lg-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-lg-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-lg-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-lg-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-lg-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-lg-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-lg-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-lg-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-lg-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-lg-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-lg-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-lg-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-lg-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-lg-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-lg-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-lg-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-lg-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-lg-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-lg-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-lg-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-lg-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-lg-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-lg-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-lg-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-lg-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-lg-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-lg-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-lg-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-lg-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-lg-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-lg-100 {
        height: calc(var(--spacing) * 100);
    }
}


@media (min-width: 1200px) {
    .itms-h-xl-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-xl-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-xl-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-xl-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-xl-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-xl-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-xl-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-xl-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-xl-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-xl-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-xl-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-xl-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-xl-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-xl-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-xl-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-xl-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-xl-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-xl-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-xl-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-xl-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-xl-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-xl-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-xl-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-xl-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-xl-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-xl-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-xl-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-xl-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-xl-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-xl-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-xl-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-xl-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-xl-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-xl-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-xl-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-xl-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-xl-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-xl-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-xl-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-xl-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-xl-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-xl-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-xl-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-xl-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-xl-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-xl-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-xl-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-xl-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-xl-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-xl-100 {
        height: calc(var(--spacing) * 100);
    }
}

@media (min-width: 1400px) {
    .itms-h-xxl-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-xxl-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-xxl-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-xxl-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-xxl-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-xxl-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-xxl-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-xxl-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-xxl-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-xxl-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-xxl-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-xxl-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-xxl-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-xxl-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-xxl-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-xxl-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-xxl-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-xxl-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-xxl-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-xxl-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-xxl-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-xxl-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-xxl-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-xxl-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-xxl-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-xxl-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-xxl-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-xxl-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-xxl-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-xxl-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-xxl-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-xxl-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-xxl-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-xxl-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-xxl-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-xxl-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-xxl-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-xxl-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-xxl-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-xxl-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-xxl-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-xxl-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-xxl-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-xxl-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-xxl-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-xxl-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-xxl-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-xxl-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-xxl-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-xxl-100 {
        height: calc(var(--spacing) * 100);
    }
}

@media (min-width: 1920px) {
    .itms-h-xxxl-2 {
        height: calc(var(--spacing) * 2);
    }

    .itms-h-xxxl-4 {
        height: calc(var(--spacing) * 4);
    }

    .itms-h-xxxl-6 {
        height: calc(var(--spacing) * 6);
    }

    .itms-h-xxxl-8 {
        height: calc(var(--spacing) * 8);
    }

    .itms-h-xxxl-10 {
        height: calc(var(--spacing) * 10);
    }

    .itms-h-xxxl-12 {
        height: calc(var(--spacing) * 12);
    }

    .itms-h-xxxl-14 {
        height: calc(var(--spacing) * 14);
    }

    .itms-h-xxxl-16 {
        height: calc(var(--spacing) * 16);
    }

    .itms-h-xxxl-18 {
        height: calc(var(--spacing) * 18);
    }

    .itms-h-xxxl-20 {
        height: calc(var(--spacing) * 20);
    }

    .itms-h-xxxl-22 {
        height: calc(var(--spacing) * 22);
    }

    .itms-h-xxxl-24 {
        height: calc(var(--spacing) * 24);
    }

    .itms-h-xxxl-26 {
        height: calc(var(--spacing) * 26);
    }

    .itms-h-xxxl-28 {
        height: calc(var(--spacing) * 28);
    }

    .itms-h-xxxl-30 {
        height: calc(var(--spacing) * 30);
    }

    .itms-h-xxxl-32 {
        height: calc(var(--spacing) * 32);
    }

    .itms-h-xxxl-34 {
        height: calc(var(--spacing) * 34);
    }

    .itms-h-xxxl-36 {
        height: calc(var(--spacing) * 36);
    }

    .itms-h-xxxl-38 {
        height: calc(var(--spacing) * 38);
    }

    .itms-h-xxxl-40 {
        height: calc(var(--spacing) * 40);
    }

    .itms-h-xxxl-42 {
        height: calc(var(--spacing) * 42);
    }

    .itms-h-xxxl-44 {
        height: calc(var(--spacing) * 44);
    }

    .itms-h-xxxl-46 {
        height: calc(var(--spacing) * 46);
    }

    .itms-h-xxxl-48 {
        height: calc(var(--spacing) * 48);
    }

    .itms-h-xxxl-50 {
        height: calc(var(--spacing) * 50);
    }

    .itms-h-xxxl-52 {
        height: calc(var(--spacing) * 52);
    }

    .itms-h-xxxl-54 {
        height: calc(var(--spacing) * 54);
    }

    .itms-h-xxxl-56 {
        height: calc(var(--spacing) * 56);
    }

    .itms-h-xxxl-58 {
        height: calc(var(--spacing) * 58);
    }

    .itms-h-xxxl-60 {
        height: calc(var(--spacing) * 60);
    }

    .itms-h-xxxl-62 {
        height: calc(var(--spacing) * 62);
    }

    .itms-h-xxxl-64 {
        height: calc(var(--spacing) * 64);
    }

    .itms-h-xxxl-66 {
        height: calc(var(--spacing) * 66);
    }

    .itms-h-xxxl-68 {
        height: calc(var(--spacing) * 68);
    }

    .itms-h-xxxl-70 {
        height: calc(var(--spacing) * 70);
    }

    .itms-h-xxxl-72 {
        height: calc(var(--spacing) * 72);
    }

    .itms-h-xxxl-74 {
        height: calc(var(--spacing) * 74);
    }

    .itms-h-xxxl-76 {
        height: calc(var(--spacing) * 76);
    }

    .itms-h-xxxl-78 {
        height: calc(var(--spacing) * 78);
    }

    .itms-h-xxxl-80 {
        height: calc(var(--spacing) * 80);
    }

    .itms-h-xxxl-82 {
        height: calc(var(--spacing) * 82);
    }

    .itms-h-xxxl-84 {
        height: calc(var(--spacing) * 84);
    }

    .itms-h-xxxl-86 {
        height: calc(var(--spacing) * 86);
    }

    .itms-h-xxxl-88 {
        height: calc(var(--spacing) * 88);
    }

    .itms-h-xxxl-90 {
        height: calc(var(--spacing) * 90);
    }

    .itms-h-xxxl-92 {
        height: calc(var(--spacing) * 92);
    }

    .itms-h-xxxl-94 {
        height: calc(var(--spacing) * 94);
    }

    .itms-h-xxxl-96 {
        height: calc(var(--spacing) * 96);
    }

    .itms-h-xxxl-98 {
        height: calc(var(--spacing) * 98);
    }

    .itms-h-xxxl-100 {
        height: calc(var(--spacing) * 100);
    }
}

.modal-backdrop.show{
    stop-opacity:revert !important
}

.count40DCBorder {
    background-color: var(--Primary-2);
}
/* When another card is focused, reset background color for count40DCBorder */
.container:has(.count20DCBorder:focus) .count40DCBorder,
.container:has(.count45DCBorder:focus) .count40DCBorder,
.container:has(.count2020DCBorder:focus) .count40DCBorder {
    background-color: transparent;
}
/* Apply background color to the currently focused card */
.container:has(.count40DCBorder:focus) .count40DCBorder,
.container:has(.count20DCBorder:focus) .count20DCBorder,
.container:has(.count45DCBorder:focus) .count45DCBorder,
.container:has(.count2020DCBorder:focus) .count2020DCBorder {
    background-color: var(--Primary-2);

body.modal-open-blur .content-wrapper,
body.modal-open-blur header,
body.modal-open-blur footer {
    filter: blur(4px);
    transition: filter 0.3s ease;
}

/* Style improvements for modal */
.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-body {
    padding: 20px;
}

    .modal-body .row {
        margin-bottom: 15px;
    }

.form-label {
    font-weight: 500;
    margin-bottom: 5px;
}

.photo-taken {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#reasonForChange {
    resize: none;
}

.ITMSInput.error input,
.ITMSInput.error select,
.ITMSInput.error textarea {
    border: 2px solid red; /* Red border to indicate an error */
    outline: none; /* Remove the default focus outline */
}
/*.highlight-row:hover {
    background-color: #d4edda !important;*/ /* light green */
    /*cursor: pointer;
}*/