@charset "UTF-8";
/*
 * Main cascading styles for amis
 *
 * @author     David Cürten
 * @since      10.03.2016
 *
 * @category   main, deintipp
 * @copyright  2016 aveta | David Cürten
 * @version    1.0.0
 */
/* $html_background_image: '../image/background.jpg';  */
/* $html_background_image: '../image/background.jpg';  */
/* === context menu === */
/* entry */
/* separator */
/* $html_background_image: '../image/background.jpg';  */
/* $html_background_image: '../image/background.jpg';  */
/* $html_background_image: '../image/background.jpg';  */
/* === main menu === */
/* header */
/* entry */
/* === user menu === */
/* header */
/* entry */
/* $html_background_image: '../image/background.jpg';  */
@font-face {
  font-family: "Oswald";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Oswald-regular/Oswald-regular.eot");
  src: url("fonts/Oswald-regular/Oswald-regular.eot?#iefix") format("embedded-opentype"), local("Oswald Regular"), local("Oswald-regular"), url("fonts/Oswald-regular/Oswald-regular.woff2") format("woff2"), url("fonts/Oswald-regular/Oswald-regular.woff") format("woff"), url("fonts/Oswald-regular/Oswald-regular.ttf") format("truetype"), url("fonts/Oswald-regular/Oswald-regular.svg#Oswald") format("svg");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Open_Sans/Open-Sans-regular.eot");
  src: url("fonts/Open_Sans/Open-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Open Sans"), local("Open-Sans-regular"), url("fonts/Open_Sans/Open-Sans-regular.woff2") format("woff2"), url("fonts/Open_Sans/Open-Sans-regular.woff") format("woff"), url("fonts/Open_Sans/Open-Sans-regular.ttf") format("truetype"), url("fonts/Open_Sans/Open-Sans-regular.svg#OpenSans") format("svg");
}
/*
 * Main cascading styles for amis
 *
 * @author     David Cürten
 * @since      10.03.2016
 *
 * @category   main, deintipp
 * @copyright  2016 aveta | David Cürten
 * @version    1.0.0
 */
html {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-widget, body {
  color: #424F5A;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 700px) {
  .ui-dialog {
    width: 100% !important;
  }
}

.ui-tooltip {
  position: fixed;
  padding: 5px 10px;
  border: 2px solid #E5E5E5;
  border-radius: 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  max-width: 100%;
}

.hidden:not(.fade-in-out), .hidden-1:not(.fade-in-out), .hidden-2:not(.fade-in-out), .hidden-3:not(.fade-in-out), .hidden-4:not(.fade-in-out), .hidden-5:not(.fade-in-out) {
  display: none !important;
}

.fade-in-out {
  transition-duration: 600ms;
  transition-property: visibility, opacity;
  transition-delay: 0;
}
.fade-in-out.hidden {
  visibility: hidden;
  opacity: 0;
  transition-duration: 600ms;
  transition-property: opacity, visibility;
  transition-delay: 600ms;
}

.align-left {
  text-align: left;
  justify-content: left;
  align-items: flex-start;
}

.align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.align-right {
  text-align: right;
  justify-content: right;
  align-items: flex-end;
}

.pointer {
  cursor: pointer;
}

.full-width {
  width: 100% !important;
}

.flex1 {
  flex: 1 !important;
}
.flex1 .selection {
  display: flex;
  flex: 1;
}

.flex {
  display: flex !important;
  flex-direction: column;
}
.flex.direction-row {
  flex-direction: row;
}

.this50 {
  width: 50px;
}

.this65 {
  width: 65px;
}

.this80 {
  width: 80px;
}

.this100 {
  width: 100px;
}

.this110 {
  width: 110px;
}

.this120 {
  width: 120px;
}

.this150 {
  width: 150px;
}

.this175 {
  width: 175px;
}

.this200 {
  width: 200px;
}

.this250 {
  width: 250px;
}

.this300 {
  width: 300px;
}

.this400 {
  width: 400px;
}

.this500 {
  width: 500px;
}

.other36 {
  width: calc(100% - 160px - 36px);
}

.other40 {
  width: calc(100% - 160px - 40px);
}

.other80 {
  width: calc(100% - 160px - 80px);
}

.other100 {
  width: calc(100% - 160px - 110px);
}

.other150 {
  width: calc(100% - 160px - 155px);
}

.other150_2 {
  width: calc(100% - 158px);
}

.other165_2 {
  width: calc(100% - 175px);
}

.other175 {
  width: calc(100% - 160px - 179px);
}

.other180_2 {
  width: calc(100% - 188px);
}

.other200 {
  width: calc(100% - 205px);
}

.other200_2 {
  width: calc(100% - 210px);
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

body.loading, body.startup {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader, body.startup .loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.loading .loader .spinner, body.startup .loader .spinner {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #013b60;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(128, 128, 128, 0.2);
  z-index: 99999;
  cursor: default;
}

#main-header-container {
  background-color: #013b60;
  background-image: linear-gradient(#025a92, #013b60);
  color: #fff;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  white-space: nowrap;
  z-index: 2501;
}
#main-header-container h1 {
  margin: 5px 0 0 225px;
  text-align: center;
  width: calc(100% - 450px);
}
@media only screen and (max-width: 700px) {
  #main-header-container h1 {
    width: auto;
    margin: 5px 1px 0 65px;
    font-size: 4vw;
  }
}
#main-header-container h1.no_menu {
  width: auto;
}
#main-header-container #logo {
  position: absolute;
  text-align: center;
  min-width: 190px;
  padding-left: 35px;
  z-index: 99;
}
#main-header-container #logo img {
  display: inline-block;
  max-height: 46px;
  max-width: 190px;
  margin-top: 7px;
}
@media only screen and (max-width: 700px) {
  #main-header-container {
    display: flex;
    flex-flow: column;
    align-items: left;
    justify-content: center;
    height: 35px;
  }
}

