.login-body{
    display: flex;
    align-items: center;
    height: 100vh;
}
.login-content{
    margin: auto;
}
.login-text{
    color: #2e2e2e;
}
.input-field .prefix.active{
    color: #2e2e2e;
}
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default){
    padding: 6px 10px;
}
input[type=text]:focus,
input[type=password]:focus{
    padding: 6px 10px;
    border-bottom: 1px solid #6666c4!important;
    box-shadow: 0 1px 0 0 #6666c4!important;
}
input[type=text]:focus + label,
input[type=password]:focus + label{
    color: #6666c4!important;
}
.login-btn{
    background-color: #EE9740;
    border-color: #EE9740;
    color: #ffffff;
}
.login-btn:hover,
.login-btn:focus{
    background-color: #EE9740;
    border-color: #EE9740;
    color: #ffffff;
}
.m-1{
    margin: 10px;
}
@media (min-width: 768px){
    .login-inner{
        border-radius: 8px;
        border: 1px solid #dadce0;
        display: block;
        margin: 0 auto;
        padding: 30px;
        width: 500px;
    }
}
@media (max-width: 767px){
    .login-body{
        display: unset;
        align-items: center;
        height: 100vh;
    }
    .login-inner {
        padding: 24px;
    } 
}