@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: RobotoMedium;
    src: url('fonts/Roboto-Medium.ttf');
}

.public-driver #logo-container {
    margin-bottom: 15px;
}

.public-driver-config-order_type h1{
    font-size: 18px;
    font-family: Roboto;
    color: #484851;
    width: 50%;
    margin: 30px auto;
    text-align: center;
}

.public-driver-config-order_type .type-leonego {
    background: url("../img/purple-back.png") no-repeat;
    background-size: cover;
    min-height: 157px;
}

.public-driver-config-order_type .type-leonego.well{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.public-driver-config-order_type .type-taxi {
    background: url("../img/yellow-back.png") no-repeat;
    background-size: cover;
    min-height: 157px;
}

.public-driver-config-order_type .type-taxi.well{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
.public-driver-config-order_type  h3{
    font-size: 24px;
    font-family: RobotoMedium;
    text-align: center;
}

.public-driver-config-order_type .type-leonego h3{
    color: #fff;
    font-size: 24px;
    font-family: RobotoMedium;
    text-align: left;
}

.public-driver-config-order_type .type-leonego p{
    color: #fff;
    font-size: 12px;
    font-family: Roboto;
    float: left;
}
.public-driver-config-order_type .type-leonego a{
    color: #fff;
    font-size: 16px;
    font-family: RobotoMedium;
    float: left;
    margin-top: 25px;
    background: url('../img/white-arrow.png') no-repeat;
    background-size: 18px 16px;
    background-position-x: right;
    width: 96px;
    background-position-y: center;
}

.public-driver-config-order_type .type-taxi h3{
    color: #030417;
    font-size: 24px;
    font-family: RobotoMedium;
    text-align: left;
}

.public-driver-config-order_type .type-taxi p{
    color: #030417;
    font-size: 12px;
    font-family: Roboto;
    float: left;
}

.public-driver-config-order_type .type-taxi a{
    color: #030417;
    font-size: 16px;
    font-family: RobotoMedium;
    float: left;
    margin-top: 25px;
    background: url('../img/black-arrow.png') no-repeat;
    background-size: 18px 16px;
    background-position-x: right;
    width: 96px;
    background-position-y: center;
}

.public-driver-config-docs .list-group {
    margin-top: 25px;
}

.public-driver-config-docs .list-group-item {
    border: none;
    border-bottom: 1px solid #787786;
    margin-bottom: 5px;
    border-radius: 0;
    font-size: 16px;
    font-family: RobotoMedium;
    color: #787786;
}

.public-driver-config-docs .list-group-item:last-child {
    border-bottom: none;
}

.public-driver-config-docs .border{
    border-bottom: 1px solid #FFB100;
    margin-top: 5px;
    margin-left: 2px;
}

.public-driver-config-docs a.list-group-item {
    font-size: 16px;
    color: #787786;
    font-family: RobotoMedium !important;
    border-radius: 0px !important;
}

.public-driver-config-docs h1{
    color: #484851;
    font-family: Roboto;
    font-size: 18px;
    text-align: center;
}

.public-driver-config-docs .list-group-item i{
    color: #787786;
}

.public-driver-setup .check-class {
    background: url('../img/check-grey.png') no-repeat;
    background-size: 46px 46px;
    height: 46px;
    width: 46px;
    margin-top: -17px;
    margin-left: 3px;
}

.public-driver-setup .info-class {
    background: url('../img/yellow-info.png') no-repeat;
    background-size: 46px 46px;
    margin-top: -17px;
    margin-left: 3px;
    height: 46px;
    width: 46px;
}

.public-driver-setup .car-class {
    height: 46px;
    width: 46px;
    margin-top: -17px;
    background: url('../img/yellow-car.png') no-repeat;
    background-size: 46px 46px;
}

.public-driver-setup .check-class i,
.public-driver-setup .info-class i,
.public-driver-setup .car-class i{
   display: none;
}

.public-driver-setup #doc_image .alert{
    margin-top: 20px;
    text-align: center;
}

.public-driver-setup #doc_image img {
    margin-top: 20px;
}

.public-driver-setup .btn-block{
    background-color: #8C2BB1;
    border-color: #8C2BB1;
    font-size: 16px;
    font-family: Roboto;
    margin-top: 25px;
    border-radius: 6px;
}

.public-driver-setup .btn-block:hover{
    background-color: #9B26AF;
    border-color: #9B26AF;
}

