@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body { color: #204452; font-family: 'Poppins',sans-serif; font-size: 14px; }

a { }
a:hover { color: #1aafd0; text-decoration: underline; }


.whole_page { position: relative; height: 100vh; display: flex }
.whole_page .right_side { flex: 1; text-align: right; background: url('/images/login_rental_iq/forklift.png') no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; }
.whole_page .right_side .logo_img { height: 100vh; }
/*.whole_page .right_side .logo_img { background: url('/images/login_rental_iq/logo.png') no-repeat center; height: 100vh; }
.whole_page .right_side .logo_img:hover { background-image: url('/images/login_rental_iq/Logo_hover.png') }*/

.forgot_password { padding: 10px; text-align: center; }
.forgot_password a { text-decoration: underline; }



.whole_page .left_side { margin-top: 40px; flex: 1; }
.whole_page .side_margins { height: 100%; width: 436px; margin: auto auto auto auto }
.whole_page .customer_portal { font-weight: bold; font-size: 30px; text-align: center; }
.whole_page .description { font-weight: normal; font-size: 20px; margin: 10px 0 25px 0; font-family: Helvetica; text-align: center; }
.whole_page .remember label { font-family: Helvetica; font-weight: normal; margin-left: 5px; }
/*#btnSignIn { width: 108px; height: 48px; background-color: #40aea8; color: white; border-radius: 14px; margin-top: 18px; font-size: 13px; box-shadow: 2px 2px 7px silver; margin: auto; }*/

#btnSignIn { margin: auto; display: block; transition: opacity 0.3s ease-in-out; cursor: pointer }


.go_back { text-align: center; margin: 120px auto; }
.go_back a { font-family: Helvetica; font-weight: normal }
.user-login-info { position: relative; }
.user-login-info #show_icon { position: absolute; right: 20px; bottom: 20px; cursor: pointer }
.form_label.remember { margin-top: 5px }

#chkRememberImg { cursor: pointer }
.user-login-info #person { position: absolute; left: 16px; top: 16px; }
.user-login-info #lock { position: absolute; left: 16px; bottom: 16px; }

.modal-footer .btn { background-color: #40aea8; border: 0 none; }

.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }

.container { width: 30%; }

.form-signin-heading { text-align: center; padding: 40px; }

.login-wrap { margin: auto }
#form_title { font-size: 21px; text-align: center; }
.form_label { padding-top: 10px; padding-bottom: 15px; }
.form-control { padding: 20px; padding-right: 43px; padding-left: 46px; height: 56px; border-radius: 11px; background-color: #f3f1ff; font-size: 13px; color: #1c1c1c }
.form-control::placeholder { opacity: 1; color: #204452 }







@media screen and (max-width: 1350px) {
    .right_side { display: none }
    .whole_page .right_side { display: none }
    .whole_page .left_side { width: 100% }
}

@media screen and (max-width: 500px) {
    .whole_page .side_margins { width: 90% }
    .form-signin-heading { padding: 0px; }
    .go_back { position: relative; margin-top: 80px; }
}

@media screen and (max-height: 750px) {
    .go_back { position: relative; margin-top: 80px; }
}