.temporary_popup_dialog.mCustomScrollbar.mCustomScrollbar {
  padding: 0;
}
.temporary_popup_dialog.mCustomScrollbar.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {
  padding: 0.5em 1em;
}
.temporary_popup_dialog.mCustomScrollbar .mCSB_dragger_bar {
  background-color: #013b60 !important;
}
.temporary_popup_dialog.mCustomScrollbar .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

#main-scroll-container {
  display: flex;
  bottom: 0;
  position: absolute;
  right: 0;
  left: 225px;
  top: 60px;
  overflow: auto;
}
#main-scroll-container.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {
  min-height: 100%;
}
#main-scroll-container #main-content-container {
  padding: 20px;
  width: calc(100% - 40px);
  min-height: calc(100vh - 100px);
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
}
@media only screen and (max-width: 700px) {
  #main-scroll-container #main-content-container {
    height: auto;
    padding: 0px;
    min-height: calc(100vh - 40px);
    padding-top: 5px;
    margin-right: 15px;
  }
}
#main-scroll-container #main-content-container.mobile {
  padding: 0px !important;
}
#main-scroll-container .section-error {
  height: calc(100% - 304px);
  color: #8B0000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 150px auto;
  min-width: 200px;
  width: 50%;
}
#main-scroll-container .mCSB_dragger_bar {
  background-color: #013b60;
}
#main-scroll-container .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.4);
}
#main-scroll-container.no-menu {
  left: 0;
  margin: auto;
}
#main-scroll-container.fullscreen {
  left: 60px;
  margin: auto;
}
@media only screen and (max-width: 700px) {
  #main-scroll-container.fullscreen {
    left: 0px;
  }
}
@media only screen and (max-width: 700px) {
  #main-scroll-container {
    top: 35px;
    left: 60px;
  }
}

.information_container {
  background-color: #F6F6F6;
  border: 1px solid #D0DADA;
  bottom: 0;
  padding: 8px 0;
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
}
.information_container span {
  padding: 0 25px;
  white-space: nowrap;
}
@media only screen and (max-width: 700px) {
  .information_container {
    margin-bottom: 5px;
  }
}

@media not screen\0  {
  #main-content-container {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-direction: column; /* Safari 6.1+, Chrome 21.0 */
    -moz-flex-direction: column; /* Firefox 18.0 */
    flex-direction: column;
  }
}