@import "bootstrap.css";
@font-face {
  font-family: "CelesteWebPro";
  src: url("fonts/CelesteWebPro.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Brown-Pro-Regular";
  src: url("fonts/lineto-brown-pro-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Brown-Pro-Light";
  src: url("fonts/lineto-brown-pro-light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Brown-Pro-Italic";
  src: url("fonts/lineto-brown-pro-Italic.eot");
  src: url("fonts/lineto-brown-pro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-brown-pro-Italic.woff") format("woff"), url("fonts/lineto-brown-pro-Italic.ttf") format("truetype"), url("fonts/lineto-brown-pro-Italic.svg#lineto-brown-pro-italic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brown-Pro-Bold";
  src: url("fonts/lineto-brown-pro-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
html {
  font-size: 100%;
}
html body {
  font-size: 100%;
  font-family: 'Brown-Pro-Regular', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /** COLOR **/
  /** Button - White **/
  /** Button - Orange **/
  /** Button - Rot **/
  /** Button - Grün **/
  /** ICONS **/
  /** Depublizieren **/
  /** Publizieren **/
  /** Fertig **/
  /** Löschen **/
  /** Icons mit default button **/
  /** Bearbeiten **/
  /** Ändern **/
  /** Profil **/
  /** Star empty **/
  /** Star full **/
  /** Speichern **/
  /** Hinzufügen **/
  /** Entfernen **/
  /** Suchen **/
  /** Statistik **/
  /** Informationen **/
  /** Zurück **/
  /** Vor **/
  /** Email **/
  /** Filter **/
  /** Kreuz **/
  /** magic wand **/
  /** Download **/
  /** Warning **/
  /** Up **/
  /** Down **/
  /** Text Left **/
  /** Text Center **/
  /** Text Right **/
  /** Config **/
  /** Book **/
  /** Book-Open **/
  /** Kalender **/
  /** File-Text **/
  /** PDF **/
  /** Excel **/
  /** Expand **/
  /**
  * Preview (Eye)
  */
  /**
  * Arrow-Up-Right
  */
  /** File - Input
  * @ToDo: Javascript
  **/
  /**
 * Inputfelder - default
 */
  /** Labels **/
  /** Labels in der langen Version mit Breitenangabe
  * 14 = 1/4 = 25%
  * 12 = 1/2 = 50%
  * 23 = 2/3 = 66.66666%
  * etc.
  * Breite wird auf das Nachflogende .input Element übertragen
  */
  /* Labels mit Icons */
  /**
   * Selectfelder
   */
  /** Input - Checkbox/Radio **/
  /* remove standard-styles */
  /* jQuery Tablesort default theme */
  /* override for tablesort zebra using FH colors */
  /* add borders in table header */
  /* Pager CSS */
  /* hide disabled tablesorter search fields */
  /* only show interior lines for resizable columns */
  /* jquery.Jcrop.css v0.9.12 - MIT License */
  /*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
  /* Selection Border */
  /* Invisible click targets */
  /* Selection Handles */
  /* Dragbars */
  /* The "jcrop-light" class/extension */
  /* The "jcrop-dark" class/extension */
  /* Simple macro to turn off the antlines */
  /* Fix for twitter bootstrap et al. */
  /*
td.ic-timeslot-week-td-normal {
    font-size: 1em;
    width: 100px;
    border-top: 1px double #0014a0 !important;
}

td.ic-timeslot-week-td-slim {
    width: 100px;
}
*/
  /* fix for compact view shenanigans (scrollable-table) */
  /*
.ic-wrapper-week-table {
    max-height: 100%;
}

.ic-week-table {
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
    height: 800px;
    overflow-y: scroll;
    width: 100%;
}

.ic-week-table th{
    background-color: #0014a0;
    color: white;
    text-align: center;
    height: 50px;
    border: 1px solid grey;
    width: 14.2%;
}

.ic-week-table td {
    vertical-align: top;
    line-height: 1em;
    padding: 3px !important;
}
*/
  /* no scrollbars for cards that are draggable */
  /*
.ic-exams-stacked-container {
    
    .ic-exams-stacked-card-stack {
        position: relative;
        align-self: center;
        width: 100%;
        height: 100%;

        .ic-exams-stacked-buttons {
            display: none;
            position: absolute;
            background: rgba(0, 0, 0, 0.2);
            border: 2px solid #0014a0;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            left: 0;
            top: 70%;
            text-align: center;
            font-size: 13px;
            text-decoration: none !important;
            z-index: 100000;
            outline: none;
            transition:all 0.2s ease;
            &:hover{
                transform: scale(1.3,1.3);
            }
        }

        .btn-next {
            left: auto;
            top: 5px;
            right: 5px;
        }

        .carousel .ic-exams-stacked-buttons:hover {
            color: #e6e6e6 ;
            background: #fff;
        }
        
        .ic-exams-stacked-card-list {
            top: 0;
            position: relative;
            align-self: center;
            width: 100%;

            li {
                background-color: #b2dfcd;
                transition: all 100ms ease-in-out;
                border-radius: 2px;
                position: absolute;
                list-style: none;  
                left: 0;
                right: 0;
            }

        }
			
		&:hover {
			> .ic-exams-stacked-buttons.btn-next {
				display: block;
				animation: bounceInRight 200ms; 
			}
		}
    }
}

.transformForNxtBtn {
    animation: scaleDown 500ms;
}

@keyframes scaleDown {
    0% {transform: scale(1) translateY(0); opacity: 1; }
    20% {transform: scale(1.01) translateY(20px); opacity: 0.80;}
    40% {transform: scale(1.05) translateY(40px); opacity: 0.40;}
    60% {transform: scale(1.10) translateY(60px); opacity: 0.20;}
    80% {transform: scale(1.15) translateY(80px); opacity: 0.10;}
    100% {transform: scale(1.2) translateY(100px); opacity: 0;}
}

@keyframes scaleCard {
    0%   {top:0px;}
    100% {top:24px;}    
}

@keyframes bounceInRight {
  0% { opacity: 0; transform: translateX(-40px); } 
  100% { transform: translateX(0); } 
}
*/
  /* make table scrollable and later times in timetable more accessable */
  /* if possible, visualize scrollability on table */
}
html body header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 0;
  z-index: 999;
  /*transition: top .250s 0s ease-out;
    -moz-transition: top .250s 0s ease-out;
    -webkit-transition: top .250s 0s ease-out;*/
}
html body header #searchbar {
  background-color: #ebebeb;
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
}
html body header #searchbar form input {
  display: block;
  background: none;
  border: none;
  color: #333237;
  padding: 0 95px;
  font-size: 2.182em;
  line-height: 2.87em;
}
html body header #searchbar form input ~ label {
  color: #88888b;
  background-color: transparent;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 95px;
  top: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  font-size: 2.182em;
  line-height: 2.87em;
}
html body header #searchbar form input:focus ~ label,
html body header #searchbar form input:valid ~ label {
  font-size: 1em;
  top: -0.2em;
  color: #333237;
}
html body header #searchbar form input::placeholder {
  opacity: 0;
}
html body header #searchbar form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  padding: 10px 20px;
  cursor: pointer;
  color: #333;
  border: 1px solid #ccc;
  background-color: #fff;
}
html body header #searchbar form button:before {
  font-family: icomoon;
  content: "\e905";
  margin-right: 10px;
  font-size: 15px;
}
html body header #searchbar form button:hover {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
html body header.half {
  /*top: -100px;*/
}
html body header.half .quick,
html body header.half .quick-clone,
html body header.half .quickfav-wrapper,
html body header.half .search,
html body header.half .login-wrapper,
html body header.half .language,
html body header.half .language-wrapper {
  display: none !important;
}
html body header.half .logo.small {
  opacity: 1;
  transition: opacity 0.25s 0.05s ease-out;
  -moz-transition: opacity 0.25s 0.05s ease-out;
  -webkit-transition: opacity 0.25s 0.05s ease-out;
}
html body header.half .bottom {
  height: 45px !important;
}
html body header.half .bottom .clearfix {
  display: block !important;
}
html body header .top {
  position: relative;
  width: 100%;
  height: 100px;
  padding: 24px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}
