/*body { background-color: #dfdfdf; max-height: 100%; }
:root { --input-padding-x: 1.5rem; --input-padding-y: .75rem; }
.card-signin { border: 0; border-radius: 1rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }
.card-signin .card-title { margin-bottom: 2rem; font-weight: 500; font-size: 2.6rem; color: #4d4949; }
.card-signin .card-body { padding: 2rem; }
.form-signin { width: 100%; }
.form-signin .btn { border-radius: 5rem; letter-spacing: .1rem; font-weight: bold; padding: 1rem; transition: all 0.2s; height: 50px; font-size: 16px; margin-bottom: 20px; margin-top: 10px; }
.form-label-group { position: relative; margin-bottom: 1rem; }
.form-label-group input { height: auto; border-radius: 2rem; margin-bottom: 20px; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.mr-auto, .mx-auto { margin-right: auto !important; }
.ml-auto, .mx-auto { margin-left: auto !important; }
.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: 4rem; padding: 25px 0px; }

 
@media (min-width:992px)
.col-lg-5 {
-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
@media (min-width:768px)
.col-md-7 {
-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
@media (min-width:576px)
.col-sm-9 {
-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
@supports (-ms-ime-align:auto) {
  .form-label-group>label { display: none; }
  .form-label-group input::-ms-input-placeholder { color: #777; }
}
.footer { padding: 15px 0; position: fixed; width: 100%; bottom: 0; }
.login-space { margin-top: 10%; }

 
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .form-label-group>label { display: none; }
  .form-label-group input:-ms-input-placeholder { color: #777; }
}
.form-label-group input { height: 50px; border-radius: 2rem; }
.form-label-group>input, .form-label-group>label { padding: var(--input-padding-y) var(--input-padding-x); }
.mainLogin { max-width: 450px; margin: 0 auto; }
@media only screen and (min-width:320px) and (max-width:768px) {
  .footer { position: relative; }
}

*/
html, body { height: 100%; }
.web-page { height: 100%; position: relative; padding-bottom: 60px; background: #bbb; }
.footer { position: absolute; bottom: 0; left: 0; width: 100%; }
.newLogin { display: table; height: 100%; width: 100%; }
.sectionMiddle { display: table-cell; vertical-align: middle; }
.loginDiv { display: block; max-width: 450px; box-shadow: 0 0 24px #d4d2c4; margin: 0 auto; padding: 40px; position: relative; background: #fff; }
.card-title { font-size: 18px; font-weight: 700; margin: 20px 0 14px; }
.form-label-group { margin: 0 0 20px; }
.form-label-group .form-control { border: 1px solid #dcdcdc !important; font-size: 15px; padding: 0 15px; height: 40px; }
.mainLogin input[type="submit"] { border-radius: 0px; background: #4d4949; outline: none; box-shadow: none; border: none; font-weight: 600; height: 45px; }
.other-sign-ins { text-align: center; }
.other-sign-ins a { display: inline-block; font-size: 15px; color: #4d4949; font-weight: 500; }
.other-sign-ins a i { margin-right: 5px; }
.alert { margin-top: 30px; margin-bottom: 0 }
.border-4 { position: absolute; width: 100%; bottom: -5px; left: 0 }
.borderL { width: 25%; float: left; height: 5px; }
.borderL:nth-child(1) { background: #ece83f }
.borderL:nth-child(2) { background: #E93F33 }
.borderL:nth-child(3) { background: #5F504D }
.borderL:nth-child(4) { background: #84c4c3 }
.hrm_form .error { margin-bottom: 0 }
.form-label-group .form-control:focus { border-color: #84c4c3 !important }
.mainLogin input[type="submit"] { margin: 0; }
.loginDiv .hrm_form { margin-top: 30px; }
@media only screen and (min-width:320px) and (max-width:767px) {
  html, body { height: auto; }
  .web-page { height: auto; padding-bottom: 0 }
  .footer { position: relative; }
  .newLogin { padding: 60px 0 }
  .loginDiv { padding: 20px; }
}


@media only screen and (min-width:1199px) and (max-width:1500px) {
  .card-title { margin: 17px 0 0; }
  .loginDiv { padding: 30px; }
  .form-label-group { margin: 0 0 15px; }
}

.noTop{ margin-top: 0 }