/* Start:/local/components/travelsoft/tsoperator.sms.auth/templates/.default/style.css?17207765881313*/
.sms-form {
    max-width: 450px;
    margin: 0 auto;
}

.red {
    color: red;
}

.auth-blue-link {
    color: blue!important;
    text-decoration: underline!important;
}

.component-fade-enter-active, .component-fade-leave-active {
    transition: opacity .3s ease;
}
.component-fade-enter, .component-fade-leave-to {
    opacity: 0;
}

.checkbox {
    font-size: 12px!important;
}

.link {
    color: blue;
    text-decoration: underline;
}

.phone-control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phone-control input {
    width: 50%;
    margin-right: 15px;
}

#sms-code-input,
#email-input,
#password-input{
    width: 60%;
}

.ml-20p {
    margin-left: 20%;
}

.ml-23p {
    margin-left: 23%;
}

.phone-control select {
    height: 34px;

}

.scenario-control {
    font-size: 16px;
    text-align: center;
}

.active-scenario {
    color: #20A837;
    text-decoration: underline;
}

.scenario-realization {
    margin-top: 30px;
}

.auth-controls-wrapper {
    width: 60%;
    margin: 20px auto;
}

.auth-controls-wrapper a {
    color: blue;

}

.auth-controls-wrapper a:hover {
    color: blue;
    text-decoration: underline;

}


.remember-checkbox {
    opacity: 1!important;
    display: inline!important;
    float: none!important;
    width: auto!important;
}
/* End */
/* /local/components/travelsoft/tsoperator.sms.auth/templates/.default/style.css?17207765881313 */