.container-fluid{
padding: 0px 12px;

}
.myaside{
height: 100vh;
background: #0496c7;
color: #fff;
padding: 15px;

}

.aside-wrapper{
//border: 2px solid #0018F9;
//border-radius: 5px;
margin-top: 37vh;
}
.aside-icon{
font-family: cursive;
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 0px;
}
.aside-icon img{
width: 50px;
height: 80px;
transform: translateY(-5px);
}

.aside-link{
text-align: center;

}
.aside-link a{
color: #eee;
text-decoration: none;
font-family: monospace;
font-weight: 600;
font-size: 22px;
text-transform: uppercase;
background: #444;//#0018F9;
padding: 5px 45px;
border-radius: 3px;
//letter-spacing: 1px;
}
.aside-link a bi-house-door{
//margin-right: 5px;
}
.aside-link a:hover{
border-bottom: 4px solid #eee;
}

.main{
display: inline-block;
height: 100vh;
background: #f5f5f5;
width: 100%;
}

.main form{
background: #fff;
padding: 35px 45px;
border-radius: 7px;
width: 80%;
margin:auto;
margin-top: 32vh;

}
.signup-main form{
margin-top: 25vh;
}
.main form h5{
margin-bottom: 15px;
}
.inputs{
display: block;
width: 100%;
height: 40px;
border-width: 0px;
background: #efefef;//#f7f7f7;
border-radius: 5px;
margin-bottom: 15px;
padding: 15px 10px;
//font-family: seriff;
font-size: 18px;
}
.fp-p a{
text-decoration: none;
font-weight: 500;
}

.login-p{
margin-top: 15px;
margin-bottom: 0px;
}
.login{
background: #0496c7;
color: #fff;
border-color:#0496c7;
border-style: solid; 
border-radius: 5px;
padding: 5px 20px;
font-size: 20px;
font-family: monospace;
font-weight: 600;

}
.password-p{
background: #efefef;
padding: 1px 0px;
border-radius: 5px;
}
.password{
display: inline-block;
height: 40px;
width: 100%;
background: #efefef;
border:0;
}
.eyes{
//width: 7%;
float: right;
position: absolute;
margin-top: 8px;
border: 0;
//transform: translateY(20px);
transform: translateX(-40px);
font-weight:700;
background: transparent;
cursor: pointer;
}

@media(max-width:767px){

.myaside{
height: 90px;
padding-top: 10px;
}
.aside-wrapper{
//border: 2px solid #0018F9;
//border-radius: 5px;
margin-top: 0px;
}
.aside-icon img{
width: 30px;
height: 40px;
transform: translateY(-3px);
}
.aside-link a{
font-size: 16px;
}
.aside-link a:hover{
border-bottom: 3px solid #eee;
}

.main{
height: 85vh;
}
.signup-main{
height: 100vh;
}
.main form{
margin-top: 12vh;
width: 85%;
}
.signup-form{
    margin-top: 10vh !important;
}
.signup-main form{
margin-top:15vh;
}
.login{
padding: 2px 10px;
font-size: 18px;
font-family: monospace;
font-weight: 600;

}
.aside-icon{
font-size: 18px;
}


/*===== Signup =====*/

.form-select, #phone{
margin-bottom: 15px;
}
.phone-no-wrapper{
padding-bottom: 15px;
}

}