/*Fonts*/
/*Colors*/
/* Sizes */
/* Images */
/* Mixins */
/*  National 2 */
/*Font: National 2 Condensed Regular*/
@font-face {
  font-family: "National2Condensed";
  src: url("./National2Condensed-Regular.eot"), url("./National2Condensed-Regular.woff"), url("./National2Condensed-Regular.woff2");
  font-weight: normal;
}

/*Font: National 2 Condensed Bold*/
@font-face {
  font-family: "National2Condensed";
  src: url("./National2Condensed-Bold.eot"), url("./National2Condensed-Bold.woff"), url("./National2Condensed-Bold.woff2");
  font-weight: bold;
}

/*Font: National 2 Regular*/
@font-face {
  font-family: "National2";
  src: url("./National2-Regular.eot"), url("./National2-Regular.woff"), url("./National2-Regular.woff2");
  font-weight: normal;
}

/*Font: National 2 Bold*/
@font-face {
  font-family: "National2";
  src: url("./National2-Bold.eot"), url("./National2-Bold.woff"), url("./National2-Bold.woff2");
  font-weight: bold;
}

body {
  font-family: "National2", "National2Condensed", monospace, sans-serif;
  font-size: 20px;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.topBar {
  background-color: #E4002B;
  color: white;
  font-family: "National2Condensed";
  position: relative;
  text-align: center;
  padding: 12px 0; }

.topBar .topBar__logo {
  cursor: pointer;
  display: block;
  line-height: 56px;
  letter-spacing: 2px; }

.topBar .topBar__logo .topBar__title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: bold;
  color: white;
  font-size: 2.5em; }

.topBar .topBar__logo .topBar__image {
  width: 56px;
  background-image: url("./Colonel.png"); }

.topBar .topBar__image {
  border: 1px solid #E4002B;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  background-color: white;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover; }

.topBar .topBar__image::before {
  content: "";
  display: block;
  padding-top: 100%; }

p.cookieWarning,
.error {
  text-align: center;
  font-size: 0.6em;
  padding: 10px 0;
  color: #E4002B; }

p.cookieWarning {
  display: none; }

#brand_error {
  display: none; }

.login {
  list-style: none;
  padding: 0;
  margin: 0; }

.login li.error {
  visibility: hidden; }

.error {
  margin-top: 10px; }

.error div + div {
  margin-top: 10px; }

.mainContainer p {
  margin-block-start: 0;
  margin-block-end: 0; }

.mainContainer input {
  display: block; }

.mainContainer > div {
  margin: auto; }

.mainContainer .center {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: white; }

.mainContainer .center .left .forgotPassword {
  display: block;
  margin-top: 10px;
  font-size: 0.7em;
  text-decoration: none;
  color: #E4002B; }

.mainContainer .center .left .forgotPassword:hover, .mainContainer .center .left .forgotPassword:active {
  color: #E4002B; }

.mainContainer .center .left .formLabel {
  font-size: 1em;
  font-weight: bold; }

.mainContainer .center .left .formInput {
  border: 2px solid #D5D5D6;
  color: #A1A1A1;
  padding: 4px;
  font-size: 17px;
  width: 100%; }

.mainContainer .center .left .formInput + .formLabel {
  margin-top: 25px; }

.mainContainer .center .right {
  font-size: 0.7em; }

.mainContainer .center .right #accessText {
  margin: 0 0 15px 0; }

.mainContainer .center .right #accessmsgID {
  margin-bottom: 20px;
  color: #B5B5B5; }

.mainContainer .center .left,
.mainContainer .center .right {
  border: solid 1px transparent;
  border-left: solid 1px #F2F2F2F2;
  border-top: solid 1px #F2F2F2F2;
  width: 100%; }

.mainContainer .center .form,
.mainContainer .center .accessContainer {
  width: 75%;
  margin: 40px auto; }

@media (min-width: 1200px) {
  .mainContainer .center .form,
  .mainContainer .center .accessContainer {
    width: 65%; }
}

.mainContainer .center .requestLink,
.mainContainer .center #submitBtn {
  font-size: 16px;
  width: 100%;
  border: 2px solid #E4002B;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 3px; }

.mainContainer .center #submitBtn {
  color: #FFF;
  background: #E4002B;
  margin-top: 40px; }

.mainContainer .center .requestLink {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #E4002B; }

.mainContainer .legal {
  padding: 30px; }

.mainContainer .legal #legalKFC {
  font-size: 0.6em;
  color: #B5B5B5; }

@media (min-width: 768px) {
  .mainContainer > div {
    margin-top: 100px; }

  .mainContainer .center .left {
    width: 56%;
    display: table-cell; }

  .mainContainer .center .right {
    width: 44%;
    display: table-cell; }
}

@media (min-width: 768px) {
  .mainContainer > div {
    width: 80%;
  }
}

@media (min-width: 1000px) {
  .mainContainer > div {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .mainContainer > div {
    width: 50%;
  }
}