@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('Open-Sans-Regular'), url('../../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('Open-Sans-Italic'), url('../../fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('Open-Sans-Bold'), url('../../fonts/OpenSans-Bold.ttf') format('truetype');
}
body {
  background-color: #e7e8e9;
  min-width: 300px;
}
@media (min-width: 500px) {
  #mainFormWrapper {
    padding-top: 45px;
    min-height: 532px;
    background-repeat: no-repeat;
    background-position: top;
  }
  .card-container.card {
    min-height: 350px;
  }
}
@media (max-width: 500px) {
  .center-block.card-container {
    /* remove the 15px margin that bootstrap always leaves on center-block */
    margin: 0px -15px;
  }
  .card-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .card-container > .card-body {
    flex-grow: 1;
  }
}
.card-container.card {
  max-width: 500px;
}
.card {
  /* shadows and rounded borders */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 0px 10px #999;
  /* For IE 5.5 - 9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#CACBCC'), progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#CACBCC'), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=270, Color='#CACBCC');
}
.card label {
  font-weight: normal;
}
.card a {
  text-decoration: underline;
}
.card > .panel-footer {
  margin-top: 10px;
}
.panel-clear {
  border: 0;
}
.panel-clear > .panel-footer {
  background: none;
  border-top: none;
}
.panel-footer-light {
  color: #999;
  text-decoration: none;
}
.panel-footer.footer-light a,
.panel-footer.footer-light {
  color: #999;
  text-decoration: none;
}
.panel-footer.footer-light a:visited {
  color: #999;
  text-decoration: none;
}
.panel-footer.footer-light a:hover {
  color: #999;
  text-decoration: none;
  color: #777;
}
.form-group.form-group-tight {
  margin-bottom: 5px;
}
label.label-tight {
  margin-bottom: 0px;
}
#login-input-section {
  margin: 0px 10px;
}
.client-logo {
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 130px;
  background-size: contain;
}
.row.client-logo-row {
  margin-top: -15px;
}
.row.row-top-buffer {
  margin-top: 5px;
}
.row.row-bottom-buffer {
  margin-bottom: 5px;
}
.glyph-addon {
  top: 0px;
}
.line-thru {
  text-align: center;
  z-index: 1;
}
.line-thru:before {
  width: 40px;
  height: 10px;
  background-color: #fff;
  content: '';
  margin: -5px 0 0 -20px;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.line-thru:after {
  border-bottom: 1px solid #dfe0e6;
  content: '';
  display: block;
  position: relative;
  top: -10px;
  width: 100%;
  z-index: -2;
}
.panel-logo {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}
.panel-heading .panel-heading-center {
  text-align: center;
}
.logo {
  height: 50px;
  padding-left: 25px;
  margin-top: 10px;
}
.panel-footer {
  padding-bottom: 15px;
}
.circle {
  content: '';
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
}
.close-icon:before {
  content: '';
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  content: "\e014";
  font-family: 'Glyphicons Halflings';
  background: #3D85C6;
  border-style: none;
  color: #fff;
}
.PopupBox {
  display: none;
}
/* CHECKBOX */
.checkbox-custom {
  opacity: 0;
  position: absolute;
}
.checkbox-custom,
.checkbox-custom-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-custom-label {
  position: relative;
}
.checkbox-custom + .checkbox-custom-label:before {
  content: '';
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  border-color: #ccc;
  background-color: #eee;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  background-color: #8dc63f;
  color: #fff;
  border-style: none;
}
.checkbox-custom:focus + .checkbox-custom-label {
  outline: none;
}
.checkbox-custom-label.label-default {
  background-color: inherit;
}
/* END CHECKBOX */