/*From: ext/captcha-slider.css*/

.captcha-widget {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 5vh;
}

.captcha-slider {
    display: inline-block;
    width: 100%;
    height: 50%;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.captcha-limiter {
    display: inline-flex;
    height: 100%;
    flex-grow: 1;
}

.captcha-overlay {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
}

.offset-limit-low {
    border-right: solid 5px #b4b4d1;
    border-radius: 50%;
    transform: rotate(180deg);
    z-index: 1;
}

.offset-limit-high {
    border-left: solid 5px #b4b4d1;
    border-radius: 50%;
    transform: rotate(180deg);
    z-index: 1;
}

.captcha-slider::-webkit-slider-thumb {
    cursor: pointer;
    transform: scale(135%);
    border-radius: 50%;
}

.captcha-slider::-moz-range-thumb {
    cursor: pointer;
    transform: scale(135%);
    border-radius: 50%;
}

.captcha-img{
    width: 100%;
    height: 15vh;
}


/*From: ext/footer.css*/

@media (orientation: portrait) {

}

@media (orientation: landscape) {

}

.footer-link{text-decoration: underline; color: white;}

.copyright-footer {
    width: 100%;
    text-align: center;
    color: white;
    background-color: darkblue;
    height: 15vh;
    position: absolute;
    bottom: 0;
}


/*From: ext/loginform.css*/

.login-form {
    display: inline-block;
    width: 100%;
}

.username-input,
.password-input,
.login-button,
.business-id-input,
.captcha-input{
    margin-top:2vh;
    font-family: Righteous, Arial, Helvetica, sans-serif;
    color: black;
}

.login-button{
    min-height: 5vh;
    min-width: 40%;
}

.message-error{
    color: yellow;
    animation:3s blinker linear infinite;
    width: 100%;
    background: darkblue;
    position: sticky;
    top: 5vh;
    display: flex;
    justify-content: center;
}

.captcha-container{
    margin-top: 2vh;
    margin-bottom: 3.5vh;
    width: 100%;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    min-height: min-content;
}


/*From: ext/registerform.css*/

.register-form {
    width: 100%;
}

.register-form .show {
    display: inline-flex;
}

.register-form .hide {
    display: none;
}

.register-terms-text{
    width: 100% !important;
    height: 25vh !important;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: grey gainsboro;
    scrollbar-width: thin;
}

.title-container label{
    display: block;
    text-align: left;
}

.form-input{
    margin-top:2vh;
    font-family: Righteous, Arial, Helvetica, sans-serif;
    color: black;
}

.register-button{
    min-height: 5vh;
    min-width: 40%;
}

.message-error{
    color: yellow;
    animation:3s blinker linear infinite;
    width: 100%;
    background: darkblue;
    position: sticky;
    top: 5vh;
    display: flex;
}


/*From: ext/activationform.css*/

.activation-form {
    width: 100%;
}

.title-container label{
    display: block;
    text-align: left;
}

.form-input{
    margin-top:2vh;
    font-family: Righteous, Arial, Helvetica, sans-serif;
    color: black;
}

.activation-button{
    min-height: 5vh;
    min-width: 40%;
}

.message-error{
    color: yellow;
    animation:3s blinker linear infinite;
    width: 100%;
    background: darkblue;
    position: sticky;
    top: 5vh;
    display: flex;
}


/*From: ext/captcha-number.css*/

.captcha-number-container{
    display: inline-flex;
    flex-direction: row;
    justify-content: space-around;
    min-height: 5vh;
}

.captcha-number{
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    height: 4vh;
    align-items: center;
    color: rgb(68,114,196);
    background: linear-gradient(0deg, rgba(212,219,226,1) 0%, rgba(255,255,255,1) 50%, rgba(212,219,226,1) 100%);
    font-family: Righteous, Arial, Helvetica, sans-;
    border: solid 4px white;
}

.captcha-number:hover{
    cursor: grab;
}

.captcha-number:active{
    cursor: grabbing;
    background: white;
    border: solid gainsboro;
}


/*From: ext/validationinput.css*/

.message-error{
    color: yellow;
    animation:3s blinker linear infinite;
    width: 100%;
    background: darkblue;
    position: sticky;
    top: 5vh;
    display: flex;
}

.validation-error {
    border-bottom: red 2px solid !important;
}

.validation-success {
    border-bottom: green 2px solid !important;
}

.invalid-input-message {
    width: 100%;
    background: red;
    color: white;
    font-weight: bold;
    font-family: Righteous, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}