@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

.log_left_bg {
   background-color: #1975d1;
    min-height: 100%;
}

body {
    background-color: #eeeeee;
    font-family: Roboto, sans-serif;
}

.font_family {
    font-family: Roboto, sans-serif;
}

.quote_leftlog {  
    color: #fff;
    padding-top: 30%;
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: 1px;
    font-weight: 300; word-break: normal;
   
}

.log_powered {
  
    color: #5b5a5b;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top:45px;
}

.quote_leftlog .quotebtm_line {
    margin-top: 15px;
    text-align: center;
    position: relative;
    display: inline-block;  padding-top: 2px;
}


.login_box md-input-container label{
	color: #5b5a5b;
}


.btn_log {
    font-size: 18px !important;
    width: 100%;
    letter-spacing: 2px!important;
    background-color: #00b969 !important;
    padding: 20px!important;
	height: 60px;
	line-height: normal !important;
}
.btn-reset-login{ color: #333; font-size: 14px; display: inline-block; margin-top:10px; text-decoration: underline;}

.forgot-pass-div{ margin-bottom: 20px;}

.login_box .text{ margin: 0 0 5px; font-size: 12px; font-weight: bold;}

.quote_leftlog img{ margin: -30px 15px 0 0}
.quotebtm_line::before {
    content: "";
    height: 1px;
    background: #fff;
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}



/*---------------------*/


//--------------------------//

@media(max-width:992px) {
    .hide_mob { display: none;}
    
}

@media(min-width:768px) {
.login_box { padding: 15% 20% 0;}
}

@media(max-width:767px) {
    .log_left_bg { display: none;}
    .login_box img{ width: 180px;} 
    .login_box{padding: 50px 25px 0;}
    .login_box .md-button{ margin: 0}
    
}

.login_box img{ margin-bottom: 30px;}
.reset-pass-login{ color: #333; margin-bottom: 20px;}