html,
body {
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    color: #565d60!important;
}
.form-signin {
    max-width: 390px;
    padding: 15px;
}
.form-signin .form-floating:focus-within {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn{
    color: #565d60;
}
.choose_lang_btn,.choose_lang_btn:hover, .choose_lang_btn:focus {
    border:none;
    font-size:12px;
}
.dropdown-menu {
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px,
                rgba(0, 0, 0, 0) 0px 0px 0px 0px,
                rgba(0, 0, 0, 0) 0px 0px 0px 0px,
                rgba(0, 0, 0, 0) 0px 0px 0px 0px,
                rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
                rgba(0, 0, 0, 0.1) 0px 4px 6px -4px
}
.dropdown-item{
    font-size:12px;
}
.dropdown-item:hover, .dropdown-item:focus{
    background: #f97316;
    border-radius: 5px;
    color: #fff;
    font-size:12px;
}
.logo{
    color:#fff;
    font-weight:700;
    font-size:21px;
    background: #f97316;
    display: flex;
    line-height: 21px;
    height:56px;
    width:56px;
    text-align:center;
    border-radius:14px;
    justify-content: center;
    align-items: center;
    margin: 21px auto;
}
h1{
    color: #565d60;
    font-size:14px;
}
h1 p{
    margin: 7px auto 28px auto;
}
.form{
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
            rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    border-radius:14px;
    padding: 21px;
}
.form p{
    text-align: center;
}
.form p svg{
    color: #f97316;
}
.form .form-input{
    font-size: 12px;
    margin-bottom: 14px;
}
.form .form-input label{
    font-weight:500;
    margin-bottom:7px;
}
.form .form-input input{
    background: #f3f3f5
}
.form .form-input input:focus, .form .form-input input:active{
    border:1px solid #565d60;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0.0338548px,
            rgba(0, 0, 0, 0) 0px 0px 0px 0px
}
.form button{
    color:#fff;
}
.form .checkbox{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
 a:hover{
    text-decoration:underline;
}
.form .demodata{
    padding: 14px;
    border: 1px solid rgba(248, 152, 29, 0.2);
    border-radius:14px;
    background: rgba(248, 152, 29, 0.1);
}
.form .demodata p{
    text-align:left;
    margin-bottom:3.5px;
}
.show_pass{
    right: 20px;
    top: 0;
    border: none;
}
.show_pass:hover{
    background: #f8981d;
    color: #fff;
}