@charset "UTF-8";
/* CSS Document */

html, body {
    height:100%;
} 

body{
    background-color:#f6f6f6; font-family: Roboto;
}


input{
    border:solid 1px #bbbbbb;
    height:36px;
    width:100%;
    padding-left:10px; padding-right:10px;
    font-size:16px;
    border-radius:2px;
    box-sizing: border-box;
}


.welcome-title{
    color:#343434; font-size:22px; font-weight:500;
}

.welcome-description{
    text-align:center; font-family: Roboto; font-weight:400; font-size:17px; color:#343434; line-height:22px;
}

.kp-toast span{
    font-weight: 300; color:#525252;
}

.kp-center{
    text-align:center;
}

.no-password{
    cursor:pointer; text-align: center; font-size:12px; text-decoration:underline; 
}

.no-password a{color:#333 !important;}

.kp-row{
    max-width:600px; margin-left:auto; margin-right:auto;
}

.login-block{
    background-color:#fff; border-radius:16px; box-shadow: 0px 4px 15px 0px rgba(99,92,92,0.15); padding:10px 100px; text-align:center;
}

.logo-img{
    max-width:190px;
}

.login-form{
    width:100%; max-width:340px; margin-left:auto; margin-right:auto; text-align:left;
}

.login-form-input{
    font-size:14px; font-weight:bold; margin-bottom:2px;
}

.login-form input {
  max-width: 340px;
}



.h30{
    height:30px;
}