#cascade-mobile-id-window {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    box-sizing: border-box;
    position: absolute;
    border-radius: 4px;
    text-align: center;
    line-height: 14px;
    padding: 24px;
    display: none;
    width: 280px;
    z-index: 99;
    right: 0;
    top: 0;

    &.visible.centred {
        display: block;
        background-color: rgba(0, 0, 0, 0.45);
        border-radius: 0px;
        box-shadow: none;
        position: fixed;
        padding: 0px;
        height: 100%;
        width: 100%;
    }


    .mobile-id-window-container {
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
        transform: translate(-50%, -50%);
        background-color: #ffffff;
        box-sizing: border-box;
        border-radius: 20px;
        position: absolute;
        padding: 53px 42px;
        width: 360px;
        height: 470px;
        left: 50%;
        top: 50%;
        display: flex;
        flex-direction: column;

        .phone-field-container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            &.hidden {
                display: none;
            }
        }

        .wait-phone-validate-container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            &.hidden {
                display: none;
            }
        }

        .mobile-id-window-close-btn {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            position: absolute;
            z-index: 1;
            cursor: pointer;
            top: 0;
            right: 0;

            &:before {
                content: '+';
                color: #006f2e;
                position: absolute;
                z-index: 2;
                transform: rotate(45deg);
                font-size: 50px;
                line-height: 1;
                top: -5px;
                left: 6px;
                transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
            }

            &:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                background: #006f2e;
                z-index: 1;
                transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
                transform: scale(0.01);
            }

            &:hover:after {
                transform: scale(1);
            }

            &:hover:before {
                transform: scale(0.8) rotate(45deg);
                color: #fff;
            }
        }
    }


    .auth-window-label {
        font-family: "robotobold";
        margin-bottom: 12px;
        line-height: 21px;
        font-size: 16px;
        text-align: left;
    }

    .auth-window-message {
        font-family: "roboto_ltregular";
        margin-bottom: 8px;
        line-height: 21px;
        font-size: 12px;
        text-align: center;
    }

    .agreement-message{
        margin: 8px 0;
        font-size: 11px;
    }
    .auth-window-message-no-margin {
        font-family: "roboto_ltregular";
        line-height: 21px;
        font-size: 12px;
        text-align: center;
    }

    .auth-window-image-label {
        display: block;
        height: 40px;
        object-fit: contain;
        margin-bottom: 34px;
    }

    .auth-phone-input-field input[type="text"],
    .auth-phone-input-field input[type="tel"],
    .auth-phone-input-field input[type="number"],
    .auth-phone-input-field select {
        box-shadow: 0 0 10px -4px black;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        font-family: "roboto_ltregular";
        border: 1px solid #e7e7e7;
        padding-left: 12px;
        /* line-height: 55px; */
        max-width: 100%;
        font-size: 14px;
        color: #555555;
        outline: none;
        height: 45px;
        margin-bottom: 14px;
        width: 100%;
    }

    .mobile-id-window-container .mobile-id-auth-button,
    .mobile-id-window-container #sms-check-code-button,
    .mobile-id-window-container .check-code-inputs-container > input {
        box-shadow: 0 0 10px -4px black;
    }

    .button-full-block {
        border-radius: 10px !important;
        width: 100%;
    }

    .check-code-inputs-container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
    }

    input.sms-code-field {
        box-sizing: border-box;
        border: 1px solid #AAAAAA;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-collapse: collapse;
        border-spacing: 0px 0px;
        height: 45px;
        width: 45px;
        font-family: "robotobold";
        font-size: 20px;
        text-align: center;
        margin-bottom: 34px;
    }

    .get-location-ref-window-confirm-button {
        width: 100%;
    }

    .get-location-ref-window-confirm-button.loading {
        background-image: url(images/loader-38px.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        pointer-events: none;
        transition: none;
        opacity: 0.9;
    }

    .get-location-ref-window-confirm {
        margin-bottom: 12px;
    }


    a.disabled {
        pointer-events: none;
        cursor: not-allowed;
        color: #b8b8b8;
    }

    a.green {
        color: #016b2b;
        cursor: pointer;
    }

    .wait-image {
        width: 50px;
        height: 50px;
        margin: 10px;
        align-self: center;
    }

    .send-sms-button {
        margin-top: 10px;
    }

    .repeat-call-button {
        margin-top: 12px;
    }

    .phone-change-container {
        text-align: left;
        margin-top: 4px;
        margin-bottom: 34px;
    }

    .btn-simple.btn-small.disabled-button {
        pointer-events: none;
        background: #d2d0d0;
    }
}

