.form-control-new {
    display: block;
}


.form-control-new label:not(.shipping-style-fix) {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 4px;
    color: #94A3B8;
}


.form-control-new input, .form-control-new textarea {
    font-family: Montserrat, sans-serif;
    background-color: #F1F5F9;
    color: #475569;
    gap: 12px;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px;
    display: block;
    width: 100%;
}

.form-control-new input {
    height: 39px;
    border: none;
}

.form-control-new textarea {
    height: 80px;
    resize: none;
    border: none;
}

.form-control-new input:hover:not(.number-input-field, .select2-search__field), .form-control-new textarea:hover{
    background-color: #64748B1A;
}

.form-control-new input:active:not(.number-input-field, .select2-search__field), .form-control-new textarea:active{
    background-color: #64748B1A;
}

.form-control-new input:focus:not(.number-input-field, .select2-search__field), .form-control-new textarea:focus{
    background-color: white;
    border: 1.2px solid #00ADEF;
    outline: none;
    padding-left: 11px;
}

.form-control-new input.number-input-field {
    background-color: white !important;
}

.form-control-new input.number-input-field:active,
.form-control-new input.number-input-field:focus {
    color: #212529;
    font-size: 1.6rem !important;
    margin-top: 6px !important;
}

.form-control-new .number-input-btn {
    padding-top: 14px;
}

.form-control-new .number-input-num {
    padding-top: 14px;
}

@media (max-width: 1200px) {
    .form-control-new .number-input-btn {
        padding-top: 8px;
    }

    .form-control-new .number-input-num {
        padding-top: 8px;
    }
}


.form-control-new textarea:focus {
    padding-top: 7px;
    padding-left: 11px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px;
}

.form-control-new textarea:-moz-placeholder,
.form-control-new textarea::-webkit-input-placeholder,
.form-control-new input:-moz-placeholder,
.form-control-new input::-webkit-input-placeholder {
    color: #202427;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px !important;
    font-style: normal;
}

.form-control-new .is-invalid {
    border-color: #dc3545!important;
    outline: none !important;
    box-shadow: none !important;
    margin-bottom: -1px;
}

.form-control-new .invalid-feedback {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #EF4444;
    display: flex;
    height: 16px;
    background-color: transparent;
    padding: 0;
}

.form-control-new .s-country +.invalid-feedback {
    display: none;
}

.form-control-new input + div.invalid-feedback {
    margin-bottom: -15px;
}

.form-control-new .delete-acc-form .invalid-feedback {
    margin-top: -24px;
    margin-bottom: 8px;
}

.form-control-new .invalid-feedback .parsley-type::before,
.form-control-new .invalid-feedback .parsley-required::before{
    content: url("/assets/img/invalid-feedback-icon.svg");
    position: relative;
    top: 1.5px;
    margin-right: 4px;
}

.form-control-new .btn-primary,
.form-control-new .sing-in-button {
    width: 100%;
    padding: 8px 12px;
    gap: 8px;
    height: 39px;
    background-color: #00ADEF;
    color: #F8FAFC;
    border: none;
    outline: none !important;
    box-shadow: none !important;
}

.btn-blue {
    background-color: #00ADEF;
    color: #F8FAFC;
    border: none;
    outline: none !important;
    box-shadow: none !important;
}

.form-control-new .btn-primary:hover:not(:disabled),
.form-control-new .sing-in-button:hover:not(:disabled),
.btn-blue:hover:not(:disabled) {
    background-color: #009BD7;
}

.form-control-new .btn-primary:active,
.form-control-new .sing-in-button:active,
.btn-blue:active {
    background-color: #00ADEF !important;
}

.form-control-new .btn-primary:disabled,
.form-control-new .sing-in-button:disabled,
.btn-blue:disabled {
    opacity: 0.3;
}


.form-control-new .button-black {
    color: #111111;
    background-color: white;
    border: 1px solid #111111;
}

.form-control-new .button-black:hover {
    color: white;
    background-color: #111111;
}

.close:hover {
    color: #009BD7 !important;
}

