/****************************
Custom Styles
App: MoveON4 - Portals
Author: Andrei Stroe
****************************/
/*Variables*/
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;
  background-color: #fff;
  color: #000;
  font-family: Akkurat, Arial, sans-serif !important;
}

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

/*Page Cover*/
.pageCover {
  background-image: url("https://static-de.moveon4.com/de-htw-saar/images/logo_compact.png");
  background-repeat: no-repeat;
  background-size: 37%;
  background-position-x: 5px;
  background-position-x: 10px;
  padding-top: 160px;
}

/*Top Language bar*/
.pageContent #languageButtons li.currentLanguage {
  background-color: transparent;
  color: #000;
  font-weight: bold;
  padding: 2px 5px;
  border: none;
}

.pageContent #languageButtons li a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pageContent #languageButtons li a:hover {
  color: #000;
}

/*Page Title*/
.wizardContainer .wizardTitleBar {
  background-color: #615B4E;
  color: #fff;
  /*Progress-bar*/
  /*Checkbox*/
}

.wizardContainer .wizardTitleBar .progress-bar {
  color: #000;
}

.wizardContainer .wizardTitleBar .progress-bar #progress {
  background-color: #aea89a;
}

.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;
  bottom: 3px;
}

/*Sidebar*/
.menuContainer {
  display: none;
}

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

.menuContainer .vMenu a li {
  border-bottom: 1px solid transparent;
  color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.menuContainer .vMenu a li.active {
  background-color: transparent !important;
  color: #615B4E;
}

.menuContainer .vMenu a li.active:after {
  width: 100%;
}

.menuContainer .vMenu a li:hover {
  background-color: transparent !important;
  color: #615B4E;
}

.menuContainer .vMenu a li:after {
  content: '';
  width: 0;
  height: 1px;
  display: block;
  background: #000;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

.menuContainer .vMenu a li:hover:not(.active):after {
  width: 100%;
}

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

/*Page Content*/
.formContainer {
  /*Page Header*/
}

.formContainer .formHeader {
  color: #615B4E !important;
  font-weight: bold;
  border-bottom: 1px solid #615B4E;
}

.formContainer .setContainer fieldset legend {
  background-color: #ddd;
}

.formContainer .mark-complete {
  background-color: #ddd;
}

/*Page Buttons*/
.wizardNavigation button[kind=submit_button],
.wizardNavigation button[kind=save_button],
.wizardNavigation button[kind=previous_button],
.wizardNavigation button[kind=next_button] {
  background-color: #615B4E;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.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: #7d7665;
}

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

#Disclaimer .rowControl {
  width: 87px;
}

/*Login/Register Section*/
/*Header*/
h1#pageLabel {
  color: #615B4E;
  margin-top: 30px;
  margin-bottom: 20px;
}

/*Containers*/
.loginContainer .formInner,
.registerContainer .formInner,
.reminderContainer .formInner {
  border: 2px solid #615B4E;
  padding: 15px;
  border-radius: 5px;
}

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

/*Buttons for Submit and Register*/
.button-container button[kind=submit] {
  background-color: #615B4E;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

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

/*Contact Button*/
/*Contact Button Fix*/
.addSection {
  height: 30px;
  padding-right: 10px;
  background-position-y: 7px;
  background-color: #615B4E;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.addSection:hover {
  background-position-y: 7px;
  background-color: #7d7665;
}

.addSection[disabled=disabled] {
  background-position-y: 7px;
}

.addSection[disabled=disabled]:hover {
  background-position-y: 7px;
}

/*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: #615B4E;
}

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