body,
html {
    height: 100%;

}

*, *::before, *::after {
    box-sizing: border-box;
}
p {
	font-size: 16px;
}

body {
    font-family: objektiv-mk1,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #231f20;
  /*  font-family: 'Roboto', sans-serif;*/
    background-color: #f3f4f9;
}
a {
	text-decoration: none;
  cursor: pointer;
}
a:hover {
	text-decoration: none;	
  cursor: pointer;
}

.custom-width-logo {
    width:155px;
}



.has-search .form-control {
    background: transparent;
    border: none;
}

.form-group.has-search {
     background: #fff;
     border-radius: 8px; 
     padding: 1rem 0 1rem 6rem;
    border-radius: 8px;
  }
.form-group.has-search {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 15px;
}
  
.form-group.has-search label {
  transition: all 0.3s ease;
  display: inline-block;
  margin-bottom: 5px;
}
.form-group.has-search input
{
  transition: all 0.3s ease;
  border: none;
  display: block;
  padding: 8px 14px;
  width: 100%;
  font-size: 14px;
}
.form-group.has-search input:focus
{
  outline: none;
}
.form-group.has-search input:focus + label {
  color: #2d8cf0;
}
.top24{
    top:24px !important;
}

.has-search .form-control-feedback{
    position: absolute;
    z-index: 2;
    display: block;
    left: 32px;
    top: 13px;
    pointer-events: none;
    color: #aaa;
}

.form-group.has-search input {
  padding: 0px;
  height: 35px;
  }
  .form-group.has-search label {
 margin-bottom: 0;
 font-size: 14px;
    letter-spacing: .05rem;
  }
  .form-group.has-search input:focus{
      outline: none; box-shadow: none;
  }

.custom-control-input:checked~.custom-control-label::before {
    border-color: #d71623;
    background-color: #d71623;
}

/***** Login page Start*****/

.loginSec {
    display: flex;
    height: 100vh;
     flex-wrap: wrap;
}
.toplogo {
    position: absolute;
    top: 20px;
    left: 20px;
}
.toplogo img{
    width: 70%
}

.login-content {
    width: 30%;
    text-align: left;
    background-color: #0971CE;
    display: block;
    align-items: center;
}
    
.login-text-data {
    margin-top: 2rem;
}
.new-logo-icon {
    margin-top: 5rem;
    max-width: 160px;
    height: 86px;
}
.login-form {
    width: calc(100% - 30%);
    padding: 0px 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #F8F8F8;
}
.welcomtext {
    width: 60%;
    margin: 0 auto;
    padding-top: 111px !important;

}
.margin-top150 {
  margin-top:0px;

}

.registerbtn {
    color: #fff;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 400;
}

    .registerbtn:hover {
        color: #d5d5d5;
        text-decoration: underline;
    }
.regBtn {
    float: right;
}

.welcomtext h1 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.welcomtext p {
    color: #fff;
    padding: 15px 0;
    line-height: 28px;
}
.welcomtext h3 {
    color: #fff;
    font-size: 20px;
    margin: 30px;
        font-weight: normal;
}
.forgot p {
    margin-bottom:0;
}
.form-control-feedback img{width: 75%}

.regBtn .btn {
    background: #0971ce;
    width: 100%;
    border-radius: 50px;
    color: #ffffff;
    padding: 16px 60px;
    font-size: 22px;
    font-weight: 600;
}

.loginBox {
    background-color: #ffffff;
    box-shadow: 2px 4px 9px 3px #00000014;
    border-radius: 10px;
    padding:50px; 
 
}
.logo {
    text-align: center;
    margin-bottom: 0;
}

.logintitle h2:after {
    height: 8px;
    display: block;
    width: 100px;
    background: #42B86D;
    border-right: 1px white;
    content: '';
    margin-top: 15px;
}


.logintitle h2{
    font-size: 50px;
    font-weight: 600;
}
.logintitle p{
    font-size: 20px;
    color: #fff;
    margin:2.2rem 0 2.2rem 0;
}

.loginform {
    padding: 15px;
}

.login-form .form-group {
    margin-bottom: 1.5rem;
}
/****** Login Page End*****/


.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  color: #000;
  display: flex;
  align-items: center;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 30px;
  height: 30px;
  background: white;
  border-radius:50px;
  border: 1px solid #e2e2e2;
}
.styled-checkbox:hover + label:before {
  background: #0971CE;
  border:1px solid #575757;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #0971CE;
   border:1px solid #575757;
}
.styled-checkbox:disabled + label {
  color: #fff;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 13px;
  background: white;
  width: 4px;
  height: 4px;
  box-shadow: 1px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.forgot{color:#000; font-size: 15px; letter-spacing: 0.05rem; font-weight: normal;}
.eyeicon{
    position: absolute;
    right: 36px;
    top: 33px;
    font-size:25px

}
.eyeicon img{width: 80%}

.custmmy-5{margin-bottom: 3rem!important; margin-top: 3rem!important;}


/*css form login scroll datalist 5/10/2021*/
.scroller {
    max-height: 20vh;
    overflow-y: scroll;
}

::-ms-reveal {
    display: none;
}


/*log in*/
.login_right {
    align-items: baseline;
}
.login_right .loginform .logo img {
    width:100%;
    max-width:300px;
}
.login_right .loginform {
    margin-top: 3.9rem;
    width: 100%;
}
    .login_right .loginform .right-headding h2 {
        margin: 1rem 0;
        color: #3e3e3e;
        font-size: 2.2rem;
        text-align: center;
    }
.login_right .loginform .login_link span {
    font-size: 1.6rem;
    font-weight: 400;
}
    .login_right .loginform .login_link a {
        margin-left: 0.5rem;
        background-color: #0971ce;
        padding: 15px 75px;
        border-radius: 50px;
        color: #fff;
        margin-top: 15px;
        font-size: 18px;
        font-weight: 400;
    }
        .login_right .loginform .login_link a:hover {
            background: #0762b5;
        }
        .login_right .loginform .login_banner img {
            width: 100%;
            max-width: 50rem;
        }


span.blue-mg img {
    width: 200px;
}


/* 8/23/2025 */
.login-form .loginform {
    margin-top: 3.9rem;
    width: 100%;
}

    .login-form .loginform .right-headding h2 {
        margin: 1rem 0;
        color: #3e3e3e;
        font-size: 2.2rem;
        text-align: center;
    }

.modal-content.loginconfirm .close-btn {
    padding: 10px 15px 0 0;
}

.close-btn i {
    font-size: 16px;
    color: gray;
}

#Login .modal-dialog {
    max-width: 650px;
    position: relative;
}

.bordermodal .modal-content {
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 5%);
}

.modal-content.loginconfirm .modal-body {
    padding: 0rem 2rem 1rem;
}

.bordermodal .modal-content p {
    text-align: left;
}

    .bordermodal .modal-content p span {
        color: #0971ce;
    }

.bordermodal .modal-body button.btn {
    background: #0971CE;
    color: #fff;
    padding: 6px 20px;
    border-radius: 25px;
}

.pointer {
    cursor: pointer;
}

.login-form .form-group svg.custom_eye {
    width: 25px;
    position: absolute;
    right: 43px;
    top: 35px;
}