input:focus, .custom-file-input:focus, .uneditable-input:focus {
        outline: none;
        box-shadow:none !important;
        border:1px solid #ced4da !important;
    }

.btn-login{color: #fff;  background-color: #5bbf8a;   border:2px solid #5bbf8a; padding: 8px 20px;} 
  .btn-login:hover {color: #fff; background-color: #5bbf8a; border-color:#5bbf8a;}
  .btn-login:focus, .btn-login.focus{box-shadow:0 0 0 0.2rem #5bbf8a;}
  .btn-login:not(:disabled):not(.disabled):active, 
  .btn-login:not(:disabled):not(.disabled).active, 
  .show > .btn-login.dropdown-toggle{color: #fff; background-color: #5bbf8a;
   border-color: #5bbf8a;
}   

#login-page{background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
     min-height: 120vh;
     /* responsive height */
     /*  height:100vh; */
   }

#login-page{padding-top:80px;}

.row-login-logo{margin-top: 15px;}
.row-login-logo img{margin-bottom:25px;}
.div-login-logo img{width:120px;}

.div-login-title{}

.login-form {margin-top: 10px; margin-bottom: 10px;}

.login-form .btn-login{width:100%;}

#login-footer{font-size:14px;     color: #3f4540;    margin-top: 20px;}
#login-footer .login-footer-copyright{padding-right: 3px;}

.div-hr-text{margin-top: 20px;margin-bottom: 30px; }

.div-sign-up a{color:#5bbf8a;text-decoration: none;padding-left: 5px;}
.div-sign-up a:hover{color:#555;}

hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #ced4da;
    margin-top: 30px;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #555;
    border-radius: 30rem;
    padding: 0.1rem 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 992px){

	.login-form .form-group{margin-left: 5px; margin-right: 5px;}
  .div-hr-text{ padding-left: 15px;    padding-right: 15px;}
}