/* =============================================
* Author:      Mike Smith
* Create date: 5 Feb 2016
* Description: Project Weeks Styling
*/

/* None-Media Specific styles */
body {
  font-family: 'Myriad Pro', 'Arial', sans-serif;
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffffff;
  vertical-align: baseline;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

h1 {
  font-size: 30px;
  color: #784260;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

input, textarea {
  font-size: 18px;
}

p, a, label {
  font-size: 18px;
}

hr {
  color: #000000;
}

.img-padding {
  padding: 10px;
}

.br {
  margin: 0 0 15px;
}

#logo {
  display: block;
  margin: 40px auto 0 auto;
  text-align: center;
  font-size: 40px;
  font-weight: normal;
  margin-top: 25px;
  border-bottom: 0;
}

.passwordwarn {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

#rightLowerText,
#leftLowerText {
  margin-top: 20px;
}

#leftLowerText {
  float: left;
}

#rightLowerText {
  float: right;
}

#box_bg {
  border: 1px solid #d5d5d5;
  background: #E4E7EA;
  display: block;
  border-radius: 3px;
  padding: 6px 20px 0 20px;
  min-width: 300px;
}

.box_bg2FA {
  border: 1px solid #d5d5d5;
  background: #E4E7EA;
  display: block;
  border-radius: 3px;
  padding: 6px 20px 0 20px;
  min-width: 300px;
}

.regbutton-div {
  margin: 20px;
  text-align: center;
}

.hide {
  visibility: hidden;
  display: none;
}
/* Log In Form Set Up */
.form-login .form-login-heading,
.form-login .checkbox {
  margin-bottom: 10px;
}

.form-login .checkbox {
  font-weight: normal;
}

.form-login .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 18px;
  width: 100%;
}

  .form-login .form-control:focus {
    z-index: 2;
  }

.email {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.text {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.password {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Btn-Primary Override */
.btn-primary {
  color: #fff;
  background-color: #4F213A;
  border-color: #3b1a2c;
}

  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #401b2f;
    border-color: #3b1a2c;
  }

  .btn-primary:hover {
    color: #fff;
    background-color: #401b2f;
    border-color: #3b1a2c;
  }

  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #401b2f;
    border-color: #3b1a2c;
  }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
      color: #fff;
      background-color: #3b1a2c;
      border-color: #3b1a2c;
    }

  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }

  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #4F213A;
    border-color: #3b1a2c;
  }

  .btn-primary .badge {
    color: #4F213A;
    border-color: #3b1a2c;
  }
/* Phone styles */
@media (max-width:768px) {
  .form-login {
    max-width: 100%;
    padding: 15px;
    margin: 0 auto;
  }
}

@media (min-width:768px) {
  .form-login {
    max-width: 50%;
    padding: 15px;
    margin: 0 auto;
  }
}
/* notifications */
.notification {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border: 3px;
  border-radius: 3px;
  max-width: 100%;
  width: 100%;
}

  .notification.success {
    background-color: #effeb9;
    border-color: #98c700;
    color: #006600;
  }

  .notification.error {
    background-color: #fccac3;
    border-color: #ea5338;
    color: #bb0000;
  }

  .notification li {
    list-style-type: none;
    list-style-position: inside;
    line-height: 20px;
  }

.email2 {
  background: url(/images/email.png) no-repeat;
}

  .email2.error {
    background: url(/images/email_error.png) no-repeat;
    border: 1px solid #f19d9d;
    background-color: #ffe0e0;
    box-shadow: inset 0px 0px 0px #fff;
    color: #d95e5e;
  }

.g-recaptcha div {
  margin-left: auto;
  margin-right: auto;
}

#pswd_info {
  position: absolute;
  /*bottom:-75px;
	bottom: -115px\9; /* IE Specific */
  /*right:55px;*/
  width: 250px;
  padding: 15px;
  background: #fefefe;
  font-size: .875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  margin-left: 20px;
  margin-top: 5px;
  z-index: 2000;
}

  #pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
  }

  #pswd_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: .875em;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
  }

.invalid {
  background: url(/images/invalid.png) no-repeat 0 50%;
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
  list-style-type: none;
}

.valid {
  background: url(/images/valid.png) no-repeat 0 50%;
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
  list-style-type: none;
}

#pswd_info {
  display: none;
}

.error {
  border: 1px solid #f19d9d;
  background-color: #ffe0e0;
  box-shadow: inset 0px 0px 0px #fff;
  color: #d95e5e;
}

.TFARadio label {
  padding-left: 5%;
  font-size: smaller;
}

.rememberDevice input {
  margin-left: 3%;
}

.rememberDevice label {
  margin-left: 2%;
  margin-bottom: 16px;
}

.alert-2FA {
  color: darkblue;
  background-color: gold;
  border-color: gold;
  margin-bottom: 0.75rem;
}

.info2fa {
  width: 10%;
  margin-bottom: auto;
  margin-top: auto;
}

.info2faimg {
  width: 2rem;
  height: 2rem;
}

.modLogo {
  width: 100%;
  text-align: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0e0e0;
}

.btn-wrap {
  white-space: normal;
}