@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
body {
       font-family: 'Roboto Slab', serif !important;
     font-family: 'Roboto', sans-serif;

}
.Custom_Head {
    font-weight: 600;
    color: red;
    top: 8%;
    left: 60%;
    position: absolute;
}

.login.login-3 .login-signin,
.login.login-3 .login-signup,
.login.login-3 .login-forgot {
    display: none;
}

.login.login-3.login-signin-on .login-signup {
  display: none; }

.login.login-3.login-signin-on .login-signin {
  display: block; width:100%; }

.login.login-3.login-signin-on .login-forgot {
  display: none; }

.login.login-3.login-signup-on .login-signup {
  display: block; }

.login.login-3.login-signup-on .login-signin {
  display: none; }

.login.login-3.login-signup-on .login-forgot {
  display: none; }

.login.login-3.login-forgot-on .login-signup {
  display: none; }

.login.login-3.login-forgot-on .login-signin {
  display: none; }

.login.login-3.login-forgot-on .login-forgot {
  display: block; }

.login.login-3 .login-form {
  width: 100%;
  max-width: 450px; }

.login_new_padding {
    padding: 80px;
    width:100%;
}
@media (max-width: 575.98px) {
    .login.login-3 .login-form {
    width: 100%;
    max-width: 100%; } }


/*# sourceMappingURL=login-3.css.map*/


/*
.leftimg {
    background-image: url(../images/icons/loginhrms.png);
    max-width: 100%;

     background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
    
}*/

.hr_cls {
    color: #217BFF;
}
.company-code {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #7EACDE !important;
}
#kt_login_forgot {
    font-size: 15px;
    color: #778AA1;
    font-family: 'Poppins', sans-serif !important;
}
.login-signin h3::before {
    content: url('../images/icons/login_lap.png');
    position: absolute;
    /* border-color: #009933; */
    top: -25px;
    left: 240px;
    /* margin-top: -1em; */
    /* transform: rotate(45deg); */
    width: 100%;
}
.captchaTxtBox{
    background-color:transparent !important;
}
.login_left {
    background-color: #F9FBFE;
    /*  display: flex;*/
    height: 100%;
    align-items: end;
    /*  padding: 10px;*/
    /*padding: 25px 10px 0px 40px;*/
    padding: 40px 10px 0px 40px;
    width: 400px;
    height: 400px;
    width: 100%;
    height: 100%;
    /* margin: 20px; */
    /* shape-outside: circle(102% at 54%); */
    clip-path: circle(102% at 9% 10% );
    background: lightblue;
    clip-path: polygon(0% 0%, 88% 0%, 100% 23%, 90% 100%, 0% 100%);
    /* border-top: 145px solid transparent; */
    /* border-left: 89px solid #000; */
    /* border-bottom: 293px solid transparent; */
    /* transform: skew(0deg); */
    background: #F6F8FC;
}

    .login_left img {
      /*  max-width: 73%;*/
        text-align: center;
        margin: 0 auto;
    }
.login_img{
   /* width:100%;
    height:200px;
    object-fit:cover;*/
   text-align:center;

}
    .login_img img {
        max-width: 80%;
    }

.ihits_logo {
    width: 300px;
    height: 120px;
    margin-left: 50px;
    /* margin-top: -10px; */
    position: absolute;
    top: 15px;
}


.ihits_logo  img{
    max-width:100%;
    height:100%;
}

/*
    .ihits_logo img {
        width: 100%;

        object-fit:cover;
    }*/

/*.logo-new-section {
    width: 350px;
    height: 135px;
    object-fit: cover;
}

    .logo-new-section img {
        width: 100%;
        height: 100%;
    }*/


/*.new-inslide-box {*/
   /* width: 100%;
    height: 100%;*/
    /*   clip-path: polygon(41% 14%, 52% 0, 100% 0, 100% 100%, 80% 100%, 0 100%, 0% 80%, 0 14%);*/
    /* background-color: white;*/
    /*border-radius: 40px;*/
    /*background-image: url(../images/icons/Group8779.svg);
    min-height: 100%;
    min-width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow-y: hidden;
    overflow-x: hidden;
}*/


.new-inslide-box_neww {
    background-image: url(/images/icons/hrmsloginbackgroundnewwww.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.new-inslide-img-cnter {
    /* background: );
    background: linear-gradient(22deg, rgba(214, 230, 253, 0.74) 0%, rgba(161, 186, 242, 1) 96%);*/
    background-color: white;
    border-top-left-radius: 15px;
    background-image: url(/images/icons/logincnterimageee.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 15px;
    border: 10px solid white;
}