/* CSS - DB October 2018 - CMS Logon */
html, body { height: 100%; }
body {
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #555;
  /*display: block;*/
  display: table;
}
p { margin: .6em 0; }
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #e9ecd7 inset;
  transition: background-color 5000s ease-in-out 0s;
}
header, section, footer { display: block; }
.logon-wrapper {
  position: relative;
  background-color: #fff;
  height: 100%;
  display: table;
}
.logon-body {
  display: table;
  height: 100%;
  padding: 0 8% 0;
  font-size: .9em;
  background-color: #fff;
}
.logon-body a { color: #222; }
.logon-body a:HOVER { color: #336a4b; }
.logon-body h1, h2 {
  margin: 0;
  padding: 0;
}
.logon-body header {
  min-height: 130px;
  padding-top: 10px;
  text-align: right;
}
.logon-body header h1 {
  position: absolute;
  top: 28px;
  width: 150px;
  height: 86px;
  background: url('/Assets/Images/CMS/IHRDC-learning.png') no-repeat -14px 0;
}
.logon-body header h2 {
  display: inline-block;
  width: 220px;
  line-height: 110px;
}
.logon-body header h2 img {
  display: inline-block;
  vertical-align: middle;
  max-height: 110px;
}
.logon-body header h1 span, h2 span { display: none; }
.logon-section h1 {
  font-size: 1.1rem;
  font-weight: 500;
  color: #336a4b;
  line-height: 1.2;
  padding: 8px 0;
}
.logon-box { padding: 6px 0 2px; }
.logon-body label {
  display: block;
  padding: 4px 0 8px;
}
.logon-body label span {
  display: inline-block;
  padding-bottom: 4px;
}
.logon-body input {
  display: block;
  width: 95%;
  padding: 1.5% 2.5%;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.logon-area-btn { 
  text-align: center;
  margin-top: 1rem;
}
.logon-body button.logon-btn {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  border: 1px solid #005595;
  border-radius: .25rem;
  background-color: #005595;
  margin-bottom: 1rem;
  padding: .4rem 3rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-weight: 500;
  font-size: .9rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.alert {
  position: relative;
  padding: .5rem 1rem;
  margin: .5rem 0 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert-warning {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebcccc;
}
.logon-by {
  background: url('/Assets/Images/CMS/powered-by-cms-ihrdc.png') no-repeat center bottom;
  margin: 0 auto;
  height: 36px
}
.logon-by span { display: none; }
.logon-support {
  margin: 0 auto 8px;
  text-align: center;
}
.logon-support-list {
  display: inline-block;
  margin: 0; padding: 0 0 12px;
  font-size: 10px;
  border-bottom: 1px solid #ccc; 
}
.logon-support-list li {
  margin: 0; padding: 12px 0 0;
  display: inline-block;
}
.logon-support-list li a {
  display: block;
  text-decoration: none;
  min-width: 86px;
}
.logon-support-list li i {
  display: block;
  width: 38px;
  height: 38px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.logon-support-list li span {
  display: block;
  padding: 3px 12px 2px;
  margin: 2px 0;
  font-weight: 600;
  color: #656565;
  border-right: 1px solid #999;
}
.logon-support-list li a:HOVER span {
  text-decoration: underline;
}
.logon-support-list li:LAST-CHILD span { border-right: 0 none; } 
.logon-support-list li.fp i { background-image: url('/Assets/Images/CMS/icon-forgot-password.png'); }
.logon-support-list li.sr i { background-image: url('/Assets/Images/CMS/icon-support-request.png'); }
.logon-support-list li.hs i { background-image: url('/Assets/Images/CMS/icon-help-site.png'); }
.logon-support-list li.pp i { background-image: url('/Assets/Images/CMS/icon-privacy-policy.png'); }

.hide { display: none; }
.show { display: block; }

footer { 
  padding-top: 28px; 
  background-color: #fff;
  display: block;
  vertical-align: bottom;
  position: relative;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
}
footer p {
  font-size: .74em;
  text-align: center;
  margin: 0;
  padding: 0 0 24px;
  line-height: 1.3;
  color: #888;
}
.logon-body footer a {
  color: #888;
}
/*@media only screen and (min-height: 840px) {*/
@media only screen and (min-height: 1000px) {
  footer { 
    /*position: absolute;*/
    position: fixed; 
    left: 0;
    right: 0;
    /*margin-left: 65px;*/    
  }
}
@media only screen and (min-width: 920px) {
    footer {
        right: unset;
    }
}

@media only screen and (min-height: 1000px) {
    footer {
        margin-left: 65px;
    }
}

@media only screen and (min-width: 640px) {
  .logon-body {
    padding: 0 12% 0;
  }
}
@media only screen and (min-width: 920px) {
  body { margin: 0; }
  body.logon { 
    /*background: #f5f5f5 url(/Assets/Images/CMS/bg-logon.jpg) no-repeat right top;*/
    background: #fff url(/Assets/Images/CMS/bg-logon.jpg) no-repeat right top;
    background: #fff url(/Assets/Images/CMS/bg-logon.jpg) no-repeat 540px center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
  }
  .logon-wrapper {
    width: 540px;
  }
  .logon-body {
    padding: 0 12% 0;
  }
}