body {
    background-color: #1e1e1e;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    [type=button] {
        border-color: transparent;

    }
    [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
        background-color: rgba(255, 255, 255, .7);
        color: #1e1e1e;
    }
    &.woocommerce-checkout {
        main#content {
            max-width: 100%;
        }
    }
}

button {
    border-color: transparent;
}

.item-catalog__title:hover {
    color: #fff;
}

.catalog {
    margin-top: 80px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    padding: 0;
    background: none;
    flex: 1;
}

.account__navigation-button, .upload-button {
    display: flex!important;
    border-color: transparent;
}

.button {
    display: inline-flex!important;
    border-color: transparent!important;
}

.input:focus {
    border-color: #fff!important;
}

.input {
    border: .0625rem solid #383838!important;
}

.select__title {
    background-color: #383838!important;
    padding: unset!important;
    
}

.select__title:focus,
.select__title:hover {
    color: #fff!important;
}
.select__option:focus,
.select__option:hover {
    background-color: transparent!important;
    color: #fff!important;
}

.account {
    padding-top: 50px;
}

.item-cart__title:hover {
    color: #fff;
}

.myaccount-item-settings .account-aside {
    display: none;
}


.account__items-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-checkout__group {
    flex: 1;
}

wc-order-attribution-inputs {
    display: none;
}

.page-header .entry-title {
    display: none;
}

.order-actions-button {
    margin-bottom: 20px;
}

body .button {
    text-decoration: none;
}

.js-tabs-panels {
    grid-column: span 2;
}



/*.checkbox.error .checkbox__label{*/
/*    color:red;*/
/*}*/

/*.checkbox.error{*/
/*    outline:2px solid red;*/
/*}*/


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-within {
    border-radius: 8px;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #383838 inset;
    transition: background-color 9999s ease-in-out 0s;
    caret-color: #fff;
}

input {
    color: #fff;
    caret-color: #fff;
}



.woocommerce-NoticeGroup-checkout .woocommerce-error a {
    text-decoration: none;color: red;display: block;
    margin-bottom: 20px;
}


.select__options {
    max-width: unset;
}

.required-star{
    color:#ff3b30;
}

.checkbox-error {
    display: none;
    color: #e10600;
    font-size: 12px;
    margin-top: 6px;
}

.checkbox-error-active .checkbox__label {
    color: #e10600;
}

.checkbox-error-active .checkbox__label::before {
    border-color: #e10600;
}

.model-settings__container,.account__container {
    padding-top: 0!important;
}

.account {
    padding-top: 5px!important;
}

html body {
    padding-top: 135px!important;
}


.checkout .field.required .field__title::after {
    content: "*";
    color: #FF0000;
    margin-left: 0.2em;
    font-weight: bold;
}


.woocommerce-checkout .form-row.validate-required label::after {
    content: "*";
    color: #FF0000;
    margin-left: 0.2em;
    font-weight: bold;
}



















.woocommerce-message {
    color: #16a34a;
}


.woocommerce-error {
    color: #e10600;
    li {
        margin-bottom: 5px;
    }
}

.field__viewpass {
    padding: 0;
    &:hover,
    &:focus{
        background-color: transparent !important;
        color: #fff!important;
    }
}

.header-popup__close {
    padding: 0;
    &:hover,
    &:focus{
        background-color: transparent !important;
        color: #fff!important;
    }
}

.item-cart__delete {
    padding: 0;
    &:hover,
    &:focus{
        background-color: transparent !important;
        color: var(--error)!important;
    }
}


.header-popup__text {
    margin-bottom: 0;
}



.myaccount-field,
#card-number-root,
#card-expiry-root,
#card-cvc-root,
#card-name-root,
#card-amount,
#pay-btn {
    transition: all 0.3s ease;
}


.otp-block {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.otp-block._active {
    display: block !important;
    opacity: 1 !important;
}

.otp-block input {
    margin-bottom: 20px;
}









.password-reset__holder {
    max-width: 444px;
}

.password-reset {
    padding: 100px 0;
}

.password-reset__input {
    margin-bottom: 20px;
}






.select2-container .select2-selection--single {
    display: flex;
    min-width: 0;
    align-items: center;
    height: 3.25rem;
    padding: 0 1.25rem;
    gap: .625rem;
    background-color: #383838;
    border: none;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}


.select2-dropdown {
    background-color: #383838;
    color: #fff;
    border: none;
}


.select2-container--default .select2-results>.select2-results__options {
    &::-webkit-scrollbar{-webkit-appearance:none;width:.375rem}
    &::-webkit-scrollbar-track{border-radius:.375rem;background:#8f8f8f}
    &::-webkit-scrollbar-thumb{background:#fff;border-radius:.375rem}
    &::-webkit-scrollbar-thumb:hover{background:#555}
}

.select2-results__option {
    color: #8f8f8f;
    transition: all .3s;
    padding: .5rem 1rem;
}

.select2-search--dropdown {
    padding: .5rem 1rem;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: transparent;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: transparent;
    color: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
    margin-right: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative;
    height: unset;transition: .3s;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "";
    width: 14px;
    height: 8px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.04289 6.04289C6.37623 6.37623 6.54289 6.54289 6.75 6.54289C6.95711 6.54289 7.12377 6.37623 7.45711 6.04289L12.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    rotate: 180deg;
}

.select2-container .select2-selection--single {
    justify-content: space-between;
}