@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
 */
@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"); }
/* $html_background_image: '../image/background.jpg';  */
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: 400px; }

.hidden {
  display: none !important; }

.align-left {
  text-align: left;
  justify-content: left; }

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

.align-right {
  text-align: right;
  justify-content: right; }

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: block; }

.loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #80808033;
  z-index: 9999;
  cursor: wait; }

#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: 2500; }
  #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: 225px;
    pointer-events: none;
    z-index: 99; }
    #main-header-container #logo img {
      display: inline-block;
      max-height: 46px;
      max-width: 190px;
      margin-top: 7px;
      margin-left: 35px; }
  @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 {
  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;
    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 );
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 150px auto;
    border: 2px solid #E5E5E5;
    border-radius: 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    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; } }

/*# sourceMappingURL=style.css.map */