* { margin:0px;padding: 0;font-family: 'Montserrat', sans-serif;}
body{
 height: 100%;
 display: flex;
 flex-direction: column;
 min-height: 100vh;
 background-color:#dadada ;
}
#home-tab,#profile-tab{font-size: 14px;}
.container{flex-grow: 1;display: flex;justify-content: center;align-items: center;position: relative;}
.login__header{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
#logo_img{ height: 55px; object-fit: contain;}
.bg_login_img {
  position: relative;
  background: url('/images/globe-technology.jpg') no-repeat center center;
  background-size: cover;
}
.bg_login_img::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(181, 179, 179,0.6);
  z-index: 0;
}
.bg_login_img > * {position: relative;z-index: 1;}

.login__box{
    background-color: #ffffff;
    padding: 30px;
    width: 420px;
    height: 450px;
    border-top: 5px solid #e32236;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}
#loginOptions{margin-top: 25px !important; padding: 0 15px}

.login_input_box {display: flex;align-items: center; margin-bottom:15; gap:10px;}
.login_input_box .input-icon{
  padding: 8px 12px;
  background: #f1f1f1;
  border: 1px solid #c3d4da;
  border-radius: 6px;
  font-size: 20px !important;
  color: #e32236 !important;
  height: 45px;
}
.login_input_box input{flex:1;height: 45px;}

.form__footer{text-align: center;padding: 15px;}
.nav-link:not(.active){color: #e32236;}
#user_email:focus,#user_password:focus,#recovery_email:focus{border-color: #e32236;box-shadow: 0 0 5px #e32236;}
.btn-btn-main{
    background-color: #e32236;
    width: 100%;
    color: white;
    border: #e32236;
    height: 45px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-btn-main i{margin-left: 10px;vertical-align: middle}
.form__footer{
  width: 100%;
  padding: 0 0 15px 0;
}
.form__header h4{font-size: 20px;}
.login__tab_footer{
    background-color: rgba(0,0,0,0.6);
    padding: 14px;
    text-align: center;
    font-size: 12px;
}
.login__tab_footer a{
  color: #ffffff;
  text-decoration: none;
}
.footer-powered--img{max-width: 20px; margin-right: 10px;}

.reset {align-items: center; margin-bottom:15; margin-top:10px;}
.reset .input-icon{
  padding: 8px 12px;
  background: #f1f1f1;
  border: 1px solid #c3d4da;
  border-radius: 6px;
  font-size: 20px !important;
  color: #e32236 !important;
  height: 45px;
}
.reset input{flex:1;height: 45px;}
#password:focus,#confirm_password:focus{border-color: #e32236;box-shadow: 0 0 5px #e32236;}