.login_form_driver .form-control {
    padding: .75rem 1.125rem;
    border: 2px solid #ccc;
    font-family: Roboto;
    border-radius: .5rem;
    display: block;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    background: #fff;
    color: #000;
}
    .login_form_driver {
    width: 100%;
    margin: 0 auto;
}
.login_form_driver h3 {
    text-align: center;
}
.img-mesh-logo {
    text-align: center;
}
.img-mesh-logo img {
    width: 200px;
}
.log_in_btn {
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.log_in_btn button {
    padding: 5px 15px;
    border-radius: 7px;
    box-shadow: unset;
    border: 1px solid #000;
    background: #000000;
    color: #fff;
}
.centerDiv {
    width: 98%;
    margin: 10px auto;
    background-color: #fff;
    transition: top .5s cubic-bezier(.39,.58,.57,1);
    box-shadow: 0 5px 9px 1px rgba(32,32,32,.28);
    padding: 10px;
    border-radius: 10px;
}
.popup_user .mobileinp {
    width: 68%;
    float: left;
}
input.login_mobile_otp {
    width: 68%;
    float: left;
}
popup_user input {
    width: 81.222%;
    float: left;
}
.login_mobile_pd {
    padding: 8px 18.4px;
}
@media(min-width:768px){
    .centerDiv {
        width: 60%;
    }
    .popup_user .mobileinp {
        width: 76%;
        float: left;
    }
    input.login_mobile_otp {
        width: 76%;
        float: left;
    }
}
@media(min-width:1024px){
    .centerDiv {
        width: 40%;
        margin: 45px auto;
        padding: 30px;
    }
}

@media (max-width: 767.98px){
    .centerDiv {
        box-shadow: none;
    }
    body{
        background-color: #fff;
    }
}

#wrd_alert_box {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#wrd_alert_box.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


div#wrd_alert_box {
    background: #d1ecf1;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    top: 13px;
    bottom: 0;
    height: auto;
    display: table !important;
    z-index: 99999999 !important;
    left: 0;
    right: 0;
    width: 26%;
    margin: 0 auto;
    transition: top .5s cubic-bezier(.39,.58,.57,1);
    box-shadow: 0 5px 9px 1px rgba(32,32,32,.28);
}
#wrd_alert_box .warning_icon {
    font-size: 21px;
    margin-right: 7px;
    float: left;
}
#wrd_alert_box .cross_icon {
    float: right;
}
#wrd_alert_box span.icon_txt {
    width: 80%;
    float: left;
}
#wrd_alert_box .cross_icon .fa.fa-times {
    font-size: 15px;
    color: #0c5460;
    margin: 0 10px;
}

.popup_btn {
    text-align: center;   
}

.btn .btn-primary {
    background-color: #F8931E !important;
}

.cp_iptxt {
	position: relative;
}

input.cp_iptxt {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
    height: 40px;
	margin: 8px 0;
	/* padding: 5px 5px 5px 40px; */
    padding-left: 40px;
	transition: 0.3s;
	border: 2px solid #ccc;
	border-radius: 0.5rem;
	outline: none;
}

.cp_iptxt i {
	position: absolute;
	top: 5px;
	left: 3px;
	padding: 9px 8px;
	transition: 0.3s;
	color: #aaaaaa;
}

button#logId {	
    /*padding: 1rem 2rem;*/	
    border: none;	
    background-color: #f59c00;	
    color: white;	
    cursor: pointer;	
}