[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: #DFEFFF;
    border: 1px solid #C2D7EF;
}

.form-component.has-error, .error {
    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: #b5010f;
}

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

.order__doorder, .btn {
    display: inline-block;
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #1c94c4;
    padding: .4em 1em;
    margin-top: 10px;
    cursor: pointer;
}

/* 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;
}

.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;
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #1c94c4;
    padding: 0.4em 1em;
    cursor: pointer;
}

.promocode-add-on .form-component input {
    background: none;
    border: 1px solid #cccccc;
    border-right: unset;
    line-height: 22px;
    padding: 5px 35px 5px 10px;
    width: calc(100% - 35px);
}

.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
}

.promocode-add-on .promocode-btn,
.order__doorder {
    min-width: 73px;
    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;
}

#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-info {
    color: #fff;
    background-color: #0086e4;
    text-align: center;
    margin: 20px 0;
    padding: 10px;
}

.enter-message {
    border: 1px solid #0086e4;
    text-align: center;
    padding: 20px;
    margin: 20px 0;
    text-transform: uppercase;
}
.configurator .enter-message {
    text-transform: none;
    padding: 10px;
}


[aria-disabled=true], .disabled {
    pointer-events: none;
    opacity: .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;
    }
}