@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
 */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("fonts/Roboto/roboto-v27-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-100.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-100.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-100.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-100.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-100.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("fonts/Roboto/roboto-v27-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-100italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-100italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-100italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-100italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-100italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Roboto/roboto-v27-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-300.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-300.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-300.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("fonts/Roboto/roboto-v27-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-300italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-300italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-300italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-300italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Roboto/roboto-v27-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-regular.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-regular.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-regular.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/Roboto/roboto-v27-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Roboto/roboto-v27-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-500.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-500.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-500.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("fonts/Roboto/roboto-v27-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-500italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-500italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-500italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-500italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-500italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Roboto/roboto-v27-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-700.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-700.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-700.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("fonts/Roboto/roboto-v27-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-700italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-700italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-700italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-700italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/Roboto/roboto-v27-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-900.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-900.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-900.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("fonts/Roboto/roboto-v27-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/Roboto/roboto-v27-latin-900italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/roboto-v27-latin-900italic.woff2") format("woff2"), url("fonts/Roboto/roboto-v27-latin-900italic.woff") format("woff"), url("fonts/Roboto/roboto-v27-latin-900italic.ttf") format("truetype"), url("fonts/Roboto/roboto-v27-latin-900italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
html {
  margin: 0;
  padding: 0;
  width: 100%; }

.ui-widget, body {
  color: #424F5A;
  font-family: Roboto;
  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-center {
  text-align: center;
  justify-content: center; }

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

.pointer {
  cursor: pointer; }

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 #38A7E3;
    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: #80808033;
  z-index: 9999;
  cursor: default; }

#main-header-container {
  background-color: #38A7E3;
  background-image: linear-gradient(#5EB9EA, #1294DA);
  color: #fff;
  font-family: Roboto;
  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: #38A7E3 !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 );
    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: #38A7E3; }
  #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 */