.public-client img,
.public-client-user-register img{
    margin-top: 35px;
    margin-bottom: 35px !important;
}

.public-client-user-login .field_text_fg input,
.public-client-user-login .field_email_fg input,
.public-client-user-register .field_text_fg input,
.public-client-user-register .field_email_fg input {
    border-radius: 6px;
}

.public-client-user-login input,
.public-client-user-register input{
    font-family: Roboto;
    font-size: 14px;
    color: #787786;
    padding-left: 15px;
    border-color: #E5E5E5;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.public-client-user-login .field_password_fg input,
.public-client-user-register .field_password_fg input{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.public-client-user-login .input-group span,
.public-client-user-register .input-group span{
    border-color: #E5E5E5;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.public-client-user-login input:focus,
.public-client-user-register input:focus{
    border-color: #E5E5E5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #8C2BB1;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #8C2BB1;
}

.public-client-user-login .btn-group .btn-default ,
.public-client-user-register .btn-group .btn-default {
    border-color: #F2F2F3;
    background-color: #F2F2F3;
    margin-right: 15px;
    border-radius: 6px !important;
    color: #787786;
}
.public-client-user-login .btn-group .btn-success ,
.public-driver-config-doc .btn-info,
.public-client-user-register .btn-group .btn-success {
    background-color: #8C2BB1;
    border-color: #8C2BB1;
    border-radius: 6px !important;
    float: right;
}

.public-driver-config-doc h1{
    font-size: 18px;
    color: #484851;
    text-align: center;
    font-family: Roboto;
}

.public-driver-config-doc .btn-info{
    font-family: Roboto;
    font-size: 16px;
    padding: 8px;
    margin-top: 10px;
}

.public-driver-config-doc .btn-success{
    padding: 8px;
    font-family: Roboto;
    font-size: 16px;
}

.public-client-user-login .btn-lg,
.public-client-user-register .btn-lg{
    padding: 10px 32px;
    font-family: Roboto;
    font-size: 16px;
}

.public-driver-user-register .field_raw_fg .btn-group,
.public-driver-user-login .field_raw_fg .btn-group{
    display: flex;
    justify-content: space-between;
}

.public-client-user-login .btn-group ,
.public-driver-user-login .btn-group ,
.public-client-user-register .btn-group {
    display: block;
    margin-top: 15px;
}

.public-client p,
.public-client-user-register p{
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    color: #78778699;
    margin-bottom: 0;
}

.public-client h3,
.public-client-user-register h3{
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    color: #787786;
}

.public-client .cloud i,
.public-client-user-register .cloud i,
.public-driver .cloud i{
    color: #8C2BB1 !important;
    margin: 10px auto;
    display: table;
}

.public-client .btn-block,
.public-client-user-register .btn-block,
.public-driver .btn-success{
    background-color: #8C2BB1;
    border-color: #8C2BB1;
    font-size: 16px;
    font-family: Roboto;
    border-radius: 6px !important;
}

.public-client .btn-block:hover,
.public-client-user-register .btn-block:hover,
.public-driver .btn-success:hover{
    background-color: #9B26AF;
    border-color: #9B26AF;
}

.public-driver .btn-default{
    font-size: 16px;
    font-family: Roboto;
    border-radius: 6px !important;
}
.public-driver-config a.list-group-item{
    font-size: 16px;
    font-family: Roboto;
    border-radius: 6px ;
    margin-bottom: 10px;
}

.public-driver-config .farbtastic {
    margin: 10px auto;
}

.public-driver h3{
    text-align: center;
    color: #787786;
    font-size: 24px;
    font-family: Roboto;
}
.parsley-error::placeholder,
.parsley-error::-webkit-input-placeholder
{
    color: #fff !important;
}

#register_form input[type="text"],
#register_form input[type="email"],
#register_form input[type="tel"],
#register_form input[type="search"],
#register_form input[type="url"],
#register_form input[type="password"],
#register_form .ui-autocomplete-input,
#register_form textarea,
#register_form .uneditable-input{
    padding-left: 20px !important;
}
.parsley-errors-list{
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    font-size: 13px !important;
    padding-left: 0;
    color: rgb(239, 83, 80);
    list-style: none;
}
#register_form input[name="code"] {
    margin-bottom: 20px;
}
#register_form .col-form-field_raw {
    margin-top: 20px;
    margin-bottom: 90px;
}