/* Custom Login CSS - sr_custom_login/static/src/css/custom.css */

/* Reset and Base Styles */
* {
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

/* Login Container */
.login-container {
    min-height: 100vh;
    background: url(../images/bg_login.png) no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position:center;
}

/* Login Card */
.login-card {
   border-radius: 24px;
border: 1px solid rgba(102, 102, 102, 0.50);
background: #FFF;
padding:50px;
}
.login_header{    padding: 30px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;}
.carousel-indicators [data-bs-target]{height:25px !important; width:25px !important; background:#fff; opacity:0.6 !important}
.carousel-indicators .active{opacity:1 !important}
.login_body{padding:130px 0; min-height:100vh}
.bg_image2{position: absolute;
    left: 0;
    width: calc(100% - 1.5rem);}
.login-header h2{font-family: "Poppins", sans-serif;color: #333;
font-size: 32px;
font-weight: 600; margin-bottom:25px;
line-height: normal;}
.login-body label{color: #666;font-family: "Poppins", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.form-control{border-radius: 12px;
border: 1px solid rgba(102, 102, 102, 0.35);}

.form-control {
    border-radius: 12px !important;
    border: 1px solid rgba(102, 102, 102, 0.35) !important;
    height: 56px !important;
    padding: 12px 20px !important;
}
.hint{color: #666;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-top:5px;
line-height: normal;}

.superadmin_link{color: #333 !important;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-decoration: underline;}
.login-body .btn-primary{display: flex;
width: 164px;
height: 64px;
padding: 17.5px 50.5px 18.5px 50.5px;
justify-content: center;
align-items: center;border-radius: 40px;
background: #035087;}
.login-body .btn-primary:hover {
    background: #0572c1;
    color: #fff;
}
.left_carousel{position: absolute;
    left: 0;
    width: calc(100% - 1.5rem);}
.carousel-inner.slider_style
 {
    min-height: 400px;
    height: 480px;
    border-radius: 24px;
}

.slider_style img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}


/* Added to prevent employees from clicking in the chatter and redirecting to other employees' profiles */
.o-mail-Message::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 1;
}

.o_field_hr_org_chart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 1;
}