body {
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-weight: 400;
     font-style: normal;
     margin: 0px;
     padding: 0px;
     overflow-x: hidden;
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }
 
 html {
     height: 100%;
 }
 .loginlogobox{
  /*height: 145px;*/
}
/* .elvlogo{
    object-fit: contain;
  } */

.elvlogo {
    object-fit: fill;
    aspect-ratio: 21 / 6;
    width: auto;
    height: 70px;
    text-align: center;
}
 .corner-img {
     width: 57px;
     height: 59px;
     background: url(../images/top-left-corner.png) no-repeat;
     position: relative;
     top: -6px;
     left: -4px;
 }

 .bg-img {
     background: url(../images/bg-img.jpg) no-repeat;
     min-height: calc(100vh - 100px);
     width: 100vw;
     position: relative;
     background-size: cover;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .loginbox {
     height: auto;
     display: flex;
     width: auto;
     max-width: 90%;
 }

 /* .bg-img::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
} */

 .container-login {
     width: 100%;
     height: auto;
     background: rgba(255, 255, 255, .9);
     /* padding: 40px; */
     border-radius: 8px;
     justify-content: center;
 }

 .logo-img {

     background: url(../images/logo.png) no-repeat;
     height: 59px;
     width: 300px;
     text-align: center;
 }

 .textboxcontainer {
     float: left;
     width: 100%;
 }

 .logintextdiv {
     width: 100%;
     position: relative;
     padding: 35px;
     /* display: flex; */
     float: left;
     height: auto;
 }

 .clearboth {
     clear: both;
 }

 .input-group-text {
     display: flex;
     align-items: center;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     text-align: center;
     white-space: nowrap;
     background-color: var(--bs-tertiary-bg);
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
 }

 .forgot {
     text-align: right;
     margin-left: 140px;
     font-size: 13px;
     font-weight: 600
 }

 .frgtpwd {
     color: #333333;
     font-size: 12px;
     font-style: italic;
     text-decoration: underline;
     float: right;
     text-align: right;
     margin-top: -10px;
     margin-right: 10px;
 }



 .btnsepration {
     border-top: 1px dotted #afaaaa;
     padding-top: 35px;
 }

 .iconbg {
     background: #ececec;
 }

 .ltextbox {
     height: 50px;
     background: #fff;
     border: 1px solid #dfdfdf;
     border-top-right-radius: 10px !important;
     border-bottom-right-radius: 10px !important;
     font-size: 1rem;

 }

 .footerdiv {
     background: rgba(0, 0, 0, 0.6);
     padding: 20px 0;
     width: 100%;
     color: #fff;
 }

 .footertext {
     font-size: 12px;
     text-decoration: none;
     margin-left: 10px;
     margin-right: 5px;
     font-weight: 400;
     color: #fff;
 }
 
 .footertext:hover {
     color: #fff;
     text-decoration: underline;
 }



 .mr10 {
     margin-right: 10px;
 }

 .copywritetext {
     font-size: 12px;
     margin-right: 10px;
     color: #fff;
     font-weight: 400;
     display: inline-flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
 }

 .copywritetext a, .copywritetext a:hover{
        color: #fff;
        text-decoration: underline !important;
 }
 
 .copywritetext img {
     vertical-align: middle;
     margin-right: 8px;
 }

 .faicon {
     position: absolute;
     font-size: 22px;
     color: #aaaaaa;
     cursor: pointer;
     right: 10px;
     top: 10px;
 }

 .input-submit:hover {

     box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
 }

 ::-ms-input-placeholder {
     /* Edge 12-18 */
     color: #e7e5e5;
     font-style: italic;
     font-size: 13px;
     font-weight: 300;
     letter-spacing: 1px;
 }

 ::placeholder {
     color: #e7e5e5;
     font-style: italic;
     font-size: 13px;
     font-weight: 300;
     letter-spacing: 1px;
 }

 input:focus {
     outline: none;
 }

 *:focus {
     outline: none;
 }

 /* Change the white to any color */
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
     -webkit-box-shadow: 0 0 0 30px white inset !important;
 }


 @media screen and (max-width: 992px) {
     .loginbox {
         width: 90%;
         max-width: 90%;
     }

     .container-login {
         width: 100%;
     }

     .footerdiv {
         padding: 15px 0;
     }
     
     .footerdiv .col-md-6 {
         text-align: center !important;
     }

     .selfreges {
         float: none;
         display: inline-block;
         margin-right: 10px;
     }

     .fgtpwd {
         float: none;
         display: inline-block;
         margin-right: 10px;
     }
     
     .copywritetext img {
         display: block;
         margin: 0 auto 10px;
     }
 }