@media all and (max-width: 600px) {
    #mobile-id-window.centred .mobile-id-window-container {
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
        transform: translate(-50%, -50%);
        background-color: #ffffff;
        box-sizing: border-box;
        border-radius: 0px;
        position: absolute;
        padding: 53px 42px 53px 42px;
        max-width: 100%;
        min-width: 100%;
        min-height: calc(100% - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));
    }
}

/*!*loader*!
#geo-location-window-fast-loader {
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    margin-left: -24px;
    display: none;
    height: 48px;
    width: 48px;
    opacity: 0;
    left: 50%;
    top: 0px;
}

.f_circleG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    height: 9px;
    width: 9px;
    display: block;
    border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 0.522s;
    -o-animation-duration: 0.522s;
    -ms-animation-duration: 0.522s;
    -webkit-animation-duration: 0.522s;
    -moz-animation-duration: 0.522s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 19px;
    animation-delay: 0.1995s;
    -o-animation-delay: 0.1995s;
    -ms-animation-delay: 0.1995s;
    -webkit-animation-delay: 0.1995s;
    -moz-animation-delay: 0.1995s;
}

#frotateG_02 {
    left: 6px;
    top: 6px;
    animation-delay: 0.256s;
    -o-animation-delay: 0.256s;
    -ms-animation-delay: 0.256s;
    -webkit-animation-delay: 0.256s;
    -moz-animation-delay: 0.256s;
}

#frotateG_03 {
    left: 19px;
    top: 0;
    animation-delay: 0.3225s;
    -o-animation-delay: 0.3225s;
    -ms-animation-delay: 0.3225s;
    -webkit-animation-delay: 0.3225s;
    -moz-animation-delay: 0.3225s;
}

#frotateG_04 {
    right: 6px;
    top: 6px;
    animation-delay: 0.389s;
    -o-animation-delay: 0.389s;
    -ms-animation-delay: 0.389s;
    -webkit-animation-delay: 0.389s;
    -moz-animation-delay: 0.389s;
}

#frotateG_05 {
    right: 0;
    top: 19px;
    animation-delay: 0.4555s;
    -o-animation-delay: 0.4555s;
    -ms-animation-delay: 0.4555s;
    -webkit-animation-delay: 0.4555s;
    -moz-animation-delay: 0.4555s;
}

#frotateG_06 {
    right: 6px;
    bottom: 6px;
    animation-delay: 0.522s;
    -o-animation-delay: 0.522s;
    -ms-animation-delay: 0.522s;
    -webkit-animation-delay: 0.522s;
    -moz-animation-delay: 0.522s;
}

#frotateG_07 {
    left: 19px;
    bottom: 0;
    animation-delay: 0.5885s;
    -o-animation-delay: 0.5885s;
    -ms-animation-delay: 0.5885s;
    -webkit-animation-delay: 0.5885s;
    -moz-animation-delay: 0.5885s;
}

#frotateG_08 {
    left: 6px;
    bottom: 6px;
    animation-delay: 0.645s;
    -o-animation-delay: 0.645s;
    -ms-animation-delay: 0.645s;
    -webkit-animation-delay: 0.645s;
    -moz-animation-delay: 0.645s;
}

@keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes zoomInLocation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomInLocation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
        -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}*/


#captcha-container.smart-captcha {
    height: 112px !important;
    transform: translateX(-12px);
}

@media all and (max-width: 600px) {
    #captcha-container.smart-captcha {
        height: 112px !important;
        margin: 8px 0 12px 0;
        transform: none;
    }
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}