html,body{height:100%;width:100%}
.disable-hover,.disable-hover *{pointer-events:none!important}

.serviceMsg{margin:auto}
#InfoMsg,
#ErrorMsg,
#ErrorMsgDbg:not(.active){display:none;visibility:hidden}
#ErrorMsgDbg{background-color:#FFF;color:#F00;white-space:pre-line}

.to-row{display:inline-block;vertical-align:top}
.float_r{float:right;margin:0 0 4px 16px}
.float_l{float:left;margin:0 16px 4px 0}
.clear{clear:both;font-size:0;line-height:0}
.clearfix{clear: both}
.clearfix::before{content:'';display:table}
.clearfix::after{clear:both}
.cache,.cache>div{background-position:-1000px -1000px;background-repeat:no-repeat;position:absolute;left:0;top:0}
.hidden,
.hidden-el{display:none!important;visibility:hidden!important}
.fully-hidden-el{display:none;visibility:hidden;width:0;height:0}

.blockOverlay{overflow-y:auto}
.blockUI.blockMsg {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%)
}
.blockUI.blockMsg.blockPage {
    max-width: 98%;
    max-height: 100%;
}

.spinner {
    display: -webkit-flex;
    display: flex;
    height: 1.125rem;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    margin: 5px 0;
    width: 5rem;
}
.spinner > div {
    -webkit-animation: ss-bouncedelay 1.4s infinite ease-in-out both;
            animation: ss-bouncedelay 1.4s infinite ease-in-out both;
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #333;
    width: 1.125rem;
    height: 1.125rem
}
.spinner > .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.spinner > .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes ss-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}
@keyframes ss-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

a.update-link {
    background-color: #282828;
    box-shadow: 0 0 2px 0 #FFF;
    color: #FFF !important;
    display: inline-block;
    font: normal .75rem Arial, sans-serif;
    letter-spacing: 1px;
    opacity: .9;
    padding: 3px 8px;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    transition: .1s;
}
a.update-link--static{margin:.5em 0}
a.update-link--absolute{position:absolute;z-index:1}
a.update-link:hover{background-color:#000;box-shadow:0 0 2px 1px #FFF;opacity:1}

.user-form {
    margin: 0 auto;
    max-width: 100%;
    width: 320px;
}
.user-form__row {
    margin: 15px 0;
}
.user-form__label {
    display: block;
}
.user-form__input {
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #444;
    box-sizing: border-box;
    display: block;
    font-size: .875rem;
    height: 1.75rem;
    line-height: 1.75rem;
    outline: none;
    padding: 0 8px;
    width: 100%;
}
.user-form__input:focus {
    box-shadow: inset 0 0 0 2px var(--theme-color-2);
}
.user-form .captcha {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
}
.user-form__input-captcha {
    width: 150px !important;
}
.user-form__link:not(:last-child) {
    margin-right: 10px;
}