html body header .top .logo img {
  width: 280px;
  height: 43px;
}
html body header .bottom {
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 0;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}
html body header .bottom .clearfix .logo {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 7px;
  opacity: 0;
}
html body header .bottom .clearfix .quick {
  display: inline-block;
  position: relative;
  margin-left: 0;
  color: #333237;
  line-height: 15px;
  padding: 10px 0;
  cursor: pointer;
  width: auto;
}
html body header .bottom .clearfix .quick .quick-label {
  display: block;
  color: #333237;
  font-size: 1em;
  line-height: 25px;
  height: 25px;
  float: left;
}
html body header .bottom .clearfix .quick .arrow {
  margin-left: 10px;
  color: #333237;
  font-size: 0.4em;
  padding: 0 8px;
  line-height: 20px;
  height: 25px;
  border: 1px solid #ebebeb;
  float: left;
}
html body header .bottom .clearfix .quick .arrow .icon-arrow-quickfinder {
  font-size: 0;
}
html body header .bottom .clearfix .quick .arrow .icon-arrow-quickfinder::before {
  font-size: 6px;
}
html body header .bottom .clearfix .quick ul {
  display: block;
  position: absolute;
  top: 45px;
  left: -20px;
  width: 300px;
  height: 0;
  overflow: hidden;
  z-index: 1000;
  background-color: #fff;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  opacity: 0;
}
html body header .bottom .clearfix .quick ul li {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
}
html body header .bottom .clearfix .quick ul li:last-child {
  border-bottom: none;
}
html body header .bottom .clearfix .quick ul li:hover {
  border-left: 4px solid #ff821e;
  background-color: #ebebeb;
}
html body header .bottom .clearfix .quick ul li:hover a {
  color: #323237;
  margin-left: -4px;
}
html body header .bottom .clearfix .quick ul li a {
  display: block;
  padding: 8px 0;
  color: #878787;
  text-decoration: none !important;
  text-align: left;
}
html body header .bottom .clearfix .quick ul li a span {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  transform: unset !important;
  bottom: -1px;
}
html body header .bottom .clearfix .quick.quickfav-wrapper ul,
html body header .bottom .clearfix .quick.login-wrapper ul {
  left: unset;
  margin-left: -100px;
}
html body header .bottom .clearfix .quick.quickfav-wrapper ul li a,
html body header .bottom .clearfix .quick.login-wrapper ul li a {
  font-size: 0.9em;
  line-height: 1;
}
html body header .bottom .clearfix .quick:hover ul {
  height: auto;
  opacity: 1;
}
html body header .bottom .clearfix .quick-clone {
  display: none;
}
html body header .bottom .clearfix .burger {
  background-color: #28323e;
  margin-left: auto;
}
html body header .bottom .clearfix .burger .navbar-toggle,
html body header .bottom .clearfix .burger .navigation-toggle {
  display: block;
  position: relative;
  float: right;
  margin: 0;
  padding: 10px 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  border: 1px solid transparent;
}
html body header .bottom .clearfix .burger .navbar-toggle .burger-label,
html body header .bottom .clearfix .burger .navigation-toggle .burger-label {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding-right: 10px;
}
html body header .bottom .clearfix .burger .navbar-toggle .bar,
html body header .bottom .clearfix .burger .navigation-toggle .bar {
  display: inline-block;
}
html body header .bottom .clearfix .burger .navbar-toggle .bar .icon-bar,
html body header .bottom .clearfix .burger .navigation-toggle .bar .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  font-size: 0;
  margin-top: 4px;
}
html body header .bottom .clearfix .burger .navbar-toggle .bar .icon-bar:first-child,
html body header .bottom .clearfix .burger .navigation-toggle .bar .icon-bar:first-child {
  margin-top: 0px;
}
html body header .bottom .clearfix .language,
html body header .bottom .clearfix .login-wrapper,
html body header .bottom .clearfix .search,
html body header .bottom .clearfix .quickfav-wrapper {
  color: #868686;
  line-height: 25px;
  font-size: 1.1em;
  border-left: 1px solid #ebebeb;
  cursor: pointer;
  position: relative;
  text-align: center;
  height: 45px;
  min-width: 80px;
  float: right;
  text-decoration: none !important;
}
html body header .bottom .clearfix .language .icon-search-icon,
html body header .bottom .clearfix .login-wrapper .icon-search-icon,
html body header .bottom .clearfix .search .icon-search-icon,
html body header .bottom .clearfix .quickfav-wrapper .icon-search-icon,
html body header .bottom .clearfix .language .icon-login-icon,
html body header .bottom .clearfix .login-wrapper .icon-login-icon,
html body header .bottom .clearfix .search .icon-login-icon,
html body header .bottom .clearfix .quickfav-wrapper .icon-login-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #868686;
}
html body header .bottom .clearfix .language .hover,
html body header .bottom .clearfix .login-wrapper .hover,
html body header .bottom .clearfix .search .hover,
html body header .bottom .clearfix .quickfav-wrapper .hover {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  font-size: 0;
  text-align: center;
  border-top: 4px solid #ff821e;
  transition: opacity 0.125s ease-in-out;
  -moz-transition: opacity 0.125s ease-in-out;
  -webkit-transition: opacity 0.125s ease-in-out;
}
html body header .bottom .clearfix .language:hover .hover,
html body header .bottom .clearfix .login-wrapper:hover .hover,
html body header .bottom .clearfix .search:hover .hover,
html body header .bottom .clearfix .quickfav-wrapper:hover .hover,
html body header .bottom .clearfix .language:focus .hover,
html body header .bottom .clearfix .login-wrapper:focus .hover,
html body header .bottom .clearfix .search:focus .hover,
html body header .bottom .clearfix .quickfav-wrapper:focus .hover {
  opacity: 1;
}
html body header .bottom .clearfix .language .login-clone,
html body header .bottom .clearfix .login-wrapper .login-clone,
html body header .bottom .clearfix .search .login-clone,
html body header .bottom .clearfix .quickfav-wrapper .login-clone {
  display: none;
}
html body header .bottom .clearfix .login-wrapper .login {
  padding: 10px 19px;
}
html body header .bottom .clearfix .login-wrapper .login .icon-logged-in-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  color: #0014a0;
}
html body header .bottom .clearfix .login-wrapper .login .notification {
  display: inline-block;
  height: 21px;
  width: 21px;
  text-align: center;
  color: #fff;
  background: #eb0041;
  border-radius: 15px;
  font-size: 0.85em;
  line-height: 21px;
  margin: 0 10px;
}
html body header .bottom .clearfix .login-wrapper ul {
  display: block;
  position: absolute;
  top: 45px;
  left: -20px;
  width: 300px;
  height: 0;
  overflow: hidden;
  z-index: 1000;
  background-color: #fff;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  opacity: 0;
}
html body header .bottom .clearfix .login-wrapper ul li {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
}
html body header .bottom .clearfix .login-wrapper ul li:last-child {
  border-bottom: none;
}
html body header .bottom .clearfix .login-wrapper ul li:hover {
  border-left: 4px solid #ff821e;
  background-color: #ebebeb;
}
html body header .bottom .clearfix .login-wrapper ul li:hover a {
  color: #323237;
  margin-left: -4px;
}
html body header .bottom .clearfix .login-wrapper ul li a {
  display: block;
  padding: 8px 0;
  color: #878787;
  text-decoration: none !important;
  text-align: left;
}
html body header .bottom .clearfix .login-wrapper ul li a span {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  transform: unset !important;
  bottom: -1px;
}
html body header .bottom .clearfix .login-wrapper.quickfav-wrapper ul,
html body header .bottom .clearfix .login-wrapper.login-wrapper ul {
  left: unset;
  margin-left: -100px;
}
html body header .bottom .clearfix .login-wrapper.quickfav-wrapper ul li a,
html body header .bottom .clearfix .login-wrapper.login-wrapper ul li a {
  font-size: 0.9em;
  line-height: 1;
}
html body header .bottom .clearfix .login-wrapper:hover ul {
  height: auto;
  opacity: 1;
}
html body header .bottom .clearfix .login-wrapper .arrow {
  margin-left: 10px;
  color: #333237;
  font-size: 0.4em;
  padding: 0 8px;
  line-height: 20px;
  height: 25px;
  border: 1px solid #ebebeb;
  float: left;
}
html body header .bottom .clearfix .login-wrapper .arrow .icon-arrow-quickfinder {
  font-size: 0px;
}
html body header .bottom .clearfix .login-wrapper .arrow .icon-arrow-quickfinder::before {
  font-size: 6px;
}
html body header .bottom .clearfix .login-wrapper:hover .arrow {
  background-color: #ff821e;
  border-color: #ff821e;
  color: #fff;
}
html body header .bottom .clearfix .login-wrapper:hover .arrow .icon-arrow-quickfinder {
  color: #fff;
}
html body header .bottom .clearfix .quickfav-wrapper ul {
  display: block;
  position: absolute;
  top: 45px;
  left: -20px;
  width: 300px;
  height: 0;
  overflow: hidden;
  z-index: 1000;
  background-color: #fff;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  opacity: 0;
}
html body header .bottom .clearfix .quickfav-wrapper ul li {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
}
html body header .bottom .clearfix .quickfav-wrapper ul li:last-child {
  border-bottom: none;
}
html body header .bottom .clearfix .quickfav-wrapper ul li:hover {
  border-left: 4px solid #ff821e;
  background-color: #ebebeb;
}
html body header .bottom .clearfix .quickfav-wrapper ul li:hover a {
  color: #323237;
  margin-left: -4px;
}
html body header .bottom .clearfix .quickfav-wrapper ul li a {
  display: block;
  padding: 8px 0;
  color: #878787;
  text-decoration: none !important;
  text-align: left;
}
html body header .bottom .clearfix .quickfav-wrapper ul li a span {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  transform: unset !important;
  bottom: -1px;
}
html body header .bottom .clearfix .quickfav-wrapper.quickfav-wrapper ul,
html body header .bottom .clearfix .quickfav-wrapper.login-wrapper ul {
  left: unset;
  margin-left: -100px;
}
html body header .bottom .clearfix .quickfav-wrapper.quickfav-wrapper ul li a,
html body header .bottom .clearfix .quickfav-wrapper.login-wrapper ul li a {
  font-size: 0.9em;
  line-height: 1;
}
html body header .bottom .clearfix .quickfav-wrapper:hover ul {
  height: auto;
  opacity: 1;
}
html body header .bottom .clearfix .quickfav-wrapper .arrow {
  margin-left: 10px;
  color: #333237;
  font-size: 0.4em;
  padding: 0 8px;
  line-height: 20px;
  height: 25px;
  border: 1px solid #ebebeb;
  float: left;
}
html body header .bottom .clearfix .quickfav-wrapper .arrow .icon-arrow-quickfinder {
  font-size: 0px;
}
html body header .bottom .clearfix .quickfav-wrapper .arrow .icon-arrow-quickfinder::before {
  font-size: 6px;
}
html body header .bottom .clearfix .quickfav-wrapper:hover .arrow {
  background-color: #ff821e;
  border-color: #ff821e;
  color: #fff;
}
html body header .bottom .clearfix .quickfav-wrapper:hover .arrow .icon-arrow-quickfinder {
  color: #fff;
}
html body header .bottom .clearfix .quickfav-wrapper .quickfav {
  padding: 10px 19px;
}
html body header .bottom .clearfix .quickfav-wrapper .quickfav-clone {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  display: none;
}
html body header .bottom .clearfix .language {
  padding: 11px 35px 10px 19px;
}
html body header .bottom .clearfix .language span.icon-lanugage-icon {
  font-size: 70%;
  top: -2px;
  position: relative;
}
html body header .bottom .clearfix .language .t {
  display: inline-block;
  font-size: 0.75em;
  position: relative;
  top: -3px;
  left: 7px;
}
html body footer {
  padding-right: 0;
}
html body footer .wrap {
  padding-top: 0;
}
html body footer .wrap .row.top {
  border-top: 1px solid #ebebeb;
}
html body footer .wrap .row.top .col-xs-9 {
  line-height: 45px;
  color: #333237;
  padding-left: 71px;
}
html body footer .wrap .row.top .up {
  margin-right: -15px;
  color: #333237;
  border-left: 1px solid #ebebeb;
  padding: 10px 19px;
  line-height: 25px;
  font-size: 1.2em;
}
html body footer .wrap .row.top .up:hover {
  text-decoration: none;
}
html body footer .wrap .row.mid {
  background-color: #696969;
  color: #fff;
  padding: 0px 56px 56px 56px;
}
html body footer .wrap .row.mid .newsfeed {
  overflow: hidden;
}
html body footer .wrap .row.mid .newsfeed ul {
  padding: 0 15px;
  margin-top: 30px;
}
html body footer .wrap .row.mid .newsfeed li {
  padding: 0;
  margin: 0;
  list-style: none;
}
html body footer .wrap .row.mid .newsfeed li .top {
  display: inline-block;
  position: relative;
  font-size: 0.833em;
  line-height: 2em;
  color: #fff;
  border: none;
  padding-left: 2.75em;
  text-decoration: none;
}
html body footer .wrap .row.mid .newsfeed li .top:hover span {
  background-color: #e5e5e5;
  color: #696969;
}
html body footer .wrap .row.mid .newsfeed li .description {
  display: block;
  padding: 0.5em 0 2em 0;
}
html body footer .wrap .row.mid .newsfeed li .description a {
  text-decoration: none;
}
html body footer .wrap .row.mid .newsfeed li.facebook .top span,
html body footer .wrap .row.mid .newsfeed li.twitter .top span,
html body footer .wrap .row.mid .newsfeed li.rss .top span {
  color: #e5e5e5;
  font-size: 0.875em;
  position: absolute;
  left: 0;
  background-color: transparent;
  border: 1px solid;
  border-radius: 50%;
  width: 2.4em;
  line-height: 1em;
  text-align: center;
  padding: 0.6em;
}
html body footer .wrap .row.mid .newsfeed li.youtube .top span {
  color: #e5e5e5;
  font-size: 0.875em;
  position: absolute;
  left: 0;
  background-color: transparent;
  border: 1px solid;
  border-radius: 50%;
  width: 2.4em;
  line-height: 1em;
  text-align: center;
  padding: 0.6em 0.6em 0.6em 0.425em;
}
html body footer .wrap .row.mid .social {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 0;
}
html body footer .wrap .row.mid .social li {
  list-style: none;
  text-decoration: none;
  border-radius: 100px 100px;
  position: relative;
  height: 60px;
  width: 60px;
  margin: 16px 68px;
  transition: 0.2s;
  font-size: 1.5em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
html body footer .wrap .row.mid .social li a {
  text-decoration: none !important;
  padding: 10px;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
html body footer .wrap .row.mid .social li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s left;
}
html body footer .wrap .row.mid .social li a span[class^="icon-"]::before {
  align-content: center;
  text-align: center;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
html body footer .wrap .row.mid .social li .social_notification_badge {
  background-color: #eb0041;
  width: 1em !important;
  height: 1em !important;
  margin-left: 1.4em;
  padding: 0.3em;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  margin-top: -0.5em;
  position: absolute;
  right: -8px;
  top: 8px;
}
html body footer .wrap .row.mid .social li .social_notification_badge #social_notification_count {
  text-align: center;
  line-height: 0.9em;
  width: 0.9em;
  height: 0.9em;
  font-size: 17px;
  right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
html body footer .wrap .row.mid .social li span.channel {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  transition: 0.2s left, 0.2s opacity;
  opacity: 0;
  text-align: right;
}
html body footer .wrap .row.mid .social li.twitter {
  background: #55ACEE;
}
html body footer .wrap .row.mid .social li.facebook {
  background: #3B5998;
  margin: 16px 78px;
}
html body footer .wrap .row.mid .social li.linkedin {
  background: #0077B5;
  margin: 16px 78px;
}
html body footer .wrap .row.mid .social li.instagram {
  background: #405de6;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  margin: 16px 88px;
}
html body footer .wrap .row.mid .social li.youtube {
  background: #ff0000;
  margin: 16px 78px;
}
html body footer .wrap .row.mid .social li.xing {
  background: #026466;
  margin: 16px 48px;
}
html body footer .wrap .row.mid .social li.rss {
  background: #f26522;
  margin: 16px 83px;
  word-break: keep-all;
}
html body footer .wrap .row.mid .social li:hover {
  height: 76px;
  width: 180px;
  margin: 8px;
  font-size: 1.75em;
}
html body footer .wrap .row.mid .social li:hover a span.channel {
  opacity: 1;
  left: 70px;
}
html body footer .wrap .row.mid .social li:hover a span[class^="icon-"] {
  left: 40px;
}
html body footer .wrap .row.mid .social li:hover.instagram,
html body footer .wrap .row.mid .social li:hover.facebook,
html body footer .wrap .row.mid .social li:hover.rss {
  width: 220px;
}
html body footer .wrap .row.mid .social li:hover.youtube,
html body footer .wrap .row.mid .social li:hover.linkedin {
  width: 200px;
}
html body footer .wrap .row.mid .social li:hover.xing {
  width: 160px;
}
html body footer .wrap .row.mid a {
  color: #fff;
  text-decoration: underline;
}
html body footer .wrap .row.mid h4,
html body footer .wrap .row.mid h2 {
  font-size: 1.7em;
  padding-top: 0;
  margin-top: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
html body footer .wrap .row.mid h2 {
  margin-bottom: 1em;
  padding-top: 30px;
}
html body footer .wrap .row.mid p {
  line-height: 1.6em;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
html body footer .wrap .row.mid nav ul {
  padding: 0;
  margin: 0;
}
html body footer .wrap .row.mid nav ul li {
  padding: 0;
  margin: 0 0 0 1em;
  line-height: 1.6em;
}
html body footer .wrap .row.mid nav ul li a {
  text-decoration: none;
}
@media (max-width: 1492px) {
  html body footer .wrap .row.mid .social {
    flex-wrap: wrap;
    justify-content: center;
  }
  html body footer .wrap .row.mid .social li,
  html body footer .wrap .row.mid .social li:hover {
    height: 60px !important;
    width: 60px !important;
    min-width: 60px !important;
    font-size: 1.5em !important;
    margin: 16px 16px !important;
  }
  html body footer .wrap .row.mid .social li a span,
  html body footer .wrap .row.mid .social li:hover a span {
    left: 30px !important;
  }
  html body footer .wrap .row.mid .social li span.channel,
  html body footer .wrap .row.mid .social li:hover span.channel {
    display: none;
  }
}
@media (max-width: 992px) {
  html body footer .wrap .row.mid .social li,
  html body footer .wrap .row.mid .social li:hover {
    margin: 16px 8.3333% !important;
  }
}
html body footer .wrap .row.mid hr {
  border-width: 2px;
  margin-bottom: 30px;
}
html body footer .wrap .row .logo-wrapper {
  background: #dadada;
  position: relative;
  padding: 10px 0;
}
html body footer .wrap .row .logo-wrapper .logo-line {
  margin: 0 35px;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-list {
  overflow: hidden;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-prev,
html body footer .wrap .row .logo-wrapper .logo-line .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 75px;
  width: 30px;
  cursor: pointer;
  color: #696969;
  font-size: 36px;
  transition: 0.2s;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-prev span[class^='icon-'],
html body footer .wrap .row .logo-wrapper .logo-line .slick-next span[class^='icon-'] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-prev:hover,
html body footer .wrap .row .logo-wrapper .logo-line .slick-next:hover {
  font-size: 40px;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-prev::before,
html body footer .wrap .row .logo-wrapper .logo-line .slick-next::before {
  display: none;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-prev {
  left: 0;
  text-align: right;
}
html body footer .wrap .row .logo-wrapper .logo-line .slick-next {
  right: 0;
  text-align: left;
}
html body footer .wrap .row .logo-wrapper .logo-line .footer-link {
  display: inline-block;
  position: relative;
  height: 125px;
  min-width: 125px;
}
html body footer .wrap .row .logo-wrapper .logo-line .footer-link a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  text-decoration: none;
}
html body footer .wrap .row .logo-wrapper .logo-line .footer-link a img {
  height: 125px;
  width: 100%;
  object-fit: contain;
}
html body footer .wrap .row .logo-wrapper .logo-line .footer-link a span[class^='icon-'] {
  font-size: 150%;
}
html body footer .wrap .row.last {
  background-color: #fff;
}
html body footer .wrap .row.last > .col-sm-12 {
  padding-left: 15px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
html body footer .wrap .row.last > .col-sm-12 a {
  color: #0014a0;
  text-decoration: none !important;
  display: inline-block;
  margin-right: 40px;
}
html body footer .wrap .row.last > .col-sm-12 a:hover {
  color: #323237;
}
html body footer .wrap .row.last > .col-sm-12 a .icon-uas7-icon {
  color: #323237;
  font-size: 0.75em;
  margin-left: 0.5em;
}
html body footer .wrap .row.last > .col-sm-12 a .icon-piwik-aktiv-icon,
html body footer .wrap .row.last > .col-sm-12 a .icon-close-icon {
  font-size: 0.75em;
  margin-left: 0.5em;
}
html body section#head,
html body section#head-second {
  font-size: 1.1em;
  margin: 0 -15px;
}
html body section#head > .row,
html body section#head-second > .row {
  margin-right: 0;
}
html body section#head .head,
html body section#head-second .head {
  padding-right: 3vw;
  padding-left: 3vw;
}
html body section#head .head .breadcrumb,
html body section#head-second .head .breadcrumb {
  padding: 0;
  margin: 30px 0 20px;
  background: none;
  font-size: 0.875em;
  font-family: "Brown-Pro-Light", sans-serif;
  color: #333237;
}
html body section#head .head .breadcrumb > li + li:before,
html body section#head-second .head .breadcrumb > li + li:before {
  color: #0014a0;
  content: ">";
  padding: 0 5px;
}
html body section#head .head .breadcrumb > li.active,
html body section#head-second .head .breadcrumb > li.active {
  color: #333237;
}
html body section#head .head .breadcrumb a,
html body section#head-second .head .breadcrumb a {
  color: #333237;
}
html body section#head .head h1,
html body section#head-second .head h1 {
  font-size: 2em;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
html body section#head .head div.intro,
html body section#head-second .head div.intro {
  font-size: 1.4em;
  font-family: "Brown-Pro-Light", sans-serif;
  margin-bottom: 2.292em;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
html body .wrap {
  overflow-x: auto;
  padding-right: 0;
  padding-bottom: 0;
}
html body .wrap.no-pad-top {
  padding-top: 0;
}
html body .wrap section#content {
  color: #323237;
  font-family: "CelesteWebPro", serif;
  font-size: 1.375em;
  padding: 28px 3vw 1em;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
html body .wrap section#content h1,
html body .wrap section#content h2,
html body .wrap section#content h3,
html body .wrap section#content h4,
html body .wrap section#content h5 {
  font-family: "Brown-Pro-Regular", sans-serif;
  font-weight: normal;
}
html body .wrap section#content h1 {
  font-size: 1.778em;
  margin-top: 0;
  margin-bottom: 0.729em;
}
html body .wrap section#content h2 {
  font-size: 1.111em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
html body .wrap section#content h3 {
  font-size: 1.111em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
html body .wrap section#content label {
  font-size: 1.111em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
html body .wrap section#content table {
  width: 100%;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  word-break: normal;
  font-size: 0.875em;
  margin: 1.5em 0;
  border-color: rgba(200, 200, 200, 0.5);
}
html body .wrap section#content table td,
html body .wrap section#content table td * {
  font-family: "Brown-Pro-Light", "icomoon", sans-serif;
}
html body .wrap section#content table tr td {
  vertical-align: top;
  padding: 0.5em;
  border: 1px solid rgba(200, 200, 200, 0.5);
}
html body .wrap section#content table tr th {
  vertical-align: top;
  padding: 0.5em;
  border: 1px solid rgba(200, 200, 200, 0.5);
  font-family: "Brown-Pro-Regular", sans-serif;
}
html body .wrap section#content table.no-border th,
html body .wrap section#content table.no-border td {
  border: none;
}
html body .wrap section#content table.vertical-data tr:not(:first-child):not(:last-child) td,
html body .wrap section#content table.vertical-data tr:not(:first-child):not(:last-child) th {
  border-top: 0px;
  border-bottom: 0px;
}
html body .wrap section#content table.vertical-data tr:first-child td,
html body .wrap section#content table.vertical-data tr:first-child th {
  border-bottom: 0px;
}
html body .wrap section#content table.vertical-data tr:last-child td,
html body .wrap section#content table.vertical-data tr:last-child th {
  border-top: 0px;
}
html body .wrap section#content table.horizontal-data td:not(:first-child):not(:last-child),
html body .wrap section#content table.horizontal-data th:not(:first-child):not(:last-child) {
  border-left: 0px;
  border-right: 0px;
}
html body .wrap section#content table.horizontal-data td:first-child,
html body .wrap section#content table.horizontal-data th:first-child {
  border-right: 0px;
}
html body .wrap section#content table.horizontal-data td:last-child,
html body .wrap section#content table.horizontal-data th:last-child {
  border-left: 0px;
}
html body .wrap section#content table.small {
  font-size: 0.66em;
}
html body .wrap section#content ul.verteiler {
  margin: 0 0 1.5em 0;
  padding: 1em 0 0 0;
}
html body .wrap section#content ul.verteiler:before {
  content: "";
  display: table;
  clear: both;
}
html body .wrap section#content ul.verteiler li {
  list-style: none;
  position: relative;
}
html body .wrap section#content ul.verteiler li a {
  display: block;
  padding: 0.25em 0.75em;
  margin: 0 0 10px 0;
  font-family: "Brown-Pro-Regular", sans-serif;
  border: 1px solid #0014a0;
  text-decoration: none !important;
  font-size: 0.818em;
  background-color: rgba(0, 20, 160, 0);
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body .wrap section#content ul.verteiler li a strong {
  font-family: "Brown-Pro-Regular", sans-serif;
  font-weight: inherit;
}
html body .wrap section#content ul.verteiler li a:hover {
  background-color: #0014a0;
  color: #fff;
}
html body .wrap section#content ul.verteiler li.download {
  list-style: none;
  position: relative;
}
html body .wrap section#content ul.verteiler li.download a {
  display: block;
  padding: 0.25em 2em 0.25em 0.75em;
  margin: 0 0 10px 0;
  font-family: "Brown-Pro-Regular", sans-serif;
  border: 1px solid #0014a0;
  text-decoration: none !important;
  font-size: 0.818em;
  background-color: transparent;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body .wrap section#content ul.verteiler li.download a strong {
  font-family: "Brown-Pro-Regular", sans-serif;
  font-weight: inherit;
}
html body .wrap section#content ul.verteiler li.download a:hover {
  background-color: #0014a0;
  color: #fff;
}
html body .wrap section#content ul.verteiler li.download a:hover:after {
  color: #fff;
}
html body .wrap section#content ul.verteiler li.download a:after {
  font-family: icomoon;
  content: "\e605";
  position: absolute;
  top: 0.325em;
  right: 0.75em;
  color: #0014a0;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body .wrap section#content .row.teaserboxes {
  padding: 0 7.5px;
}
html body .wrap section#content .row.teaserboxes .col-xs-12 {
  padding-bottom: 30px;
}
html body .wrap section#content .row.teaserboxes .teaserbox {
  display: block;
  position: relative;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.1);
  cursor: pointer;
  text-decoration: none !important;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area {
  position: relative;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .image {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 5.4em;
  overflow: hidden;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .image img {
  display: block;
  width: 100%;
  height: auto;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .content-area {
  background-color: #0014a0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5.4em;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  overflow: hidden;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .content-area .holder {
  position: relative;
  padding: 20px;
  display: block;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .content-area .holder .content {
  display: block;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .content-area .holder .content h3 {
  margin-top: 0 !important;
  color: #fff;
}
html body .wrap section#content .row.teaserboxes .teaserbox .toogle-area .content-area .holder .content .toggle {
  display: block;
  color: #fff;
  opacity: 0;
  font-size: 0.75em;
  font-family: "Brown-Pro-Regular", sans-serif;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body .wrap section#content .row.teaserboxes .teaserbox .buttons {
  position: relative;
  font-size: 1.1em;
  height: 70px;
  line-height: 70px;
  font-family: "Brown-Pro-Regular", sans-serif;
  color: #878787;
}
html body .wrap section#content .row.teaserboxes .teaserbox .buttons .over {
  display: none;
  padding: 0 20px;
}
html body .wrap section#content .row.teaserboxes .teaserbox .buttons .over:after {
  content: "○";
  position: absolute;
  right: 0.75em;
}
html body .wrap section#content .row.teaserboxes .teaserbox .buttons .out {
  display: block;
  color: #0014a0;
  padding: 0 20px;
  text-decoration: none !important;
}
html body .wrap section#content .row.teaserboxes .teaserbox .buttons .out:after {
  content: "●";
  position: absolute;
  right: 0.75em;
}
html body .wrap section#content .collapseable {
  color: #663366;
  font-size: 1em !important;
  padding-left: 30px !important;
  cursor: pointer;
  margin-top: 1em !important;
}
html body .wrap section#content .collapseable::before {
  font-family: icomoon;
  content: "\e923";
  width: 35px;
  height: 100%;
  position: relative;
  left: -25px;
}
html body .wrap section#content .collapsed {
  color: #003299;
}
html body .wrap section#content .collapsed::before {
  font-family: icomoon;
  content: "\e922" !important;
  width: 30px !important;
  height: 100% !important;
}
html body .wrap section#content .not-collapseable {
  cursor: pointer;
}
html body .wrap section#content .not-collapseable::before {
  font-family: icomoon;
  content: "" !important;
  width: 0 !important;
  height: 0% !important;
}
html body .wrap section#content .normal-h {
  font-family: celestewebpro !important;
  padding: 0 !important;
  margin: 0px 0 5px 0 !important;
  font-size: 1em !important;
}
html body .wrap section#content blockquote {
  font-size: 1em;
  padding: 0 20px;
  margin: 1.5em 0;
  border-left: 1px solid #0014a0;
}
html body .wrap section#content div.intro {
  font-size: 1.111em;
  font-family: "Brown-Pro-Light", sans-serif;
  margin-bottom: 2.292em;
}
html body .wrap section#content div.intro strong {
  font-weight: inherit;
}
html body .wrap section#content div.person {
  padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(200, 200, 200, 0.5);
}
html body .wrap section#content div.person:last-child {
  border-bottom: none;
}
html body .wrap section#content div.person p {
  font-family: "Brown-Pro-Light", sans-serif;
  font-size: 1em;
}
html body .wrap section#content p {
  font-family: "CelesteWebPro", serif;
  font-size: 1em;
}
html body .wrap section#content a {
  color: #0014a0;
  text-decoration-style: dotted;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-position: under;
}
html body .wrap section#content a:hover {
  text-decoration: underline;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body .wrap section#content a.nodecoration {
  text-decoration: none;
}
html body .anchor ul {
  padding: 0;
  margin: 0 0 1.5em 0;
}
html body .anchor ul li {
  padding: 0 0 0.35em 1.5em;
  margin: 0;
  list-style: none;
  position: relative;
}
html body .anchor ul li a {
  display: inline-block;
  font-family: "Brown-Pro-Light", sans-serif;
  font-size: 1.091em;
  text-decoration: none !important;
}
html body .anchor ul li a::before {
  position: absolute;
  left: 0;
  top: 0.3em;
  font-family: icomoon;
  content: "\e600";
  font-size: 0.55em;
  width: 1.9em;
  line-height: 1.4em;
  text-align: center;
  color: #0014a0;
  border: 1px solid #0014a0;
  border-radius: 50%;
  padding: 0.2em;
}
html body .anchor ul li:hover a::before {
  color: #fff;
  background-color: #0014a0;
}
html body .spinner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
html body .spinner .bounce1,
html body .spinner .bounce2,
html body .spinner .bounce3,
html body .spinner .bounce4,
html body .spinner .bounce5 {
  width: 18px;
  height: 18px;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}
