/****************************
Custom Styles
App: MoveON4 - Forms
Author: Andrei Stroe
****************************/
/*Template*/
/*Variables*/
/*Colors*/
/*Fonts*/
hmtl, body {
  font-family: Arial, Helvetica, sans-serif;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*Page Container*/
.pageContainer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*Header*/
.pageHeader {
  background-image: url("https://static.moveon4.com/uk-birmignham/images/logo.png");
  background-position: top 20px left 60px;
  background-repeat: no-repeat;
  display: block;
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 90px;
  background-color: #001e3c;
  background-size: 250px;
}

.logo {
  display: none;
}

/*Page Cover*/
.pageCover {
  background-image: none;
  padding-top: 90px;
}

.pageCover h1 {
  color: #00aeef;
}

/*Top Language bar*/
.pageContent #languageButtons li {
  -webkit-transition: border-bottom 0.1s ease-in-out;
  transition: border-bottom 0.1s ease-in-out;
}

.pageContent #languageButtons li a {
  padding-bottom: 5px;
  color: #444;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

.pageContent #languageButtons li a:hover {
  color: #00aeef;
  text-decoration: none;
}

.pageContent #languageButtons li.currentLanguage {
  padding: 2px 5px;
  padding-bottom: 5px;
  color: #00aeef;
  border-bottom: 3px solid #00aeef;
  background-color: transparent;
}

.pageContent #languageButtons li:hover {
  border-bottom: 3px solid #00aeef;
}

/*Page Title*/
.wizardContainer .wizardTitleBar {
  border: 2px solid #efefef;
  background: transparent;
  /*Progress-bar*/
  /*Checkbox*/
}

.wizardContainer .wizardTitleBar .progress-bar.blue.stripes span {
  background-color: #00aeef;
}

.wizardContainer .wizardTitleBar .autoSaveCheck {
  /*Page Checkbox Fix*/
  margin-top: 5px;
}

.wizardContainer .wizardTitleBar .autoSaveCheck input[type=checkbox] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  margin-top: none;
  position: relative;
}

/*Sidebar*/
.menuContainer .vMenu {
  /*Links of sidebar*/
}

.menuContainer .vMenu a {
  color: #000;
}

.menuContainer .vMenu a li {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.menuContainer .vMenu a li.active {
  color: #000;
  background-color: #dfdfdf;
}

.menuContainer .vMenu a li:hover {
  background-color: #f3f3f3;
  color: #000;
  font-weight: normal;
}

.menuContainer .vMenu a li.complete {
  color: #00aeef;
}

/*Reset Outline for Links*/
a:active,
a:focus {
  outline: 0;
  border: none;
}

/*Page Content*/
.formContainer {
  /*Page Header*/
  /*Section Header and Text*/
}

.formContainer .formHeader {
  color: #00aeef;
  border-bottom: 3px solid #00aeef;
}

.formContainer .setContainer fieldset {
  border-bottom: 2px solid #00aeef;
}

/*Page Buttons*/
.wizardNavigation button[kind=submit_button],
.wizardNavigation button[kind=save_button],
.wizardNavigation button[kind=previous_button],
.wizardNavigation button[kind=next_button] {
  background-color: #00aeef;
  border-bottom: 3px solid #001e3c;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  padding-top: 8px;
}

.wizardNavigation button[kind=submit_button]:hover,
.wizardNavigation button[kind=save_button]:hover,
.wizardNavigation button[kind=previous_button]:hover,
.wizardNavigation button[kind=next_button]:hover {
  background-color: #0089bc;
}

/*Display fix for Disclaimer*/
#Disclaimer .labelContainer {
  width: 615px;
}

#Disclaimer .rowControl {
  width: 87px;
}

/*Login/Register Section*/
/*Header*/
/*Containers*/
.loginContainer .formInner,
.registerContainer .formInner,
.reminderContainer .formInner {
  border: 2px solid #dfdfdf;
  padding: 15px;
  border-radius: 5px;
}

.loginContainer .formInner legend,
.registerContainer .formInner legend,
.reminderContainer .formInner legend {
  font-size: 1.2em;
  color: #00aeef;
}

/*Buttons for Submit and Register*/
.button-container button[kind=submit] {
  background-color: #00aeef;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  color: white;
}

.button-container button[kind=submit]:hover {
  background-color: #0089bc;
}

/*Contact Button*/
/*Contact Button Fix*/
.addSection {
  height: 30px;
  padding-right: 10px;
  background-position-y: 6px;
  background-color: #00aeef;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.addSection:hover {
  background-position-y: 6px;
  background-color: #0089bc;
}

/*Fix distance betweec checkbox and text*/
.mark-complete-checkbox {
  padding-right: 5px;
}

/*Page Footer*/
.pageFooter {
  /*Clearfix for footer container*/
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin-top: 100px;
  background-color: #cacfd2;
}

.pageFooter .appDetails {
  margin: 0;
  padding: 5px;
  width: 100%;
  padding: 10px;
}
/*# sourceMappingURL=form_style.css.map */