html, body { background-color: #fff; background-size: contain; background: none; }
#wrap { padding-top: 0; background-color: #fff9; }


#header{display:flex;padding: 3% 0;max-width: 1140px; margin:auto}
#header img { background: #fff; margin-bottom:0;width: 30%; margin: auto;}
#header h1{ width: 50%; padding-right: 10%; margin: auto 0; text-wrap: balance; font-weight: 600;}
@media(max-width:992px) {
#header h1{
  font-size: 1rem;
}
}


nav.bg-light { background-color: #f2f2f2 !important; }

.card .bg-secondary { background-color: #374b8f !important; }
.card .card-header h4 { margin: 0; }

.card { background: #cccccc66; }
.card .card { background: #eeeeeeFF; }

a .appname { color: #374b8f; }
a:hover .appname { color: #ff8967; }

.input-group-text { width: 3em; }

h2#register-form { text-align:center; }

.row .captcha-container { padding:0; }
.row #captcha.img-thumbnail { padding:0; height:100%; }
img.renewcaptchaclick { cursor: pointer; }

.fix-input-group-3 .input-group-prepend .input-group-text { width:3em; display:block; }

select option.placeholder { color: #999; }

div.form.resetpwd { max-width: 500px; }

@media(min-width:768px) {
  div.application {
    height: 120px;
  }
  div.application .appdesc {
    height: 2rem;
  }
}

.selectize-input, .selectize-dropdown  { text-align: left; }


#btn-back-to-top{background-color: #d4e1f4;
  border-color: #d4e1f4;}
  
#btn-back-to-top:hover{background-color: #ff8967;
  border-color: #ff8967;}

#footer{
background-color : #384b8f; padding-top:16px}

#footer p{
color:white;
}

@media(max-width:768px) {
#footer .row{
  justify-content:center;
  }
}