/*
 * Main cascading styles for amis
 *
 * @author     David Cuerten
 * @since      10.03.2016
 *
 * @category   main, deintipp
 * @copyright  2016 aveta | David Cuerten
 * @version    1.0.0
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600italic);
@import url(https://fonts.googleapis.com/css?family=Oswald);
/* $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 {
  padding: 5px 10px;
  border: 2px solid #E5E5E5;
  border-radius: 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  font-size: 12px; }

.hidden {
  display: none !important; }

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

#loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #80808033;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../image/ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%; }

#main-header-container {
  background-color: #343f48;
  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 0;
    text-align: center;
    width: calc(100% - 200px); }
    @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; }
  @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: #343f48 !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; }
  #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 {
        padding: 0px;
        min-height: calc( 100vh - 40px );
        padding-top: 5px; } }
  #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: #343f48; }
  #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; } }

.hidden {
  display: none !important; }

@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 */