/*
@import url('bootstrap.min.css');*/

/** Globals ----------------------------------------------- **/

/** Links  ----------------------------------------------- **/
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button  ----------------------------------------------- **/
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/** Base structure -------------------------------- **/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #8DC743 url('../images/congruent-60.png') repeat;
}
p {
    text-align: center;
}
h1, h2, h3, h4 {
    text-align: center;
}
h1 {
  font-size: 28px;
  line-height: 42px;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-top: 20px;
  margin-bottom: 30px;
}
h4 {
  font-size: 14px;
}
p {
    text-align: center;
}
.wrap {
  margin: 20px;
}
.logoLogin {
  padding: 5px;
  margin: 0;
  text-align: center;
}
.logoLogin img {
  width: 240px;
  margin: 0 auto 10px auto;
}
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.inner {
  padding: 30px;
}

/** Header ------------------------------------- */

.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #fff;
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

 /** START @MEDIA QUERIES ---------------------------------- **/

@media (min-width: 1287px) {
  .absoluteCenter {
    width: 25%;
    height: 45%;
  }
}
@media (max-width: 1286px) and (min-width: 751px) {
  .absoluteCenter {
    width: 35%;
    height: 45%;
  }
}
@media (max-width: 750px) and (min-width: 458px) {
  .absoluteCenter {
    width: 70%;
    height: 45%;
  }
}
@media (max-width: 457px) {
  .absoluteCenter {
    width: 80%;
    height: 45%;
  }
}
 /** END @MEDIA QUERIES ------------------------------ */

div.whiteBg {
  background: #fff;
}

input[type=text] {
  color: #3A4446;
}

select {
  color: #444;
}

textarea {
  color: #444;
}

// Mixin
.center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// Usage
.container {
  width: 600px;
  .center-block();
}
.red {
  color: #FF0C00;
}
.seal {
  width: 100%;
  padding: 20px;
  margin: 10px 0;
  text-align: center;
  border-top: 1px solid #898888;
}
.seal img {
  /*width: 90px;*/
  padding: 0;
  margin: 0 13px;
}

.hidden {
  display:none;
}
.loader {
  width: 200px;
  margin: 5px auto;
  text-align: center;
}
.has-error {
  color: #C10000;
  text-shadow: 0 1px 0 #A8A8A8;
}
.has-warning {
  color: #000;
  text-shadow: 1px 1px 0 #222;
}
.has-success {
  color: #14E2BD;
}
.has-error .help-block,
    .has-error .control-label {
      color: #C10000;
      font-weight: bold;
      font-size: 14px;
      text-shadow: 0 1px 0 #A8A8A8;
    }


.centerContainer {
  height: 100%;
  width: 100%;
  margin: 0;
  position: relative;
}
.loginHead {
  color: #fff;
}
.absoluteCenter {
  overflow: hidden;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #fff;
  padding: 20px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  background: #8DC743;
  box-shadow: 5px 5px 5px rgba(58,68,70,0.30);
}
.centerAlert {
  position: relative;
  left: 114px;
  top: -8px;
}
.formcontainer {
  width: 600px;
  margin: 30px auto;
}
.clear {
    clear: both;
}
.padTop {
  padding-top: 12px;
}
.padButtonTop {
  padding-top: 20px;
}
.btn-border {
  padding: 10px 20px;
  border: 1px solid #fff;
}
label {
  font-weight: normal;
}
.loginBox input {
  width: 100%;
  color: #3A4446;
  background: #fff;
  padding: 5px 15px;
}
.left {
  text-align: left;
}

.value {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 20px;
}
.padP {
  padding: 7px 0;
  line-height: 22px;
}
.h3space {
  height: 5px;
  padding: 5px;
}
.instructions {
  font-size: 13px;
}
.logoSpace {
  margin: 0 0 10px 0;
}
.logoSpacer {
  margin: 30px 0;
}
.btn-info,
.btn-info:hover,
.btn-info:focus {
  color: #fff;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #3A4446;
  border: 1px solid #3A4446;
}