[data-action="doOrder"] {
    cursor: pointer;
}

[data-bind_currency] {
    white-space: nowrap;
}

.notifications {
    position: fixed;
    top: 50px;
    right: 20px;
    z-index: 1071;
    width: 400px;
}

.notification {
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 0.6em rgb(0 0 255 / 20%);
    position: relative;
    display: none;
}

.notification button.close {
    background: none;
    color: white;
    font-weight: bold;
    border: none;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 0;
}

.notification__title {
    font-weight: bold;
    margin-bottom: 5px;
}

.notification.error {
    background: #f8d7da;
    color: #9b232e;
}

.notification.warning {
    background: #fff3cd;
    color: #856404;
}

.notification.info {
    background: #cce5ff;
    color: #004085;
}

/* popup */
.popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1070;
    overflow: auto;
    filter: alpha(opacity=100);
    background: rgba(0, 0, 10, 0.6);
}

.popup.in {
    opacity: 0;
    filter: alpha(opacity=0);
}

.popup__inner {
    position: relative;
    float: none;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    width: 640px;
    max-height: calc(100% - 100px);
    padding: 20px;
    margin: 50px auto 0;
    border-radius: 10px;
    overflow-y: auto;
}

.popup__content {
    padding: 20px 0 0;
    overflow: auto;
}

.popup__close-btn {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 20px;
    height: 15px;
    font-size: 30px;
    color: #9a9696;
    z-index: 1;
    cursor: pointer;
    display: block;
}

.popup__close-btn:before,
.popup__close-btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background: #0086e4;
    position: absolute;
}

.popup__close-btn:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.popup__close-btn:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0px;
}

.form-component:hover:not(.has-error) {
    background: none;
    border: 1px solid transparent;
}
/* 
.form-component.has-error input,
.error input{
    background-color: #ffdfe0;
    border: 1px solid #efc2c4;
    border-radius: 10px;
} */

/* end login form */

/* tabs */
*[data-tab_content],
*[data-tab_label] {
    display: none;
}

.active[data-tab_content],
.active[data-tab_label] {
    display: block;
}

/* end tabs */

.configurator-price-discount {
    display: none;
}

.configurator-update.active [data-action="doOrder"] {
    pointer-events: none;
    opacity: 0.6;
}

.configurator-value__accent_red,
.configurator-value__accent_darkred {
    color: var(--color-red-600);
}

[data-configurator-condition] {
    display: none;
}

.order_btn {
    display: flex;
    justify-content: end;
    align-items: center;
}

.order_btn .configurator-loader {
    width: 50%;
}

.order__doorder,
.btn {
    display: inline-block;
    margin-top: 0 !important;
    font-weight: 400;
    padding: 6px 28px;
    cursor: pointer;
    color: var(--color-white) !important;
    background: var(--color-blue-600) !important;
    border-radius: var(--border-radius-sm);
}

/* geo */
i.geo,
i.geo:before {
    position: relative;
    width: 16px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

i.geo:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 16px;
    height: 12px;
    border: 1px solid #f1f1f1;
    background-size: contain;
    background-repeat: no-repeat;
}

/* FLAGS - закомментированы, используются SVG флаги из flags-svg.css */

/* .geo.geo-russia:before,
.geo.geo-ru:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -42px;
}

/* .geo.geo-usa:before,
.geo.geo-en:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -138px;
}

.geo.geo-germany:before,
.geo.geo-de:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -10px;
}

.geo.geo-finland:before,
.geo.geo-fi:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -74px;
}

.geo.geo-canada:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -10px;
}

.geo.geo-netherlands:before,
.geo.geo-nl:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -106px;
}

.geo.geo-poland:before,
.geo.geo-pl:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -106px;
}

.geo.geo-portugal:before,
.geo.geo-pt-pt:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -10px;
}

.languages .geo.geo-pt:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -10px;
}

.geo.geo-spain:before,
.geo.geo-es:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -42px;
}

.geo.geo-turkey:before,
.geo.geo-tr:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -74px;
}

.geo.geo-united-kingdom:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -74px;
}

.geo.geo-france:before,
.geo.geo-fr:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -74px;
}

.geo.geo-china:before,
.geo.geo-zh:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -42px;
}

.geo.geo-ja:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -74px;
}

.geo.geo-id:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -10px;
}

.geo.geo-ms:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -106px;
}

.geo.geo-ukraine:before,
.geo.geo-uk:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -106px;
}

.geo.geo-czechia:before,
.geo.geo-cs:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -42px;
}

.geo.geo-italy:before,
.geo.geo-it:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -42px;
}

.geo.geo-latvia:before,
.geo.geo-lv:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -106px;
}

.geo.geo-singapore:before,
.geo.geo-sg:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -138px;
}

.geo.geo-ar:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -138px;
}
.geo.geo-he:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -138px;
}

.geo.geo-uae:before,
.geo.geo-ae:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -170px;
}

.geo.geo-bulgaria:before,
.geo.geo-bg:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -138px;
}

.geo.geo-sweden:before,
.geo.geo-sv:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -170px;
}

.geo.geo-norway:before,
.geo.geo-no:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -190px -138px;
}

.geo.geo-romania:before,
.geo.geo-ro:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -190px -74px;
}

.geo.geo-moldova:before,
.geo.geo-mol:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -170px;
}

.geo.geo-india:before,
.geo.geo-hi:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -190px -106px;
}

.geo.geo-austria:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -170px;
}

.geo.geo-brazil:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -10px;
}

.geo.geo-israel:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -138px;
}

.geo.geo-japan:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -74px;
}

.geo.geo-slovenia:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -170px;
}

.geo.geo-switzerland:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -190px -170px;
}

.geo.geo-lt:before,
.geo.geo-lithuania:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -74px;
}

.geo.geo-th:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -106px;
}

.geo.geo-ko:before,
.geo.geo-south-korea:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -138px;
}

.geo.geo-vi:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -10px;
}

.geo.geo-et:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -190px -10px;
}

.geo.geo-da:before,
.geo.geo-denmark:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -42px;
}

.geo.geo-ireland:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -226px -170px;
}

.geo.geo-belgium:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -10px -202px;
}

.geo.geo-iceland:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -46px -202px;
}

.geo.geo-armenia:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -82px -202px;
}

.geo.geo-greece:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -118px -202px;
}

.geo.geo-albania:before {
    width: 16px;
    height: 12px;
    background: url("/assets/common/img/flags/sprites1.png?v=1.2") -154px -202px;
} */

