@font-face {
    font-family: 'MyWebFont';
    src: url('../fonts/AnjomanMaxFN-Medium.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../fonts/AnjomanMaxFN-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: 'MyWebFontL';
    src: url('../fonts/AnjomanMaxFN-Regular.ttf') format('truetype')
}


h6 {
    font-family: MyWebFont, serif;
}

body {
    font-family: MyWebFont, serif;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

.mbg-secondary {
    background-color: #F4F4F4;
}

.mbg-secondary {
    background-color: #F4F4F4;
}

hr {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

/*.fix-root-margin {*/
/*    margin-right: -22px !important;*/
/*    margin-left: -22px !important;*/
/*}*/

.std-side-margin {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.mb-26px {
    margin-bottom: 26px !important;
}

.std-side-margin2 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.m-sides-unset {
    margin-right: unset !important;
    margin-left: unset !important;
}

.swiper {
    width: 250px;
    height: 600px;
}

.swiper2 {
    width: unset !important;
    height: unset !important;;
}

.swiper-pag-item-active {
    background-color: #1D1D1B !important;
    opacity: 1;
    cursor: pointer;
    height: 40px;
    margin: 2px;
    width: 2px;
}

.swiper-pag-item {
    background-color: #D2D2D1;
    opacity: 1;
    cursor: pointer;
    height: 40px;
    margin: 2px;
    width: 2px;

}

.swiper-pag-item-hr-active {
    background-color: #1D1D1B !important;
    opacity: 1;
    cursor: pointer;
    height: 2px;
    margin: 2px;
    width: 40px;
}

.swiper-pag-item-hr {
    background-color: #D2D2D1;
    opacity: 1;
    cursor: pointer;
    height: 2px;
    margin: 2px;
    width: 40px;

}

.count-box {

}

.count-box:hover {
    background-color: black;
    color: white;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: unset !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
    content: unset !important;
}

.nav-link.active {
    border-top-style: unset !important;
    border-right-style: unset !important;
    border-left-style: unset !important;
    border-bottom-style: double !important;
    border-bottom-color: black !important;
}

.nav-link {
    border-top-style: unset !important;
    border-right-style: unset !important;
    border-left-style: unset !important;
    border-bottom-style: double !important;
    border-bottom-color: #DDDDDD !important;
    color: unset !important;
}

.nav-tabs {
    border-bottom: 2px solid var(--bs-nav-tabs-border-color);
}

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

    .neg-md-ml {
        margin-left: -15px;
    }

    .neg-md-mr {
        right: -15px;
    }

    .neg-md-ml2 {
        margin-left: -1700px;
    }

    .neg-md-mr2 {
        right: -30px;
    }

    .ml-md-unset {
        margin-left: unset !important;
    }

    .md-pr-40 {
        padding-right: 40px !important;
    }


}

@media (min-width: 992px) {
    .lg-height-150 {
        height: 150px !important;
    }

    .ml-lg-unset {
        margin-left: unset !important;
    }

    .neg-lg-ml3 {
        margin-left: -5em !important;
    }

    .lg-negML-10 {
        margin-left: -10px !important;
    }

    .lg-negMR-30 {
        margin-right: -30px !important;
    }

    .lg-negMR-55 {
        margin-right: -55px !important;
    }

    .lg-pr-0 {
        padding-right: 0 !important;
    }

    .lg-pr-20 {
        padding-right: 20px !important;
    }

    .lg-pr-10 {
        padding-right: 10px !important;
    }

    .lg-w-50 {
        width: 50% !important;
    }

    .lg-w-55 {
        width: 55% !important;
    }

    .lg-w-95 {
        width: 95% !important;
    }

    .lg-w-98 {
        width: 98% !important;
    }

    .lg-offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }

    .lg-zoom-1-1 {
        zoom: 1.24;
    }

    .lg-pr-40 {
        padding-right: 40px !important;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .w-25-sm {
        width: 100% !important;
    }

    .w-100-sm {
        width: 100% !important;
    }

    .w-75-sm {
        width: 100% !important;
    }

    .sm-pr-40 {
        padding-right: 40px !important;
    }

    .sm-pr-20 {
        padding-right: 20px !important;
    }

    .sm-border-radius-0 {
        border-radius: 0 !important;
        border-left: unset !important;
        border-right: unset !important;
    }

    .sm-mr-40 {
        padding-right: 40px !important;
    }

    .sm-w-100 {
        width: 100% !important;
    }

    .sm-h-80 {
        height: 80% !important;
    }

    .sm-offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .margin-sm-auto {
        margin: auto !important;
    }

    .sm-justify-content-center {
        justify-content: center !important;
    }

    .sm-text-center {
        text-align: center !important;
    }

    .sm-d-none {
        display: none !important;
    }

    .sm-mt-40-neg {
        margin-top: -40px !important;
    }

    .home-rectangle {
        background-image: url('../assets/RECTANGLE -sm.png') !important;
        background-repeat: no-repeat;
        background-position: bottom !important;
        background-size: 100% 100%;
    }
}

.prdcolor-active {
    outline-color: black !important;
}

.prdsize-active {
    outline-color: black !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.modal-open .modal-backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1 !important;
}

.underlined-input {
    outline: unset;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-bottom-style: solid;
    border-width: 1px;
    border-bottom-color: #C7C8C9;
    border-radius: unset;
}

.underlined-input-error {
    border-bottom-color: red !important;
}

.linkable {
    cursor: pointer;
}

.accordion-item {

    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
}

.accordion {
    --bs-accordion-btn-focus-border-color: unset !important;
    --bs-accordion-active-bg: unset !important;
    --bs-accordion-btn-focus-box-shadow: unset !important;
}

.accordion-button:after {
    margin-left: 0;
    margin-right: auto;
    color: black !important;
}

.accordion-button:not(.collapsed) {
    color: unset !important;
}

.btn:disabled {
    background-color: #D2D2D1;
    border-color: #D2D2D1;
}

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

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

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

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

.w-03 {
    width: 0.3% !important;
}

.receipt {
    background-image: url(/static/website/assets/receipt.png);
    background-size: 100% 100%;
}

.receipt-sec1 {
    background-image: url(/static/website/assets/receipt-sec1.png);
    background-size: 100% 100%;
}

.color-second {
    color: #D2D2D1 !important;
}

.color-second2 {
    color: #777776;
}

.dashed-hr {
    border-style: dashed;
    opacity: 1;
    zoom: 2;
}

/* only for bootstrap form-check-input classes */
.c-checkbox {
    border-color: black;
    border-radius: 3px !important;
    accent-color: black !important;
    background-image: var(--bs-form-check-bg-image);
    /*background-color: black;*/
}

option {
    color: black;
}

.orderdatepicker {
    width: 88px;
    cursor: pointer;
}

.datepicker-selected {
    border: solid black 1px;
    border-radius: 10px;
}

.normallized-p {
    margin-top: unset !important;
    margin-bottom: unset !important;
}

.font-size-smaller {
    font-size: smaller;
}

.font-size-small {
    font-size: small;
}

.text-danger {
    color: #C54331 !important;
}

.color-green {
    color: #3BAE62 !important;
}


.table-brown,
.table-brown > td,
.table-brown > th {
    background-color: #E5E1DA;
    font-size: smaller;
}

.btn-brown {
    background-color: #E5E1DA;
    color: black;
}

.btn-brown:hover {
    background-color: #ccc7be;
    color: black;
}

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

.cursor-pointer {
    cursor: pointer;
}

.max-width-fit {
    max-width: fit-content;
}

.banner-text {
    letter-spacing: 6px;
    font-weight: lighter;
    font-size: xx-small;
    zoom: 1.9;
    margin-top: 2px;
}

.d-none-force {
    display: none !important;
}

.popover {
    max-width: 350px !important;
}

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

.h-fit-content {
    height: fit-content !important;
}

@media print {
    #_nav, #_footer, .modal {
        display: none;
    }

    .not-printable {
        display: none;
    }
}

.border-bottom-gray {
    border-bottom: 1px solid #D2D2D1;
}

.main-tab-item {
    text-align: center;
    padding: 16px 20px;
    margin-bottom: unset;
    cursor: pointer;
}

.main-tab-item.active {
    border-bottom: 1px solid black;
}

.home-rectangle {
    background-image: url('../assets/RECTANGLE.png');
    background-repeat: no-repeat;
    background-position: top
}