:root {
    --rz-form-field-margin: 0.5rem 0 0;
    --rz-form-field-start-end-padding: 0 0.75rem;
    --rz-form-field-filled-height: 3.375rem;
    --rz-form-field-filled-padding: 1.4375rem 0.9375rem 0.4375rem;
    --rz-form-field-filled-numeric-padding: 1.4375rem 1.25rem 0.4375rem 0.9375rem;
    --rz-form-field-filled-background-color: var(--rz-base-200);
    --rz-form-field-filled-hover-background-color: var(--rz-base-300);
    --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-200);
    --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300);
    --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-200);
    --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
    --rz-form-field-filled-label-floating-top: 0.5rem;
    --rz-form-field-filled-hover-shadow: none;
    --rz-form-field-filled-focus-shadow: none;
    --rz-form-field-filled-underline-display: block;
    --rz-form-field-shadow: none;
    --rz-form-field-hover-shadow: var(--rz-input-hover-shadow);
    --rz-form-field-focus-shadow: var(--rz-input-focus-shadow);
    --rz-form-field-label-color: var(--rz-text-color);
    --rz-form-field-label-focus-color: var(--rz-primary);
    --rz-form-field-label-padding: 0 0.25rem;
    --rz-form-field-text-label-padding: 0;
    --rz-form-field-label-left: 0.6875rem;
    --rz-form-field-label-textarea-top: 0.5rem;
    --rz-form-field-label-floating-top: -1rem;
    --rz-form-field-helper-padding: 0 1rem;
    --rz-dialog-close-font-size:3rem;
}

.rz-form-field-helper {
    padding: var(--rz-form-field-helper-padding);
}

.rz-form-field-content {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    margin: var(--rz-form-field-margin);
    box-shadow: var(--rz-form-field-shadow);
    transition: var(--rz-input-transition);
}

    .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext {
        flex: 1;
    }

    .rz-form-field-content .rz-form-field-start,
    .rz-form-field-content .rz-form-field-end {
        display: flex;
        flex: 0;
        align-items: center;
        white-space: nowrap;
        padding: var(--rz-form-field-start-end-padding);
        padding-top: 0;
        padding-bottom: 0;
    }

.rz-form-field {
    display: inline-flex;
    flex-direction: column;
    vertical-align: top;
}

    .rz-form-field:hover .rz-form-field-content {
        box-shadow: var(--rz-form-field-hover-shadow);
    }

    .rz-form-field.rz-state-focused .rz-form-field-content {
        box-shadow: var(--rz-form-field-focus-shadow);
    }

    .rz-form-field.rz-state-disabled .rz-form-field-content {
        color: var(--rz-input-disabled-color);
        box-shadow: var(--rz-input-disabled-shadow);
    }

    .rz-form-field.rz-state-disabled.rz-variant-outlined .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-flat .rz-form-field-content {
        border: var(--rz-input-disabled-border);
    }

    .rz-form-field.rz-state-disabled .rz-state-disabled,
    .rz-form-field.rz-state-disabled :disabled {
        color: var(--rz-input-disabled-color);
    }

    .rz-form-field.rz-variant-outlined .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-start {
        padding-right: 0;
    }

    .rz-form-field.rz-variant-outlined .rz-form-field-end, .rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end {
        padding-left: 0;
    }

    .rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content {
        margin: 0;
        --rz-input-height: var(--rz-form-field-filled-height);
        --rz-input-padding: var(--rz-form-field-filled-padding);
        --rz-numeric-input-padding: var(--rz-form-field-filled-numeric-padding);
        --rz-form-field-label-floating-top: var(--rz-form-field-filled-label-floating-top);
        box-shadow: var(--rz-input-shadow);
    }

        .rz-form-field.rz-variant-filled .rz-form-field-content .rz-spinner-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-spinner-up {
            top: calc(var(--rz-numeric-button-offset) + 1rem);
        }

        .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start,
        .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start,
        .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end {
            padding-top: 1rem;
        }

        .rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea {
            margin-top: 1rem;
        }

        .rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger {
            top: calc(50% + 0.4375rem);
        }

    .rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
        /*        border: var(--rz-input-hover-border);
        box-shadow: var(--rz-input-hover-shadow)*/;
    }

    .rz-form-field.rz-variant-flat.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content {
        /*        border: var(--rz-input-focus-border);
        box-shadow: var(--rz-input-focus-shadow);*/
    }

    .rz-form-field.rz-variant-filled .rz-form-field-content {
        border: var(--rz-form-field-filled-border);
        border-radius: var(--rz-form-field-filled-border-radius);
        background-color: var(--rz-form-field-filled-background-color);
    }

        .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after {
            display: var(--rz-form-field-filled-underline-display);
        }

    .rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content {
        border: var(--rz-form-field-filled-hover-border);
        box-shadow: var(--rz-form-field-filled-hover-shadow);
        background-color: var(--rz-form-field-filled-hover-background-color);
    }

    .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content, .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled):hover .rz-form-field-content {
        border: var(--rz-form-field-filled-focus-border);
        box-shadow: var(--rz-form-field-filled-focus-shadow);
        background-color: var(--rz-form-field-filled-background-color);
    }

    .rz-form-field.rz-variant-text .rz-form-field-content {
        border-color: transparent;
        box-shadow: none;
        --rz-input-background-color: transparent;
        --rz-input-border-radius: 0;
        --rz-input-padding: 0.4375rem 0;
        --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0;
        --rz-text-area-padding: 0.4375rem 0;
        --rz-form-field-label-left: 0;
        --rz-form-field-label-padding: var(--rz-form-field-text-label-padding);
    }

        .rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper {
            padding: 0;
        }

    .rz-form-field.rz-variant-text .rz-form-field-start {
        padding-left: 0;
    }

    .rz-form-field.rz-variant-text .rz-form-field-end {
        padding-right: 0;
    }

    .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        right: 50%;
        bottom: calc(-1 * var(--rz-border-width));
        height: calc(var(--rz-border-width) + 1px);
        border: var(--rz-input-focus-border);
        border-left-width: 0;
        border-right-width: 0;
        transition: left var(--rz-transition), right var(--rz-transition), border-width var(--rz-transition);
    }

    .rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after {
        content: "";
        position: absolute;
        inset: calc(-1 * var(--rz-border-width));
        top: auto;
        height: var(--rz-border-width);
        border-bottom: var(--rz-input-border);
    }

    .rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after {
        border-bottom: var(--rz-input-hover-border);
    }

    .rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after {
        border-bottom: var(--rz-input-disabled-border);
    }

    .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before {
        left: calc(-1 * var(--rz-border-width));
        right: calc(-1 * var(--rz-border-width));
        border: var(--rz-input-focus-border);
        border-left-width: var(--rz-border-width);
        border-right-width: var(--rz-border-width);
    }

    .rz-form-field .rz-spinner-button {
        display: none;
    }

    .rz-form-field .rz-spinner:focus-within .rz-spinner-button {
        display: block;
    }