html body .spinner .bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
  background-color: #66d2f0;
}
html body .spinner .bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
  background-color: #66c09d;
}
html body .spinner .bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #ffe466;
}
html body .spinner .bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #ff9643;
}
html body .spinner .bounce5 {
  background-color: #f3668d;
}
html body .spinner .caption {
  position: relative;
  text-align: center;
  color: #191919;
  font-family: Brown-Pro-Regular;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
html body [tooltip] {
  position: relative;
  cursor: help;
  border-bottom: 2px dashed;
  border-bottom-color: #f3668d;
}
html body [tooltip]::before,
html body [tooltip]::after {
  font-size: 13px;
  position: absolute;
  display: none;
  opacity: 0;
}
html body [tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1;
}
html body [tooltip]::after {
  font-family: "Brown-Pro-Regular", sans-serif;
  content: attr(tooltip);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid transparent;
  border-left-width: 1px;
  border-right-width: 1px;
  background: #fbfbfb;
  color: #333;
  padding: 5px 10px;
  min-width: 300px;
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) all;
  z-index: 2001;
}
html body [tooltip]:hover::before,
html body [tooltip]:hover::after {
  display: block;
}
html body [tooltip][tooltip='']::before,
html body [tooltip][tooltip='']::after {
  display: none !important;
}
html body [tooltip]:not([direction])::before,
html body [tooltip][direction^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #eb0041;
}
html body [tooltip]:not([direction])::after,
html body [tooltip][direction^="up"]::after {
  bottom: calc(100% + 5px);
  border-bottom-color: #eb0041;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
html body [tooltip]:not([direction])::before,
html body [tooltip][direction^="up"]::before,
html body [tooltip]:not([direction])::after,
html body [tooltip][direction^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}
html body [tooltip]:not([direction])[twoborders^="true"]::after,
html body [tooltip] [tooltip][direction^="up"][twoborders^="true"]::after {
  border-top-color: #eb0041;
}
html body [tooltip][direction^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #eb0041;
}
html body [tooltip][direction^="down"]::after {
  top: calc(100% + 5px);
  border-top-color: #eb0041;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
html body [tooltip][direction^="down"]::before,
html body [tooltip][direction^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}
html body [tooltip][direction^="down"][twoborders^="true"]::after {
  border-bottom-color: #eb0041;
}
html body [tooltip]:not([animation]):hover::before,
html body [tooltip]:not([animation]):hover::after,
html body [tooltip][animation^="right"]:hover::before,
html body [tooltip][animation^="right"]:hover::after {
  animation: tooltips-right 500ms cubic-bezier(0.39, 0.58, 0.57, 1) forwards;
}
html body [tooltip][animation^="left"]:hover::before,
html body [tooltip][animation^="left"]:hover::after {
  animation: tooltips-left 500ms cubic-bezier(0.39, 0.58, 0.57, 1) forwards;
}
@keyframes tooltips-right {
  to {
    opacity: 0.9;
    transform: translate(-30%, 0);
  }
}
@keyframes tooltips-left {
  to {
    opacity: 0.9;
    transform: translate(-70%, 0);
  }
}
html body ._modul-nav-wrap {
  position: absolute;
  z-index: 10;
}
html body ._modul-nav-wrap ul {
  list-style-type: none;
}
html body ._modul-nav-wrap .modul-nav {
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  transition: 0.2s;
  position: absolute;
  background: fff;
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
html body ._modul-nav-wrap .modul-nav:after {
  content: '\e602';
  font-family: icomoon;
  position: absolute;
  top: 16px;
  right: 15px;
  font-size: 0.4em;
}
html body ._modul-nav-wrap .modul-nav > li {
  border-left: 4px solid #0014a0;
}
html body ._modul-nav-wrap .modul-nav > li:first-child {
  text-align: center;
  cursor: pointer;
  border: 0;
}
html body ._modul-nav-wrap .modul-nav li {
  transition: background 0.2s;
  border-bottom: 1px solid #ebebeb;
  height: 100%;
  line-height: 40px;
  padding: 0 15px 0 14px;
  white-space: nowrap;
  cursor: pointer;
}
html body ._modul-nav-wrap .modul-nav li.curr {
  background: rgba(0, 0, 0, 0.05);
}
html body ._modul-nav-wrap .modul-nav li:hover {
  background: #ddd;
  border-left: 8px solid #0014a0;
  padding-left: 10px;
}
html body ._modul-nav-wrap .modul-nav li:hover ul {
  height: auto;
}
html body ._modul-nav-wrap .modul-nav li:hover ul li {
  background: #ddd;
}
html body ._modul-nav-wrap .modul-nav li.group:last-child li:last-child {
  border-bottom: 0;
}
html body ._modul-nav-wrap .modul-nav li.group {
  height: auto;
  border-left: 4px solid #ffd201;
  padding: 0;
  border-bottom: 0;
}
html body ._modul-nav-wrap .modul-nav li.group span {
  height: 40px;
  width: 100%;
  display: block;
  cursor: default;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
  line-height: 40px;
  font-weight: bold;
}
html body ._modul-nav-wrap .modul-nav li.group ul {
  padding: 0;
}
html body ._modul-nav-wrap .modul-nav li.group ul li {
  padding-left: 20px;
}
html body ._modul-nav-wrap .modul-nav li.group ul li:hover {
  background: #ccc;
  border-left: 4px solid #ffd201;
  padding-left: 16px;
}
html body ._modul-nav-wrap .modul-nav li.group.orange {
  border-left: 4px solid #ff821e;
}
html body ._modul-nav-wrap .modul-nav li.group.orange ul li:hover {
  border-left: 4px solid #ff821e;
}
html body ._modul-nav-wrap .modul-nav li.group.red {
  border-left: 4px solid #eb0041;
}
html body ._modul-nav-wrap .modul-nav li.group.red ul li:hover {
  border-left: 4px solid #eb0041;
}
html body ._modul-nav-wrap .modul-nav li.group.cyan {
  border-left: 4px solid #00b4e6;
}
html body ._modul-nav-wrap .modul-nav li.group.cyan ul li:hover {
  border-left: 4px solid #00b4e6;
}
html body ._modul-nav-wrap .modul-nav li.group.green {
  border-left: 4px solid #00965b;
}
html body ._modul-nav-wrap .modul-nav li.group.green ul li:hover {
  border-left: 4px solid #00965b;
}
html body ._modul-nav-wrap .modul-nav li a {
  color: #323237;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
html body ._modul-nav-wrap .modul-nav:hover {
  height: auto;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
}
html body ._modul-nav-wrap .modul-nav:hover > li:first-child {
  border-left: 4px solid #ffd201;
  padding-left: 10px;
}
html body #hsk-navbar {
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
html body #hsk-navbar > div {
  padding: 0 15px;
  display: block;
  height: 40px;
  width: 100%;
}
html body #hsk-navbar .name {
  line-height: 40px;
}
html body #hsk-navbar .modul-nav-wrap {
  position: absolute;
  z-index: 10;
}
html body #hsk-navbar .modul-nav-wrap ul {
  list-style-type: none;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav {
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  transition: 0.2s;
  position: absolute;
  background: fff;
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav:after {
  content: '\e602';
  font-family: icomoon;
  position: absolute;
  top: 16px;
  right: 15px;
  font-size: 0.4em;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav > li {
  border-left: 4px solid #0014a0;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav > li:first-child {
  text-align: center;
  cursor: pointer;
  border: 0;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li {
  transition: background 0.2s;
  border-bottom: 1px solid #ebebeb;
  height: 100%;
  line-height: 40px;
  padding: 0 15px 0 14px;
  white-space: nowrap;
  cursor: pointer;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.curr {
  background: rgba(0, 0, 0, 0.05);
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li:hover {
  background: #ddd;
  border-left: 8px solid #0014a0;
  padding-left: 10px;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li:hover ul {
  height: auto;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li:hover ul li {
  background: #ddd;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group:last-child li:last-child {
  border-bottom: 0;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group {
  height: auto;
  border-left: 4px solid #ffd201;
  padding: 0;
  border-bottom: 0;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group span {
  height: 40px;
  width: 100%;
  display: block;
  cursor: default;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
  line-height: 40px;
  font-weight: bold;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group ul {
  padding: 0;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group ul li {
  padding-left: 20px;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group ul li:hover {
  background: #ccc;
  border-left: 4px solid #ffd201;
  padding-left: 16px;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.orange {
  border-left: 4px solid #ff821e;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.orange ul li:hover {
  border-left: 4px solid #ff821e;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.red {
  border-left: 4px solid #eb0041;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.red ul li:hover {
  border-left: 4px solid #eb0041;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.cyan {
  border-left: 4px solid #00b4e6;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.cyan ul li:hover {
  border-left: 4px solid #00b4e6;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.green {
  border-left: 4px solid #00965b;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li.group.green ul li:hover {
  border-left: 4px solid #00965b;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav li a {
  color: #323237;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
html body #hsk-navbar .modul-nav-wrap .modul-nav:hover {
  height: auto;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
  box-shadow: 0 4px 8px 0 rgba(34, 33, 38, 0.25);
}
html body #hsk-navbar .modul-nav-wrap .modul-nav:hover > li:first-child {
  border-left: 4px solid #ffd201;
  padding-left: 10px;
}
html body .dropdown-menu {
  padding: 0 !important;
  margin: 0 !important;
}
html body .dropdown-menu li {
  border-left: 4px solid #ffd201;
  transition: background 0.15s;
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  line-height: 40px;
  padding: 0 15px 0 14px;
  white-space: nowrap;
  font-size: 15px !important;
  font-family: "Brown-Pro-Regular", sans-serif !important;
  cursor: pointer;
}
html body .dropdown-menu li:hover {
  background: #ddd;
  border-left-width: 8px !important;
  padding-left: 10px;
}
html body .dropdown-menu li a {
  color: #323237 !important;
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 7px;
}
html body .dropdown-menu li a:hover {
  text-decoration: none !important;
  background: #ddd;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body [data-largeImageSrc] {
  filter: blur(8px);
  transform: scale(1.04);
  transition: 0.125s ease-in;
}
html body .whatsapp-share-button {
  display: none;
  padding: 1.5em 0;
}
html body .whatsapp-share-button a {
  color: #00bf31;
  text-decoration: none !important;
  font-size: 0.9em;
  padding: 6px 6px 6px 10px;
  border: 1px solid #00bf31;
  border-radius: 5px;
}
html body .whatsapp-share-button a span {
  margin-right: 10px;
}
html body .video-container {
  position: relative;
  overflow: hidden;
  margin: 35px 0;
}
html body .video-container.fullscreen {
  width: 100%;
  height: auto;
}
html body .video-container.hovering .controls {
  bottom: 0;
  opacity: 1;
}
html body .video-container.hovering .title {
  top: 0;
  opacity: 1;
}
html body .video-container video {
  width: 100%;
  height: auto;
  transition: 0.2s;
  margin-bottom: -11px;
}
html body .video-container .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  transition: 0.25s;
  cursor: pointer;
}
html body .video-container .overlay.playing {
  opacity: 0;
}
html body .video-container .overlay .icon-wrapper {
  height: 150px;
  width: 150px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: -75px;
  font-size: 5em;
  line-height: 150px;
  text-align: center;
  border-radius: 100%;
  background: #0014a0;
  color: #fff;
  transition: 0.25s;
  cursor: pointer;
}
html body .video-container .overlay .icon-wrapper .icon-play3 {
  margin-left: 10px;
}
html body .video-container .overlay .icon-wrapper:hover {
  color: #dadada;
}
html body .video-container .title {
  position: absolute;
  top: -35px;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  background: #0014a0;
  width: 100%;
  color: #fff;
  font-family: "Brown-Pro-Light", sans-serif;
  transition: 0.4s;
  opacity: 0;
}
html body .video-container .title.show {
  top: 0;
  opacity: 1;
}
html body .video-container .controls {
  width: 100%;
  height: 35px;
  background: #0014a0;
  color: #fff;
  position: absolute;
  bottom: -35px;
  opacity: 0;
  transition: 0.4s;
}
html body .video-container .controls > div {
  display: inline-block;
  min-width: 50px;
  height: 100%;
  text-align: center;
  position: absolute;
  cursor: pointer;
}
html body .video-container .controls > div::before {
  font-family: icomoon;
}
html body .video-container .controls .play-pause {
  left: 0;
}
html body .video-container .controls .play-pause.play::before {
  content: '\ea1c';
}
html body .video-container .controls .play-pause.pause::before {
  content: '\ea1d';
}
html body .video-container .controls .play-pause.repeat::before {
  content: '\e9a9';
}
html body .video-container .controls .seek-bar {
  left: 50px;
  right: 100px;
}
html body .video-container .controls .seek-bar > div {
  position: absolute;
  width: 0;
  height: 100%;
}
html body .video-container .controls .seek-bar .progress-bar {
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
}
html body .video-container .controls .seek-bar .preview-selection-bar {
  z-index: 2;
  transition: 0.1s;
  background: rgba(200, 200, 200, 0.5);
}
html body .video-container .controls .volume-bar {
  right: 50px;
}
html body .video-container .controls .volume-bar::before,
html body .video-container .controls .volume-bar.high::before {
  content: '\ea26';
}
html body .video-container .controls .volume-bar.medium::before {
  content: '\ea27';
}
html body .video-container .controls .volume-bar.low::before {
  content: '\ea28';
}
html body .video-container .controls .volume-bar.mute::before {
  content: '\ea2a';
}
html body .video-container .controls .volume-bar .slider {
  height: 0;
  bottom: 35px;
  position: absolute;
  background: #0014a0;
  width: 50px;
  transition: 0.125s;
  padding: 0 5px;
  overflow: hidden;
}
html body .video-container .controls .volume-bar .slider .bar-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75px;
}
html body .video-container .controls .volume-bar .slider .bar-wrapper .bar {
  background: #dadada;
  height: 75px;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
}
html body .video-container .controls .volume-bar .slider .bar-wrapper .bar .handle {
  height: 10px;
  background: #868686;
  position: absolute;
  top: -5px;
  left: -3px;
  right: -3px;
  border-radius: 10px;
}
html body .video-container .controls .volume-bar:hover .slider {
  height: 80px;
  padding: 2px 10px 0 10px;
}
html body .video-container .controls .full-screen {
  right: 0;
}
html body .video-container .controls .full-screen::before {
  content: '\e9ab';
}
html body .video-container .controls .full-screen.zoom-out::before {
  content: '\e9ac';
}
html body .audioplayer {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 5px 20px;
  width: 100%;
  align-items: center;
  border: 1px solid #dde2e6;
  background: #ffffff;
}
html body .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
  background: rgba(91, 130, 255, 0);
}
html body .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
  background: rgba(0, 20, 160, 0.1);
}
html body .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  content: '';
  justify-content: center;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 7px solid transparent;
  border-right: none;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #9a9fb0;
}
html body .audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
  border: 2px solid #bec8d2;
}
html body .audioplayer-title {
  width: 100%;
  height: 1.5em;
  padding: 0 8px;
  border: 1px solid #dde2e6;
  background: #0014a0;
  color: #ffffff;
  font-family: 'Brown-Pro-Light', sans-serif;
}
html body .audioplayer-playpause {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
  margin-top: 2px;
}
html body .audioplayer-playing .audioplayer-playpause {
  background: rgba(253, 79, 26, 0);
}
html body .audioplayer-playing .audioplayer-playpause:hover {
  background: rgba(0, 20, 160, 0.1);
}
html body .audioplayer-playing .audioplayer-playpause a {
  content: '';
  display: flex;
  justify-content: space-between;
  width: 12px;
  height: 14px;
}
html body .audioplayer-playing .audioplayer-playpause a::before {
  content: '';
  width: 4px;
  height: 14px;
  background-color: #0014a0;
}
html body .audioplayer-playing .audioplayer-playpause a::after {
  content: '';
  width: 4px;
  height: 14px;
  background-color: #0014a0;
}
html body .audioplayer-playing .audioplayer-bar-played::after {
  border: 2px solid #0014a0;
}
html body .audioplayer-time {
  font-family: "Brown-Pro-Regular", sans-serif;
  display: flex;
  width: 40px;
  justify-content: center;
  font-size: 14px;
  margin-top: 2px;
  color: rgba(29, 29, 27, 0.8);
}
html body .audioplayer-time-current {
  margin-left: 16px;
}
html body .audioplayer-time-duration {
  margin-right: 24px;
}
html body .audioplayer-bar {
  position: relative;
  display: flex;
  margin: 2px 10px;
  height: 12px;
  flex-basis: 0;
  flex-grow: 1;
  cursor: pointer;
}
html body .audioplayer-bar::before {
  content: '';
  position: absolute;
  top: 6px;
  width: 100%;
  height: 2px;
  background-color: #dde2e6;
}
html body .audioplayer-bar > div {
  position: absolute;
  left: 0;
  top: 6px;
}
html body .audioplayer-bar-loaded {
  z-index: 1;
  height: 2px;
  background: #bec8d2;
}
html body .audioplayer-bar-played {
  flex-direction: row-reverse;
  z-index: 2;
  height: 2px;
  background: #0014a0;
}
html body .audioplayer-bar-played::after {
  display: flex;
  position: absolute;
  content: '';
  box-sizing: border-box;
  top: -5px;
  right: -1px;
  margin-right: -5px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  transition: 0.2s;
}
html body .audioplayer-bar-played:hover::after {
  border: 2px solid #0014a0 !important;
  background: #0014a0;
}
html body .audioplayer-volume {
  margin-top: 2px;
  display: flex;
  align-items: center;
}
html body .audioplayer-volume-button {
  display: flex;
  align-items: center;
  width: 15px;
  height: 24px;
  cursor: pointer;
}
html body .audioplayer-volume-button a {
  display: flex;
  width: 6px;
  height: 8px;
  background-color: #9a9fb0;
  position: relative;
}
html body .audioplayer-volume-button a:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 9px solid #9a9fb0;
  border-bottom: 8px solid transparent;
  border-left: none;
  top: -4px;
}
html body .audioplayer-volume-button a:after {
  content: '';
  position: absolute;
}
html body .audioplayer-mute .audioplayer-volume-button a {
  background-color: #0014a0;
}
html body .audioplayer-mute .audioplayer-volume-button a:before {
  border-right: 9px solid #0014a0;
}
html body .audioplayer-volume-adjust {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
html body .audioplayer-volume-adjust > div {
  position: relative;
  display: flex;
  width: 60px;
  height: 2px;
  cursor: pointer;
  background-color: #bec8d2;
}
html body .audioplayer-volume-adjust div div {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  background-color: #0014a0;
}
@media screen and (max-width: 450px) {
  html body .audioplayer-volume-adjust {
    display: none;
  }
}
@media screen and (max-width: 376px) {
  html body .audioplayer {
    padding: 5px 5px;
  }
  html body .audioplayer-time {
    display: none;
  }
}
html body #matomo-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 200px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  transition: 0.2s;
}
html body #matomo-wrapper.dismiss {
  bottom: -200px;
}
html body #matomo-wrapper .matomo-close {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7;
  transition: 0.2s;
  cursor: pointer;
}
html body #matomo-wrapper .matomo-close:hover {
  opacity: 1;
}
html body #matomo-wrapper .matomo-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  transform: translate(-50%, -50%);
}
html body #matomo-wrapper .matomo-inner .text {
  width: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
html body #matomo-wrapper .matomo-inner .button-wrapper {
  position: absolute;
  left: 50%;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);
}
html body #matomo-wrapper .matomo-inner .button-wrapper .matomo-button {
  border: 4px solid #0014a0;
  background: #0014a0;
  padding: 15px 75px;
  color: #fff;
  transition: 0.2s;
  font-size: 1.25em;
  margin: 0 auto;
  display: block;
}
html body #matomo-wrapper .matomo-inner .button-wrapper .matomo-button:hover {
  color: #0014a0;
  background-color: #fff;
}
html body #feedback-print {
  display: block;
  position: fixed;
  bottom: 35px;
  left: -215px;
  z-index: 10;
  transition: left 0.25s 0s ease-out;
  -moz-transition: left 0.25s 0s ease-out;
  -webkit-transition: left 0.25s 0s ease-out;
}
html body #feedback-print.in {
  left: 15px;
}
html body #feedback-print a {
  background-color: #fff;
  border: 1px solid #00965b;
  color: #00965b;
  display: block;
  line-height: 2em;
  margin: 10px;
  text-decoration: none;
  transition: all 0.25s 0s ease-out;
  -moz-transition: all 0.25s 0s ease-out;
  -webkit-transition: all 0.25s 0s ease-out;
}
html body #feedback-print a .i {
  display: inline-block;
  background-color: #fff;
}
html body #feedback-print a .i .icon-printer-icon {
  padding: 0 0.5em;
}
html body #feedback-print a .l {
  border-left: 1px solid #00965b;
  display: inline-block;
  padding: 0 0.5em;
  text-transform: uppercase;
  transition: all 0.25s 0s ease-out;
  -moz-transition: all 0.25s 0s ease-out;
  -webkit-transition: all 0.25s 0s ease-out;
}
html body .skeleton.heading:empty,
html body .skeleton.line:empty,
html body .skeleton.square:empty,
html body .skeleton.circle:empty {
  position: relative;
  overflow: hidden;
}
html body .skeleton.heading:empty {
  background: rgba(0, 0, 0, 0.15);
  width: 50%;
  height: 1.5em;
  margin-bottom: 1em;
}
html body .skeleton.heading:empty::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: skeletonShimmer 2s infinite;
  animation: skeletonShimmer 2s infinite;
  content: '';
}
html body .skeleton.line:empty {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 18px;
  margin-bottom: 18px;
}
html body .skeleton.line:empty::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: skeletonShimmer 2s infinite;
  animation: skeletonShimmer 2s infinite;
  content: '';
}
html body .skeleton.circle:empty {
  height: 3em;
  width: 3em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: inline-block;
}
html body .skeleton.circle:empty::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background-image: linear-gradient(95deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0));
  -webkit-animation: skeletonShimmer 2s infinite;
  animation: skeletonShimmer 2s infinite;
  content: '';
}
html body .skeleton.square:empty {
  height: 3em;
  width: 3em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10%;
  display: inline-block;
}
html body .skeleton.square:empty::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background-image: linear-gradient(95deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0));
  -webkit-animation: skeletonShimmer 2s infinite;
  animation: skeletonShimmer 2s infinite;
  content: '';
}
@-webkit-keyframes skeletonShimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes skeletonShimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
html body .checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #00965b;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #b2dfcd;
  animation: checkmarkFill 0.4s ease-in-out 0.4s forwards, checkmarkScale 0.3s ease-in-out 0.9s both;
}
html body .checkmark .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #00965b;
  fill: none;
  animation: checkmarkStroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