.btn-green {
    color: #fff;
    background-color: #28b352;
    border-color: #28b352;
}
.btn-green:hover {
    color: #fff;
    background-color: #28b352;
    border-color: #28b352;
}
.btn-green:focus,
.btn-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5);
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5);
}
.btn-green.disabled,
.btn-green:disabled {
    color: #fff;
    background-color: #28b352;
    border-color: #28b352;
}
.btn-green:not(:disabled):not(.disabled).active,
.btn-green:not(:disabled):not(.disabled):active,
.show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #28b352;
    border-color: #28b352;
}
.btn-green:not(:disabled):not(.disabled).active:focus,
.btn-green:not(:disabled):not(.disabled):active:focus,
.show > .btn-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5);
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5);
}

.address-invalid-feedback-fix .invalid-feedback.filled:not(:last-child) {
    display: none;
}

.header-new input.part-search ~ .invalid-feedback {
    z-index: 3;
}

input, textarea, button {
    font-family: Montserrat !important;
}

button {
    min-width: fit-content;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
}

@media (min-width: 768px) {
    .header2-top-right .menu-drop {
        background-color: #111111;
        border: none !important;
    }

    .header2-top-right .menu-drop:hover {
        background-color: #252525 !important;
    }

    .header2-top-right .menu-drop:active {
        background-color: #252525;
    }

    .header2-top-right .menu-drop:active svg {
        transform: rotate(180deg)
    }

}

#parsley-id-multiple-formshippingService {
    margin-bottom: 0;
    margin-top: -16px;
}

.text-danger{
    color:#00ADEF!important
}

a.text-danger:focus,a.text-danger:hover{
    color:#009BD7!important
}

.form-control-new textarea:disabled,
.form-control-new .select2-selection[aria-disabled=true],
.form-control-new input:disabled {
    opacity: 0.2;
}

/*checkbox*/
.form-control-new .custom-checkbox .custom-control-input {
    cursor: pointer;
}

.form-control-new .custom-checkbox .custom-control-input~.custom-control-label {
    cursor: pointer;
}

.form-control-new .custom-checkbox .custom-control-input~.custom-control-label::before {
    background-color: #E2E8F0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    pointer-events: visible;
}

.form-control-new .custom-checkbox .custom-control-input~.custom-control-label::before:hover {
    background-color: rgba(100, 116, 139, 0.08) !important;
}

.form-control-new .custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    background-color: rgba(100, 116, 139, 0.16) !important;
    border: 2px solid rgba(100, 116, 139, 0.08) !important;
}

.form-control-new .custom-checkbox .custom-control-input:hover~.custom-control-label::before {
    background-color: rgba(100, 116, 139, 0.08) !important;
}

/*checkbox-checked*/
.form-control-new .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00ADEF !important;
    cursor: pointer;
}

.form-control-new .custom-checkbox .custom-control-input:checked:focus~.custom-control-label::before {
    border: 2px solid #86B9FC !important;
}

.form-control-new .custom-checkbox .custom-control-input:checked:hover~.custom-control-label::before {
    background-color: #009BD7 !important;
}

/*type-switcher*/
.type-switcher {
    height: 40px;
    padding: 4px;
    border-radius: 12px;
    position: relative;
    background-color: #F1F5F9;
}

.type-selector {
    background-color: white;
    border-radius: 8px;
    border: 0.2px solid #E2E8F0;
    width: 166px;
    height: 32px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: left 0.3s ease-in-out;
}

.type-name-flex-container {
    display: flex;
    justify-content: space-around;
    justify-items: center;
}

.type-name {
    border-radius: 8px;
    display: inline-block;
    height: 100%;
    text-align: center;
    color: #475569 !important;
    line-height: 31px;
    cursor: pointer;
    position: relative;
    width: 100%;
    font-weight: 600;
}


.type-selector-link {
    font-weight: 600!important;
}

.type-selector-link:hover {
    background-color: rgba(100, 116, 139, 0.08);
}

.type-selector-link:active {
    background-color: rgba(100, 116, 139, 0.16);
}