#modal-auth .modal-content {
    /*border-radius: 0;*/
}

#modal-auth .modal-header {
    padding: 10px 15px 7px 15px;
    border: none;
}

#modal-auth .modal-body {
    padding: 0 30px;
}

#modal-auth .auth-label {
    font-size: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #999999;
}

#modal-auth .form-control {
    border: none;
    background: rgb(242, 242, 242);
    box-shadow: none;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
}

#modal-auth input {
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    padding-left: 20px;
}

#modal-auth .mobile_phone{
    position: relative;
}

#modal-auth .mobile_phone input{
    padding-left: 30px;
}

#modal-auth .mobile_phone:before{
    content: "+";
    display: block;
    top: 15px;
    left: 18px;
    position: absolute;
}

#modal-auth .btn {
    height: 50px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    border: none;
    font-size: 15px;
    font-weight: 500;
    background: rgb(215, 215, 215);
    box-shadow: rgba(0, 0, 0, 0.35) 1px 3px 3px 0px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


#modal-auth  a.disabled {
    pointer-events: none;
    cursor: default;
}

#modal-auth .btn-login:not(:disabled) {
    background: #b21919;
}

#modal-auth .btn.btn-send-code:not(:disabled){
    background: #b21919;
}

#modal-auth a.btn-send-code:not(:disabled){
    background: none;
    color: #375b92;
    text-decoration: underline;
    cursor: pointer;
}

#modal-auth a.btn-send-code.disabled{
    color: #8892a0;
    text-decoration: none;
}

#modal-auth .code {
    font-size: 14px;
}

#modal-auth .code .row{
    display: table;
}

#modal-auth .code .row > .col-xs-6{
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#modal-auth .code .countdown {
    color: #8892a0;
}

#modal-auth .form-group-buttons{
    padding-top: 10px;
    padding-bottom: 10px;
}

#modal-auth .error{
    color: red;
}

#modal-auth .title {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}

#modal-auth .text{
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 15px;
    color: #000000;
}

#modal-auth .text .phone-num{
    font-weight: 700;
}

#modal-auth .info{
    background: rgb(242, 242, 242);
    padding: 15px 30px 15px;
    /*border-top: 1px solid rgb(210, 210, 210);*/
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
    font-size: 14px;
    color: #888888;
    border-radius: 0 0 6px 6px;
}

#modal-auth h4{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 15px;
}

#modal-auth ul.marked {
    list-style: none;
    padding-left: 20px;
}

#modal-auth ul.marked li{
    position: relative;
    padding-left: 5px;
    padding-bottom: 5px;
}

#modal-auth ul.marked li:before {
    font-family: FontAwesome;
    content: "\f111";
    display: block;
    position: absolute;
    top: 3px;
    left: -20px;
    color: #b21919;
    font-size: 9px;
}

#modal-auth .modal-dialog {
    max-width: 390px;
}

@media screen and (min-width: 375px) {
    #modal-auth .modal-body {
        padding-left: 50px;
        padding-right: 50px;
    }

    #modal-auth .info {
        padding-left: 50px;
        padding-right: 50px;
        margin-left: -50px;
        margin-right: -50px;
    }
}