html body .checkmark .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: checkmarkStroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes checkmarkStroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes checkmarkScale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes checkmarkFill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #fff;
  }
}
html body .modal .modal-dialog {
  z-index: 1050;
}
html body #smartpopup-outer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 1040;
  box-shadow: 0 0 15px 2px rgba(11, 11, 11, 0.2);
  border: 1px solid #868686;
  display: none;
}
html body #smartpopup-outer #smartpopup-inner {
  margin: 20px;
  min-width: 140px;
  min-height: 100px;
}
html body #smartpopup-outer #smartpopup-inner #close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
html body #smartpopup-outer #smartpopup-inner #close i {
  font-size: 36px;
}
html body #smartpopup-outer #smartpopup-inner #close:hover {
  cursor: pointer;
}
html body #smartpopup-outer #smartpopup-inner .smartpopup-confirm-text {
  border-bottom: 1px solid #868686;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
html body #smartpopup-outer #smartpopup-inner .smartpopup-confirm-buttons {
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
html body #smartpopup-outer #smartpopup-inner .smartpopup-confirm-buttons button {
  width: 100px;
}
html body #smartpopup-outer #smartpopup-inner .smartpopup-confirm-buttons button:first-of-type {
  margin-right: 10px;
}
html body #smartpopup-outer #smartpopup-inner .smartpopup-confirm-buttons button:last-of-type {
  margin-left: 10px;
}
html body #smartpopup-outer.smartpopup-show {
  display: block;
  animation-name: popup-in;
  animation-duration: 250ms;
}
html body #smartpopup-outer.smartpopup-hide {
  display: block;
  animation-name: popup-out;
  animation-duration: 300ms;
}
html body #smartpopup-outer #smartpopup-loading {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(2, 2, 2, 0.05);
  display: none;
}
html body #smartpopup-outer #smartpopup-loading.loading {
  display: block;
}
html body #smartpopup-outer #smartpopup-loading .loading_container {
  width: 100%;
  height: 100%;
}
html body #smartpopup-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  background-color: rgba(2, 2, 2, 0.4);
  overflow: hidden;
  display: none;
}
html body #smartpopup-overlay.smartpopup-show {
  display: block;
  animation-name: popup-in;
  animation-duration: 250ms/2;
}
html body #smartpopup-overlay.smartpopup-hide {
  display: block;
  animation-name: popup-out;
  animation-duration: 300ms;
}
@keyframes popup-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popup-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html body .file-upload {
  width: 100%;
  margin: 0 auto;
}
html body .file-upload .image-upload-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 4px dashed #00965b;
  position: relative;
  height: 150px;
}
html body .file-upload .image-upload-wrap .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
html body .file-upload .image-upload-wrap .drag-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  whit-space: nowrap;
}
html body .file-upload .image-upload-wrap .drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #00965b;
  padding: 0;
  margin: 0 !important;
}
html body .file-upload .image-dropping,
html body .file-upload .image-upload-wrap:hover {
  background-color: #00965b;
  border: 4px dashed #ffffff;
}
html body .file-upload .image-dropping .drag-text h3,
html body .file-upload .image-upload-wrap:hover .drag-text h3 {
  color: #fff;
}
html body .file-upload .file-upload-content {
  display: none;
  text-align: center;
}
html body .file-upload .file-upload-content .file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
  display: none;
}
html body .file-upload .file-upload-content .image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}
html body .myfh-collapsible-closed {
  max-height: 0px !important;
}
html body .myfh-collapsible > .myfh-collapsible-label:before {
  content: "\e922" !important;
  width: 30px !important;
  height: 100% !important;
}
html body .myfh-collapsible-wrapper {
  overflow: hidden;
}
html body .myfh-collapsible-wrapper {
  transition: max-height 0.25s ease-out;
}
html body .myfh-collapsible {
  color: #636;
  font-size: 1em !important;
  padding-left: 30px !important;
  cursor: pointer;
  margin-top: 1em !important;
}
html body .myfh-collapsible::before {
  font-family: icomoon;
  content: "\e923";
  width: 30px;
  height: 100%;
  position: relative;
  left: -25px;
}
html body [id$="wrapper"] > [id$="wrapper-inner"] {
  overflow: hidden;
}
html body .myfh-loading-animation {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
html body .myfh-spinnerDiv {
  position: sticky;
  top: 50%;
  left: 0;
  width: 100%;
}
html body .myfh-spinner {
  font-size: 0;
  /* removes the automatically added whitespaces, because they are measured by font-size */
  text-align: center;
}
html body .myfh-spinner > div {
  margin: 0px 4px;
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}
html body .myfh-spinner .myfh-bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
  background-color: #66d2f0;
}
html body .myfh-spinner .myfh-bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
  background-color: #66c09d;
}
html body .myfh-spinner .myfh-bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #ffe466;
}
html body .myfh-spinner .myfh-bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #ff9643;
}
html body .myfh-spinner .myfh-bounce5 {
  background-color: #f3668d;
}
html body .button {
  font-size: 15px !important;
  padding: 4px 10px;
  -moz-user-select: none;
  border-radius: 2px;
  cursor: pointer !important;
  display: inline-block;
  font-weight: normal;
  margin: 0 5px;
  text-align: center;
  white-space: nowrap;
  color: #333 !important;
  font-family: "Brown-Pro-Regular", sans-serif !important;
  transition: 0.15s;
  background-color: #fff;
  border: 1px solid #ccc;
  text-decoration: none !important;
  line-height: 21px;
}
html body .button:disabled {
  cursor: not-allowed !important;
}
html body .button.button:hover {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
html body .button:disabled:hover {
  background-color: #fff;
  border-color: #ccc;
}
html body .button.bt-text-left {
  text-align: left !important;
}
html body .button.bt-right {
  float: right;
}
html body .button.bt-left {
  float: left;
}
html body .button.bt-ultra-large {
  font-size: 1em !important;
  padding: 7px 16px !important;
}
html body .button.bt-large {
  padding: 7px 10px !important;
}
html body .button.bt-block {
  display: block;
  width: 100%;
}
html body .button.bt-strong {
  font-weight: bold;
}
html body .bt-default {
  background-color: #fff;
  border-color: #ccc;
}
html body .bt-default:hover {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
html body .bt-orange {
  background-color: rgba(255, 130, 30, 0.8) !important;
  border-color: #ff821e !important;
}
html body .bt-orange:hover {
  background-color: #ff821e !important;
}
html body .bt-orange-disabled {
  background-color: rgba(255, 130, 30, 0.3) !important;
  border-color: rgba(255, 130, 30, 0.6) !important;
  cursor: default !important;
}
html body .bt-red {
  background-color: rgba(235, 0, 65, 0.8) !important;
  border-color: #eb0041 !important;
}
html body .bt-red:hover {
  background-color: #eb0041 !important;
}
html body .bt-red-disabled {
  background-color: rgba(235, 0, 65, 0.3) !important;
  border-color: rgba(235, 0, 65, 0.6) !important;
  cursor: default !important;
}
html body .bt-green {
  background-color: rgba(0, 150, 90, 0.6) !important;
  border-color: rgba(0, 150, 90, 0.8) !important;
}
html body .bt-green:hover {
  background-color: rgba(0, 150, 90, 0.8) !important;
  border-color: #00965a !important;
}
html body .bt-green-disabled {
  background-color: rgba(0, 150, 90, 0.3) !important;
  border-color: rgba(0, 150, 90, 0.6) !important;
  cursor: default !important;
}
html body .bt-depublish {
  background-color: rgba(235, 0, 65, 0.6);
  border-color: rgba(235, 0, 65, 0.8);
}
html body .bt-depublish:hover {
  background-color: rgba(235, 0, 65, 0.8);
  border-color: #eb0041;
}
html body .bt-depublish:before {
  font-family: icomoon;
  content: "\e90c";
  margin: 0 5px;
}
html body .bt-publish {
  background-color: rgba(0, 150, 90, 0.6);
  border-color: rgba(0, 150, 90, 0.8);
}
html body .bt-publish:hover {
  background-color: rgba(0, 150, 90, 0.8);
  border-color: #00965a;
}
html body .bt-publish:before {
  font-family: icomoon;
  content: "\e90c";
  margin: 0 5px;
}
html body .bt-finished {
  background-color: rgba(0, 150, 90, 0.3);
  border-color: rgba(0, 150, 90, 0.6);
}
html body .bt-finished:hover {
  background-color: rgba(0, 150, 90, 0.6);
  border-color: rgba(0, 150, 90, 0.8);
}
html body .bt-finished:before {
  font-family: icomoon;
  content: "\e916";
  margin: 0 5px;
}
html body .bt-delete {
  background-color: rgba(235, 0, 65, 0.3);
  border-color: rgba(235, 0, 65, 0.6);
}
html body .bt-delete:hover {
  background-color: rgba(235, 0, 65, 0.6);
  border-color: rgba(235, 0, 65, 0.8);
}
html body .bt-delete:before {
  font-family: icomoon;
  content: "\e90b";
  margin: 0 5px;
}
html body .bt-delete[disabled] {
  cursor: not-allowed !important;
  opacity: 0.6;
}
html body .bt-delete[disabled]:hover {
  background-color: rgba(235, 0, 65, 0.3);
  border-color: rgba(235, 0, 65, 0.4);
}
html body .bt-edit,
html body .bt-save,
html body .bt-add,
html body .bt-remove,
html body .bt-search,
html body .bt-stats,
html body .bt-forward,
html body .bt-back,
html body .bt-info,
html body .bt-email,
html body .bt-filter,
html body .bt-cross,
html body .bt-wand,
html body .bt-profil,
html body .bt-download,
html body .bt-warning,
html body .bt-up,
html body .bt-down,
html body .bt-config,
html body .bt-book,
html body .bt-calendar,
html body .bt-change {
  background-color: #fff;
  border-color: #ccc;
}
html body .bt-edit:hover,
html body .bt-save:hover,
html body .bt-save:hover,
html body .bt-add:hover,
html body .bt-remove:hover,
html body .bt-search:hover,
html body .bt-stats:hover,
html body .bt-forward:hover,
html body .bt-back:hover,
html body .bt-info:hover,
html body .bt-email:hover,
html body .bt-filter:hover,
html body .bt-cross:hover,
html body .bt-wand:hover,
html body .bt-profil:hover,
html body .bt-download:hover,
html body .bt-warning:hover,
html body .bt-up:hover,
html body .bt-down:hover,
html body .bt-config:hover,
html body .bt-book:hover,
html body .bt-calendar:hover,
html body .bt-change:hover {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
html body .bt-edit:before {
  font-family: icomoon;
  content: "\e903";
  margin: 0 5px;
}
html body .bt-change:before {
  font-family: icomoon;
  content: "\e984";
  margin: 0 5px;
}
html body .bt-profil:before {
  font-family: icomoon;
  content: "\e614";
  margin: 0 5px;
}
html body .bt-star-empty:before {
  font-family: icomoon;
  content: "\e90d";
  margin: 0 5px;
}
html body .bt-star-full:before {
  font-family: icomoon;
  content: "\e90e";
  margin: 0 5px;
}
html body .bt-save:before {
  font-family: icomoon;
  content: "\e92c";
  margin: 0 5px;
}
html body .bt-add:before {
  font-family: icomoon;
  content: "\e912";
  margin: 0 5px;
}
html body .bt-remove:before {
  font-family: icomoon;
  content: "\e913";
  margin: 0 5px;
}
html body .bt-search:before {
  font-family: icomoon;
  content: "\e905";
  margin: 0 5px;
}
html body .bt-stats:before {
  font-family: icomoon;
  content: "\e92d";
  margin: 0 5px;
}
html body .bt-info:before {
  font-family: icomoon;
  content: "\e914";
  margin: 0 5px;
}
html body .bt-back:before {
  font-family: icomoon;
  content: "\e91e";
  margin: 0 5px;
}
html body .bt-forward:before {
  font-family: icomoon;
  content: "\e91a";
  margin: 0 5px;
}
html body .bt-email:before {
  font-family: icomoon;
  content: "\e92b";
  margin: 0 5px;
}
html body .bt-filter:before {
  font-family: icomoon;
  content: "\ea5b";
  margin: 0 5px;
}
html body .bt-cross:before {
  font-family: icomoon;
  content: "\e915";
  margin: 0 5px;
}
html body .bt-wand:before {
  font-family: icomoon;
  content: "\e997";
  margin: 0 5px;
}
html body .bt-download:before {
  font-family: icomoon;
  content: "\e600";
  margin: 0 5px;
}
html body .bt-warning:before {
  font-family: icomoon;
  content: "\e90f";
  margin: 0 5px;
}
html body .bt-up:before {
  font-family: icomoon;
  content: "\e918";
  margin: 0 5px;
}
html body .bt-down:before {
  font-family: icomoon;
  content: "\e91c";
  margin: 0 5px;
}
html body .bt-align-left:before {
  font-family: icomoon;
  content: "\e932";
  margin: 0 5px;
  font-size: 1.6em;
}
html body .bt-align-center:before {
  font-family: icomoon;
  content: "\e933";
  margin: 0 5px;
  font-size: 1.6em;
}
html body .bt-align-right:before {
  font-family: icomoon;
  content: "\e934";
  margin: 0 5px;
  font-size: 1.6em;
}
html body .bt-config:before {
  font-family: icomoon;
  content: "\e90a";
  margin: 0 5px;
}
html body .bt-book:before {
  font-family: icomoon;
  content: "\e935";
  margin: 0 5px;
}
html body .bt-book-open:before {
  font-family: icomoon;
  content: "\e9a6";
  margin: 0 5px;
}
html body .bt-calendar:before {
  font-family: icomoon;
  content: "\e904";
  margin: 0 5px;
}
html body .bt-file-text:before {
  font-family: icomoon;
  content: "\e955";
  margin: 0 5px;
}
html body .bt-pdf:before {
  font-family: icomoon;
  content: "\e927";
  margin: 0 5px;
}
html body .bt-excel:before {
  font-family: icomoon;
  content: "\e929";
  margin: 0 5px;
}
html body .bt-expand:before {
  font-family: icomoon;
  content: "\e9ab";
  margin: 0px 5px;
  margin-top: 0px;
  font-size: 20px;
  position: relative;
  display: inherit;
  margin-top: -5px;
  top: 4px;
}
html body .bt-preview:before {
  font-family: icomoon;
  content: "\e9ce";
  margin: 0 5px;
}
html body .bt-arrow-up-right:before {
  font-family: icomoon;
  content: "\e921";
  margin: 0 5px;
}
html body .bt-fileinput {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
html body .bt-fileinput + label {
  -moz-user-select: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333 !important;
  cursor: pointer !important;
  display: inline-block;
  font-family: "Brown-Pro-Regular", sans-serif !important;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 0;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.15s ease 0s;
  white-space: nowrap;
}
html body .bt-fileinput + label:before {
  font-family: icomoon;
  content: "\e603";
  margin: 0 10px 0 5px;
}
html body .bt-fileinput:focus + label,
html body .bt-fileinput + label:hover {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
html body .bt-fileinput:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
html body .bt-fileinput + label * {
  pointer-events: none;
}
html body .input {
  display: inline-block !important;
  font-size: 20px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  border-radius: none !important;
  margin: 4px 0px 4px 0px !important;
  padding: 7px !important;
  border: 1px solid #868686 !important;
  top: 1px;
  /*box-shadow: inset 1px 1px 2px 0 #777 !important;*/
  transition: box-shadow 0.3s !important;
  font-family: "Brown-Pro-Regular", sans-serif !important;
  position: relative;
  left: -1px;
}
html body input[type="date"] {
  /* fix for Safari on iOS / iPadOS */
  background-color: inherit;
  min-height: 48.85px;
}
html body input.input {
  font-size: 23px !important;
}
html body .input[readonly],
html body .input:disabled {
  background-color: #dadada;
  color: #868686;
  cursor: not-allowed !important;
}
html body .input:focus {
  outline: none !important;
  box-shadow: inset 1px 1px 2px 0 #b8b8b8 !important;
}
html body .label {
  color: #323237 !important;
  min-width: 80px !important;
  border: 1px solid #8e8e8e !important;
  background: #e6e6e6 !important;
  position: relative !important;
  font-family: "Brown-Pro-Regular" !important;
  font-size: 15px !important;
  z-index: 2;
  line-height: 1.5 !important;
  left: 0px !important;
  white-space: normal;
}
html body .label.force-two-rows {
  line-height: 3 !important;
}
@media only screen and (min-width: 768px) {
  html body .label {
    border-radius: 0 !important;
    text-align: center !important;
    display: inline-block !important;
    padding: 11px 7px 8px 7px !important;
    margin: 5px -5px 5px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  html body .label {
    display: block !important;
    margin: 10px 0 -1px !important;
    top: 4px !important;
    padding: 10px 0 !important;
    text-align: left !important;
    padding-left: 7px !important;
    width: 100% !important;
  }
  html body .label + .input {
    left: 0 !important;
  }
  html body .label + .input {
    width: 100% !important;
    margin-left: 0px !important;
  }
}
html body .label[class*=long] + .input {
  left: 0;
}
html body .label-long,
html body .label-long-14,
html body .label-long-12,
html body .label-long-34,
html body .label-long-13,
html body .label-long-23 {
  display: block !important;
  left: 0 !important;
  margin: 10px 0 -2px !important;
  top: 4px !important;
  padding: 10px 0 !important;
  text-align: left !important;
  padding-left: 7px !important;
}
html body .label-long input,
html body .label-long-14 input,
html body .label-long-12 input,
html body .label-long-34 input,
html body .label-long-13 input,
html body .label-long-23 input {
  margin: 0 !important;
}
html body .label-long-14,
html body .label-long-14 + .input,
html body .label-long-14 + .input + .autoError {
  width: 25% !important;
}
html body .label-long-12,
html body .label-long-12 + .input,
html body .label-long-12 + .input + .autoError {
  width: 50% !important;
}
html body .label-long-34,
html body .label-long-34 + .input,
html body .label-long-34 + .input + .autoError {
  width: 75% !important;
}
html body .label-long-13,
html body .label-long-13 + .input,
html body .label-long-13 + .input + .autoError {
  width: 33.33333% !important;
}
html body .label-long-23,
html body .label-long-23 + .input,
html body .label-long-23 + .input + .autoError {
  width: 66.66666% !important;
}
html body .label-long + .input,
html body .label-long + .input + .autoError {
  width: 100% !important;
}
html body .label-email,
html body .label-name,
html body .label-lock {
  text-align: left !important;
}
html body .label-email:before,
html body .label-name:before,
html body .label-lock:before {
  font-size: 14px;
  font-family: icomoon;
  margin: 0 10px;
}
html body .label-email:before {
  content: "\e92b";
}
html body .label-name:before {
  content: "\e614";
}
html body .label-lock:before {
  content: "\e908";
}
html body .special-button-label {
  left: 1px !important;
}
html body .special-button-label + .button {
  position: relative;
  left: -5px !important;
  padding: 10px 15px 8px !important;
}
html body .select {
  min-width: 50px;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAlCAYAAAAeJYohAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NkZGOEVERjNEREMxMUU2OUZEMUUyMUI3OTkzMzUyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NkZGOEVFMDNEREMxMUU2OUZEMUUyMUI3OTkzMzUyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2RkY4RUREM0REQzExRTY5RkQxRTIxQjc5OTMzNTIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2RkY4RURFM0REQzExRTY5RkQxRTIxQjc5OTMzNTIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+As4azgAAAbVJREFUeNrs2i9vg0AUAPBjH+DskjZNsNj5ok7UrhUTTEzQStpkYh8AVYHhCxQxxMT2CVAswyyZLJakybLNwRdgI5X9w/2/Y+1Lnr77Je/eCy8YdV2DU4oLcGKxA46ifNRFSB5Fo6SqamLwJvacaZT73cJOfS/eOLQlfVvEntkV9BZbmM29Wd5wJ9Ck2LampTWaBovTpbVE02Jxx5JWaBYsyRzWAl0l/owFuxc8MPVEN9jJMh0exJqDrA/AJTF4HIR9xwTfOqHbsU4WBuNrC8IfYjCE1ucf+koXdCsW2NlDMF7gYA++YV3QWNjn+QJB+M7ctFSjRWBbuzQu2k+qWRewWGMJB50uJ0NeaJFY7DksCy0aS7QAEI2WgSXeeIhCy8JSrXh4o2ViqXdavNCysdRgHmgVWCYwC1oVlhlMg1aJbcLgtYivqrz3cu99xMXBT7RH27Zf01QdlisYE30kxGO5lDRheSvFcgfToeVhhYDJ0HKxwsB4aDNzwnkoEysUfBzdYIPwzoJPQHY0XVp0luW6t3LRF0KoRsh9W63LGxnn7ktpB23Rbq0S26Rx/gPgDP5f8SvAAHgvBGxf6ofrAAAAAElFTkSuQmCC') no-repeat scroll right;
  background-size: 25px;
  padding-right: 25px !important;
}
html body .select:hover {
  cursor: pointer;
}
html body .checkbox,
html body .checkbox2,
html body .radio {
  float: left;
  margin-right: 0.75em;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 0.75em !important;
  width: 100%;
}
html body .checkbox2 + label {
  position: relative;
  padding-left: 55px;
}
html body .checkbox2 + label:before {
  content: '';
  height: 26px;
  width: 45px;
  background: #fff;
  border-radius: 26px;
  border: 2px solid #dadada;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  transition: 0.125s;
}
html body .checkbox2 + label:after {
  content: '';
  height: 22px;
  width: 22px;
  background: #fff;
  border-radius: 26px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  display: inline-block;
  transition: 0.125s;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
html body .checkbox2:checked + label:before {
  background: #00965b;
  border-color: #00965b;
}
html body .checkbox2:checked + label:after {
  left: 21px;
}
html body .checkbox:checked,
html body .checkbox:not(:checked),
html body .checkbox2:checked,
html body .checkbox2:not(:checked),
html body .radio:checked,
html body .radio:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}
html body .checkbox + label,
html body .checkbox2 + label,
html body .radio + label {
  cursor: pointer;
  font-size: 1em !important;
  margin-top: 0 !important;
}
html body .checkbox:checked + label::before,
html body .checkbox:not(:checked) + label::before,
html body .radio:checked + label::before,
html body .radio:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 1px;
  border: 1px solid #bbb;
  background: #fff;
  margin-right: 0.75em;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
html body .radio:checked + label::before,
html body .radio:not(:checked) + label::before {
  border-radius: 24px;
  top: 3px;
}
html body .checkbox:hover + label::before,
html body .radio:hover + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px #fff;
}
html body .checkbox:checked + label::before,
html body .radio:checked + label::before {
  background: black;
  box-shadow: inset 0 0 0 2px #fff;
}
html body .autoError {
  background-color: #f9b2c6;
  color: #eb0041;
  margin-top: -1px;
  height: 0;
  overflow: hidden;
  line-height: 50px;
  transition: height 0.2s;
  width: 75%;
}
html body textarea.input + .autoError {
  margin-top: -5px;
}
html body .autoError.show {
  height: 50px;
}
html body .autoError div {
  border: 1px solid #ef3367;
  border-radius: 2px;
  height: 100%;
  width: 100%;
  padding: 0 12px;
}
html body .option[type="checkbox"],
html body .option[type="radio"] {
  display: none;
}
html body .option[type="checkbox"] + label,
html body .option[type="radio"] + label {
  position: relative;
  border: 1px solid #0014a0;
  border-radius: 50px;
  color: #0014a0;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  font-size: 0.8em !important;
  padding: 5px 15px 5px 35px;
  margin-right: 10px;
  transition: all 0.3s ease;
}
html body .option[type="checkbox"] + label::before,
html body .option[type="radio"] + label::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  border: 1px solid #0014a0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
}
html body .option[type="checkbox"] + label::after,
html body .option[type="radio"] + label::after {
  font-family: 'icomoon';
  content: "\e916";
  position: absolute;
  left: 13px;
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
html body .option[type="checkbox"] + label:hover,
html body .option[type="radio"] + label:hover {
  cursor: pointer;
}
html body .option[type="checkbox"] + label:hover::before,
html body .option[type="radio"] + label:hover::before {
  background-color: #0014a0;
}
html body .option[type="checkbox"]:checked + label,
html body .option[type="radio"]:checked + label {
  background-color: #0014a0;
  color: #fff;
}
html body .option[type="checkbox"]:checked + label::after,
html body .option[type="radio"]:checked + label::after {
  width: 20px;
}
html body .option[type="checkbox"]:checked + label::before,
html body .option[type="radio"]:checked + label::before {
  border-color: #ffffff;
}
html body .option[type="checkbox"]:disabled + label,
html body .option[type="radio"]:disabled + label {
  opacity: 0.8;
  background-color: #dadada !important;
  color: #0014a0 !important;
}
html body .option[type="checkbox"]:disabled + label:hover,
html body .option[type="radio"]:disabled + label:hover {
  cursor: default;
}
html body .option[type="checkbox"]:disabled + label:hover::before,
html body .option[type="radio"]:disabled + label:hover::before {
  background-color: unset;
  border-color: #0014a0;
}
html body .option[type="checkbox"]:disabled + label:hover::before,
html body .option[type="radio"]:disabled + label:hover::before {
  border-color: #0014a0 !important;
}
html body .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
html body .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
html body .select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
html body .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
html body .select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
html body .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-left: 8px;
  height: 70px;
  /**************** set fixed height here *****************************/
  text-overflow: ellipsis;
}
html body .select2-container .select2-search--inline {
  float: left;
}
html body .select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
html body .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
html body .select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
html body .select2-results {
  display: block;
}
html body .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
html body .select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
html body .select2-results__option[aria-selected] {
  cursor: pointer;
}
html body .select2-container--open .select2-dropdown {
  left: 0;
}
html body .select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html body .select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html body .select2-search--dropdown {
  display: block;
  padding: 4px;
}
html body .select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
html body .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
html body .select2-search--dropdown.select2-search--hide {
  display: none;
}
html body .select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
html body .select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
html body .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
html body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
html body .select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
html body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
html body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
html body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
html body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
html body .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
html body .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
html body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
html body .select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
html body .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
html body .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
html body .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
html body .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
html body .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html body .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
html body .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html body .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
html body .select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
html body .select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
html body .select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
html body .select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
html body .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
html body .select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
html body .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
html body .select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
html body .select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
html body .select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
html body .select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
html body .select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
html body .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
html body .select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
html body .select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
html body .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
html body .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
html body .select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
html body .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
html body .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
html body .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
html body .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
html body .select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
html body .select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
html body .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
html body .select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
html body .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
html body .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
html body .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
html body .select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
html body .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html body .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html body .select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
html body .select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
html body .select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
html body .select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
html body .select2-container--classic .select2-dropdown--below {
  border-top: none;
}
html body .select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
html body .select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
html body .select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
html body .select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
html body .select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
html body .select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
html body .select2 {
  margin-top: 5px;
  font-family: 'Brown-Pro-Regular', sans-serif;
}
html body .select2-container--default .select2-selection--multiple {
  border-radius: 0px;
  border: 1px solid #868686;
}
html body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #868686;
  border-radius: 0px;
}
html body .hc-nav-trigger {
  display: none !important;
}
html body.hc-nav-open {
  padding-right: 17px;
}
html body .myfh-navbar * {
  color: #868686 !important;
  font-family: 'Brown-Pro-Regular', sans-serif !important;
  font-size: 16px !important;
  border-color: rgba(200, 200, 200, 0.1) !important;
}
html body .myfh-navbar::after {
  transition: all 0.2s ease 0.1s !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
html body .myfh-navbar .nav-container {
  width: 25% !important;
}
html body .myfh-navbar .nav-container .nav-wrapper {
  box-shadow: none !important;
}
html body .myfh-navbar .nav-container .nav-wrapper a {
  color: inherit !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-content {
  background: #1a3149 !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-parent {
  border-top: initial;
  border-bottom: 1px solid;
  background: #1a3149 !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-back-button {
  background: #1a3149 !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-back-button span::before {
  border-color: #878787 !important;
  transform: translate(-50%, -50%) rotate(-45deg);
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-close-button {
  line-height: initial !important;
  width: initial !important;
  height: initial !important;
  top: -50px !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-close-button span::before {
  font-family: icomoon !important;
  content: "\e915" !important;
  transform: initial !important;
  border: initial !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-close-button span::after {
  content: none !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item {
  background: #1a3149 !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-highlight {
  color: white !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-item-wrapper {
  background: #1a3149 !important;
  color: inherit !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-item-wrapper :hover {
  background-color: rgba(34, 33, 38, 0.3) !important;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-item-wrapper .nav-next span:before {
  border-color: #868686;
  transform: translate(-50%, -50%) rotate(135deg);
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-item-wrapper .nav-back span:before {
  border-color: #868686;
}
html body .myfh-navbar .nav-container .nav-wrapper .nav-item .nav-item-wrapper .nav-item-link {
  color: inherit !important;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1.2em;
  border-color: rgba(200, 200, 200, 0.1) !important;
}
html body main {
  position: relative;
}
html body main section#content a {
  cursor: pointer;
}
html body main section#content #myfh-logo-line {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
html body main section#content #myfh-logo-line #portal-options-container {
  float: right;
  text-decoration: none !important;
  color: #868686 !important;
  transition: 0.2s;
}
html body main section#content #myfh-logo-line #portal-options-container #portal-options .icon-config {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
html body main section#content #myfh-logo-line #portal-options-container #portal-options .text {
  color: #868686;
  font-family: 'Brown-Pro-Regular', sans-serif;
  display: inline-block;
  transition: 0.2s;
}
html body main section#content #myfh-logo-line #portal-options-container:hover .icon-config {
  color: #191919;
}
html body main section#content #myfh-logo-line #portal-options-container:hover .text {
  color: #191919;
}
html body main section#content #myfh-box-container .gutter {
  width: 10px;
}
html body main section#content #myfh-box-container .myfh-box {
  position: relative;
  background-color: white;
  border: 1px solid #191919;
  display: block;
}
html body main section#content #myfh-box-container .myfh-box.width-14 {
  width: calc(25% - 10px);
}
html body main section#content #myfh-box-container .myfh-box.width-12 {
  width: calc(50% - 10px);
}
html body main section#content #myfh-box-container .myfh-box.width-13 {
  width: calc(33.3333% - 10px);
}
html body main section#content #myfh-box-container .myfh-box.width-23 {
  width: calc(66.6666% - 10px);
}
html body main section#content #myfh-box-container .myfh-box.width-34 {
  width: calc(75% - 10px);
}
html body main section#content #myfh-box-container .myfh-box.width-1 {
  width: 100%;
}
html body main section#content #myfh-box-container .myfh-box .head {
  position: relative;
  width: 100%;
  height: 60px;
}
html body main section#content #myfh-box-container .myfh-box .head .title-container {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  height: 100%;
  width: calc(100% - 2.5 * 10px);
  padding-right: 25px;
  background-color: #696969;
  color: white;
}
html body main section#content #myfh-box-container .myfh-box .head .title-container h4 {
  font-size: 1em;
  margin: 0;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  margin-left: 10px;
  text-transform: uppercase;
}
html body main section#content #myfh-box-container .myfh-box .head .color-badge {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 100%;
  left: 0;
  top: 0;
}
html body main section#content #myfh-box-container .myfh-box .head.fh-blau .color-badge,
html body main section#content #myfh-box-container .myfh-box .head.fh-blue .color-badge {
  background-color: #0014a0;
}
html body main section#content #myfh-box-container .myfh-box .head.gruen .color-badge,
html body main section#content #myfh-box-container .myfh-box .head.green .color-badge {
  background-color: #00965b;
}
html body main section#content #myfh-box-container .myfh-box .head.cyan .color-badge {
  background-color: #00b4e6;
}
html body main section#content #myfh-box-container .myfh-box .head.rot .color-badge,
html body main section#content #myfh-box-container .myfh-box .head.red .color-badge {
  background-color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box .head.gelb .color-badge,