.rz-form-field-label {
    position: absolute;
    pointer-events: none;
    padding: var(--rz-form-field-label-padding);
    top: 50%;
    right: auto;
    border-radius: var(--rz-border-radius);
    left: var(--rz-form-field-label-left);
    max-width: calc(100% - 1.5rem);
    transform: translate(0, -50%);
    background-color: transparent;
    transition: top var(--rz-transition), transform var(--rz-transition), color var(--rz-transition), font-size var(--rz-transition), max-width var(--rz-transition);
    padding-top:2px;
}

.rz-state-disabled .rz-form-field-content > .rz-form-field-label {
    color: var(--rz-input-disabled-color) !important;
}

.rz-form-field-label:last-child {
    right: 1.5rem;
}

.rz-textarea ~ .rz-form-field-label {
    top: var(--rz-form-field-label-textarea-top);
    transform: translate(0, 0);
}

.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label {
    transform: translate(0, 0.625rem);
}

.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label {
    right: auto;
    top: -0.5rem;
    transform: translate(0,0);
    color: var(--rz-input-placeholder-color);
    background-color: white;
    font-size: 1.1rem !important;
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
    min-height: 20px;
    padding-top: 2px;
}

.invalid ~ .rz-form-field-label {
    color: var(--rz-danger) !important;
}

.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label {
    color: var(--rz-form-field-label-focus-color);
}

.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label {
    color: var(--rz-form-field-label-focus-color);
}

.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-spinner:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label {
    color: var(--rz-form-field-label-focus-color);
}





:root {
    --rz-input-hover-border: none;
    --rz-sidebar-toggle-icon-width: 2.8rem;
    /*    --rz-input-border: none;
    --rz-input-focus-shadow: none;
*/ --rz-input-focus-shadow: none;
    --rz-dropdown-item-font-size: 1.5rem;
    --rz-input-font-size: 1.5rem;
    --rz-header-shadow: var(--rz-shadow-0);
    --rz-sidebar-toggle-hover-background-color: transparent;
    --rz-sidebar-toggle-hover-border-radius: 0%;
    --rz-menu-top-item-background-color: white;
    --rz-menu-top-item-color: black;
    /*    --rz-input-hover-border: none;
    --rz-input-focus-border: none;
*/ --bs-primary-bg-subtle: white;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-padding-x: 0px;
    --bs-accordion-btn-focus-border-color: white !important;
    --bs-table-bg: transparent;
    --rz-fieldset-border: none;
    --rz-primary: black;
    --rz-text-contrast-color: black;
    --rz-menu-item-padding: 1rem 1rem;
    --bs-primary-text-emphasis: black;
    --rz-menu-top-item-background-color: transparent;
    --rz-menu-top-item-background-color:transparent;
}
/* typical phone screen resolution */
.rz-sidebar-toggle:hover {
    background:transparent!important
}
/* typical phone screen resolution */
@media only screen and (max-width : 500px) {
    .product-main-image {
        min-height: 140vw !important;
    }

}
/* landscape orientation */
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-transition: all .6s ease;
}
.plus-accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e") !important;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3e%3c/svg%3e") !important;
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out,border-radius 0.15s ease!important;
}
input::selection {
    background: black !important;
}
.table.table-summary {
        --bs-table-bg: transparent;
    --bs-body-bg: transparent;

}
    .table.table-summary thead th:last-child, .table.table-summary tbody td:last-child {
        font-size: 1.5rem;
        font-family: var(--Poppins);
    }
    .table.table-summary thead th, .table.table-summary tbody td {
        font-size: 1.3rem;
        font-family: var(--Poppins);
    }