/* PROMOCODE */

.vps_config_vps-promo .slider-wrapper:not([data-slider-name="payment_months"]),
.vps_config_vps-promo #user-comment-wrapper,
.vps_config_vps-promo [data-slider-name="payment_months"] .discount {
    display: none;
}

.promocode-btn {
    display: inline-block;
    font-weight: 400;
    padding: 6px 12px;
    cursor: pointer;
    color: var(--color-white) !important;
    background: var(--color-blue-600) !important;
    border-radius: var(--border-radius-sm) !important;
}

.promocode-add-on .form-component input {
    text-align: center;
    padding: 4px !important;
    width: 100% !important;
    background: #f2f2f2 !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: var(--border-radius-sm) !important;
    color: #808080 !important;
}

.promocode-add-on .form-component:not(.has-error),
.promocode-add-on .form-component:hover:not(.has-error) {
    background: none;
    border: 0;
}

.promocode-add-on .form-component {
    padding: 0;
    margin: 0;
    overflow: unset;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px;
}

.promocode-add-on {
    display: flex !important;
    margin-bottom: 1.5em;
    gap: 12px;
}

.promocode-add-on .promocode-btn,
.order__doorder {
    text-align: center;
}

.promocode-btn.disable {
    pointer-events: none;
    opacity: 0.6;
}

.lnd__details .promocode-add-on,
.order_form .lnd__features-cont .promocode-add-on {
    display: none !important;
    width: 222px;
    text-align: center;
    margin: 0 auto 1.5em auto;
}

.promocode-add-on input {
    padding-right: 35px;
}
.promocode-add-on input:focus {
    outline: none;
}

.promocode-wrapper {
    margin-top: 10px;
}

#promocode-wrapper {
    position: relative;
    padding: 0 !important;
}

#promocode-wrapper .close {
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #ff5e4c;
    color: #fff;
    line-height: 21px;
    text-align: center;
    text-shadow: none;
    font-size: 20px;
    position: absolute;
    border: 0;
    padding: 0;
}
#promocode-wrapper .close.disable {
    display: none;
}
/* END PROMOCODE */

/* VPS Location Map Styles */
.vps-location-map {
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
}

.map-container {
    position: relative;
}

.map-legend {
    display: none; /* TODO: add back if needed */
    background: #f8f9fa;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e9ecef;
}

.map-legend p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
}

.map-info-window h4 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 16px;
}

.map-info-window ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.map-info-window li {
    padding: 2px 0;
    color: #666;
    font-size: 14px;
}

@media (max-width: 768px) {
    .vps-location-map #google-map {
        height: 300px;
    }
}

.enter-message {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    padding: 6px;
    margin: 8px 0;
    text-transform: capitalize;
    font-size: 10px;
    background-color: var(--color-blue-600);
    color: var(--color-white);
    border-radius: var(--border-radius-sm);
}

.enter-message:before {
    content: "";
    position: relative;
    right: -2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    mask: url(/assets/themes/standart/img/svg/enter-message-icon.svg) no-repeat center;
    mask-size: contain;
    -webkit-mask: url(/assets/themes/standart/img/svg/enter-message-icon.svg) no-repeat center;
    -webkit-mask-size: contain;
}

.enter-message-looking-glass {
    position: relative;
    padding: 10px;
    background-color: transparent;
    color: var(--color-blue-600);
    border: 2px solid var(--color-blue-600);
    justify-content: center;
    max-width: 460px;
    font-size: 14px;
    margin: 16px auto !important;
    text-align: center;
}

.enter-message-looking-glass:hover {
    background-color: var(--color-blue-600);
    color: var(--color-white);
}

.enter-message-looking-glass:hover a {
    color: var(--color-white);
}

.enter-message-looking-glass a::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.enter-message-looking-glass:before {
    display: none;
}

.enter-message a {
    color: inherit;
}

.configurator .enter-message {
    text-transform: none;
    padding: 10px;
}

[aria-disabled="true"],
.disabled {
    pointer-events: none;
    opacity: 0.35;
}

@media (max-width: 767px) {
    .popup__inner {
        width: calc(100% - 20px);
        padding: 0;
    }

    .send-question {
        cursor: pointer;
    }

    .notifications {
        top: auto;
        bottom: 10px;
        right: auto;
        left: 0;
        width: 100%;
    }

    .notification {
        margin: 20px;
    }
}