html body main section#content #myfh-box-container .myfh-box .head.yellow .color-badge {
  background-color: #ffd200;
}
html body main section#content #myfh-box-container .myfh-box .data-container {
  padding: 10px;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table {
  margin: 0;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th {
  font-weight: bold;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr td,
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th {
  border-color: #191919;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding: 10px;
  overflow: hidden;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr td:first-child,
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th:first-child {
  border-left-width: 0px;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr td a,
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th a {
  font-family: 'Brown-Pro-Regular', sans-serif !important;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr td .label,
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th .label {
  margin-top: 0px !important;
  top: 0px !important;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr td .input,
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr th .input {
  margin: 0px !important;
}
html body main section#content #myfh-box-container .myfh-box .data-container .my-table tr:last-child td {
  border-bottom-width: 0px;
}
html body main section#content #myfh-box-container .myfh-box .box-disturbance-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffffe0;
  z-index: 5;
}
html body main section#content #myfh-box-container .myfh-box .box-disturbance-overlay-outer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 85%;
  transform: translate(-50%, -50%);
  border: 1px solid #dadada;
  background: url("https://www.fh-muenster.de/common/uploads/pattern/pattern.php?pattern=10&color=yellow");
  background-color: white;
  background-repeat: repeat;
  background-size: 1.2em;
}
html body main section#content #myfh-box-container .myfh-box .box-disturbance-overlay-inner {
  background-color: white;
  margin: 0.5em;
}
html body main section#content #myfh-box-container .myfh-box .noticeParagraph {
  text-align: center;
  font-family: 'Brown-Pro-Light' !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-help-contact .data-container #feedbackText {
  width: 100%;
  min-height: 100px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-help-contact .data-container #loading_overlay {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 2;
}
html body main section#content #myfh-box-container .myfh-box#myfh-help-contact .data-container #success_container {
  position: absolute;
  display: none;
  left: 0px;
  top: 60px;
  width: 100%;
  height: calc(100% - 60px);
  background-color: white;
  z-index: 2;
}
html body main section#content #myfh-box-container .myfh-box#myfh-help-contact .data-container #success_container .center_container {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}
html body main section#content #myfh-box-container .myfh-box#myfh-help-contact .data-container #success_container .center_container .caption {
  font-family: 'Brown-Pro-Regular';
  text-align: center;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td {
  padding: unset;
  transition: ease-in 0.125s;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container {
  position: relative;
  margin: 10px;
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .message_bar {
  position: absolute;
  width: 0.2em;
  height: 100%;
  left: -10px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .subject_row .subject,
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .subject_row .date {
  font-size: 0.85em;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .subject_row .subject {
  overflow: hidden;
  width: 75%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .subject_row .date {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(25% - 2 * 10px);
  right: 0px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td .message_container .message {
  font-size: 0.85em;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td:hover {
  cursor: pointer;
  background-color: #f0fcff;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row td:hover .message_container .message_bar {
  background-color: #c8d8db;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row.unread td .message_container .message_bar {
  background-color: #0014a0 !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row.unread td .message_container .subject_row .subject,
html body main section#content #myfh-box-container .myfh-box#myfh-messages .data-container table.my-table tr.message_row.unread td .message_container .subject_row .date {
  color: #0014a0;
  font-weight: bold;
}
html body main section#content #myfh-box-container .myfh-box.button-box:hover {
  text-decoration: none !important;
}
html body main section#content #myfh-box-container .myfh-box.button-box .my-button {
  font-weight: normal;
  font-size: 1.2em;
  line-height: 2;
}
html body main section#content #myfh-box-container .myfh-box#myfh-dms .data-container #vpn_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffffbd;
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-dms .data-container #vpn_overlay .text_container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10%;
  margin-right: 10%;
  background: white;
  padding: 10px;
  border: 1px solid #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container {
  padding: 0px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a {
  position: relative;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  font-family: 'Brown-Pro-Regular';
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a img {
  width: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .under,
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .under .pattern {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .under .pattern {
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 4;
  transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner .tr {
  display: table;
  width: 100%;
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner .tr .td {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color: white;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner .tr .td .topline {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  text-transform: uppercase;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner .tr .td .cont {
  font-size: 1em;
  padding: 20px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a .inner .tr .td .for {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  text-transform: uppercase;
  opacity: 0;
  font-size: 1em;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a:hover .under .pattern {
  opacity: 1;
}
html body main section#content #myfh-box-container .myfh-box#myfh-story .data-container a:hover .inner .tr .td .for {
  opacity: 1;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news {
  font-family: 'Brown-Pro-Regular';
  overflow: hidden;
  height: 350px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container {
  height: 100%;
  padding: 0px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer {
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder {
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev,
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 100px;
  line-height: 100px;
  font-size: 1.5em;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  background: rgba(0, 0, 0, 0.35);
  color: transparent;
  border: none;
  z-index: 5;
  transition: all 0.125s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev:hover,
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next:hover {
  width: 75px;
  background: rgba(0, 0, 0, 0.4);
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev::before,
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next::before {
  font-family: 'icomoon' !important;
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.125s ease-in-out;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev {
  left: -1px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev:hover::before {
  padding-left: 15px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-prev::before {
  content: "\e601";
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next {
  right: -1px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next:hover::before {
  padding-right: 15px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slick-next::before {
  content: "\e616";
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider {
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list {
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track {
  height: 100%;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry {
  width: 50%;
  height: 100%;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .type {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  text-align: center;
  transition: 0.2s;
  overflow: hidden;
  color: white;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
  z-index: 1;
  padding: 5px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  transition: 0.2s;
  opacity: 1;
  object-fit: cover;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner img.reveal {
  opacity: 0;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .img {
  display: block;
  width: 50%;
  height: 100%;
  background-size: cover;
  transition: 0.2s;
  filter: blur(0);
  transform: scale(1);
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .img.preview {
  filter: blur(2vw);
  transform: scale(2);
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .cont {
  position: absolute;
  top: 0;
  left: 50%;
  height: 85%;
  width: 50%;
  padding: 10px;
  display: block;
  font-size: 0.75em;
  transition: all 0.125s ease-in-out;
  text-decoration: none;
  color: white !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .cont h4 {
  font-size: 1.3em;
  margin-top: 10px;
  font-family: Brown-Pro-Regular !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .cont p {
  font-size: 0.7em;
  font-family: Brown-Pro-Regular !important;
  margin-right: 40px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .show-all {
  position: absolute;
  bottom: 0;
  height: 15%;
  width: 50%;
  left: 50%;
  display: block;
  transition: 0s;
  text-align: right;
  padding-right: 15px;
  line-height: 60px;
  font-size: 20px;
  transition: 0.2s;
  text-decoration: none;
  color: white;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .show-all span[class^=icon-] {
  transition: 0.2s;
  color: white;
  position: relative;
  text-decoration: none;
  top: 3px;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry .outer .inner .show-all:hover {
  background-color: white !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.cyan .outer .inner {
  background-color: #00b4e6;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.cyan .outer .inner .cont {
  background-color: #00b4e6;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.cyan .outer .inner .show-all {
  background-color: #00b4e6;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.cyan .outer .inner .show-all:hover {
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.cyan .outer .inner .show-all:hover span[class^=icon-] {
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.rot .outer .inner {
  background-color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.rot .outer .inner .cont {
  background-color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.rot .outer .inner .show-all {
  background-color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.rot .outer .inner .show-all:hover {
  color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.rot .outer .inner .show-all:hover span[class^=icon-] {
  color: #eb0041;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner {
  background-color: #00965b;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner .cont {
  background-color: #00965b;
  color: #191919 !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner .show-all {
  background-color: #00965b;
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner .show-all span[class^=icon-] {
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner .show-all:hover {
  color: #00965b;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gruen .outer .inner .show-all:hover span[class^=icon-] {
  color: #00965b;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.orange .outer .inner {
  background-color: #ff821e;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.orange .outer .inner .cont {
  background-color: #ff821e;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.orange .outer .inner .show-all {
  background-color: #ff821e;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.orange .outer .inner .show-all:hover {
  color: #ff821e;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.orange .outer .inner .show-all:hover span[class^=icon-] {
  color: #ff821e;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gelb .outer .inner {
  background-color: #ffd200;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gelb .outer .inner .cont {
  background-color: #ffd200;
  color: #191919 !important;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gelb .outer .inner .show-all {
  background-color: #ffd200;
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box#myfh-fh-news .data-container .outer .holder .slider .slick-list .slick-track .entry.gelb .outer .inner .show-all span[class^=icon-] {
  color: #191919;
}
html body main section#content #myfh-box-container .myfh-box[id^="myfh-"][id$="-ad"] .data-container {
  padding: 0px;
}
html body main section#content #myfh-box-container .myfh-box[id^="myfh-"][id$="-ad"] .data-container img {
  width: 100%;
}
html body .my-button {
  font-family: 'Brown-Pro-Regular', sans-serif !important;
  font-size: 0.9em;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  text-underline-position: under;
  border-width: 2px;
  border-style: solid;
  padding: 10px;
  transition: 0.2s;
  color: white;
  background-color: #0014a0;
  border-color: #0014a0;
  margin-left: 5px;
  margin-right: 5px;
}
html body .my-button:first-child {
  margin-left: 0px;
}
html body .my-button:last-child {
  margin-right: 0px;
}
html body .my-button.green,
html body .my-button.gruen,
html body .my-button.cyan,
html body .my-button.red,
html body .my-button.rot,
html body .my-button.yellow,
html body .my-button.gelb,
html body .my-button.grau,
html body .my-button.grey {
  border-color: #323237;
  color: #323237;
}
html body .my-button.gruen,
html body .my-button.green {
  background-color: #b2dfcd;
}
html body .my-button.cyan {
  background-color: #b2e8f7;
}
html body .my-button.rot,
html body .my-button.red {
  background-color: #f9b2c6;
}
html body .my-button.gelb,
html body .my-button.yellow {
  background-color: #fff1b2;
}
html body .my-button.grau,
html body .my-button.grey {
  background-color: #dadada;
}
html body .my-button:not(:disabled):hover {
  color: #0014a0;
  background-color: white;
}
html body .my-button:not(:disabled):hover::before,
html body .my-button:not(:disabled):hover::after {
  text-decoration: none;
}
html body .my-button:not(:disabled):hover.green,
html body .my-button:not(:disabled):hover.gruen,
html body .my-button:not(:disabled):hover.cyan,
html body .my-button:not(:disabled):hover.red,
html body .my-button:not(:disabled):hover.rot,
html body .my-button:not(:disabled):hover.yellow,
html body .my-button:not(:disabled):hover.gelb,
html body .my-button:not(:disabled):hover.grau,
html body .my-button:not(:disabled):hover.grey {
  color: #191919;
  text-decoration: underline !important;
}
html body .my-button:not(:disabled):hover.gruen,
html body .my-button:not(:disabled):hover.green {
  background-color: #66c09d;
}
html body .my-button:not(:disabled):hover.rot,
html body .my-button:not(:disabled):hover.red {
  background-color: #f3668d;
}
html body .my-button:not(:disabled):hover.cyan {
  background-color: #66d2f0;
}
html body .my-button:not(:disabled):hover.gelb,
html body .my-button:not(:disabled):hover.yellow {
  background-color: #ffe466;
}
html body .my-button:not(:disabled):hover.grau,
html body .my-button:not(:disabled):hover.grey {
  background-color: #c2c2c2;
}
html body .my-button.invert {
  color: #0014a0;
  background-color: white;
  border-color: #0014a0;
}
html body .my-button.invert:not(:disabled):hover {
  color: white;
  background-color: #0014a0;
}
html body .my-button.fullwidth {
  width: 100%;
}
html body .my-button.small {
  border-width: 1px;
  font-size: 0.65em;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
html body .my-button.large {
  font-size: 1.2em;
  padding-left: 12px;
}
html body .my-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
html body .my-button.add-margins {
  margin-top: 5px;
  margin-bottom: 5px;
}
html body .my-button.strikediag:before {
  background: linear-gradient(to left top, transparent 45.5%, currentColor 46.5%, currentColor 53.5%, transparent 54.5%);
}
html body .button-green.right,
html body .button-red.right,
html body .button-cyan.right,
html body .button-yellow.right,
html body .my-button.right {
  position: relative;
  left: 100%;
  transform: translateX(-100%);
}
html body .button-green,
html body .button-red,
html body .button-cyan,
html body .button-yellow {
  font-family: 'Brown-Pro-Regular', sans-serif !important;
  font-size: 0.9em;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  text-underline-position: under;
  border-width: 2px;
  border-style: solid;
  padding: 10px;
  transition: 0.2s;
  border-color: #323237;
  color: #323237;
  margin-left: 5px;
  margin-right: 5px;
}
html body .button-green:first-child,
html body .button-red:first-child,
html body .button-cyan:first-child,
html body .button-yellow:first-child {
  margin-left: 0px;
}
html body .button-green:last-child,
html body .button-red:last-child,
html body .button-cyan:last-child,
html body .button-yellow:last-child {
  margin-right: 0px;
}
html body .button-green:hover,
html body .button-red:hover,
html body .button-cyan:hover,
html body .button-yellow:hover {
  color: #191919;
}
html body .button-green {
  background-color: #b2dfcd;
}
html body .button-green:hover {
  background-color: #66c09d;
}
html body .button-cyan {
  background-color: #b2e8f7;
}
html body .button-cyan:hover {
  background-color: #66d2f0;
}
html body .button-red {
  background-color: #f9b2c6;
}
html body .button-red:hover {
  background-color: #f3668d;
}
html body .button-yellow {
  background-color: #fff1b2;
}
html body .button-yellow:hover {
  background-color: #ffe466;
}
html body #myfh-upload-uploadTable th {
  text-align: center;
  vertical-align: middle;
}
html body .myfh-upload-textCol {
  padding-right: 1em;
}
html body .myfh-upload-textColRight {
  text-align: center;
}
html body .myfh-upload-progressCol {
  width: 16em;
}
html body .myfh-file-upload {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}
html body .drag-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  whit-space: nowrap;
}
html body .image-upload-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 4px dashed #00965b;
  position: relative;
  height: 150px;
}
html body .image-upload-wrap:hover,
html body .image-upload-wrap .highlight {
  cursor: pointer;
  background-color: #00965b;
  border: 4px dashed #ffffff;
}
html body .image-upload-wrap:hover .drag-text h3,
html body .image-upload-wrap .highlight .drag-text h3 {
  color: #fff;
}
html body .image-upload-wrap:hover,
html body .image-upload-wrap.highlight {
  background-color: #00965b;
  border: 4px dashed #ffffff;
}
html body .image-upload-wrap:hover .drag-text h3,
html body .image-upload-wrap.highlight .drag-text h3 {
  color: #fff;
}
html body .drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #00965b;
  padding: 0;
  margin: 0 !important;
}
html body #my_messages {
  height: 780px;
}
html body #my_messages .messagelist_container {
  font-family: 'Brown-Pro-Light';
  border: 1px solid #dddddd;
  overflow-y: auto;
  overflow-x: hidden;
  height: 700px;
}
html body #my_messages .messagelist_container .message {
  border-bottom: 1px solid #eeeeee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
  transition: all 0.15s ease;
}
html body #my_messages .messagelist_container .message .sender {
  font-size: 0.9em;
}
html body #my_messages .messagelist_container .message .subject {
  font-size: 0.75em;
}
html body #my_messages .messagelist_container .message .subject .date {
  float: right;
}
html body #my_messages .messagelist_container .message .textcutt {
  font-size: 0.75em;
  color: #555;
}
html body #my_messages .messagelist_container .message .textcutt p {
  font-family: 'Brown-Pro-Light' !important;
}
html body #my_messages .messagelist_container .message.unread .subject {
  font-family: 'Brown-Pro-Regular';
  color: #0014a0;
}
html body #my_messages .messagelist_container .message.active {
  background-color: #ccf4ff !important;
}
html body #my_messages .messagelist_container .message:hover {
  cursor: pointer;
  background-color: #f0fcff;
}
html body #my_messages .messagelist_container .date_seperator {
  background-color: #eeeeee;
  width: calc(100% + 30px);
  left: -15px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Brown-Pro-Regular';
  font-size: 0.75em;
}
html body #my_messages .message_container {
  font-family: 'Brown-Pro-Light';
  margin-left: 5px;
  margin-right: -5px;
  padding-bottom: 10px;
  overflow: auto;
  height: 700px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
html body #my_messages .message_container.initial {
  background-color: #eeeeee;
}
html body #my_messages .message_container #loading_container {
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
html body #my_messages .message_container #loading_container #spinner {
  scale: 1.5;
}
html body #my_messages .message_container #operation_container {
  display: none;
  background-color: #eeeeee;
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px;
  width: calc(100% + 30px);
}
html body #my_messages .message_container #operation_container #operation_mobile {
  display: none;
}
html body #my_messages .message_container #operation_container #operation_mobile .bt-add {
  position: relative;
  left: 99%;
  transform: translateX(-100%);
}
html body #my_messages .message_container #operation_container #operation_mobile .dropdown-menu {
  width: 100%;
}
html body #my_messages .message_container #operation_container #operation_mobile .dropdown-menu li a {
  padding-left: 0px;
}
html body #my_messages .message_container #message_header {
  display: none;
  border-bottom: 1px solid #dddddd;
  padding-top: 10px;
  padding-bottom: 15px;
}
html body #my_messages .message_container #message_header #message_date {
  font-size: 0.75em;
}
html body #my_messages .message_container #message_header #message_subject {
  font-size: 0.75em;
  font-family: 'Brown-Pro-Regular';
}
html body #my_messages .message_container #message_text {
  display: none;
  padding-top: 15px;
}
html body #my_messages .message_container .messageOverlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #3335;
  position: absolute;
}
html body #my_messages .message_container .messageOverlay .checkmark {
  scale: 2;
}
html body #my_messages #contextmenu {
  position: absolute;
}
html body #my_messages #contextmenu .dropdown-menu {
  display: block;
}
html body #my_messages #unread_message_notification {
  color: #0014a0;
  font-size: 0.7em;
}
@media (min-width: 1900px) {
  html body #my_messages .messagelist_container {
    width: 25%;
  }
  html body #my_messages .message_container {
    width: 75%;
  }
}
html body .wrap section#content .wizardContainer table.wizardtable {
  margin-bottom: 20px;
  border-collapse: collapse;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td,
html body .wrap section#content .wizardContainer table.wizardtable tr th {
  position: relative;
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 1.2em;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td .icon-arrow-right,
html body .wrap section#content .wizardContainer table.wizardtable tr th .icon-arrow-right {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-200%, -50%);
  color: #868686;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td:first-child,
html body .wrap section#content .wizardContainer table.wizardtable tr th:first-child {
  padding-left: 0px;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td:last-child .icon-arrow-right,
html body .wrap section#content .wizardContainer table.wizardtable tr th:last-child .icon-arrow-right {
  display: none;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td.active,
html body .wrap section#content .wizardContainer table.wizardtable tr th.active {
  color: #0014a0;
}
html body .wrap section#content .wizardContainer table.wizardtable tr td.active .icon-arrow-right,
html body .wrap section#content .wizardContainer table.wizardtable tr th.active .icon-arrow-right {
  color: #0014a0;
}
html body .wrap section#content .wizardContainer .controlMenu {
  padding-top: 1em;
  margin-top: 2em;
  text-align: left;
  border-top: 1px solid rgba(200, 200, 200, 0.5);
}
html body .wrap section#content .wizardContainer .controlMenu .button-green:first-child,
html body .wrap section#content .wizardContainer .controlMenu .my-button:first-child {
  margin-left: 5px;
}
html body .wrap section#content .wizardContainer .controlMenu .button-green:last-child,
html body .wrap section#content .wizardContainer .controlMenu .my-button:last-child {
  margin-right: 5px;
}
html body .wrap section#content .wizardContainer .wizardtable td.wizard-menu-active {
  color: black !important;
}
html body .wrap section#content .wizardContainer .wizardtable a.wizard-menu-clickable {
  color: #CCC;
}
html body .wrap section#content .wizardContainer .wizardtable a.wizard-menu-clickable:hover {
  color: #999;
  cursor: pointer;
}
html body header .top #isDevBanner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #ff821e;
  padding-left: 0.2em;
  padding-right: 0.2em;
  border: 2px solid #ff821e;
}
html body .tablesorter-default {
  width: 100%;
  font: 12px/18px Brown-Pro-Light;
  color: #333;
  background-color: #fff;
  border-spacing: 0;
  margin: 10px 0 15px;
  text-align: left;
}
html body .tablesorter-default th,
html body .tablesorter-default thead td {
  font-weight: 700;
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border-bottom: #ccc 2px solid;
  padding: 0;
}
html body .tablesorter-default tfoot td,
html body .tablesorter-default tfoot th {
  border: 0;
}
html body .tablesorter-default .header,
html body .tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}
html body .tablesorter-default thead .headerSortUp,
html body .tablesorter-default thead .tablesorter-headerAsc,
html body .tablesorter-default thead .tablesorter-headerSortUp {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid;
}
html body .tablesorter-default thead .headerSortDown,
html body .tablesorter-default thead .tablesorter-headerDesc,
html body .tablesorter-default thead .tablesorter-headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid;
}
html body .tablesorter-default thead .sorter-false {
  background-image: none;
  cursor: default;
  padding: 4px;
}
html body .tablesorter-default tfoot .tablesorter-headerAsc,
html body .tablesorter-default tfoot .tablesorter-headerDesc,
html body .tablesorter-default tfoot .tablesorter-headerSortDown,
html body .tablesorter-default tfoot .tablesorter-headerSortUp {
  border-top: #000 2px solid;
}
html body .tablesorter-default td {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  padding: 4px;
  vertical-align: top;
}
html body .tablesorter-default tbody > tr.even:hover > td,
html body .tablesorter-default tbody > tr.hover > td,
html body .tablesorter-default tbody > tr.odd:hover > td,
html body .tablesorter-default tbody > tr:hover > td {
  background-color: #dde2e9;
  color: #000;
}
html body .tablesorter-default tr.even > td {
  background-color: #f9f9f9;
}
html body .tablesorter-default tr.odd > td {
  background-color: #fff;
}
html body .tablesorter-default tr.odd td.primary {
  background-color: #bfbfbf;
}
html body .tablesorter-default td.primary,
html body .tablesorter-default tr.even td.primary {
  background-color: #d9d9d9;
}
html body .tablesorter-default tr.odd td.secondary {
  background-color: #d9d9d9;
}
html body .tablesorter-default td.secondary,
html body .tablesorter-default tr.even td.secondary {
  background-color: #e6e6e6;
}
html body .tablesorter-default tr.odd td.tertiary {
  background-color: #e6e6e6;
}
html body .tablesorter-default td.tertiary,
html body .tablesorter-default tr.even td.tertiary {
  background-color: #f2f2f2;
}
html body .tablesorter-default > caption {
  background-color: #fff;
}
html body .tablesorter-default .tablesorter-filter-row {
  background-color: #eee;
}
html body .tablesorter-default .tablesorter-filter-row td {
  background-color: #eee;
  border-bottom: #ccc 1px solid;
  line-height: normal;
  text-align: center;
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
html body .tablesorter-default .tablesorter-filter-row .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
html body .tablesorter-default .tablesorter-filter-row.hideme td {
  padding: 2px;
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
html body .tablesorter-default .tablesorter-filter-row.hideme * {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
html body .tablesorter-default input.tablesorter-filter,
html body .tablesorter-default select.tablesorter-filter {
  width: 95%;
  height: auto;
  margin: 4px auto;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
html body .tablesorter .filtered {
  display: none;
}
html body .tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}
html body .ts-large-text {
  font-size: 1em;
}
html body table.tablesorter-default tbody tr.red > td {
  background-color: #f9b2c6;
}
html body table.tablesorter-default tbody tr.red:hover > td {
  background-color: #f3668d;
}
html body table.tablesorter-default tbody tr.green > td {
  background-color: #b2dfcd;
}
html body table.tablesorter-default tbody tr.green:hover > td {
  background-color: #66c09d;
}
html body table.tablesorter-default tbody tr.blue > td {
  background-color: #b2e8f7;
}
html body table.tablesorter-default tbody tr.blue:hover > td {
  background-color: #66d2f0;
}
html body table.tablesorter-default tbody tr.yellow > td {
  background-color: #fff1b2;
}
html body table.tablesorter-default tbody tr.yellow:hover > td {
  background-color: #ffe466;
}
html body table.tablesorter-default tbody tr.orange > td {
  background-color: #ffbf8c;
}
html body table.tablesorter-default tbody tr.orange:hover > td {
  background-color: #ff9643;
}
html body table.tablesorter-default {
  border: 1px solid #e0e0e0;
}
html body .tablesorter-default th {
  border: 1px solid #e0e0e0;
}
html body .tablesorter-pager {
  padding: 5px;
}
html body .tablesorter-pager-container {
  float: right;
  clear: right;
}
html body td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0;
}
html body .tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}
html body .tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}
html body .tablesorter-pager select {
  margin: 0;
  padding: 0;
}
html body .tablesorter-pager.disabled {
  display: none;
}
html body .tablesorter-pager .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
html body .pager-icon:hover {
  cursor: pointer;
}
html body input.tablesorter-filter.disabled {
  display: none;
}
html body .tablesorter-default input.checkBox {
  margin: auto;
  width: 100%;
}
html body .tablesorter-default tbody td {
  vertical-align: middle;
}
html body .tablesorter-search-bar {
  margin-bottom: 10px;
  margin-top: 15px;
  float: right;
  display: flex;
  flex-wrap: nowrap;
}
html body .tablesorter-check-select {
  margin-bottom: 10px;
  margin-top: 15px;
}
html body .hasResizable table {
  border-collapse: collapse;
}
html body .hasResizable tr {
  border: none;
}
html body .hasResizable tbody tr td {
  border-right: solid 2px #dddddd;
  border-left: solid 2px #dddddd;
}
html body .hasResizable tr td:first-child {
  border-left: none;
}
html body .hasResizable tr td:last-child {
  border-right: none;
}
html body div.actionButtonGridContainer {
  display: grid;
  grid-column-gap: 10px;
  clear: both;
}
html body div.actionButtonFlexContainer {
  display: flex;
  clear: both;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  column-gap: 10px;
}
html body td.abtRowButtonContainer {
  white-space: nowrap;
  text-align: right;
}
html body a.abtLink {
  color: black;
}
html body .message-success,
html body .message-question,
html body .message-warning,
html body .message-error,
html body .message-locked,
html body .message-info {
  position: relative;
  padding: 10px 10px 10px 40px;
  margin: 3px 0px;
  font-size: 18px;
  font-family: Brown-Pro-Regular !important;
  line-height: 140%;
}
html body .message-success p,
html body .message-question p,
html body .message-warning p,
html body .message-error p,
html body .message-locked p,
html body .message-info p {
  font-family: Brown-Pro-Regular !important;
}
html body .message-success strong,
html body .message-question strong,
html body .message-warning strong,
html body .message-error strong,
html body .message-locked strong,
html body .message-info strong {
  font-family: Brown-Pro-Regular !important;
}
html body .message-success img.close-handle,
html body .message-question img.close-handle,
html body .message-warning img.close-handle,
html body .message-error img.close-handle,
html body .message-locked img.close-handle,
html body .message-info img.close-handle {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}
html body .message-success {
  border: 1px solid #00965b;
  background: url(../../images/tick.png) no-repeat 10px 12px;
  background-color: #b2dfcd;
}
html body .message-info {
  border: 1px solid #00b4e6;
  background: url(../../images/information.png) no-repeat 10px 12px;
  background-color: #b2e8f7;
}
html body .message-question {
  border: 1px solid #ff821e;
  background: url(../../images/question.png) no-repeat 10px 12px;
  background-color: #ffbf8c;
}
html body .message-warning {
  border: 1px solid #ffd200;
  background: url(../../images/error.png) no-repeat 10px 12px;
  background-color: #fff1b2;
}
html body .message-error {
  border: 1px solid #eb0041;
  background: url(../../images/cross.png) no-repeat 10px 12px;
  background-color: #f9b2c6;
}
html body .message-locked {
  border: 1px solid #868686;
  background: url(../../images/lock.png) no-repeat 10px 12px;
  background-color: #f9b2c6;
}
html body .message-success.inline,
html body .message-info.inline,
html body .message-question.inline,
html body .message-warning.inline,
html body .message-error.inline,
html body .message-locked.inline {
  margin-left: 0px;
  margin-right: 0px;
}
html body .notice {
  font-family: CelesteWebPro;
  line-height: 140%;
  position: relative;
  margin: 10px 0px;
  padding: 10px 10px 10px 40px;
  background: url(../../images/error.png) no-repeat 10px center;
  font-weight: bold;
  font-size: 18px;
}
html body span.menu-command {
  padding: 0px 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  font-style: italic;
}
html body .wizardtable {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}
html body .wizardtable td {
  border-bottom: 1px solid #ddd;
  cursor: default;
  color: #000;
  width: 150px;
}
html body .wizardtable td a {
  color: #999;
  text-decoration: none;
}
html body .wizardtable td.active {
  font-weight: bold;
  border-bottom: 1px solid #000;
  color: #000;
  white-space: nowrap;
}
html body #wizard-forward,
html body #wizard-back,
html body #wizard-finalize {
  min-width: 100px;
}
html body table.myfh-horizontalData {
  max-width: 100% !important;
  width: 100%;
  hyphens: none !important;
  word-break: normal !important;
  font-size: 0.75em;
}
html body table.myfh-horizontalData .myfh-BUTTON_TABLE_BUTTON {
  /* make sure that table buttons with links in ActionButtonTable appear like normal buttons. */
}
html body table.myfh-horizontalData .myfh-BUTTON_TABLE_BUTTON a {
  color: #1d1d1b;
  text-decoration: none;
}
html body table.myfh-horizontalData thead a {
  color: #1d1d1b;
  text-decoration: none;
}
html body table.myfh-horizontalData th,
html body table.myfh-horizontalData tr,
html body table.myfh-horizontalData td {
  padding: 0.5em;
}
html body table.myfh-horizontalData tr {
  border: 1px solid #dadada;
  vertical-align: top;
}
html body table.myfh-horizontalData th {
  font-family: Brown-Pro-Regular !important;
  background-color: #c3c3c3;
}
html body table.myfh-horizontalData tbody tr:hover {
  background-color: #dadada;
  cursor: pointer;
}
html body table.myfh-horizontalData tbody tr.red {
  background-color: #f9b2c6;
}
html body table.myfh-horizontalData tbody tr.red:hover {
  background-color: #f3668d;
}
html body table.myfh-horizontalData tbody tr.green {
  background-color: #b2dfcd;
}
html body table.myfh-horizontalData tbody tr.green:hover {
  background-color: #66c09d;
}
html body table.myfh-horizontalData tbody tr.blue {
  background-color: #b2e8f7;
}
html body table.myfh-horizontalData tbody tr.blue:hover {
  background-color: #66d2f0;
}
html body table.myfh-horizontalData tbody tr.yellow {
  background-color: #fff1b2;
}
html body table.myfh-horizontalData tbody tr.yellow:hover {
  background-color: #ffe466;
}
html body table.myfh-horizontalData tbody tr.orange {
  background-color: #ffbf8c;
}
html body table.myfh-horizontalData tbody tr.orange:hover {
  background-color: #ff9643;
}
html body table.myfh-horizontalData tbody tr.gray {
  background-color: #dadada;
}
html body table.myfh-horizontalData tbody tr.gray:hover {
  background-color: #c2c2c2;
}
html body table.myfh-horizontalData tbody .even {
  background: #c3c3c3;
}
html body table.horizontalData {
  border-collapse: collapse;
  border-style: 0px;
  border: 1px solid #868686;
}
html body table.horizontalData th {
  border-bottom: 1px solid #868686;
  text-align: left;
  padding: 5px 5px;
}
html body table.horizontalData td {
  border-bottom: 1px solid #868686;
  padding: 5px 5px;
}
html body table.horizontalData tbody tr:hover {
  background-color: #dde2e9;
  cursor: pointer;
}
html body table.horizontalData tbody tr.red {
  background-color: #f9b2c6;
}
html body table.horizontalData tbody tr.red:hover {
  background-color: #f3668d;
}
html body table.horizontalData tbody tr.green {
  background-color: #b2dfcd;
}
html body table.horizontalData tbody tr.green:hover {
  background-color: #66c09d;
}
html body table.horizontalData tbody tr.blue {
  background-color: #b2e8f7;
}
html body table.horizontalData tbody tr.blue:hover {
  background-color: #66d2f0;
}
html body table.horizontalData tbody tr.yellow {
  background-color: #fff1b2;
}
html body table.horizontalData tbody tr.yellow:hover {
  background-color: #ffe466;
}
html body table.horizontalData tbody tr.orange {
  background-color: #ffbf8c;
}
html body table.horizontalData tbody tr.orange:hover {
  background-color: #ff9643;
}
html body table.horizontalData tbody tr.gray {
  background-color: #dadada;
}
html body table.horizontalData tbody tr.gray:hover {
  background-color: #c2c2c2;
}
html body table.horizontalData .even {
  background: #f9f9f9;
}
html body table.horizontalData a {
  color: #000;
  text-decoration: none;
}
html body .jcrop-holder {
  direction: ltr;
  text-align: left;
}
html body .jcrop-vline,
html body .jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute;
}
html body .jcrop-vline {
  height: 100%;
  width: 1px !important;
}
html body .jcrop-vline.right {
  right: 0;
}
html body .jcrop-hline {
  height: 1px !important;
  width: 100%;
}
html body .jcrop-hline.bottom {
  bottom: 0;
}
html body .jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
html body .jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
html body .jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
html body .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
html body .jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
html body .jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
html body .jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
html body .jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
html body .jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
html body .jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
html body .jcrop-dragbar.ord-n,
html body .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
html body .jcrop-dragbar.ord-e,
html body .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
html body .jcrop-dragbar.ord-n {
  margin-top: -4px;
}
html body .jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
html body .jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
html body .jcrop-dragbar.ord-w {
  margin-left: -4px;
}
html body .jcrop-light .jcrop-vline,
html body .jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
html body .jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
html body .jcrop-dark .jcrop-vline,
html body .jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
html body .jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
html body .solid-line .jcrop-vline,
html body .solid-line .jcrop-hline {
  background: #ffffff;
}
html body .jcrop-holder img,
html body img.jcrop-preview {
  max-width: none;
}
html body textarea.textarea {
  width: 100%;
  resize: none;
  font-family: 'CelesteWebPro';
}
html body textarea.textarea.textarea-small {
  height: 6em;
}
html body textarea.textarea.textarea-medium {
  height: 12em;
}
html body textarea.textarea.textarea-large {
  height: 18em;
}
html body textarea.textarea .myfh-text-counter {
  float: right;
}
html body .fullwidth {
  width: 100%;
}
html body div.myfh-button-box-right {
  float: right;
  margin: 1.5em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
html body .box_order_handle_container .box_order_handle {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: grab;
}
html body .box_order_handle_container .box_order_handle::before,
html body .box_order_handle_container .box_order_handle::after {
  font-family: 'Icomoon' !important;
  font-size: 0.8em;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.15s;
}
html body .box_order_handle_container .box_order_handle::before {
  content: "\e618";
  top: 65%;
}
html body .box_order_handle_container .box_order_handle::after {
  content: "\e617";
  top: 35%;
}
html body .box_order_handle_container .box_order_handle:hover::before {
  top: 70%;
}
html body .box_order_handle_container .box_order_handle:hover::after {
  top: 30%;
}
html body .box_order_handle_container .box_order_handle:active {
  cursor: grabbing;
}
html body ol.myfh-manual-steps {
  counter-reset: count;
  list-style-position: outside;
}
html body ol.myfh-manual-steps li {
  list-style-type: none;
  position: relative;
}
html body ol.myfh-manual-steps li::before {
  font-family: "BrownProRegular", sans-serif;
  counter-increment: count;
  content: counter(count) ". ";
  margin-right: 0.5em;
  display: inline-block;
  padding: 0 5px;
  border-radius: 0;
  border: 1px solid #1d1d1b;
  background: #b2dfcd;
}
html body .myfh-manual-warning::before {
  font-family: "BrownProRegular", sans-serif;
  content: " ! ";
  margin-right: 0.5em;
  display: inline-block;
  padding: 0 0.5em;
  border-radius: 0;
  border: 1px solid #1d1d1b;
  background: #f9b2c6;
}
html body .myfh-card-status-running {
  color: #fff;
  background: #00b4e6;
  animation: pulse 2s infinite;
}
html body .myfh-card-status-failed {
  color: #fff;
  background: #eb0041;
}
html body .myfh-card-status-inactive {
  color: #fff;
  background: #868686;
}
html body .myfh-card-status-locked {
  color: #fff;
  background: #ff821e;
}
html body .myfh-card {
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
  box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
  border: none;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
html body .myfh-card:hover {
  cursor: pointer;
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}
html body .myfh-card .myfh-card-block {
  padding: 25px;
}
html body .myfh-card-info {
  font-size: 13px !important;
  font-family: Brown-Pro-Regular !important;
}
html body .myfh-card-f-left {
  float: left;
}
html body .myfh-card-f-right {
  float: right;
}
html body .appt-calendar-holder {
  margin-bottom: 20px;
  margin-top: 20px;
}
html body .ac-control-panel {
  display: flex;
  justify-content: space-between;
}
html body .ac-vs-button:disabled {
  background-color: #c2c2c2;
}
html body .ac-week-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  height: 1px;
}
html body .ac-week-table th {
  background-color: #0014a0;
  color: white;
  text-align: center;
  height: 50px;
  border: 1px solid grey !important;
}
html body .ac-week-table th:first-of-type {
  width: 120px !important;
}
html body .ac-week-table td {
  border: 1px solid black !important;
  vertical-align: top;
  line-height: 1.2em;
  height: 100%;
  padding: 3px !important;
}
html body .ac-week-view-header {
  font-size: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .ac-week-display {
  font-size: 36px;
  font-family: 'Brown-Pro-Regular' !important;
  margin-top: auto;
  margin-bottom: auto;
}
html body td.ac-hour-td {
  font-weight: bold;
}
html body td.legend-day > div {
  width: 80px;
  cursor: default;
  margin-left: auto;
  margin-right: auto;
}
html body .ac-slot-td {
  height: 100%;
}
html body .ac-slot-available {
  background-color: #b2dfcd;
  cursor: pointer;
}
html body .ac-slot-available-past {
  background-color: #66c09d;
}
html body .ac-slot-unavailable {
  background-color: #868686;
}
html body .appt-normal {
  background-color: #f9b2c6;
  cursor: pointer;
}
html body .appt-hidden {
  background-color: #dadada;
}
html body .appt-normal-past {
  background-color: #cc6699;
  cursor: pointer;
}
html body .appt-hidden-past {
  background-color: #c2c2c2;
}
html body .appt-div {
  height: 100%;
  padding: 5px;
}
html body th.ac-holiday-header {
  background-color: #037f8f;
}
html body .ac-holiday-slot {
  background-color: #004F59;
}
html body .event-calendar-large {
  width: 1400px;
  height: 1000px;
  margin-bottom: 20px;
  margin-top: 20px;
}
html body .event-calendar-small {
  width: 600px;
  height: 400px;
  margin-bottom: 20px;
}
html body .ec-control-panel {
  display: flex;
  justify-content: space-between;
}
html body .ec-vs-button:disabled {
  background-color: #c2c2c2;
}
html body .ec-month-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
html body .ec-month-table th {
  background-color: #0014a0;
  color: white;
  text-align: center;
  height: 50px;
  border: 1px solid grey !important;
  width: 14.2%;
}
html body .ec-month-table tbody tr {
  height: 150px;
  max-height: 150px;
}
html body .ec-month-table td {
  border: 1px solid black !important;
  vertical-align: top;
  line-height: 1em;
  padding: 3px !important;
}
html body .ec-month-view-header {
  font-size: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .ec-day-display {
  font-size: 36px;
  font-family: 'Brown-Pro-Regular' !important;
  margin-top: auto;
  margin-bottom: auto;
}
html body .ec-month-display {
  font-size: 36px;
  font-family: 'Brown-Pro-Regular' !important;
  margin-top: auto;
  margin-bottom: auto;
}
html body .ec-day-table {
  border: 1px solid black;
  border-collapse: collapse;
  table-layout: fixed;
  height: 800px;
  overflow-y: scroll;
  width: 100%;
}
html body .ec-day-table-wrapper {
  overflow-y: scroll;
  max-height: 100%;
  margin: 10px;
}
html body .ec-day-table tbody tr {
  height: 100%;
}
html body .ec-day-table td {
  border: 1px solid grey;
  vertical-align: top;
  padding: 2px;
  height: 100%;
}
html body td.ec-hour-td {
  width: 100px;
  font-size: 1em;
  font-weight: bold;
}
html body .ec-day-view-header {
  font-size: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .inactive-day {
  background-color: #c2c2c2;
}
html body .normal-day {
  background-color: #F9F9F9;
  cursor: pointer;
}
html body .date-display-today {
  margin-left: auto;
  margin-right: auto;
  background-color: #0014a0;
  color: white;
  text-align: center;
  border-radius: 50%;
  font-size: 1em;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
html body .date-display-normal {
  color: black;
  text-align: center;
}
html body .date-display-normal:hover {
  cursor: default;
}
html body .date-display-inactive {
  color: white;
  text-align: center;
}
html body .date-display-inactive:hover {
  cursor: default;
}
html body .event-teaser-month {
  position: relative;
  margin: 3px;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  color: white;
}
html body .event-teaser-day {
  position: relative;
  height: 100%;
  padding: 2px 5px 2px 5px;
  border-radius: 2px;
  color: white;
}
html body .event-past {
  color: #868686;
}
html body .event-green {
  background-color: #00965a;
}
html body .event-past.event-green {
  background-color: #b2dfcd;
}
html body .event-blue {
  background-color: #00b4e6;
}
html body .event-past.event-blue {
  background-color: #b2e8f7;
}
html body .event-red {
  background-color: #eb0041;
}
html body .event-past.event-red {
  background-color: #f9b2c6;
}
html body .event-orange {
  background-color: #ff821e;
}
html body .event-past.event-orange {
  background-color: #ffbf8c;
}
html body .event-teaser-title {
  font-size: 16px;
}
html body .event-teaser-title:hover {
  cursor: default;
}
html body .event-teaser-month:hover {
  color: black;
}
html body .event-teaser-day:hover {
  color: black;
}
html body .event-teaser-popup {
  padding: 5px;
  display: none;
  position: absolute;
  top: 25px;
  left: 25px;
  min-height: 60px;
  min-width: 150px;
  z-index: 10;
  background-color: #EEE;
  color: black;
  border: solid 1px black;
}
html body .event-teaser-popup-title {
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}
html body .event-teaser-popup-body {
  margin-top: 10px;
}
html body td.ic-timeslot-slottime-td {
  background-color: #e6e6e6;
}
html body .ic-slot-loader {
  border: 5px solid #d9d9d9;
  border-top: 5px solid #0014a0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
html body .ic-week-day-header-today {
  font-weight: bold;
}
html body .ic-week-day-header .ic-timeslot-slottime-td {
  border-right: 1px solid !important;
}
html body .ic-week-view-header {
  font-size: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .ic-week-display {
  font-size: 36px;
  font-family: 'Brown-Pro-Regular';
  margin-top: auto;
  margin-bottom: auto;
}
html body .ic-wrapper-table {
  overflow-y: scroll;
  margin: 10px;
}
html body .ic-wrapper-day-table {
  max-height: 100%;
}
html body .ic-day-table {
  border: 1px solid black;
  border-collapse: collapse;
  table-layout: fixed;
  height: 800px;
  overflow-y: scroll;
  width: 100%;
}
html body .ic-day-table tbody tr {
  height: 100%;
}
html body .ic-day-table td {
  border: 1px solid grey;
  vertical-align: top;
  padding: 2px;
  height: 100%;
}
html body .ic-disable-textselection {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html body .ic-card-draggable {
  font-size: 13px;
  font-family: "Brown-Pro-Light", "icomoon", sans-serif;
  text-align: left;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
html body .ic-card-draggable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
html body .ic-card-draggable::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}
html body .ic-wrapper-event-visible {
  overflow: hidden;
  display: block;
}
html body .ic-card-shadow {
  -webkit-box-shadow: 0 2px 15px 1px rgba(225, 225, 225, 0.5);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}
html body .ic-wrapper-event-hidden {
  display: none;
}
html body .event-bookmarked-color {
  background-color: #b2e8f7;
}
html body .invitation-teaser-popup {
  padding: 5px;
  display: none;
  position: absolute;
  min-height: 60px;
  min-width: 250px;
  z-index: 400;
  background-color: #EEE;
  color: black;
  border: solid 1px black;
  font-size: 15px;
}
html body .invitation-teaser-popup-title {
  font-weight: bold;
  text-align: center;
  margin: 5px;
}
html body .invitation-teaser-popup-body {
  margin: 5px;
}
html body .invitation-teaser-day {
  padding: 2px 5px 2px 5px;
}
html body .invitation-teaser-month {
  position: relative;
  margin: 3px;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  word-wrap: break-word;
}
html body .invitation-teaser-general {
  height: 100%;
  width: 100%;
  position: relative;
}
html body .invitation-teaser-background {
  opacity: 0.5;
}
html body .ic-grid-week-container {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: '.ic-grid-week-headline' '.ic-grid-week-calendar';
}
html body .ic-grid {
  list-style: none;
}
html body div.ic-grid-week-calendar {
  grid-area: ic-grid-week-calendar;
  display: grid;
  grid-auto-flow: column;
  font-family: "Brown-Pro-Light", "icomoon", sans-serif;
}
html body div.ic-grid-week-calendar > .ic-grid-cell {
  grid-column: var(--column);
  grid-row: var(--row);
  display: list-item !important;
  border: 1px solid rgba(200, 200, 200, 0.5);
  min-height: 20px;
}
html body div.ic-grid-headercell {
  background-color: #0014a0;
  color: white;
  text-align: center;
  border: 1px solid rgba(200, 200, 200, 0.5);
  font-family: "Brown-Pro-Regular", sans-serif;
  padding: 0.5em;
}
html body div.ic-grid-timecell-indicator {
  font-size: 0.7em;
  text-align: left;
  padding-right: 5px;
}
html body div.ic-grid-cell-dividing {
  border-top: 1px double #0014a0 !important;
}
html body div.ic-grid-timecell {
  background-color: #e6e6e6;
}
html body div.ic-grid-slotcell {
  background-color: #ffffff;
}
html body div.ic-cell-undroppable {
  background-color: #d1d1d1 !important;
}
html body div.ic-grid-week-headline {
  grid-area: ic-grid-week-headline;
  display: grid;
  position: sticky;
  top: 0;
  z-index: 200;
}
html body .ic-grid-event {
  grid-column: var(--column);
  grid-row: var(--row);
  --indent: calc(var(--overlap-count, 0) * 10px);
  margin: 3px 20px 3px calc(var(--indent, 0) + 3px);
  position: relative;
  overflow: visible;
}
html body .ic-grid-intermission {
  grid-column: var(--column);
  grid-row: var(--row);
  margin: 3px 3px 3px 3px;
  background-color: #878787;
  overflow: hidden;
  height: 95%;
}
html body .ic-grid-card-text {
  position: relative;
  width: 85%;
  float: left;
  font-size: 13px;
  overflow: auto;
}
html body .ic-grid-entry-buttons {
  z-index: 45;
  position: relative;
  text-align: center;
  float: right;
  width: 10%;
  margin-right: 5px;
  height: 90%;
  line-height: 1;
}
html body .ic-grid-entry-button {
  cursor: pointer;
  font-size: 25px;
  width: 100%;
  color: #0014a0;
}
html body .ic-grid-event-title {
  font-size: 14px;
}
html body .ic-grid-event-content {
  height: 100%;
  word-wrap: break-word;
  padding: 2px 5px 2px 5px;
  overflow: auto;
  font-size: 13px;
  position: relative;
  z-index: calc((var(--overlap-count, 0) * 2) + 1);
  border: 1px solid rgba(44, 44, 44, 0.5);
}
html body .ic-grid-event-bookmarked {
  z-index: calc(var(--overlap-count, 0) * 2);
}
html body .ic-card-intermission-listentry {
  min-height: 50px;
  min-width: 100%;
  position: relative;
  display: inline-block;
}
html body .ic-grid-cell-hovering {
  border: double #b2e8f7 !important;
}
html body .ic-grid-event-intermission-color {
  background-color: #878787;
}
html body .ic-grid-event-exam-past {
  background-color: #c1c1c1;
  color: #323237;
}
html body .ic-grid-event-exam-upcoming {
  background-color: #b2dfcd;
  color: #323237;
}
html body div.ic-scrollable-table {
  overflow-y: scroll;
  height: 700px;
}
html body div.ic-scrollable-table::-webkit-scrollbar {
  display: block;
  -webkit-appearance: none;
  width: 7px;
}
html body div.ic-scrollable-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
html body div.cursor-popup {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  cursor: none;
  width: 200px;
  font-family: "Brown-Pro-Light", "icomoon", sans-serif;
  font-size: 13px;
}
html body div.invitation-teaser-popup-body:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #eee;
  border-right: 10px solid transparent;
  border-top: 10px solid #eee;
  border-bottom: 10px solid transparent;
  right: 80px;
  bottom: -19px;
}
html body .ic-grid-event-content-tobookmark {
  height: 100%;
  word-wrap: break-word;
  overflow: auto;
  position: relative;
  padding: 2px 5px 2px 5px;
}
html body .ic-grid-event-content-tobookmark::-webkit-scrollbar {
  display: block;
  -webkit-appearance: none;
  width: 7px;
}
html body .ic-grid-event-content-tobookmark::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
html body .ic-grid-container {
  background-color: #e6e6e6;
  display: inline-block;
}
html body #invitation-calendar-container-week {
  display: inline-block;
  overflow-x: scroll;
}
html body .status-calendar-year {
  width: 1000px;
  margin: 30px 0px 30px 0px;
}
html body .status-calendar-month {
  width: 400px;
  margin: 20px 0px 20px 0px;
}
html body .sc-control-panel {
  display: flex;
  justify-content: space-between;
}
html body .sc-vs-button:disabled {
  background-color: #c2c2c2;
}
html body .sc-month-table {
  border: 1px solid black !important;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  height: 300px;
}
html body .sc-month-table th {
  background-color: #0014a0;
  color: white;
  text-align: center;
  height: 50px;
  width: 14.2%;
  border: 1px solid grey !important;
}
html body .sc-month-table tbody tr {
  height: 50px;
  max-height: 50px;
}
html body .sc-month-table td {
  vertical-align: top;
  padding: 5px 0px 2px 0px !important;
  border: 1px solid black !important;
}
html body .sc-month-status-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: white;
}
html body .sc-year-table {
  border: 1px solid black;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
html body .sc-year-table th {
  background-color: #0014a0;
  color: white;
  text-align: center;
  height: 30px;
  border: 1px solid grey;
  padding: 2px !important;
}
html body .sc-year-table th:nth-child(1) {
  width: 100px;
}
html body .sc-year-table tbody tr {
  height: 30px;
}
html body .sc-year-table td {
  border: 1px solid grey;
  vertical-align: top;
  padding: 2px !important;
  height: 100%;
}
html body .sc-year-table td:nth-child(1) {
  background-color: #0014a0;
  color: white;
  text-align: center;
  font-weight: bold;
}
html body .sc-year-status-title {
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
  color: white;
  padding: 2px 0px;
}
html body .dark-title {
  color: black !important;
}
html body td.sc-year-no-day {
  background-color: #dadada;
  border: none;
}
html body .sc-view-header {
  font-size: 24px;
  font-family: 'Brown-Pro-Regular';
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
}
html body .sc-view-header span {
  font-size: 36px;
  white-space: nowrap;
}
html body .inactive-day {
  background-color: #c2c2c2;
}
html body .normal-day {
  background-color: #F9F9F9;
  cursor: pointer;
}
html body .small-day {
  cursor: pointer;
}
html body .date-display-today {
  margin-left: auto;
  margin-right: auto;
  background-color: #0014a0;
  color: white;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
html body .date-display-black {
  color: black;
  text-align: center;
  font-size: 14px;
}
html body .date-display-white {
  color: white;
  text-align: center;
  font-size: 14px;
}
html body td.status-blue {
  background-color: #00b4e6;
}
html body td.status-light-blue {
  background-color: #66d2f0;
}
html body td.status-cyan {
  background-color: #00b4e6;
}
html body td.status-green {
  background-color: #00965a;
}
html body td.status-light-green {
  background-color: #66c09d;
}
html body td.status-red {
  background-color: #eb0041;
}
html body td.status-light-red {
  background-color: #f3668d;
}
html body td.status-yellow {
  background-color: #ffd200;
}
html body td.status-light-yellow {
  background-color: #ffe466;
}
html body td.status-orange {
  background-color: #ff821e;
}
html body td.status-light-orange {
  background-color: #ff9643;
}
html body td.status-dark-grey {
  background-color: #868686;
}
html body td.status-grey {
  background-color: #dadada;
}
html body td.status-black {
  background-color: #1d1d1b;
}
html body td.status-white {
  background-color: #ffffff;
}
html body .myfh-collapsible-closed {
  max-height: 0px !important;
}
html body .myfh-collapsible > .myfh-collapsible-label:before {
  content: "\e922" !important;
  width: 30px !important;
  height: 100% !important;
}
html body .myfh-collapsible-wrapper {
  overflow: hidden;
}
html body .myfh-collapsible-wrapper {
  transition: max-height 0.25s ease-out;
}
html body .myfh-collapsible {
  color: #636;
  font-size: 1em !important;
  padding-left: 30px !important;
  cursor: pointer;
  margin-top: 1em !important;
}
html body .myfh-collapsible::before {
  font-family: icomoon;
  content: "\e923";
  width: 30px;
  height: 100%;
  position: relative;
  left: -25px;
}
html body [id$="wrapper"] > [id$="wrapper-inner"] {
  overflow: hidden;
}
html body table.xdebug-error {
  margin-top: 200px;
}
html body .myfh-loading-animation {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
html body .myfh-spinnerDiv {
  position: sticky;
  top: 50%;
  left: 0;
  width: 100%;
}
html body .myfh-spinner {
  font-size: 0;
  /* removes the automatically added whitespaces, because they are measured by font-size */
  text-align: center;
}
html body .myfh-spinner > div {
  margin: 0px 4px;
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}
html body .myfh-spinner .myfh-bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
  background-color: #66d2f0;
}
html body .myfh-spinner .myfh-bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
  background-color: #66c09d;
}
html body .myfh-spinner .myfh-bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #ffe466;
}
html body .myfh-spinner .myfh-bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #ff9643;
}
html body .myfh-spinner .myfh-bounce5 {
  background-color: #f3668d;
}
html body table.verticalData th,
html body table.verticalPlain th,
html body table.verticalData td,
html body table.verticalPlain td {
  border: none !important;
}
html body div.item > strong {
  font-family: "Brown-Pro-Regular", sans-serif;
  font-weight: normal;
  font-size: 1.111em;
}
@media (max-width: 1500px) {
  html body .myfh-navbar .nav-container {
    width: 45% !important;
  }
  html body main section#content #myfh-box-container .myfh-box.width-14 {
    width: calc(50% - 10px);
  }
  html body main section#content #myfh-box-container .myfh-box.width-12 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-13 {
    width: calc(50% - 10px);
  }
  html body main section#content #myfh-box-container .myfh-box.width-23 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-34 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-1 {
    width: 100%;
  }
  html body #my_messages #operation_container #deleteMessage {
    display: none;
  }
  html body #my_messages #operation_container #emailForward {
    display: none;
  }
  html body #my_messages #operation_container #unreadMessage {
    display: none;
  }
  html body #my_messages #operation_container #operation_mobile {
    width: 100%;
    display: block !important;
  }
  html body #my_messages .message_container {
    display: none;
    margin-left: -5px;
  }
  html body #my_messages .messagelist_container .message.active {
    background-color: initial !important;
  }
  html body #my_messages .messagelist_container .message:hover {
    background-color: #f0fcff !important;
  }
  html body #my_messages #contextmenu {
    left: 15px !important;
    width: 100%;
  }
  html body #my_messages #contextmenu .dropdown-menu {
    right: 30px !important;
  }
}
@media (max-width: 768px) {
  html body header #searchbar form input {
    font-size: 1.455em;
    line-height: 4.28em;
    padding: 0 15px;
  }
  html body header #searchbar form input ~ label {
    left: 15px;
    font-size: 1.455em;
    line-height: 4.28em;
  }
  html body header #searchbar form input:focus ~ label,
  html body header #searchbar form input:valid ~ label {
    top: -0.45em;
  }
  html body header #searchbar form button {
    width: 55px;
    font-size: 0;
  }
  html body header .bottom {
    height: 96px;
  }
  html body section#head .head,
  html body section#head-second .head {
    font-size: 1em;
    padding-right: 0;
    padding-left: 15px;
  }
  html body section#head .head .breadcrumb,
  html body section#head-second .head .breadcrumb {
    display: none;
  }
  html body .myfh-navbar .nav-container {
    width: 100% !important;
  }
  html body main section#content #myfh-box-container .myfh-box.width-14 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-12 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-13 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-23 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-34 {
    width: 100%;
  }
  html body main section#content #myfh-box-container .myfh-box.width-1 {
    width: 100%;
  }
  html body .wrap section#content {
    font-size: 1.2em;
  }
}
.form-control {
  border-radius: 0;
}
.btn {
  border-radius: 0;
}
.btn-primary {
  background-color: #0014a0;
  color: #fff;
}
.modal-content {
  border-radius: 0;
}
.modal-content .modal-header {
  border-bottom: 0px;
}
.modal-content .modal-footer {
  border-top: 0px;
}
.modal-xl {
  width: auto !important;
}
@media (min-width: 768px) {
  .row.equalheight {
    display: flex;
    flex-wrap: wrap;
  }
  .row.equalheight .center-content-vertically {
    display: flex;
    align-items: center;
  }
}
.ui-tabs-nav li a {
  text-decoration: none !important;
}
.ui-widget {
  font-size: 1em !important;
}
.select2 {
  margin-top: 5px;
  font-family: 'Brown-Pro-Regular', sans-serif;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 0px;
  border: 1px solid #868686;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #868686;
  border-radius: 0px;
}