@font-face {
    font-family: "AvenirNextCyrMedium";
    src: url("/fonts/FranklinGothicBookC.otf") format("opentype");
}

@font-face {
    font-family: "AvenirNextCyrRegular";
    src: url("/fonts/AvenirNextCyr-Regular.otf") format("opentype");
}

.login-page {
    /*background: #16234e url(/images/resource/authorize.png) no-repeat top fixed !important;*/
    background: #29434e!important;
}
.login-logo {
    background: #546e7a;
    margin-bottom: 0!important;
    padding: 20px 0;
}
/*.login-box-body {*/
    /*border-radius: 20px;*/
/*}*/
.h3-logo{
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}
.btn-yellow {
    border-radius: 44px !important;
    height: 44px !important;
    background-color:  #11c5ef !important;
    border: 0 !important;
    font-family: "AvenirNextCyrRegular";
    font-size: 19px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.link-grey{
    color: #B7B7B7;
    font-size: 14px;
    font-family: 'AvenirNextCyrMedium', serif !important;
    margin-bottom: 10px;
    margin-top: 10px ;
}
.link-grey:hover{
    color:#333333;
}
.login-box-footer{
    background: #d2dbe1;
}

.login-box-footer{
    padding: 20px;
}

.login-box-footer button,
.login-box-footer button:hover,
.login-box-footer button:focus,
.login-box-footer button:active{
    width: max-content;
    padding: 5px 40px;
    background: #008e76;
    color: #fff;
    border:none;
    outline: none!important;
    float:right;
}

.login-box-footer a,
.login-box-footer a:hover,
.login-box-footer a:focus,
.login-box-footer a:active{
    float:left;
    color: #008e76;
    font-weight: 500;
    opacity: 0.87;
    letter-spacing: -0.2px;
    line-height: 29px;
}

body {
    font-family: 'AvenirNextCyrMedium', serif !important;
}


label {
    font-size: 14px;
    color: #819ca9;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
input::placeholder{
    color: #B7B7B7 !important;

}
input{
    height: 44px !important;
    border-radius: 0px !important;
}

input:focus,
input:active,
input:focus:hover{
    border-color: #00bfa5;
    box-shadow: none;
}