.rz-dialog-side-position-right {
    z-index: 1500;
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
    border-bottom: 1px solid lightgray;
}
.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
    border:none;
    border-bottom: 1px solid lightgray;
}


.rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content {
    border: none !important;
    background-color: inherit;
    border-radius: 0 !important;
    
}

    .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start {
        padding: 0;
    }

.rzi {
    font-size: 2rem;
    color: #555;
}


.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
    box-shadow: none;
    border-radius: 0;
}

.rz-form-field-content {
    border: none !important;
    border-radius: 0!important;
}

    .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext {
        /*padding: 0 10px;*/
    }



.rz-form-field.rz-variant-flat.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0!important;
}



.rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    border-bottom: 1px solid lightgray;
}
.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    border:none;
    border-bottom: 1px solid lightgray;
    color:black;
}





.rz-form-field-content {
    border: none;
    border-bottom: solid 1px lightgray !important;
}
.rz-form-field-end {
    padding:0;
}
.rz-chkbox-box {
    border: solid 1px;
}
    .rz-chkbox-box .rzi {
        color:white;
    }
    .rz-chkbox-box:hover:not(.rz-state-disabled) {
        border: 1px solid;
    }
    .chkbox-box:hover:not(.rz-state-disabled) {
        border: 1px solid;
    }
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
/*    padding-top: 20px;
    margin-top: 30px;
    border: none;
    box-shadow: none;
*/}
.rz-menu.rz-menu-closed:not(.rz-profile-menu) .rz-navigation-item {
    display: flex!important;
}
.rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
     display: none!important; 
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .cart-dropdown .cart-count {
        margin-left:-0.8rem!important;
        margin-top: -1.5rem!important;
    }
}
body {
    /*overflow: hidden;*/
    color:black;
}

.form-control {
    appearance: auto !important;
    -webkit-appearance:auto!important;
}
.rz-body {
    padding: 0rem;
}
.rz-header {
    transition: all 0.5s ease-in-out;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .rz-body {
        width: calc( 100vw + 0px);
    }
    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        top: 35% !important;
    }
}
.header a, .header a:hover, .header a:focus {
    color:black;
}
.rz-sidebar-toggle i {
    font-size:2.8rem;
}
.hidden {
    display:none;
}





.accordion {
    margin-bottom: .5rem!important;
}
.accordion-item {
    background-color:transparent!important;
    border:none!important;
}
.accordion-item:focus {
    background-color: transparent !important;
    border: none!important;
}
.accordion-button {
    padding: 1rem 0rem;
    background-color: transparent !important;
}
    .accordion-button:focus {
        border-color: white !important;
        box-shadow:none!important;
    }

.toast {
    position: fixed;
    top: 90px;
    right: 0px;
    max-width:100vw;
}


.ct-btn {
    background-color: black !important;
    color: white !important;
    padding: 1rem !important;
    margin-right:1rem;
    font-size: 1.5rem !important;

    transition: all 0.5s ease-in-out ;
    border: solid 1px black !important;
    border-radius:0px;
}
    .ct-btn:hover {
        background-color: white!important;
        color: black!important;       
 
    }
    .ct-btn:active {
/*        background-color: white !important;
        color: black !important;
*/
    }
    .ct-btn:focus {
        /*background-color: white !important;
        color: black !important;
*/
    }

.ct-btn-white {
    background-color: white !important;
    color: black !important;
    padding: 1rem !important;
    margin-right: 1rem;
    font-size: 1.5rem !important;
    transition: all 0.5s ease-in-out !important;
    border-radius: 0px;
    border: solid 1px lightgray !important;
    box-shadow: none !important;
}

    .ct-btn-white:hover {
        border: solid 1px gray !important;
        box-shadow: none !important
    }

    .ct-btn-white:active {
        border: solid 1px gray !important;
        box-shadow: none !important
    }

    .ct-btn-white:focus {
        border: solid 1px gray !important;
        box-shadow: none !important
    }

.rz-form-field-label {
    text-transform: none !important;
    
    min-height: 30px;
}
label {
    font-size: 1.4rem !important;
    text-transform: none !important;
}
.invalid {
    border:solid 1px red!important;
}
.valid {
    border: solid 1px #c6cbd2 !important;
}