/* ------------------------------------------------------------------------- *\
 * File: redesign_fonts.css
\* ------------------------------------------------------------------------- */

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/800/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/700/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/600/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/400/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/300/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/normal.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/normal.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/normal.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/normal.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/normal.ttf) format('truetype'),
    url() format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_pro';
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/italic.eot);
    src: url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/italic.eot?#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/italic.woff2) format('woff2'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/italic.woff) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/sourcesanspro/200/italic.ttf) format('truetype'),
    url() format('svg');
    font-weight: 200;
    font-style: italic;
}


@font-face {
    font-family: 'EstateIcons';
    font-weight: normal;
    font-style: normal;
    src:  url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/icons/EstateIcons.eot?v=2.17.2.29);
    src:  url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/icons/EstateIcons.eot?v=2.17.2.29#iefix) format('embedded-opentype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/icons/EstateIcons.ttf?v=2.17.2.29) format('truetype'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/icons/EstateIcons.woff?v=2.17.2.29) format('woff'),
    url(https://raumreservierung-bildungscampus-q.schwarz/images/../fonts/redesign/icons/EstateIcons.svg?v=2.17.2.29#EstateIcons) format('svg');
}



/* ------------------------------------------------------------------------- *\
 * File: fonts_custom.css
\* ------------------------------------------------------------------------- */

/* not empty */


/* ------------------------------------------------------------------------- *\
 * File: fl_icon_styling.css
\* ------------------------------------------------------------------------- */

i {
    font-style: normal;
    padding:0;
    margin:0;
}

.button {
    background:transparent;
    border:0;
    color:#000;
    text-transform:none;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}

.button:focus,
.Button:focus,
.Button.Invert:focus,
.Button.Invert:focus span,
#booking_overview_buttons_row span.Left .Button.Invert:focus,
#booking_overview_buttons_row span.Left .Button.Invert:focus span {
    color: #fff;
    background-color: #333340;
}

.button-inverse {
    background:transparent;
    border:1px solid;
    border-color:#000;
    color:#000;
    text-transform: none;
}

.button.empty {
    display:inline-block;
    visibility: hidden;
    height:0;
    width:0;
}

.button-form-normal {
    height:2rem;
    width:2rem;
}

.button-form-normal > .icon {
    height:2rem;
    width:2rem;
    line-height: 2rem;
}

.button-form-narrow {
    height:2rem;
    width:14px;
}

.button-form-narrow > .icon {
    height:2rem;
    width:14px;
    line-height: 2rem;
}

.button-form-square {
    height:2rem;
    width:2rem;
}

.button-form-square > .icon {
    height:2rem;
    width:2rem;
    line-height:2rem;
}

.edit_popup  .button-form-square > .icon,
.button-form-square.up > .icon, .button-form-square.down > .icon {
    line-height: normal;
}

.button-option-normal {
    height:2rem;
    width:2rem;
    line-height: 2rem;
}

.link {
    vertical-align: middle;
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1.3 '';
    font-family:EstateIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#000;
    text-align: center;
    vertical-align: middle;
}

.icon img {
    display:none;
}

.icon-inverse {
    color:#000;
}

.link-symbol {
    background:#333340;
    color: #fff;
    height: 18px;
    width: 18px;
    display: inline-block;
    text-align: center;
    position: relative;
    line-height: 18px; /* ToDo: Check in other Themes */
}

.link-symbol > .icon:before {
    height: 18px;
    width: 18px;
    position: absolute;
    top:0;
    left:0;
    line-height: 18px;
    vertical-align: middle;
}

.HTMLTABLE_Table .link-symbol i.icon {
    height: 100%;
    width: 100%;
}

.OSUMTABLE .link-symbol i.icon {
    color:#fff;
}

.objInfo {
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.objInfo a {
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    left: 0;
    top: 0;
}
.objInfo i.icon {
    line-height: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.link-checkin {
    background:#ADD200;
    vertical-align: text-top;
}

.link-no-checkin {
    background:#D63541;
    vertical-align: text-top;
    /*color:#fff;*/
    color:#fff;
    line-height: 19px;
}

.icon-top {
    vertical-align: top;
}

.close-link {
    background-color:#D63541;
}

.cycle {
    border-radius: 50%;
}

.square {
    border-radius: 0;
}

.estateselectbox {
    padding:0 5px;
}

.FaceliftSelectbox.estateselectbox .icon-selectbox {
    height: 100%;
    line-height: 20px;
    float: right;
    text-align: right;
    width: 13px;
    position: relative;

    color: #000;
}

.link-table {
    vertical-align: middle;
    position: relative;
    height: 18px;
    width: 18px;
    display: block;
    margin-left: 10px;
}

.icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.icon-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

a.button.button-option-normal .icon:only-child {
    font-size: 23px;
    margin-top: -5px;
}

.icon-stack-1x {
    font-size: 1.4em;
    line-height: inherit;
    vertical-align: top;
}

.icon-stack-2x {
    font-size: 1em;
    vertical-align: top;
}

.icon-stack-3x {
    font-size: .5em;
    vertical-align: top;
}

.icon-stack-low {
    vertical-align: inherit;
    position: relative;
    margin-left: -11px;
    top: 3px;
    background: transparent;
    padding: 2px 0 2px 2px;
}

.icon-stack-v {
    /*padding-left: 4px;
    height: 100%;
    vertical-align: middle;*/
}

.icon-stack-h {
    float: left;
    clear: both;
    padding-top: 4px;
    position: relative;
    line-height: 47%;
    text-align: center;
    width: 100%;
}

.button-option-normal .icon-stack-v:nth-of-type(1) {
    padding-left: 0px;
    margin-left: -10px;
}
.button-option-normal .icon-stack-v:nth-of-type(2) {
    margin-top: -28px;
    margin-left: 9px;
}

.button-option-normal .icon-ellipsis-v.icon-stack-v {
    /*padding-top: 3px;*/
}

.accordionhead span.tabIcon,
[class^="estateicons-"], [class*=" estateicons-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'EstateIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 28px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.HTMLTABLE_Table .icon::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.HTMLTABLE_Table .stdLinkImage {
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.HTMLTABLE_Table .stdLinkImage .icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 24px;
}

.icon-file-pdf-o:before,
.icon-file-excel-o:before {
    font-size: 28px;
}
.icon.double:before {
    letter-spacing: -7px;
    left: -3.5px;
}



/* ------------------------------------------------------------------------- *\
 * File: redesign_new_icons.css
\* ------------------------------------------------------------------------- */


@mixin estate-icon() {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'EstateIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
    content: "\e900";
}
.icon-arrow-right.double:before {
    content: "\e900\e900";
}
.icon-booking-history-medium:before {
    content: "\e901";
}
.icon-booking-history-medium.double:before {
    content: "\e901\e901";
}
.icon-booking-history-thick:before {
    content: "\e902";
}
.icon-booking-history-thick.double:before {
    content: "\e902\e902";
}
.icon-booking-history-thin:before {
    content: "\e903";
}
.icon-booking-history-thin.double:before {
    content: "\e903\e903";
}
.icon-booking-history:before {
    content: "\e904";
}
.icon-booking-history.double:before {
    content: "\e904\e904";
}
.icon-calendar-o:before {
    content: "\e905";
}
.icon-calendar-o.double:before {
    content: "\e905\e905";
}
.icon-calendar:before {
    content: "\e906";
}
.icon-calendar.double:before {
    content: "\e906\e906";
}
.icon-car:before {
    content: "\e907";
}
.icon-car.double:before {
    content: "\e907\e907";
}
.icon-catering:before {
    content: "\e908";
}
.icon-catering.double:before {
    content: "\e908\e908";
}
.icon-check:before {
    content: "\e909";
}
.icon-check.double:before {
    content: "\e909\e909";
}
.icon-chevron-down:before {
    content: "\e90a";
}
.icon-chevron-down.double:before {
    content: "\e90a\e90a";
}
.icon-chevron-left:before {
    content: "\e90b";
}
.icon-chevron-left.double:before {
    content: "\e90b\e90b";
}
.icon-chevron-right:before {
    content: "\e90c";
}
.icon-chevron-right.double:before {
    content: "\e90c\e90c";
}
.icon-chevron-up:before {
    content: "\e90d";
}
.icon-chevron-up.double:before {
    content: "\e90d\e90d";
}
.icon-clock-o:before {
    content: "\e90e";
}
.icon-clock-o.double:before {
    content: "\e90e\e90e";
}
.icon-close-remove:before {
    content: "\e90f";
}
.icon-close-remove.double:before {
    content: "\e90f\e90f";
}
.icon-codeinput:before {
    content: "\e910";
}
.icon-codeinput.double:before {
    content: "\e910\e910";
}
.icon-cog-thick:before {
    content: "\e911";
}
.icon-cog-thick.double:before {
    content: "\e911\e911";
}
.icon-cog:before {
    content: "\e912";
}
.icon-cog.double:before {
    content: "\e912\e912";
}
.icon-copy:before {
    content: "\e913";
}
.icon-copy.double:before {
    content: "\e913\e913";
}
.icon-currency-01:before {
    content: "\e914";
}
.icon-currency-01.double:before {
    content: "\e914\e914";
}
.icon-currency-02:before {
    content: "\e915";
}
.icon-currency-02.double:before {
    content: "\e915\e915";
}
.icon-currency-03:before {
    content: "\e916";
}
.icon-currency-03.double:before {
    content: "\e916\e916";
}
.icon-currency-04:before {
    content: "\e917";
}
.icon-currency-04.double:before {
    content: "\e917\e917";
}
.icon-currency:before {
    content: "\e918";
}
.icon-currency.double:before {
    content: "\e918\e918";
}
.icon-display-add-booking:before {
    content: "\e919";
}
.icon-display-add-booking.double:before {
    content: "\e919\e919";
}
.icon-display-back:before {
    content: "\e91a";
}
.icon-display-back.double:before {
    content: "\e91a\e91a";
}
.icon-display-cancel:before {
    content: "\e91b";
}
.icon-display-cancel.double:before {
    content: "\e91b\e91b";
}
.icon-display-confirm:before {
    content: "\e91c";
}
.icon-display-confirm.double:before {
    content: "\e91c\e91c";
}
.icon-display-overview:before {
    content: "\e91d";
}
.icon-display-overview.double:before {
    content: "\e91d\e91d";
}
.icon-display:before {
    content: "\e91e";
}
.icon-display.double:before {
    content: "\e91e\e91e";
}
.icon-double-chevron-down:before {
    content: "\e91f";
}
.icon-double-chevron-down.double:before {
    content: "\e91f\e91f";
}
.icon-double-chevron-left:before {
    content: "\e920";
}
.icon-double-chevron-left.double:before {
    content: "\e920\e920";
}
.icon-double-chevron-right:before {
    content: "\e921";
}
.icon-double-chevron-right.double:before {
    content: "\e921\e921";
}
.icon-double-chevron-up:before {
    content: "\e922";
}
.icon-double-chevron-up.double:before {
    content: "\e922\e922";
}
.icon-edit-bold-2:before {
    content: "\e923";
}
.icon-edit-bold-2.double:before {
    content: "\e923\e923";
}
.icon-edit-bold:before {
    content: "\e924";
}
.icon-edit-bold.double:before {
    content: "\e924\e924";
}
.icon-edit-light-2:before {
    content: "\e925";
}
.icon-edit-light-2.double:before {
    content: "\e925\e925";
}
.icon-edit-light:before {
    content: "\e926";
}
.icon-edit-light.double:before {
    content: "\e926\e926";
}
.icon-edit:before {
    content: "\e927";
}
.icon-edit.double:before {
    content: "\e927\e927";
}
.icon-ellipsis-h:before {
    content: "\e928";
}
.icon-ellipsis-h.double:before {
    content: "\e928\e928";
}
.icon-ellipsis-v-round:before {
    content: "\e929";
}
.icon-ellipsis-v-round.double:before {
    content: "\e929\e929";
}
.icon-ellipsis-v:before {
    content: "\e92a";
}
.icon-ellipsis-v.double:before {
    content: "\e92a\e92a";
}
.icon-envelope:before {
    content: "\e92b";
}
.icon-envelope.double:before {
    content: "\e92b\e92b";
}
.icon-eye-slash:before {
    content: "\e92c";
}
.icon-eye-slash.double:before {
    content: "\e92c\e92c";
}
.icon-file-excel-o:before {
    content: "\e92d";
}
.icon-file-excel-o.double:before {
    content: "\e92d\e92d";
}
.icon-file-pdf-o:before {
    content: "\e92e";
}
.icon-file-pdf-o.double:before {
    content: "\e92e\e92e";
}
.icon-file-text-o:before {
    content: "\e92f";
}
.icon-file-text-o.double:before {
    content: "\e92f\e92f";
}
.icon-file:before {
    content: "\e930";
}
.icon-file.double:before {
    content: "\e930\e930";
}
.icon-filter_settings:before {
    content: "\e931";
}
.icon-filter_settings.double:before {
    content: "\e931\e931";
}
.icon-filter-thick:before {
    content: "\e932";
}
.icon-filter-thick.double:before {
    content: "\e932\e932";
}
.icon-filter-thin:before {
    content: "\e933";
}
.icon-filter-thin.double:before {
    content: "\e933\e933";
}
.icon-fold_in:before {
    content: "\e934";
}
.icon-fold_in.double:before {
    content: "\e934\e934";
}
.icon-fold_out:before {
    content: "\e935";
}
.icon-fold_out.double:before {
    content: "\e935\e935";
}
.icon-help-circle:before {
    content: "\e936";
}
.icon-help-circle.double:before {
    content: "\e936\e936";
}
.icon-help:before {
    content: "\e937";
}
.icon-help.double:before {
    content: "\e937\e937";
}
.icon-home:before {
    content: "\e938";
}
.icon-home.double:before {
    content: "\e938\e938";
}
.icon-home2:before {
    content: "\e939";
}
.icon-home2.double:before {
    content: "\e939\e939";
}
.icon-hourglass:before {
    content: "\e93a";
}
.icon-hourglass.double:before {
    content: "\e93a\e93a";
}
.icon-ic-card:before {
    content: "\e93b";
}
.icon-ic-card.double:before {
    content: "\e93b\e93b";
}
.icon-id-card-single:before {
    content: "\e93c";
}
.icon-id-card-single.double:before {
    content: "\e93c\e93c";
}
.icon-id-card:before {
    content: "\e93d";
}
.icon-id-card.double:before {
    content: "\e93d\e93d";
}
.icon-info-circle:before {
    content: "\e93e";
}
.icon-info-circle.double:before {
    content: "\e93e\e93e";
}
.icon-info:before {
    content: "\e93f";
}
.icon-info.double:before {
    content: "\e93f\e93f";
}
.icon-information:before {
    content: "\e940";
}
.icon-information.double:before {
    content: "\e940\e940";
}
.icon-invoice-large:before {
    content: "\e941";
}
.icon-invoice-large.double:before {
    content: "\e941\e941";
}
.icon-list:before {
    content: "\e942";
}
.icon-list.double:before {
    content: "\e942\e942";
}
.icon-lock:before {
    content: "\e943";
}
.icon-lock.double:before {
    content: "\e943\e943";
}
.icon-locked:before {
    content: "\e944";
}
.icon-locked.double:before {
    content: "\e944\e944";
}
.icon-map-marker:before {
    content: "\e945";
}
.icon-map-marker.double:before {
    content: "\e945\e945";
}
.icon-minus:before {
    content: "\e946";
}
.icon-minus.double:before {
    content: "\e946\e946";
}
.icon-navicon:before {
    content: "\e947";
}
.icon-navicon.double:before {
    content: "\e947\e947";
}
.icon-object-group:before {
    content: "\e948";
}
.icon-object-group.double:before {
    content: "\e948\e948";
}
.icon-outdent:before {
    content: "\e949";
}
.icon-outdent.double:before {
    content: "\e949\e949";
}
.icon-own-bookings:before {
    content: "\e94a";
}
.icon-own-bookings.double:before {
    content: "\e94a\e94a";
}
.icon-participants:before {
    content: "\e94b";
}
.icon-participants.double:before {
    content: "\e94b\e94b";
}
.icon-pencil:before {
    content: "\e94c";
}
.icon-pencil.double:before {
    content: "\e94c\e94c";
}
.icon-plus-circle:before {
    content: "\e94d";
}
.icon-plus-circle.double:before {
    content: "\e94d\e94d";
}
.icon-plus:before {
    content: "\e94e";
}
.icon-plus.double:before {
    content: "\e94e\e94e";
}
.icon-preview:before {
    content: "\e94f";
}
.icon-preview.double:before {
    content: "\e94f\e94f";
}
.icon-print-thick:before {
    content: "\e950";
}
.icon-print-thick.double:before {
    content: "\e950\e950";
}
.icon-print:before {
    content: "\e951";
}
.icon-print.double:before {
    content: "\e951\e951";
}
.icon-quickview:before {
    content: "\e952";
}
.icon-quickview.double:before {
    content: "\e952\e952";
}
.icon-reload:before {
    content: "\e953";
}
.icon-reload.double:before {
    content: "\e953\e953";
}
.icon-reset:before {
    content: "\e954";
}
.icon-reset.double:before {
    content: "\e954\e954";
}
.icon-room:before {
    content: "\e955";
}
.icon-room.double:before {
    content: "\e955\e955";
}
.icon-search-thin:before {
    content: "\e956";
}
.icon-search-thin.double:before {
    content: "\e956\e956";
}
.icon-search:before {
    content: "\e957";
}
.icon-search.double:before {
    content: "\e957\e957";
}
.icon-seating:before {
    content: "\e958";
}
.icon-seating.double:before {
    content: "\e958\e958";
}
.icon-service:before {
    content: "\e959";
}
.icon-service.double:before {
    content: "\e959\e959";
}
.icon-service2:before {
    content: "\e95a";
}
.icon-service2.double:before {
    content: "\e95a\e95a";
}
.icon-switch:before {
    content: "\e95b";
}
.icon-switch.double:before {
    content: "\e95b\e95b";
}
.icon-table-filter:before {
    content: "\e95c";
}
.icon-table-filter.double:before {
    content: "\e95c\e95c";
}
.icon-technology:before {
    content: "\e95d";
}
.icon-technology.double:before {
    content: "\e95d\e95d";
}
.icon-th:before {
    content: "\e95e";
}
.icon-th.double:before {
    content: "\e95e\e95e";
}
.icon-translate:before {
    content: "\e95f";
}
.icon-translate.double:before {
    content: "\e95f\e95f";
}
.icon-trash-o:before {
    content: "\e960";
}
.icon-trash-o.double:before {
    content: "\e960\e960";
}
.icon-unlocked:before {
    content: "\e961";
}
.icon-unlocked.double:before {
    content: "\e961\e961";
}
.icon-upload-thick:before {
    content: "\e962";
}
.icon-upload-thick.double:before {
    content: "\e962\e962";
}
.icon-upload:before {
    content: "\e963";
}
.icon-upload.double:before {
    content: "\e963\e963";
}
.icon-user:before {
    content: "\e964";
}
.icon-user.double:before {
    content: "\e964\e964";
}
.icon-warning:before {
    content: "\e965";
}
.icon-warning.double:before {
    content: "\e965\e965";
}
.icon-warning2-triangle:before {
    content: "\e966";
}
.icon-warning2-triangle.double:before {
    content: "\e966\e966";
}
.icon-warning2:before {
    content: "\e967";
}
.icon-warning2.double:before {
    content: "\e967\e967";
}
.icon-wide-chevron-down:before {
    content: "\e968";
}
.icon-wide-chevron-down.double:before {
    content: "\e968\e968";
}
.icon-wide-chevron-left:before {
    content: "\e969";
}
.icon-wide-chevron-left.double:before {
    content: "\e969\e969";
}
.icon-wide-chevron-right:before {
    content: "\e96a";
}
.icon-wide-chevron-right.double:before {
    content: "\e96a\e96a";
}
.icon-wide-chevron-up:before {
    content: "\e96b";
}
.icon-wide-chevron-up.double:before {
    content: "\e96b\e96b";
}
.icon-zoom-in-thick:before {
    content: "\e96c";
}
.icon-zoom-in-thick.double:before {
    content: "\e96c\e96c";
}
.icon-zoom-in:before {
    content: "\e96d";
}
.icon-zoom-in.double:before {
    content: "\e96d\e96d";
}
.icon-zoom-out-thick:before {
    content: "\e96e";
}
.icon-zoom-out-thick.double:before {
    content: "\e96e\e96e";
}
.icon-zoom-out:before {
    content: "\e96f";
}
.icon-zoom-out.double:before {
    content: "\e96f\e96f";
}



/* ------------------------------------------------------------------------- *\
 * File: icons_custom.css
\* ------------------------------------------------------------------------- */

/* not empty */


/* ------------------------------------------------------------------------- *\
 * File: jquery.autocomplete.css
\* ------------------------------------------------------------------------- */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url() right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}



/* ------------------------------------------------------------------------- *\
 * File: fancybox.css
\* ------------------------------------------------------------------------- */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -182px;
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png);
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancy_title_over.png);
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(https://raumreservierung-bildungscampus-q.schwarz/images/fancybox/fancybox.png) -55px -90px no-repeat;
}


/* ------------------------------------------------------------------------- *\
 * File: lib/bootstrap/bootstrap-grid.css
\* ------------------------------------------------------------------------- */

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * Download Original File/Package: https://getbootstrap.com/docs/4.1/getting-started/download/
 * Documentation: https://getbootstrap.com/docs/4.1/getting-started/introduction/
 *
 * Edited with "grid-" prefix to avoid conflicts in SHARE.
 * Use RegEx Replace in e.g. PhpStorm for this:
 * find: \.([a-z])          replace: .grid-$1
 *
 * Can be used like normal bootstrap-grid, but always needs the "grid-" prefix!
*/

/*
@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}
*/

.grid-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .grid-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .grid-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .grid-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .grid-container {
        max-width: 1140px;
    }
}

.grid-container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.grid-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.grid-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.grid-no-gutters > .grid-col,
.grid-no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.grid-col-1, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .grid-col-6, .grid-col-7, .grid-col-8, .grid-col-9, .grid-col-10, .grid-col-11, .grid-col-12, .grid-col,
.grid-col-auto, .grid-col-sm-1, .grid-col-sm-2, .grid-col-sm-3, .grid-col-sm-4, .grid-col-sm-5, .grid-col-sm-6, .grid-col-sm-7, .grid-col-sm-8, .grid-col-sm-9, .grid-col-sm-10, .grid-col-sm-11, .grid-col-sm-12, .grid-col-sm,
.grid-col-sm-auto, .grid-col-md-1, .grid-col-md-2, .grid-col-md-3, .grid-col-md-4, .grid-col-md-5, .grid-col-md-6, .grid-col-md-7, .grid-col-md-8, .grid-col-md-9, .grid-col-md-10, .grid-col-md-11, .grid-col-md-12, .grid-col-md,
.grid-col-md-auto, .grid-col-lg-1, .grid-col-lg-2, .grid-col-lg-3, .grid-col-lg-4, .grid-col-lg-5, .grid-col-lg-6, .grid-col-lg-7, .grid-col-lg-8, .grid-col-lg-9, .grid-col-lg-10, .grid-col-lg-11, .grid-col-lg-12, .grid-col-lg,
.grid-col-lg-auto, .grid-col-xl-1, .grid-col-xl-2, .grid-col-xl-3, .grid-col-xl-4, .grid-col-xl-5, .grid-col-xl-6, .grid-col-xl-7, .grid-col-xl-8, .grid-col-xl-9, .grid-col-xl-10, .grid-col-xl-11, .grid-col-xl-12, .grid-col-xl,
.grid-col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.grid-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.grid-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.grid-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.grid-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.grid-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.grid-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.grid-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.grid-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.grid-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.grid-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.grid-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.grid-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.grid-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.grid-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.grid-order-first {
    -ms-flex-order: -1;
    order: -1;
}

.grid-order-last {
    -ms-flex-order: 13;
    order: 13;
}

.grid-order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.grid-order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.grid-order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.grid-order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.grid-order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.grid-order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.grid-order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.grid-order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.grid-order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.grid-order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.grid-order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.grid-order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.grid-order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.grid-offset-1 {
    margin-left: 8.333333%;
}

.grid-offset-2 {
    margin-left: 16.666667%;
}

.grid-offset-3 {
    margin-left: 25%;
}

.grid-offset-4 {
    margin-left: 33.333333%;
}

.grid-offset-5 {
    margin-left: 41.666667%;
}

.grid-offset-6 {
    margin-left: 50%;
}

.grid-offset-7 {
    margin-left: 58.333333%;
}

.grid-offset-8 {
    margin-left: 66.666667%;
}

.grid-offset-9 {
    margin-left: 75%;
}

.grid-offset-10 {
    margin-left: 83.333333%;
}

.grid-offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .grid-col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .grid-col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .grid-col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .grid-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .grid-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .grid-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .grid-col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .grid-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .grid-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .grid-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .grid-col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .grid-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .grid-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grid-order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .grid-order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .grid-order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .grid-order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .grid-order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .grid-order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .grid-order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .grid-order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .grid-order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .grid-order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .grid-order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .grid-order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .grid-order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .grid-order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .grid-order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .grid-offset-sm-0 {
        margin-left: 0;
    }
    .grid-offset-sm-1 {
        margin-left: 8.333333%;
    }
    .grid-offset-sm-2 {
        margin-left: 16.666667%;
    }
    .grid-offset-sm-3 {
        margin-left: 25%;
    }
    .grid-offset-sm-4 {
        margin-left: 33.333333%;
    }
    .grid-offset-sm-5 {
        margin-left: 41.666667%;
    }
    .grid-offset-sm-6 {
        margin-left: 50%;
    }
    .grid-offset-sm-7 {
        margin-left: 58.333333%;
    }
    .grid-offset-sm-8 {
        margin-left: 66.666667%;
    }
    .grid-offset-sm-9 {
        margin-left: 75%;
    }
    .grid-offset-sm-10 {
        margin-left: 83.333333%;
    }
    .grid-offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .grid-col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .grid-col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .grid-col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .grid-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .grid-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .grid-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .grid-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .grid-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .grid-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .grid-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .grid-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .grid-col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .grid-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grid-order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .grid-order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .grid-order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .grid-order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .grid-order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .grid-order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .grid-order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .grid-order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .grid-order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .grid-order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .grid-order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .grid-order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .grid-order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .grid-order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .grid-order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .grid-offset-md-0 {
        margin-left: 0;
    }
    .grid-offset-md-1 {
        margin-left: 8.333333%;
    }
    .grid-offset-md-2 {
        margin-left: 16.666667%;
    }
    .grid-offset-md-3 {
        margin-left: 25%;
    }
    .grid-offset-md-4 {
        margin-left: 33.333333%;
    }
    .grid-offset-md-5 {
        margin-left: 41.666667%;
    }
    .grid-offset-md-6 {
        margin-left: 50%;
    }
    .grid-offset-md-7 {
        margin-left: 58.333333%;
    }
    .grid-offset-md-8 {
        margin-left: 66.666667%;
    }
    .grid-offset-md-9 {
        margin-left: 75%;
    }
    .grid-offset-md-10 {
        margin-left: 83.333333%;
    }
    .grid-offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .grid-col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .grid-col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .grid-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .grid-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .grid-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .grid-col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .grid-col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .grid-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .grid-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .grid-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .grid-col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .grid-col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .grid-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grid-order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .grid-order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .grid-order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .grid-order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .grid-order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .grid-order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .grid-order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .grid-order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .grid-order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .grid-order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .grid-order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .grid-order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .grid-order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .grid-order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .grid-order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .grid-offset-lg-0 {
        margin-left: 0;
    }
    .grid-offset-lg-1 {
        margin-left: 8.333333%;
    }
    .grid-offset-lg-2 {
        margin-left: 16.666667%;
    }
    .grid-offset-lg-3 {
        margin-left: 25%;
    }
    .grid-offset-lg-4 {
        margin-left: 33.333333%;
    }
    .grid-offset-lg-5 {
        margin-left: 41.666667%;
    }
    .grid-offset-lg-6 {
        margin-left: 50%;
    }
    .grid-offset-lg-7 {
        margin-left: 58.333333%;
    }
    .grid-offset-lg-8 {
        margin-left: 66.666667%;
    }
    .grid-offset-lg-9 {
        margin-left: 75%;
    }
    .grid-offset-lg-10 {
        margin-left: 83.333333%;
    }
    .grid-offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .grid-col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .grid-col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .grid-col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .grid-col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .grid-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .grid-col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .grid-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .grid-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .grid-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .grid-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .grid-col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .grid-col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .grid-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grid-order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .grid-order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .grid-order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .grid-order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .grid-order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .grid-order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .grid-order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .grid-order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .grid-order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .grid-order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .grid-order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .grid-order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .grid-order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .grid-order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .grid-order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .grid-offset-xl-0 {
        margin-left: 0;
    }
    .grid-offset-xl-1 {
        margin-left: 8.333333%;
    }
    .grid-offset-xl-2 {
        margin-left: 16.666667%;
    }
    .grid-offset-xl-3 {
        margin-left: 25%;
    }
    .grid-offset-xl-4 {
        margin-left: 33.333333%;
    }
    .grid-offset-xl-5 {
        margin-left: 41.666667%;
    }
    .grid-offset-xl-6 {
        margin-left: 50%;
    }
    .grid-offset-xl-7 {
        margin-left: 58.333333%;
    }
    .grid-offset-xl-8 {
        margin-left: 66.666667%;
    }
    .grid-offset-xl-9 {
        margin-left: 75%;
    }
    .grid-offset-xl-10 {
        margin-left: 83.333333%;
    }
    .grid-offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.grid-d-none {
    display: none !important;
}

.grid-d-inline {
    display: inline !important;
}

.grid-d-inline-block {
    display: inline-block !important;
}

.grid-d-block {
    display: block !important;
}

.grid-d-table {
    display: table !important;
}

.grid-d-table-row {
    display: table-row !important;
}

.grid-d-table-cell {
    display: table-cell !important;
}

.grid-d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.grid-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .grid-d-sm-none {
        display: none !important;
    }
    .grid-d-sm-inline {
        display: inline !important;
    }
    .grid-d-sm-inline-block {
        display: inline-block !important;
    }
    .grid-d-sm-block {
        display: block !important;
    }
    .grid-d-sm-table {
        display: table !important;
    }
    .grid-d-sm-table-row {
        display: table-row !important;
    }
    .grid-d-sm-table-cell {
        display: table-cell !important;
    }
    .grid-d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .grid-d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .grid-d-md-none {
        display: none !important;
    }
    .grid-d-md-inline {
        display: inline !important;
    }
    .grid-d-md-inline-block {
        display: inline-block !important;
    }
    .grid-d-md-block {
        display: block !important;
    }
    .grid-d-md-table {
        display: table !important;
    }
    .grid-d-md-table-row {
        display: table-row !important;
    }
    .grid-d-md-table-cell {
        display: table-cell !important;
    }
    .grid-d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .grid-d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .grid-d-lg-none {
        display: none !important;
    }
    .grid-d-lg-inline {
        display: inline !important;
    }
    .grid-d-lg-inline-block {
        display: inline-block !important;
    }
    .grid-d-lg-block {
        display: block !important;
    }
    .grid-d-lg-table {
        display: table !important;
    }
    .grid-d-lg-table-row {
        display: table-row !important;
    }
    .grid-d-lg-table-cell {
        display: table-cell !important;
    }
    .grid-d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .grid-d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .grid-d-xl-none {
        display: none !important;
    }
    .grid-d-xl-inline {
        display: inline !important;
    }
    .grid-d-xl-inline-block {
        display: inline-block !important;
    }
    .grid-d-xl-block {
        display: block !important;
    }
    .grid-d-xl-table {
        display: table !important;
    }
    .grid-d-xl-table-row {
        display: table-row !important;
    }
    .grid-d-xl-table-cell {
        display: table-cell !important;
    }
    .grid-d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .grid-d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .grid-d-print-none {
        display: none !important;
    }
    .grid-d-print-inline {
        display: inline !important;
    }
    .grid-d-print-inline-block {
        display: inline-block !important;
    }
    .grid-d-print-block {
        display: block !important;
    }
    .grid-d-print-table {
        display: table !important;
    }
    .grid-d-print-table-row {
        display: table-row !important;
    }
    .grid-d-print-table-cell {
        display: table-cell !important;
    }
    .grid-d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .grid-d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.grid-flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.grid-flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.grid-flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.grid-flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.grid-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.grid-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.grid-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.grid-flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.grid-flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.grid-flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.grid-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.grid-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.grid-justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.grid-justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.grid-justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.grid-justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.grid-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.grid-align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.grid-align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.grid-align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.grid-align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.grid-align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.grid-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.grid-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.grid-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.grid-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.grid-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.grid-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.grid-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.grid-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.grid-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.grid-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.grid-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.grid-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .grid-flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .grid-flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .grid-flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .grid-flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .grid-flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .grid-flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .grid-flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .grid-flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .grid-flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .grid-flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .grid-flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .grid-flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .grid-justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .grid-justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .grid-justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .grid-justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .grid-justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .grid-align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .grid-align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .grid-align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .grid-align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .grid-align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .grid-align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .grid-align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .grid-align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .grid-align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .grid-align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .grid-align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .grid-align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .grid-align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .grid-align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .grid-align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .grid-align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .grid-align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .grid-flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .grid-flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .grid-flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .grid-flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .grid-flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .grid-flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .grid-flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .grid-flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .grid-flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .grid-flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .grid-flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .grid-flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .grid-justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .grid-justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .grid-justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .grid-justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .grid-justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .grid-align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .grid-align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .grid-align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .grid-align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .grid-align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .grid-align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .grid-align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .grid-align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .grid-align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .grid-align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .grid-align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .grid-align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .grid-align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .grid-align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .grid-align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .grid-align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .grid-align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .grid-flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .grid-flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .grid-flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .grid-flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .grid-flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .grid-flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .grid-flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .grid-flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .grid-flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .grid-flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .grid-flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .grid-flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .grid-justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .grid-justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .grid-justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .grid-justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .grid-justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .grid-align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .grid-align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .grid-align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .grid-align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .grid-align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .grid-align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .grid-align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .grid-align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .grid-align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .grid-align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .grid-align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .grid-align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .grid-align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .grid-align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .grid-align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .grid-align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .grid-align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .grid-flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .grid-flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .grid-flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .grid-flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .grid-flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .grid-flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .grid-flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .grid-flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .grid-flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .grid-flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .grid-flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .grid-flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .grid-justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .grid-justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .grid-justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .grid-justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .grid-justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .grid-align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .grid-align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .grid-align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .grid-align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .grid-align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .grid-align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .grid-align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .grid-align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .grid-align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .grid-align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .grid-align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .grid-align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .grid-align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .grid-align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .grid-align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .grid-align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .grid-align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}


/* ================================================== */
/* ================================================== */

/* Margin & Padding Utilities */
.grid-m-0 {
    margin: 0 !important;
}

.grid-mt-0,
.grid-my-0 {
    margin-top: 0 !important;
}

.grid-mr-0,
.grid-mx-0 {
    margin-right: 0 !important;
}

.grid-mb-0,
.grid-my-0 {
    margin-bottom: 0 !important;
}

.grid-ml-0,
.grid-mx-0 {
    margin-left: 0 !important;
}

.grid-m-1 {
    margin: 0.25rem !important;
}

.grid-mt-1,
.grid-my-1 {
    margin-top: 0.25rem !important;
}

.grid-mr-1,
.grid-mx-1 {
    margin-right: 0.25rem !important;
}

.grid-mb-1,
.grid-my-1 {
    margin-bottom: 0.25rem !important;
}

.grid-ml-1,
.grid-mx-1 {
    margin-left: 0.25rem !important;
}

.grid-m-2 {
    margin: 0.5rem !important;
}

.grid-mt-2,
.grid-my-2 {
    margin-top: 0.5rem !important;
}

.grid-mr-2,
.grid-mx-2 {
    margin-right: 0.5rem !important;
}

.grid-mb-2,
.grid-my-2 {
    margin-bottom: 0.5rem !important;
}

.grid-ml-2,
.grid-mx-2 {
    margin-left: 0.5rem !important;
}

.grid-m-3 {
    margin: 1rem !important;
}

.grid-mt-3,
.grid-my-3 {
    margin-top: 1rem !important;
}

.grid-mr-3,
.grid-mx-3 {
    margin-right: 1rem !important;
}

.grid-mb-3,
.grid-my-3 {
    margin-bottom: 1rem !important;
}

.grid-ml-3,
.grid-mx-3 {
    margin-left: 1rem !important;
}

.grid-m-4 {
    margin: 1.5rem !important;
}

.grid-mt-4,
.grid-my-4 {
    margin-top: 1.5rem !important;
}

.grid-mr-4,
.grid-mx-4 {
    margin-right: 1.5rem !important;
}

.grid-mb-4,
.grid-my-4 {
    margin-bottom: 1.5rem !important;
}

.grid-ml-4,
.grid-mx-4 {
    margin-left: 1.5rem !important;
}

.grid-m-5 {
    margin: 3rem !important;
}

.grid-mt-5,
.grid-my-5 {
    margin-top: 3rem !important;
}

.grid-mr-5,
.grid-mx-5 {
    margin-right: 3rem !important;
}

.grid-mb-5,
.grid-my-5 {
    margin-bottom: 3rem !important;
}

.grid-ml-5,
.grid-mx-5 {
    margin-left: 3rem !important;
}

.grid-p-0 {
    padding: 0 !important;
}

.grid-pt-0,
.grid-py-0 {
    padding-top: 0 !important;
}

.grid-pr-0,
.grid-px-0 {
    padding-right: 0 !important;
}

.grid-pb-0,
.grid-py-0 {
    padding-bottom: 0 !important;
}

.grid-pl-0,
.grid-px-0 {
    padding-left: 0 !important;
}

.grid-p-1 {
    padding: 0.25rem !important;
}

.grid-pt-1,
.grid-py-1 {
    padding-top: 0.25rem !important;
}

.grid-pr-1,
.grid-px-1 {
    padding-right: 0.25rem !important;
}

.grid-pb-1,
.grid-py-1 {
    padding-bottom: 0.25rem !important;
}

.grid-pl-1,
.grid-px-1 {
    padding-left: 0.25rem !important;
}

.grid-p-2 {
    padding: 0.5rem !important;
}

.grid-pt-2,
.grid-py-2 {
    padding-top: 0.5rem !important;
}

.grid-pr-2,
.grid-px-2 {
    padding-right: 0.5rem !important;
}

.grid-pb-2,
.grid-py-2 {
    padding-bottom: 0.5rem !important;
}

.grid-pl-2,
.grid-px-2 {
    padding-left: 0.5rem !important;
}

.grid-p-3 {
    padding: 1rem !important;
}

.grid-pt-3,
.grid-py-3 {
    padding-top: 1rem !important;
}

.grid-pr-3,
.grid-px-3 {
    padding-right: 1rem !important;
}

.grid-pb-3,
.grid-py-3 {
    padding-bottom: 1rem !important;
}

.grid-pl-3,
.grid-px-3 {
    padding-left: 1rem !important;
}

.grid-p-4 {
    padding: 1.5rem !important;
}

.grid-pt-4,
.grid-py-4 {
    padding-top: 1.5rem !important;
}

.grid-pr-4,
.grid-px-4 {
    padding-right: 1.5rem !important;
}

.grid-pb-4,
.grid-py-4 {
    padding-bottom: 1.5rem !important;
}

.grid-pl-4,
.grid-px-4 {
    padding-left: 1.5rem !important;
}

.grid-p-5 {
    padding: 3rem !important;
}

.grid-pt-5,
.grid-py-5 {
    padding-top: 3rem !important;
}

.grid-pr-5,
.grid-px-5 {
    padding-right: 3rem !important;
}

.grid-pb-5,
.grid-py-5 {
    padding-bottom: 3rem !important;
}

.grid-pl-5,
.grid-px-5 {
    padding-left: 3rem !important;
}

.grid-m-auto {
    margin: auto !important;
}

.grid-mt-auto,
.grid-my-auto {
    margin-top: auto !important;
}

.grid-mr-auto,
.grid-mx-auto {
    margin-right: auto !important;
}

.grid-mb-auto,
.grid-my-auto {
    margin-bottom: auto !important;
}

.grid-ml-auto,
.grid-mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .grid-m-sm-0 {
        margin: 0 !important;
    }
    .grid-mt-sm-0,
    .grid-my-sm-0 {
        margin-top: 0 !important;
    }
    .grid-mr-sm-0,
    .grid-mx-sm-0 {
        margin-right: 0 !important;
    }
    .grid-mb-sm-0,
    .grid-my-sm-0 {
        margin-bottom: 0 !important;
    }
    .grid-ml-sm-0,
    .grid-mx-sm-0 {
        margin-left: 0 !important;
    }
    .grid-m-sm-1 {
        margin: 0.25rem !important;
    }
    .grid-mt-sm-1,
    .grid-my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .grid-mr-sm-1,
    .grid-mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .grid-mb-sm-1,
    .grid-my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .grid-ml-sm-1,
    .grid-mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .grid-m-sm-2 {
        margin: 0.5rem !important;
    }
    .grid-mt-sm-2,
    .grid-my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .grid-mr-sm-2,
    .grid-mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .grid-mb-sm-2,
    .grid-my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .grid-ml-sm-2,
    .grid-mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .grid-m-sm-3 {
        margin: 1rem !important;
    }
    .grid-mt-sm-3,
    .grid-my-sm-3 {
        margin-top: 1rem !important;
    }
    .grid-mr-sm-3,
    .grid-mx-sm-3 {
        margin-right: 1rem !important;
    }
    .grid-mb-sm-3,
    .grid-my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .grid-ml-sm-3,
    .grid-mx-sm-3 {
        margin-left: 1rem !important;
    }
    .grid-m-sm-4 {
        margin: 1.5rem !important;
    }
    .grid-mt-sm-4,
    .grid-my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .grid-mr-sm-4,
    .grid-mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .grid-mb-sm-4,
    .grid-my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .grid-ml-sm-4,
    .grid-mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .grid-m-sm-5 {
        margin: 3rem !important;
    }
    .grid-mt-sm-5,
    .grid-my-sm-5 {
        margin-top: 3rem !important;
    }
    .grid-mr-sm-5,
    .grid-mx-sm-5 {
        margin-right: 3rem !important;
    }
    .grid-mb-sm-5,
    .grid-my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .grid-ml-sm-5,
    .grid-mx-sm-5 {
        margin-left: 3rem !important;
    }
    .grid-p-sm-0 {
        padding: 0 !important;
    }
    .grid-pt-sm-0,
    .grid-py-sm-0 {
        padding-top: 0 !important;
    }
    .grid-pr-sm-0,
    .grid-px-sm-0 {
        padding-right: 0 !important;
    }
    .grid-pb-sm-0,
    .grid-py-sm-0 {
        padding-bottom: 0 !important;
    }
    .grid-pl-sm-0,
    .grid-px-sm-0 {
        padding-left: 0 !important;
    }
    .grid-p-sm-1 {
        padding: 0.25rem !important;
    }
    .grid-pt-sm-1,
    .grid-py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .grid-pr-sm-1,
    .grid-px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .grid-pb-sm-1,
    .grid-py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .grid-pl-sm-1,
    .grid-px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .grid-p-sm-2 {
        padding: 0.5rem !important;
    }
    .grid-pt-sm-2,
    .grid-py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .grid-pr-sm-2,
    .grid-px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .grid-pb-sm-2,
    .grid-py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .grid-pl-sm-2,
    .grid-px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .grid-p-sm-3 {
        padding: 1rem !important;
    }
    .grid-pt-sm-3,
    .grid-py-sm-3 {
        padding-top: 1rem !important;
    }
    .grid-pr-sm-3,
    .grid-px-sm-3 {
        padding-right: 1rem !important;
    }
    .grid-pb-sm-3,
    .grid-py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .grid-pl-sm-3,
    .grid-px-sm-3 {
        padding-left: 1rem !important;
    }
    .grid-p-sm-4 {
        padding: 1.5rem !important;
    }
    .grid-pt-sm-4,
    .grid-py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .grid-pr-sm-4,
    .grid-px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .grid-pb-sm-4,
    .grid-py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .grid-pl-sm-4,
    .grid-px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .grid-p-sm-5 {
        padding: 3rem !important;
    }
    .grid-pt-sm-5,
    .grid-py-sm-5 {
        padding-top: 3rem !important;
    }
    .grid-pr-sm-5,
    .grid-px-sm-5 {
        padding-right: 3rem !important;
    }
    .grid-pb-sm-5,
    .grid-py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .grid-pl-sm-5,
    .grid-px-sm-5 {
        padding-left: 3rem !important;
    }
    .grid-m-sm-auto {
        margin: auto !important;
    }
    .grid-mt-sm-auto,
    .grid-my-sm-auto {
        margin-top: auto !important;
    }
    .grid-mr-sm-auto,
    .grid-mx-sm-auto {
        margin-right: auto !important;
    }
    .grid-mb-sm-auto,
    .grid-my-sm-auto {
        margin-bottom: auto !important;
    }
    .grid-ml-sm-auto,
    .grid-mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .grid-m-md-0 {
        margin: 0 !important;
    }
    .grid-mt-md-0,
    .grid-my-md-0 {
        margin-top: 0 !important;
    }
    .grid-mr-md-0,
    .grid-mx-md-0 {
        margin-right: 0 !important;
    }
    .grid-mb-md-0,
    .grid-my-md-0 {
        margin-bottom: 0 !important;
    }
    .grid-ml-md-0,
    .grid-mx-md-0 {
        margin-left: 0 !important;
    }
    .grid-m-md-1 {
        margin: 0.25rem !important;
    }
    .grid-mt-md-1,
    .grid-my-md-1 {
        margin-top: 0.25rem !important;
    }
    .grid-mr-md-1,
    .grid-mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .grid-mb-md-1,
    .grid-my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .grid-ml-md-1,
    .grid-mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .grid-m-md-2 {
        margin: 0.5rem !important;
    }
    .grid-mt-md-2,
    .grid-my-md-2 {
        margin-top: 0.5rem !important;
    }
    .grid-mr-md-2,
    .grid-mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .grid-mb-md-2,
    .grid-my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .grid-ml-md-2,
    .grid-mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .grid-m-md-3 {
        margin: 1rem !important;
    }
    .grid-mt-md-3,
    .grid-my-md-3 {
        margin-top: 1rem !important;
    }
    .grid-mr-md-3,
    .grid-mx-md-3 {
        margin-right: 1rem !important;
    }
    .grid-mb-md-3,
    .grid-my-md-3 {
        margin-bottom: 1rem !important;
    }
    .grid-ml-md-3,
    .grid-mx-md-3 {
        margin-left: 1rem !important;
    }
    .grid-m-md-4 {
        margin: 1.5rem !important;
    }
    .grid-mt-md-4,
    .grid-my-md-4 {
        margin-top: 1.5rem !important;
    }
    .grid-mr-md-4,
    .grid-mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .grid-mb-md-4,
    .grid-my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .grid-ml-md-4,
    .grid-mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .grid-m-md-5 {
        margin: 3rem !important;
    }
    .grid-mt-md-5,
    .grid-my-md-5 {
        margin-top: 3rem !important;
    }
    .grid-mr-md-5,
    .grid-mx-md-5 {
        margin-right: 3rem !important;
    }
    .grid-mb-md-5,
    .grid-my-md-5 {
        margin-bottom: 3rem !important;
    }
    .grid-ml-md-5,
    .grid-mx-md-5 {
        margin-left: 3rem !important;
    }
    .grid-p-md-0 {
        padding: 0 !important;
    }
    .grid-pt-md-0,
    .grid-py-md-0 {
        padding-top: 0 !important;
    }
    .grid-pr-md-0,
    .grid-px-md-0 {
        padding-right: 0 !important;
    }
    .grid-pb-md-0,
    .grid-py-md-0 {
        padding-bottom: 0 !important;
    }
    .grid-pl-md-0,
    .grid-px-md-0 {
        padding-left: 0 !important;
    }
    .grid-p-md-1 {
        padding: 0.25rem !important;
    }
    .grid-pt-md-1,
    .grid-py-md-1 {
        padding-top: 0.25rem !important;
    }
    .grid-pr-md-1,
    .grid-px-md-1 {
        padding-right: 0.25rem !important;
    }
    .grid-pb-md-1,
    .grid-py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .grid-pl-md-1,
    .grid-px-md-1 {
        padding-left: 0.25rem !important;
    }
    .grid-p-md-2 {
        padding: 0.5rem !important;
    }
    .grid-pt-md-2,
    .grid-py-md-2 {
        padding-top: 0.5rem !important;
    }
    .grid-pr-md-2,
    .grid-px-md-2 {
        padding-right: 0.5rem !important;
    }
    .grid-pb-md-2,
    .grid-py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .grid-pl-md-2,
    .grid-px-md-2 {
        padding-left: 0.5rem !important;
    }
    .grid-p-md-3 {
        padding: 1rem !important;
    }
    .grid-pt-md-3,
    .grid-py-md-3 {
        padding-top: 1rem !important;
    }
    .grid-pr-md-3,
    .grid-px-md-3 {
        padding-right: 1rem !important;
    }
    .grid-pb-md-3,
    .grid-py-md-3 {
        padding-bottom: 1rem !important;
    }
    .grid-pl-md-3,
    .grid-px-md-3 {
        padding-left: 1rem !important;
    }
    .grid-p-md-4 {
        padding: 1.5rem !important;
    }
    .grid-pt-md-4,
    .grid-py-md-4 {
        padding-top: 1.5rem !important;
    }
    .grid-pr-md-4,
    .grid-px-md-4 {
        padding-right: 1.5rem !important;
    }
    .grid-pb-md-4,
    .grid-py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .grid-pl-md-4,
    .grid-px-md-4 {
        padding-left: 1.5rem !important;
    }
    .grid-p-md-5 {
        padding: 3rem !important;
    }
    .grid-pt-md-5,
    .grid-py-md-5 {
        padding-top: 3rem !important;
    }
    .grid-pr-md-5,
    .grid-px-md-5 {
        padding-right: 3rem !important;
    }
    .grid-pb-md-5,
    .grid-py-md-5 {
        padding-bottom: 3rem !important;
    }
    .grid-pl-md-5,
    .grid-px-md-5 {
        padding-left: 3rem !important;
    }
    .grid-m-md-auto {
        margin: auto !important;
    }
    .grid-mt-md-auto,
    .grid-my-md-auto {
        margin-top: auto !important;
    }
    .grid-mr-md-auto,
    .grid-mx-md-auto {
        margin-right: auto !important;
    }
    .grid-mb-md-auto,
    .grid-my-md-auto {
        margin-bottom: auto !important;
    }
    .grid-ml-md-auto,
    .grid-mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .grid-m-lg-0 {
        margin: 0 !important;
    }
    .grid-mt-lg-0,
    .grid-my-lg-0 {
        margin-top: 0 !important;
    }
    .grid-mr-lg-0,
    .grid-mx-lg-0 {
        margin-right: 0 !important;
    }
    .grid-mb-lg-0,
    .grid-my-lg-0 {
        margin-bottom: 0 !important;
    }
    .grid-ml-lg-0,
    .grid-mx-lg-0 {
        margin-left: 0 !important;
    }
    .grid-m-lg-1 {
        margin: 0.25rem !important;
    }
    .grid-mt-lg-1,
    .grid-my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .grid-mr-lg-1,
    .grid-mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .grid-mb-lg-1,
    .grid-my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .grid-ml-lg-1,
    .grid-mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .grid-m-lg-2 {
        margin: 0.5rem !important;
    }
    .grid-mt-lg-2,
    .grid-my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .grid-mr-lg-2,
    .grid-mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .grid-mb-lg-2,
    .grid-my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .grid-ml-lg-2,
    .grid-mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .grid-m-lg-3 {
        margin: 1rem !important;
    }
    .grid-mt-lg-3,
    .grid-my-lg-3 {
        margin-top: 1rem !important;
    }
    .grid-mr-lg-3,
    .grid-mx-lg-3 {
        margin-right: 1rem !important;
    }
    .grid-mb-lg-3,
    .grid-my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .grid-ml-lg-3,
    .grid-mx-lg-3 {
        margin-left: 1rem !important;
    }
    .grid-m-lg-4 {
        margin: 1.5rem !important;
    }
    .grid-mt-lg-4,
    .grid-my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .grid-mr-lg-4,
    .grid-mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .grid-mb-lg-4,
    .grid-my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .grid-ml-lg-4,
    .grid-mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .grid-m-lg-5 {
        margin: 3rem !important;
    }
    .grid-mt-lg-5,
    .grid-my-lg-5 {
        margin-top: 3rem !important;
    }
    .grid-mr-lg-5,
    .grid-mx-lg-5 {
        margin-right: 3rem !important;
    }
    .grid-mb-lg-5,
    .grid-my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .grid-ml-lg-5,
    .grid-mx-lg-5 {
        margin-left: 3rem !important;
    }
    .grid-p-lg-0 {
        padding: 0 !important;
    }
    .grid-pt-lg-0,
    .grid-py-lg-0 {
        padding-top: 0 !important;
    }
    .grid-pr-lg-0,
    .grid-px-lg-0 {
        padding-right: 0 !important;
    }
    .grid-pb-lg-0,
    .grid-py-lg-0 {
        padding-bottom: 0 !important;
    }
    .grid-pl-lg-0,
    .grid-px-lg-0 {
        padding-left: 0 !important;
    }
    .grid-p-lg-1 {
        padding: 0.25rem !important;
    }
    .grid-pt-lg-1,
    .grid-py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .grid-pr-lg-1,
    .grid-px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .grid-pb-lg-1,
    .grid-py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .grid-pl-lg-1,
    .grid-px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .grid-p-lg-2 {
        padding: 0.5rem !important;
    }
    .grid-pt-lg-2,
    .grid-py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .grid-pr-lg-2,
    .grid-px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .grid-pb-lg-2,
    .grid-py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .grid-pl-lg-2,
    .grid-px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .grid-p-lg-3 {
        padding: 1rem !important;
    }
    .grid-pt-lg-3,
    .grid-py-lg-3 {
        padding-top: 1rem !important;
    }
    .grid-pr-lg-3,
    .grid-px-lg-3 {
        padding-right: 1rem !important;
    }
    .grid-pb-lg-3,
    .grid-py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .grid-pl-lg-3,
    .grid-px-lg-3 {
        padding-left: 1rem !important;
    }
    .grid-p-lg-4 {
        padding: 1.5rem !important;
    }
    .grid-pt-lg-4,
    .grid-py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .grid-pr-lg-4,
    .grid-px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .grid-pb-lg-4,
    .grid-py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .grid-pl-lg-4,
    .grid-px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .grid-p-lg-5 {
        padding: 3rem !important;
    }
    .grid-pt-lg-5,
    .grid-py-lg-5 {
        padding-top: 3rem !important;
    }
    .grid-pr-lg-5,
    .grid-px-lg-5 {
        padding-right: 3rem !important;
    }
    .grid-pb-lg-5,
    .grid-py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .grid-pl-lg-5,
    .grid-px-lg-5 {
        padding-left: 3rem !important;
    }
    .grid-m-lg-auto {
        margin: auto !important;
    }
    .grid-mt-lg-auto,
    .grid-my-lg-auto {
        margin-top: auto !important;
    }
    .grid-mr-lg-auto,
    .grid-mx-lg-auto {
        margin-right: auto !important;
    }
    .grid-mb-lg-auto,
    .grid-my-lg-auto {
        margin-bottom: auto !important;
    }
    .grid-ml-lg-auto,
    .grid-mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .grid-m-xl-0 {
        margin: 0 !important;
    }
    .grid-mt-xl-0,
    .grid-my-xl-0 {
        margin-top: 0 !important;
    }
    .grid-mr-xl-0,
    .grid-mx-xl-0 {
        margin-right: 0 !important;
    }
    .grid-mb-xl-0,
    .grid-my-xl-0 {
        margin-bottom: 0 !important;
    }
    .grid-ml-xl-0,
    .grid-mx-xl-0 {
        margin-left: 0 !important;
    }
    .grid-m-xl-1 {
        margin: 0.25rem !important;
    }
    .grid-mt-xl-1,
    .grid-my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .grid-mr-xl-1,
    .grid-mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .grid-mb-xl-1,
    .grid-my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .grid-ml-xl-1,
    .grid-mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .grid-m-xl-2 {
        margin: 0.5rem !important;
    }
    .grid-mt-xl-2,
    .grid-my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .grid-mr-xl-2,
    .grid-mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .grid-mb-xl-2,
    .grid-my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .grid-ml-xl-2,
    .grid-mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .grid-m-xl-3 {
        margin: 1rem !important;
    }
    .grid-mt-xl-3,
    .grid-my-xl-3 {
        margin-top: 1rem !important;
    }
    .grid-mr-xl-3,
    .grid-mx-xl-3 {
        margin-right: 1rem !important;
    }
    .grid-mb-xl-3,
    .grid-my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .grid-ml-xl-3,
    .grid-mx-xl-3 {
        margin-left: 1rem !important;
    }
    .grid-m-xl-4 {
        margin: 1.5rem !important;
    }
    .grid-mt-xl-4,
    .grid-my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .grid-mr-xl-4,
    .grid-mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .grid-mb-xl-4,
    .grid-my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .grid-ml-xl-4,
    .grid-mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .grid-m-xl-5 {
        margin: 3rem !important;
    }
    .grid-mt-xl-5,
    .grid-my-xl-5 {
        margin-top: 3rem !important;
    }
    .grid-mr-xl-5,
    .grid-mx-xl-5 {
        margin-right: 3rem !important;
    }
    .grid-mb-xl-5,
    .grid-my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .grid-ml-xl-5,
    .grid-mx-xl-5 {
        margin-left: 3rem !important;
    }
    .grid-p-xl-0 {
        padding: 0 !important;
    }
    .grid-pt-xl-0,
    .grid-py-xl-0 {
        padding-top: 0 !important;
    }
    .grid-pr-xl-0,
    .grid-px-xl-0 {
        padding-right: 0 !important;
    }
    .grid-pb-xl-0,
    .grid-py-xl-0 {
        padding-bottom: 0 !important;
    }
    .grid-pl-xl-0,
    .grid-px-xl-0 {
        padding-left: 0 !important;
    }
    .grid-p-xl-1 {
        padding: 0.25rem !important;
    }
    .grid-pt-xl-1,
    .grid-py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .grid-pr-xl-1,
    .grid-px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .grid-pb-xl-1,
    .grid-py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .grid-pl-xl-1,
    .grid-px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .grid-p-xl-2 {
        padding: 0.5rem !important;
    }
    .grid-pt-xl-2,
    .grid-py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .grid-pr-xl-2,
    .grid-px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .grid-pb-xl-2,
    .grid-py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .grid-pl-xl-2,
    .grid-px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .grid-p-xl-3 {
        padding: 1rem !important;
    }
    .grid-pt-xl-3,
    .grid-py-xl-3 {
        padding-top: 1rem !important;
    }
    .grid-pr-xl-3,
    .grid-px-xl-3 {
        padding-right: 1rem !important;
    }
    .grid-pb-xl-3,
    .grid-py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .grid-pl-xl-3,
    .grid-px-xl-3 {
        padding-left: 1rem !important;
    }
    .grid-p-xl-4 {
        padding: 1.5rem !important;
    }
    .grid-pt-xl-4,
    .grid-py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .grid-pr-xl-4,
    .grid-px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .grid-pb-xl-4,
    .grid-py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .grid-pl-xl-4,
    .grid-px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .grid-p-xl-5 {
        padding: 3rem !important;
    }
    .grid-pt-xl-5,
    .grid-py-xl-5 {
        padding-top: 3rem !important;
    }
    .grid-pr-xl-5,
    .grid-px-xl-5 {
        padding-right: 3rem !important;
    }
    .grid-pb-xl-5,
    .grid-py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .grid-pl-xl-5,
    .grid-px-xl-5 {
        padding-left: 3rem !important;
    }
    .grid-m-xl-auto {
        margin: auto !important;
    }
    .grid-mt-xl-auto,
    .grid-my-xl-auto {
        margin-top: auto !important;
    }
    .grid-mr-xl-auto,
    .grid-mx-xl-auto {
        margin-right: auto !important;
    }
    .grid-mb-xl-auto,
    .grid-my-xl-auto {
        margin-bottom: auto !important;
    }
    .grid-ml-xl-auto,
    .grid-mx-xl-auto {
        margin-left: auto !important;
    }
}


/* ------------------------------------------------------------------------- *\
 * File: lib/daterangepicker.css
\* ------------------------------------------------------------------------- */

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}



/* ------------------------------------------------------------------------- *\
 * File: lib/multi.css
\* ------------------------------------------------------------------------- */

.multi-wrapper {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
}

.multi-wrapper .non-selected-wrapper,
.multi-wrapper .selected-wrapper {
    box-sizing: border-box;
    display: inline-block;
    height: 200px;
    overflow-y: scroll;
    padding: 10px;
    vertical-align: top;
    width: 50%;
}

.multi-wrapper .non-selected-wrapper {
    background: #fafafa;
    border-right: 1px solid #ccc;
}

.multi-wrapper .selected-wrapper {
    background: #fff;
}

.multi-wrapper .header {
    color: #4f4f4f;
    cursor: default;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 10px;
}

.multi-wrapper .item {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
}

.multi-wrapper .item:hover {
    background: #ececec;
    border-radius: 2px;
}

.multi-wrapper .item-group {
    padding: 5px 10px;
}

.multi-wrapper .item-group .group-label {
    display: block;
    font-size: 0.875rem;
    opacity: 0.5;
    padding: 5px 0;
}

.multi-wrapper .search-input {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    display: block;
    font-size: 1em;
    margin: 0;
    outline: 0;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
}

.multi-wrapper .non-selected-wrapper .item.selected {
    opacity: 0.5;
}

.multi-wrapper .non-selected-wrapper .item.disabled,
.multi-wrapper .selected-wrapper .item.disabled {
    opacity: 0.5;
    text-decoration: line-through;
}

.multi-wrapper .non-selected-wrapper .item.disabled:hover,
.multi-wrapper .selected-wrapper .item.disabled:hover {
    background: inherit;
    cursor: inherit;
}



/* ------------------------------------------------------------------------- *\
 * File: formtable.css
\* ------------------------------------------------------------------------- */

div.Form {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 1px;
    height : 1px;
    overflow : hidden;
}
.ContentLine {
    width : 100%;
    height : 21px;
    background-image : url(https://raumreservierung-bildungscampus-q.schwarz/images/form/bg_line.gif);
    overflow : hidden;
}

.ContentText {
    margin : 5px;
    margin-right : 60px;
}

.ContentMarginLeft {
    margin-left : 5px;
}

.ContentMarginBottom {
    margin-bottom : 5px;
}

.ContentMarginTop {
    margin-top : 5px;
}

.ContentPartPaddingA .ContentText, .ContentPartPaddingB .ContentText {
    margin-left : 1px;
}

.ContentSubHeadline {
    padding-left : 4px;
}
div.ContentLineTitle {
    padding-top : 3px;
}
span.ContentLineTitle {
    margin-left : 20px;
    padding-left : 3px;
    padding-right : 3px;
    color : #777777;
}
.ContentSpace {
    width : 100%;
    height : 10px;
    overflow : hidden;
}
.ContentHead {
    margin : 0px;
}
.ContentBlock {
    padding : 1px;
    background-image : url(https://raumreservierung-bildungscampus-q.schwarz/images/form/bg_border_light.gif);

}
.ContentBlock, span.ContentLineTitle {
    background-color : #fbfbfb;
}
.ContentBlockPadding {
    padding : 4px;
    padding-left : 0px;
    background-color : #fbfbfb;
}

.ContentPartA {
    padding : 1px;
    padding-left : 0px;
    background-image : url(https://raumreservierung-bildungscampus-q.schwarz/images/form/bg_border_light.gif);
}
.ContentPartPaddingA {
    background-color : #f8f8f8;
    padding-top : 5px;
    padding-bottom : 0px;
    padding-left : 4px;
}

.ContentPartB {
    padding : 1px;
    padding-left : 0px;
}
.ContentPartPaddingB {
    padding-top : 5px;
    padding-left : 4px;
}
.ContentBlockPadding td {
    /*overflow : hidden;*/
}
.ContentForm, .ContentFormTitle {
    margin : 0px;
    margin-bottom : 5px;
}
.ContentFormTitle {
    padding-top : 4px;
}
.ContentFormElementBorder, .ContentFormSubElementBorder, .ContentFormElementBorderPopup, .ContentFormSubElementBorderPopup {
    border-style : solid;
    border-width : 1px;
    border-color : #999999;
    background-color : #ffffff;
    overflow : hidden;
}
.ContentFormInputText, .ContentFormSubInputText, .ContentFormInputTextPopup, .ContentFormSubInputTextPopup, .ContentFormInputTime, .ContentFormInputCondition, .ContentFormInputPrice, ContentFormInputDatetime, ContentFormInputSubDatetime {
    width : 326px;
    border-width : 0px;
    padding : 0px;
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 2px;
}
.ContentFormInputTextPopup {
    width : 296px;
}
.ContentFormSubInputText {
    width : 306px;
}
.ContentFormSubInputTextPopup {
    width : 276px;
}
.ContentFormInputTime {
    width : 86px;
}
.ContentFormInputCondition {
    width : 96px;
}
.ContentFormInputDatetime, .ContentFormSubInputDatetime {
    width : 86px;
    padding : 0px;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 2px;
    height : 15px;
}
.ContentFormSubInputDatetime {
    width : 76px;
}
.ContentFormInputPrice {
    width : 51px;
}

.ContentFormSelect, .ContentFormSubSelect {
    border-style : solid;
    border-width : 1px;
    border-color : #999999;
    width : 100%;
    max-width : 330px;
}
.ContentFormTextarea, .ContentFormSubTextarea, .ContentFormTextareaPopup, .ContentFormSubTextareaPopup {
    width : 326px;
    padding-left : 2px;
    border-width : 0px;
    height : 70px;
    overflow : auto;
}
.ContentFormSubTextarea {
    width : 306px;
}

.ContentFormTextareaPopup {
    width : 296px;
}
.ContentFormSubTextareaPopup {
    width : 276px;
}

.ContentFormFakeInput, .ContentFormSubFakeInput, .ContentFormFakeInputPopup, .ContentFormSubFakeInputPopup {
    padding : 0px;
    padding-top : 2px;
    padding-left : 2px;
    height : 15px;
    cursor : default;
}
.ContentFormAddSub, .ContentPartAddSub, .ContentBlockAddSub {
    padding : 0px;
    padding-left : 10px;
}
.ContentPartAddSub {
    padding-top : 6px;
}
.ContentBlockAddSub {
    padding-top : 11px;
}
label, img.Linked {
    cursor : pointer;
}
/* fix for settings of other style sheets */
.ContentForm input {
    border-width : 0px;
}
.ContentForm input[type="checkbox"] {
    border-style : solid;
    border-width : 1px;
    border-color : #999999;
}

/* fix for checkbox labels */
.ContentForm .CheckboxLabel
{
    float:left;
    margin-top:2px;
}

.ContentForm input:invalid {
    color:red;
}

.newsblock {
    height:auto;
}

.newsblock.collapsed {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height:13px;
}



/* ------------------------------------------------------------------------- *\
 * File: htmltable.css
\* ------------------------------------------------------------------------- */

.HTMLTABLE_Table
{
	border-width:1px;
	border-style:solid;
	border-color:#EEEEEE;
	margin-bottom:5px;
}

.HTMLTABLE_Row_Odd,.HTMLTABLE_Row_Even,.HTMLTABLE_Row_Even_Dark,.HTMLTABLE_Row_Active
{
	line-height:28px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.HTMLTABLE_Row_Odd
{
	background-color:#fff;
}
.HTMLTABLE_Row_Even
{
	background-color:#fff;
}
.HTMLTABLE_Row_Even_Dark
{
	background-color:#EEEEEE;
}
.HTMLTABLE_Row_Active
{
	background-color:#0090CA;
	color:#fff;
}
.HTMLTABLE_Row_Active a
{
	color:#fff;
}
.HTMLTABLE_Row_Hover
{
    background-color:#0AADED;
	color:#000;
}
.HTMLTABLE_Row_Hover a {
	color:#000;
}

.HTMLTABLE_Cell_First,.HTMLTABLE_Cell_Middle,.HTMLTABLE_Cell_Last,.HTMLTABLE_Head_Cell_Dark_First,.HTMLTABLE_Head_Cell_Dark_Middle,.HTMLTABLE_Head_Cell_Dark_Last
{
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
    vertical-align:middle;
	cursor:default;
    border-style:solid;
    border-color:#fff;
    border-width:0;
}
.HTMLTABLE_Cell_Middle,.HTMLTABLE_Cell_Last
{
	border-left-width:1px;
}
.HTMLTABLE_Cell_First img,.HTMLTABLE_Cell_Middle img,.HTMLTABLE_Cell_Last img
{
	display:inline;
	line-height:28px;
	vertical-align:middle;
}

.HTMLTABLE_Head_Row a
{
    color:#000;
    text-decoration:none;
}

.HTMLTABLE_Head_Cell_First,.HTMLTABLE_Head_Cell_Dark_First,.HTMLTABLE_Head_Cell_Middle,.HTMLTABLE_Head_Cell_Dark_Middle,.HTMLTABLE_Head_Cell_Last,.HTMLTABLE_Head_Cell_Dark_Last
{
	background:#EEEEEE;
	border-style:solid;
    border-width:0;
	border-bottom-width:1px;
	border-bottom-color:#fff;
    line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.HTMLTABLE_Head_Cell_Middle,.HTMLTABLE_Head_Cell_Dark_Middle,.HTMLTABLE_Head_Cell_Last,.HTMLTABLE_Head_Cell_Dark_Last
{
	border-left-width:1px;
	border-left-color:#EEEEEE;
}
.HTMLTABLE_Head_Cell_Dark_First,.HTMLTABLE_Head_Cell_Dark_Middle,.HTMLTABLE_Head_Cell_Dark_Last
{
	background:#E5E5E5;
}

.HTMLTABLE_Filter_Input
{
	background:#fff;
	height:20px;
	padding-top:0px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:0px;
	margin:0;
	border:1px solid #E5E5E5;
}
.HTMLTABLE_Filter_Row
{
	background:#E5E5E5;
	line-height:28px;
}
.HTMLTABLE_Filter_Cell_First,.HTMLTABLE_Filter_Cell_Middle,.HTMLTABLE_Filter_Cell_Last
{
	padding-top:0px;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:0px;
	border-style:solid;
	border-width:0;
	border-bottom-width:1px;
	border-bottom-color:#E5E5E5;
}
.HTMLTABLE_Filter_Cell_Middle,.HTMLTABLE_Filter_Cell_Last
{
	border-left-width:1px;
	border-left-color:#E5E5E5;
}
.HTMLTABLE_Filter_Cell_First img,.HTMLTABLE_Filter_Cell_Middle img,.HTMLTABLE_Filter_Cell_Last img
{
	padding-top:1px;
	padding-bottom:0;
	padding-left:3px;
	padding-right:1px;
}

.HTMLTABLE_Col_Active
{
    overflow:hidden;
    background:#0090CA;
}
.HTMLTABLE_Col_Active a
{
    color:#fff;
    white-space:nowrap;
}

div.ChangedAdminData
{
	color:#999;
}
.tableSelect {
	height:17px;
	width:98%;
	font-size:10px;
	padding:0px;
}

.tableInput {
	width:85%;
	font-size:10px;
	height:13px;
	padding:0px;
}

.htmltable-navigation-row {
	display: block;
	text-align: right;
}

.htmltable-navigation-row:after {
	content: "";
	clear: both;
	display: table;
}

.htmltable-navigation-row > * {
	display: inline-block;

	height: 28px;
	line-height: 28px;
	vertical-align: middle;

	padding: 0 10px;
}

.htmltable-navigation-row > .downloads,
.htmltable-navigation-row > .selection {
	float: left;
}

.htmltable-navigation-row > .selection .link-symbol {
	vertical-align: middle;
}

.htmltable-navigation-row > *:first-child {
	border-left: none;
}

.htmltable-navigation-row > .downloads:after {
	display: table;
	content: "";
	clear: both;
}

.htmltable-navigation-row > .downloads li {
	float: left;
}

.htmltable-navigation-row > .downloads a {
	display: inline-block;
	padding-right: 15px;
}

.htmltable-navigation-row > .rowNavi,
.htmltable-navigation-row > .pagination {
	border-left: 1px solid #000;
}

.htmltable-navigation-row > .rowNavi > * {
	display: inline-block;
}

.htmltable-navigation-row > .rowNavi > label {
	vertical-align: top;
	padding-right: 5px;
}

.htmltable-navigation-row > .rowNavi > .FaceliftSelectboxWraper {
	line-height: 12px;
	min-width: 3em;
}

.htmltable-navigation-row > .pagination .pagenumbers {
	padding: 0 5px;
}



/* ------------------------------------------------------------------------- *\
 * File: notification-top-bar.css
\* ------------------------------------------------------------------------- */


.notification-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    line-height: 35px;
    width: 100%;
    background: #fffae6;
    color: #9F6000;
    text-align: center;
}
.notification-top-bar.startpage {
    position: static;
}

.notification-top-bar.startpage p {
    margin: 0;
}

.notification-top-bar p span {
    font-size: 13px;
}

.notification-top-bar p .icon {
    height: 24px;
    width: 24px;
    font-size: 22px;
    margin-top: -7px;
    color: #9F6000;
}
.notification-top-bar p a {
    color: #9F6000;
    text-decoration: underline;
}



/* ------------------------------------------------------------------------- *\
 * File: module/management-guest-cards/styles.css
\* ------------------------------------------------------------------------- */

#LayoutPopup .module.guest-cards.layout-chooser {
    padding: 1em;
}

#LayoutPopup .module.guest-cards.layout-chooser .headline {
    font-size: 1.5em;
    margin-bottom: 1em;
}

#LayoutPopup .module.guest-cards.layout-chooser .name {
    min-width: 300px;
    padding-right: 1em;
}

#LayoutPopup .module.guest-cards.layout-chooser .stdButton.print .icon {
    font-size: 30px;
    width: 40px;
    height: 40px;
}

#LayoutPopup .module.guest-cards.layout-chooser .stdButton.print .text {
    display: none;
}



/* ------------------------------------------------------------------------- *\
 * File: module/management-quoteinvoice/styles.css
\* ------------------------------------------------------------------------- */


/* List view */
.module.quoteinvoice.listing {
    /* No styles here */
}


/* Generation view */
.module.quoteinvoice.generation .already-generated-hint {
    background-color: rgba(23, 162, 184, 0.3);
    color: rgb(23, 162, 184);
    border: 2px solid rgb(23, 162, 184);
    border-radius: 5px;

    padding: 1rem 1.5rem;

    margin-bottom: 1rem;
}

.module.quoteinvoice.generation .already-generated-hint h3 {
    font-weight: bold;
}

.module.quoteinvoice.generation .quoteinvoice-data {
    border-spacing: 0;
}

.module.quoteinvoice.generation .quoteinvoice-data td,
.module.quoteinvoice.generation .quoteinvoice-data th {
    padding: 0.25em 0.2em;
}

.module.quoteinvoice.generation .quoteinvoice-data td.position {
    width: 2em;
}

.module.quoteinvoice.generation .quoteinvoice-data td.position-name {
    width: 10em;
}

.module.quoteinvoice.generation .quoteinvoice-data td.count {
    width: 1.8em;
}

.module.quoteinvoice.generation .quoteinvoice-data td.vat {
    width: 10em;
}

.module.quoteinvoice.generation .quoteinvoice-data .appointment:after {
    content: '';
    display: table-row;
    height: 1em;
}

.module.quoteinvoice.generation .quoteinvoice-data .appointment .main-booking-header {
    color: /*missing template:quoteinvoice.generation.data.appointment.header.color*/;
    background-color: /*missing template:quoteinvoice.generation.data.appointment.header.background-color*/;
}

.module.quoteinvoice.generation .quoteinvoice-data .appointment .booking .count {
    text-align: right;
}

.module.quoteinvoice.generation .quoteinvoice-data .appointment .booking .price-per-part,
.module.quoteinvoice.generation .quoteinvoice-data .appointment .booking .price-total {
    text-align: right;
    width: 4.2em;
}

.module.quoteinvoice.generation .quoteinvoice-data .appointment .main-booking-footer {
    background-color: /*missing template:quoteinvoice.generation.data.appointment.footer.background-color*/;
}



/* ------------------------------------------------------------------------- *\
 * File: hotspots_svg.css
\* ------------------------------------------------------------------------- */

/* Global */
html,
.pgn-base-booking-search-mapview,
.pgn-base-booking-search-mapview #SectionContent {
    height: 100%;
}

/* Reset Tile */
.pgn-base-booking-search-mapview #Content_Tile.svg-map {
    padding: 0 !important;
    height: 100%;
}

/* Wrapper */
.hotspot-map.svg.svg-wrapper-base {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: opacity 0.3s;
}

.hotspot-map.svg.svg-wrapper-base.loading {
    opacity: 0;
}

.hotspot-map.svg .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    /*border: 1px solid !*template:facelift.basecolor.dark.20*!;*/
}

.hotspot-map.svg .svg-wrapper svg {
    width: 100%;
    min-height: 100%;
}

.hotspot-map.svg .svg-wrapper svg .svg-pan-zoom_viewport {
    opacity: 1;
    transition: opacity 0.3s;
}
.hotspot-map.svg .svg-wrapper svg .svg-pan-zoom_viewport.transparent {
    opacity: 0.25;
}

/* Hotspots */
.hotspot-map.svg .hotspot.active {
    z-index: 999;
}

.hotspot-map.svg .hotspot.loading:after {
    content: " ";
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin: 0;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.75);
    border-color: rgba(255, 255, 255, 0.75) transparent rgba(255, 255, 255, 0.75) transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.hotspot-map.svg .hotspot-desc {
    position: absolute;
    left: 25px;
    top: -40px;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #666;
    z-index: 10;
    display: none;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.active .hotspot-desc {
    display: block;
}

.hotspot-map.svg.svg-wrapper-base .hotspot-desc.fade {
    display: block;
}


/* Button Normalize */
.hotspot-map.svg.svg-wrapper-base button {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
}

.hotspot-map.svg.svg-wrapper-base button { /* 1 */
    overflow: visible;
}

.hotspot-map.svg.svg-wrapper-base button { /* 1 */
    text-transform: none;
}

.hotspot-map.svg.svg-wrapper-base button,
.hotspot-map.svg.svg-wrapper-base [type="button"] {
    -webkit-appearance: button;
}

.hotspot-map.svg.svg-wrapper-base button,
.hotspot-map.svg.svg-wrapper-base .hotspot div {
    border: 0 none;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    cursor: pointer;
    border-radius: 50%;
}

.hotspot-map.svg.svg-wrapper-base button .icon {
    pointer-events: none;
}

/* Hotspots . Locations */
.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location {
    position: absolute;
    cursor: pointer;
    z-index: 100;
    width: auto;
    height: auto;
    padding: 0;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location.active {
    z-index: 999;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location span {
    pointer-events: none;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location:after {
    z-index: -1;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location.west {
    right: auto;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location.north {
    bottom: auto;
}

.hotspot-map.svg.svg-wrapper-base .hotspot.hotspot-location button {
    border-radius: 0.3rem;
    padding: 4px 10px;
}

/* Warning */
.hotspot-map.svg.svg-wrapper-base .mapview-search-warning {
    padding: 1rem;
}


/* Cluster . Select */
.ftr-redesign .hotspot-map.svg #CLUSTER_LAYER.hotspot_cluster_layer_svg {
    bottom: auto !important;
    top: 1rem !important;
}


/* ==================================================
   POSITIONING
   ================================================== */

/* Wrapper . Area */
.hotspots-svg-positioning-section {
    height: 100%;
    width: 100%;
}

.hotspots-svg-positioning {
    top: 15px;
    bottom: 25px;
    left: 10px;
    right: 10px;
    position: absolute;
}

.hotspots-svg-positioning .hotspot {
    z-index: 99;
}
.hotspots-svg-positioning .hotspot.active {
    z-index: 100;
    background-color: #add200 !important;
}

/* Grid */
.hotspots-svg-positioning #ResourceGrid {
    background-image:
            linear-gradient(rgba(0, 0, 0, 0.2) .1em, transparent .1em),
            linear-gradient(90deg, rgba(0, 0, 0, 0.2) .1em, transparent .1em);
    background-size: 1em 1em;

    opacity: 0;
    visibility: visible;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
}

.hotspots-svg-positioning #ResourceGrid.active {
    opacity: 0.25;
}


/* ==================================================
   CONTROLS
   ================================================== */

.svg-controls {
    position: absolute;
    z-index: 109;
    top: 1px;
    right: 1px;
    opacity: 0.5;
    transition: opacity 0.3s, background 0.3s;
    padding: 0.5rem;
    background-color: transparent;
    border-radius: 0 0 0 0.3rem;
}

.svg-controls:not(.loading):hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
}

.svg-controls.loading {
    opacity: 0;
}

.svg-controls ul {
}

.svg-controls ul li {
    display: inline-block;
    margin-left: 5px;
}

.svg-controls ul li:first-child {
    margin-left: 0;
}

.svg-controls button {
    cursor: pointer;
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: border 0.3s, background 0.3s, color 0.3s;
    height: 1.715rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 400;
    font-size: 0.786rem;
}

.svg-controls button:hover {
    border-color: #193e69;
    background: #193e69;
}

.svg-controls .button-round {
    width: 1.715rem;
    border-radius: 50%;
}

/* ==================================================
   SAVE
   ================================================== */

.svg-save-view {
    display: inline-block;
    margin-left: 20px;
    top: 2px;
}

.svg-save-view label {
    margin-left: 5px;
}

/* ==================================================
   DARK MODE / css-mode-1
   ================================================== */

.ftr-redesign.css-mode-1 .svg-controls:not(.loading):hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.ftr-redesign.css-mode-1 .svg-controls button {
    background: #00DCFE;
    border-color: #00DCFE;
    color: #000;
}

.ftr-redesign.css-mode-1 .svg-controls button:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
    color: #fff;
}

/* ==================================================
   TEST CASES . For Hover Areas
   ================================================== */

/*
#map-view-image path[fill='#D8D8D8'] {
    transition: fill 0.3s;
}
#map-view-image path[fill='#D8D8D8']:hover {
    fill: !*template:facelift.basecolor.secondary.60*!;
}
*/



/* ------------------------------------------------------------------------- *\
 * File: module/authorization-oauth20-client/connection-test.css
\* ------------------------------------------------------------------------- */

.oauth20-client-test-result-errors {
    margin-bottom: 10px;
    margin-left: 5px;
}



/* ------------------------------------------------------------------------- *\
 * File: module/authorization-oauth20/styles.css
\* ------------------------------------------------------------------------- */


.module.authorization.oauth20.decision {
    font-family: source_sans_proregular,Arial,Helvetica,sans-serif;
}

.module.authorization.oauth20.decision h1 {
    font-size: 24px;
    font-family: source_sans_prosemibold,Arial,Helvetica,sans-serif;
    padding-bottom: 20px;
}

.module.authorization.oauth20.decision p {
    font-family: source_sans_proregular,Arial,Helvetica,sans-serif;
    font-size: 16px;
}

.module.authorization.oauth20.decision .scopes {
    margin: 30px 0;
}

.module.authorization.oauth20.decision .scopes .scope {
    list-style-type: none;
    border-top: 1px solid rgb(0,0,0);
    height:80px;
    font-size: 24px;
    font-family: source_sans_prosemibold,Arial,Helvetica,sans-serif;
    padding: 20px 0;
}

.module.authorization.oauth20.decision .scopes .scope:before{
    background-image: url(https://raumreservierung-bildungscampus-q.schwarz/theme/schwarzbildungscampus/images/../../../images/arrow_right.svg);
    width: 33px;
    height:20px;
    content: " ";
    position: absolute;
    margin-top: 8px;
    margin-left: -40px;
}

.module.authorization.oauth20.decision .scopes .scope:last-child{
    border-bottom: 1px solid rgb(0,0,0);
}

.module.authorization.oauth20.decision .field-wrapper.form-section>.field>fieldset>legend {
    font-size: 24px;
    font-family: source_sans_prosemibold,Arial,Helvetica,sans-serif;
    padding-bottom: 20px;
}

.module.authorization.oauth20.decision .field-wrapper.form-submit {
    font-size: 24px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    background-color:  rgb(0,96,153);
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.module.authorization.oauth20.decision .field-wrapper.form-submit:last-child{
    background-color:  rgb(255,255,255);
    border:1px solid rgb(0,0,0);
}

.module.authorization.oauth20.decision .field-wrapper.form-submit input {
    color:rgb(255,255,255);
    font-size: 24px;
    vertical-align: middle;
}

.module.authorization.oauth20.decision .field-wrapper.form-submit:last-child input {
    color: rgb(0,0,0);
}

.module.authorization.oauth20.decision .field-wrapper.form-submit .content {
    padding:0;
}

.estate-form .field-wrapper>.content>.field{
    width: 100%;
}

.module.authorization.oauth20.decision .overlay {
    display: none;

    position: fixed;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(127, 127, 127, 0.9);
    z-index: 1000;
}

.module.authorization.oauth20.decision .overlay.active {
    display: block;
}

.module.authorization.oauth20.decision .overlay .message {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}
.module.authorization.oauth20.decision .overlay .message:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 1px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}



/* ------------------------------------------------------------------------- *\
 * File: module/displays/duration-entry.css
\* ------------------------------------------------------------------------- */

.module.system.displays.duration-entry {
    min-width: 40rem;
}



/* ------------------------------------------------------------------------- *\
 * File: module/displays/permalink.css
\* ------------------------------------------------------------------------- */

/* Permalink */
.module.system.displays.permalink {
    padding-top: 1em;
    padding-bottom: 1em;
}

.module.system.displays.permalink h3 {
    margin-bottom: 0.5em;
}

.module.system.displays.permalink .warning {
    margin: 0 0 1em 0;
    max-width: 500px;
}

.module.system.displays.permalink .warning p {
    margin-bottom: 0.5em;
}

.module.system.displays.permalink .warning strong {
    font-weight: bold;
}

.module.system.displays.permalink .warning ul {
    padding-left: 1.2em;
}

.module.system.displays.permalink .warning ul li {
    list-style-type: disc;
}

.module.system.displays.permalink .permalink-content {
    display: flex;
}

.module.system.displays.permalink .permalink-content input {
    width: calc(100% - 40px);
    display: inline-block;
    padding: 0 0.25em;
}

.module.system.displays.permalink .permalink-content a {
    margin-left: 0.5em;
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .module.system.displays.permalink {
    padding-top: 2em;
}

.ftr-redesign .module.system.displays.permalink .warning {
    border-radius: 0.3rem;
}

.ftr-redesign .module.system.displays.permalink .permalink-content input {
    width: calc(100% - 3.5rem);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ftr-redesign .module.system.displays.permalink .permalink-content .button:focus .icon {
    color: #a9b9d2;
}

/* ========== DARK MODE ========== */



/* ------------------------------------------------------------------------- *\
 * File: module/form/basic.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * General form styling
 *
\*****************************************************************************/

.estate-form {
    max-width: 50em;
}

.estate-form .field-wrapper {
    /*margin: 0.25em 0;*/
    /*padding-bottom: 0.5em;*/
}
.estate-form .field-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.estate-form .field-wrapper > .content {
    padding: 0.5em 0;
}

.estate-form .field-wrapper > .content:after {
    content: "";
    display: table;
    clear: both;
}

.estate-form .field-wrapper > .content .content {
    padding: 0 0 0.75em 0;
}

/*
 * Errors
 */
.estate-form > form > .errors,
.estate-form .field-wrapper.errors-present {
    border: 1px solid #f5c6cb;
    border-radius: 5px;
}

.estate-form > form > .errors,
.estate-form .field-wrapper > .errors {
    display: none;
    background-color: #f8d7da;
    color: #721c24;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
}

.estate-form > form > .errors.errors-present,
.estate-form .field-wrapper.errors-present > .errors {
    display: block;
}

.estate-form .field-wrapper > .errors .errors-headline {
    font-size: 1.1em;
    font-weight: bold;
}

.estate-form .field-wrapper .error-messages > .error-message {
    list-style-type: disc;
    list-style-position: inside;
}

/*
 * Headlines
 */
.estate-form h1 {
    font-size: 20px;
}
.estate-form h2 {
    font-size: 18px;
    margin-bottom: 1rem;
}
.estate-form h3 {
    font-weight: bold;
    font-size: 16px;
    padding: 0.25rem 0.5rem 0.3rem 0.5rem;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 1;
}

.estate-form h4 {
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 0.5rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 1;
}


/*
 * Labels
 */
.estate-form .field-wrapper > .content > .label {
    width: 30%;
    float: left;
    line-height: 1.2;
}
.estate-form .field-wrapper > .content > .label:after {
    content: "";
    clear: both;
    display: table;
}
.estate-form .field-wrapper > .content > .label label {
    /*display: inline-block;*/
    height: auto;
    line-height: 1.2;
    vertical-align: middle;
    width: calc(100% - 0.25em);
    padding: 0.1em 0.25em 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
.estate-form .field-wrapper > .content > .label label:after {
    content: ":";
}

.estate-form .field-wrapper > .content .content > .label label {
    padding: 0.35em 0.25em 0 0.25em;
    font-weight: bold;
}

.estate-form .field-wrapper.label-hidden > .content > .label label {
    display: none;
}

/*
 * Field
 */
.estate-form .field-wrapper > .content > .field {
    width: 70%;
    float: left;
}

.estate-form .field-wrapper > .content .content .field {
    padding: 0 0.25em 0 0.25em;
    width: calc(100% - 0.5em);
}

/*
 * Normal input elements
 */
.estate-form input.textfield,
.estate-form textarea {
    height: 2rem;
    line-height: 2rem;
    background-color: #fbfbfb;
    border-style: solid;
    border-color: #E5E5E5;
    border-width: 1px;
    width: 100%;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 0 5px;
}

.estate-form textarea {
    min-height: 4em;
}

.estate-form .visible-checkbox{
    height: 18px !important;
    width: 18px !important;
}

.estate-form  .FaceliftCheckbox .icon:before{
    height: 17px !important;
    width: 17px !important;
    line-height: 17px !important;
}

/*
 * Buttons
 */
.estate-form button,
.estate-form input[type=submit],
.estate-form .modification a,
.estate-form .action a,
.estate-form .actions a {
    display: inline-block;
    background: transparent;
    border: 0;
    color: #000;
    text-transform:none;
    cursor: pointer;
    /*height: 2em;*/
    padding: 0.5em;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-family: source_sans_pro, Arial, sans-serif;
}
.estate-form input[type=file] {
    float: left;
    padding: 0.15em 0.5em 0.15em 0.5em;
    background: transparent;
    color: #000;
    margin-right: 10px;
}

/*
 * Checkbox
 */
.estate-form .FaceliftCheckbox {
    top: 0;
}
.estate-form .FaceliftCheckbox {
    width: 20px;
    height: 20px;
}

/*
 * Radio
 */
.estate-form .FaceliftRadiobutton {
    top: 0;
}

/*
 * Help
 */
.estate-form .field-wrapper > .content > .label .help,
.estate-form .field-wrapper > .field > fieldset > legend > .help {
    float: left;
    position: relative;
    width: 22px;
}
.estate-form .field-wrapper > .content > .label .help + label {
    width: calc(100% - 22px - 0.5em);
    padding-left: 0.25em;
}

.estate-form .field-wrapper > .content > .label .help .icon,
.estate-form .field-wrapper > .field > fieldset > legend > .help .icon {
    display: inline-block;
    background-color: transparent;
    border: 0;
    color: #000;
    text-transform:none;
    font-size: 20px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

.estate-form .field-wrapper > .content > .label .help:before,
.estate-form .field-wrapper > .field > fieldset > legend > .help:before {
    content: ""
}

.estate-form .field-wrapper > .content > .label .help .text,
.estate-form .field-wrapper > .field > fieldset > legend > .help .text {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    padding: 0.25em 0.5em;
    border: 1px solid black;
    border-radius: 3px;
    width: 30em;
    background-color: white;
}
.estate-form .field-wrapper > .content > .label .help .icon:hover + .text,
.estate-form .field-wrapper > .content > .label .help .icon:focus + .text,
.estate-form .field-wrapper > .field > fieldset > legend > .help .icon:hover + .text,
.estate-form .field-wrapper > .field > fieldset > legend > .help .icon:focus + .text{
    display: block;
}

.estate-form .field-wrapper.form-section > .field > fieldset > legend > .help {
    margin-top: 0.1em;
    margin-right: 0.25em;
}

/*
 * Radio buttons
 */
.form-radiobuttons .label {
    width: 30%;
    float: left;
    line-height: 18px;
}

.form-radiobuttons .field {
    width: calc(70% - 2px);
    float: left;
}

/*
 * List
 */
.estate-form dt {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.estate-form dd {
    margin-left: 0;
    margin-bottom: 0.5rem;
    font-style: italic;
}
.estate-form dd:last-of-type {
    margin-bottom: 1.5rem;
}

/*
 * Actions
 */
.estate-form .action {
    margin-bottom: 20px;
}
.estate-form .action:last-of-type {
    margin-bottom: 0;
}

/*
 * Helper
 */
.estate-form .hidden {
    display: none !important;
}

.estate-form .padding-left-0 {
    padding-left: 0 !important;
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form {
    padding: 15px 15px;
}
.ftr-redesign h1 + .estate-form {
    padding-top: 0;
}

/*
 * Headlines
 */
.ftr-redesign .estate-form h1 {
    font-size: 1.5rem;
}
.ftr-redesign .estate-form h2 {
    font-size: 1.29rem;
}
.ftr-redesign .estate-form h3 {
    font-size: 1.14rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.3rem;
}
.ftr-redesign .estate-form h4 {
    font-size: 1rem;
}

/* Textfield -> ToDo: generate own css file */
/*.estate-form .field-wrapper.form-textfield:not(:first-of-type) {*/
/*    border-top: 1px solid !*template:facelift.basecolor.dark.20*!;*/
/*}*/

/*
 * Normal input elements
 */
.ftr-redesign .estate-form input,
.ftr-redesign .estate-form textarea {
    height: 2rem;
    line-height: 2rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: border 0.3s, color 0.3s, background 0.3s;
    color: #000;
    padding: 0 10px;
}
.ftr-redesign .estate-form textarea {
    padding: 5px 10px;
}

/*
 * Buttons
 */
.ftr-redesign .estate-form button,
.ftr-redesign .estate-form input[type=submit],
.ftr-redesign .estate-form .modification a,
.ftr-redesign .estate-form .action a,
.ftr-redesign .estate-form .actions a {
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: border 0.3s, color 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
}
.ftr-redesign .estate-form button span,
.ftr-redesign .estate-form input[type=submit] span,
.ftr-redesign .estate-form .modification a span,
.ftr-redesign .estate-form .action a span,
.ftr-redesign .estate-form .actions a span {
    font-weight: 600;
}
.ftr-redesign .estate-form button:hover,
.ftr-redesign .estate-form input[type=submit]:hover,
.ftr-redesign .estate-form .modification a:hover,
.ftr-redesign .estate-form .action a:hover,
.ftr-redesign .estate-form .actions a:hover {
    border-color: #193e69;
    background: #193e69;
}
.ftr-redesign .estate-form button,
.ftr-redesign .estate-form input[type=submit] {
    padding-bottom: 1.715rem;
}

.ftr-redesign .estate-form .modification a {
    margin-right: 10px;
}
.ftr-redesign .estate-form .modification a:last-of-type {
    margin-right: 0;
}

.ftr-redesign .estate-form .input-file-wrapper {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 0.3rem;
}
.ftr-redesign .estate-form input[type=file] {
    float: none;
    margin-right: 0;
}

/* Add / Remove Button */
.ftr-redesign .estate-form button.add,
.ftr-redesign .estate-form button.remove {
    position: relative;
    background: #e8e8e8;
    border-color: #e8e8e8;
    border-radius: 50%;
    color: #000;
}
.ftr-redesign .estate-form button.add span,
.ftr-redesign .estate-form button.remove span {
    display: none;
}

.ftr-redesign .estate-form button.add:before,
.ftr-redesign .estate-form button.add:after,
.ftr-redesign .estate-form button.remove:before,
.ftr-redesign .estate-form button.remove:after {
    content: '';
    position: absolute;
    background: #000;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
    transform: translate(-50%,-50%);
}
.ftr-redesign .estate-form button.add:after {
    width: 1px;
    height: 50%;
}

/*
 * Help
 */
.ftr-redesign .estate-form .field-wrapper > .content > .label .help .icon,
.ftr-redesign .estate-form .field-wrapper > .field > fieldset > legend > .help .icon {
    color: #000;
    box-shadow: inset 0 0 0 1px #000;
}

.ftr-redesign .estate-form .help .icon:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6) !important;
}

/*
 * List
 */
.ftr-redesign .estate-form dt {
    color: rgba(0, 0, 0, 0.6);
}

/*
 * Repetition
 */
.ftr-redesign .estate-form .repetition {
    border-radius: 0.3rem;
    margin-bottom: 10px !important;
    /*padding: 0 0 10px 10px !important;*/
}
.ftr-redesign .estate-form .repetition .field-wrapper.form-section {
    background: #e8e8e8;
}
.ftr-redesign .estate-form .repetition .field-wrapper > .content > .label {
    width: 100%;
    margin-bottom: 5px;
}

/* ========== DARK MODE ========== */

/*
 * Headlines
 */
.ftr-redesign.css-mode-1 .estate-form h3 {
    background: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .estate-form h4 {
    border-color: rgba(255, 255, 255, 0.2);
}

/*
 * Normal input elements
 */
.ftr-redesign.css-mode-1 .estate-form textarea {
    background: #333333 !important;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9) !important;
}

/*
 * Buttons
 */
.ftr-redesign.css-mode-1 .estate-form button,
.ftr-redesign.css-mode-1 .estate-form input[type=submit],
.ftr-redesign.css-mode-1 .estate-form .modification a,
.ftr-redesign.css-mode-1 .estate-form .action a,
.ftr-redesign.css-mode-1 .estate-form .actions a {
    background: #00DCFE;
    border-color: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 .estate-form button:hover,
.ftr-redesign.css-mode-1 .estate-form input[type=submit]:hover,
.ftr-redesign.css-mode-1 .estate-form .modification a:hover,
.ftr-redesign.css-mode-1 .estate-form .action a:hover,
.ftr-redesign.css-mode-1 .estate-form .actions a:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
    color: #fff;
}
.ftr-redesign.css-mode-1 .estate-form input[type=submit] {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .estate-form input[type=submit]:hover {
    color: #fff !important;
}

.ftr-redesign .estate-form .input-file-wrapper {
    border-color: rgba(255, 255, 255, 0.2);
}

/*
 * Help
 */
.ftr-redesign.css-mode-1 .estate-form .field-wrapper > .content > .label .help .icon {
    color: rgba(255, 255, 255, 0.9);
}

/*
 * List
 */
.ftr-redesign.css-mode-1 .estate-form dt {
    color: #666666;
}




/* ------------------------------------------------------------------------- *\
 * File: module/freebusy/configuration-test.css
\* ------------------------------------------------------------------------- */

.freebusy-test-result-errors {
    margin-bottom: 10px;
    margin-left: 5px;
}



/* ------------------------------------------------------------------------- *\
 * File: module/management-oauth20-revocation/styles.css
\* ------------------------------------------------------------------------- */


.module.profile.oauth20.revocation {
    padding-top: 10px;
}

.module.profile.oauth20.revocation h1 {
    padding-bottom: 21px;
    background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/form/bg_line.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.module.profile.oauth20.revocation form {
    width: 100%;
    display: block!important;
}

.module.profile.oauth20.revocation table {
    width: 100%;
}

.module.admin.oauth20.revocation table > tbody > tr > td > table {
    min-width: 800px;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/ajax-submit.css
\* ------------------------------------------------------------------------- */

.form-ajax-submit.test-result {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1em;
}

.form-ajax-submit.test-result h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
    padding-bottom: 15px;
    border-bottom: 1px dotted rgba(0,0,0,0.4);
}




/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/array-of.css
\* ------------------------------------------------------------------------- */


.estate-form .field-wrapper.form-array-of {
}

.estate-form .field-wrapper.form-array-of > .content > .label {
    width: 30%;
    padding-bottom: 0.5em;
}
.estate-form .field-wrapper.form-array-of > .content > .label label {
    padding-top: 0.1em;
}
.estate-form .field-wrapper.form-array-of > .content > .label .help {
    /*margin-left: 0.25em;*/
}
.estate-form .field-wrapper.form-array-of > .content > .label .help + label {
    width: calc(100% - 22px - 0.5em - 0.25em);
}

.estate-form .field-wrapper.form-array-of .repetition-template {
    display: none;
}

.estate-form .field-wrapper.form-array-of .controls,
.estate-form .field-wrapper.form-array-of .repetitions .repetition {
    margin-bottom: 0.5em;
}

.estate-form .field-wrapper.form-array-of .controls:after,
.estate-form .field-wrapper.form-array-of .repetitions .repetition:after {
    content: "";
    clear: both;
    display: table;
}

.estate-form .field-wrapper.form-array-of .repetitions .repetition:nth-child(2n) {
    background-color: #f8f8f8;
}

.estate-form .field-wrapper.form-array-of .repetitions .repetition:nth-child(2n+1) {
    background-color: #e0e0e0;
}

.estate-form .field-wrapper.form-array-of button {
    height: 1.1em;
    width: 1.1em;
    margin-bottom: 0.25em;
    float: right;
    font-size: 2em;
    position: relative;
}

.estate-form .field-wrapper.form-array-of button span {
    position: absolute;
    top: -1px;
    left: 6px;
    font-size: 1em;
    line-height: 1;
}

.estate-form .field-wrapper.form-array-of button.remove span {
    top: -2px;
    left: 8px;
}

.estate-form .field-wrapper.form-array-of button.show-details {
    height: 2em;
    padding: 0.5em;
    line-height: 1em;
    width: auto;
    margin-bottom: 0.25em;
    float: right;
    font-size: 14px;
}



.estate-form .field-wrapper.form-array-of .repetitions .repetition {
    position: relative;
}

.estate-form .field-wrapper.form-array-of .repetitions .repetition > .field-wrapper.form-section {
    padding-left: 0;
    width: 100%;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition > .field-wrapper.form-section > .errors {
    width: calc(100% - 4.2em);
}


.estate-form .field-wrapper.form-array-of .repetitions .repetition > .field-wrapper.form-section > .field > fieldset > legend {
    width: calc(100% - 0.4em);
    padding: 0.25em 0.2em 0.25em 0.2em;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition > .field-wrapper.form-section > .field > fieldset > legend + .field-wrapper > .content > .label {
    width: 100%;
}

/*.estate-form .field-wrapper.form-array-of .repetitions .repetition button {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/

/*.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content {
    padding: 0 0 0.75em 0;
}*/

.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label {
    width: calc(100% - 2.2em);
    padding-bottom: 0.75em;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label label {
    width: calc(100% - 0.5em);
}

.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label .help,
.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .field > fieldset > legend > .help {
    width: 22px;
    margin: 0.25em 0 0 0.25em;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .field > fieldset > legend > .help {
    margin: 0.1em 0 0 0.25em;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition > .field-wrapper.form-section > .field > fieldset > legend > .help {
    margin-left: 0;
}
.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label .help + label {
    width: calc(100% - 0.5em - 22px - 0.25em);
    padding: 0.35em 0.25em 0 0.25em;
}

/*.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .field {
    padding: 0 0.25em 0 0.25em;
    width: calc(100% - 0.5em);
}*/

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form .field-wrapper.form-array-of .repetitions .repetition,
.ftr-redesign .estate-form .field-wrapper.form-array-of .repetitions .repetition:nth-child(2n+1) {
    background: #e8e8e8;
}

.ftr-redesign .estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label label {
    font-weight: 700;
}

.estate-form .field-wrapper.form-array-of .repetitions .repetition .field-wrapper > .content > .label {
    width: calc(100% - 2.2em - 4px);
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/checkbox.css
\* ------------------------------------------------------------------------- */

/*****************************************************************************\
 *
 * Styling for checkbox
 *
\*****************************************************************************/

.estate-form .form-checkbox .label,
.estate-form .form-checkbox .field {
    /*background-color: red;*/
}

.estate-form .form-checkbox .label {
    padding-bottom: 0.25em;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/checkbox-array.css
\* ------------------------------------------------------------------------- */

/*****************************************************************************\
 *
 * Styling for checkbox-array
 *
\*****************************************************************************/

.estate-form .form-checkbox-array {}

.estate-form .form-checkbox-array .label legend {
    width: calc(100% - 0.25em);
    float: left;
    padding: 0.1em 0.25em 0 0;
}
.estate-form .form-checkbox-array .label .help {
    width: 22px;
}
.estate-form .form-checkbox-array .label .help + legend {
    padding-left: 0.25em;
    padding-right: 0.25em;
    width: calc(100% - 0.5em - 22px);
}

.estate-form .form-checkbox-array .option {
    margin-bottom: 0.25em;
}
.estate-form .form-checkbox-array .option .FaceliftCheckbox {
    float: left;
}
.estate-form .form-checkbox-array .option label {
    float: left;
    margin-top: 1px;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/date.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for datee fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-date input {
    box-sizing: border-box;
    width: 100%;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/date-time-range.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for date-time-range fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-date-time-range input {
    box-sizing: border-box;
    width: 100%;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/enable-child.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for enable-child fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-enable-child {}

.estate-form .field-wrapper.form-enable-child > .content .label {
    width: 100%;
    margin-bottom: 5px;
}
.estate-form .field-wrapper.form-enable-child > .content .label label {
    padding: 0;
}

.estate-form .field-wrapper.form-enable-child > .content > .field {
    width: 100% !important;
    padding: 0 0 0 0;
}


.estate-form .field-wrapper.form-enable-child .enable-form-element .content {
    padding-bottom: 0;
}

.estate-form .field-wrapper.form-enable-child > .content .form-checkbox .label {
    width: calc(100% - 30px);
    float: right;
}
.estate-form .field-wrapper.form-enable-child > .content .form-checkbox .label .help {

}
.estate-form .field-wrapper.form-enable-child > .content .form-checkbox .label label {
    padding: 0.1em 0.25em 0 0.25em;
    font-weight: normal;
}
.estate-form .field-wrapper.form-enable-child > .content .form-checkbox .label label:after {
    display: none;
}
.estate-form .field-wrapper.form-enable-child > .content .form-checkbox .field {
    width: 30px !important;
    height: 20px;
    padding: 0 !important;
}


.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element {
    display: none;
    padding: 0.5em 0 0 30px;
}

.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .field-wrapper.form-section {
    padding-left: 0;
    width: 100%;
}

.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element.enabled {
    display: block;
}

.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .label label {
    width: 100%;
    padding-bottom: 0.25em;
    /*display: none;*/
}
.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .label .help + label {
    width: calc(100% - 22px - 0.75em);
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.1em;
}

.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .field {
    width: 100% !important;
    padding: 0;
}
.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .field input {
    padding: 0;
}

/* Checkbox */
.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .form-checkbox .field {
    width: 30px !important;
}

/* Array of */
.estate-form .field-wrapper.form-enable-child > .content > .field > .real-form-element .form-array-of .repetitions .repetition .field {
    width: calc(100% - 0.5em) !important;
    padding: 0 0.25em;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/file-upload.css
\* ------------------------------------------------------------------------- */


.estate-form .field-wrapper.form-file-upload {

}

.estate-form .field-wrapper.form-file-upload .uploaded-file {
    max-width: 600px;
    height: auto;
}

.estate-form .field-wrapper.form-file-upload .uploaded-file .preview {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.estate-form .field-wrapper.form-file-upload .uploaded-file .progress {
    display: none;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/hiddenfield.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for hidden fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-hiddenfield {
    display: none;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/map.css
\* ------------------------------------------------------------------------- */


.estate-form .field-wrapper.form-map {

}

.estate-form .field-wrapper.form-map .item-template {
    display: none;
}

.estate-form .field-wrapper.form-map .controls,
.estate-form .field-wrapper.form-map .items .item {
    margin-bottom: 0.5em;
}

.estate-form .field-wrapper.form-map .items .item .field-wrapper > .content > .field {
    width: calc(100% - 0.5em);
}

.estate-form .field-wrapper.form-map .controls:after,
.estate-form .field-wrapper.form-map .items .item:after {
    content: "";
    clear: both;
    display: table;
}

.estate-form .field-wrapper.form-map .items .item:nth-child(2n) {
    background-color: #f8f8f8;
}

.estate-form .field-wrapper.form-map .items .item:nth-child(2n+1) {
    background-color: #e0e0e0;
}

.estate-form .field-wrapper.form-map button {
    height: 1.1em;
    width: 1.1em;
    margin-bottom: 0.25em;
    float: right;
    font-size: 2em;
    position: relative;
}

.estate-form .field-wrapper.form-map button.disabled {
    display: none;
}

.estate-form .field-wrapper.form-map button.inactive {
    opacity: 0.5;
    cursor: default;
}

.estate-form .field-wrapper.form-map button span {
    position: absolute;
    top: -1px;
    left: 6px;
    font-size: 1em;
    line-height: 1;
}

.estate-form .field-wrapper.form-map button.remove span {
    top: -2px;
    left: 8px;
}

.estate-form .field-wrapper.form-map button.show-details {
    height: 2em;
    padding: 0.5em;
    line-height: 1em;
    width: auto;
    margin-bottom: 0.25em;
    float: right;
    font-size: 14px;
}

.estate-form .field-wrapper.form-map .field-wrapper.form-section {
    background: transparent;
}

.estate-form .field-wrapper.form-map .field-wrapper.form-section > .field > fieldset > legend {
    font-size: 16px;
    margin-bottom: 0.5em;
}

.estate-form .field-wrapper.form-map .items .item .label {
    width: calc(100% - 2.2em);
    padding-bottom: 0.75em;
}

.estate-form .field-wrapper.form-map .items .item .label label {
    width: calc(100% - 0.5em);
}

/* Map in map */
.estate-form .field-wrapper.form-map .items .item .form-map .label {
    width: 100%;
}
.estate-form .field-wrapper.form-map .items .item .form-map .label .help + label {
    width: calc(100% - 22px - 0.5em);
    padding-top: 0.15em;
}

.estate-form .field-wrapper.form-map .items .item .form-map .item:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}
.estate-form .field-wrapper.form-map .items .item .form-map .item:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.15);
}

/* Array of . map specials */
.estate-form .field-wrapper.form-map .items .item .form-array-of .label {
    width: 100%;
}
.estate-form .field-wrapper.form-map .items .item .form-array-of .label .help {
    margin-left: 0.25em;
}
.estate-form .field-wrapper.form-map .items .item .form-array-of .label .help + label {
    width: calc(100% - 22px - 0.5em - 0.25em);
    padding-top: 0.15em;
}

.estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition:nth-child(2n) {
    background: rgba(0,0,0,0.05);
}
.estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition:nth-child(2n+1) {
    background: rgba(0,0,0,0.15);
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form .field-wrapper.form-map .items .item:nth-child(2n) {
    background-color: #e8e8e8;
}

.ftr-redesign .estate-form .field-wrapper.form-map .items .item:nth-child(2n+1) {
    background-color: #e8e8e8;
}

.ftr-redesign .estate-form .field-wrapper.form-map .items .item {
    border-radius: 0.3rem;
}

.ftr-redesign .estate-form .field-wrapper.form-map .items .item .label {
    width: calc(100% - 2.2em - 4px);
}

.ftr-redesign .estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition:nth-child(2n) {
    background: #cccccc;
}
.ftr-redesign .estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition:nth-child(2n+1) {
    background: #cccccc;
}

/* Array Of */
.ftr-redesign .estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition button,
.ftr-redesign .estate-form .field-wrapper.form-map .items .item .form-array-of .controls button {
    background: #cccccc;
    border-color: #cccccc;
}

.ftr-redesign .estate-form .field-wrapper.form-map .items .item .form-array-of .repetitions .repetition .label label {
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.4em;
}

/* Multi Wrapper */
.ftr-redesign .estate-form .field-wrapper.form-map .items .multi-wrapper .item:nth-child(2n) {
    background-color: transparent;
}
.ftr-redesign .estate-form .field-wrapper.form-map .items .multi-wrapper .item:nth-child(2n+1) {
    background-color: transparent;
}
.ftr-redesign .estate-form .field-wrapper.form-map .items .multi-wrapper .item:hover {
    background-color: #e8e8e8;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/markdown-notification.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for markdown-notification fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-markdown-notification {
    margin-top: 0.5em;
    padding: 0.5em;
}

.estate-form .field-wrapper.form-markdown-notification .content {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.estate-form .field-wrapper.form-markdown-notification .content .field {
    width: 100%;
}

/* Content . Elements */
.estate-form .field-wrapper.form-markdown-notification .content .field p {
    margin-bottom: 0.5em;
}

.estate-form .field-wrapper.form-markdown-notification .content .field strong {
    font-weight: bold;
}

.estate-form .field-wrapper.form-markdown-notification .content .field ul {
    padding-left: 1.2em;
}

.estate-form .field-wrapper.form-markdown-notification .content .field ul li {
    list-style-type: disc;
}

/* Colors */
.estate-form .field-wrapper.form-markdown-notification-info {
    background-color: #0074C5;
    color: white;
}
.estate-form .field-wrapper.form-markdown-notification-success {
    background-color: #add200;
}
.estate-form .field-wrapper.form-markdown-notification-warning {
    background-color: #ffab00;
}
.estate-form .field-wrapper.form-markdown-notification-error {
    background-color: #dd463c;
    color: white;
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form .field-wrapper.form-markdown-notification {
    border-radius: 0.3rem;
}

/* ========== DARK MODE ========== */



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/markdown-text.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for markdown-text fields
 *
\*****************************************************************************/

.estate-form .field-wrapper .form-markdown-text .field {
    width: 100%;
}

.estate-form .field-wrapper .form-markdown-text .label + .field {
    width: 70%;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/multi-type.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for multi-type form elements
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-multi-type {

}

.estate-form .field-wrapper.form-multi-type .types > .type {
    display: none;
}

.estate-form .field-wrapper.form-multi-type .types > .type.active {
    display: block;
}

/* Array of */
.estate-form .field-wrapper.form-multi-type .form-array-of > .content > .label {
    width: 100%;
}
.estate-form .field-wrapper.form-multi-type .form-array-of > .content > .label .help {
    margin-left: 0.25em;
}

/* Map */
.estate-form .field-wrapper.form-multi-type .form-map > .content > .label {
    width: 100%;
    margin-bottom: 0.5em;
}
.estate-form .field-wrapper.form-multi-type .form-map > .content > .label label {
    padding-top: 0.1em;
}
.estate-form .field-wrapper.form-multi-type .form-map > .content > .label .help {
    margin-left: 0.25em;
}
.estate-form .field-wrapper.form-multi-type .form-map > .content > .label .help + label {
    width: calc(100% - 22px - 0.5em - 0.5em);
}

/* Text */
.estate-form .field-wrapper.form-multi-type .form-textfield > .content > .label label {
    padding-top: 0.1em;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/multi-type-map.css
\* ------------------------------------------------------------------------- */


.estate-form .field-wrapper.form-multi-type-map {

}

.estate-form .field-wrapper.form-multi-type-map .item-template {
    display: none;
}

.estate-form .field-wrapper.form-multi-type-map .controls,
.estate-form .field-wrapper.form-multi-type-map .items .item {
    margin-bottom: 0.5em;
    padding: 0 0 0 0;
}

/*.estate-form .field-wrapper.form-multi-type-map .items .item .field-wrapper > .content > .field {*/
/*    width: calc(100% - 32px);*/
/*}*/

.estate-form .field-wrapper.form-multi-type-map .controls:after,
.estate-form .field-wrapper.form-multi-type-map .items .item:after {
    content: "";
    clear: both;
    display: table;
}

.estate-form .field-wrapper.form-multi-type-map .items .item:nth-child(2n) {
    background-color: #f8f8f8;
}

.estate-form .field-wrapper.form-multi-type-map .items .item:nth-child(2n+1) {
    background-color: #e0e0e0;
}

.estate-form .field-wrapper.form-multi-type-map .items .item > .key,
.estate-form .field-wrapper.form-multi-type-map .items .item > .values {
    width: calc(100% - 2.2em);
}
.estate-form .field-wrapper.form-multi-type-map .items .item > .values {
    margin-left: 0.25em;
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value {
    display: none;
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value.active {
    display: block;
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value.active .field-wrapper.form-section {
    padding-left: 0;
    width: 100%;
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value > .form-section > .field > fieldset > legend {
    display: none;
}

.estate-form .field-wrapper.form-multi-type-map button {
    height: 1.1em;
    width: 1.1em;
    margin-bottom: 0.25em;
    float: right;
    font-size: 2em;
    position: relative;
}

.estate-form .field-wrapper.form-multi-type-map button span {
    position: absolute;
    top: -1px;
    left: 6px;
    font-size: 1em;
    line-height: 1;
}

.estate-form .field-wrapper.form-multi-type-map button.remove span {
    top: -2px;
    left: 8px;
}

.estate-form .field-wrapper.form-multi-type-map button.disabled {
    display: none;
}

.estate-form .field-wrapper.form-multi-type-map button.inactive {
    opacity: 0.5;
    cursor: default;
}

.estate-form .field-wrapper.form-multi-type-map button.show-details {
    height: 2em;
    padding: 0.5em;
    line-height: 1em;
    width: auto;
    margin-bottom: 0.25em;
    float: right;
    font-size: 14px;
}

/* Array of */
.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .label {
    width: 100%;
    padding-bottom: 0.75em;
}
.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .repetitions .repetition:nth-child(2n) {
    background: rgba(0,0,0,0.05);
}
.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .repetitions .repetition:nth-child(2n+1) {
    background: rgba(0,0,0,0.15);
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .repetitions .repetition:nth-child(2n) button,
.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .repetitions .repetition:nth-child(2n+1) button {
    background: transparent;
    border: 0 none transparent;
}

.estate-form .field-wrapper.form-multi-type-map .items .values .value .form-array-of .repetitions .repetition .field-wrapper > .content > .label {
    width: calc(100% - 2.2em);
}


/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .item:nth-child(2n) {
    background: #e8e8e8;
}
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .item:nth-child(2n+1) {
    background: #e8e8e8;
}

/*.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .repetitions .repetition button,*/
/*.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .controls button {*/
/*    background: #cccccc;*/
/*    border-color: #cccccc;*/
/*}*/

.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .item .label {
    width: calc(100% - 2.2em - 4px);
}

.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .item .label label {
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.4em !important;
}
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .item .label .help + label {
    padding-top: 0.15em !important;
}


/* Multi Wrapper */
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .multi-wrapper .item {
    padding: 5px 10px;
}
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .multi-wrapper .item:nth-child(2n) {
    background-color: transparent;
}
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .multi-wrapper .item:nth-child(2n+1) {
    background-color: transparent;
}
.ftr-redesign .estate-form .field-wrapper.form-multi-type-map .items .multi-wrapper .item:hover {
    background-color: #e8e8e8;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/radio.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for radio fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-radiobuttons .label {
    width: 100%;
    padding-bottom: 0.25em;
}
.estate-form .field-wrapper.form-radiobuttons .label .label {
    padding-top: 0.1em !important;
}
.estate-form .field-wrapper.form-radiobuttons .label .help {

}
.estate-form .field-wrapper.form-radiobuttons .label .help + .label {
    width: calc(100% - 22px - 0.5em);
}

.estate-form .field-wrapper.form-radiobuttons .field {
    width: 100%;
}

.estate-form .field-wrapper.form-radiobuttons .option {
    margin-bottom: 0.25em;
}

.estate-form .field-wrapper.form-radiobuttons .option:after {
    content: "";
    clear: both;
    display: table;
}
.estate-form .field-wrapper.form-radiobuttons .option .FaceliftRadiobutton,
.estate-form .field-wrapper.form-radiobuttons .option .label {
    float: left;
}

.estate-form .field-wrapper.form-radiobuttons .option .label {

}




/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/searchable-map.css
\* ------------------------------------------------------------------------- */


.estate-form .field-wrapper.form-searchable-map {

}

.estate-form .field-wrapper.form-searchable-map .item-template {
    display: none;
}

.estate-form .field-wrapper.form-searchable-map .controls,
.estate-form .field-wrapper.form-searchable-map .items .item {
    margin-bottom: 0.5em;
    padding: 0 0 0.5em 0.5em;
}

.estate-form .field-wrapper.form-searchable-map .items .item .field-wrapper > .content > .field {
    width: calc(100% - 32px);
}

.estate-form .field-wrapper.form-searchable-map .controls:after,
.estate-form .field-wrapper.form-searchable-map .items .item:after {
    content: "";
    clear: both;
    display: table;
}

.estate-form .field-wrapper.form-searchable-map .items .item:nth-child(2n) {
    background-color: #f8f8f8;
}

.estate-form .field-wrapper.form-searchable-map .items .item:nth-child(2n+1) {
    background-color: #e0e0e0;
}

.estate-form .field-wrapper.form-searchable-map button {
    height: 1.1em;
    width: 1.1em;
    margin-bottom: 0.25em;
    float: right;
    padding: 0.05em;
    font-size: 2em;
}

.estate-form .field-wrapper.form-searchable-map button.disabled {
    display: none;
}

.estate-form .field-wrapper.form-searchable-map button.inactive {
    opacity: 0.5;
    cursor: default;
}

.estate-form .field-wrapper.form-searchable-map button.show-details {
    height: 2em;
    padding: 0.5em;
    line-height: 1em;
    width: auto;
    margin-bottom: 0.25em;
    float: right;
    font-size: 14px;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/section.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for sections
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-section {
    width: auto;
    background: #EEEEEE;
    padding: 13px;
    margin-bottom: 1rem;
}
.estate-form .field-wrapper.form-section .field-wrapper.form-section {
    padding: 0 0 0 0;
    margin-bottom: 0;
    background: transparent;
}
.estate-form .field-wrapper.form-section .item > .field-wrapper.form-section {
    padding: 0 0.25em;
    width: calc(100% - 0.5em);
}

/* Leveling */
.estate-form .field-wrapper.form-section .field-wrapper.form-section {
    padding-left: 15px;
    width: calc(100% - 15px);
    /*border-left: 1px solid #000;*/
}
/*.estate-form .field-wrapper.form-section:nth-child(n + 4) {*/
/*    padding-left: 0;*/
/*    width: 100%;*/
/*    border-left: 1px solid red;*/
/*}*/

.estate-form .field-wrapper.form-section .field-wrapper.form-section .field-wrapper:not(.form-section) {
    /*border-left: 1px solid red;*/
}



.estate-form .field-wrapper.form-section > .field {
    width: auto;
}
.estate-form .field-wrapper.form-section > .field > fieldset > legend {
    padding: 0 0 0.25em 0;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}

.estate-form .field-wrapper.form-section:first-child > .field > fieldset > legend{
    background: none;
    padding: 0;
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .estate-form .field-wrapper.form-section {
    background: #f5f5f5;
    border-radius: 0.3rem;
}

/*.ftr-redesign .estate-form form .field-wrapper.form-section .field-wrapper.form-section {*/
/*    padding: 10px 0 0 0;*/
/*}*/

.ftr-redesign .estate-form .field-wrapper.form-section > .field > fieldset > legend {
    font-size: 1.14rem;
    font-weight: 600;
}

/* ========== DARK MODE ========== */

.ftr-redesign.css-mode-1 .estate-form .field-wrapper.form-section {
    background: #222222;
}





/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/select.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for select fields
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-select .FaceliftSelectbox.estateselectbox {
    max-width: 328px;
}

.estate-form .field-wrapper .form-select .label {
    width: 100%;
    padding-bottom: 0.5em;
}
.estate-form .field-wrapper .form-select .label label {
    padding-top: 0.1em !important;
}
.estate-form .field-wrapper .form-select .label .help {
    margin-left: 0.25em;
}
.estate-form .field-wrapper .form-select .label .help + label {
    width: calc(100% - 22px - 0.5em - 0.25em);
}

/* Multi Map */
.estate-form .field-wrapper .form-map .form-select .label label {
    padding-top: 0.35em !important;
}

/* =================================
   REDESIGN
   ================================= */

/* Default */
/*.ftr-redesign .estate-form .form-select select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .estate-form .form-select select:not([disabled]):focus + .FaceliftSelectbox.estateselectbox {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: transparent !important;
}*/

/* Map */
.ftr-redesign .estate-form .form-map .item .form-select select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .estate-form .form-map .item .form-select select:not([disabled]):focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .estate-form .form-multi-type-map .item .form-select select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .estate-form .form-multi-type-map .item .form-select select:not([disabled]):focus + .FaceliftSelectbox.estateselectbox
{
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: transparent !important;
}




/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/serverside-url.css
\* ------------------------------------------------------------------------- */

.form-serverside-url.analysis-result {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1em;
}

.form-serverside-url.analysis-result h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
    padding-bottom: 15px;
    border-bottom: 1px dotted rgba(0,0,0,0.4);
}

.form-serverside-url.analysis-result h3 {
    font-size: 1.25em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.form-serverside-url.analysis-result dl {
    padding-left: 1em;
    font-size: 1.1em;
}

.form-serverside-url.analysis-result dl:after {
    display: table;
    content: "";
    clear: both;
}

.form-serverside-url.analysis-result dl dt {
    clear: both;
    font-weight: bold;
    float: left;
    min-width: 15em;
    margin-bottom: 0.25em;
    opacity: 0.6;
}
.form-serverside-url.analysis-result dl dt:after {
    content: ":";
}

.form-serverside-url.analysis-result dl dd {
    font-weight: normal;
    font-family: source_sans_proregular, Arial, Helvetica, sans-serif;
    float: left;
    margin-bottom: 0.25em;
}

.form-serverside-url.analysis-result pre {
    overflow-x: auto;
    background-color: lightgrey;
    padding: 0.75em;
    margin-bottom: 1em;
}

.form-serverside-url .check-url {
    margin-top: 0.5em;
}


/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/textfield.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling for text fields
 *
\*****************************************************************************/

.estate-form .field-wrapper .form-textfield .label {
    width: 100%;
    padding-bottom: 0.5em;
}
.estate-form .field-wrapper .form-textfield .label label {
    /*padding-top: 0.1em !important;*/
}
.estate-form .field-wrapper .form-textfield .label .help {
    margin-left: 0.25em;
}
.estate-form .field-wrapper .form-textfield .label .help + label {
    width: calc(100% - 22px - 0.5em - 0.25em);
}




/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/translatable-text.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling translatable texts
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-translatable-text {

}

.estate-form .field-wrapper.form-translatable-text .translation-fields {
    display: none;
}

.estate-form .field-wrapper.form-translatable-text .translation {
    display: flex;
}

.estate-form .field-wrapper.form-translatable-text .translation button .icon-translate{
    color: #fff;
}

.estate-form .field-wrapper.form-translatable-text .translation-fields.open {
    display: block;
    margin-top: 8px;
    background: #eeeeee;
    padding-bottom: 8px;
}

.estate-form .field-wrapper.form-translatable-text .translation-fields .translation {
    padding: 8px;
    margin-bottom: 1em;
}

.estate-form .field-wrapper.form-translatable-text .translation-fields .translation > label {
    display: inline-block;
    width: 17.5em;
    padding: 4px 0;
}

.estate-form .field-wrapper.form-translatable-text .translation-fields .translation > label:after {
    content: ":";
}

.estate-form .field-wrapper.form-translatable-text .translation-fields .translation input[type="text"] {
    display: block;
}

.estate-form .field-wrapper.form-translatable-text button{
    margin-left: 8px;
}

/*Dark mode*/
.css-mode-1 .estate-form .field-wrapper.form-translatable-text .translation button .icon-translate{
    color: #000;
}
.css-mode-1 .estate-form .field-wrapper.form-translatable-text .translation button:hover .icon-translate{
    color: #fff;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/x509-certificate.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling inputs for X509 certificates
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-x509-certificate {

}

.estate-form .field-wrapper.form-array-of .repetitions .field-wrapper.form-x509-certificate >.content>.field {
    width: calc(100% - 32px);
}

.estate-form .field-wrapper.form-x509-certificate textarea {
    min-width: 100%;
    min-height: 10em;
    background-color: #fbfbfb;
    font-family: monospace;
}

.estate-form .field-wrapper.form-x509-certificate .certificate-info {
    display: none;
}

.form-x509-certificate.certificate-info h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
    padding-bottom: 15px;
    border-bottom: 1px dotted rgba(0,0,0,0.4);
}

.form-x509-certificate.certificate-info dl {
    font-size: 1.1em;
    padding-left: 1em;
}

.form-x509-certificate.certificate-info dt {
    min-width: 12em;
    float: left;
    clear: both;
    margin-bottom: 0.5em;
    opacity: 0.6;
}

.form-x509-certificate.certificate-info dd {
    float: left;
    margin-bottom: 0.5em;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/x509-private-key.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling inputs for X509 private keys
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-x509-private-key {

}

.estate-form .field-wrapper.form-array-of .repetitions .field-wrapper.form-x509-private-key >.content>.field {
    width: calc(100% - 32px);
}

.estate-form .field-wrapper.form-x509-private-key textarea {
    min-width: 100%;
    min-height: 10em;
    font-family: monospace;
    margin-bottom: 0.5em;
    background-color: #fbfbfb;
}



/* ------------------------------------------------------------------------- *\
 * File: module/form/elements/x509-public-key.css
\* ------------------------------------------------------------------------- */


/*****************************************************************************\
 *
 * Styling inputs for X509 private keys
 *
\*****************************************************************************/

.estate-form .field-wrapper.form-x509-public-key {

}

.estate-form .field-wrapper.form-array-of .repetitions .field-wrapper.form-x509-public-key > .content > .field {
    width: calc(100% - 32px);
}

.estate-form .field-wrapper.form-x509-public-key textarea {
    min-width: 100%;
    min-height: 10em;
    font-family: monospace;
    margin-bottom: 0.5em;
    background-color: #fbfbfb;
}



/* ------------------------------------------------------------------------- *\
 * File: module/resource-massediting/styles.css
\* ------------------------------------------------------------------------- */

/* Not empty */
.module.massediting.listing .info {
    font-size: 18px;
}
.module.massediting.listing .info ol {
    padding-left: 40px;
}
.module.massediting.listing .info li {
    list-style-type: decimal;
}

.module.massediting .reimport {
    margin-bottom: 20px;
}
.module.massediting .reimport-current-file {
    margin-bottom: 10px;
}
.module.massediting .reimport-current-file a,
.module.massediting .action.export a:not(.export.stdButton),
.module.massediting .action.import a {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    display: inline;
    padding: 0 0.5em;
}
.module.massediting .reimport-import-preview {}

.module.massediting .reupload {
    margin-bottom: 10px;
}

/* Error */
.module.massediting .result.failures-present .summary {
    border: 1px solid red;
    background: rgba(255,0,0,0.2);
    color: red;
    padding: 10px;
    margin-bottom: 20px;
}

.module.massediting .result.failures-present table {
    margin-top: 20px;
}
.module.massediting .result.failures-present table th {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.module.massediting .result.failures-present table td {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    vertical-align: top;
}

/* Import preview */
.module.massediting.import-preview .diff {
    position: relative;
    display: block;
    padding: 0.25rem 0.5rem;
    min-height: 2rem;
    margin-left: -10px;
    margin-right: -10px;
}

.module.massediting.import-preview .diff.changed {
    background-color: lightgreen;
}

.module.massediting.import-preview .diff.error-occurred {
    background-color: #FFBABA;
}

.module.massediting.import-preview .diff .old-value {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: yellow;
    padding: 0.25rem 0.5rem;
}

.module.massediting.import-preview .diff.changed:hover .old-value,
.module.massediting.import-preview .diff.error-occurred:hover .old-value {
    opacity: 1;
}

/* Success */
.module.massediting .result.success {
    display: block;
    margin: 0 0 20px 0;
    background-image: none;
    padding: 10px;
}

/* =================================
   REDESIGN
   ================================= */

.ftr-redesign .module.massediting .reimport-current-file {
    margin-bottom: 7px;
}

.ftr-redesign .module.massediting .reimport-current-file a {
    color: #000;
    border: 0 none;
    margin-bottom: 3px;
    display: inline-block;
}
.ftr-redesign .module.massediting .reimport-current-file a:hover {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
}

.ftr-redesign .reupload form {
    align-items: center;
}

/* Import preview */
.ftr-redesign .module.massediting.import-preview .diff,
.ftr-redesign .module.massediting.import-preview .diff span {
    border-radius: 0.3rem;
}
.ftr-redesign .module.massediting.import-preview .diff.changed {
    /*background-color: !*template:facelift.basecolor.green*!;*/
    color: #000;
}
.ftr-redesign .module.massediting.import-preview .diff .old-value {
    transition: opacity 0.3s, background 0.3s;
    /*background: !*template:facelift.basecolor.yellow*!;*/
}

/* Error */
.ftr-redesign .module.massediting .result.failures-present .summary {
    font-size: 1.14rem;
}

/* Success */
.ftr-redesign .module.massediting .result.success .summary {
    font-size: 1.14rem;
    color: #4F8A10;
}

/* ========== DARK MODE ========== */

.ftr-redesign.css-mode-1 .module.massediting .reimport-current-file a {
    color: rgba(255, 255, 255, 0.9);
    background: transparent;
}
.ftr-redesign.css-mode-1 .module.massediting .reimport-current-file a:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.ftr-redesign.css-mode-1 .module.massediting.import-preview .diff.changed  {
    color: #000;
}

.ftr-redesign.css-mode-1 .module.massediting .result.failures-present table td {
    border-color: rgba(255, 255, 255, 0.2);
}

.ftr-redesign .module.massediting .result.success {
    background-color: rgba(0,255,0,0.1);
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-authentication/admin-login.css
\* ------------------------------------------------------------------------- */


.module.system-authentication.admin-login {

}

.module.system.authentication.admin-login > h1 {
    font-size: 18px;
    margin: 15px 0 5px 0;
}

.module.system.authentication.admin-login > .report.not-executed {
    display: none;
}

.module.system.authentication.admin-login > .report.executed {
    display: block;
    padding: 2rem;
    border-radius: 5px;
}

.module.system.authentication.admin-login > .report.executed.successful {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.module.system.authentication.admin-login > .report.executed.failed {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-authentication/edit.css
\* ------------------------------------------------------------------------- */


.module.system-authentication.edit {

}

.module.system.authentication.edit > h1 {
    font-size: 18px;
    margin: 15px 0px 5px 0px;
}

.module.system.authentication.edit > .type {
    opacity: 0.6;
    margin-bottom: 15px;
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-authentication/provider-info.css
\* ------------------------------------------------------------------------- */

.module.system.authentication.provider-info {

}

.module.system.authentication.provider-info h1 {
    margin-bottom: 1.5rem;
}

.module.system.authentication.provider-info .infoitems .item {
    margin-bottom: 1rem;
}

.module.system.authentication.provider-info .infoitems .item label {
    display: inline-block;

    min-width: 150px;
}

.module.system.authentication.provider-info .infoitems .item label:after {
    content: ":";
}

.module.system.authentication.provider-info .infoitems .item input[type="text"][readonly] {
    min-width: 350px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    padding: 0 1rem;
    border: none;
    background-color: transparent;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.module.system.authentication.provider-info .infoitems .item input[type="text"][readonly].copied {
    background-color: rgba(0, 0, 0, 0.5);
    transition-duration: 0s;
}

.module.system.authentication.provider-info .infoitems a[role="button"] {
    display: inline-block;


}



/* ------------------------------------------------------------------------- *\
 * File: module/system-authorization-oauth20/styles.css
\* ------------------------------------------------------------------------- */


.module.system.authorization.oauth20.clients {

}

.module.system.authorization.oauth20.clients > form > table > tbody > tr > td > table {
    min-width: 600px
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-internal-featureactivation/styles.css
\* ------------------------------------------------------------------------- */


.module.system.internal.featureactivation.listing .change-feature-state-button {
    position: relative;
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-logviewer/styles.css
\* ------------------------------------------------------------------------- */


.module.system.logviewer.detail {
    height: 100%;
    width: 100%;

    overflow: hidden;
}

.module.system.logviewer.detail .content {
    height: calc(100% - 3rem);
    width: 100%;

    overflow: auto;
}

.module.system.logviewer.detail button {
    margin-top: 0.5rem;
    float: right;
    height: 2rem;
}

.module.system.logviewer.detail h2 {
    font-size: 1.5rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.module.system.logviewer.detail h2.log-level-debug {
    background-color: darkgrey;
}
.module.system.logviewer.detail h2.log-level-info {
    background-color: lightskyblue;
}
.module.system.logviewer.detail h2.log-level-notice {
    background-color: yellow;
}
.module.system.logviewer.detail h2.log-level-warning {
    background-color: orange;
}
.module.system.logviewer.detail h2.log-level-error,
.module.system.logviewer.detail h2.log-level-critical,
.module.system.logviewer.detail h2.log-level-alert,
.module.system.logviewer.detail h2.log-level-emergency {
    background-color: red;
}

.module.system.logviewer.detail h3 {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    min-width: 12rem;
    margin-right: 0.5rem;
}

.module.system.logviewer.detail .exception {
    margin-top: 1rem;
    padding-left: 1rem;
}
.module.system.logviewer.detail .exception li {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}
.module.system.logviewer.detail .exception h4 {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    min-width: 5rem;
}
.module.system.logviewer.detail .exception h4:after {
    content: ':';
}
.module.system.logviewer.detail .exception .trace h4 {
    margin-bottom: 0.1rem;
}



/* ------------------------------------------------------------------------- *\
 * File: module/system-mqtt-client/styles.css
\* ------------------------------------------------------------------------- */

/** Not empty **/

.module.system.mqtt-client.connectivity-test .report.success,
.module.system.mqtt-client.connectivity-test .report.failed {
    display: block;
}



/* ------------------------------------------------------------------------- *\
 * File: utility.css
\* ------------------------------------------------------------------------- */

/* general accessibility styles */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_startpage.css
\* ------------------------------------------------------------------------- */

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    margin:0;
    padding: 0;

    height: 100%;

    color: #444444;
    text-align: left;

    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;

    font-family: source_sans_pro, Arial, sans-serif;

    font-size: 20px;
}
a,
a:active,
a:visited,
a:hover {
    text-decoration:none;
    color: #ff0000;
}
a:hover {
    text-decoration: underline;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.header,
.container {
    position: relative;
    max-width: 800px;
    margin: 0 9%;
    background: rgba(255, 255, 255, 0.9);
}

#language {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

#language li a {
    color: #444444;
}
#language li a:hover {
    text-decoration: none;
}

#language li.active {
    color: #888888;
}

.logo {
    line-height: 22px;
}

.container {
    padding-bottom: 1em;
}

#content{
    display: block;

    padding-top: 1em;
    padding-left: 13%;
    padding-right: 13%;

    width: 100%;
}

@media (max-width: 768px) {
    #content {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media (max-width: 480px) {
    #content {
        padding-left: 1em;
        padding-right: 1em;
    }
}

#content h1 {
    font-size: 1.5em;

    margin-top: 0;
}

#language ul {
    display: block;
    padding-right: 60px;
    padding-left: 0;
    margin: 0;
}
#language li {
    display:inline;
    padding:0;
    padding-left:20px;
}

#sections{
    font-family: source_sans_pro, Arial, sans-serif;
    border-bottom: 1px solid transparent;
    border-left: none;
    background-color: transparent;
}
#sections ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
    display: block;
}
#sections li {
    display: inline-block;
    border-right: 2px solid transparent;
    margin-left: 0;
}
#sections li:first-child {
    border-left: 2px solid transparent;
    border-top: none;
}
#sections a {
    display: block;
    color: #444444;
    transition: color;
    transition-duration: 0.1s;
    border-left: none;
    padding: 1em 0.75em;
}
#sections a:hover{
    text-decoration:none;
    color: black;
}
#sections a.current {
    color: #222222;

    padding-bottom: calc(1em - 3px);
    border-bottom: 8px solid transparent;
}
@media (max-width: 680px) {

    #sections{
        border-bottom: none;
        border-left: 5px solid transparent;
        padding: 0;
    }
    #sections li {
        display: block;
        border-right: none;
        border-bottom: 2px solid transparent;

        margin-left: -5px;
        margin-bottom: 0;
    }
    #sections li:first-child {
        border-top: 2px solid transparent;
        border-left: none;
    }
    #sections a {
        border-left: 5px solid transparent;
        border-bottom: none;
    }
    #sections a.current {
        color: #222222;

        padding-bottom: 1em;

        padding-left: calc(0.75em - 3px);
        border-left-width: 8px;
        border-bottom: 5px solid transparent;
    }
}

.loading-overlay,
.login-in-progress-overlay {
    display: none;

    position: fixed;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(127, 127, 127, 0.9);
    z-index: 1000;
}

.loading-overlay.active,
.login-in-progress-overlay.active {
    display: block;
}

.loading-overlay .message,
.login-in-progress-overlay .message {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
}

.loading-overlay .redirect-fallback,
.login-in-progress-overlay .redirect-fallback {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);

    color: #000;
    background-color: transparent;
    transition: background-color;
    transition-duration: 0.1s;
    border-radius: 2px;
    text-transform: none;
    height: auto;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 1rem;
}

.loading-overlay .redirect-fallback.hidden,
.login-in-progress-overlay .redirect-fallback.hidden {
    display: none;
}

.loading-overlay .redirect-fallback:hover,
.login-in-progress-overlay .redirect-fallback:hover {
    text-decoration: none;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}
.loading-overlay .message:before,
.login-in-progress-overlay .message:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 1px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}

.tableContainer {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}
@media (max-width: 768px) {
    .tableContainer {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .tableContainer {
        width: 95%;
    }
}

.tableContainer.confirmationCheckbox .tableElement label {
    white-space: normal;
}

.tableContainer.location input {
    display: block;
    margin-top: 1rem;
}

.tableContainer.error input,
.tableContainer.error select,
.tableContainer.error textarea {
    border: 2px solid red;
}

.tableError {
    margin-left: 30%;
    margin-top: 0.5em;
    margin-bottom: 0.25em;

    padding-left: 0;

    list-style-type: none;

    background-color: rgba(255, 0, 0, 0.2);
    color: red;
    border: 1px solid red;
}

.tableError li {
    padding: 0.25em 0.5em;
}

.tableItem{
    display: inline-block;
    width: 33%;
    margin-bottom: 0.3em;
    float: left;
}

.required {
    color: red;
    font-weight: bold;
    padding: 0 0.125em;
}

.tableElement{
    display: inline-block;
    width: 67%;
    white-space:nowrap;
}

@media (max-width: 650px) {

    .tableError {
        margin-left: 0;
    }
    .tableItem{
        width: 100%;
    }
    .tableElement{
        width: 100%;
    }
}

.tableElement input,
.tableElement select,
.tableElement textarea {
    display: inline-block;

    background-color: #d9d9d9;

    font-family: source_sans_pro, Arial, sans-serif;
    font-weight: bold;

    border: none;

    padding: 0.6em 1em;

    width: 100%;
}

/* Hide antispam fields */
.tableContainer.antispam .tableItem,
.tableContainer.antispam .required,
.tableContainer.antispam .tableElement {
    height: 0;
    max-height: 0;
    width: 0;
    max-width: 0;
    overflow: hidden;
    margin: 0;
}

.highcontrast .tableElement input,
.highcontrast .tableElement select,
.highcontrast .tableElement textarea {
    border: 1px solid white;
}

.tableSubmit {
    text-align: right;
    clear: both;
}
.tableSubmit #required {
    float: left;
    font-size: 0.75em;
}

.tableSubmit ul {
    display: inline-block;

    list-style-type:none;
    margin: 0;
    padding: 0;

    float: right;

    text-align: right;
}
.tableSubmit:after {
    clear: both;
    content: "";
    display: block;
}

.tableSubmit li {

    display: inline-block;

    margin-left: 1em;
    margin-bottom: 0.5em;
}

.tableSubmit a {
    font-family: source_sans_pro, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;

    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 27px;

    color: white;
    background-color: #666666;
    padding: 0.1em 1em;

    transition: background-color;
    transition-duration: 0.1s;
}

.tableSubmit a:hover{
    text-decoration: none;
    background-color: black;
}

.tableSubmit a:focus{
    outline: 1px dotted black;
}

form.no-credential-login {
    display: none;
}

#notice {
    font-size:12px;
}

#error {
    border: none;
}

#error .content {
    display: block;
    border: 2px solid red;
    padding: 0.5em 1em;
    margin: 1em 0;

}
#error ~ br,
#error br {
    display: none;
}
#error b {
    display: block;
}
#error,#error a{
    color: red;
}
#error a{
    text-decoration:underline;
}



/* ------------------------------------------------------------------------- *\
 * File: redesign_startpage.css
\* ------------------------------------------------------------------------- */

/* =========== Global =========== */
html,
body {
    font-size: 14px;
}

body {
    font-family: source_sans_pro, Arial, sans-serif;
    font-weight: 400;
    color: #000;
}

.header,
.container {
    max-width: 600px;
}

/* Links */
a,
a:active,
a:visited,
a:hover {
    text-decoration: none;
    color: #a9b9d2;
    font-weight: 700;
}

/* Helper */
.text-bold {
    font-weight: 700;
}

/* =========== Header =========== */
.header {
    height: 60px;
    background-color: #fff;
}

.logo {
    margin: auto 0;
    background: transparent;
    height: 100%;

    line-height: 60px;
    padding-left: 30px;
}

.logo img {
    display: inline-block;
    max-height: 100%;
    width: auto;
    vertical-align: middle;

    height: 40px;
}

.header .right {
    float: right;
    margin: 0 auto;
    display: inline;
    line-height: 60px;
}

#language {
    position: absolute;
    top: 20px;
    right: 20px;
}
#language.middle {
    top: 50%;
    transform: translateY(-50%);
}

/* =========== Container =========== */
.container {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0 0 0.3rem 0.3rem;
    padding-bottom: 0;
    margin-bottom: 2rem;
}

/* =========== Sections . Nav =========== */
#sections {
    color: #000;
    border-bottom: 0 none;
    margin: 0 20px;
    padding-top: 20px;
}

#sections ul {
    background: #e8e8e8;
    border: 3px solid #e8e8e8;
    border-radius: 0.6rem;
}

#sections li {
    border: 0 none;
    margin: 0;
    background: transparent;
}
#sections li:first-child {
    border: 0 none;
}

#sections a {
    border-radius: 0.5rem;
    color: #000;
    font-weight: 600;
    /*font-size: !*template:base.fontsize.s*!;*/
    line-height: 1;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    border-bottom: none;
    transition: color 0.3s;
}

#sections a.current {
    border-bottom: 0 none;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    color: #000;
}

#sections a:not(.current):hover {
    color: #a9b9d2;
}

/* =========== Content =========== */
#content {
    padding: 30px 30px 15px 30px;
}

#content h1 {
    font-size: 1.29rem;
    font-weight: 700;
    margin: 0 0 15px 0;
}

#content p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 20px;
}

.tableContainer {
    width: 100%;
}
.tableContainer:after {
    content: "";
    clear: both;
    display: table;
}

.tableContainer label {
    font-weight: 600;
    padding-right: 10px;
    padding-top: 0.4rem;
    display: inline-block;
}

.tableError {
    margin-left: 33%;
}

.tableElement input,
.tableElement select,
.tableElement textarea {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: border 0.3s, color 0.3s, background 0.3s;
    padding: 0 10px;
    height: 2rem;
    line-height: 2rem;
    font-weight: 700;
    border-radius: 0.3rem;
}
.tableElement select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.startpage select.withSize {
    height: 2rem !important;
}

.tableElement textarea {
    height: auto;
}

.textarea .tableItem {
    height: 100%;
    display: block;
    float: left;
}

.tableSubmit {
    padding-top: 10px;
}

.tableSubmit a {
    text-decoration: none;
    text-transform: none;
    color: #fff;
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: color 0.3s, border 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
    font-weight: 600;
    font-size: 1rem;
    display: inline;
}

.tableSubmit a:hover {
    text-decoration: none;
    border-color: #193e69;
    background: #193e69;
}

.tableSubmit a:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.required {
    color: #000;
}

.tableSubmit #required {
    font-size: 0.929rem;
}

#login .tableContainer {
    margin-bottom: 10px;
}

#error .content {
    border-radius: 0.3rem;
    font-weight: 600;
}

/* =========== Elements =========== */
/* Select */
select {
    cursor: pointer;
}
.FaceliftSelectboxWraper {
    display: block;
    position: relative;
    height: 2rem !important;
}
.FaceliftSelectboxWraper select {
    bottom: 0;
    border: 0 none;
    height: 2rem !important;
}
.FaceliftSelectbox {
    display: block !important;
}
.FaceliftSelectbox.estateselectbox {
    border-color: rgba(0, 0, 0, 0.2) !important;
    transition: color 0.3s, background 0.3s, border 0.3s;
    padding-left: 10px !important;
    padding-right: 2.5rem !important;
    float: none;
    border-radius: 0.3rem;
}
.FaceliftSelectbox.estateselectbox > span {
    font-weight: 700;
}
.FaceliftSelectbox.estateselectbox .icon {
    transition: color 0.3s;
    width: 2rem;
    font-size: 2rem;
    position: absolute;
    float: none;
    top: 0;
    right: 0;
}

.estateselectbox {
    padding: 0;
}
.estateselectbox > span.text {
    line-height: 2rem;
    font-size: 1rem;
}

select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox {
    background: #e8e8e8;
    border-color: #e8e8e8 !important;
}
select:focus-visible + .FaceliftSelectbox.estateselectbox {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

#language .FaceliftSelectboxWraper {
    width: 150px;
}

/* Checkbox */
.ftr-redesign .FaceliftCheckbox .visible-checkbox {
    width: 18px;
    height: 18px;
}

/* =========== Error . Infos =========== */
.ftr-redesign #error,
.ftr-redesign #error a {
    color: #c73f36;
}
.ftr-redesign #error .content {
    border-color: #c73f36;
}

/* =========== Center Login =========== */
.centerLogin .header,
.centerLogin .container {
    margin: 0 auto;
    opacity: 0;
}

body.active.centerLogin .header,
body.active.centerLogin .container {
    opacity: 1;
}

.centerLogin .header {
    border-radius: 0.3rem 0.3rem 0 0;
    margin-top: 10px;
}

.centerLogin .container {
    margin-bottom: 10px;
}

/* =========== Media Queries =========== */
@media (max-width: 680px) {
    #sections {
        border-left: 0 none;
    }

    #sections a {
        border-left: 0 none;
    }
}

/* =================================
   DARK LAYOUT
   ================================= */

.dark-layout .header,
.dark-layout .container {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
}

.dark-layout .header {
    background: #000;
}

.dark-layout .required {
    color: #fff;
}



/* ------------------------------------------------------------------------- *\
 * File: startpage_custom.css
\* ------------------------------------------------------------------------- */

/* CUSTOM STYLES */


/* ------------------------------------------------------------------------- *\
 * File: fl_global.css
\* ------------------------------------------------------------------------- */

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

.text-strong {
    font-weight: bold;
}

.text-s {
    font-size: 12px;
}
.text-m {
    font-size: 14px;
}
.text-l {
    font-size: 16px;
}
.text-xl {
    font-size: 18px;
}

.stdLinkImage.edit img, .stdLinkImage.new img {
    display: none;
}

.stdLinkImage.edit, .stdLinkImage.new {
    background:#333340;
    display: block;
    height: 28px;
    width: 28px;
}

.stdLinkImage.edit:hover, .stdLinkImage.new:hover {
    background: #0090CA;
}

.stdLinkImage.inactive {
    opacity: .6;
}

.stdLinkImage.inactive:hover {
    background: #333340;
    cursor: default;
}

.stdLinkImage.edit:before {
    font-size: 15px;
    line-height: 28px;
    margin-left: 8px;
}

.stdLinkImage.new:after, .stdLinkImage.new:before {
    font-size: 15px;
    line-height: 28px;
    margin-left: 3px;
}

.stdLinkImage.new:after {
    margin-left: -5px;
}

.ButtonGuestDetails,
.ButtonObjectDetails, .ButtonObjectDetails.Warning, .objInfo {
    background: none;
    height: 20px;
    width: 20px;
    position: relative;
    text-align: center;
    display: block;
    font-size:25px;
}

.OSUMTABLE .ButtonObjectDetails, .OSUMTABLE .ButtonObjectDetails.Warning, .OSUMTABLE .objInfo {
    line-height: 16px;
    text-align: center;
}

.ButtonObjectDetails:hover, .ButtonObjectDetails.Warning:hover {
    background: none;
}

.ButtonObjectDetails:before, .objInfo:before {
    font-size: 15px;
    line-height: 20px;
    margin-left: 2px;
}

.ButtonObjectDetails.Warning:before, .objInfo.Warning:before {
    color: #D63541;
}

.stdLinkImage.roundGreenCheck img, .stdLinkImage.roundRedCross img {
    display: none;
}

.Button:hover, .IconButton:hover, .OptionButton:hover, .Button, .IconButton, .OptionButton {
    background: #fff;
    background-image: none;
}

.Button span {
    background-image: none!important;
    padding: 4px 10px 3px 10px!important;
}

.Button span, .IconButton span, .OptionButton span {
    border: 0px solid transparent;
}

.Button.Disabled, .Button:hover.Disabled, .OptionButton:hover.Disabled {
    background-image: none;
}

.Button.Selected {
    background-image:none;
}

#SubmitButton,
#CancelButton,
.Button,
.Button.ElementLink {
    background: transparent;
    border: 0;
    color: #000;
    text-transform:none;
}
#SubmitButton span,
#CancelButton span,
.Button span,
.Button.ElementLink span,
.Button.ElementLink:hover span {
    color: #000;
    text-transform:none;
}

#EDIT_SERIES_BUTTON.Button.Selected span {
    border-color: #333340;
    color: #000;
    background-color:transparent;
    text-transform:none;
}

#optionsbutton, #optionsbutton span {
    border-color: #fff;
    color: #000;
    background-color:#fff;
    text-transform: none;
}

#optionsbutton:focus, #optionsbutton:focus span {
    background-color:#fff;
}

#parameterbutton, #parameterbutton span {
    border-color: #fff;
    color: #000;
    background-color:#fff;
    text-transform: none;
}

#parameterbutton:focus, #parameterbutton:focus span {
    background-color:#fff;
}

#searchbutton, #searchbutton span {
    color: #000;
    background-color:transparent;
    border-color:#333340;
    text-transform:none;
}
#searchbutton:focus, #searchbutton:focus span {
    color:#fff;
    background-color:#333340;
}

.roundGreenCheck, .roundRedCross {
    border-radius: 50%;
    display: block;
    height: 14px;
    width: 14px;
}

.roundGreenCheck:before, .roundRedCross:before {
    display: block;
    font-size: 18px;
    line-height: 24px;
}

.roundRedCross:before {
    color:#fff;
}

.roundGreenCheck:before{
    color:#fff;
}

.roundGreenCheck {
    background: #ADD200;
}

.roundRedCross {
    background: #D63541;
}

.stdLinkImage.mail {
    background: none;
    display: block;
    height: 23px;
    text-align: center;
}

.stdLinkImage.mail:before {
    display: block;
    font-size: 20px;
    line-height: 25px;
}

.stdLinkImage.mail img {
    display: none;
}

.ContentFormInputDatetime, .ContentFormSubInputDatetime, .ContentFormFakeInput, .ContentFormSubFakeInput, .ContentFormFakeInputPopup, .ContentFormSubFakeInputPopup {
    height: 18px;
}
#translation_popup .ContentFormFakeInput {
    height: 28px;
}

#viewChooser {
    border-left:1px solid #B7B7B7;
}

#viewChooser select {
    left: 10px;
    top: 5px;
    width: 100%;
}

#viewChooser .FaceliftSelectbox {
    width: calc(100% - 9px);
}

#caldiv {
    z-index: 500;
}

#header_top td {
    padding-top: 2px;
}

#LocationTreeSearch a.newLink, #LocationTreeNavi div.giveittomebaby a.newLink, #LocationTreeNavi div.giveittomebaby a.newLink:hover, #LocationTreeSearch a.newLink:hover {
    background-image: none;
}

#LocationTreeSearchSubmit:before {
    background-color: #333340;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    padding: 2px;
}

.giveittomebaby a:after {
    background-color: #333340;
    border-radius: 50%;
    color:#fff;
    margin-left: 5px;
    padding: 2px;
}

#LocationTreeBar {
    height: 20px;
}

#LocationTreeBar a {
    margin-top: 1px;
    padding-left: 5px;
}

#LocationTreeNavi div.giveittomebaby a {
    padding-right: 0;
}

.edit_popup li .button {
    margin-left: 3px;
    margin-top: 3px;
}

.selection .panel {
    margin-left: 0;
    margin-top: 0;
}

.edit_popup ul li {
    /*line-height: normal;*/
}

.name {
    line-height: 30px;
    width: 200px;
}

#DashboardAccordion .newshead li.current, #DashboardAccordion .newshead li {
    background-color:#EEEEEE;
    color: #000;
}

#DashboardAccordion .newshead #left.stdLinkBack, #DashboardAccordion .newshead #right.stdLink {
    padding: 9px 5px 5px;
}

#DashboardAccordion .newshead li.current {
    padding-left: 10px;
}

#DashboardWelcome {
    background: none;
    background-color:#EEEEEE;
}

#DashboardWelcome div {
    background-image: none;
    padding: 20px 10px;
    position: relative;
}

#DashboardWelcome h1
{
    color:#0AADED;
}

h1.Dashboard {
    padding-top: 0;
}

.edit_popup .panel {
    margin-left:0;
    margin-top:0;
}
.edit_popup span.inputField {
    line-height: 14px;
}
.edit_popup li .button i {
    margin-top: 4px;
}

.week .appt span br {
    display: block;
    margin: 0;
}

.week .appt span {
    line-height: 14px;
    padding-top: 1px;
}

.month .appt span {
    font-size: 11px!important;
    line-height: 12px;
    margin-top: 2px!important;
}

.HTMLTABLE_Col_Active .tableOrderAsc, .HTMLTABLE_Col_Active .tableOrderDesc {
    text-decoration: none;
}

.tableOrderAsc:before, .tableOrderDesc:before {
    color: #000;
}

.HTMLTABLE_Col_Active {
    background: #EEEEEE;
    overflow: hidden;
}

.HTMLTABLE_Col_Active a {
    color: #000;
    text-decoration: underline;
    white-space: nowrap;
}

.HTMLTABLE_Cell_First, .HTMLTABLE_Cell_Middle, .HTMLTABLE_Cell_Last {
    border: none!important;
    border-bottom: 1px solid #EEE!important;
}


.HTMLTABLE_Table thead td,
.HTMLTABLE_Table thead th,
.HTMLTABLE_Table .HTMLTABLE_Head_Row td,
.HTMLTABLE_Table .HTMLTABLE_Head_Row th {
    font-family:source_sans_pro, Arial, sans-serif;
}

.HTMLTABLE_Table td {
    text-overflow: ellipsis;
    font-family:source_sans_pro, Arial, sans-serif;
    vertical-align: middle;
}

.HTMLTABLE_Table {
    border-bottom: none!important;
}

#ParameterResult {
    background: none;
    bottom: 0px;
    top:auto;
}

#ParameterResult object, #ParameterResult iframe {
    float: none;
    background-color: transparent;
}

#crumbBlock {
    border-bottom:1px dotted;
    border-bottom-color:#96979C;
    /*bottom: 0;
    height: 39px;
    margin: 0 20px;
    z-index: 1;*/
    padding: 0 20px;
    position: static;
    background:#fff;
}
#Crumb.new {
    position: static;
    height: auto;
    display: inline-block;
    float: left;
    /*fix breadcrumb height bug*/
    /*margin-top: 12px;*/
    margin: 8px 0;
    top:0;
}
#crumbBlock #showonlygreencontainer {
    position: static;
    left: auto;
    float: right;
    /*fix breadcrumb height bug*/
    /*top: auto;
    height: 31px;
    margin-top: 14px;*/
    top:0;
    height:auto;
    margin: 8px 0;
}


#Crumb.new ul:after {
    content: "";
    clear: both;
    display: block;
}


.ContentHeadline {
    margin: 15px 0px 0px 0px;
}

.ContentLine {
    border: none;
}

h1.ContentHeadline {
    font-size: 18px;
}

h2.ContentHeadline {
    font-size: 16px;
}

#MainContentSpace {
    margin-bottom: 0;
}

#BackgroundBottom {
    height: 0;
    display: none;
}

#BackgroundBottom.contentmenu {
    background-color: #eee;
    height: 31px;
    display: block;
}

#BackgroundRight.empty {
    width: 0;
    display: none;
}

.ContentBlock {
    background-image: none;
}

.ContentBlock, .ContentBlockPadding, .ContentPartPaddingA {
    background-color:#fff;
}

.ContentFormElementBorder, .ContentFormFakeInputPopup, .ContentFormElementBorderPopup {
    border-width: 0;
}

#submenu_break {
    height: 2px;
}

#CLUSTER_LAYER div {
    display:inline-block;
    vertical-align: middle;
    padding: 0 1px 0 8px;
}

#CLUSTER_LAYER,#CLUSTER_LAYER .hotspot_layer,#CLUSTER_LAYER .hotspot_cluster_layer {
    border-style: none;
}

#CLUSTER_LAYER .hotspot_cluster_layer {
    background:none;
}

#CLUSTER_LAYER.hotspot_cluster_layer {
    padding: 0;
    background:#d6d6d9;
}

#CLUSTER_LAYER .hotspot_cluster_layer > div {
    margin-top: 2px;
    height:30px;
}

#schedulerHeaderNavigation {
    background-color: #EEEEEE;
    background-image: none;
}

#viewChooser, #schedulerHeader .hc {
    background-color: #EEEEEE;
    background-image: none;
}

.cluster_layer_collapse {
    border:1pt solid;
    border-color:#000;
    border-bottom-width: 2px;
    cursor: pointer;
    height: 7px;
    margin: 2px;
    position: absolute;
    right: 12px;
    width: 9px;
}

#options_table tbody div {
    border-color:/*missing template:facelift.parameterform.optionstable.bordercolor*/;
}

#options_table div#seating_list {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

#advanced_options #seating_list ul {
    display: block;
    margin: 0 auto;
    margin-top: -32px;
    position: relative;
    top: 50%;
    white-space: nowrap;
}


#advanced_options #seating_list li.svg {
    height: 15px;
    padding: 10px 0px 40px 0px;
    background-origin: content-box;
    background-size:35%;
}

#advanced_options #seating_list label > img {
    filter: grayscale(0) blur(0px) sepia(0) saturate(1) opacity(1) brightness(1) contrast(1) hue-rotate(0deg) invert(1);
    height: 65%;
    -webkit-filter: grayscale(0) blur(0px) sepia(0) saturate(1) opacity(1) brightness(1) contrast(1) hue-rotate(0deg) invert(1);
}

#advanced_options #seating_list li > p {
    color:#000;
    float: left;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    width: 78px;
    position: absolute;
    bottom:0;
}

#advanced_options #seating_list li {
    background-color:#E5E5E5;
    display: inline-block;
    height: 64px;
    margin-left: 5px;
    text-align: center;
    width: 88px;
    position: relative;
    background-size:65%;
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    cursor: pointer;
}

#advanced_options #seating_list li.checked {
    background-color:#0AADED;
}

#advanced_options #seating_list li.checked > p {
    color:#000;
}

#advanced_options #seating_list label.checked p, #advanced_options #seating_list label.checked img {
    color: #fff;
    filter: grayscale(0) blur(0px) sepia(0) saturate(1) opacity(1) brightness(1) contrast(1) hue-rotate(0deg) invert(0);
    -webkit-filter: grayscale(0) blur(0px) sepia(0) saturate(1) opacity(1) brightness(1) contrast(1) hue-rotate(0deg) invert(0);
}

#advanced_options #options_table {
    table-layout: fixed;
}

#advanced_options #options_table td {
    width: 50%;
}

#advanced_options input[type="radio"][name="seating_type"] {
    top: 0;
    height: 100%;
    width: 88px;
}

#options_table div.acc_objects {
    border-style: none;
    float: left;
    height: auto;
    line-height: 24px;
    margin: 5px;
    overflow: hidden;
    width: auto;
}

.acc_option_header {
    border-top:1px solid;
    border-top-color:#E5E5E5;
}

.acc_option_header.First {
    border-style: none;
}

#advanced_options .acc_objects input[type="radio"], #advanced_options .acc_objects input[type="checkbox"] {
    left: 0;
    top: auto;
}

#advanced_options .acc_objects label {
    margin-left: 5px;
}

.ContentForm input, .ContentFormInputDatetime, .ContentFormSubInputDatetime {
    border: 0;
    height: 2rem;
    line-height: 2rem;
    /*padding-left: 5px;*/
    background-color: transparent;
}

.highcontrast .ContentForm input,
.highcontrast .ContentForm textarea,
.highcontrast .ContentFormInputDatetime,
.highcontrast .ContentFormSubInputDatetime,
.highcontrast .ContentFormFakeInput,
.highcontrast .ContentFormFakeInputPopup {
    border: 1px solid white;
}

.ContentForm input:disabled,
.ContentFormInputDatetime:disabled,
.ContentFormSubInputDatetime:disabled {
    background-color: #dfdfdf;
}
input[type=checkbox][disabled]+.visible-checkbox,
span.FaceliftSelectboxWraper select[disabled]+.FaceliftSelectbox {
    opacity: .3;
}

.button-option-normal.disabled {
    opacity: .3;
    cursor: default;
}

.ContentFormInputDatetime, .ContentFormSubInputDatetime {
    padding-top : 0;
    padding-bottom : 0;
}

.ContentFormSubInputText, .ContentFormFakeInput, .ContentFormSubFakeInput, .ContentFormFakeInputPopup, .ContentFormSubFakeInputPopup {
    padding-top: 0;
}

.ContentFormElementBorder, .ContentFormSubElementBorder, .ContentFormElementBorderPopup, .ContentFormSubElementBorderPopup {
    background-color: #fff;
    border-color: #96979C;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
}

.button-form-normal>.icon {
    height: 2rem;
    line-height: 20px;
    font-size: 2rem;
}

.ContentFormFakeInput, .ContentFormSubFakeInput, .ContentFormFakeInputPopup, .ContentFormSubFakeInputPopup {
    height: 2rem;
    line-height: 20px;
    font-size: 2rem;
    padding-left: 5px;
}

.button-form-normal>.icon {
    height: 2rem!important;
    line-height: 2rem!important;
}

.button-form-normal {
    height: 2rem!important;
    width: 2rem!important;
}

.FaceliftSelectbox {
    height: 2rem!important;
    line-height: 2rem!important;
}

.FaceliftSelectbox.estateselectbox .icon-selectbox {
    line-height: 2rem!important;
}

#ResourceContainer, #ResourceImage, #ResourceGrid {
    left: 0px;
    margin: 0 auto;
    top: 0px;
}

#ResourceContainer {
    position: relative;
}
/*from base_custom*/
.facelift.hidden {
    display: none;
}
#BackgroundTop {
    background:none;
    background-color: #fff;
    overflow:visible;
    border-bottom:none;
}
#BackgroundTop,
#BackgroundTopLeft,
#BackgroundTopRight {
    height: 60px;
}

#BackgroundTopLeft {
    overflow: visible;
}

#MainContentSpace,
#NavigationResize {
    top: 60px;
}
#MainContentSpace.outlook {
    top: 0;
}
#NavigationResize .icon {
    color:#000;
    font-size: 22px;
}
#NavigationResize .icon.icon-remove {
    font-size: 16px;
}


#BackgroundLeft {
    background-color: #f5f5f5;
}

#BackgroundTopLeft {
    background-color: #0090CA;
    background: url(https://raumreservierung-bildungscampus-q.schwarz/theme/schwarzbildungscampus/images/logo.svg) no-repeat;
    background-position:20px 10px;
}

#BackgroundTopLeft .home-link {
    display: block;
    width: 100%;
    height: 100%;
}

#BackgroundTopLeft .home-link:focus {
    outline: 1px dotted black;
}

#BackgroundTopRight {
    background-color: #0090CA;
}

#BackgroundBottomLeft {
    background:none;
}

#LayoutBookingoverview #MainContentSpace {
    bottom: 46px;
}

#MainContentSpace {
    border:0px;
    bottom: 0px;
    margin-bottom: 0px;
    right: 0px;
}
#MainContentSpace.steps {
    top: 95px;
}
#MainContentSpace.contentmenu {
    bottom: 30px;
}
#MainContentSpace.submenu {
    right: 40px;
}

.searchView {
    padding-left:20px !important;
    padding-right:20px !important;
}


#SectionContentSteps {
    margin-top:60px;
}

#MainContentSpace.steps {
    top:106px;
}

#PopupTabs  {
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    position: relative;
    margin-top:20px;

    width: auto;
}

#PopupTabs a:focus {
    outline: 1px dotted black;
    outline-offset: 1px;
}

#PopupTabs ul {
    position: relative;
    bottom:-5px;
}

#PopupTabs li.Selected a,
#PopupTabs li.Selected {
    cursor: default;
}

#PopupTabs li,
#PopupTabs li.Selected,
#SectionContentSteps li,
#SectionContentSteps li.Selected {
    background:none;
}

#PopupTabs li,
#SectionContentSteps li {
    margin-right:2px;
    background-color:#EEEEEE;
    color: #000;
    border-color: #EEEEEE;
}

#PopupTabs li.Selected,
#SectionContentSteps li.Selected  {
    background-color: #333340;
    color:#fff;
    border-color: #333340;
}

#PopupTabs a,
#SectionContentSteps a,
#PopupTabs li.Selected a{
    height:2rem;
    border:0;
    margin-top:0;
    margin-bottom:0;
    color:inherit;
    line-height: 2rem;
    vertical-align: middle;
}

#PopupTabs a span, #SectionContentSteps a span {
    color:inherit;
}

#Flyout_Content #PopupTabs {
    margin-top:0;
}
#Flyout_Content #PopupTabs li.First {
    margin-left:20px;
}

#PopupTabs li.First {
    margin-left:30px;
}

.HTMLTABLE_Row_Odd td input,
.HTMLTABLE_Row_Even td input,
.HTMLTABLE_Filter_Input,
.tableSelect,
.tableInput {
    height:24px;
    font-size: 14px;
    margin: 5px 0;
    width:93%;
    border:1px solid #E5E5E5;
    padding:0 2px;
}

.HTMLTABLE_Row_Odd,
.HTMLTABLE_Row_Even,
.HTMLTABLE_Row_Active {
    height:37px;
}

.HTMLTABLE_Filter_Row
{
    line-height:18px;
    height: 39px;
}

.ContentBlockPadding td {
   /* vertical-align: top;*/
    /*line-height: 13px;*/
}

.ContentPartAddSub {
    padding-top:1px;
}

.ContentBlockPadding>table {
    margin-left:5px;
}

.ContentPartA {
    background-image: none;
}

.ContentBlockPadding .ContentForm {
    margin:0;
}

.ContentPartPaddingA .ContentForm,
.ContentPartPaddingB .ContentForm {
    margin-bottom: 5px;
}

.ContentPartAddSub a,
.ContentFormAddSub a {
    margin-bottom:2px;
    margin-right:2px;
}

.ContentFormInputText, .ContentFormSubInputText, .ContentFormInputTextPopup, .ContentFormSubInputTextPopup, .ContentFormInputTime, .ContentFormInputCondition, .ContentFormInputPrice, ContentFormInputDatetime, ContentFormInputSubDatetime {
    padding-top:0;
    padding-bottom:0;
    width : 328px;
}
.ContentFormInputTextPopup {
    width : 296px;
}
.ContentFormInputPrice {
    width: 51px;
}
#LAYOUT_POPUP_CONTENT {
    border:0;
}

#LAYOUT_POPUP_CONTENT #Flyout_Content {
    background:none;
}

#ColListContainer.new {
    height:100%;
    min-height:268px;
    padding: 20px;
}

.new #ColListScroll {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: block;
}
ul.columns {
    float: left;
    display: block;
    width: 120px;
    overflow: hidden;
}
.new #ColListScroll ul li {
    border-bottom:1px solid #000;
}
.new .ColListCol {
    overflow:hidden;
    height:auto;
}
.new .ColListCol span {
    height:29px;
    line-height: 29px;
}
.new .ColListCol em {
    font-size: inherit;
}
#dialog_buttons_row.new {
    background: none;
    border: 0;
    padding-top:0;
}

#favButton {
    background:none;
}

#okButton {
    background:#333340;
    color:#fff;
}
#okButton span {
    background: transparent;
    color:#fff;
    border:0;
}

/* special for LayoutBookingsearchBooking*/
#LayoutBookingsearchBooking #BackgroundBottom {
    height: 61px;
    background-image:none;
    background-color:#333340;
    left:0;
}

#LayoutBookingsearchBooking #BackgroundBottomLeft,
#LayoutBookingsearchBooking #BackgroundBottomRight,
#LayoutBookingsearchBooking #BackgroundLeft,
#LayoutBookingsearchBooking #BackgroundRight {
    display: none;
}
#LayoutBookingsearchBooking #MainContentSpace {
    left:0;
}

#LayoutBookingsearchBooking #SectionBookingTitle {
    padding-top: 25px;
    padding-left: 300px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
}

.seriesPopupSettings {
    float: left;
    width: 232px;
}

.topLeft {
    float: left;
    width: 43%;
    padding: 3%;
    border-right: 1px #c1c1c1 dotted;
}
.topRight {
    float: right;
    clear: right;
    width: 43%;
    padding: 3%;
}
.bottomLeft {
    float: left;
    border-top: 1px dotted #c1c1c1;
    width: 331px;
    padding: 3%;
}
.seriesSettings {
    width: 356px;
    margin: 0 25px;
}

.seriesSettings li {
    line-height: 21px;
    vertical-align: middle;
}
.seriesSettings label {
    height: 29px;
    display: inline-block;
    vertical-align: super;
}
.seriesSettings input[type=text] {
    vertical-align: super;
}

    /*.seriesSettings input {
        vertical-align: top;
        margin-top: -1px;
    }*/
.FaceliftSelectbox.estateselectbox {
    border:1px solid;
    border-color:#E5E5E5;
}
#LayoutPopup #calframe1 {
    margin-left:20px;
}
#LayoutPopup #calframe2 {
    margin-right:20px;
}
#califrame {
    width: 233px;
    height: 233px;
}
.series.headline {
    font-size: 24px;
    border-bottom: 1px solid;
    padding-top: 20px;
    margin-left: 20px;
    height: 32px;
}
.series.maxBookings {
    text-align: right;
}
.series.maxBookings {
    border-bottom: 1px solid;
    line-height: 32px;
    padding-top: 20px;
    margin-right: 20px;
    white-space: nowrap;
    height: 32px;
}
.rowHeadline .spacer {
    border-bottom: 1px solid;
    height: 52px;
}
#start_cal_head {
    padding-left:20px;
}
form#dateform > div {
    float: left;
    max-width: 50%;
    min-width:4%;
}
form#dateform > div .estateselectbox>span.text {
    min-width:30%;
}

.positioningHeaderColumnLast,
.positioningHeaderColumn,
#positioningHeaderResource,
#positioningHeaderDate {
    background-color: #d6d6d9;
    font-size: 14px;
}

#schedulerHeaderNavigation {
    background-color:#0AADED;
}

#positioningSelectionElem {
    background:#0AADED;
}

.rowActive {
    background-color: #DDDDDD;
    color: #000;
}
span.agb {
    height: 45px;
    display: block;
    float: left;
    margin-top: -10px;
    color:#fff;
}
.agb>span {
    margin: 16px 90px;
    display: block;
    line-height: 14px;
}
#table_selected_accessory_form .HTMLTABLE_Head_Cell_First,
#table_selected_accessory_form .HTMLTABLE_Head_Cell_Dark_First,
#table_selected_accessory_form .HTMLTABLE_Head_Cell_Middle,
#table_selected_accessory_form .HTMLTABLE_Head_Cell_Dark_Middle,
#table_selected_accessory_form .HTMLTABLE_Head_Cell_Last,
#table_selected_accessory_form .HTMLTABLE_Head_Cell_Dark_Last,
#table_package_accessory_form .HTMLTABLE_Head_Cell_First,
#table_package_accessory_form .HTMLTABLE_Head_Cell_Dark_First,
#table_package_accessory_form .HTMLTABLE_Head_Cell_Middle,
#table_package_accessory_form .HTMLTABLE_Head_Cell_Dark_Middle,
#table_package_accessory_form .HTMLTABLE_Head_Cell_Last,
#table_package_accessory_form .HTMLTABLE_Head_Cell_Dark_Last {
    line-height: 25px;
}

#DashboardAccordion {
    height:130px;
}
#DashboardAccordion:after {
    content: "";
    display: table;
    clear: both;
}

#DashboardAccordion .news-nav {
    z-index: 1000;
    position: relative;

    cursor: pointer;

    width: 24px;
    border: none;
    padding: 0;
    vertical-align: middle;
    margin: 0;
    font-size: 28px;
    line-height: 120px;
    background: #EEEEEE;
    height: 130px;
}
#DashboardAccordion .news-nav.prev {
    margin-right:3px;
    float: left;
}
#DashboardAccordion .news-nav.next {
    margin-left: 3px;
    float: right;
    position: relative;
}

#DashboardAccordion .news-nav[disabled] {
    opacity: 0.5;
    cursor: auto;
}

#DashboardAccordion .news-wrapper {
    position: relative;
    float: left;

    width: calc(100% - 57px);
    height: 100%;
}

#DashboardAccordion .news {
    position: relative;
    left: 0;

    transition: left 0.3s;

    display: flex;

    justify-content: stretch;
    flex-wrap: nowrap;
    align-items: stretch;

    height: 100%;
}
#DashboardAccordion .news:after {
    content: "";
    display: table;
    clear: both;
}

#DashboardAccordion .news-item article {
    position: relative;
    overflow: hidden;
    line-height: 1.2em;
    max-height: 2.4em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

#DashboardAccordion .news-item .more {
    float: right;
}

#DashboardAccordion .news-item .item-wrapper {
    display: inline-block;
    height: 100%;
    padding:10px;

    box-sizing: border-box;
}

#DashboardAccordion .news-item {
    background:#EEEEEE;

    display: inline-block;
    flex-basis: 99.95%;
    border-left: 3px solid white;

    flex-shrink: 0;
    flex-grow: 1;
}

#DashboardAccordion .news-item article {
    word-break: break-word;
    overflow-wrap: break-word;
}

#DashboardAccordion .news-item:first-child {
    border-left: none;
}

@media (min-width: 1025px) {
    #DashboardAccordion .news-item {
        flex-basis: 49.95%;
    }
}

@media (min-width: 1441px) {
    #DashboardAccordion .news-item {
        flex-basis: 33.3%;
    }
}

#newsLightbox span {
    width: 100%;
    float: left;
    display:inline-block;
}
#DashboardAccordion ul li.news.element span {
    width: 100%;
    float: left;
    display:inline-block;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#newsLightbox span.date,
#newsLightbox span.content,
#DashboardAccordion .news-item .date,
#DashboardAccordion .news-item .content {
    font-family: source_sans_pro, Arial, sans-serif;
}
#DashboardAccordion .news h4 {
    font-weight: bold;
}

body#LayoutPopup.scrolling {
    overflow-y:scroll;
}
table#profile_confirm_maintable .icon.icon-inverse.disabled {
    opacity: 0.4;
}

/*Support for ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    table#profile_confirm_maintable .icon.icon-inverse.disabled{
        color: rgba(0,0,0,0.4);
    }
}
/*Support for Microsoft edge*/
@supports (-ms-ime-align: auto) {
    table#profile_confirm_maintable .icon.icon-inverse.disabled{
        color: rgba(0,0,0,0.4);
    }
}

#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(1),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(1),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(2),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(2),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(3),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(3) {
    max-width: 320px
}

#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(4),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(4),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(5),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(5),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(6),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(6),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(7),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(7),
#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(8),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(8) {
    max-width: 80px
}

#profile_confirm_maintable .HTMLTABLE_Row_Odd td:nth-child(9),
#profile_confirm_maintable .HTMLTABLE_Row_Even td:nth-child(9) {
    max-width: 200px;
}

.faceliftHelpPages .ContentHeadline {
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.faceliftHelpPages br {
    display: none;
}

.faceliftHelpPages .helpText > br {
    display: block;
}

.faceliftHelpPages .helpText,
.faceliftHelpPages ul {
    margin-left:20px;
}

.faceliftHelpPages ul,
.faceliftHelpPages li {
    list-style-type: square;
    list-style-position: inside;
}

.faceliftHelpPages ul.hotspotList,
.faceliftHelpPages .hotspotList li {
    list-style-type: none;
    list-style-position: outside;
    line-height: 25px;
}

.faceliftHelpPages ul.hotspotList {
    margin-left:0;
}
#BackgroundTopLeft.empty,
#BackgroundTopRight.empty,
#BackgroundTop.empty {
    visibility: hidden;
    display: none;
}

.clear {
    clear: both;
    float: none;
    height: 0;
    width: 0;
}
#DASHBOARD_FREEROOMS_TABLE_maintable .HTMLTABLE_Cell_First {
    overflow:visible !important;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.timelineTable td#header_top {
    height: 33px;
    background-color:#a9b9d2;
    border-color:#a9b9d2;
    color:#fff;
}

.timelineTable td#header_top .link-symbol .icon {
    color :#000;
    line-height: 20px;
}
.timelineTable td#header_top .link-symbol {
    background-color :#fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
}
.timelineTable td#header_top .link-symbol>.icon:before {
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.timelineTable tr.timeline td {
    border-top-width: 0;
    height: 28px;
}

.timelineTable tr.timeline.multi td {
    border-top-width: 1px;
}
.timelineTable tr.timeline.multi td {
    border-top-width: 1px;
}
.timelineTable tr#timeslots {
    height: 33px;
}
.timelineTable {
    border-color:#fff;
}
tr#timeslots td.header_top {
    background-color: #d6d6d9;
}

tr.timeline td {
    border-right-color: #b9b9b9;
}
tr.timeline td.header_left_even,
tr.timeline td.timeline_free_inactive_even {
    background-color: #fff;
}
tr.timeline td.header_left_odd,
tr.timeline td.timeline_free_inactive_odd {
    background-color: #f1f1f1;
}

a.favorite.delete,
a.favorite.edit {
    width: 18px;
    height: 18px;
    display: block;
    line-height: 18px;
    position: relative;
    font-size: 25px;
}
.mailto a {
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height: 25px;
    font-size: 25px;
    vertical-align: middle;
    top: -4px;
}

h1 {
    font-size: 24px;
}
table.userdetails {
    background-color: #EEEEEE;
    padding: 20px;
}

#LAYOUT_POPUP_CONTENT.guest_details table { width: 100%; }
#LAYOUT_POPUP_CONTENT.guest_details table td { background-color: #EEEEEE; }
#LAYOUT_POPUP_CONTENT.guest_details table td:first-child { width: 35%; white-space: nowrap; padding-left: 20px; }
#LAYOUT_POPUP_CONTENT.guest_details table td:last-child { width: 100%; }

.guest_details.footer {
    margin: 0 30px;
}

.guest_details #Flyout_Top,
.object_details #Flyout_Top {
    background-color: #EEEEEE;
    margin: 20px;
}

#LAYOUT_POPUP_CONTENT.guest_details,
#LAYOUT_POPUP_CONTENT.object_details {
    margin-top:0;
    padding: 0px 20px 20px 20px;
}

.ContentBlockAddSub a.button.button-form-square {
    margin-bottom: 2px;
}

#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
    background-image: none;
    background-color: #fff;
}
a#fancybox-close {
    background: none;
    color: #000;
    font-size: 22px;
}

form#fastusercreation {
    background-color: #EEEEEE;
    padding: 10px;
    padding-right:15px;
    max-width: 500px;
}
form#fastusercreation select,
form#fastusercreation input {
    max-width: 285px;
}

.cronjobLogFormForm > span,
#exportForm > span {
    float:left;
    display: inline-block;
}
.cronjobExportDaySelect,
.cronjobLogDaySelect {
    width:53px;
}
span.exportHeadline {
    width: 95px;
    line-height: 28px;
}

.HTMLTABLE_Table td.tableHotspot {
    overflow: visible !important;
}

.displayOptions > span,
.displayOptions > a {
    display: block;
}

.displayOptions > a {
    margin-top: 0.25em;
}

.displayOptions label {
    margin-left: 5px;
}

.faceliftHelpPages img {
    max-width:994px;

}
.newsblock.collapsed {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height:18px;
}

span.uploadName {
    height: 28px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/*
 * Screen reader only classes. Usage:
 *  Use .sr-only to hide an item for everyone except screen readers.
 *  Use both .sr-only and .sr-only-focusable to make an item also visible when it has focus,
 *  but invisible for everyone except screen readers if it has no focus.
 *
 */

/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;  /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;            /* 3 */
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

.vm{
    vertical-align: middle;
}

.ml-4{
    margin-left: 4px;
}

.mr-4{
    margin-right: 4px;
}

.mt-4{
    margin-top: 4px;
}

.mb-4{
    margin-bottom: 4px;
}
.mv-4{
    margin-top: 4px;
    margin-bottom: 4px;
}
.mt-10{
    margin-top: 10px;
}
.mb-10{
    margin-bottom: 10px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
.timeselect.timezone{
    opacity: 0.7;
}

.booking.timezone{
    font-size: 12px;
    color: /*missing template:basecolor.dark*/;
    opacity: 0.8;
}

.other{
    font-size: 12px;
    text-decoration:underline;
    color: /*missing template:basecolor.dark*/;
}

.password-requirements ul {
    padding-left: 20px;
}

.password-requirements li {
    list-style-type: disc;
}

/* Std User */
.ua-std-user > div span,
#scheduler .ua-std-user span {
    display: none;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_calendar.css
\* ------------------------------------------------------------------------- */


.cal_back.new .link-table {
    margin-left: 0px;
    margin:5px;
}
.cal_back.new .days tr,
.cal_back.new .weekDays,
.cal_back.new .headline {
    height:2rem;
}

.cal_back.new .headline a:focus {
    outline-color: white;
}

.Calendar .Days td,
.cal_day_ss,
.cal_weekdays,
.cal_day_active,
.cal_day_select,
.cal_day_kw,
.cal_day_norm,
.cal_day_today,
.cal_day_overlap {
    font-size: inherit;
    font-family: source_sans_pro, Arial, sans-serif;
}
#caldiv .headline,
#caldiv .weekDays,
.Calendar tr.Navigation,
.Calendar tr.Navigation .MultiPrev,
.Calendar tr.Navigation .Prev,
.Calendar tr.Navigation .Next,
.Calendar tr.Navigation .MultiNext,
.Calendar tr.Weekdays,
.cal_weekdays,
.cal_month,
.cal_back.new {
    background-color: transparent;
}
.Calendar .Days td,
.Calendar .Days td.Week a,
.cal_day_overlap {
    background: #fff;
    color: #a0a0a0;
}

.cal_day_select {
    color:#fff;
}
/*
.days td {
    width: 28px;
    height: 28px;
}*/

#sequence_pattern_1, #sequence_pattern_2, #sequence_pattern_3, #sequence_pattern_4,
#pattern_para_1_2, #pattern_para_1_1, #pattern_para_1_3,
#sequence_end_1, #sequence_end_2 {
    margin:2px;
    margin-top:0;
    margin-left:0;
}
#sequence_month span.surrounding {
    display: block;
}
#sequence_month select {
    top:auto;
}

/* triangle for the calender layer - start */
#caldiv {
    position: relative;
    padding:0;
}
#caldiv:after, #caldiv:before {
    bottom: 100%;
    right: 3%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#caldiv:after {
    border-color: rgba(205, 205, 205, 0);
    border-bottom-color:transparent;
    border-width: 6px;
    margin-left: -6px;
}
#caldiv:before {
    border-color: rgba(205, 205, 205, 0);
    border-bottom-color: transparent;
    border-width: 7px;
    margin-left: -7px;
}
/* triangle for the calender layer - end */
.cal_back {
    border:none;
}
.cal_day_overlap.future {
    color:#000;
}

table.placereleaseCalender {
    width: 491px;
}
table.placereleaseCalender .Calendar .Navigation a {
    width:auto;
}
table.placereleaseCalender .Calendar .Navigation,
table.placereleaseCalender .Calendar .Weekdays td a,
table.placereleaseCalender .Calendar .Days td a,
table.placereleaseCalender .Calendar .Days td a span,
table.placereleaseCalender .Calendar .Days td.Deactivated span,
table.placereleaseCalender .Calendar .Days td.Empty {
    font-size: 14px;
    width: 2rem;
    height:2rem;
    line-height: 2rem;
}

#placerelease_form a.Button.ElementLink.saveCalender {
    float: right;
}


.days tr {
    border-left: 0;
    border-right: 0;
    border-top:1px solid;
    border-top-color:transparent;
    border-bottom:1px solid;
    border-bottom-color:transparent;
}

.cal_back.new .days table {
    border:1px solid;
    border-color:transparent;
    border-collapse: collapse;
}

.cal_back.new .days table td {
    border-left: 0;
    border-right: 0;

}
.cal_back.new #todaylink a,
.cal_back.new .headline,
table.placereleaseCalender .Calendar .Navigation {
    background:transparent;
    color:#000;
    text-transform:none
}

.cal_back.new .cal_weekdays {
    border-bottom-width: 0;
    border-top-width: 0;
}

.cal_weekdays:first-child {
    border-left:1px solid;
    border-left-color:transparent;
    border-collapse: separate;
}
.cal_weekdays:last-child {
    border-right:1px solid;
    border-right-color:transparent;
    border-collapse: separate;
}
.cal_back.new td.cal_weekdays,
.Calendar .Weekdays td {
    color:inherit;
    background:#a9b9d2;
}
.Calendar .Days td.Selected,
.Calendar .Days td.Selected a
{
    background-color:#e8e8e8;
    color: #ffffff;
    text-align: center;
    font-size: 9px;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_breadcrumb.css
\* ------------------------------------------------------------------------- */

#Crumb .search, #Crumb .homezone, #Crumb li.hasSubs.Last.Empty {
    display: none;
}

#Crumb {
    left: 0;
}

#Crumb, #Crumb li, #Crumb li.First, #Crumb li.Last, #Crumb li a {
    background: none;
}

#Crumb li.First {
    padding-left:0;
}

#Crumb li.hasSubs span {
    text-decoration: underline;
}

#Crumb li li:after, #Crumb li.pen:after, #Crumb li.Last:after {
    content: none;
}

#Crumb li em.CrumbChildren {
    background: none;
    float: left;
    padding-left: 0;
    padding-right: 7px;
}

#Crumb li span {
    font-size: inherit;
}

#Crumb .icon {
    color:#000;
    vertical-align: inherit;
}

#Crumb li.hasSubs.Last.Empty {
    border: 0px solid transparent;
    border-radius: 50%;
    display: table-cell;
    float: none;
    height: 19px;
    margin-left: 7px;
    width: 19px;
}

#Crumb a:focus,
#Crumb li.hasSubs.open a:focus {
    background-color: /*missing template:facelift.crumb.background.focus*/;
}

#Crumb li.hasSubs i {
    background:#EEEEEE;
    border-radius: 50%;
    display: table-cell;
    float: right;
    padding-left: 0;
    position: relative;
    margin-top: 1px;
    /*fix breadcrumb height bug*/
    /*
    height: 19px;
    width: 19px;
    line-height: 20px;
    */
    height:22px;
    width:22px;
    line-height: 22px;
    top:0;
}

#Crumb li.hasSubs i:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color:#000;
    /*fix breadcrumb height bug*/
    /*line-height: 20px;*/
    line-height: 22px;
}

#Crumb li.hasSubs span, #Crumb li.hasSubs.Last.Empty span {
    text-decoration: none;
}

#Crumb li.hasSubs.Last.Empty a {
    display: table-cell;
    height: 19px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

#Crumb .list li {
    border-right:1px solid;
    border-right-color:/*missing template:facelift.crumb.li.border-right-color*/;
}
#Crumb .list li.Last {
    border-right:0;
}

#Crumb li.hasSubs a {
    margin-right: 20px;
}

#Crumb ul {
    position: static;
}
#Crumb li.hasSubs.open a,
#Crumb li.hasSubs.open {
    background-color:#EEEEEE;
    border-color:#EEEEEE;
    color:inherit;
}
#Crumb li.hasSubs.open li a:hover {
    background-color: transparent;
    color:#fff;
}

#Crumb ul ul {
    min-width: 120%;
    border-color:#eee;
    border: 0;
}
#Crumb ul .Last ul {
    width: auto;
}

#Crumb .list li ul li {
    border:0;
}

#Crumb li {
    padding-left:20px;
}
#Crumb li em {
    padding-left:0px;
    padding-right:20px;
}

#showonlygreencontainer .FaceliftCheckbox {
    /*fix breadcrumb height bug*/
    /*top: 6px;*/
    top:3px;
}

.highcontrast #showonlygreencontainer input {
    float: left;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;

    width: auto;
    height: auto;

    margin-right: 5px;
}

#showonlygreencontainer label {
    margin-left: 0;
    /*fix breadcrumb height bug*/
    line-height: 22px;
    height:22px;
    display: inline-block;
    vertical-align: baseline;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_profile.css
\* ------------------------------------------------------------------------- */

/* ==========================================================================
   Background
   ========================================================================== */

#BackgroundTopLeft {
    z-index: 1099;
}

#BackgroundTop {
    z-index: 1098;
}

/* ==========================================================================
   Profile Info
   ========================================================================== */

#ProfileInfo {
    clear: both;
    height: 100%;
}

/* ==========================================================================
   Profile Container
   ========================================================================== */

#ProfileContainer {
    height: 100%;
}

#ProfileContainer ul {
    clear: both;
    list-style: none;
    float: right;
    height: 100%;

    /*height: !*template:global.space.to.top*!;
    line-height: !*template:global.space.to.top*!;*/
}

#ProfileContainer li {
    float: left;
    margin-left: 0.5em;
    height: 100%;
    display: table;
    position: relative;
    min-width: 35px;

    /*font-size: 35px;*/
    /*display: block;*/
    /*height: !*template:global.space.to.top*!;
    line-height: !*template:global.space.to.top*!;*/
}

#ProfileContainer li.disabled {
    display: none;
}

#ProfileContainer li .icon {
    color: #fff;
}

#ProfileContainer li .button .icon {
    color: #000;
    text-transform: none;
}

#ProfileContainer li .FaceliftSelectbox  .icon {
    color:#000;
}

/* Select */
#ProfileContainer .FaceliftSelectboxWraper {
    display: inline-block;
    height: 100%;
}

#ProfileContainer .FaceliftSelectboxWraper select {
    top: 50%;
    transform: translateY(-50%);
}

#ProfileContainer .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox {
    /*vertical-align: middle;*/
    /*transform: translateY(-2px);*/
    vertical-align: top;
    transform: translateY(-50%);
    top: 50%;

    /* Hack for IE 11 to correctly apply the transformation above when zoomed */
    transition: transform 0s linear;
}

#ProfileContainer .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox > span.text {
    /*line-height: 1 !important;
    margin-top: 6px;*/
    line-height: 26px !important;
    margin-right: 4px;
}

#ProfileContainer .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox .icon-selectbox {
    text-align: center;
    width: 16px;
}


#ProfileContainer .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox .icon-selectbox:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}


/* Buttons */
#ProfileContainer li.persona .stdButton,
#ProfileContainer li.logout .stdButton {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

#ProfileContainer li.persona .stdButton .icon,
#ProfileContainer li.logout .stdButton .icon {
    font-size: 35px;
    height: 35px;
    line-height: 1;
}

/* ==========================================================================
   Table Cell
   ========================================================================== */

#layer_my_profile,
#layer_search {
    vertical-align: middle;
    display: table-cell;
    line-height: 1;
    /*position: relative;*/

    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
}

#layer_my_profile {
    padding-right: 34px;
}

/* ==========================================================================
   Profile
   ========================================================================== */

.profile.layer.button.search {
    background-color:#333340;
    display: inline-block;
    height: 22px;
    text-align: center;
    vertical-align: top;
    width: 29px;
}

.profile.layer.button.search:before {
    color:#fff;
    font-size: 14px;
    line-height: 22px;
}

.profile.link:before {
    display: inline-block;
    float: left;
    font-size: 25px;
    left: 0;
    position: relative;
    top: 0;
}

.profile.layer.search a {
    position: relative;
    display: block;

    height: 100%;
    width: 100%;
}
.profile.layer.search a .icon {
    display: block;

    width: 100%;
}

.profile.layer.search a .icon:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    line-height: 28px;
    font-size: 24px;

    vertical-align: middle;
    text-align: center;
}

.profile.link a {
    display: block;
    /*height: 100%;*/
}


.profile.link a .icon {
    /*display: inline-block;*/
    /*height: 50px;*/
}


/* ==========================================================================
   Persona
   ========================================================================== */

.layer.persona {
    display:block;
}
.persona a {
    color: #000;
}


/* ==========================================================================
   Search
   ========================================================================== */

.layer.search {
    /*right: 80px;*/
}

.layer.search form {
    /*display: block;*/
    display: table;
    height: 100%;
}

.layer.search form > fieldset {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    line-height: 60px;
}

.layer.search form > fieldset > * {
    float: left;
    height: 100%;
}

.layer.search form > fieldset > legend {
    padding-right: 6px;
}

.layer.search .search-kind {
    /*height: 100%;*/
    /*height: !*template:global.space.to.top*!;
    line-height: !*template:global.space.to.top*!;*/
}

.layer.search .searchbox > *,
.layer.search .search-kind > * {
    /*vertical-align: middle;*/
    /*display: inline-block;*/
}

.layer.search .searchbox {
    padding-left: 6px;
    padding-right: 28px;
    position: relative;
}

.layer.search .searchbox .searchstring {
    padding-left: 5px;
}

.layer.search .searchbox .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.layer.search .search-kind > span {
    height: 100%;
    display: inline-block;
    /*padding-top: 4px;*/
    /*padding-right: 2px;*/
    /*line-height: normal;*/
}

.layer.search input {
    border: 1px solid;
    border-color: #E5E5E5;
    height: 26px;
}

.layer.search,
.layer.my_profile,
.layer.my_profile a {
    color: #000;
}

/* ==========================================================================
   My Profile
   ========================================================================== */

.layer.my_profile.hidden {
    display: none;
}

.layer.my_profile em a {
    text-decoration: none;
}

.layer.my_profile .button {
    /*position: relative;*/
    /*vertical-align: middle;*/
    /*margin-left: 0.25em;*/

    position: absolute;
    margin-left: 6px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}


.layer.my_profile .book-user-message {
    vertical-align: middle;
}


.layer.my_profile .button .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.layer.search .IconButton,
.layer.my_profile .IconButton {
    background: #fff;
}


/* ==========================================================================
   HTML Table
   ========================================================================== */

.HTMLTABLE_Table .sapTableDelete {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 25px;
}

/* ==========================================================================
   Fancy Box
   ========================================================================== */

#fancybox-overlay.search {
    background-color:#333340;
    cursor: pointer;
    display: block;
    height: 955px;
    opacity: 0.9;
}

/* ==========================================================================
   Custom Settings
   ========================================================================== */



/* ------------------------------------------------------------------------- *\
 * File: fl_inputs.css
\* ------------------------------------------------------------------------- */

#showonlygreencontainer {
    /*fix breadcrumb height bug*/
    /*line-height: 12px;*/
    line-height: 22px;
}

#showonlygreencontainer label {
    cursor: pointer;
}

input[type="radio"], input[type="checkbox"], .FaceliftSelectboxWraper select {
    height: 2rem;
    width: 100%;

    opacity: 0;

    position: absolute;
    left: 0;
    top: 0;

    z-index: 5;
}

.highcontrast input[type="radio"],
.highcontrast input[type="checkbox"],
.highcontrast select {
    position: static;

    width: auto;
    height: auto;

    opacity: 1;
}

.booking_overview_billing_select {
    top:auto;
    /*margin-left:10px;*/
}
.pageSelection {
    top:auto;
    margin-left:10px;
}

select.withSize {
    height: inherit;
    opacity: 1;
    position: inherit;
    width: inherit;
}

#advanced_options .FaceliftRadiobutton, #advanced_options .FaceliftCheckbox {
    float: left;
}

#advanced_options input[type="radio"], #advanced_options input[type="checkbox"] {
    left: 6px;
    top: 3px;
}

input[type="checkbox"], input[type="radio"] {
    display: block;
    height: 100%;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

input[type="text"]:focus {
    background-color: #fff!important;
}

textarea {
    resize: none;
}

textarea:focus {
    background-color: #fff!important;
}

.parameter.select, .parameterform.select, .FaceliftRadiobutton, .FaceliftSelectbox, .ContentForm, .ContentForm td {
    position: relative;
}

.ContentForm .FaceliftSelectboxWraper {
    position: relative;
    display: block;
    float: left;
    height: 100%;
    width: 100%;
}

.FaceliftSelectbox {
    background:#fff;
    border: none;
    box-sizing: border-box;
    color:#000;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: 328px;
}

.FaceliftSelectbox:after {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    right: 0;
}

#parameter_table select:focus + .FaceliftSelectbox,
#parameter_table select:focus + .FaceliftSelectbox .text,
select:focus + .FaceliftSelectbox,
select:focus + .FaceliftSelectbox .text {
    background-color: /*missing template:facelift.selectbox.background.focus*/;
}

.estateselectbox > span.text {
    float: left;
    overflow: hidden;
    min-width: 50%;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
}

.FaceliftCheckbox, .FaceliftRadiobutton {
    position: relative;
    top: 4px;

    display: inline-block;
    margin-right: 3px;

    min-width: 18px;
    min-height: 18px;
    height: 100%;
}

.ContentForm td > .FaceliftCheckbox,
.ContentForm td > .FaceliftRadiobutton {
    top: 2px;
}

.FaceliftCheckbox .visible-checkbox {
    display: inline-block;
    position: absolute;

    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
}

.FaceliftRadiobutton .visible-radiobutton {
    display: inline-block;
    position: relative;

    width: 16px;
    height: 16px;
}

.FaceliftCheckbox .visible-checkbox {
    background: #fff;
    border:1px solid;
    border-color:#aeaeb0;
}

.FaceliftCheckbox input:focus + .visible-checkbox {
    background-color: /*missing template:facelift.checkbox.background.focus*/!important;
}

.FaceliftRadiobutton .visible-radiobutton {
    background: #fff;
    border:1px solid;
    border-color:#aeaeb0;

    border-radius: 50%;
}

.FaceliftRadiobutton input:focus + .visible-radiobutton {
    background-color: /*missing template:facelift.radiobutton.background.focus*/!important;
}

.FaceliftCheckbox .visible-checkbox .icon,
.FaceliftRadiobutton .visible-radiobutton .dot {
    display: none;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.FaceliftCheckbox input[type="checkbox"]:checked + .visible-checkbox .icon,
.FaceliftRadiobutton input[type="radio"]:checked + .visible-radiobutton .dot {
    display: block;
}

.FaceliftRadiobutton .dot {
    background:#40bdfb;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 8px;
    margin-left: 4px;
    margin-top: 4px;
    width: 8px;
}

.FaceliftCheckbox .icon:before {
    color: #aeaeb0;

    position: absolute;
    top: 0;
    left: 0;

    height: 15px;
    width: 15px;

    line-height: 15px;
    vertical-align: middle;
    text-align: center;
}

.ContentForm .CheckboxLabel {
    font-family: source_sans_pro, Arial, sans-serif;

    margin-left:3px;
    margin-top: 0;
}

#parameter_content #parameter_table input:disabled,
#parameter_content select:disabled {
    opacity: .5;
}

.HTMLTABLE_Row_Odd .icon,
.HTMLTABLE_Row_Even .icon,
.ButtonObjectDetails .icon,
.HTMLTABLE_Row_Active .icon {
    line-height: 22px;
}

.HTMLTABLE_Row_Odd .icon,
.HTMLTABLE_Row_Even .icon {
    color: inherit;
}

.HTMLTABLE_Row_Active .icon {
    color:#fff;
}

.HTMLTABLE_Row_Hover .icon {
    color:#000;
}

.HTMLTABLE_Row_Odd .hotspot .icon,
.HTMLTABLE_Row_Even .hotspot  .icon,
.ButtonObjectDetails .hotspot .icon,
.HTMLTABLE_Row_Active .hotspot .icon {
    font-size: inherit;
}

.HTMLTABLE_Row_Odd a.link.stdLink .link-symbol,
.HTMLTABLE_Row_Even a.link.stdLink .link-symbol,
.HTMLTABLE_Row_Active a.link.stdLink .link-symbol {
    vertical-align: text-top;
}

.HTMLTABLE_Row_Odd a.link.stdLink .icon,
.HTMLTABLE_Row_Even a.link.stdLink .icon,
.HTMLTABLE_Row_Active a.link.stdLink .icon {
    font-size: 14px;
    line-height: 18px;
}

.HTMLTABLE_Row_Odd .link.link-checkout .icon,
.HTMLTABLE_Row_Even .link.link-checkout .icon,
.ButtonObjectDetails .link.link-checkout .icon,
.HTMLTABLE_Row_Odd .link.link-no-checkin .icon,
.HTMLTABLE_Row_Even .link.link-no-checkin .icon,
.ButtonObjectDetails .link.link-no-checkin .icon,
.HTMLTABLE_Row_Odd .link.link-checkin .icon,
.HTMLTABLE_Row_Even .link.link-checkin .icon,
.ButtonObjectDetails .link.link-checkin .icon {
    font-size: 15px;
    line-height: 18px;
}

#uploadform a.link.stdLinkImage .icon {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#uploadform a.link.stdLinkImage {
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
}
#uploadform a.link.stdLinkImage .roundGreenCheck:before,
#uploadform a.link.stdLinkImage .roundRedCross:before {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-left: 1px;
    color:#fff;
}

/* Upload fields */
.upload-button {
    position: relative;

    width: 28px;
    height: 28px;
}

.upload-button:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.upload-button > .label-text, .upload-button > input[type="file"] {
    display: block;
    opacity: 0;
    width: 0;
}

input:focus + .ContentFormFakeInputPopup,
.ContentFormFakeInputPopup:focus {
    background: /*missing template:facelift.fakepopupinput.background.focus*/;
}

.FaceliftCheckbox input[disabled] + .visible-checkbox {
   background-color: #D3D3D3;
}
.FaceliftRadiobutton input[disabled] + .visible-radiobutton {
   background-color: #D3D3D3;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_popup.css
\* ------------------------------------------------------------------------- */

#LocationTreeNavi,
#Flyout_Bottom {
    background-color: transparent;
    border:none;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: right;
}
#LocationTreeNavi div.giveittomebaby a,
#LocationTreeNavi a,
#Flyout_Bottom a {
    padding: 4px 10px 3px 10px;
    background:#000;
    color:#fff;
}

#Flyout_Bottom a {
    display:inline-block;
    padding: 4px 10px 3px 10px;
    text-decoration:none;
    white-space:nowrap;

    /* two times set (for older browsers), do not reverse! */
    cursor:pointer;
    cursor:hand;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;

    background:transparent;
    border:1px solid;
    border-color:#333340;
    color:#000;
    text-transform: none;
}

#Flyout_Bottom a:focus {
    outline: 1px dotted black;
    outline-offset: 1px;
}

#Flyout_Bottom a > img,
#Flyout_Bottom a > span {
    display: none;
}
#Flyout_Content tr.footer {
    margin-left: 20px;
}
td.flyoutBorder >span {
    border-top: 1px solid #000;
    display:block;
}
.flyoutBottomLeft span {
    margin-left: 20px;
}
.flyoutBottomRight span {
    margin-right: 20px;
}

.LocationTreeItemContainer {
    position: relative;
}

.LocationTreeItem,
.LocationTreeItemDisabled,
.LocationTreeItemSelected,
.LocationTreeItemDisabledSelected,
.LocationTreeItemMarked,
.LocationTreeItemMarkedSelected {
    padding:0px;
    padding-top: 2px;
    padding-left:7px;
    padding-right:3px;
    display:inline-block;
    font-size:14px;
    line-height: 120%;
    height: 18px;
    outline: none;
}

.LocationTreeItem:hover,
.LocationTreeItemDisabled:hover,
.LocationTreeItemMarked:hover,
.LocationTreeItemSelected:hover,
.LocationTreeItemMarkedSelected:hover,
.LocationTreeItemDisabledSelected:hover {
    background:#69C;
    color:#FFF;
    margin-left: 7px;
    padding-left: 2px;
}

.LocationTreeItemSelected {
    background:#11409F;
    color:#FFF;
    margin-left: 5px;
    padding-left: 2px;
}

.LocationTreeToggleLocation,
.LocationTreeToggleObject,
.LocationTreeToggle,
.LocationTreeToggleSelected {
    background:none;
    background-image: none;

}

.LocationTreeToggleLocation:before,
.LocationTreeToggleObject:before,
.LocationTreeToggle:before,
.LocationTreeToggleSelected:before {
    font-family: EstateIcons;

    position: absolute;
    left: 0;
    top: 2px;

    display: inline-block;
    border:1px solid #bbbbbb;
    font-weight: bold;

    width:14px;
    height:14px;

    line-height: 8px;
    text-align: center;
    vertical-align: middle;
}
.LocationTreeToggleObject:before,
.LocationTreeToggleLocation:before {
    border:0;
}
span.LocationTreeToggleObject,
span.LocationTreeToggleLocation {
    text-align: end;
}
.LocationTreeToggleObject:before,
.LocationTreeToggleLocation:before {
    content: '\0025AA';
}
.LocationTreeToggle:before {
    /*plus*/
    content: "+";
    line-height: 9px;
}
.LocationTreeToggleSelected:before {
    /*minus*/
    content: "-";
}
#LocationTreeBar{
    background:#EEEEEE;
    border-style:solid;
    border-width:0;
    border-bottom-width:1px;
    border-bottom-color:#EEEEEE;
    line-height:30px;
    height: 30px;
    padding-left:10px;
    padding-right:10px;
}
#LocationTreeContainer {
    border-color:#EEEEEE;
}
#LocationTreeBar a.link.link-table.stdLink {
    margin-top: 4px;
    padding-left: 5px;
    margin-left: 0;
}
#LocationTreeBar span.text {
    margin-top: 0;
    padding-top: 0;
}

.UserTable.ApplyButton:after {
    content: "";
    clear:both;
    display: table-cell;
}

.UserTable.ApplyButton .Button {
    float:right;
    margin-top: 10px;
}

.dialog-timeselection{
    text-align: initial;
    /*display: none;*/
}

.dialog-timeselection > div{
    display: inline;
}

.dialog-timeselection input{
    height:28px;
    line-height: 28px;
    border: 1px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:52px;
    padding-left: 5px;
}


.dialog-timeselection .timeseparator{
    margin: 0 10px;
}

.dialog-timeselection .timeminus,
.dialog-timeselection .timeplus{
    margin-left: 2px;
}

.messenger-content img {
    display: none;
}

.display-device-code-popup {
    min-width: 400px;
}

.display-device-code-popup label {
    margin-right: 10px;
}

.display-device-code-popup button {
    margin-left: 10px;
}

.display-device-code-popup input[type=text] {
    border: 1px solid #000;
}


/* ------------------------------------------------------------------------- *\
 * File: fl_parameter.css
\* ------------------------------------------------------------------------- */

#parameter_table #capacity_form input, #parameter_table .parameter.timeinput input {
    height: 28px;
}

.parameter .FaceliftSelectbox, .parameter .FaceliftSelectbox:after, .parameterform .FaceliftSelectbox, .parameterform .FaceliftSelectbox:after {
    line-height: 28px;
}

.HTMLTABLE_Table .FaceliftSelectbox, .HTMLTABLE_Table select {
    top: 5px;
}
#parameter_col_1, #parameter_col_2, #parameter_col_3 {
    border: none;
}
#parameter_col_1 span, #parameter_col_2 span, #parameter_col_3 span, #parameter_col_4 span {
    border: none!important;
    height: 2rem!important;
    margin-right:2px;
}
#SectionContent #parameter_col_3 {
    padding-right:0;
    width:auto;
    white-space: nowrap;
}

#SectionContent #parameter_content {
    padding: 6px 14px 14px 20px;
}

#parameter_content #parameter_table input, #parameter_content select {
    appearance: none;
    background-color:#fff;
    border: none;
    border-radius: 0;
    font-size: 14px!important;
    padding-left: 5px!important;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    height:29px;
}

.highcontrast #parameter_content #parameter_table input,
.highcontrast #parameter_content select {
    border: 1px solid white;
    border-radius: inherit;
    height: 24px;
}

.highcontrast #parameter_content #parameter_table input {
    width: 46px;
}

#parameter_content select {
    background-position: right;
    background-repeat: no-repeat;
}

.parameter.icon {
    background-repeat: no-repeat;
    background-size: 28px 56px;
    display: block;
    height: 28px;
    margin-left: 5px;
    width: 28px;
}

.parameter.icon:hover {
    background-position: 0px -28px;
}

.parameter.icon img {
    display: none;
}

.parameter.icon.date:before, .parameter.icon.minus:before, .parameter.icon.plus:before, .parameter.icon.location:before {
    background:#333340;
    display: block;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
}

.parameter.icon.date:hover:before, .parameter.icon.minus:hover:before, .parameter.icon.plus:hover:before, .parameter.icon.location:hover:before {
    background:#0090CA;
}

.parameter.icon.date:before {
    font-size: 14px;
}

.parameter.icon.plus:before, .parameter.icon.minus:before {
    font-size: 12px;
    width: 14px;
}

.parameter.timetable {
    border-spacing: 0;
    width: 200px!important;
}

.parameter.timeinput,
.parameter.timeinput.short {
    width: 52px;
}

.highcontrast #capacity_form tr:nth-child(2) td:first-child span,
.highcontrast .parameter.timeinput.short {
    width: 57px;
}

.parameter.timeinput.long {
    width: 67px;
}

.parameter.timeminus {
    width: 15px!important;
}

.parameter.timeplus {
    width: 14px!important;
}

.parameter .seriesButtonLegend,
.parameter.serieText,
.parameter.timeseparator {
    line-height: 29px;
}

.parameter.serieText {
    white-space: nowrap;
    width: 50px;
    display: block;
    text-align: right;
    margin-right: 6px;
}
.parameter.serieButton {
    text-align: right;
}
#parameter_table td.parameter.serieText, #parameter_table td.parameter.serieButton {
    vertical-align:middle;
}

.parameter.datetable {
    border-spacing: 0;
}

#parameter_buttons_row {
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0;
    height: 32px!important;
    padding-bottom: 5px!important;
    padding-top: 7px!important;
}

.ButtonIconLeft.IconArrowUp:before, .ButtonIconLeft.IconArrowDown:before {
    margin-left: -5px;
    margin-right: 5px;
}

#SectionContent .left {
    float: left;
    margin-left: 20px;
}

#SectionContent .right {
    float: right;
    margin-right:5px;
}

#SectionContent .left, #SectionContent .center, #SectionContent .right {
    background-color: #e8e8e8;
    border-top: 1px solid FL_COLOR_01;
    height: 24px;
    padding-bottom: 9px ;
    padding-top: 7px;
    white-space: nowrap;
}

#ParameterTab {
    top: auto;
}

#Crumb, #ParameterTab, #ParameterSearch {
    position: relative;
}

#ParameterSearch {
    background:#e8e8e8;
    height: auto;
    padding-top:12px;
    padding-bottom:4px;
}
/*#ParameterSearch.vtool {
    height: 115px;
}*/

#Crumb {
    height: 33px;
}

#ParameterTab {
    background:#fff;
}

.ParameterLine {
    display: none;
}

#ParameterTab li, #ParameterTab li.Selected {
    background: none;
}

#ParameterTab a, #ParameterTab li.Selected a {
    border:1px solid;
    border-color:#000;
    line-height: 26px;
    margin-top: 0px;
}

#ParameterTab li.Selected span, #ParameterTab li.Selected a {
    color:#fff;
}

#ParameterTab li.Selected {
    background:#000;
}

#ParameterTab li.First {
    margin-left: 10px;
}

#ParameterTab li {
    margin-left: 5px;
}

#options_table .seating_option, #options_table .acc_option {
    border-top-width: 0;
}

#parameter_table .button > span {
    background: none;
    height: auto !important;
    padding: 4px 10px 3px 10px;
}

#parameter_table .estateselectbox .icon-selectbox {
    line-height: 2rem;
}

#parameter_table .button-form-normal, #parameter_table .button-form-narrow {
    height: 2rem;
}

#parameter_table .button-form-normal i, #parameter_table .button-form-narrow i {
    line-height: 2rem;
}

#options_table .seating_option img {
    background:#fff;
    border:1px solid;
    border-color:#000;
    display: none;
    left: 110px;
    padding: 10px;
    position: absolute;
    top: 10px;
}

.right #optionsbutton, .right #searchbutton, .right #parameterbutton {
    float: none;
    margin-right: 10px;
}

.newParameterTabs a {
    display: block;
}

.newParameterTabs a em {
    vertical-align: middle;
}

.newParameterTabs a i.icon {
    font-size: 30px;
    line-height:26px;
    position: relative;
}

/* Fix for Edge */
.highcontrast .newParameterTabs a span {
    margin-left: 7px;
}

.newParameterTabs li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding-right: 13px;
}

.newParameterTabs li a {
    padding-right: 10px;
}

.newParameterTabs li a,
.newParameterTabs li a .icon {
    color:#fff;
}

.newParameterTabs li a:focus {
    background-color: /*missing template:facelift.new.parameter.tabs.link.background.focus*/;
}

.newParameterTabs li.Selected a, .newParameterTabs li.Selected a .icon {
    color:#000;
}

.highcontrast .newParameterTabs li.Selected a {
    outline: 1px dotted #000;
}

#date_selection {
    width:100%;
    margin-bottom:2px;
}

#parameter_content #parameter_table h1, #parameter_content #advanced_options h1 {
    padding-bottom:0;
}

#parameter_content #parameter_table select, #parameter_content #parameter_table input {
    height: 2rem;
}

#SectionContent #parameter_table div#capacity_form {
    float: left;
    margin-left:17px;
}
#parameter_table .parameterform.time {

}
#parameter_table div#capacity_form span{
    background:none;
    line-height: 2rem;
}
#parameter_table div#capacity_form span.text{
    margin-left:9px;
    margin-right:0;
    border: none!important;
}

#parameter_table div#capacity_form span.text,
.parameter.timeselection {
    color:/*missing template:basecolor.dark*/;
}

#ParameterSearch #monthyear {
    width: 100%;
}
#SectionContent #parameter_col_1 {
    width: auto;
    white-space: nowrap;
    min-width: 460px;
    max-width: 500px;
    padding-right: 20px;
}

.parameterform.select {
    float: left;
    width: 300px;
}
#parameter_table .parameterform.select > span,
#parameter_table .dateday > span,
#parameter_table .datemonth > span,
#parameter_table .parameter > span,
#capacity_form span {
    border: none!important;
    box-sizing: content-box;
}

.parameter.timeselection > div,
.parameter.timeselection .from > div,
.parameter.timeselection .to > div{
    float: left;
}
.parameter.timeselection {
    float: left;
}

#SectionContent .parameter.select {
    width: auto;
    float: left;
    margin-top:auto;
    margin-right:20px;
}

#SectionContent .dateday,#SectionContent .datemonth {
    float:left;
}
#SectionContent .dateday {
    width:53px;
}
#SectionContent .dateday.weekday {
    width:73px;
}
#SectionContent .datemonth {
    width:152px;
}
#SectionContent #parameter_table div {
    margin-top:auto;
}

#SectionContent #parameter_table div.mt-35{
    margin-top: 35px;
}

#SectionContent .seriesButtonLegend {
    margin: 0 10px 0 20px;
}
#SectionContent .parameter.timeseparator {
    margin: 0 10px;
}

#Flyout_Content .rowHeadline td{
    padding-bottom:26px;
}
#Flyout_Content .rowSubHeadline #start_cal_head,
#Flyout_Content .rowSubHeadline #end_cal_head {
    padding-bottom:5px;
}
#date_noselection {
    width:150px;
    line-height: 30px;
    float:left;
}
#parameter_table #date_noselection_label {
    line-height:inherit;
}

#SectionContent #parameter_col_1,
#SectionContent #parameter_col_2,
#SectionContent #parameter_col_3,
#SectionContent #parameter_col_4 {
    float:left;
    padding-bottom:10px;
}

#SectionContent #parameter_col_3 {
    padding-left:0;
}

#advanced_options {
    padding-top:0;
}

.newParameterTabs li.Disabled a {
    opacity: .5;
    cursor: default;
}

#project_form {
    margin-left: 20px !important;
    margin-top: -23px !important;
}

/* AM PM */
.am_pm {
    margin-right: 2px;
    position: relative;
}
.am_pm button {
    padding: 0;
    cursor: pointer;
}

.am_pm_options {
    transition: 0.3s opacity;
    display: none;
    opacity: 0;
    position: absolute;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    left: 50%;
    /*top: calc(100% + 8px);*/
    top: 38px;
    transform: translateX(-50%);
    z-index: 9999;
}
.am_pm_options:before {
    border: 10px solid transparent;
    border-bottom-color: #fff;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.am_pm_options:after {
    border: 11px solid transparent;
    border-bottom-color: #ddd;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.am_pm_options.fade {
    display: block;
}
.am_pm_options.active {
    opacity: 1;
}

.am_pm_options ul li {
    margin-top: 5px;
}
.am_pm_options ul li:first-child {
    margin-top: 0;
}

.am_pm_options ul li button {
    transition: 0.3s opacity, 0.3s color, 0.3s border;
    width: 100%;
    text-align: center;
    background: transparent;
    border: 1px solid #000;
    padding: 3px;
    color: #000;
}
.am_pm_options ul li button:hover {
    opacity: 0.75;
}

.am_pm_element_before {
    margin-right: 20px;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_hotspots.css
\* ------------------------------------------------------------------------- */

/* ==========================================================================
   Icons
   ========================================================================== */

.IconHotspotRed,
.IconHotspotYellow,
.IconHotspotGreen,
.IconHotspotUndefined {
    background: none;
}

/* ==========================================================================
   Hotpots
   ========================================================================== */

.hotspot {
    border-radius: 3px;
    display: inline-flex;
    height: 20px;
    margin-right: 2px;
    text-align: center;
    vertical-align: sub;
    width: 27px;
    border: 1px solid #fff;
}

.hotspot .icon {
    position: relative;
    line-height: 20px;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.hotspot .icon:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
}

.hotspot a {
    display: block;
    height: 100%;
    left: 0;
    position: inherit;
    text-align: center;
    top: 0;
    width: 100%;
}

.hotspot a:focus,
.hotspot a:active {
    outline: 2px dotted black;
}

/* ================================================== */

/* Name flag */
.hotspot .hotspot-name {
    position: absolute;
    left: 125%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    padding: 0.25em 0.5em;
    white-space: nowrap;
}

.hotspot .hotspot-name:before {
    content: " ";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid;
    border-right-color: #96979C;
}

/* ================================================== */

/* Hotspot flag directions (east = default) */
/* West ========== */
.hotspot.west .hotspot-name {
    right: 125%;
    left: auto;
    transform: translate(0, -50%);
}
.hotspot.west .hotspot-name:before {
    left: 100%;
    right: auto;
    border-left: 10px solid;
    border-left-color: #96979C;
    border-right: 8px solid transparent;
}

/* South ========== */
.hotspot.south .hotspot-name {
    top: 130%;
    left: auto;
    right: 50%;
    transform: translate(50%, 0);
}
.hotspot.south .hotspot-name:before {
    left: 50%;
    right: auto;
    top: 0;
    transform: translate(-50%, -100%);
    border-bottom: 10px solid;
    border-bottom-color: #96979C;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

/* North ========== */
.hotspot.north .hotspot-name {
    bottom: 130%;
    left: auto;
    right: 50%;
    top: auto;
    transform: translate(50%, 0);
}
.hotspot.north .hotspot-name:before {
    left: 50%;
    right: auto;
    bottom: 0;
    top: auto;
    transform: translate(-50%, 100%);
    border-top: 10px solid;
    border-top-color: #96979C;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* ================================================== */

/* Hotspot disabled */
.hotspot.disabled {
    border: 0 none;
    background: none !important;
}

.hotspot.disabled > .icon {
    display: none;
}

/* ================================================== */

/* Hotspot highcontrast */
.highcontrast .hotspotHighlight .icon {
    animation: none;
    outline: 5px solid;
}

.highcontrast .button.legend input {
    width: 16px;
    left: -10px;
}

/* ================================================== */

/* Hotspot mark */
.single-mark,
.cluster-mark {
    position: absolute;
    cursor: pointer;
}

.single-mark {

}

.cluster-mark {
    display: none;
    z-index: 101;
}

/* ================================================== */

/* Cluster */
#CLUSTER_LAYER.hotspot_cluster_layer {
    position: fixed;
    z-index: 150;
}

/* ==========================================================================
   Hotspots Location
   ========================================================================== */

.HotspotLocation-Pointer {
    width: 1px;
    height: 1px;
    border: 0 none;
    position: absolute;
}

/* Hotspot default */
.HotspotLocation-Pointer .hotspot {
    position: absolute;
    left: -14px;
    top: -10px;
}

/* Hotspot location */
.HotspotLocation {
    position: absolute;
    background-color: #96979C;
    transform: translate(6px, -50%);
    box-shadow: 0 0 0 1px white;
}

.HotspotLocation:before,
.HotspotLocation:after {
    content: '';
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.HotspotLocation:before {
    left: -8px;
    border-bottom: solid 8px transparent;
    border-top: solid 8px transparent;
    border-right: solid 8px;
    border-right-color: white;
}

.HotspotLocation:after {
    left: -6px;
    border-bottom: solid 8px transparent;
    border-top: solid 8px transparent;
    border-right: solid 8px;
    border-right-color: #96979C;
}

.HotspotLocation a {
    display: block;
    outline: none;
    white-space: nowrap;
    /*cursor: default;*/
    position: relative;
    padding: 2px 8px;
}

.HotspotLocation span {
    line-height: 1;
    position: relative;
    color: white;
}

.HotspotLocation span .icon {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.HotspotLocation span .icon:before {
    position: absolute;
    border-radius: 50%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 16px;
    width: 16px;
    color: #fff;
}

/* ================================================== */

/* Hotspot directions (east = default) */
/* West ========== */
.HotspotLocation.west {
     right: 0;
     transform: translate(-6px, -50%);
 }
.HotspotLocation.west:before {
    left: auto;
    right: -8px;
    border-right: 0 none;
    border-right-color: transparent;

    border-left: solid 8px;
    border-left-color: white;
}
.HotspotLocation.west:after {
    left: auto;
    right: -6px;
    border-right: 0 none;
    border-right-color: transparent;

    border-left: solid 8px;
    border-left-color: #96979C;
}

/* South ========== */
.HotspotLocation.south {
    transform: translate(-50%,6px);
}

.HotspotLocation.south:before {
    left: 50%;
    top: -8px;
    transform: translateX(-8px);
    border-top: 0 none;
    border-right-color: transparent !important;
    border-left-color: transparent !important;

    border-right: solid 8px;
    border-left: solid 8px;
    border-bottom: solid 8px;
    border-bottom-color: white;
}

.HotspotLocation.south:after {
    left: 50%;
    top: -6px;
    transform: translateX(-8px);
    border-top: 0 none;
    border-right-color: transparent !important;
    border-left-color: transparent !important;

    border-right: solid 8px;
    border-left: solid 8px;
    border-bottom: solid 8px;
    border-bottom-color: #96979C;
}

/* North ========== */
.HotspotLocation.north {
    transform: translate(-50%,0);
    bottom: 6px;
}

.HotspotLocation.north:before {
    left: 50%;
    bottom: -8px;
    top: auto;
    transform: translateX(-8px);
    border-bottom: 0 none;
    border-right-color: transparent !important;
    border-left-color: transparent !important;

    border-right: solid 8px;
    border-left: solid 8px;
    border-top: solid 8px;
    border-top-color: white;
}

.HotspotLocation.north:after {
    left: 50%;
    bottom: -5px;
    top: auto;
    transform: translateX(-8px);
    border-bottom: 0 none;
    border-right-color: transparent !important;
    border-left-color: transparent !important;

    border-right: solid 8px;
    border-left: solid 8px;
    border-top: solid 8px;
    border-top-color: #96979C;
}

/* ==========================================================================
   HTML Table
   ========================================================================== */

.HTMLTABLE_Table .hotspot {
    text-align: center;
    margin-left: 50%;
    left: -10px;
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
}

.HTMLTABLE_Table .hotspot.blocked:before,
.HTMLTABLE_Table .hotspot.stduser:before,
.HTMLTABLE_Table .hotspot.readonly:before,
.HTMLTABLE_Table .hotspot.free.cluster:before,
.HTMLTABLE_Table .hotspot.free:before,
.HTMLTABLE_Table .hotspot.wait:before {
    line-height: 16px;
}

.HTMLTABLE_Table td .ButtonObjectDetails .icon {
    margin-top: -4px;
    height: 23px;
    width: 23px;
    vertical-align: middle;
}

.HTMLTABLE_Table td a:focus .ButtonObjectDetails .icon {
    outline: 1px dotted black;
}

/* ==========================================================================
   Layer
   ========================================================================== */

.hotspot_layer-wrapper {
    position: absolute;
    display: none;
    z-index: 10000;
    top: 0;
    left: 0;
    padding-bottom: 10px;
}

/* ==========================================================================
   Legend
   ========================================================================== */

/* List */
.legend.list li {
    margin-left: 15px;
}

.legend.list p {
    display: inline;
}

/* triangle for the legend - start */
.legend.list {
    position: relative;
    background: #fff;
    border: 1px solid #cdcdcd;
}

.legend.list:after {
    display: table;
    clear: both;
    content: "";
}

/* triangle for the legend - end */
.legend.list li {
    border-top: 1px solid #000;
}

.legend.list li:first-child {
    border: none;
}

.legend.list li div.hotspotText {
    display: inline-block;
}

.legend.list li:last-child {
    margin-right: 15px;
}

/* ================================================== */

/* Button */
.button.legend {
    cursor: pointer;
    color: #000;
    padding: 7px 10px 7px 10px;
}

.button.legend label {
    margin-left: 10px;
    user-select: none;
}

/* ================================================== */

#newHotspotLegendLayerVertical,
#newHotspotLegendLayer {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 150;
}

#newHotspotLegendLayerVertical li {
    float: left;
}

#newHotspotLegendLayerVertical #legendTitleBar {
    float: left;
    line-height: 2.2;
    border: 1px solid #d6d6d9;
    margin-right: 10px;
}

#newHotspotLegendLayerVertical .hotspot {
    vertical-align: middle;
    margin-right: 5px;
    transform: translateY(-1px);
}

#newHotspotLegendLayerVertical .button.legend {
    float: left;
    height: auto;
    line-height: 2.2;
    padding: 0 10px 0 10px;
    border: 1px solid #d6d6d9;
}

#newHotspotLegendLayerVertical li,
#newHotspotLegendLayerVertical .legend.list:after,
#newHotspotLegendLayerVertical .legend.list:before {
    border: none;
}

#newHotspotLegendLayerVertical .legend.list {
    border: 0 none;
    position: relative;
    display: block;
    padding: 0;
}

/* ==========================================================================
   Custom Settings
   ========================================================================== */

/* Hotspots */
.hotspot.stduser,
.hotspot.not_available {
    background: #666666;
}

.hotspot.stduser .icon:before,
.hotspot.not_available .icon:before {
    color: #fff;
}

.hotspot.free.cluster,
.hotspot.free,
.hotspot.green,
.HotspotLocation .IconHotspotGreen .icon:before {
    background: #add200;
}

.hotspot.free.cluster .icon:before,
.hotspot.free .icon:before,
.hotspot.green .icon:before {
    color: #fff;
}

.hotspot.blocked,
.hotspot.red,
.HotspotLocation .IconHotspotRed .icon:before {
    background: #c73f36;
}

.hotspot.blocked .icon:before,
.hotspot.red .icon:before,
.HotspotLocation .IconHotspotRed .icon:before {
    color: #fff;
}

.hotspot.readonly,
.HotspotLocation .IconHotspotUndefined .icon:before {
    background: #666666;
}

.hotspot.readonly .icon:before,
.HotspotLocation .IconHotspotUndefined .icon:before {
    color: #fff;
}

.hotspot.wait,
.hotspot.yellow,
.HotspotLocation .IconHotspotYellow .icon:before {
    background: #ffab00;
}

.hotspot.wait .icon:before,
.hotspot.yellow .icon:before,
.HotspotLocation .IconHotspotYellow .icon:before {
    color: #fff;
}

.hotspot .hotspot-name {
    color: white;
    background-color: #96979C;
}

/* Deactivated */
.hotspot.deactivated {
    outline: 1px solid rgba(0, 0, 0, 0.25);
}
.hotspot.deactivated:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    z-index: 1;
}

/* ================================================== */

/* Hotspot highcontrast */
.highcontrast .hotspotHighlight .icon {
    outline-color: #0090ca;
}

/* ================================================== */

/* Legend */
.button.legend {
    background-color: #d6d6d9;
}

#newHotspotLegendLayerVertical .legend.list {
    border-color: #d6d6d9;
}

/* ================================================== */

/* Cluster */
.hotspot_cluster_layer {
    background: #d6d6d9;
}

/* ==========================================================================
   Animations
   ========================================================================== */

.hotspotHighlight {
    z-index: 99;
}

/* Highlighted hotspots get a pulsing animation */
.hotspotHighlight .icon:after {
    position: absolute;
    content: "";

    z-index: -1;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    border-radius: 50%;

    background-color: #0090ca;

    animation: highlight-pulse 1s infinite;
}

@keyframes highlight-pulse {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    80% {
        height: 100px;
        width: 100px;
        opacity: 0;
    }
    100% {
        height: 0;
        width: 0;
        opacity: 0;
    }
}

/* ================================================== */

/* Free */
.cluster,
.pulse {
    display: block;
    box-shadow: 0 0 6px 6px rgba(173, 210, 0, 1);
    animation: pulse 2s infinite;
}

.cluster:hover,
.pulse:hover {
    animation: none;
    box-shadow: none;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(173, 210, 0, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(173, 210, 0, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
        box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(173, 210, 0, 0.2);
        box-shadow: 0 0 0 10px rgba(173, 210, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
        box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
        box-shadow: 0 0 0 0 rgba(173, 210, 0, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(173, 210, 0, 0.2);
        box-shadow: 0 0 0 10px rgba(173, 210, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
        box-shadow: 0 0 0 0 rgba(173, 210, 0, 0);
    }
}

/* ================================================== */

/* Readonly */
.cluster.readonly,
.pulse.readonly {
    display: block;
    box-shadow: 0 0 6px 6px rgba(214, 53, 65, 1);
    animation: pulsereadonly 2s infinite;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@-webkit-keyframes pulsereadonly {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
        box-shadow: 0 0 0 10px rgba(214, 53, 65, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@keyframes pulsereadonly {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
        box-shadow: 0 0 0 10px rgba(214, 53, 65, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

/* ================================================== */

/* Blocked */
.cluster.blocked,
.pulse.blocked {
    display: block;
    box-shadow: 0 0 6px 6px rgba(214, 53, 65, 1);
    animation: pulseblocked 2s infinite;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@-webkit-keyframes pulseblocked {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
        box-shadow: 0 0 0 10px rgba(214, 53, 65, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

@keyframes pulseblocked {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(214, 53, 65, 0.2);
        box-shadow: 0 0 0 10px rgba(214, 53, 65, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
        box-shadow: 0 0 0 0 rgba(214, 53, 65, 0);
    }
}

/* ================================================== */

/* Wait */
.cluster.wait,
.pulse.wait {
    display: block;
    box-shadow: 0 0 6px 6px rgba(218, 165, 32, 1);
    animation: pulsewait 2s infinite;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(218, 165, 32, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
    }
}

@-webkit-keyframes pulsewait {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(218, 165, 32, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
        box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(218, 165, 32, 0.2);
        box-shadow: 0 0 0 10px rgba(218, 165, 32, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
        box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
    }
}

@keyframes pulsewait {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
        box-shadow: 0 0 0 0 rgba(218, 165, 32, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(218, 165, 32, 0.2);
        box-shadow: 0 0 0 10px rgba(218, 165, 32, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
        box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
    }
}

/* ================================================== */

/* Not available */
.cluster.not_available,
.pulse.not_available {
    display: block;
    box-shadow: 0 0 6px 6px rgba(150, 150, 156, 1);
    animation: pulsenot_available 2s infinite;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@-webkit-keyframes pulsenot_available {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
        box-shadow: 0 0 0 10px rgba(150, 150, 156, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@keyframes pulsenot_available {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
        box-shadow: 0 0 0 10px rgba(150, 150, 156, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

/* ================================================== */

/* Std user */
.cluster.stduser,
.pulse.stduser {
    display: block;
    box-shadow: 0 0 6px 6px rgba(150, 150, 156, 1);
    animation: pulsestduser 2s infinite;
}

@-webkit-keyframes cluster {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@-webkit-keyframes pulsestduser {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@keyframes cluster {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
        box-shadow: 0 0 0 10px rgba(150, 150, 156, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}

@keyframes pulsestduser {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150, 150, 156, 0.2);
        box-shadow: 0 0 0 10px rgba(150, 150, 156, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
        box-shadow: 0 0 0 0 rgba(150, 150, 156, 0);
    }
}



/* ------------------------------------------------------------------------- *\
 * File: fl_navigation.css
\* ------------------------------------------------------------------------- */

#BackgroundLeft.closed #NavigationSub {
    overflow-y: hidden;
}

#NavigationResize.Selected, #NavigationResize {
    background: none;
    position: absolute;
    right: 12px;
    top: 75px;
    z-index: 50;
    font-size:19px;
    cursor: pointer;
    padding: 0;
    border: none;
}

#NavigationResize:before, #NavigationResize.Selected:before {
    cursor: pointer;
    font-size: 32px;
}

#NavigationResize.Selected:before {
    font-size: 30px;
    line-height: 32px;
}

#NavigationSub ul {
    margin-left: 0;
}

#NavigationSub em {
    padding: 0;
}

#NavigationSub span {
    font-size: 13px;
}

#NavigationSub li {
    border: 0;
    width: 200px;
    white-space: pre;
}

#NavigationSub ul,
#NavigationSub ul:focus,
#NavigationSub ul:focus-within {
    outline: none;
}

.IconNaviArrowDown, .IconNaviArrowLeft {
    background: none;
}

#NavigationSub ul ul {
    margin-left: 5px;
}

#NavigationSub ul ul {
    display: none;
    margin-left: 10px;
}

.IconNaviDashboard,
.IconNaviPresenceReservation,
.IconNaviBooking,
.IconNaviManagement,
.IconNaviCheckin,
.IconNaviSystem,
.IconNaviHelp,
.IconNaviBookingRequest {
    background-image: none!important;
    font-size: 18px!important;
}

#NavigationSub a, #NavigationSub li ul, #NavigationSub a.Selected, #NavigationSub a.Selected:hover, #NavigationSub a.Selected:focus, #NavigationSub a:hover, #NavigationSub a:focus, #NavigationSub a {
    background: none;
}

.highcontrast #NavigationSub a.Selected {
    outline: 1px dotted black;
}

#NavigationSub ul {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 0px;
}

#NavigationSub li {
    display: block;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 190px;
}

#NavigationSub li li span {
    white-space: normal;
    width: 135px;
}



/* ------------------------------------------------------------------------- *\
 * File: fl_bookingoverview.css
\* ------------------------------------------------------------------------- */

.booking_overview_table_left {
    padding: 0px 0px 0px 10px;
}

.booking_overview_table_right {
    padding: 0px 10px 0px 0px;
}

.booking_overview_table_left_right {
    padding: 0px 10px 0px 10px;
}

.booking_overview_head {
    background-color: #ecf9fc;
}

.booking_overview_package_line,
.booking_overview_package {
    background-color: #d8effc;
}

.booking_overview_package_line {
    border-bottom-color:#96979C;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color:#96979C;
    border-top-style: dotted;
    border-top-width: 1px;
    font-size: 5px;
}

#booking_overview_buttons_row {
    background:#333340;
    border-bottom-width: 0px;
    border-top-width: 0px;
    bottom: 0px;
    height: 35px;
    left: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: fixed;
    right: 0px;
    z-index: 100;
}

#booking_overview_buttons_row span.Left {
    float: left;
}

#booking_overview_buttons_row span.Left .Button {
    background: transparent;
    color:#fff;
    border-color:#fff;
    text-transform: none;
}

#booking_overview_buttons_row span.Right {
    float: right;
}

#booking_overview_buttons_row span.Right #cancelbutton .Button,
#booking_overview_buttons_row span.Right #cancelbuttondisabled .Button {
    background-color: #0AADED;
    color:#fff;
    border:0px;
    text-transform: none;
}

#booking_overview_buttons_row span.Right .Button,
#booking_overview_buttons_row span.Right #savebutton .Button,
#booking_overview_buttons_row span.Right #savebuttondisabled .Button {
    background-color: #0AADED;
    color:#fff;
    border:0px;
    text-transform:  none;
}

#booking_overview_buttons_row span.Left .Button span,
#booking_overview_buttons_row span.Right .Button span {
    color:inherit;
}

.booking_overview_main_section {
    background: none;
    border: 0px;
    border-top: 1px solid #a9bfcc;
    border-top-width: 0px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 10px;
}

.booking_overview_main_section h1 {
    color: #6ac4f7;
    font-size: 20px;
    font-weight: bold;
    margin-top:8px;
}

/* Styles for the catering table */
#table_booking_overview_accessory_0_maintable table thead tr td:nth-child(4),
#table_booking_overview_accessory_0_maintable table thead tr td:nth-child(5) {
    min-width: 44px;
}

td.booking_overview_details_value .billingInput,
td.booking_overview_details_value .billingInputSelect,
td.booking_overview_details_value .billingSelectBox {
    float:left;
}
.billingSelectBox,
.billingSelectBox select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width:200px;
    margin-top:5px;
}
.billingSelectBox select {
    margin-top:0px;
}
.billingInputSelect input {
    margin-right: 4px;
}
.billingTable input:disabled {
    margin-top: -5px;
}
.booking_overview_details_label {
    text-align: left;
}
td.booking_overview_details_label {
    white-space: nowrap;
}
.booking_overview_details_value {
    text-align: left;
}
td.booking_overview_details_value > span {
    margin-right: 20px;
}

.overview_sum {
    float: right;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-top: 10px;
}

.OSUMTABLE {
    border-bottom:1px solid;
    border-bottom-color:#DDDDDD;
    margin-bottom: 5px;
}

.OSUMTABLE_Head_Cell_Dark_First, .OSUMTABLE_Head_Cell_Dark_Middle, .OSUMTABLE_Head_Cell_Dark_Last {
    background-color:#EEEEEE;
    border-bottom: 1px solid;
    border-bottom-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #fff;
    border-top: 1px solid;
    border-top-color: #DDDDDD;
    font-family:source_sans_pro, Arial, sans-serif;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
}

.OSUMTABLE_Cell_Dark_First, .OSUMTABLE_Cell_Dark_Middle, .OSUMTABLE_Cell_Dark_Last {
    cursor: default;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    font-family:source_sans_pro, Arial, sans-serif;
}

.OSUMTABLE_Cell_Dark_First img, .OSUMTABLE_Cell_Dark_Middle img, .OSUMTABLE_Cell_Dark_Last img {
    display: inline;
    line-height: 28px;
    vertical-align: middle;
}

.OSUMTABLE_Row_Even_Dark, .OSUMTABLE_Row_Odd_Dark {
    line-height: 28px;
}
.OSUMTABLE_Row_Even_Dark .link-symbol,
.OSUMTABLE_Row_Odd_Dark .link-symbol {
    vertical-align: text-bottom;
}

#OverviewTabs {
    height: 35px;
    left: 0px;
    overflow: hidden;
    position: relative;
    width: 95%;
}

#OverviewTabsContent {
    background: #fff url(https://raumreservierung-bildungscampus-q.schwarz/images/tab/tab-body-repeater.png) repeat-x;
    border:1px solid;
    border-color:/*missing template:facelift.overview.tabs.content.border.color*/;
    margin-top: -1px;
    padding: 10px;
}

#OverviewTabs ul {
    background: transparent;
    bottom: -1px;
    float: left;
    position: absolute;
    z-index: 20;
}

#OverviewTabs li {
    background: url(https://raumreservierung-bildungscampus-q.schwarz/images/tab/tab-normal-repeater.png) repeat-x left 2px;
    float: left;
    margin-right: -1px;
    position: relative;
}

#OverviewTabs li.First {
    margin-left: 10px;
}

#OverviewTabs li.Last {
    margin-right: 0;
}

#OverviewTabs li.Selected {
    background: url(https://raumreservierung-bildungscampus-q.schwarz/images/tab/tab-selected-repeater.png) repeat-x left top;
}

#OverviewTabs a {
    border:1px solid;
    border-color:#DDDDDD;
    display: block;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 2px;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

#OverviewTabs .Selected a {
    border-bottom-width: 0;
}

#OverviewTabs em {
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    padding-left: 0px;
}

#OverviewTabs span {
    color:#000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

#OverviewTabs li.Selected a {
    line-height: 20px;
    margin-top: 0px;
}

#OverviewTabs li.Disabled * {
    cursor: default;
}

#OverviewTabs li.Disabled span {
    color:#96979C;
}

.accordionhead {
    display: block;
    background-color:#EEEEEE;
    color:#000;
    cursor: pointer;
    margin-top: 5px;
    padding: 7px 0px 7px 0px;
}

.accordionhead:hover {
    background-color:#0AADED;
    color: #fff;
}

.accordionhead span {
    float: left;
    width: 100%;
    text-align: center;
}

.accordionhead.open {
    /*background: url(https://raumreservierung-bildungscampus-q.schwarz/images/icon/triangle-down.png) no-repeat 14px 12px;*/
    background-color: #0AADED;
    color: #fff;
    pointer-events: none;
}

.accordioncontent {
    background-color:#DDDDDD;
    border:1px solid;
    border-color:#E5E5E5;
    display: none;
    padding: 10px;
}

.accordioncontent input, .accordioncontent textarea {
    border: none;
}

.highcontrast .accordioncontent input,
.highcontrast .accordioncontent textarea {
    border: 1px solid white;
}

.accordioncontent.open {
    border:1px solid;
    border-color:#E5E5E5;
    display: block;
}

.accordionhead.col {
    margin: 0 0 3px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accordionhead.col.first {
    margin-left: 0px;
}

.accordioncontent b {
    line-height: 30px;
}

.accordioncontent #textinfo1_input {
    height: 144px!important;
}

.accordionhead span.tabIcon {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: center;
    background-position: 50%;
    float: left;
    font-size: 60px;
    line-height: 68%;
}
#tab_2 span.tabIcon.icon-calendar {
    font-size: 30px;
    line-height: 136%;
}

.booking_overview_main_section.summary {
    margin: 20px 0 0 -10px;
}

.booking_overview_main_section.configuration {
    margin: 10px 0 0 -10px;
}

/*.billingcontent {
    clear:both;
    margin-bottom:45px;
}*/
tr.booking_overview_details_row.mail td,
tr.booking_overview_details_row.billing td {
    border-bottom: 1px solid;
    border-bottom-color: #96979C;
}

table.mailTable tr td {
    padding-top: 2px;
}

table.mailTable tr:last-child td,
table.billingTable tr:last-child td {
    border: 0;
}
.billingTable .estateselectbox,
.billingTable select,
.billingTable input[type=text] {
    height:28px;
    line-height: 28px;
    border:0;
}

.billingInputSelect,
.billingInput {
    /*min-width: 204px;*/
    margin:5px 5px 0 0;
}

.billingTable span.addtext {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

table.mailTable td,
table.billingTable td,
table.bookingFavouriteTable td {
    padding-left: 20px;
}

table.mailTable tr:first-child{
    height:0;
}
.booking_overview_details_row {
    height:57px;
}

.booking_overview_billing_select
{
    width: 100%;
}
.mailcontent table ,
.billingcontent table,
.favouritecontent table {
    background-color:#EEEEEE;
}

#EDIT_SERIES_TABLE_0, #EDIT_SERIES_TABLE_1 {
    margin-bottom: 6px;
}

#SectionContent.booking_overview {
    padding: 10px 25px 10px 40px;
}

#topic_input,
#display_theme,
#capacity_input,
#capacity_input_series,
#capacity_extern_input {
    height:2rem;
    line-height:2rem;
    padding-left: 5px;
}

#tab_0_content input,
#tab_0_content textarea,
#capacity_input,
#capacity_input_series,
#capacity_extern_input  {
    padding-left:2px;
    height:28px;
    line-height: 28px;
}

#tab_0_content input[name=userfile] {
    padding-left: 0;
}

.booking_overview_error_button {
    color:#fff;
    background:#b41b28;
    padding:4px;
    margin-right:8px;
    cursor: pointer;
}
.booking_overview_error_button .icon {
    font-size: 20px;
    vertical-align: bottom;
    color:#fff;
}

.details_container {
    margin-left: -40px;
    margin-right: -25px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    padding-right: 25px;
}
.details_container, .details_container h1 {
    background-color: #e8e8e8 !important;
    color: #000;
}
.details_container a:not(.Button) {
    background-color: #e8e8e8 !important;
    color: #000;
}
.details_container a.Button, .details_container a.Button span {
    background-color: #e8e8e8 !important;
    color: #fff;
    border-color:#fff;
}

.details_container h1 {
    color: #000 !important;
}

.booking_overview_main_section h1 {
    font-size: 24px;
    font-weight: bold;
}

#SectionContent .bookingDetailsNEW {
    margin: 0;
    float: left;
    margin-bottom:15px;
}

.Button.Invert span {
    color: #000;
    text-transform: none;
}

.Button.Invert {
    border: 1px solid;
    background-color: transparent;
    border-color:#000;
}

.Button.Invert.Disabled,
.Button.Invert.Disabled span {
    border-color:#96979C #96979C #96979C #96979C;
    color:#96979C;
}

.bookingDetailsNEW td {
    vertical-align: top;
}
.details_containerNEW{
    width: calc(100% - 40px);
}

.details_containerNEW div{
    float: left;
}

.details_containerNEW > div:first-child:nth-last-child(1) {
    max-width: calc(100%/1);
}

.details_containerNEW > div:first-child:nth-last-child(2), .details_containerNEW > div:first-child:nth-last-child(2) ~ div {
    max-width: calc(100%/2);
}

.details_containerNEW > div:first-child:nth-last-child(3), .details_containerNEW > div:first-child:nth-last-child(3) ~ div {
    max-width: calc(100%/3);
}

.details_containerNEW > div:first-child:nth-last-child(4), .details_containerNEW > div:first-child:nth-last-child(4) ~ div {
    max-width: calc(100%/4);
}

.details_containerNEW > div:first-child:nth-last-child(5), .details_containerNEW > div:first-child:nth-last-child(5) ~ div {
    max-width: calc(100%/5);
}

.details_containerNEW > div:first-child:nth-last-child(6), .details_containerNEW > div:first-child:nth-last-child(6) ~ div {
    max-width: calc(100%/6);
}

.details_container a.mail,
.details_container a.userLink,
span.agb a {
    color:#a9b9d2;
}

a.Button.Invert,
.details_containerNEW div .button {
    /*width: 100%;*/
}
.details_containerNEW div .button,
.details_containerNEW div .Button.Invert {
    width: 100%;
}
.bookingDetails.header {
    padding-right: 40px;
}

.bookingDetails-button-list {
    float: right;
}
.bookingDetails-button-list .button-icon {
    float: left !important;
    margin-left: 10px;
}
.bookingDetails-button-list .button-icon:first-child {
    margin-left: 0;
}

.userdetails {
    width: 500px;
}
#Flyout_Top.usertable {
    padding-top: 0;
}
.timeselect.duration {
    font-family: source_sans_pro, Arial, sans-serif;
    margin-bottom: 8px;
}
h1.timeselect {
    font-weight: normal;
    font-size: 18px;
}
form#dateform>div {
    margin-right: 5px;
}
#display_theme {
    vertical-align: super;
}
.billingcontent,
.mailcontent,
.favouritecontent {
    margin-top: 30px;
}

div:not(#SectionContent) > .favouritecontent {
    padding: 10px 25px 10px 40px;
}
.overview_message_container {
    display: block;
    text-align: left;
    clear: both;
    float:auto;
    position: relative;
    margin-bottom: 10px;
}
.overview_message_container:before {
    position: absolute;
    display:block;
    top:50%;
    left:0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    transform: translate(0, -50%);
}
.overview_message_container ul {
    margin-left: 40px;
}
.overview_message, .overview_message a {
    font-size: 14px;
    font-weight: bold;
    font-family: source_sans_pro, Arial, sans-serif;
}
.overview_message_container ul > *:not(:first-child){
    margin-top: 5px;
}
.overview_message_container.info, .overview_message.info, .overview_message.info a {
    color: #0080ff;
}
.overview_message_container.warning, .overview_message.warning, .overview_message.warning a {
    color: #e68a00;
}
.overview_message_container.error, .overview_message.error, .overview_message.error a {
    color: #ff4000;
}

.overview_message_container.top {
    margin-top:15px;
}

.booking_overview_toggle_configuration {
    cursor: pointer;
}

.booking_overview_toggle_configuration.open {
    margin-top: 15px;
}
.booking_overview_details_icon {
    position: relative;
    display:inline-block;
    font-size: 21px!important;
}

.booking_overview_details_icon i.icon{
    color:#0080ff
}

.button-icon{
    margin-top: -20px;
    width:40px!important;
    float: right!important;
}

.button-icon-large {
    height: 40px;
    width: 40px;
}

.button-icon-large>.icon {
    height: 40px;
    line-height: 60px;
    font-size: 40px;
    color: #000;
}



/* ------------------------------------------------------------------------- *\
 * File: presence.css
\* ------------------------------------------------------------------------- */

/* =================================
   Edit . Content
   ================================= */
/* head */
.presence-reservation-head {
    background-color: #e8e8e8;
    padding: 30px 20px 20px 40px;
}

.presence-reservation-head-parameter {
    padding-top: 10px;
}

.presence-reservation-head-parameter-element {
    float: left;
    margin-right: 10px;
}

.presence-reservation-head-parameter-element-with-icon {
    position: relative;
    padding-right: 36px;
}

.presence-reservation-head-load-chart {
    width: 75px;
    height: 75px;
    margin-left: auto;
    margin-right: 20px;
    float: left;
}

.presence-reservation-head-load-desc {}

#presence-reservation-head-load-percentage {}

#presence-reservation-head-load-percentage.critical {
    color: #dd463c;
}

.presence-reservation-quota-text {
    padding: 20px 0 0 0;
}

.presence-reservation-quota-text:first-child {
    padding-top: 0;
}

.presence-reservation-quota-text em {
    font-weight: bold;
}

.presence-reservation-quota-text.critical em {
    color: red;
}

.presence-reservation-quota-text.quota-text-note {
    width: 400px;
    font-size: 12px;
    font-weight: bold;
}

/* ================================= */
/* checkbox wrapper */
.presence-reservation-checkbox-wrapper {
    margin-top: 10px;
}

.presence-reservation-checkbox {
    float: left;
}
.presence-reservation-checkbox .FaceliftCheckbox {
    top: 0;
}

.presence-reservation-checkbox-label {
    float: left;
    margin-left: 10px;
}

/* select wrapper */
.presence-reservation-select-wrapper {
    float: left;
}

/* icon wrapper */
.presence-reservation-icon-wrapper {
    float: left;
    margin-left: 8px;
}
.presence-reservation-head-parameter-element-with-icon .presence-reservation-icon-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

/* ================================= */
/* content */
.presence-reservation-content {
    padding: 30px 20px 10px 40px;
}

/* ================================= */
/* week */
.presence-reservation-week {
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    padding-bottom: 20px;
}

.presence-reservation-week:first-child {
    border-top: 0 none;
    padding-top: 0;
}

.presence-reservation-week-head span {
    padding-bottom: 10px;
}

.presence-reservation-week-head span {
    display: inline-block;
}
.presence-reservation-week-head span:first-child {
    margin-right: 5px;
}

/* ================================= */
/* week-day */
.presence-reservation-week-day {
    background-color: rgba(245, 245, 245 ,0.60);
    padding: 10px;
    width: 200px;
    height: 175px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
}
.presence-reservation-week-day.today {
    outline: 1px solid rgba(0,0,0,0.2);
    outline-offset: 4px;
}

.presence-reservation-week-day.unavailable {
    background-color: #fafafa;
}
.presence-reservation-week-day.unavailable:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.01);
}

.presence-reservation-week-day.unavailable .presence-reservation-week-day-area {
    opacity: 0.6;
}

.presence-reservation-week-day.presence-day {
    background-color: rgba(0,116,197,0.2);
}

.presence-reservation-week-day-head {
    padding: 10px 0 10px 0;
}

.presence-reservation-week-day-head-load {
    margin-top: 3px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 1px;
}

.presence-reservation-week-day-head-load div {
    background-color: #fff;
    width: 0;
    height: 10px;
    border-radius: 2px;
}

.presence-reservation-week-day.unavailable .presence-reservation-week-day-head {
    opacity: 0.5;
}

/* ================================= */
/* slots */
.presence-reservation-week-day-slot {
    padding: 10px 0 5px 0;
}
.presence-reservation-week-day-slot.slot-1 {
    padding-right: 3px;
}
.presence-reservation-week-day-slot.slot-2 {
    padding-left: 3px;
}

.presence-reservation-week-day-slots .slot-button {
    cursor: pointer;
    width: 100%;
    height: 2rem;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0;
}

.presence-reservation-week-day-slots .slot-button.type-presence-onsite {
    background-color: rgb(0,116,197);
    color: #fff;
}

.presence-reservation-week-day-slots .slot-button.type-presence-offsite {
    background-color: rgb(32, 152, 179);
    color: #fff;
}

.presence-reservation-week-day-slots .slot-button.type-absence {
    background-color: rgb(143, 54, 194);
    color: #fff;
}

.presence-reservation-week-day-slots .slot-button.foreign {
    opacity: 0.6;
}

.presence-reservation-week-day-slots .slot-button.unavailable {
    opacity: 0.2;
}


/* =================================
   Overview . Content
   ================================= */

.presence-reservation-overview {
    width: 600px;
}

.presence-reservation-overview-head {
    padding: 10px 0 10px 0;
}

.presence-reservation-overview-content {
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 15px;
}

.presence-reservation-overview-content .content-empty {
    padding: 10px;
}

.presence-reservation-overview-content-day {
    margin-top: 20px;
}
.presence-reservation-overview-content-day:first-child {
    margin-top: 0;
}

.presence-reservation-overview-content-day-head {
    margin-bottom: 8px;
}

.presence-reservation-overview-content-day-content {
    padding: 10px 15px;
    background: #f5f5f5;
}

.presence-reservation-overview-content-day-content .content-user {
    margin-top: 10px;
}


.presence-reservation-overview-content-day-content .content-user:first-child {
    margin-top: 0;
}

.presence-reservation-overview-content-day-content .content-user-name {
    margin-bottom: 8px;
}

.presence-reservation-overview-content-day-content .content-presences {
    color: #fff;
}

.presence-reservation-overview-content-day-content .content-presences span {
    display: block;
    padding: 4px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.presence-reservation-overview-content-day-content .content-presences span.first {
    margin-right: 5px;
}
.presence-reservation-overview-content-day-content .content-presences span.middle {
    margin-right: 5px;
    margin-left: 5px;
}
.presence-reservation-overview-content-day-content .content-presences span.last {
    margin-left: 5px;
}

.content-presences-type-onsite span {
    background-color: rgb(0,116,197);
}
.content-presences-type-offsite span {
    background-color: rgb(32, 152, 179);
}
.content-presences-type-absence span {
    background-color: rgb(143, 54, 194);
}

.presence-reservation-overview-content-day-content .content-bookings {}


/* =================================
   Day chart . Content
   ================================= */

.presence-reservation-daychart {
    width: 800px;
}
.presence-reservation-daychart-head {
    padding: 10px 10px 10px 30px;
}


/* =================================
   Area chart . Content
   ================================= */

.presence-reservation-areachart {
    width: 800px;
}
.presence-reservation-areachart-head {
    padding: 10px 10px 10px 30px;
}




/* ------------------------------------------------------------------------- *\
 * File: redesign.css
\* ------------------------------------------------------------------------- */

/* ============================================================ */
/* CUSTOMS */

/* Base font size for rem calculation */
/*html {*/
/*    font-size: !*template:base.fontsize*!;*/
/*}*/

/* ftr-redesign */

/* Global */
.ftr-redesign body,
.ftr-redesign div,
.ftr-redesign span,
.ftr-redesign td,
.ftr-redesign input,
.ftr-redesign select,
.ftr-redesign textarea,
.ftr-redesign option {
    font-weight: 400;
    font-size: 14px;
}
.ftr-redesign address,
.ftr-redesign caption,
.ftr-redesign cite,
.ftr-redesign code,
.ftr-redesign dfn,
.ftr-redesign em,
.ftr-redesign strong,
.ftr-redesign th,
.ftr-redesign var {
    font-weight: 400;
}

/* Headlines */
.ftr-redesign h1 {
    font-size: 1.5rem;
    margin: 25px 15px 20px 15px;
}
.ftr-redesign h2 {
    font-size: 1.29rem;
}
.ftr-redesign h3 {
    font-size: 1.14rem;
}
.ftr-redesign h4 {
    font-size: 1rem;
}

/* Text */
.ftr-redesign .text-regular {
    font-weight: 600;
}
.ftr-redesign .text-regular-important {
    font-weight: 600 !important;
}
.ftr-redesign .text-strong {
    font-weight: 700;
}
.ftr-redesign .text-italic {
    font-style: italic;
}

.ftr-redesign .text-xxs {
    font-size: 0.786rem;
}
.ftr-redesign .text-xs {
    font-size: 0.86rem;
}
.ftr-redesign .text-s {
    font-size: 0.929rem;
}
.ftr-redesign .text-m {
    font-size: 1rem;
}
.ftr-redesign .text-l {
    font-size: 1.14rem;
}
.ftr-redesign .text-xl {
    font-size: 1.29rem;
}
.ftr-redesign .text-xxl {
    font-size: 1.5rem;
}

.ftr-redesign .text-success {
    color: #00B500;
}
.ftr-redesign .text-warning {
    color: #ffab00;
}
.ftr-redesign .text-error {
    color: #c73f36;
}

/* Align */
.ftr-redesign .align-center {
    text-align: center;
    width: 100%;
    display: block;
}
.ftr-redesign .align-top {
    vertical-align: top !important;
}

/* Display */
.ftr-redesign .element-block {
    display: block;
}
.ftr-redesign .element-block-important {
    display: block !important;
}
.ftr-redesign .element-flex {
    display: flex !important;
}
.ftr-redesign .element-hidden {
    display: none;
}

/* Float */
.ftr-redesign .element-float-left {
    float: left;
}
.ftr-redesign .element-float-right {
    float: right;
}
.ftr-redesign .element-float-none {
    float: none;
}

/* Distance */
.ftr-redesign .content-distance {
    margin: 15px;
}
.ftr-redesign .content-distance-top {
    margin-top: 15px;
}
.ftr-redesign .content-distance-right {
    margin-right: 15px;
}
.ftr-redesign .content-distance-bottom {
    margin-bottom: 15px;
}
.ftr-redesign .content-distance-left {
    margin-left: 15px;
}

/* Padding */
/* Top */
.ftr-redesign .pt-c {
    padding-top: 15px !important;
}
.ftr-redesign .pt-ct {
    padding-top: 15px;
}
.ftr-redesign .pt-4 {
    padding-top: 4px;
}
/* Right */
.ftr-redesign .pr-ct {
    padding-right: 15px;
}
.ftr-redesign .pr-0 {
    padding-right: 0 !important;
}
/* Bottom */
.ftr-redesign .pb-ct {
    padding-bottom: 15px;
}
.ftr-redesign .pb-10 {
    padding-bottom: 10px;
}
.ftr-redesign .pb-15 {
    padding-bottom: 15px;
}
/* Left */
.ftr-redesign .pl-ct {
    padding-left: 15px;
}
.ftr-redesign .pl-10 {
    padding-left: 10px;
}
.ftr-redesign .pl-40 {
    padding-left: 40px;
}

/* Margin */
.ftr-redesign .ml-0 {
    margin-left: 0 !important;
}
.ftr-redesign .ml-10 {
    margin-left: 10px !important;
}
.ftr-redesign .mr-10 {
    margin-right: 10px !important;
}
.ftr-redesign .mt-h1-help {
    margin-top: calc(1.29rem + 30px);
}

/* Break */
.ftr-redesign .break {
    display: block;
    height: 1rem;
}
.ftr-redesign .break-double {
    display: block;
    height: calc(1rem + 1rem);
}

.ftr-redesign .border-none {
    border: 0 none !important;
}

:focus-visible {
    outline: 2px solid rgba(0, 220, 254, 0.6);
    position: relative;
    outline-offset: 0;
}

.ftr-redesign .clearfix:after {
    content: "";
    clear: both;
    display: table;
}

.ftr-redesign .no-transition {
    transition-duration: 0ms !important;
}

.ftr-redesign .opt-hidden {
    display: none;
}

/* Width */
.ftr-redesign .w-auto {
    width: auto !important;
}
.ftr-redesign .w-full {
    width: 100% !important;
}
.ftr-redesign .w-30 {
    width: 30px !important;
}
.ftr-redesign .w-85 {
    width: 85px !important;
}
.ftr-redesign .w-550 {
    width: 550px !important;
}
.ftr-redesign .w-680 {
    width: 550px !important;
}

/* Height */
.ftr-redesign .h-30 {
    height: 30px !important;
}

/* Transition */
.ftr-redesign .transition-duration-none,
.ftr-redesign .transition-duration-none  > * {
    transition: all 0s !important;
}

/* ================================= */
/* Elements */
.ftr-redesign input,
.ftr-redesign textarea,
.ftr-redesign .FaceliftSelectbox,
.ftr-redesign .parameter > span,
.ftr-redesign .parameterform.select > span,
.ftr-redesign #capacity_form td > span,
.ftr-redesign .dateday > span,
.ftr-redesign .datemonth > span,
.ftr-redesign .button,
.ftr-redesign .button-form-narrow,
.ftr-redesign .Button,
.ftr-redesign .Button.Invert,
.ftr-redesign #CLUSTER_LAYER,
.ftr-redesign .ContentFormElementBorderPopup,
.ftr-redesign .ContentFormElementBorder,
.ftr-redesign .ContentFormSubElementBorder {
    border-radius: 0.3rem !important;
}


.ftr-redesign input {
    font-weight: 700;
}
.ftr-redesign .ContentFormInputText,
.ftr-redesign .ContentFormSubInputText,
.ftr-redesign .ContentFormInputTextPopup,
.ftr-redesign .ContentFormSubInputTextPopup,
.ftr-redesign .ContentFormInputTime,
.ftr-redesign .ContentFormInputCondition,
.ftr-redesign .ContentFormInputPrice,
/*.ftr-redesign .ContentFormInputDatetime,*/
.ftr-redesign .ContentFormInputSubDatetime {
    width: calc(100% - 22px);
}

.ftr-redesign .ContentFormInputDatetime,
.ftr-redesign .ContentFormSubInputDatetime {
    /*min-width: 78px;*/
    /*width: 78px;*/
    padding: 0 !important;
    text-align: center;
    width: 100%;
}

.ftr-redesign label {
    font-weight: 400;
}


.ftr-redesign .form-element {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 5px 10px;
    transition: border 0.3s, color 0.3s, background 0.3s;
}
.ftr-redesign .form-element,
.ftr-redesign .form-element div,
.ftr-redesign .form-element span {
    font-weight: 700;
}
.ftr-redesign .form-element div,
.ftr-redesign .form-element span {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ftr-redesign .text-field-original {
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
}

.ftr-redesign .multi-wrapper {
    outline: 1px solid rgba(0, 0, 0, 0.2);
    border: 0 none;
    border-radius: 0.3rem;
}
.ftr-redesign .multi-wrapper .non-selected-wrapper {
    background: rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.ftr-redesign .multi-wrapper .selected-wrapper {
    background: #fff;
}
.ftr-redesign .multi-wrapper .header {
    color: rgba(0, 0, 0, 0.6);
}
.ftr-redesign .multi-wrapper .item {
    border-radius: 0.3rem;
    transition: border 0.3s, color 0.3s, background 0.3s;
}
.ftr-redesign .multi-wrapper .item:hover{
    background: #e8e8e8;
}

/* ================================= */
/* Icons */
.ftr-redesign .mailto a {
    top: 0;
}

.ftr-redesign .objInfo .icon {
    font-weight: 400 !important;
}

/* ================================= */
/* Buttons */
.ftr-redesign .button,
.ftr-redesign .Button {
    transition: border 0.3s, background 0.3s, color 0.3s;
}
.ftr-redesign .button:focus .icon {
    color: #fff;
}
.ftr-redesign .button .icon {
    transition: color 0.3s;
}
/*.button:hover {*/
/*    background: !*template:facelift.basecolor.secondary*!;*/
/*}*/
.ftr-redesign .button:hover .icon {
    color: #a9b9d2;
}

.ftr-redesign .Button span {
    background-image: none !important;
    padding: 0 15px 0 15px !important;
    transition: color 0.3s;
}
.ftr-redesign .Button span,
.ftr-redesign .IconButton span,
.ftr-redesign .OptionButton span {
    font-size: 0.929rem;
    line-height: 1.715rem;
}
.ftr-redesign .Button.Disabled span,
.ftr-redesign .Button:hover.Disabled span,
.ftr-redesign .OptionButton:hover.Disabled span {
    font-weight: inherit;
}

/*.ftr-redesign Button.Disabled,*/
/*.ftr-redesign .Button:hover.Disabled,*/
/*.ftr-redesign .OptionButton:hover.Disabled {*/

/*}*/

.ftr-redesign .ButtonLeftSpace {
    margin-left: 0;
}


.ftr-redesign .Button.Invert.Light {
    border-color: #fff !important;
}
.ftr-redesign .Button.Invert.Light,
.ftr-redesign .Button.Invert.Light span {
    color: #fff !important;
}
.ftr-redesign .Button.Invert.Light:hover {
    /*background: !*template:facelift.basecolor.light*! !important;*/
    border-color: rgba(255, 255, 255, 0.6) !important;
}
.ftr-redesign .Button.Invert.Light:hover,
.ftr-redesign .Button.Invert.Light:hover span {
    color: rgba(255, 255, 255, 0.6) !important;
}

.ftr-redesign .Button.Invert.Dark {
    border-color: #000 !important;
}
.ftr-redesign .Button.Invert.Dark,
.ftr-redesign .Button.Invert.Dark span {
    color: #000 !important;
}
.ftr-redesign .Button.Invert.Dark:hover {
    /*background: !*template:facelift.basecolor.dark*! !important;*/
    border-color: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign .Button.Invert.Dark:hover,
.ftr-redesign .Button.Invert.Dark:hover span {
    color: rgba(0, 0, 0, 0.6) !important;
}

.ftr-redesign .Button.Invert:not(.Disabled):hover,
.ftr-redesign .details_containerNEW div .button:hover {
    border-color: #a9b9d2;
    color: #a9b9d2;
}
.ftr-redesign .Button.Invert:not(.Disabled):hover span,
.ftr-redesign .details_containerNEW div .button:hover span {
    color: #a9b9d2;
}

.ftr-redesign .Button.Invert.Disabled,
.ftr-redesign .Button.Invert.Disabled span {
    border-color: #000;
    color: #000;
}

.ftr-redesign .button:focus,
.ftr-redesign .Button:focus,
.ftr-redesign .Button.Invert:focus,
.ftr-redesign .Button.Invert:focus span,
.ftr-redesign #booking_overview_buttons_row span.Left .Button.Invert:focus,
.ftr-redesign #booking_overview_buttons_row span.Left .Button.Invert:focus span {
    color: #000;
    border-color: #000;
    background: transparent;
}
.ftr-redesign .button-form-square:focus {
    background: #000;
}

.ftr-redesign .Button.ElementLink,
.ftr-redesign .ElementLinkButton {
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: border 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
}
.ftr-redesign .Button.ElementLink span,
.ftr-redesign .ElementLinkButton span {
    color: #fff;
    transition: color 0.3s;
    font-weight: 600;
}
.ftr-redesign .ElementLinkButton.text-regular-important span {
    font-weight: 600 !important;
}
.ftr-redesign .Button.ElementLink:not(.Disabled):hover,
.ftr-redesign .ElementLinkButton:hover {
    border-color: #193e69;
    background: #193e69;
}
.ftr-redesign .Button.ElementLink:not(.Disabled):hover span,
.ftr-redesign .Button.ElementLink:focus span,
.ftr-redesign .ElementLinkButton:hover span,
.ftr-redesign .ElementLinkButton:focus span {
    color: #fff;
}
.ftr-redesign .Button.ElementLink.Disabled:hover span {
    font-weight: 600;
}

.ftr-redesign .Button.ElementLink:focus,
.ftr-redesign .ElementLinkButton:focus {
    /*outline: !*template:base.focus*!;*/
    background: #a9b9d2;
    border-color: #a9b9d2;
}
.ftr-redesign .Button.ElementLink.active,
.ftr-redesign .ElementLinkButton.active {
    border-color: #193e69;
}

.ftr-redesign .ElementLinkButton .icon {
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 0 10px;
    transition: color 0.3s;
}

.ftr-redesign .ElementLinkButton.with-icon {
    padding-left: 0.5rem !important;
}
.ftr-redesign .ElementLinkButton.with-icon .icon {
    margin-left: 0;
    margin-top: -1px;
}
.ftr-redesign .ElementLinkButton.with-icon .icon:before {
    transition: color 0.3s;
    color: #fff !important;
}

.ftr-redesign .ElementLinkButton.button-green {
    background: #add200;
    border-color: #add200;
}
.ftr-redesign .ElementLinkButton.button-green:hover {
    background: rgba(173, 210, 0, 0.6);
    border-color: rgba(173, 210, 0, 0.6);
}

.ftr-redesign .ElementLinkButton-important {
    background: #a9b9d2 !important;
    border-radius: 0.3rem !important;
    border: 2px solid #a9b9d2 !important;
    transition: border 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
}
.ftr-redesign .ElementLinkButton-important span {
    color: #fff !important;
    transition: color 0.3s;
    font-weight: 600;
}
.ftr-redesign .ElementLinkButton-important:hover {
    border-color: #193e69 !important;
    background: #193e69 !important;
}
.ftr-redesign .ElementLinkButton-important:hover span,
.ftr-redesign .ElementLinkButton-important:focus span {
    color: #fff !important;
}
.ftr-redesign .ElementLinkButton-important:focus {
    background: #a9b9d2 !important;
    border-color: #a9b9d2 !important;
}
.ftr-redesign .ElementLinkButton-important.active {
    border-color: #193e69 !important;
}


.ftr-redesign .button-form-narrow {
    background: #fff;
    /*box-shadow: 0 0 6px 0 rgb(0, 0, 0, 0.2);*/
    padding: 0;
    /*margin-left: 0.25rem;*/
    width: 1.25rem;
    overflow: hidden;
}
.ftr-redesign .button-form-narrow > .icon {
    width: auto;
    font-size: 2rem;
    margin-left: -0.4rem;
}
.ftr-redesign .button-form-narrow:hover {
    /*background: !*template:facelift.basecolor.light.60*!;*/
    background: #e8e8e8;
}
.ftr-redesign #parameter_table .button-form-narrow:hover {
    background: rgba(255, 255, 255, 0.6);
}

.ftr-redesign .button-form-narrow:hover .icon {
    color: #000;
}
.ftr-redesign .button-form-narrow:focus {
    background: rgba(255, 255, 255, 0.6);
}
.ftr-redesign .button-form-narrow:focus .icon {
    color: #000;
}

.ftr-redesign .button-form-narrow-left .button-form-narrow,
.ftr-redesign .parameter.timeminus .button-form-narrow {
    /*border-radius: !*template:base.border.radius*! 0 0 !*template:base.border.radius*! !important;*/
    border-radius: 0 !important;
}
.ftr-redesign .button-form-narrow-right .button-form-narrow,
.ftr-redesign .parameter.timeplus .button-form-narrow {
    border-radius: 0 0.3rem 0.3rem 0 !important;
}

.ftr-redesign .button-outer-circle {
    transition: border 0.3s, background 0.3s;
    border: 1px solid transparent !important;
    border-radius: 50% !important;
    background: transparent !important;
}
.ftr-redesign .button-outer-circle-secondary {
    background: #a9b9d2 !important;
    border: 1px solid #a9b9d2 !important;
}
.ftr-redesign .button-outer-circle-light {
    background: #fff !important;
    border-color: #fff !important;
}
.ftr-redesign .button-outer-circle-grey {
    background: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}



.ftr-redesign .button-outer-circle .icon {
    transition: color 0.3s;
    color: #000 !important;
}
.ftr-redesign .button-outer-circle-secondary .icon {
    color: #fff !important;
}

/* HOVER */
.ftr-redesign .button-outer-circle:not(.Disabled):hover,
.ftr-redesign .button-outer-circle:not(.Disabled).active {
    border-color: #a9b9d2 !important;
    background: #a9b9d2 !important;
}
.ftr-redesign .button-outer-circle:not(.Disabled):hover .icon,
.ftr-redesign .button-outer-circle:not(.Disabled).active .icon {
    color: #fff !important;
}

.ftr-redesign .button-outer-circle-secondary:not(.Disabled):hover {
    border-color: #000 !important;
}
.ftr-redesign .button-outer-circle-secondary:not(.Disabled):hover .icon {
    color: #000 !important;
}

.ftr-redesign .button-outer-circle-light:not(.Disabled):hover {
    border-color: transparent !important;
    background: transparent !important;
}
.ftr-redesign .button-outer-circle-light:not(.Disabled):hover .icon {
    color: #000 !important;
}

.ftr-redesign .button-outer-circle-light-hover:not(.Disabled):hover {
    border-color: #fff !important;
    background: #fff !important;
}
.ftr-redesign .button-outer-circle-light-hover:not(.Disabled):hover .icon {
    color: #000 !important;
}

.ftr-redesign .button-outer-circle-hover-grey:not(.Disabled):hover {
    border-color: #e8e8e8 !important;
    background: #e8e8e8 !important;
}
.ftr-redesign .button-outer-circle-hover-grey:not(.Disabled):hover .icon {
    color: #000 !important;
}

/* FOCUS */
.ftr-redesign .button-outer-circle:focus {
    /*outline: !*template:base.focus*!;*/
    /*border-color: !*template:facelift.basecolor.dark*! !important;*/
    /*background: !*template:facelift.basecolor.dark*! !important;*/
}
.ftr-redesign .button-outer-circle:focus .icon {
    color: #000 !important;
}

/*.button-outer-circle-light:focus {*/
/*    border-color: !*template:facelift.basecolor.dark*! !important;*/
/*    background: !*template:facelift.basecolor.dark*! !important;*/
/*}*/
/*.button-outer-circle-light:focus .icon {
    color: !*template:facelift.basecolor.dark*! !important;
}*/

/* ACTIVE */
.ftr-redesign .button-outer-circle.active {
    border-color: #a9b9d2 !important;
    background: #a9b9d2 !important;
}
.ftr-redesign .button-outer-circle.active .icon {
    color: #fff !important;
}
.ftr-redesign .button-outer-circle.active:hover {
    background: #a9b9d2 !important;
}
.ftr-redesign .button-outer-circle.active:hover .icon {
    color: #fff !important;
}

.ftr-redesign .button-outer-circle {
    width: 2rem !important;
    height: 2rem !important;
}

.ftr-redesign .button-outer-circle > .icon {
    width: 2rem !important;
    height: 2rem !important;
    line-height: 2rem !important;
    font-size: 2rem !important;
}
/*.button-outer-circle:focus > .icon {*/
/*    color: !*template:facelift.basecolor.light*! !important;*/
/*}*/

.ftr-redesign .ContentForm .button-outer-circle {
    margin-left: 5px;
}

/* Button . Square */
.ftr-redesign .button-form-square {
    border-radius: 50% !important;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    height: 1.8rem !important;
    width: 1.8rem !important;
}
.ftr-redesign .button-form-square .icon {
    color: #000;
    font-size: 1.65rem;
    height: calc(1.8rem - 2px);
    width: calc(1.8rem - 2px);
    line-height: 1.8rem;
}
.ftr-redesign .button-form-square:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
}
.ftr-redesign .button-form-square:hover .icon {
    color: #fff;
}
.ftr-redesign .deactivated {
    transition: none 0s;
}

.ftr-redesign .edit_popup li .button {
    position: relative;
}
.ftr-redesign .edit_popup li .button i {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* Button . Feature Activation */
.ftr-redesign .change-feature-state-button:focus .icon {
    color: #000;
}

/* Button . File upload */
.ftr-redesign .upload-button:before  {
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s;
}
.ftr-redesign .upload-button:hover:before  {
    color: #a9b9d2;
}
.ftr-redesign .upload-button span {
    overflow: hidden;
    height: 0;
}
.ftr-redesign .upload-button input[type='file'] {
    padding: 0 !important;
    width: 100% !important;
}
.ftr-redesign .upload-button input[type='file'] + .input-file-focus {
    position: absolute;
    border-radius: 0.3rem;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
}
.ftr-redesign .upload-button input[type='file']:focus + .input-file-focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}


/* Save . Button */
.ftr-redesign.highlight-save-buttons #MainContentSpace.contentmenu {
    bottom: 48px;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton,
.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) {
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: border 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
    padding: 0 !important;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton span,
.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) {
    color: #fff;
    transition: color 0.3s;
    font-weight: 600;
    background-image: none !important;
    padding: 0 15px 0 15px !important;
    font-size: 0.929rem;
    line-height: 1.715rem;
    vertical-align: baseline !important;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton .icon,
.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) .icon {
    color: #fff;
    line-height: 1.715rem !important;
    left: 4px !important;
    font-size: 1rem !important;
    height: 1.715rem !important;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton .icon:before {
    transition: color 0.3s;
    color: #fff !important;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton .icon + span {
    margin-left: 8px !important;
}

.ftr-redesign.highlight-save-buttons .save-button.stdButton:hover {
    background-color: #193e69;
    border-color: #193e69;
}

/* Save . Button . stdLink . specials */
.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) {
    vertical-align: middle !important;
    padding: 0 15px 0 23px !important;
    transition: border 0.3s, background 0.3s, color 0.3s;
}

.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) .link-symbol {
    line-height: 1.715rem !important;
    height: 1.6rem !important;
    position: absolute !important;
    left: 2px;
    top: 0;
    width: 1rem !important;
}
.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton) .link-symbol .icon {
    font-size: 1rem;
    width: 1rem;
    line-height: 1.715rem !important;
    height: 1.6rem !important;
    transition: color 0.3s;
}

.ftr-redesign.highlight-save-buttons .save-button.stdLink:not(.stdButton):hover {
    text-decoration: none !important;
    background-color: #193e69;
    border-color: #193e69;
}

/* Button . Round icon */
.ftr-redesign .button-round-icon {
    display: inline-block;
    border-radius: 0.3rem;
    line-height: 22px;
}
.ftr-redesign .button-round-icon > div {
    display: inline-block;
    width: auto;
}

/* ================================= */
/* Select */
.ftr-redesign select {
    cursor: pointer;
}
.ftr-redesign .FaceliftSelectboxWraper {
    display: block;
    height: 2rem;
}
.ftr-redesign .ContentFormSelect,
.ftr-redesign .ContentFormSubSelect,
.ftr-redesign .FaceliftSelectbox {
    max-width: none;
}
.ftr-redesign .FaceliftSelectbox.estateselectbox {
    border-color: rgba(0, 0, 0, 0.2) !important;
    transition: color 0.3s, background 0.3s, border 0.3s;
    padding-left: 10px !important;
    padding-right: 2.5rem !important;
    float: none;
}
.ftr-redesign .FaceliftSelectbox.estateselectbox > span {
    font-weight: 700;
}

.ftr-redesign .FaceliftSelectbox.estateselectbox .icon {
    /*margin-right: 0.25rem;*/
    transition: color 0.3s;
    width: 2rem;
    font-size: 2rem;
    position: absolute;
    float: none;
    top: 0;
    right: 0;
}
.ftr-redesign .estateselectbox {
    padding: 0;
}
.ftr-redesign .estateselectbox > span.text {
    line-height: 2rem;
    font-size: 1rem;
}

.ftr-redesign select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox {
    background: #e8e8e8;
    border-color: #e8e8e8 !important;
}

.ftr-redesign select:focus + .FaceliftSelectbox.estateselectbox {
    outline: none;
    background: transparent;
    color:  #000;
}
.ftr-redesign .HTMLTABLE_Table select:focus + .FaceliftSelectbox.estateselectbox {
    background: #e8e8e8;
}
.ftr-redesign select:focus + .FaceliftSelectbox.estateselectbox .icon {
    color:  #000 !important;
}

.ftr-redesign select:focus-visible + .FaceliftSelectbox.estateselectbox {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}


.ftr-redesign select.select-on-light + .FaceliftSelectbox.estateselectbox {
    background: #f5f5f5;
    border: none;
}
.ftr-redesign select.select-on-light:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign select.select-on-light:focus + .FaceliftSelectbox.estateselectbox {
    background: #e8e8e8;
}

.ftr-redesign #parameter_content select,
.ftr-redesign #parameter_table .select > span {
    background: transparent;
    border-color: transparent;
}

.ftr-redesign #parameter_content .FaceliftSelectbox.estateselectbox {
    background: #fff;
    border-color: #fff;
}
.ftr-redesign #parameter_content .FaceliftSelectbox.estateselectbox span {
    overflow: hidden !important;
}

.ftr-redesign .hotspot_cluster_layer select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .hotspot_cluster_layer select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .parameterform.select select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .parameterform.select select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .parameter.select select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .parameter.select select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign #parameter_content select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign #parameter_content select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .presence-reservation-head select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .presence-reservation-head select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .HTMLTABLE_Filter_Row select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .HTMLTABLE_Filter_Row select:focus + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .faceliftSuggest select:hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign .faceliftSuggest select:focus + .FaceliftSelectbox.estateselectbox {
    background: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}


.ftr-redesign .HTMLTABLE_Table.hasFilter .HTMLTABLE_Filter_Row .FaceliftSelectbox.estateselectbox {
    margin-top: -2px;
}

/* ================================= */
/* Checkbox */
.ftr-redesign .FaceliftCheckbox {}

.ftr-redesign .FaceliftCheckbox input + span.visible-checkbox {
    transition: border 0.3s, color 0.3s, background 0.3s;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 0.2rem;
}
/*.ftr-redesign .FaceliftCheckbox input[disabled] + .visible-checkbox {*/
/*    background-color: !*template:facelift.basecolor.light*!;*/
/*}*/

.ftr-redesign .FaceliftCheckbox input:checked + span {
    background: #a9b9d2;
    border-color: #193e69;
}
.ftr-redesign .FaceliftCheckbox input:checked + span i {
    transition: all 0.3s;
    color: #fff;
}

/*.CheckboxLabel {
    font-weight: !*template:base.fontweight.strong*!;
}*/

.ftr-redesign .FaceliftCheckbox input:focus + span {
    /*box-shadow: 0 0 3px 1px rgb(0, 0, 0, 0.25);
    outline: none;*/
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign .FaceliftCheckbox .icon:before {
    color: #fff;
    font-weight: bold;
}

.ftr-redesign .ContentForm td .CheckboxLabel {
    padding-top: 0.25rem;
    padding-left: 0.25rem;
}

/* ================================= */
/* Radio */
.ftr-redesign .FaceliftRadiobutton .visible-radiobutton {
    transition: color 0.3s, background 0.3s, border 0.3s;
    border: 1px solid #000;
    width: 17px;
    height: 17px;
}
.ftr-redesign .FaceliftRadiobutton input[type="radio"]:checked + .visible-radiobutton {
    border-color: #193e69;
    background: #a9b9d2;
}
.ftr-redesign .FaceliftRadiobutton .dot {
    background: #fff;
    margin-left: 50%;
    margin-top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 42%;
    height: 42%;
}
.ftr-redesign .FaceliftRadiobutton .visible-radiobutton .dot {
    transition: all 0.3s;
    display: block;
    opacity: 0;
}
.ftr-redesign .FaceliftRadiobutton input[type="radio"]:checked + .visible-radiobutton .dot {
    opacity: 1;
}

.ftr-redesign .FaceliftRadiobutton input:focus + span {
    /*box-shadow: 0 0 3px 1px rgb(0, 0, 0, 0.25);
    outline: none;*/
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

/* ================================= */
/* Tabs */
.ftr-redesign .animated-tabs {
    position: relative;
    display: block;
    *zoom: 1;
    border-radius: 50px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
}
.ftr-redesign .animated-tabs:before,
.ftr-redesign .animated-tabs:after {
    display: table;
    line-height: 0;
    content: "";
}
.ftr-redesign .animated-tabs:after {
    clear: both;
}

.ftr-redesign .animated-tabs li {
    height: auto;
    line-height: inherit;
    z-index: 3;
    padding-right: 0;
    margin-left: 5px;
}
.ftr-redesign .animated-tabs li:first-child {
    margin-left: 0;
}

.ftr-redesign .animated-tabs li a {
    /*background: !*template:facelift.basecolor.light*!;*/
    background: transparent;
    padding: 0;
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 50%;
    z-index: 3;
}
.ftr-redesign .animated-tabs li a > .icon {
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.ftr-redesign .animated-tabs li a,
.ftr-redesign .animated-tabs li a > .icon {
    transition: background-color 0.3s, color 0.3s;
}
.ftr-redesign .animated-tabs li a > span {
    display: none;
}

.ftr-redesign .animated-tabs li.active a {
    /*background: !*template:facelift.basecolor.secondary*!;*/
}
.ftr-redesign .animated-tabs li.active a > .icon {
    color: #fff;
}

.ftr-redesign .animated-tabs li.clicked a {
    transition: all 0.1s;
    background: transparent;
}

.ftr-redesign .animated-tabs li:not(.active):not(.clicked) a:hover{
    background: #fff;
}
.ftr-redesign .animated-tabs li:not(.active):not(.clicked) a:hover > .icon {}

.ftr-redesign .animated-tabs li.Selected.clicked a .icon {
    color: #fff !important;
}

.ftr-redesign .moving-tab {
    z-index: 1 !important;
    position: absolute !important;
    display: block;
    padding: 0;
    transition: all 0.5s ease 0s;
    background: #a9b9d2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

/* Tabs - Accordion */
.ftr-redesign .animated-tabs-accordion {
    background:  #e8e8e8;
    width: auto !important;
    position: relative;
    border-radius: 0.3rem;
    border: 4px solid  #e8e8e8;
}
.ftr-redesign .animated-tabs-accordion > div {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease 0s;
}
.ftr-redesign .animated-tabs-accordion .accordionhead.col {
    margin: 3px 0 0 0;
}
.ftr-redesign .animated-tabs-accordion .accordionhead {
    transition: color 0.3s;
    background: transparent;
    color: #000;
    border-radius: 0.3rem;
}
.ftr-redesign .animated-tabs-accordion .accordionhead:not(.active):not(.clicked):hover {
    color: #a9b9d2;
}
.ftr-redesign .animated-tabs-accordion .accordionhead.open {
    background: transparent;
}
.ftr-redesign .animated-tabs-accordion .accordionhead span {
    font-weight: 400;
}
.ftr-redesign .animated-tabs-accordion .accordionhead span.tabIcon {
    font-size: 2.5rem;
    margin-bottom: 0.25rem;
}
.ftr-redesign #tab_2 span.tabIcon.icon-calendar {
    font-size: 2.5rem;
    line-height: 68%;
}

.ftr-redesign .animated-tabs-accordion .moving-tab {
    border-radius: 0.3rem;
    background: green;
    height: 100%;
    width: 100px;
    top: 0;
    background: #fff;
    box-shadow: 0 1px 5px 1px #ddd;
}

/* Tabs - Text */
.ftr-redesign .animated-tabs-text:after {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign .animated-tabs-text li {
    height: auto;
    line-height: 1;
    padding-right: 8px;
}
.ftr-redesign .animated-tabs-text a {
    color: #000;
    transition: background-color 0.3s, color 0.3s;
    background-color: transparent;
    border-radius: 0.3rem;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1rem;
    height: 2rem;
    line-height: 2rem;
}
.ftr-redesign .animated-tabs-text a span {
    font-weight: 700;
}
.ftr-redesign .animated-tabs-text a:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
.ftr-redesign .animated-tabs-text .Selected a {
    background-color: #fff;
}


/* ================================= */
/* Accordion */
.ftr-redesign .accordioncontent {
    background: #f5f5f5;
    border: 0 none;
    padding: 1.5rem 0;
}
.ftr-redesign .accordioncontent.open {
    border: 0 none;
}

.ftr-redesign .accordioncontent-radio-image {
    padding-right: 10px;
}


/* ================================= */
/* Layout/Global */
.ftr-redesign #BackgroundTop {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.ftr-redesign #BackgroundTopLeft {
    background-image: url(https://raumreservierung-bildungscampus-q.schwarz/theme/schwarzbildungscampus/images/logo.svg);
    background-size: auto 40px;
    background-position: 32px center;
    width: 220px;
}

.ftr-redesign #BackgroundTopLeft .home-link {
    width: 100% !important;
}
.ftr-redesign #BackgroundTopLeft .home-link:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign #BackgroundLeft {
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    z-index: 3;
    transition: width 0.3s;
}

.ftr-redesign #MainContentSpace {
    transition: left 0.3s;
}
.ftr-redesign #MainContentSpace.steps {
    top: calc(60px + 57px);
}
.ftr-redesign #MainContentSpace.contentmenu {
    bottom: 40px;
}

.ftr-redesign .book-user-name {
    font-weight: 700;
}

.ftr-redesign #MainContentScrollB {
    /*background: transparent;*/
}
/*#MainContentSpace {*/
/*    background: !*template:facelift.basecolor.grey*!;*/
/*}*/
.ftr-redesign #MainContentSpace #SectionContent {
    /*padding: 0;*/
}

.ftr-redesign .content-wrapper-space {
    display: block;
    padding: 15px;
}

.ftr-redesign .ContentSubHeadline {
    padding-left: 0;
}

.ftr-redesign .ContentText {
    margin: 5px 60px 5px 0;
}

/* Layout/Default */
#LayoutDefault.ftr-redesign #SectionContent {
    /*padding: 0 0 1rem 0;*/
    padding: 0;
}
#LayoutDefault.ftr-redesign #SectionContent form:not([class*="element-"]):first-of-type {
    display: block !important;
    padding: 0;
    min-width: 640px;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentHeadline,
#SectionContent .module h1 {
    margin: 0 15px 20px calc(15px + 15px);
    padding-top: 25px;
    font-weight: 600;
    font-size: 1.29rem;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentSpace {
    display: none;
}

#LayoutDefault.ftr-redesign #SectionContent .ContentBlock {
    margin-left: 15px;
    padding: 15px 0 !important;
    margin-bottom: 15px !important;
}

#LayoutDefault.ftr-redesign #SectionContent .ContentLine,
#LayoutPopup.ftr-redesign #SectionContent .ContentLine {
    display: none;
}

#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button {
    display: block;
    margin-top: 0.35rem;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button:first-child {
    margin-top: 0;
}

#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square {
    transition: border 0.3s, background 0.3s;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    background: #e8e8e8;
    margin-bottom: 0;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square > .icon {
    /*width: !*template:facelift.element.height*! ;*/
    /*height: !*template:facelift.element.height*! ;*/
    /*line-height: !*template:facelift.element.height*! ;*/
    /*font-size: 1.55rem ;*/
    transition: color 0.3s;
    color: #000;
    font-size: 1.65rem;
    height: calc(1.8rem - 2px);
    width: calc(1.8rem - 2px);
    line-height: 1.8rem;
}
/* HOVER */
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square:hover {
    border-color: #a9b9d2;
    background: #a9b9d2;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square:hover .icon {
    color: #fff;
}
/* ACTIVE */
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square.active {
    border-color: #a9b9d2;
    background: #a9b9d2;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square.active .icon {
    color: #fff;
}
/* FOCUS */
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square:focus {
    background: #000;
    border-color: #000;
}
#LayoutDefault.ftr-redesign #SectionContent .ContentBlockAddSub a.button.button-form-square:focus .icon {
    color: #fff;
}

#LayoutDefault.ftr-redesign #MainContentSpace #SectionContent > table,
#LayoutDefault.ftr-redesign #MainContentSpace #SectionContent form > table {
    /*width: calc(100% - 50px);*/
}

#LayoutDefault.ftr-redesign #MainContentSpace.submenu #SectionContent > table,
#LayoutDefault.ftr-redesign #MainContentSpace.submenu #SectionContent form > table{
    /*width: 100%;*/
}

#LayoutDefault.ftr-redesign #SectionContent >table .ContentBlock,
#LayoutDefault.ftr-redesign #SectionContent form>table .ContentBlock{
    /*border-bottom: 1px solid transparent;*/
    /*border-color: !*template:facelift.basecolor.dark.20*!;*/
}

#LayoutDefault.ftr-redesign #SectionContent > table > tbody > tr > td[aria-hidden="true"],
#LayoutDefault.ftr-redesign #SectionContent form > table > tbody > tr > td[aria-hidden="true"] {
    /*background-color:!*template:facelift.basecolor.light*!;*/
    background-color: transparent;
    border-bottom: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.2);
}

.ftr-redesign .booking-completed-wrapper br {
    display: block !important;
}

.ftr-redesign #SectionContent .SectionContent-background-wrapper {
    display: block;
    background: #f5f5f5;
    margin-left: -40px;
    margin-right: -25px;
    padding: 1rem 25px 0 40px;
}

.ftr-redesign #placerelease_form a.Button.ElementLink.saveCalender {
    /*float: left;*/
    position: absolute;
    top: -30px;
    left: -155px;
}

/* Layout/Default - Submenu */
#LayoutDefault.ftr-redesign #MainContentSpace.submenu {
    right: 50px;
}
#LayoutDefault.ftr-redesign #BackgroundRight {
    width: 51px;
}


/*.ftr-redesign .ContentBlock,*/
.ftr-redesign .ContentBlockPadding,
.ftr-redesign .ContentPartPaddingA {
    background-color: transparent;
}
.ftr-redesign .ContentBlock {
    background-color: #f5f5f5;
}
.ftr-redesign .ContentPartA {
    padding: 0;
}
.ftr-redesign .ContentPartPaddingA {
    padding: 0;
}

.ftr-redesign .ContentSeparator {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
}

.ftr-redesign #BackgroundBottom.contentmenu {
    background: #e8e8e8;
    height: auto;
}

.ftr-redesign .layout-wrapper {
    display: block;
    padding: 20px 15px;
}
.ftr-redesign .layout-wrapper-vertical {
    display: block;
    padding: 0 15px;
}
.ftr-redesign .layout-wrapper-vertical-top {
    display: block;
    padding: 20px 15px 0 15px;
}
.ftr-redesign .layout-wrapper-vertical-bottom {
    display: block;
    padding: 0 15px 20px 15px;
}

/* ================================= */
/* Header */
.ftr-redesign #ProfileContainer{
    width: 100%;
    display: flex;
    justify-content: center;
}

/* ==================== */
/* Uni-Search - Fixes */
.ftr-redesign #uniSearchInput {
    padding-right: 2rem;
}
.ftr-redesign #uniSearchContainer .button {
    position: absolute;
    margin-left: auto;
    right: 0;
}
.ftr-redesign #quicksearch-submit {
    border-radius: 0.3rem;
    width: 100%;
    height: 100%;
}
.ftr-redesign .profile.layer.search a .icon {
    height: 100%;
}

.ftr-redesign #uniSearchResult {
    top: calc(100% - 50% + (2rem / 2));
}

.ftr-redesign .uniSearchResultCategory {
    font-size: 0.929rem;
    font-weight: 600;
    padding-left: 10px;
}

.ftr-redesign .uniSearchResultItem {
    position: relative;
    padding: 0;
}
.ftr-redesign .uniSearchSelectItem {
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    transition: color 0.3s, background 0.3s;
}
.ftr-redesign .uniSearchSelectItem:not(.uniSearchSelectIcon) {
    width: 100%;
    padding-left: 10px;
}
.ftr-redesign .uniSearchSelectItem.uniSearchResultSelected {
    background-color: transparent;
}
.ftr-redesign .uniSearchSelectItem.uniSearchResultSelected:not(.uniSearchSelectIcon) {
    background: #e8e8e8;
}

.ftr-redesign .uniSearchResultItem em {
    position: absolute;
    z-index: 9;
    width: auto;
    right: 10px;
    border: 0 none;
    height: 1.9rem;
    top: 50%;
    transform: translateY(-50%);
}

.ftr-redesign .uniSearchSelectIcon,
.ftr-redesign .uniSearchSelectItem.uniSearchSelectIcon {
    font-size: 1.5rem;
    width: 1.472rem;
    height: 1.472rem;
    position: relative;
    /*transition: color 0.3s, background 0.3s;*/
}
.ftr-redesign .uniSearchSelectIcon:before {
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ftr-redesign .uniSearchSelectIcon.uniSearchResultSelected {
    color: #fff;
}
.ftr-redesign .uniSearchSelectIcon:after {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    transition: background 0.3s;
}
.ftr-redesign .uniSearchSelectIcon.uniSearchResultSelected:after {
    background-color: #a9b9d2;
}

.ftr-redesign #uniSearchTooltip {
    background-color: #f5f5f5;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    font-size: 0.86rem;
    z-index: 10;

}

/* ================================= */
/* Booking for Box */
/* ================================= */
.ftr-redesign .bookingfor-box {
    position: absolute;
    transform: translateY(50%);
    line-height: 15px;
    right: 80px;
    display: block;
    font-size: 0.8rem;
}
.ftr-redesign .bookingfor-box span {
    font-weight: 400;
}
/* ================================= */
/* End Booking for Box */
/* ================================= */

/* ================================= */
/* Dropdown Menu */
/* ================================= */
.ftr-redesign .settings-box {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
}

.ftr-redesign .table_center {
    display: block;
    vertical-align: middle;
    height: 0;
}

.ftr-redesign .drop-down {
    display: inline-block;
    position: relative;
    height: 0;
}

.ftr-redesign .drop-down-button {
    transition: background 0.3s;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    display: inline-block;
    transform: translateY(50%);
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1200;
    background: #a9b9d2;
    align-items: center;
    border: none;
    padding: 0;
}

.ftr-redesign .drop-down-button:hover {
    background: #193e69;
}

.ftr-redesign .drop-down-name {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}

.ftr-redesign .drop-down-menu-box {
    width: 100%;
    left: 0;
    transition: all 0.5s ease-in-out,
    background 0.3s,
    color 0.3s,
    box-shadow 0.3s;
    visibility: hidden;
    opacity: 0;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    box-shadow: #e8e8e8 0 0 10px;
    background-color: #fff;
    color: #000;
}

.ftr-redesign .drop-down-menu-box:before {
    content: '';
    background-color: transparent;
}

.ftr-redesign .drop-down-menu-box:after {
    content: '';
    background-color: transparent;
}

.ftr-redesign .drop-down-active .drop-down-menu-box {
    visibility: visible;
    opacity: 1;
    padding-top: 45px;
    padding-bottom: 10px;
    height: auto;
    background-color: #fff;
    color: #000;
}

.ftr-redesign .drop-down-menu {
    margin: 0;
    list-style: none;
}

.ftr-redesign .drop-down-hr {
    margin: 7px 20px 5px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* Toggle */
.ftr-redesign .toggle-wrapper {
    overflow: hidden;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
}

.ftr-redesign .toggle-wrapper .FaceliftCheckbox,
.ftr-redesign .toggle-wrapper .FaceliftCheckbox input + span.visible-checkbox,
.ftr-redesign .toggle-wrapper .FaceliftCheckbox input[type="checkbox"] {
    display: none;
}

.ftr-redesign .toggle-wrapper .text {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-weight: 400;
    margin-top: -1rem;
}

.ftr-redesign .toggle-wrapper .label {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
}

.ftr-redesign .toggle-wrapper .label input:focus + label {
    outline: 2px solid rgba(0, 220, 254, 0.6);
    transition: backround 0.5s ease-in-out;
}

.ftr-redesign .toggle-wrapper .label label {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #e8e8e8;
    border-radius: 70px;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}

.ftr-redesign .toggle-wrapper .label label::after {
    content: "";
    width: 24px;
    height: 24px;
    background-color: #a9b9d2;
    position: absolute;
    border-radius: 70px;
    top: -2px;
    left: 2px;
    transition: 0.5s;
}

.ftr-redesign .toggle-wrapper .label label.checked:after {
    left: 100%;
    transform: translateX(-100%) translateX(2px);
}

.ftr-redesign .toggle-wrapper .label label.checked {
    background-color: #000;
}

.ftr-redesign .toggle-wrapper .label label:active:after {
    width: 28px;
}

/* End Toggle */

.ftr-redesign .drop-down-item {
    padding: 5px 20px 5px 20px;
    text-align: left;
    position: relative;
}

.ftr-redesign .drop-down-item .title {
    font-weight: 400;
}

.ftr-redesign .drop-down-item.start {
    margin-top: -30px;
    margin-right: 60px;
}

.ftr-redesign .drop-down-item.text-light {
    opacity: 0.6;
}

.ftr-redesign .drop-down-item.profile.link {
    width: 100%;
    cursor: pointer;
    transition: background 0.3s;
}

.ftr-redesign .drop-down-item .text {
    font-size: 0.8rem;
}


.ftr-redesign .drop-down-item.profile.link {
    padding: 0;
}

.ftr-redesign .drop-down-item.profile.link a {
    display: block;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    border-radius: 0.3rem;
}

.ftr-redesign .drop-down-item.profile.link .text {
    display: inline-block;
}

.ftr-redesign .drop-down-item.profile.link .button-circle > .icon {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
}

.ftr-redesign .drop-down-item.profile.link span {
    font-weight: 400;
    padding-left: 5px;
}

.ftr-redesign .drop-down-item.profile.link:hover {
    background-color: #e8e8e8;
}
/* ================================= */
/* End Dropdown Menu */
/* ================================= */


/* ================================= */
/* Sidebar */
.ftr-redesign #NavigationResize {
    border-radius: 50%;
    width: 36px;
    height: 36px;
}
.ftr-redesign #NavigationResize .icon {
    transition: all 0.3s;
}

.ftr-redesign #NavigationResize,
.ftr-redesign #NavigationResize.Selected {
    right: 12px;
    top: calc(60px + 6px);
}
.ftr-redesign #BackgroundLeft.closed #NavigationResize,
.ftr-redesign #NavigationResize.Selected {
    right: 2px;
}
.ftr-redesign #NavigationResize .icon {
    font-size: 32px;
    line-height: 36px;
    transition: transform 0.3s;
    transform: rotate(180deg);
}
.ftr-redesign #BackgroundLeft.closed #NavigationResize .icon {
    transform: rotate(0deg);
}

.ftr-redesign #NavigationSub {
    top: calc(60px + 41px);
}

.ftr-redesign #NavigationSub ul li a span {
    transition: color 0.3s;
}

/* Needs new fixes in JS */
/*#NavigationSub ul:first-of-type {
    margin-right: 10px;
}*/

.ftr-redesign #NavigationSub li {
    width: auto;
}

.ftr-redesign #NavigationSub em {
    position: relative;
}
.ftr-redesign #NavigationSub em:before {
    font-family: 'EstateIcons';
    position: absolute;
    opacity: 0;
    transform: rotate(-90deg);
    transition: transform 0.3s, color 0.3s;
    font-size: 1.5rem;
}
.ftr-redesign #NavigationSub .IconNaviArrowLeft:before {
    opacity: 1;
}
.ftr-redesign #NavigationSub .IconNaviArrowDown:before {
    opacity: 1;
    transform: rotate(0deg);
}

.ftr-redesign #NavigationSub a {
    line-height: 2.14rem;
    border-radius: 0.3rem;
}

.ftr-redesign #NavigationSub a:hover,
.ftr-redesign #NavigationSub a:focus,
.ftr-redesign #NavigationSub a.Selected,
.ftr-redesign #NavigationSub a.Selected:hover,
.ftr-redesign #NavigationSub a.Selected:focus {
    color: #a9b9d2 !important;
}
.ftr-redesign #NavigationSub a:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}
.ftr-redesign #NavigationSub a.Selected span,
.ftr-redesign #NavigationSub a.Selected em:before {
    font-weight: 700;
}
.ftr-redesign #NavigationSub li li a.Selected span,
.ftr-redesign #NavigationSub li li a.Selected em:before {
    font-weight: 600;
}

.ftr-redesign #NavigationSub a:focus-visible {
    /*outline: !*template:base.focus*!;*/
}

.ftr-redesign .IconNaviDashboard,
.ftr-redesign .IconNaviPresenceReservation,
.ftr-redesign .IconNaviBooking,
.ftr-redesign .IconNaviManagement,
.ftr-redesign .IconNaviCheckin,
.ftr-redesign .IconNaviSystem,
.ftr-redesign .IconNaviHelp,
.ftr-redesign .IconNaviBookingRequest {
    font-size: 1.14rem !important;
}

.ftr-redesign #NavigationSub span {
    font-size: 0.929rem;
    padding-left: 1.5rem;
}
.ftr-redesign #NavigationSub li li span {
    font-weight: 400;
}

.ftr-redesign #NavigationSub > ul {
    padding-bottom: 1rem;
    padding-right: 2px;
}

.ftr-redesign #NavigationSub li ul {
    padding-bottom: 0.5rem;
}

.ftr-redesign #NavigationSub li ul a {
    line-height: 1.15rem;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* ================================= */
/* Parameter */
.ftr-redesign #SectionContent #parameter_col_1 {
    min-width: 370px;
}
.ftr-redesign .parameterform.select {
    width: 230px;
}

.ftr-redesign #parameter_col_1 span,
.ftr-redesign #parameter_col_2 span,
.ftr-redesign #parameter_col_3 span,
.ftr-redesign #parameter_col_4 span {
    height: 2rem !important;
    margin-right: 2px;
}

.ftr-redesign #capacity_form {
    position: relative;
}

.ftr-redesign #capacity_form span {
    margin-right: 0;
}
.ftr-redesign #capacity_form tr {
    position: relative;
}
.ftr-redesign .capacity_form_label {
    position: absolute;
    top: -1.35rem;
    left: 0;
}

.ftr-redesign .parameter.timeselection span {
    margin-right: 0 !important;
}
.ftr-redesign .parameter.timeselection .to {
    margin-left: 2rem;
}
.ftr-redesign .parameter.timeseparator {
    display: none;
}
.ftr-redesign .parameter.timeminus,
.ftr-redesign .parameter.timeplus{
    width: auto !important;
}
.ftr-redesign .parameter.timeselection .from input,
.ftr-redesign .parameter.timeselection .to input {
    width: 100% !important;
}

.ftr-redesign #SectionContent .dateday {
    width: 70px;
}
.ftr-redesign #SectionContent .dateday.weekday {
    width: 100px;
}
.ftr-redesign #SectionContent .dateday .estateselectbox > span.text {
    min-width: 0;
}

.ftr-redesign #SectionContent .datemonth {
    margin-left: 0.3rem;
    margin-right: 0.5rem;
    width: auto;
}
.ftr-redesign #SectionContent .datemonth .icon-selectbox {
    margin-left: 1rem;
}
.ftr-redesign #SectionContent #parameter_content {
    padding-top: 0.25rem;
}

.ftr-redesign #parameter_content #parameter_table input {
    border-radius: 0.3rem 0 0 0.3rem !important;
    height: 1.95rem;
}
.ftr-redesign #parameter_content #parameter_table input,
.ftr-redesign #parameter_content select {
    font-size: 1rem !important;
}

.ftr-redesign #parameter_content #parameter_table input:focus-visible {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign #parameter_content #parameter_table #date_noselection {
    margin-right: 2rem;
    position: relative;
}
.ftr-redesign #parameter_content #parameter_table #date_noselection a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}

.ftr-redesign #parameter_content #parameter_table #date_noselection_label {
    transition: background 0.3s;
    border-radius: 0.3rem;
    font-weight: 700;
    background-color: #fff !important;
    padding: 0 5px !important;
    margin-right: 0 !important;
}
.ftr-redesign #parameter_content #parameter_table #date_noselection a:hover + #date_noselection_label,
.ftr-redesign #parameter_content #parameter_table #date_noselection a:focus + #date_noselection_label,
.ftr-redesign #parameter_content #parameter_table #date_noselection_label:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.ftr-redesign #parameter_table h1 {
    font-size: 1rem !important;
    margin-bottom: 0.25rem !important;
    font-weight: 400 !important;
}
.ftr-redesign #parameter_table label {
    line-height: 1;
}
.ftr-redesign #parameter_table span {
    display: block;
    overflow: visible;
    background-color: transparent;
}
.ftr-redesign #parameter_table .FaceliftSelectboxWraper {
    background-color: transparent !important;
}

.ftr-redesign #parameter_table .estateselectbox > span.text {
    line-height: 2rem;
    font-size: 1rem;
}

.ftr-redesign .parameter.timeselection .from input,
.ftr-redesign .parameter.timeselection .to input {
    width: 100% !important;
}


.ftr-redesign #parameter_table div#capacity_form span.text {
    margin-left: 0;
    font-size: 1rem;
    line-height: 1;
    height: 1rem !important;
}
.ftr-redesign #seating_capacity {
    width: 40px !important;
}

.ftr-redesign #parameter_table .booking.timezone {
    display: none; /* Set this to block to display link */
    margin-top: 2.2rem !important;
    font-size: 0.8rem;
    opacity: 1;
}
.ftr-redesign #parameter_table .booking.timezone a {
    transition: color 0.3s;
}
.ftr-redesign #parameter_table .booking.timezone a:hover {
    color: #a9b9d2;
}


.ftr-redesign #SectionContent .left,
.ftr-redesign #SectionContent .center,
.ftr-redesign #SectionContent .right {
    height: 0;
    padding: 0;
}

.ftr-redesign .additional-parameter-search-content {
    position: absolute;
    right: 0;
    top: 1.72rem;
    padding: 0;
    height: auto;
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s;
}
.ftr-redesign .additional-parameter-search-content.loaded {
    opacity: 1;
}
.ftr-redesign .seriesButtonLegend {
    display: none;
}
.ftr-redesign #SectionContent .seriesButtonLegend {
    margin-right: 0;
}
.ftr-redesign .series-button {
    margin-left: 1rem;
}

.ftr-redesign .seriesSettings input[type=text] {
    padding: 0 5px;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: border 0.3s, color 0.3s, background 0.3s;
}

.ftr-redesign #parameter_content #parameter_table #datefrom_fake {
    border-radius: 0.3rem !important;
}
.ftr-redesign #calimg {
    padding-left: 10px;
}

/* New Parameter . Tabs */
.ftr-redesign .newParameterTabs {
    position: absolute;
    bottom: -7rem;
    z-index: 9;
}

.ftr-redesign .parameter.timeselection .timeinput.short input {
    width: 47px !important;
}

/* Am PM */
.ftr-redesign .am_pm {
    margin-right: 10px;
}

.ftr-redesign .am_pm .button-outer-circle > .icon {
    margin: -1px 0 0 -1px;
}

.ftr-redesign .am_pm_options {
    border-radius: 0.8rem;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
}

.ftr-redesign .am_pm_options ul li button {
    padding: 3px 20px;
    border-radius: 0.3rem;
    font-weight: 600;
    font-size: 0.929rem;
}
.ftr-redesign .am_pm_options ul li button:hover {
    color: #a9b9d2;
    border-color: #a9b9d2
}

/* V-Tool*/
.ftr-redesign #ParameterSearch.vtool {
    padding-bottom: 12px;
}
.ftr-redesign #ParameterSearch.vtool #parameter_content {
    padding: 6px 14px 6px 20px;
}
.ftr-redesign #ParameterSearch.vtool .left {
    height: auto;
    float: none;
    background-color: transparent;
}
.ftr-redesign #ParameterSearch.vtool .newParameterTabs {
    position: relative;
}

.ftr-redesign .current-time-display-line {
    position: absolute;
    z-index: 0;
    width: 4px;
    background: #00DCFE;
    opacity: 0.5;
    top: 0;
    bottom: 0;
    display: none;
}

/* ================================= */
/* Additional Options */

.ftr-redesign #optionsbutton {
    /*float: right !important;*/
}
.ftr-redesign #searchbutton {
    display: none;
    /*margin-right: 0.6rem !important;*/
}

.ftr-redesign #options_table {
    transition: all 0.3s;
    opacity: 1;
    width: 100%;
}

.ftr-redesign #advanced_options {
    /*background: !*template:facelift.basecolor.grey*!;*/
    background: transparent;
    padding: 15px 0;
    border-radius: 0.3rem;
    border-top: 0 none;
    margin-top: 0;
}
.ftr-redesign #advanced_options.closed #options_table {
    opacity: 0;
}
.ftr-redesign #advanced_options.active #options_table {
    opacity: 1;
}

.ftr-redesign #advanced_options #options_table td {
    width: auto;
}
.ftr-redesign #advanced_options #options_table td.First {
    padding-right: 10px;
    width: 60%;
}
.ftr-redesign #options_table .options_table_list-wrapper {
    display: block;
    padding: 0.5rem;
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: inset 0 3px 4px 0 rgba(0,0,0,0.2);
}
.ftr-redesign #options_table div {
    width: 99%;
    height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 0 none;
    /*border-width: 1px;*/
    /*border-color:  !*template:facelift.basecolor.dark.20*!;*/
    /*border-style: solid;*/
    background-color: #fff;
    z-index: 1;
    position: relative;
}

.ftr-redesign .acc_option_header {
    /*border-top: 1px solid !*template:facelift.basecolor.dark.20*!;*/
    border-top: 0 none;
    display: block;
    font-weight: 700;
    line-height: 1.5rem;
    clear: both;
    padding-left: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 1rem;
    padding-top: 2rem;
    position: relative;
}
.ftr-redesign .acc_option_header:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: 0;
    right: 1rem;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
}
.ftr-redesign .acc_option_header.First {
    padding-top: 0.25rem;
}
.ftr-redesign .acc_option_header.First:before {
    display: none;
}
.ftr-redesign #options_table div.acc_objects {
    line-height: 1rem;
    width: 45%;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0 5px;
}
@media (min-width: 1060px) {
    .ftr-redesign #options_table div.acc_objects {
        width: 30%;
    }
}
.ftr-redesign #advanced_options .acc_objects label {
    display: inline-block;
}
.ftr-redesign #advanced_options .acc_objects label,
.ftr-redesign #advanced_options #seating_list li > p {
    font-weight: 400;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}
.ftr-redesign #advanced_options .acc_objects label {
    line-height: 1.8rem;
}
.ftr-redesign #parameter_content #parameter_table h1,
.ftr-redesign #parameter_content #advanced_options h1 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.ftr-redesign #options_table div#seating_list {
    overflow-x: hidden;
    overflow-y: scroll;
}
.ftr-redesign #advanced_options #seating_list ul {
    margin-top: 0;
    top: 0;
    padding: 0.5rem;
}
.ftr-redesign #advanced_options #seating_list ul:after {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign #advanced_options #seating_list li {
    display: block;
    float: left;
    width: calc(50% - 0.25rem);
    padding: 0;
    background-position: 0.5rem center;
    background-size: 60px auto;
    background-repeat: no-repeat;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 0.3rem;
    height: auto;
    min-height: 50px;
}
.ftr-redesign #advanced_options #seating_list li.svg {
    height: auto;
    padding: 0;
    background-origin: initial;
    background-size: initial;
}
.ftr-redesign #advanced_options #seating_list li:after {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign #advanced_options #seating_list li:nth-of-type(2n+1) {
    clear: both;
    /*margin-left: -0.5rem;*/
    margin-right: 0.5rem;
    width: calc(50% - 0.25rem);
}

.ftr-redesign #advanced_options #seating_list li > img {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    position: absolute;
    max-height: 40px;
    max-width: 60px;
    transition: all 0.3s;
}
.ftr-redesign #advanced_options #seating_list li.svg > img {
    filter: invert(0%) sepia(75%) saturate(7415%) hue-rotate(24deg) brightness(76%) contrast(88%);
}
.ftr-redesign #advanced_options #seating_list li.svg.checked > img {
    filter: invert(78%) sepia(100%) saturate(0%) hue-rotate(223deg) brightness(109%) contrast(102%);
}

.ftr-redesign #advanced_options #seating_list li > p {
    right: 0;
    left: 80px;
    float: none;
    top: 50%;
    bottom: auto;
    width: auto;
    padding-left: 0;
    padding-right: 0.5rem;
    /*font-weight: !*template:base.fontweight*!;*/
    /*font-size: 1rem;*/
    transform: translateY(-50%);
}

.ftr-redesign #advanced_options #seating_list li,
.ftr-redesign #advanced_options #seating_list li > p {
    transition: background 0.3s, color 0.3s;
}
.ftr-redesign #advanced_options #seating_list li.checked {
    background-color: #a9b9d2;
}
.ftr-redesign #advanced_options #seating_list li.checked > p {
    color: #fff;
}

.ftr-redesign .right #optionsbutton,
.ftr-redesign .right #searchbutton,
.ftr-redesign .right #parameterbutton {
    margin-right: 1rem;
}

/* ================================= */
/* Parameter Search */
.ftr-redesign #ParameterSearch {
    background: #e8e8e8;
}

/* Text . Light (exclude dark-mode) */
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table,
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #advanced_options h1 {
    color: #fff;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table .button-outer-circle .icon {
    color: #fff !important;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table .button-outer-circle:not(.Disabled):hover .icon,
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table .button-outer-circle:not(.Disabled).active .icon {
    color: #000 !important;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table .button-outer-circle:not(.Disabled):hover,
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #parameter_table .cal-button.button-outer-circle:not(.Disabled).active {
    border-color: #fff !important;
    background: #fff !important;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light #date_noselection_label {
    color: #000 !important;
}

/* Parameter Search . Additional Parameter */
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light .additional-parameter-search-content .button-outer-circle-light:not(.Disabled):hover .icon {
    color: #fff !important;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light .additional-parameter-search-content .button-outer-circle:not(.Disabled).active {
    border-color: #fff !important;
}

/* Paramter Search . Animated Tabs Text */
.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light .animated-tabs-text li:not(.Selected) a {
    color: #fff;
}

.ftr-redesign:not(.css-mode-1) #ParameterSearch.text-light .animated-tabs-text li:not(.Selected) a:hover {
    color: #000;
}

    /* ================================= */
/* Breadcrumb */
.ftr-redesign #crumbBlock {
    background: transparent;
    border-bottom: 1px solid #e8e8e8 !important;
    border-bottom: 0 none;
    border-top: 0 none;
    position: relative;
    padding: 0 20px 0 10px;
    min-height: 3rem;
}
.ftr-redesign #crumbBlock #bookingfavoritescontainer {
    margin: 0 0 0 10px;
    padding-left: 0;
    width: auto;
    max-width: fit-content;
    /*transform: translateY(-50%);*/
    /*top: 50%;*/
    top: 3.85rem;
    position: absolute !important;
    right: 30px;
    /*padding-top: 0.25rem;*/
    z-index: 9;
}
.ftr-redesign #bookingfavoritescontainer .FaceliftSelectbox.estateselectbox .text {
    margin-right: 20px;
}
/*#crumbBlock #bookingfavoritescontainer .FaceliftSelectbox.estateselectbox span.text {
    margin-top: -2px;
}*/

.ftr-redesign #Crumb {

}
.ftr-redesign #Crumb.new {
    margin: 0.25rem 0 0 0;
}
.ftr-redesign #Crumb ul ul {
    border: 1px solid #e8e8e8;
    border-top: 0 none;
    background: #fff;
}
.ftr-redesign #Crumb li {
    background: none;
    padding-left: 0;
}
.ftr-redesign #Crumb .list {
    display: block;
    height: auto;
}
.ftr-redesign #Crumb .list li {
    border-right: 0 none;
}
.ftr-redesign #Crumb li a {
    transition: color 0.3s, background 0.3s;
    height: auto;
    padding: 3px 10px;
    /*border-radius: !*template:base.border.radius*!;*/
}
.ftr-redesign #Crumb li a:focus-visible:before {
    content: '';
    outline: 2px solid rgba(0, 220, 254, 0.6);
    border-radius: 0.3rem;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 3;
}
.ftr-redesign #Crumb li a span {
    font-weight: 700;
    line-height: 2rem;
    font-size: 1rem;
}
.ftr-redesign #Crumb li em {
    padding-right: 7px;
}

/*#Crumb .list li em:after {*/
/*    content: '>';*/
/*    margin-left: 0.25rem;*/
/*}*/


/*#Crumb li.hasSubs:not(.Last) .icon {*/
/*    display: none;*/
/*}*/

.ftr-redesign #Crumb li i {
    background: none !important;
    border-radius: 50%;
    display: table-cell;
    float: right;
    padding-left: 0;
    position: relative;
    margin-top: 0;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    top: 0;
    transform: rotate(270deg);
    transition: all 0.3s;
    font-size: 2rem;
}

.ftr-redesign #Crumb li.hasSubs i {
    margin-top: 0;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    transform: rotate(0deg);
}
.ftr-redesign #Crumb li.hasSubs i:before {
    line-height: 2rem;
    transition: all 0.3s;
}
.ftr-redesign #Crumb li.hasSubs.open i {
    transform: rotate(180deg);
}
.ftr-redesign #Crumb li.hasSubs.open i:before {
    color: #a9b9d2;
}
.ftr-redesign #Crumb li.hasSubs a {
    margin-right: 0;
}
.ftr-redesign #Crumb li.hasSubs.open > a,
.ftr-redesign #Crumb li.hasSubs.open {
    background: none !important;
    color: #a9b9d2;
}

.ftr-redesign #Crumb li.hasSubs.open li a {
    color: #000;
    background: #fff;
    opacity: 0.75;
    height: auto;
}
.ftr-redesign #Crumb li.hasSubs.open li a:hover {
    background: #e8e8e8;
    color: #000;
    opacity: 1;
}

/*#Crumb li.hasSubs li {
    padding: 2px;
}*/

.ftr-redesign #Crumb li li a {
    width: auto;
}
.ftr-redesign #Crumb li li em {
    width: auto;
    padding-left: 0;
}
.ftr-redesign #Crumb li li em span {
    line-height: 1.5rem;
}


.ftr-redesign #crumbBlock #showonlygreencontainer {
    margin: 0 0 0 10px;
    padding-left: 0;
    width: auto;
    max-width: fit-content;
    transform: translateY(-50%);
    top: 50%;
    position: absolute !important;
    right: 15px;
    float: none;
}
.ftr-redesign #showonlygreencontainer label {
    margin-left: 0.25rem;
    line-height: normal;
    height: auto;
    /*font-weight: !*template:base.fontweight.strong*!;*/
}
.ftr-redesign #showonlygreencontainer input {
    margin-left: 0;
}


/* ================================= */
/* Legend/Cluster */

.ftr-redesign #CLUSTER_LAYER {
    box-shadow: 0 1px 17px 0 rgba(0,0,0,0.1);
    /*border: 1px solid rgba(0, 0, 0, 0.03);*/
    border: 0 none;
    opacity: 1;
    bottom: 1.05rem !important;
    right: 1rem !important;
}
.ftr-redesign #CLUSTER_LAYER.hotspot_cluster_layer {
    background: #e8e8e8;
    padding: 0;
}
.ftr-redesign #CLUSTER_LAYER .hotspot_cluster_layer {
    box-shadow: none;
}

.ftr-redesign #clustertitleBar {
    font-weight: 700;
    padding: 0 1rem !important;
    cursor: default;
    margin-top: -1px;
}
.ftr-redesign #CLUSTER_LAYER > .hotspot_cluster_layer {
    padding: 0;
}

.ftr-redesign #CLUSTER_LAYER .hotspot_cluster_layer > div {
    margin-top: 0;
    padding: 0;
}

.ftr-redesign #CLUSTER_LAYER .hotspot_cluster_layer > div,
.ftr-redesign #CLUSTER_LAYER .FaceliftSelectboxWraper {
    height: 36px;
}
.ftr-redesign #CLUSTER_LAYER .FaceliftSelectboxWraper select {
    height: 38px;
}
.ftr-redesign #CLUSTER_LAYER .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox {
    border: 0 none;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
}
.ftr-redesign #CLUSTER_LAYER .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox .text {
    font-weight: 400;
    margin-left: 0.5rem;
    line-height: 36px;
}
.ftr-redesign #CLUSTER_LAYER .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox .icon {
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 0.5rem;
}


.ftr-redesign #newHotspotLegendLayerVertical {
    box-shadow: 0 1px 17px 0 rgba(0,0,0,0.1);
    left: 1rem;
    bottom: 1rem;
    border-radius: 0.3rem;
    transition: opacity 0.3s;
    opacity: 1;
}
.ftr-redesign #newHotspotLegendLayerVertical.init {
    opacity: 0;
}
.ftr-redesign #newHotspotLegendLayerVertical,
.ftr-redesign #newHotspotLegendLayer {
    z-index: 9999;
}

.ftr-redesign #newHotspotLegendLayerVertical .button.legend,
.ftr-redesign #newHotspotLegendLayerVertical #legendTitleBar {
    /*line-height: 2.25rem;*/
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend {
    position: absolute;
    height: 100%;
    float: none;
    left: 0;
}

.ftr-redesign #newHotspotLegendLayerVertical .button.legend {
    border-radius: 0.3rem;
    border: 0 none;
    background: #e8e8e8;
    z-index: 9;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend.active {
    border-radius: 0.3rem 0 0 0.3rem !important;
}

.ftr-redesign #newHotspotLegendLayerVertical .button.legend label,
.ftr-redesign #newHotspotLegendLayerVertical .button.legend input {
    cursor: pointer !important;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend label {
    font-weight: 700;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend label,
.ftr-redesign #newHotspotLegendLayerVertical .button.legend span {
    display: none;
}

.ftr-redesign #newHotspotLegendLayerVertical .button.legend .icon {
    font-size: 1.5rem;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend:focus .icon {
    color: #000;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend:hover .icon {
    color: #a9b9d2;
}

.ftr-redesign #newHotspotLegendLayerVertical .button.legend.active {
    background: #a9b9d2;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend.active .icon {
    color: #fff;
}
.ftr-redesign #newHotspotLegendLayerVertical .button.legend.active:focus .icon {
    color: #fff;
}

.ftr-redesign #newHotspotLegendLayerVertical #legendTitleBar {
    border: 0 none;
    margin: 0;
    padding-left: 40px;
    overflow: hidden;
    opacity: 0;
    transition: all ease-out;
    border-radius: 0 0.3rem 0.3rem 0;
    background: #fff;
    position: relative;
}
.ftr-redesign #newHotspotLegendLayerVertical #legendTitleBar.active {
    opacity: 1;
}
.ftr-redesign #newHotspotLegendLayerVertical .legend.list {
    background: transparent;
    border: 0 none;
    cursor: default;
}
.ftr-redesign #newHotspotLegendLayerVertical .legend.list li {
    border-radius: 0.3rem;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
}
.ftr-redesign #newHotspotLegendLayerVertical #legendContent {
    /*width: 720px;*/
    display: block !important;
}

.ftr-redesign #legendContent .hotspotText {
    cursor: default;
}

/* ================================= */
/* Hotspots */
.ftr-redesign .hotspot {
    height: 24px;
    width: 24px;
    margin-right: 0;
    border: 0 none;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgb(0, 0, 0, 0.75);
}
.ftr-redesign .hotspot a {
    border-radius: 50%;
}
.ftr-redesign .hotspot a:focus,
.ftr-redesign .hotspot a:active {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}
.ftr-redesign #legendContent .hotspot {
    box-shadow: none;
}
.ftr-redesign .hotspot .icon {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
}
.ftr-redesign .HTMLTABLE_Row_Odd .hotspot .icon,
.ftr-redesign .HTMLTABLE_Row_Even .hotspot .icon,
.ftr-redesign .ButtonObjectDetails .hotspot .icon,
.ftr-redesign .HTMLTABLE_Row_Active .hotspot .icon {
    font-size: 18px;
    font-weight: 700;
}

.ftr-redesign .ButtonObjectDetails.button-round-icon {
    display: inline-block;
    border-radius: 50%;
    margin-top: 6px;
}

.ftr-redesign .ButtonObjectDetails.button-round-icon .icon {
    height: 100%;
    width: 100%;
    line-height: 1;
}

.ftr-redesign .ButtonObjectDetails.button-round-icon .icon:before {
    top: -4px;
    left: -4px;
}

.ftr-redesign .hotspot .icon:before {
    /*right: -1px;*/
}
.ftr-redesign .hotspot.free .icon:before,
.ftr-redesign .hotspot.wait .icon:before {
    color: #000;
}

.ftr-redesign .hotspot.free.cluster .icon:before,
.ftr-redesign .hotspot.free .icon:before,
.ftr-redesign .hotspot.green .icon:before {
    color: #000;
}

.ftr-redesign .hotspot.deactivated:before {
    border-radius: 50%;
}

.ftr-redesign .hotspot .hotspot-name {
    border-radius: 0.3rem;
}

.ftr-redesign .hotspot_layer,
.ftr-redesign .hotspot_cluster_layer,
.ftr-redesign .hotspot_minimap_layer {
    box-shadow: 0 2px 8px 0 rgb(0, 0, 0, 0.45);
    border-radius: 0.3rem;
    border: 0 none !important;
    padding: 10px;
    opacity: 0.95;
    background: #fff;
}
.ftr-redesign .hotspot_layer {
    position: relative;
    z-index: auto;
}
.ftr-redesign #booking_layer .hotspot_layer {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.ftr-redesign .hotspots_info tr td:first-child {
    font-weight: 700;
}
.ftr-redesign .hotspots_info tr td a span {
    font-weight: 700;
}
.ftr-redesign .hotspots_info tr td .link-symbol {
    width: 20px;
}
.ftr-redesign .hotspots_info tr td .icon:before,
.ftr-redesign .hotspots_info tr td .link-symbol:before {
    font-weight: 700;
}

.ftr-redesign .HotspotLocation {
    border-radius: 0.3rem;
    /*box-shadow: none;*/
    padding: 2px;
    background-color: #e8e8e8;
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
}
.ftr-redesign .HotspotLocation button {
    border-radius: 0.3rem;
    display: block;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding: 2px 8px;
    border: 0 none;
    background: transparent;
}
.ftr-redesign .HotspotLocation button:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}
.ftr-redesign .HotspotLocation:before {
    display: none;
}
.ftr-redesign .HotspotLocation:after {
    left: -7px;
    border-right-color: #e8e8e8;
}
.ftr-redesign .HotspotLocation.north:after {
    left: 50%;
    border-top-color: #e8e8e8;
}
.ftr-redesign .HotspotLocation.west:after {
    left: auto;
    border-left-color: #e8e8e8;
}
.ftr-redesign .HotspotLocation.south:after {
    left: 50%;
    border-bottom-color: #e8e8e8;
}

.ftr-redesign .HotspotLocation-Pointer .hotspot {
    left: -12px;
    top: -12px;
}

.ftr-redesign .HotspotLocation span {
    color: #000;
    line-height: 24px;
}

.ftr-redesign .HotspotLocation span .icon {
    font-size: 18px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 6px;
}
.ftr-redesign .HotspotLocation span .icon.icon-close-remove {
    font-size: 0.8rem;
}
.ftr-redesign .HotspotLocation span .icon:before {
    width: 24px;
    height: 24px;
}

.ftr-redesign .hotspot.free.cluster,
.ftr-redesign .hotspot.free,
.ftr-redesign .hotspot.green,
.ftr-redesign .HotspotLocation .IconHotspotGreen .icon:before {
    color: #000;
}
.ftr-redesign .hotspot.wait,
.ftr-redesign .hotspot.yellow,
.ftr-redesign .HotspotLocation .IconHotspotYellow .icon:before {
    color: #000;
}


.ftr-redesign .HTMLTABLE_Table .hotspot {
    box-shadow: none;
}

.ftr-redesign .hotspot_layer .link-symbol:hover .icon {
    color: #000;
}

.ftr-redesign .hotspot .icon-close-remove {
    font-size: 0.8rem !important;
}


.ftr-redesign .hotspot .hotspot-name {
    left: 140%;
    color: #000;
    background-color: #e8e8e8;
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
}
.ftr-redesign .hotspot .hotspot-name:before {
    border-right-color: #e8e8e8;
}
.ftr-redesign .hotspot.west .hotspot-name {
    right: 140%;
    left: auto;
}
.ftr-redesign .hotspot.west .hotspot-name:before {
    border-left-color: #e8e8e8;
    border-right-color: transparent;
}
.ftr-redesign .hotspot.north .hotspot-name {
    bottom: 140%;
    left: auto;
}
.ftr-redesign .hotspot.north .hotspot-name:before {
    border-top-color: #e8e8e8;
    border-right-color: transparent;
}
.ftr-redesign .hotspot.south .hotspot-name {
    top: 140%;
    left: auto;
}
.ftr-redesign .hotspot.south .hotspot-name:before {
    border-bottom-color: #e8e8e8;
    border-right-color: transparent;
}



/* Hotspot Options */
.ftr-redesign .option-hotspots-left a .icon:first-child {
    margin-left: 0;
}

.ftr-redesign .option-hotspots-up a .icon:first-child {
    padding-top: 0;
}

.ftr-redesign .option-hotspots-down a .icon {
    display: block !important;
    padding-top: 0;
}
.ftr-redesign .option-hotspots-down a .icon:first-child {
    display: none !important;
}

.ftr-redesign .option-hotspots-right a .icon {
    display: block !important;
    padding-top: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.ftr-redesign .option-hotspots-right a .icon:first-child {
    display: none !important;
}

/* ================================= */
/* List view */
.ftr-redesign #table_listview_maintable .icon.icon-info-circle {
    font-weight: 400;
}


/* ================================= */
/* Table */
.ftr-redesign .HTMLTABLE_Table {
    border: 0 none;
}

.ftr-redesign .HTMLTABLE_Table.hasFilter {
    margin-top: 40px;
}

.ftr-redesign .HTMLTABLE_Table td,
.ftr-redesign .HTMLTABLE_Table td .icon,
.ftr-redesign .HTMLTABLE_Table td div,
.ftr-redesign .HTMLTABLE_Table td span {
    font-weight: 600;
}

.ftr-redesign .HTMLTABLE_Head_Row th {
    padding-top: 14px;
    text-overflow: ellipsis;
}
.ftr-redesign .HTMLTABLE_Head_Row a {
    border-radius: 0.3rem;
}
.ftr-redesign .HTMLTABLE_Head_Row a:focus-visible {
    outline-offset: 3px;
}

.ftr-redesign .HTMLTABLE_Filter_Row > td {
    padding-bottom: 10px;
}

.ftr-redesign .HTMLTABLE_Head_Cell_First,
.ftr-redesign .OSUMTABLE_Head_Cell_Dark_First {
    border-radius: 0.3rem 0 0 0;
}
.ftr-redesign .HTMLTABLE_Head_Cell_Last,
.ftr-redesign .OSUMTABLE_Head_Cell_Dark_Last {
    border-radius: 0 0.3rem 0 0;
}

.ftr-redesign .HTMLTABLE_Filter_Row,
.ftr-redesign .HTMLTABLE_Head_Cell_First,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_First,
.ftr-redesign .HTMLTABLE_Head_Cell_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Last,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Last,
.ftr-redesign .HTMLTABLE_Filter_Cell_First,
.ftr-redesign .HTMLTABLE_Filter_Cell_Middle,
.ftr-redesign .HTMLTABLE_Filter_Cell_Last {
    background: #e8e8e8;
}
.ftr-redesign .HTMLTABLE_Head_Cell_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Last,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Last {
    border-left-color: #e8e8e8;
}

.ftr-redesign .HTMLTABLE_Head_Cell_First,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_First,
.ftr-redesign .HTMLTABLE_Head_Cell_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Middle,
.ftr-redesign .HTMLTABLE_Head_Cell_Last,
.ftr-redesign .HTMLTABLE_Head_Cell_Dark_Last {
    border-bottom: 0 none;
}

.ftr-redesign .HTMLTABLE_Cell_First,
.ftr-redesign .HTMLTABLE_Cell_Middle,
.ftr-redesign .HTMLTABLE_Cell_Last {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.ftr-redesign .HTMLTABLE_Filter_Cell_First,
.ftr-redesign .HTMLTABLE_Filter_Cell_Middle,
.ftr-redesign .HTMLTABLE_Filter_Cell_Last {
    border-left: 0 none;
    border-bottom: 0 none;
}

.ftr-redesign .OSUMTABLE_Head_Cell_Dark_First,
.ftr-redesign .OSUMTABLE_Head_Cell_Dark_Middle,
.ftr-redesign .OSUMTABLE_Head_Cell_Dark_Last {
    background: #e8e8e8;
    border-top-color: #e8e8e8;
    border-bottom-color: #e8e8e8;
    border-right-color: #e8e8e8;

}

.ftr-redesign .OSUMTABLE_Cell_Dark_First,
.ftr-redesign .OSUMTABLE_Cell_Dark_Middle,
.ftr-redesign .OSUMTABLE_Cell_Dark_Last {
    font-weight: 700;
}

.ftr-redesign .HTMLTABLE_Table tr,
.ftr-redesign .HTMLTABLE_Table tr .icon {
    transition: background 0.3s, color 0.3s;
}

.ftr-redesign .HTMLTABLE_Row_Hover {
    background: rgba(169, 185, 210, 0.2);
    color: #000;
}
.ftr-redesign .HTMLTABLE_Row_Hover .icon {
    color: #000;
}

.ftr-redesign .HTMLTABLE_Row_Active {
    background: rgba(169, 185, 210, 0.8);
    color: #fff;
}
.ftr-redesign .HTMLTABLE_Row_Active .icon {
    color: #fff;
}
.ftr-redesign .HTMLTABLE_Row_Active .FaceliftSelectbox.estateselectbox .icon {
    color: #000;
}

.ftr-redesign .HTMLTABLE_Row_Odd .icon.icon-info-circle,
.ftr-redesign .HTMLTABLE_Row_Even .icon.icon-info-circle,
.ftr-redesign .ButtonObjectDetails .icon.icon-info-circle,
.ftr-redesign .HTMLTABLE_Row_Active .icon.icon-info-circle {
    font-size: 2rem;
}

.ftr-redesign .htmltable-navigation-row > .rowNavi > .FaceliftSelectboxWraper {
    min-width: 4.8rem;
    display: inline-block;
}


/* Content Block/Form */
.ftr-redesign .ContentBlock {
    padding: 0;
    border-radius: 0.3rem;
}
.ftr-redesign .ContentBlockPadding {
    padding: 0 15px;
}
.ftr-redesign .ContentBlockPadding > table {
    margin-left: 0;
}
.ftr-redesign .ContentPartPaddingB {
    padding-top: 0;
    padding-left: 0;
}
.ftr-redesign .ContentForm:after {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign .ContentForm > table {
    margin-top: 0 !important;
}

.ftr-redesign .ContentBlock td,
.ftr-redesign .ContentForm td {
    vertical-align: middle;
    display: inline-block;
}
/*.ftr-redesign .ContentBlock tr[valign="top"] > td:not([valign="middle"]),*/
/*.ftr-redesign .ContentForm tr[valign="top"] > td:not([valign="middle"]) {*/
/*    vertical-align: top;*/
/*}*/

.ftr-redesign .ContentFormElementBorder,
.ftr-redesign .ContentFormSubElementBorder,
.ftr-redesign .ContentFormElementBorderPopup,
.ftr-redesign .ContentFormSubElementBorderPopup {
    background-color: transparent;
    border-color: transparent;
    border-width: 0;
    overflow: visible;
}

.ftr-redesign .ContentForm input,
.ftr-redesign .ContentForm-inputs input,
.ftr-redesign .ContentFormInputDatetime,
.ftr-redesign .ContentFormSubInputDatetime {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: border 0.3s, color 0.3s, background 0.3s;
}
.ftr-redesign .ContentForm input {
    padding: 0 10px;
}
.ftr-redesign .ContentForm input[type=number] {
    padding-right: 0;
}

.ftr-redesign .ContentFormTitle {
    padding-top: 0;
    min-width: 155px;
}

.ftr-redesign .ContentFormFakeInput,
.ftr-redesign .ContentFormFakeInputPopup {
    background: #fff;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 10px;
    transition: border 0.3s, color 0.3s, background 0.3s;
}

.ftr-redesign .ContentFormFakeInput:hover,
.ftr-redesign .ContentFormFakeInputPopup:hover {
    background: #e8e8e8;
    border-color: #e8e8e8;
}

.ftr-redesign .ContentFormTextarea,
.ftr-redesign .ContentFormSubTextarea,
.ftr-redesign .ContentFormTextareaPopup,
.ftr-redesign .ContentFormSubTextareaPopup {
    background: #fff;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    transition: border 0.3s, color 0.3s, background 0.3s;
    font-weight: 700;
    width: calc(100% - 22px);
}
/*.ContentFormFakeInput:hover,
.ftr-redesign .ContentFormFakeInputPopup:hover {
    background: !*template:facelift.basecolor.dark.20*!;
}*/

.ftr-redesign .ContentFormFakeInput > span,
.ftr-redesign .ContentFormFakeInputPopup > span{
    font-weight: 700;
    height: 2rem;
    line-height: 2rem;
}

.ftr-redesign .ContentFormElementBorderPopup input:focus + .ContentFormFakeInputPopup {
    /*box-shadow: 0 0 3px 1px rgb(0, 0, 0, 0.25);
    outline: none;*/
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign .ContentForm.button-form-narrow-wrapper {
    width: 40px;
}

.ftr-redesign .ContentForm .Button{
    margin:0.786rem 0;
}

#LayoutDefault.ftr-redesign #SectionContent > table .ContentBlock,
#LayoutDefault.ftr-redesign #SectionContent form > table .ContentBlock,
#LayoutDefault.ftr-redesign #SectionContent > table > tbody > tr > td[aria-hidden="true"],
#LayoutDefault.ftr-redesign #SectionContent form > table > tbody > tr > td[aria-hidden="true"] {
    margin-bottom: 0;
    padding-bottom: 0;
}

#LayoutDefault.ftr-redesign #SectionContent > table > tbody > tr > td[aria-hidden="true"],
#LayoutDefault.ftr-redesign #SectionContent form > table > tbody > tr > td[aria-hidden="true"] {
    position: relative;
    border-bottom: 0 none;
}
/*#LayoutDefault.ftr-redesign #SectionContent > table > tbody > tr > td[aria-hidden="true"]:before,*/
/*#LayoutDefault.ftr-redesign #SectionContent form > table > tbody > tr > td[aria-hidden="true"]:before {*/
/*    content: '';*/
/*    display: block;*/
/*    height: 1px;*/
/*    position: absolute;*/
/*    bottom: 20px;*/
/*    width: 100%;*/
/*    border-bottom: 1px solid !*template:facelift.basecolor.dark.20*!;*/
/*}*/


.ftr-redesign .options-checkbox-list {
    transition: border 0.3s, color 0.3s, background 0.3s;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background: #fff !important;
    border-radius: 0.3rem;
    padding: 10px 10px 10px 10px;
}

.ftr-redesign .options-checkbox-list-statistic {}

.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-label {
    float: left;
    padding-top: 6px !important;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-label a {
    color: #a9b9d2;
    transition: color 0.3s;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-label a:hover {
    color: #193e69;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-group {
    padding-top: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-group:first-child {
    padding-top: 0;
    border-top: 0 none;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-subtypes {
    padding-bottom: 10px;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-subtypes .options-checkbox-list-subtype {
    padding-top: 3px;
    padding-bottom: 3px;
}
.ftr-redesign .options-checkbox-list-statistic .options-checkbox-list-subtypes .options-checkbox-list-label {
    padding-top: 4px !important;
    padding-left: 3px;
}


.ftr-redesign .ContentFormAddSub-empty {
    display: none;
}

.ftr-redesign .ContentPartAddSub a,
.ftr-redesign .ContentFormAddSub a {
    margin-bottom: 3px;
    margin-right: 5px;
}

.ftr-redesign .ContentForm-list {
    border-radius: 0.3rem;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 10px !important;
}

.ftr-redesign .form-label-pt {
    padding-top: 0.45rem;
}
.ftr-redesign .form-label-pt-radio {
    padding-top: 0.3rem;
}

/* ================================= */
/* Table Navigation */
.ftr-redesign .htmltable-navigation-row {
    padding: 20px 15px 20px 15px;
}
.ftr-redesign .htmltable-navigation-row .downloads {
    padding-left: 0;
}
.ftr-redesign .htmltable-navigation-row .pagination {
    padding-right: 0;
}

.ftr-redesign .htmltable-navigation-row > .downloads,
.ftr-redesign .htmltable-navigation-row > .selection {
    height: auto;
    line-height: 1;
}
.ftr-redesign .htmltable-navigation-row > .selection {
    padding: 0;
}
.ftr-redesign .htmltable-navigation-row > .downloads li {
    margin-right: 1rem;
}


.ftr-redesign .htmltable-navigation-row a.stdLink {
    padding: 0 15px !important;
}
.ftr-redesign .htmltable-navigation-row a.stdLink:hover {
    text-decoration: none !important;
}
.ftr-redesign .htmltable-navigation-row a.stdLink:after {
    display: none !important;
}

.ftr-redesign .htmltable-navigation-row > .downloads a,
.ftr-redesign .htmltable-navigation-row > .selection a,
.ftr-redesign #Flyout_Bottom a {
    transition: border 0.3s, color 0.3s;
    border: 1px solid #000;
    border-radius: 0.3rem;
    position: relative;
    line-height: 1.715rem;
    font-size: 0.929rem;
    font-weight: 600;
    padding: 0 15px;
    display: block;
}
.ftr-redesign #Flyout_Bottom a {
    display: inline-block;
}
.ftr-redesign .flyout-bottom-full {
    background: #fff !important;
    left: -10px;
    padding-top: 10px !important;
}
.ftr-redesign .htmltable-navigation-row > .downloads a .icon {
    transition: all 0.3s;
    height: 1rem;
    width: 1rem;
    margin-right: 0;
}
.ftr-redesign .htmltable-navigation-row > .downloads a .icon:before {
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ftr-redesign .htmltable-navigation-row > .selection a span {
    display: none;
}

.ftr-redesign .htmltable-navigation-row > .downloads a:hover,
.ftr-redesign .htmltable-navigation-row > .selection a:hover,
.ftr-redesign #Flyout_Bottom a:hover {
    border-color: #a9b9d2;
    color: #a9b9d2;
}
.ftr-redesign .htmltable-navigation-row > .downloads a:hover .icon {
    color: #a9b9d2;
}

.ftr-redesign .htmltable-navigation-row > .downloads a.active,
.ftr-redesign .htmltable-navigation-row > .selection a.active,
.ftr-redesign #Flyout_Bottom a.active {
    border-color: #193e69;
    color: #193e69;
}
.ftr-redesign .htmltable-navigation-row > .downloads a.active .icon {
    color: #193e69;
}

.ftr-redesign #Flyout_Bottom a:focus {
    /*outline: none;*/
    outline: 2px solid rgba(0, 220, 254, 0.6);
    outline-offset: 0;
}

.ftr-redesign td.flyoutBorder > span {
    border-color: #000;
}


/* Pagination */
.ftr-redesign .htmltable-navigation-row .pagination > * {
    float: left;
}
.ftr-redesign .htmltable-navigation-row .pagination a .icon {
    font-size: 2rem;
    transition: all 0.3s;
}
.ftr-redesign .htmltable-navigation-row .pagination a:hover .icon {
    color: #a9b9d2;
}
/*.htmltable-navigation-row > .pagination .pagenumbers {
    padding: 0;
}*/

/* ================================= */
/* Table Elements */
.ftr-redesign .HTMLTABLE_Row_Odd td input,
.ftr-redesign .HTMLTABLE_Row_Even td input,
.ftr-redesign .HTMLTABLE_Filter_Input,
.ftr-redesign .tableSelect,
.ftr-redesign .tableInput {
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 26px;
    padding: 0 5px;
}
.ftr-redesign .HTMLTABLE_Filter_Input {
    margin: 5px 0 0 0;
}

/* Table Select */
.ftr-redesign .tableSelect {
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
}

.ftr-redesign .tableSelect + .FaceliftSelectbox {
    top: 0;
}
.ftr-redesign .HTMLTABLE_Row_Active .tableSelect:focus + .FaceliftSelectbox.estateselectbox {
    background: #fff;
}

/* Link Table */
.ftr-redesign .link-table {
    display: none;
    transition: all 0.3s;
    height: 24px;
    margin: 5px 0 5px 10px;
    background: #fff;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.2)
}
.ftr-redesign .link-table .icon {
    font-weight: 700;
}
.ftr-redesign .link-symbol {
    transition: all 0.3s;
    background: transparent;
    color: #000;
    height: 100%;
    width: 100%;
    line-height: 24px;
    border-radius: inherit;
}
.ftr-redesign .HTMLTABLE_Table .link-symbol .icon {
    color: #fff;
}
.ftr-redesign .link-symbol:hover .icon {
    color: #fff;
}

.ftr-redesign .link-table:hover {
    background: #a9b9d2;
}
.ftr-redesign .link-table:hover .link-symbol,
.ftr-redesign .link-table:hover .link-symbol .icon {
    color: #fff;
}

.ftr-redesign .link-symbol > .icon:before {
    height: 24px;
    line-height: 24px;
}

.ftr-redesign .OSUMTABLE .link-symbol .icon {
    color: #000 !important;
    font-weight: 700;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ftr-redesign .OSUMTABLE .link-symbol .icon:before {
    height: 100%;
    /*line-height: 100%;*/
    /*line-height: 22px;*/
    line-height: 1.25rem;
}

.ftr-redesign #LocationTreeBar input {
    border-color: rgba(0, 0, 0, 0.2);
}
.ftr-redesign #LocationTreeBar a.link.link-table.stdLink {
    margin-top: 0;
    margin-left: 10px;
}


.ftr-redesign .link {
    transition: color 0.3s, background 0.3s;
}
.ftr-redesign .link,
.ftr-redesign .link span {
    font-weight: 700;
}
.ftr-redesign .link:hover {
    /*color: !*template:facelift.basecolor.secondary*!;*/
}
.ftr-redesign .link:not(.link-table):not(.drop-down-item):not(.stdLinkImage) {
    border-radius: 0.3rem;
    padding: 0.15rem 0.5rem 0.25rem 0;
}
.ftr-redesign .link:not(.link-table) .link-symbol {
    width: 1.2rem;
    font-size: 1.2rem;
    height: 1.2rem;
    position: relative;
}
.ftr-redesign .link:not(.link-table) .link-symbol:before {
    top: 50%;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
}
.ftr-redesign .link:not(.link-table) .link-symbol.cycle {
    /*background: !*template:facelift.basecolor.dark*!;*/
    background: transparent;
    border-radius: 50%;
}
.ftr-redesign .link:not(.link-table):hover .link-symbol.cycle {
    /*background: !*template:facelift.basecolor.secondary*!;*/
    background: transparent;
}
.ftr-redesign .link:not(.link-table) .link-symbol.cycle:before {
    /*color: !*template:facelift.basecolor.light*!;*/
    color: #000;
}

/* Underline styles */
/*.stdLink:not(.link-table):not(.stdButton)*/
.ftr-redesign .stdLink:not(.link-table):not(.stdButton) {
    display: inline-block;
    position: relative;
    padding: 0.25rem;
    border-radius: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ftr-redesign .stdLink:not(.link-table):not(.stdButton):hover {
    text-decoration: underline;
}

/* Fade in */
/*.stdLink:not(.link-table):not(.stdButton):after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 0.1em;*/
/*    background-color: !*template:facelift.basecolor.dark*!;*/
/*    transition: opacity 300ms, transform 300ms;*/
/*    opacity: 1;*/
/*    transform: scale(0);*/
/*    transform-origin: center;*/
/*}*/

/*.stdLink:not(.link-table):not(.stdButton):hover:after,*/
/*.stdLink:not(.link-table):not(.stdButton):focus:after {*/
/*    opacity: 1;*/
/*    transform: scale(1);*/
/*}*/


/* Options List */
.ftr-redesign #SectionOptions {
    top: calc(60px + 50px);
    left: 50%;
    transform: translateX(-50%);
}
.ftr-redesign #SectionOptions a {
    margin-top: 1rem;
}
.ftr-redesign #SectionOptions a:first-child {
    margin-top: 0;
}
.ftr-redesign #SectionOptions .button-outer-circle > .icon {
    font-size: 1.55rem !important;
}
.ftr-redesign a.button.button-option-normal .icon {
    display: none;
}
.ftr-redesign a.button.button-option-normal .icon:first-child {
    display: block;
}
.ftr-redesign a.button.button-option-normal .icon:only-child {
    margin-top: 0;
}

/* Options List . Specials */
.ftr-redesign #deleteMail {
    position: relative;
}
.ftr-redesign #deleteMail .icon:first-child {
    margin-left: -3px;
    margin-top: 3px;
}
.ftr-redesign #deleteMail .icon:nth-child(2) {
    display: block;
    position: absolute;
    top: -9px;
    right: -3px;
    font-size: 1rem !important;
}

/* Relation . Buttons */
.ftr-redesign .relation-button {}

.ftr-redesign .relation-button > span,
.ftr-redesign .relation-button > span:hover {
    border: 1px solid #000;
    color: #000;
    background: transparent;
    /*opacity: 0.5;*/
}
.ftr-redesign .relation-button > span > span,
.ftr-redesign .relation-button > span:hover > span {
    color: #000;
}

/* Revoke access . Buttons */
.ftr-redesign .button-oauth20-revoke-access {
    position: relative;
}
.ftr-redesign .button-oauth20-revoke-access:focus .icon {
    color: #a9b9d2;
}


/* Calendar */
.ftr-redesign .Calendar,
.ftr-redesign #caldiv {
    border-radius: 0.3rem;
    border: 1rem solid #fff !important;
    background: #fff;
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
}

.ftr-redesign .Calendar td {
    /*vertical-align: middle;*/
    display: table-cell;
}

.ftr-redesign table.placereleaseCalender {
    width: 580px;
}

.ftr-redesign table.placereleaseCalender .Calendar{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    margin-right: 1rem;
}


.ftr-redesign #caldiv.loading:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    margin: 8px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6) transparent rgba(0, 0, 0, 0.6) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 0.3s;
}
.ftr-redesign #caldiv.loading.isLoaded:after {
    opacity: 0;
}
@keyframes lds-dual-ring {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


.ftr-redesign #caldiv:before {
    border: solid transparent;
    border-bottom-color: #fff !important;
    border-width: 10px !important;
    bottom: auto !important;
    top: -34px !important;
    right: 23px !important;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ftr-redesign #caldiv:after {
    display: none;
}
.ftr-redesign #parameterform #caldiv:before {
    right: 30px !important;
}

.ftr-redesign #califrame {
    transition: opacity 0.3s;
}
.ftr-redesign #califrame.loading {
    opacity: 0;
}

.ftr-redesign .cal_back {
    border: 0 none !important;
}

.ftr-redesign .cal_back.new td.cal_weekdays,
.ftr-redesign .Calendar .Weekdays td {
    background: none;
}

.ftr-redesign .Calendar .Weekdays td,
.ftr-redesign .cal_back.new td.cal_weekdays {
    border-bottom: 1px solid #000;
}

.ftr-redesign .Calendar .Days td.Week,
.ftr-redesign .cal_back.new #todaylink a,
.ftr-redesign .cal_back.new .headline,
.ftr-redesign .Calendar .Navigation {
    background: none;
}

.ftr-redesign .cal_back.new .headline a:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign .Calendar tr.Navigation .link-table,
.ftr-redesign .cal_back.new .headline .link-table {
    display: block;
}

.ftr-redesign .Calendar tr.Navigation .link-table span,
.ftr-redesign .cal_back.new .headline .link-table span {
    position: relative;
}

.ftr-redesign .Calendar tr.Navigation .link-table .icon,
.ftr-redesign .cal_back.new .headline .link-table .icon {
    font-size: 1.2rem;
    transition: color 0.3s;
}

.ftr-redesign .cal_back.new .headline .link-table .icon.double {
    position: absolute;
    left: -3px;
}

.ftr-redesign .Calendar tr.Navigation .MultiNext .link-table span,
.ftr-redesign table.placereleaseCalender .Calendar tr.Navigation .MultiPrev .link-table span{
    margin-left: -5px;
}

.ftr-redesign .Calendar tr.Navigation .link-table .icon.double:before,
.ftr-redesign .cal_back.new .headline .link-table .icon.double:before {
    letter-spacing: -0.8rem;
}

.ftr-redesign #currmonth,
.ftr-redesign #todaylink {
    height: 26px;
    display: block;
    line-height: 28px;
    font-weight: 700;
}
.ftr-redesign #todaylink a {
    display: block;
}
.ftr-redesign .cal_back.new td.cal_weekdays,
.ftr-redesign .Calendar .Weekdays td,
.ftr-redesign .Calendar .Weekdays td a,
.ftr-redesign .cal_back tr.days a,
.ftr-redesign .cal_back tr.days .cal_day_kw {
    cursor: default;
}

.ftr-redesign .cal_day_norm,
.ftr-redesign .cal_day_overlap {
    cursor: pointer;
}
.ftr-redesign .cal_day_overlap a {
    color: rgba(0, 0, 0, 0.2);
}

.ftr-redesign .cal_day_kw {
    color: #a9b9d2 !important;
}

.ftr-redesign .cal_day_today,
.ftr-redesign .cal_day_active,
.ftr-redesign .cal_day_norm,
.ftr-redesign .cal_day_select {
    background: none;
}

.ftr-redesign .cal_day_active[unselectable=on] {
    color: #a0a0a0;
}

.ftr-redesign .cal_day_today a,
.ftr-redesign .cal_day_active a,
.ftr-redesign .cal_day_norm a,
.ftr-redesign .cal_day_select a {
    position: relative;
    display: block;
}

.ftr-redesign .cal_day_active a,
.ftr-redesign .cal_day_select a {
    color: #fff;
}

.ftr-redesign .cal_day_today a:before,
.ftr-redesign .cal_day_active a:before,
.ftr-redesign .cal_day_norm a:before,
.ftr-redesign .cal_day_select a:before {
    /*transition: all 0.3s;*/ /*Causes Bug on Hover!*/
    position: absolute;
    content: "";
    border: 1px solid #000;
    border-radius: 50%;
    top: -3px;
    right: 2px;
    left: 2px;
    bottom: -3px;
    z-index: -1;
    opacity: 0;
}

.ftr-redesign .cal_day_today a:before,
.ftr-redesign .cal_day_select a:before,
.ftr-redesign .cal_day_active a:before {
    opacity: 1;
}

.ftr-redesign .cal_day_active a:before,
.ftr-redesign .cal_day_select a:before {
    border-color: #a9b9d2;
    background: #a9b9d2;
}

.ftr-redesign .cal_day_norm:hover a:before {
    border-color: #a9b9d2;
    background: #a9b9d2;
}

.ftr-redesign .days td:not(.cal_day_kw):not(.cal_day_overlap.past):hover,
.ftr-redesign .days td:not(.cal_day_kw):not(.cal_day_overlap.past):hover a {
    cursor: pointer !important;
}

.ftr-redesign .Calendar td span{
    font-size: 14px;
}
.ftr-redesign .Calendar .Navigation .link-table{
    margin: 5px;
}
.ftr-redesign .Calendar .Navigation .Month{
    height: 26px;
    line-height: 28px;
    font-weight: 700;
}
.ftr-redesign .Calendar .Weekdays td a{
    font-weight: 700;
}
.ftr-redesign .Calendar .Days td.Empty,
.ftr-redesign .Calendar .Weekdays td a:hover{
    background: transparent;
    color: #000;
}
.ftr-redesign .Calendar .Days td.Week a,
.ftr-redesign .Calendar .Weekdays td.Week a{
    color: #a9b9d2;
}
.ftr-redesign .Calendar .Days td,
.ftr-redesign .Calendar .Days td.Week,
.ftr-redesign .Calendar .Weekdays td,
.ftr-redesign .Calendar tr.First td,
.ftr-redesign .Calendar tr.First td.Week {
    border-top : none;
    border-left: none;
}

.ftr-redesign .Calendar .Weekdays a:hover,
.ftr-redesign .Calendar .Days td.Week a:hover,
.ftr-redesign .Calendar .Days td a:hover{
    border-radius: 50%;
    border-color: #a9b9d2;
    background: #a9b9d2;
    color: #fff;
}

.ftr-redesign .Calendar .Days td.Selected,
.ftr-redesign .Calendar .Days td.Selected a
{
    background-color:#a9b9d2;
    color: #fff;
}


.ftr-redesign table.placereleaseCalender .Calendar .Navigation,
.ftr-redesign table.placereleaseCalender .Calendar .Weekdays td a,
.ftr-redesign table.placereleaseCalender .Calendar .Days td a,
.ftr-redesign table.placereleaseCalender .Calendar .Days td a span,
.ftr-redesign table.placereleaseCalender .Calendar .Days td.Deactivated span,
.ftr-redesign table.placereleaseCalender .Calendar .Days td.Empty {
    width: 2.15rem;
    border-radius: 50%;
}

/* Calendar */
.ftr-redesign #caldiv:before {
    top: -32px !important;
}

.ftr-redesign #parameterform #caldiv:before {
    right: 33px !important;
}

/* ================================= */
/* Search View */
.ftr-redesign.pgn-base-booking-search-listview .searchView {
    padding-top: 65px !important;
}

/* ================================= */
/* Dashboard */
.ftr-redesign #DashboardWelcome {
    border: 0 none;
    background: #e8e8e8;
}
.ftr-redesign #DashboardWelcome div {
    padding: 1.5rem 1.5rem;
}

.ftr-redesign h1.Dashboard {
    color: #000;
    font-weight: 700;
    padding: 0 1.5rem 0.5rem 1.5rem;
    font-size: 1.29rem;
}
.ftr-redesign #DashboardWelcome h1 {
    color: #000;
    font-weight: 700;
    font-size: 1.5rem;
    padding: 0 0 0.5rem 0;
}

.ftr-redesign p.Dashboard{
    line-height: 1.5;
    font-size: 1rem;
}

.ftr-redesign #DashboardAccordion {
    margin: 0 15px;
}
.ftr-redesign #DashboardAccordion .news-item {
    background: #e8e8e8;
}
.ftr-redesign #DashboardAccordion .news-item .item-wrapper {
    padding: 1em;
}
.ftr-redesign #DashboardAccordion .news-item article {
    margin-right: 0;
    padding-right: 0;

    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ftr-redesign #DashboardAccordion .news-item .news-item-headline {
    font-size: 1.29rem;
    font-weight: 700;
}
.ftr-redesign #DashboardAccordion .news-item .more {
    margin-top: 0.5em;
    padding-right: 0;
    display: none;
}

.ftr-redesign .news-lightbox .date {
    font-weight: 600;
}
.ftr-redesign .news-lightbox .headline {
    font-weight: 700;
    font-size: 1.14rem;
    margin-top: 1rem;
}
.ftr-redesign .news-lightbox .fulltext {
    margin-top: 1rem;
    white-space: break-spaces;
}

.ftr-redesign.pgn-base-user-dashboard-dashboard #SectionContent > table {
    padding: 0 15px;
}
.ftr-redesign.pgn-base-user-dashboard-dashboard #parameterform {
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

.ftr-redesign .Dashboardedit {
    margin: 0 15px 30px 15px;
}

.ftr-redesign #DashboardAccordion .news-nav {
    background: #e8e8e8;
}

/* ================================= */
/* Booking Overview */
.ftr-redesign .details_container {
    margin-bottom: 0;
    padding-bottom: 10px
}

.ftr-redesign .details_container a.userLink {
    padding: 0 3px;
    border-radius: 0.3rem;
}
.ftr-redesign .details_container a.userLink span {
    font-weight: 600;
}
.ftr-redesign .details_container a.userLink:hover span {
    text-decoration: underline;
}
.ftr-redesign .bookingDetailsNEW.second {
    padding-top: 1px;
}

.ftr-redesign .booking_overview_main_section {
    border-top: 0 none;
    padding-top: 20px;
}

.ftr-redesign .booking_overview_main_section h1 {
    font-weight: 600;
    color: #000;
    font-size: 1.5rem;
    padding-bottom: 3px;
    margin-left: 0;
    margin-top: 0;
}

.ftr-redesign .booking_overview_main_section h1 span {
    font-size: 1.5rem;
}

/*.ftr-redesign .bookingDetails-button-list {*/
/*    float: right;*/
/*}*/

/*.ftr-redesign .bookingDetails-button-list .button-icon {*/
/*    float: left !important;*/
/*    margin-left: 10px;*/
/*}*/
/*.ftr-redesign .bookingDetails-button-list .button-icon:first-child {*/
/*    margin-left: 0;*/
/*}*/

.ftr-redesign .booking_overview_main_section .button-icon {
    height: 2.5rem !important;
    width: 2.5rem !important;
    margin-top: -0.6rem;
}
.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large {
    height: 2.5rem;
    width: 2.5rem;
    display: block;
    border-radius: 50%;
    transition: background-color 0.3s;
}
.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large > .icon {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 1;
    font-size: 2.5rem;
    transition: color 0.3s;
}
.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large:hover > .icon {
    color: #a9b9d2;
}

.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large.button-icon-light {
    background-color: #fff !important;
}

.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large.button-icon-secondary {
    background-color: #a9b9d2 !important;
}
.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large.button-icon-secondary > .icon {
    color: #fff;
}
.ftr-redesign .booking_overview_main_section .button-icon .button-icon-large.button-icon-secondary:hover {
    background-color: #193e69 !important;
}

.ftr-redesign .bookingDetails {
    font-size: 0.929rem;
}

/* Buttons Row */
.ftr-redesign #booking_overview_buttons_row,
#LayoutBookingsearchBooking.ftr-redesign #BackgroundBottom {
    background: #e8e8e8;
    min-height: 1.715rem;
    padding: 10px;
    height: auto;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.1);
    /*border-top: 1px solid !*template:facelift.basecolor.dark.20*!;*/
}
#LayoutBookingsearchBooking.ftr-redesign #BackgroundBottom {
    padding: 0;
}
.ftr-redesign #SectionContentNavi {
    padding: 8px 15px 12px 15px;
    /*background: !*template:facelift.basecolor.secondary*!;*/
}

.ftr-redesign #SectionContentNavi .stdButton {
    display: inline-block;
    position: relative;
    padding-left: 1rem;
}
.ftr-redesign #SectionContentNavi .stdButton .link-symbol {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    line-height: 1.5rem;
    height: 1.6rem;
}

.ftr-redesign #parameter_heading {
    height: auto;
    padding-top: 0;
}


.ftr-redesign #booking_overview_buttons_row span.Right .Button,
.ftr-redesign #booking_overview_buttons_row span.Right #savebutton .Button,
.ftr-redesign #booking_overview_buttons_row span.Right #savebuttondisabled .Button,
.ftr-redesign #booking_overview_buttons_row span.Right .Button.booking-overview-save-confirm {
    transition: color 0.3s, background 0.3s, border 0.3s;
    border: 1px solid #a9b9d2;
    background:  #a9b9d2;
    color:  #fff;
    border-radius: 0.3rem;
}
.ftr-redesign #booking_overview_buttons_row span.Right .Button span {
    transition: none;
}
.ftr-redesign #booking_overview_buttons_row span.Right .Button {
    margin-right: 10px;
}
.ftr-redesign #booking_overview_buttons_row span.Right .Button:last-child {
    margin-right: 0;
}
.ftr-redesign #booking_overview_buttons_row span.Right #savebutton,
.ftr-redesign #booking_overview_buttons_row span.Right #savebuttondisabled {
    display: inline-block;
}
.ftr-redesign #booking_overview_buttons_row span.Right #savebutton,
.ftr-redesign #booking_overview_buttons_row span.Right #savebuttondisabled {
    margin-left: 10px;
}

.ftr-redesign #booking_overview_buttons_row span.Right #savebutton .Button:hover,
.ftr-redesign #booking_overview_buttons_row span.Right .Button.booking-overview-save-confirm:not(.Disabled):hover {
    border-color: #193e69;
    background-color: #193e69;
}

.ftr-redesign #booking_overview_buttons_row span.Right #savebutton .Button:focus-visible {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign #booking_overview_buttons_row span.Right #cancelbutton .Button,
.ftr-redesign #booking_overview_buttons_row span.Right #cancelbuttondisabled .Button,
.ftr-redesign #booking_overview_buttons_row span.Right .Button.booking-overview-save-refuse {
    height: 1.715rem;
    border: 1px solid #c73f36;
    background: #c73f36;
}
.ftr-redesign #booking_overview_buttons_row span.Right #cancelbutton .Button:not(.Disabled):hover,
.ftr-redesign #booking_overview_buttons_row span.Right #cancelbuttondisabled .Button:not(.Disabled):hover,
.ftr-redesign #booking_overview_buttons_row span.Right .Button.booking-overview-save-refuse:not(.Disabled):hover {
    background: #b13830;
    border-color: #b13830;
}

.ftr-redesign .booking_overview_error_button {
    transition: color 0.3s, background 0.3s, border 0.3s;
    border-radius: 0.3rem;
    margin-right: 10px;
    padding: 0 15px 0 2.2rem;
    font-size: 0.929rem;
    line-height: 1.715rem;
    display: inline-block;
    border: 1px solid  #c73f36;
    background: #c73f36;
    position: relative;
}
.ftr-redesign .booking_overview_error_button .icon {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.7rem;
}

/*.ftr-redesign .booking_overview_error_button:hover {*/
/*    border-color: !*template:facelift.basecolor.red.60*!;*/
/*    background: !*template:facelift.basecolor.red.60*!;*/
/*}*/
.ftr-redesign .booking_overview_error_button:focus-visible {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

.ftr-redesign span.agb {
    margin-top: 0;
    height: auto;
    color: #000;
}
.ftr-redesign .agb > span {
    margin: 0 0 0 30px;
    line-height: 1;
}

.ftr-redesign .details_container a.mail,
.ftr-redesign .details_container a.userLink,
.ftr-redesign span.agb a {
    color: #a9b9d2;
    border-radius: 0.3rem;
}
.ftr-redesign .details_container a.mail:hover,
.ftr-redesign .details_container a.userLink:hover,
.ftr-redesign span.agb a:hover {
    text-decoration: underline;
}


/* Booking Overview Button Group */
.ftr-redesign .booking_overview_button-group {
    display: block;
    padding: 0 10px;
}
.ftr-redesign .booking_overview_button-group em {
    display: inline-block;
    margin-left: 0.5rem;
}
.ftr-redesign .booking_overview_button-group em:first-of-type {
    margin-left: 0;
}

.ftr-redesign .booking_overview_button-group .Button.Invert.Selected {
    background-color: #a9b9d2;
    border-color: #a9b9d2;
}
.ftr-redesign .booking_overview_button-group .Button.Invert.Selected:hover {
    background-color: #193e69;
    border-color: #193e69;
}
.ftr-redesign #EDIT_SERIES_BUTTON.Button.Selected span {
    color: #fff;
}

.ftr-redesign #EDIT_SERIES_TABLE_0,
.ftr-redesign #EDIT_SERIES_TABLE_1 {
    margin-bottom: 2.5rem;
}

.ftr-redesign .overview_sum span {
    display: inline-block;
    margin-right: 2rem;
}

.ftr-redesign .tabs-wrapper {
    display: block;
}

.ftr-redesign .mailcontent table,
.ftr-redesign .billingcontent table,
.ftr-redesign .favouritecontent table {
    background: #f5f5f5;
    border-radius: 0.3rem;
}

.ftr-redesign .tabs-wrapper input[type="text"],
.ftr-redesign .tabs-wrapper textarea,
.ftr-redesign .mailcontent input[type="text"],
.ftr-redesign .mailcontent textarea,
.ftr-redesign .billingcontent input[type="text"],
.ftr-redesign .billingcontent textarea,
.ftr-redesign .favouritecontent input[type="text"],
.ftr-redesign .favouritecontent textarea,
.ftr-redesign #booking_favorite {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ftr-redesign .billingSelectBox,
.ftr-redesign .billingSelectBox select {
    max-width: 200px;
}

.ftr-redesign .billingInputSelect,
.ftr-redesign .billingInput {
    margin: 0;
}

/* Overview Message */
.ftr-redesign .overview_message_container {
    margin-left: -40px;
    margin-right: -25px;
    margin-bottom: 0;
    padding: 0.7rem 25px 0.5rem 40px;
}
.ftr-redesign .overview_message_container.top {
    margin-top: 0;
    margin-bottom: 15px;
}
.ftr-redesign .overview_message_container:before {
    left: 40px;
}
.ftr-redesign .overview_message_container.error {
    background: #c73f36;
    border-bottom: 2px solid #c73f36;
}
.ftr-redesign .overview_message_container.error,
.ftr-redesign .overview_message.error,
.ftr-redesign .overview_message.error a {
    color: #fff;
}

/* Participants */
.ftr-redesign #table_booking_overview_participants_0_maintable .HTMLTABLE_Table .FaceliftSelectbox,
.ftr-redesign #table_booking_overview_participants_0_maintable .HTMLTABLE_Table select,
#LayoutBookingoverview.ftr-redesign [id^='table_booking_overview_participants_'] .HTMLTABLE_Table .FaceliftSelectbox,
#LayoutBookingoverview.ftr-redesign [id^='table_booking_overview_participants_'] .HTMLTABLE_Table select {
    top: 0;
}

/* Participants . Input-Text-Changer */
.ftr-redesign .input-text-changer {
    border-radius: 0.3rem;
    height: 28px;
    display: block;
}
.ftr-redesign .default-input-text {
    transition: color 0.3s;
    color: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign .HTMLTABLE_Row_Active .default-input-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

.ftr-redesign .input-text-changer input {
    width: 96% !important;
    height: 26px !important;
    padding: 0 5px !important;
    margin: 1px 0 0 0 !important;
}

/* Catering */
.ftr-redesign #table_package_accessory_maintable {
    padding-bottom: 60px;
    margin-top: 60px;
}

.ftr-redesign #table_package_accessory_maintable thead {
    width: auto;
    top: 0;
    margin-left: 0;
    background: #e8e8e8;
    border-radius: 0.3rem 0.3rem 0 0;
    right: 20px;
    left: 0;
    position: relative;
}

.ftr-redesign #table_package_accessory_maintable .FaceliftSelectboxWraper {
    min-width: 4.5em;
}

.ftr-redesign #table_package_accessory_maintable .tableInput {
    width: calc(100% - 10px);
}

    /* Tab Content */
.ftr-redesign #tab_0_content input,
.ftr-redesign #tab_0_content textarea,
.ftr-redesign #capacity_input,
.ftr-redesign #capacity_input_series,
.ftr-redesign #capacity_extern_input {
    padding: 0 10px;
    font-weight: 700;
}

.ftr-redesign .tabs-wrapper textarea {
    padding: 6px 10px !important;
    line-height: 1.25 !important;
}

.ftr-redesign .billingcontent input[type="text"],
.ftr-redesign .favouriteInput input[type="text"] {
    padding: 0 10px;
}

.ftr-redesign .billingTable .estateselectbox {
    border: 1px solid;
}

/* Notes */
.ftr-redesign #notesform textarea {
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 2px;
}

/* Billing */
.ftr-redesign .billingSelectBox,
.ftr-redesign .billingSelectBox select {
    margin-top: 0;
    margin-left: 10px;
}
.ftr-redesign .billingTable input[type=text] {
    height: calc(2rem - 0.1rem);
    line-height: calc(2rem - 0.1rem);
}
.ftr-redesign .billingTable input:disabled {
    margin-top: 0;
    background: #fff !important;
    opacity: 0.5;
}

.ftr-redesign tr.booking_overview_details_row.mail td,
.ftr-redesign tr.booking_overview_details_row.billing td {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

/* Favourites */
.ftr-redesign #booking_favorite {
    height: 2rem;
    line-height: 2rem;
}

/* Serial */
.ftr-redesign .serial-booking-disabled {
    color: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign .HTMLTABLE_Row_Active .serial-booking-disabled {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Booking history */
.ftr-redesign #SectionContentArea.bookinghistory #SectionScrollArea {
    margin-top: 0;
    height: 100%;
}

.ftr-redesign #SectionContentArea.bookinghistory .revisionHead {
    background-color: #e8e8e8;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    margin: 0 30px;
    border-radius: 0.3rem 0.3rem 0 0;
}

.ftr-redesign #SectionContentArea.bookinghistory .revisionHead h1 {
    margin: 0;
    padding-bottom: 10px;
}

.ftr-redesign #SectionContentArea.bookinghistory .revisionHead a {
    color: #a9b9d2;
}

.ftr-redesign #SectionContentArea.bookinghistory .revision {
    background-color: #e8e8e8;
    border-radius: 0 0 0.3rem 0.3rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.ftr-redesign #SectionContentArea.bookinghistory .revision .row {
    background-color: #e8e8e8;
}

/* Toggle Overview */
.ftr-redesign .booking_overview_toggle {
    font-size: 0.929rem;
    line-height: 1.715rem;
    padding: 5px;
    border-radius: 0.3rem;
    transition: color 0.3s;
    margin-left: -5px;
}
.ftr-redesign .booking_overview_toggle span {
    padding: 0 !important;
    transition: color 0.3s;
}

.ftr-redesign .booking_overview_toggle:hover {
    background: transparent;
    color: #a9b9d2;
}
.ftr-redesign .booking_overview_toggle:hover span {
    color: #a9b9d2;
}

.ftr-redesign .booking_overview_toggle .icon {
    font-size: 1.5rem;
    transition: transform 0.5s, color 0.3s;
}
.ftr-redesign .booking_overview_toggle:hover .icon {
    color: #a9b9d2;
}

.ftr-redesign .booking_overview_toggle.closed .icon {
    transform: rotate(180deg);
}

/* ================================= */
/* Booking Complete */
.ftr-redesign .booking-completed-mailoutput {
    margin-left: 15px;
    margin-top: 25px;
    width: calc(100% - 15px - 15px) !important;
}

.ftr-redesign .booking-completed-wrapper {
    display: block;
    padding: 20px 15px;
}

/* ================================= */
/* Help */
.ftr-redesign .faceliftHelpPages .ContentHeadline {
    margin: 25px 15px 5px 15px !important;
}
.ftr-redesign .faceliftHelpPages .ContentHead .ContentHeadline {
    margin: 25px 15px 20px calc(15px + 15px) !important;
}
.ftr-redesign .faceliftHelpPages .helpText,
.ftr-redesign .faceliftHelpPages ul {
    margin-left: 15px;
}
.ftr-redesign .faceliftHelpPages .helpText:last-of-type {
    margin-bottom: 40px;
}

.ftr-redesign .faceliftHelpPages ul.hotspotList {
    margin-top: 15px;
}
.ftr-redesign .faceliftHelpPages .hotspotList li {
    margin-top: 10px;
}
.ftr-redesign .faceliftHelpPages .hotspotList li:first-child {
    margin-top: 0;
}

/* ================================= */
/* Page Specials . Content & Element Paddings */

/* Administration . Bookings . Overview */
.ftr-redesign #bookings_form {
    display: block !important;
    padding-right: 15px !important;
}
.ftr-redesign #profile_booklist_form {
    display: block !important;
    margin: 0 15px;
}

/* Administration . Bookings . BEA sign off */
.ftr-redesign #bea_signoff_list_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Bookings . Special Dates */
.ftr-redesign #profile_booklist_special_form {
    display: block !important;
    margin: 0 15px;
}
.ftr-redesign #profile_booklist_specialedit_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Registration Special Dates */
.ftr-redesign #BOOKINGSPECIAL_REGISTERCLEAN_TABLE_maintable {
    margin: 0 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Billing . Bookings to be processed */
.ftr-redesign #profile_billing_finished_form {
    margin: 0 15px;
}

.ftr-redesign #profile_invoice_maintable {
    margin: 0 15px;
    width: calc(100% - 15px);
}

/* Administration . Billing . Overview  */
.ftr-redesign #billing_booking_transferstatus {
    display: block !important;
    margin: 0 15px 0 0;
}
.ftr-redesign #billing_booking_transferstatus_form {
    display: block !important;
    margin: 0 15px;
}

/* Administration . Booking request  */
.ftr-redesign #profile_request_management_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Occupancy plan  */
.ftr-redesign #profile_booklist_object_maintable {
    margin: 0 auto 0 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Order list  */
.ftr-redesign #profile_todo_maintable {
    margin: 0 auto 0 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Daily list  */
.ftr-redesign #profile_dayist_maintable {
    margin: 0 auto 0 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Release list  */
.ftr-redesign #profile_confirm_maintable {
    margin: 0 auto 0 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* Administration . Visitor  */
.ftr-redesign #guest_reception_list_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #guest_reception_list_maintable .icon {
    font-weight: 400;
}

/* Visitor Details */
.ftr-redesign.pgn-guest-reception-popup #SectionContent > div {
    margin-top: 0 !important;
}
.ftr-redesign #LAYOUT_POPUP_CONTENT.guest_details #Flyout_Content td {
    padding: 5px 15px;
    background-color: #e8e8e8;
}
.ftr-redesign #LAYOUT_POPUP_CONTENT.guest_details #Flyout_Content td#Flyout_Top {
    font-size: 1.29rem;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px;
    background: transparent;
}

.ftr-redesign .guest_details.footer {
    margin: 0;
    padding: 20px 15px 10px 15px;
}

/* Administration . Booking favourites  */
.ftr-redesign #profile_bookingfavs_maintable {
    margin: 0 auto 0 15px;
    width: calc(100% - 15px - 15px);
}

/* Administration . Search . Person */
.ftr-redesign #profile_booklist_usersearch_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}

/* Administration . Search . Object */
.ftr-redesign #profile_objectsearch_maintable {
    width: 100% !important;
    padding-right: 15px;
}

/* Administration . Profile */
.ftr-redesign #management_profile_oauth20_granted_accesses_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #management_profile_oauth20_granted_accesses_listing_form #management_profile_oauth20_granted_accesses_listing_maintable {
    width: calc(100% - 15px) !important;
}

/* Administration . Employees favourites */
.ftr-redesign #content_container {
    margin: 0 0 15px 15px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 0.3rem;
}
.ftr-redesign #content_container #infotext {
    margin-top: 0;
}
.ftr-redesign #user_search {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.ftr-redesign #favorites_list_head {
    font-size: 1.14rem;
    font-weight: 600;
}
.ftr-redesign #favorites_list {
    border-radius: 0.3rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.ftr-redesign .favorite,
.ftr-redesign .favorite span em {
    font-weight: 700;
}

/* System . Users . Settings */
.ftr-redesign #table_user_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
.ftr-redesign .addRolesAndObjectsTable2 {
    background: #a9b9d2;
    border-radius: 0.3rem;
    border: 2px solid #a9b9d2;
    transition: border 0.3s, background 0.3s, color 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
    color: #fff;
    font-weight: 600;
    padding: 0 8px 0 8px !important;
    width: calc(100% - 16px - 4px);
}
.ftr-redesign .addRolesAndObjectsTable2:hover,
.ftr-redesign .addRolesAndObjectsTable2:focus {
    border-color: #193e69;
    background: #193e69;
    color: #fff;
    text-decoration: none !important;
}
.ftr-redesign .multi-selection-view option {
    padding: 5px 10px;
}


/* System . Users . Roles */
.ftr-redesign #table_roles__list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
/* System . Users . Roles */
.ftr-redesign #table_user_groups_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
/* System . Users . Price groups */
.ftr-redesign #table_pricegroup_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
/* System . Users . User import */
.ftr-redesign #admin_userrule_list_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
/* System . Users . Blocked users */
.ftr-redesign #table_blocked_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
/* System . Users . New registrations */
.ftr-redesign #table_newreg_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
/* System . Users . Emails */
.ftr-redesign #table_emails_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
/* System . Users . Webservice clients */
.ftr-redesign #base_admin_user_webservice_list_unconfirmed_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
.ftr-redesign #base_admin_user_webservice_list_all_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
    margin-top: 15px;
}
/* System . Users . OAuth 2.0 . Clients */
.ftr-redesign #system_authorization_oauth20_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
    padding-right: 15px;
}
.ftr-redesign .module.system.authorization.oauth20.clients > form > table > tbody > tr > td > table {
    width: 100%;
}
/* System . Users . OAuth 2.0 . Accesses */
.ftr-redesign #admin_authorization_oauth20_granted_accesses_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
    padding-right: 15px;
}

/* System . Users . Group relations */
.ftr-redesign #admin_relation_list_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
    padding-right: 15px;
}

/* System . Objects . Settings */
.ftr-redesign #admin_objects_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #subtype_table_maintable,
.ftr-redesign #subtype_table_maintable .HTMLTABLE_Table {
    width: 486px !important;
}
.ftr-redesign #subtype_table_maintable {
    margin-top: 30px;
}
.ftr-redesign #assembly_table_maintable {
    margin-left: 15px;
}
.ftr-redesign #assembly_table_maintable .HTMLTABLE_Table {
    min-width: 665px !important;
}
/* System . Objects . Mass Edit */
.ftr-redesign #resource_massedit_listing_maintable {
    width: 100% !important;
}
.ftr-redesign #resource_massedit_importpreview_maintable {
    width: 100% !important;
}

/* System . Objects . Groups */
.ftr-redesign #table_object_groups_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Locations . Settings */
.ftr-redesign #admin_locations_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}


/* System . Displays */
.ftr-redesign .display-device-code-popup {
    padding-right: 20px;
}
.ftr-redesign .display-device-code-popup-content {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign .display-device-code-popup-content label,
.ftr-redesign .display-device-code-popup-content input,
.ftr-redesign .display-device-code-popup-content button {
    float: left;
}

.ftr-redesign .display-device-code-popup-content label {
    line-height: calc(2rem + 1px);
    margin-right: 10px;
}
.ftr-redesign .display-device-code-popup button {
    margin: 0 0 0 10px !important;
    height: calc(2rem + 1px) !important;
    line-height: calc(2rem + 1px) !important;
}

/* System . Displays . Settings */
.ftr-redesign #table_display_management_list_1_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #table_display_management_list_1_maintable .icon-display,
.ftr-redesign #table_display_management_list_1_maintable .icon-technology,
.ftr-redesign #table_display_management_list_1_maintable .icon-preview,
.ftr-redesign #table_display_management_list_1_maintable .icon-codeinput,
.ftr-redesign #table_display_management_list_1_maintable .icon-quickview,
.ftr-redesign #table_display_management_list_1_maintable .icon-copy {
    font-weight: 400;
}
.ftr-redesign #table_display_management_list_1_maintable .icon-copy {
    font-size: 30px;
}
/* System . Displays . Edit */
.ftr-redesign #assigned_objects_maintable td {
    display: table-cell;
}
/* System . Displays . Add bookings */
.ftr-redesign #system_displayrepair_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}
.ftr-redesign .displayOptions {
    margin-left: 15px;
}

/* System . News . Edit */
.ftr-redesign #admin_news_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px) !important;
}

/* System . Settings . Authentification */
.ftr-redesign .module.system.authentication.listing h1 {
    margin-left: 15px;
}
.ftr-redesign #system_authentication_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #system_authentication_listing_maintable .HTMLTABLE_Table {
    width: 100%;
}
.ftr-redesign .module.system.authentication.edit p.type {
    font-weight: 600;
    padding: 0 0 10px 15px;
}

/* System . Settings . OAuthClient */
.ftr-redesign #admin_oauth20client_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}


/* System . Settings . Features */
.ftr-redesign #system_features_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
    padding-right: 15px;
}
.ftr-redesign #system_features_listing_maintable .HTMLTABLE_Table {
    width: 100%;
}

/* System . Settings . Synchronization */
.ftr-redesign #admin_syncadapter_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Settings . Holidays */
.ftr-redesign .table_holidays td {
    display: table-cell;
}
.ftr-redesign .holidays_location td {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 10px;
    font-weight: 600;
}
.ftr-redesign .holidays_location td:first-child {
    border-top: 0 none;
}

/* System . Settings . Free busy */
.ftr-redesign #admin_freebusy_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}
.ftr-redesign #free-busy-microsoft-ews-configuration-edit {
    padding: 15px !important;
}

/* System . Devices */
.ftr-redesign #base_admin_device_items_maintable,
.ftr-redesign #base_admin_device_templates_maintable,
.ftr-redesign #base_admin_device_types_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Cronjobs */
.ftr-redesign .EstateBaseAdminCronjobLogHeader h1 {
    margin-right: 280px;
    margin-left: 0;
    margin-bottom: 0;
}
.ftr-redesign .EstateBaseAdminCronjobLogSelection {
    top: 26px !important;
}
.ftr-redesign .cronjobLogFormForm:after {
    content: "";
    clear: both;
    display: table;
}
.ftr-redesign .cronjobLogFormForm > span {
    margin-left: 5px;
}
.ftr-redesign .cronjobLogFormForm > span:first-child {
    margin-left: 0;
}
.ftr-redesign .cronjobExportDaySelect,
.ftr-redesign .cronjobLogDaySelect {
    width: auto;
}
.ftr-redesign #EstateBaseAdminCronjobLogData {
    left: 0 !important;
    top: 80px !important;
    height: 310px !important;
}

.ftr-redesign .cronjob-export {}
.ftr-redesign .cronjob-export h1 {
    margin: 0 15px 15px 0;
}
.ftr-redesign .cronjob-export > div {
    left: 0 !important;
}
.ftr-redesign .cronjob-export .separator {
    height: 15px;
    width: 100%;
    float: left;
}
.ftr-redesign .cronjob-export .FaceliftSelectboxWraper {
    margin-right: 5px;
}
.ftr-redesign .cronjob-export .ElementLinkButton {
    height: 1.95rem;
    float: none !important;
    margin-top: 15px;
}

/* System . Translations */
.ftr-redesign #admin_translations_table_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Tools . LogViewer */
.ftr-redesign #system_log_listing_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Tools . QR Code */
.ftr-redesign .qr-code-exporter .ContentBlock {
    margin-left: 0 !important;
}
.ftr-redesign .qr_container {
    background: #fff;
    margin: 15px 15px 15px 0;
}

/* System . Intern . Feature . Activation */
.ftr-redesign .module.system.internal.featureactivation.listing h1 {
    margin-left: 15px;
}
/* System . Intern . Feature . Activation */
.ftr-redesign #profile_booklistexport_maintable {
    margin-left: 15px;
    width: calc(100% - 15px - 15px) !important;
}

/* System . Manual user import */
.ftr-redesign .manual-user-import-notice {
    border: 0 none;
    background: #f5f5f5 !important;
    padding: 15px !important;
    margin-left: 15px;
    width: calc(100% - 15px - 15px - 15px - 15px);
    border-radius: 0.3rem;
}

/* System . Auth-Provider Export */
.ftr-redesign .auth-provider-export {
    background: #f5f5f5;
    display: inline-block;
    margin-left: 15px;
    border-radius: 0.3rem;
    padding: 15px;
}
.ftr-redesign .auth-provider-export p {
    font-weight: 600;
}
.ftr-redesign .auth-provider-export ul li {
    margin-top: 20px;
}
.ftr-redesign .auth-provider-export ul li:first-child {
    margin-top: 0;
}
.ftr-redesign .auth-provider-export .ElementLinkButton {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    cursor: pointer;
    margin-top: 10px;
    color: #fff;
    transition: border 0.3s, background 0.3s, color 0.3s;
}
.ftr-redesign .auth-provider-export .link-symbol {
    display: none;
}


/* ================================= */
/* Scheduler */
.ftr-redesign #scheduler {
    transition: opacity 0.3s;
    opacity: 1;
}

.ftr-redesign #scheduler.loading {
    opacity: 0;
}
.ftr-redesign #schedulerHeaderWrapper {
    border-bottom: 0 none;
}
.ftr-redesign #schedulerHeader {
    border-left: 0 none;
    border-right: 0 none;
}
.ftr-redesign #schedulerHeaderNavigation {
    /*background: !*template:facelift.basecolor.light*!;*/
    background: transparent;
    border-top: 0 none;
}

.ftr-redesign #schedulerHeader .hc {
    display: inline-block;
}
.ftr-redesign #schedulerHeader .hc:last-of-type {
    /*border-right: 1px solid #B7B7B7;*/
    /*box-shadow: 1px 0 0 0 #B7B7B7;*/
    border-right: 0 none !important;
    position: relative;
    top: auto !important;
}
.ftr-redesign #schedulerHeader .hc:last-of-type:before {
    content: '';
    position: absolute;
    width: 1px;
    background: #B7B7B7;
    top: 0;
    bottom: 0;
    right: 0;
}

.ftr-redesign #leftNav,
.ftr-redesign #rightNav {
    padding-top: 0;
}
.ftr-redesign #leftNav {
    left: 0;
}
.ftr-redesign #rightNav {
    right: 0;
}
.ftr-redesign #headerinfo {
    padding-top: 4px;
    font-weight: 700;
}

.ftr-redesign #schedulerHeaderNavigation #leftNav .icon,
.ftr-redesign #schedulerHeaderNavigation #rightNav .icon {
    margin-top: 0;
    height: 30px;
    width: 2rem;
    line-height: 2rem;
    font-size: 2rem;
}

.ftr-redesign #viewChooser {
    border-bottom: 1px solid #B7B7B7;
    z-index: 1;
}

.ftr-redesign #viewChooser,
.ftr-redesign #schedulerHeader .hc {
    background: #fff;
}

.ftr-redesign #viewChooser .FaceliftSelectboxWraper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
}
.ftr-redesign #viewChooser select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ftr-redesign #viewChooser .FaceliftSelectbox {
    width: 100%;
    border: none;
    border-radius: 0 !important;
    height: 100% !important;
}
.ftr-redesign #viewChooser .estateselectbox > span.text,
.ftr-redesign #viewChooser .FaceliftSelectbox.estateselectbox .icon-selectbox {
    line-height: 2.7rem !important;
}

.ftr-redesign #selectionElem {
    background-color: #a9b9d2;
    margin-left: -1px;
}
.ftr-redesign #scheduler.week #selectionElem,
.ftr-redesign #scheduler.month #selectionElem {
    margin-left: 0;
}
.ftr-redesign .resourceRow {
    transition: background 0.3s, color 0.3s;
}
.ftr-redesign .resourceRow.selected {
    background: #a9b9d2;
    color: #fff;
}
.ftr-redesign .resourceRow.selected .icon {
    color: #fff;
}

.ftr-redesign #schedulerContent {
    background-color: transparent !important;
    background-image:
            linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 0),
            linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 0) !important;
    background-position:
            0 -1px,
            -1px 0 !important;
}
.ftr-redesign #scheduler.vtool #schedulerContent {
    background-position:
            0 -1px,
            -2px 0 !important;
}
/*.ftr-redesign #scheduler.week #schedulerContent,
.ftr-redesign #scheduler.month #schedulerContent {
    background-position:
            0 -1px,
            -0.5px 0 !important;
}*/

.ftr-redesign #schedulerWrapper .scheduler-mark-area {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 0;
}

.ftr-redesign #schedulerContent .rt,
.ftr-redesign #schedulerParticipantContent .rt {
    background: #00DCFE;
    opacity: 0.5;
}

.ftr-redesign #schedulerContextMenu {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.45);
    border-radius: 0.3rem;
    border: 0 none !important;
    /*padding: 10px;*/
    background-color: #fff;
}
.ftr-redesign #schedulerContextMenu a {
    transition: color 0.3s, background 0.3s, opacity 0.3s;
    /*border-radius: !*template:base.border.radius*!;*/
    border-radius: 0;
    opacity: 0.75;
    color: #666666;
    white-space: nowrap;
}
.ftr-redesign #schedulerContextMenu a.enabled {
    color: #000;
    opacity: 1;
}
.ftr-redesign #schedulerContextMenu a.enabled:hover {
    color: #000;
    background-color: #e8e8e8;
    opacity: 1;
}

.ftr-redesign .resizeInfo {
    border-radius: 0.3rem;
}
.ftr-redesign .resizeInfo span {
    line-height: 26px;
    display: block;
    height: 25px;
    float: left;
    margin-left: 0.25rem;
}
.ftr-redesign .resizeInfo span:first-child {
    margin-left: 0;
}

.ftr-redesign .mst2 {
    color: #000;
}

.ftr-redesign #booking_layer,
.ftr-redesign #infoElem {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.45);
    border-radius: 0.3rem;
    border: 0 none !important;
    padding: 10px;
}

.ftr-redesign #ObjectinfoElem {
    border: 0 none;
    background: transparent;
}

.ftr-redesign #booking_layer h1,
.ftr-redesign #infoElem h1 {
    color: #000;
    background: transparent;
    font-size: 1.14rem;
}

.ftr-redesign .booking_layer h1,
.ftr-redesign #infoElem h1 {
    margin: 0 0 10px 0;
}

/* Scheduler . Print Button / Header distance */
.ftr-redesign #scheduler:not(.vtool) {
    margin-top: 10px;
}

/* Scheduler . pgn-base-management-scheduler-scheduler */
.ftr-redesign .scheduler-location-tree-select {
    transition: background 0.3s;
    display: block;
    border-radius: 0.3rem;
    background: #fff;
    margin-right: 5px;
}
.ftr-redesign .scheduler-location-tree-select:hover {
    background: rgba(255, 255, 255, 0.6);
}
.ftr-redesign .scheduler-location-tree-select em {
    font-weight: 700;
    padding-top: 0;
}

.ftr-redesign.pgn-base-management-scheduler-scheduler .newParameterTabs {
    bottom: 3px;
}

.ftr-redesign .onlybookedobjectsselectbox {
    position: absolute;
    margin: 0 0 0 10px;
    padding-left: 0;
    width: auto;
    max-width: fit-content;
    /*transform: translateY(-50%);*/
    /*top: 50%;*/
    right: 15px;
    float: none;
    bottom: -2.6rem;
}

/* Scheduler . Positioning Helper */
.ftr-redesign .positioningHelper {
    box-shadow: 0 2px 8px 0 rgb(0, 0, 0, 0.45);
    border-radius: 0.3rem;
    border: 0 none !important;
    font-family: source_sans_pro, Arial, sans-serif;
    background-color: #fff;
    color: #000;
}

.ftr-redesign .positioningHeader {
    background: transparent;
}

.ftr-redesign #positioningHelperClose {
    font-size: 1.25rem !important;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
    width: 2rem;
    height: 2rem;
}
.ftr-redesign #positioningHelperClose:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'EstateIcons';
    content: "\e90f"; /* Use: content of .icon-close-remove from redesign_new_icons.css */
}

.ftr-redesign #positioningHeaderResource {
    border-radius: 0.3rem 0 0 0;
}
.ftr-redesign #positioningHeaderDate {
    border-radius: 0 0.3rem 0 0;
}

/*.ftr-redesign .posHelperUa,*/
.ftr-redesign #positioningContent {
    background-color: transparent !important;
    background-image:
            linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 0),
            linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 0) !important;
    background-position:
            0 -1px,
            1px 0 !important;
}

.ftr-redesign .positioningHeaderColumnLast,
.ftr-redesign .positioningHeaderColumn,
.ftr-redesign #positioningHeaderResource,
.ftr-redesign #positioningHeaderDate {
    /*background-color: !*template:facelift.basecolor.light*!;*/
    background-color: transparent;
    font-size: 1rem;
}

.ftr-redesign #positioningSelectionElem {
    margin-left: 1px;
    background: #a9b9d2;
}

.ftr-redesign #schedwait {
    background: #f5f5f5;
}

/* Cancappt */
.ftr-redesign .cancappt {
    background-image: url(https://raumreservierung-bildungscampus-q.schwarz/images/scheduler/cabcappt_bg_redesign.png);
}

/* Unavailable */
.ftr-redesign #schedulerContent .ua {
    border-bottom: 0 none;
}

/* Std User */
.ftr-redesign .ua-std-user {
    background-color: #aaaaaa !important;
}

.ftr-redesign #scheduler .ua-std-user {
    display: flex;
    align-items: center;
}

.ftr-redesign .ua-std-user > div span,
.ftr-redesign #scheduler .ua-std-user span {
    display: none;
    color: #fff;
    margin: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ftr-redesign .ua-std-user > div {
    text-align: left !important;
}

.ftr-redesign .ua-std-user > div span {
    max-width: calc(100% - 30px);
    padding-top: 4px;
}

.ftr-redesign .ua-std-user-appt {
    background-color: transparent !important;
}

/* ================================= */
/* Fancy-Box */
.ftr-redesign #fancybox-wrap {
    border-radius: 0.3rem;
}
.ftr-redesign #fancybox-bg-nw {
    border-radius: 0.3rem 0 0 0;
}
.ftr-redesign #fancybox-bg-sw {
    border-radius: 0 0 0 0.3rem;
}
.ftr-redesign #fancybox-bg-ne {
    border-radius: 0 0.3rem 0 0;
}
.ftr-redesign #fancybox-bg-se {
    border-radius: 0 0 0.3rem 0;
}

.ftr-redesign #fancybox-close {
    font-size: 1.25rem !important;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    width: 2rem;
    height: 2rem;
}
.ftr-redesign #fancybox-close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.ftr-redesign #fancybox-close:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
}

/* ================================= */
/* AINF */
.ftr-redesign #ainf {
    border-radius: 0.3rem;
    color: #000 !important;
    border: 0 none !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.45);
}

.ftr-redesign #ainf table td {
    vertical-align: top;
}

/* ================================= */
/* Pop-up Tabs / Section-Content-Steps */
#LayoutPopup.ftr-redesign  {
    /*padding-top: 1.2rem;*/
    min-width: 500px;
}
#LayoutPopup.ftr-redesign  #SectionContent {
    /*margin: 10px;*/
    margin: 0;
    /*background: red;*/
    /*border: 1px solid red;*/
}

.ftr-redesign #PopupTabs {
    /*margin: 1rem 0 0 0;*/
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.ftr-redesign #PopupTabs span,
.ftr-redesign #SectionContentSteps span {
    font-weight: 600;
}

.ftr-redesign #PopupTabs ul,
.ftr-redesign #SectionContentSteps ul {
    background: #e8e8e8;
    bottom: 0;
    border: 2px solid #e8e8e8;
    border-radius: 0.6rem;
    padding: 0 1px 1px 0;
}
.ftr-redesign #SectionContentSteps ul {
    border-width: 1px;
    padding: 0 3px 1px 3px;
}
.ftr-redesign #PopupTabs ul:after,
.ftr-redesign #SectionContentSteps ul:after {
    content: "";
    clear: both;
    display: table;
}

.ftr-redesign #PopupTabs li,
.ftr-redesign #SectionContentSteps li {
    margin: 0;
    background: transparent;
    border-radius: 0.5rem;
}
.ftr-redesign #PopupTabs li.First {
    margin-left: 0;
}

.ftr-redesign #PopupTabs li span,
.ftr-redesign #SectionContentSteps li span {
    transition: color 0.3s;
}

.ftr-redesign #PopupTabs li.Selected,
.ftr-redesign #SectionContentSteps li.Selected {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}
.ftr-redesign #PopupTabs li:not(.Selected) a:hover span,
.ftr-redesign #SectionContentSteps li:not(.Selected) a:hover span {
    color: #a9b9d2;
}
.ftr-redesign #PopupTabs li.Selected em,
.ftr-redesign #SectionContentSteps li.Selected em {
    cursor: default;
}
.ftr-redesign #PopupTabs li.Selected span,
.ftr-redesign #SectionContentSteps li.Selected span {
    color: #000;
    cursor: default;
}

.ftr-redesign #PopupTabs a,
.ftr-redesign #SectionContentSteps a,
.ftr-redesign #PopupTabs li.Selected a {
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem;
}

.ftr-redesign #PopupTabs a:focus {
    outline: none;
    outline-offset: 0;
}
.ftr-redesign #PopupTabs a:focus-visible {
    outline: 2px solid rgba(0, 220, 254, 0.6);
    position: relative;
    z-index: 1000;
    outline-offset: 0;
}


.ftr-redesign #SectionContentSteps {
    transition: margin 0.3s;
    margin-top: calc(60px + 2px);
}
.ftr-redesign .nav-closed #SectionContentSteps {
    margin-left: 40px;
}

.ftr-redesign #NavigationSteps,
.ftr-redesign #SectionContentSteps ul {
    display: inline-block;
}
.ftr-redesign #SectionContentSteps ul {
    height: auto;
}
.ftr-redesign #SectionContentSteps li {
    float: none;
}


.ftr-redesign #LAYOUT_POPUP_CONTENT {
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}


/*#LAYOUT_POPUP_CONTENT.guest_details > #Flyout_Content,*/
.ftr-redesign #LAYOUT_POPUP_CONTENT.object_details > #Flyout_Content {
    min-width: 600px;
    height: 500px;
}

.ftr-redesign #Flyout_Content {
    background: transparent;
}

.ftr-redesign #Flyout_Top {
    padding: 0;
    text-align: left;
}
.ftr-redesign .guest_details #Flyout_Top,
.ftr-redesign .object_details #Flyout_Top {
    background: transparent;
    /*padding: 10px;*/
}

.ftr-redesign #Flyout_Top h1 {
    font-size: 1.29rem;
    margin: 25px 25px 0 0;
}

/* Flyout . new styles */
.ftr-redesign .flyout-header {
    font-weight: 700;
    font-size: 1.14rem;
    padding-bottom: 1rem;
}

/* Flyout . User details */
.ftr-redesign table.userdetails {
    background-color: transparent;
    padding: 20px 0 30px 0;
}
.ftr-redesign .userDetails-table-top {
    padding-bottom: 10px !important;
    font-size: 1.14rem;
    font-weight: 700;
}

/* ================================= */
/* Object Details */
.ftr-redesign .object-details-wrapper {
    display: block;
    padding: 10px;
}

.ftr-redesign .object-headline {
    font-weight: 700;
    font-size: 1.14rem;
    text-align: left;
    /*margin: 0 10px 0 0;*/
}

.ftr-redesign .object-details-table {}

.ftr-redesign #ObjectImage {
    margin-top: 10px;
}

/* ================================= */
/* Timeline . Table */
.ftr-redesign h1.timeselect {
    margin-left: 0;
}

.ftr-redesign .timelineTable {}

.ftr-redesign .timelineTable td#header_top {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: 600 !important;
}
.ftr-redesign #header_top td {
    font-weight: 700;
    padding-top: 0;
}
.ftr-redesign .timelineTable .header_top {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.ftr-redesign .timelineTable td#header_top .link {
    display: block;
}
.ftr-redesign .timelineTable td#header_top .link-symbol .icon {
    font-weight: 600;
    font-size: 2rem;
}
.ftr-redesign .timelineTable td#header_top td:last-of-type .link-symbol > .icon:before {
    left: -12px;
}

.ftr-redesign tr#timeslots td,
.ftr-redesign tr#timeslots td.header_top {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.ftr-redesign tr#timeslots td:first-of-type {
    border-right: 0;
    background: none;
}
.ftr-redesign tr#timeslots td.header_top div {
    font-weight: 700;
}
.ftr-redesign tr.timeline td {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.ftr-redesign #Popup_booking_overview #timeslots td:first-child,
.ftr-redesign #Popup_booking_overview .timeline td:first-child {
    display: none;
}

.ftr-redesign .timelineTable tr.timeline.multi td {
    border-top: 0;
    border-color: rgba(0, 0, 0, 0.2) !important;
}
.ftr-redesign .timelineTable tr.timeline.multi td:first-child {
    border-top: 1px solid;
}

.ftr-redesign tr.timeline td.header_left_even,
.ftr-redesign tr.timeline td.timeline_free_inactive_even,
.ftr-redesign tr.timeline td.header_left_odd,
.ftr-redesign tr.timeline td.timeline_free_inactive_odd {
    background: #fff;
}
.ftr-redesign .header_left_odd,
.ftr-redesign .header_left_even {
    border-color: rgba(0, 0, 0, 0.2);
}

.ftr-redesign .timeline_textblock,
.ftr-redesign .timeline_free_inactive_odd,
.ftr-redesign .timeline_free_inactive_even,
.ftr-redesign .timeline_free_active,
.ftr-redesign .timeline_notfree_active,
.ftr-redesign .timeline_notfree_inactive {
    border-color: rgba(0, 0, 0, 0.2);
}
.ftr-redesign .timeline_textblock {
    background-color: #a9b9d2;
    color: #fff;
}

.ftr-redesign .timeline_notfree_inactive {
    background-color: #e8e8e8;
}

.ftr-redesign .booking-object-details-infos {
    line-height: 1.5rem;
}

/* ================================= */
/* Seating List */
.ftr-redesign .seating-list {
    min-width: 560px;
    padding: 14px 10px 10px 10px;
}

.ftr-redesign .seating-list ul {}
.ftr-redesign .seating-list ul li {
    display: block;
    margin-top: 15px;
}
.ftr-redesign .seating-list ul li:first-child {
    margin-top: 0;
}
.ftr-redesign .seating-list ul li .grid-row > div {
    text-align: left;
}
.ftr-redesign .seating-list ul li .grid-row div {
    position: relative;
}


.ftr-redesign .seating-list-image {
    padding: 0 10px 0 0 ;
    height: 100%;
}
.ftr-redesign .seating-list-image .grid-row {
    background: #f5f5f5;
    /*border: 2px solid !*template:facelift.basecolor.grey.light*!;*/
    border: 0 none;
    border-radius: 0.3rem;
    height: 100%;
}
.ftr-redesign .seating-list-image-image {
    align-items: center;
    display: flex;
    justify-content: center;
}
.ftr-redesign .seating-list-image-image img {
    margin: 0 10px;
}
.ftr-redesign .seating-list-image-name {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ftr-redesign .seating-list-details {
    padding: 0 0 0 10px;
}

/* Special */
.ftr-redesign .seating-image-svg {
    transition: all 0.3s;
    filter: invert(0%) sepia(75%) saturate(7415%) hue-rotate(24deg) brightness(76%) contrast(88%);
}

/* ================================= */
/* Location Tree */
.ftr-redesign #LocationTreeBar {
    padding: 6px 2px 2px 2px;
}

#LocationTreeBar span.text {
    margin-left: 5px;
    padding-right: 10px;
}

.ftr-redesign #LocationTreeNavi div.giveittomebaby a,
.ftr-redesign #LocationTreeNavi a {
    color: #000;
    background: transparent;
    border-radius: 0.3rem;
    border: 1px solid #000;
    transition: color 0.3s, border 0.3s, background 0.3s;
    height: 1.715rem;
    line-height: 1.715rem;
    font-weight: 600;
    font-size: 0.929rem;
    padding: 0 15px !important;
    display: inline-block;
}
.ftr-redesign #LocationTreeNavi div.giveittomebaby a:hover,
.ftr-redesign #LocationTreeNavi a:hover {
    border-color: #a9b9d2;
    color: #a9b9d2;
}
.ftr-redesign #LocationTreeNavi div.giveittomebaby a:focus,
.ftr-redesign #LocationTreeNavi a:focus {
    outline: 2px solid rgba(0, 220, 254, 0.6);
    outline-offset: 0;
}

.ftr-redesign .LocationTreeItem,
.ftr-redesign .LocationTreeItemDisabled,
.ftr-redesign .LocationTreeItemMarked,
.ftr-redesign .LocationTreeItemSelected,
.ftr-redesign .LocationTreeItemMarkedSelected,
.ftr-redesign .LocationTreeItemDisabledSelected {
    border-radius: 0.3rem;
}

.ftr-redesign .LocationTreeItemSelected {
    margin-left: 7px;
}
.ftr-redesign .LocationTreeItemSelected,
.ftr-redesign .LocationTreeItemSelected:hover {
    background:#a9b9d2;
    color:#fff;
}
.ftr-redesign .LocationTreeItem:hover,
.ftr-redesign .LocationTreeItemDisabled:hover,
.ftr-redesign .LocationTreeItemMarked:hover,
.ftr-redesign .LocationTreeItemMarkedSelected:hover,
.ftr-redesign .LocationTreeItemDisabledSelected:hover {
    background:rgba(169, 185, 210, 0.8);
    color:#fff;
}

.ftr-redesign .LocationTreeToggle,
.ftr-redesign .LocationTreeToggleSelected {
    width: 16px;
    height: 16px;
    border-radius: 0.3rem;
    float: left;
    display: block;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ftr-redesign .LocationTreeToggleLocation,
.ftr-redesign .LocationTreeToggleObject {
    position: relative;
    width: 18px;
}

.ftr-redesign .LocationTreeToggleLocation:before,
.ftr-redesign .LocationTreeToggleObject:before,
.ftr-redesign .LocationTreeToggle:before,
.ftr-redesign .LocationTreeToggleSelected:before {
    left: 0;
    top: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: 100%;
    line-height: normal;
}

.ftr-redesign .LocationTreeToggle:before {
    top: -2px;
}
.ftr-redesign .LocationTreeToggleSelected:before {
    top: -3px;
}

.ftr-redesign .LocationTreeItem,
.ftr-redesign .LocationTreeItemDisabled,
.ftr-redesign .LocationTreeItemSelected,
.ftr-redesign .LocationTreeItemDisabledSelected,
.ftr-redesign .LocationTreeItemMarked,
.ftr-redesign .LocationTreeItemMarkedSelected,
.ftr-redesign .LocationTreeItem:hover,
.ftr-redesign .LocationTreeItemDisabled:hover,
.ftr-redesign .LocationTreeItemMarked:hover,
.ftr-redesign .LocationTreeItemSelected:hover,
.ftr-redesign .LocationTreeItemMarkedSelected:hover,
.ftr-redesign .LocationTreeItemDisabledSelected:hover {
    margin-left: 6px;
    padding: 2px 6px 0 6px;
}

.ftr-redesign .LocationTreeItemContainer {
    padding-top: 5px;
}

/* ================================= */
/* Statistic */
.ftr-redesign .filterDiv {
    border-color: rgba(0, 0, 0, 0.2) !important;
    background-color: #fff !important;
    padding: 0 !important;
    width: 610px !important;
    margin-left: -305px !important;
    transform: translateX(0);
    box-shadow: 0 3px 8px rgb(0, 0, 0, 0.2);
}
.ftr-redesign #filterGui {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}

.ftr-redesign #filterStatic {
    cursor: default;
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    box-shadow: none;
}

.ftr-redesign .filterRefresh,
.ftr-redesign .filterFullsize {
    position: absolute;
    z-index: 9;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.ftr-redesign .filterFullsize {
    left: auto;
    right: 15px;
}

.ftr-redesign .filterOpenSettings {
    padding: 10px;
    display: block;
}

.ftr-redesign #chartboard_form {
    /*padding: 20px 0 0 0 !important;*/
    padding: 0 !important;
}
#LayoutDefault.ftr-redesign #SectionContent #chartboard_form .ContentBlock {
    margin-bottom: 0 !important;
}

.ftr-redesign #filterGuiBack {
    background-color: #000 !important;
    opacity: 0 !important;
    display: none;
    transition: opacity 0.5s;
}
.ftr-redesign #filterGuiBack.active {
    display: block;
}
.ftr-redesign #filterGuiBack.fade {
    display: block;
    opacity: 0.15 !important;
}

.ftr-redesign #filterGuiInner .ContentBlock {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 0 none !important;
}
.ftr-redesign #filterGuiInner .ContentBlock .ContentBlockPadding {
    margin-left: 15px;
}

.ftr-redesign .ChartContainerOuter {
    padding: 5px;
}
.ftr-redesign .ChartContainerOuterBorder {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

/* ================================= */
/* Presence */

/* Presence. Head */
.ftr-redesign .presence-reservation-head {
    background: #e8e8e8;
}

.ftr-redesign .presence-reservation-head .FaceliftSelectboxWraper span {
    border: 0 none !important;
}

.ftr-redesign .presence-reservation-head-parameter-element-with-icon {
    padding-right: calc(2rem + 10px);
}

.ftr-redesign .presence-reservation-head-parameter-element #calimg {
    padding-left: 0;
}

.ftr-redesign #presence-reservation-head-load-percentage.critical,
.ftr-redesign .presence-reservation-quota-text.critical em {
    color: #c73f36;
}

/* Presence . Content */
.ftr-redesign .presence-reservation-week-day,
.ftr-redesign .presence-reservation-week-day.unavailable:before {
    border-radius: 0.3rem;
}

.ftr-redesign .presence-reservation-week-day {
    transition: background 0.3s;
    /*border-color: !*template:facelift.basecolor.grey*!;*/
    background: #f5f5f5;
}
/*.ftr-redesign .presence-reservation-week-day.today {
    border-color: #aaaaaa;
}*/

.ftr-redesign .presence-reservation-week-day.unavailable {
    /*border-color: !*template:facelift.basecolor.grey.light*!;*/
    background-color: #f5f5f5;
}
.ftr-redesign .presence-reservation-week-day.presence-day {
    background-color: rgba(0,116,197,0.2);
}

.ftr-redesign .presence-reservation-week-day-head-load {
    border-color: #fff;
}

/* Presence . Buttons */
.ftr-redesign .presence-reservation-week-day-slots .slot-button {
    transition: background 0.3s, color 0.3s;
    border-radius: 0.3rem;
}

.ftr-redesign .presence-reservation-week-day-slots .slot-button.type-presence-onsite {
    background: rgb(0,116,197);
}
.ftr-redesign .presence-reservation-week-day-slots .slot-button.type-presence-offsite {
    background: rgb(32, 152, 179);
}
.ftr-redesign .presence-reservation-week-day-slots .slot-button.type-absence {
    background: rgb(143, 54, 194);
}


/* Presence . Overview . Content */
.ftr-redesign .presence-reservation-overview-content-day-content {
    border-radius: 0.3rem;
}
/*.ftr-redesign .presence-reservation-overview-content-day {*/
/*    background-color: !*template:facelift.basecolor.secondary.20*!;*/
/*}*/
/*.ftr-redesign .presence-reservation-overview-content-day-content .content-user {*/
/*    background-color: !*template:facelift.basecolor.secondary.60*!;*/
/*}*/
.ftr-redesign .presence-reservation-overview-content-day-content .content-presences {
    color: #fff;
}
.ftr-redesign .presence-reservation-overview-content-day-content .content-presences span {
    border-radius: 0.3rem;
}
.ftr-redesign .presence-reservation-overview-content-day-content .content-presences-type-onsite span {
    background-color: rgb(0,116,197);
}
.ftr-redesign .presence-reservation-overview-content-day-content .content-presences-type-offsite span {
    background-color: rgb(32, 152, 179);
}
.ftr-redesign .presence-reservation-overview-content-day-content .content-presences-type-absence span {
    background-color: rgb(143, 54, 194);
}


/* ================================= */
/* Rule List . User Import */
.ftr-redesign .rule-list {
    display: block;
    margin-left: 15px;
}
.ftr-redesign .rule-list .Button {
    background: #a9b9d2;
}
.ftr-redesign .rule-list .Button:not(.Disabled):hover {
    background: #193e69;
}
.ftr-redesign .rule-list .Button span {
    color: #fff;
    font-weight: 600;
}
.ftr-redesign .rule-list .Button.Disabled:hover span {
    font-weight: 600;
}

/* Info Wrapper */
.ftr-redesign .info-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    background: #f5f5f5 !important;
    border-radius: 0.3rem;
    padding: 10px !important;
    font-size: 0.86rem !important;
}

/* ================================= */
/* Suggest */
.ftr-redesign #SectionContent .faceliftSuggest {
    margin-right: 20px;
}

.ftr-redesign .faceliftSuggest,
.ftr-redesign #SectionContent .faceliftSuggest .header .left,
.ftr-redesign #SectionContent .faceliftSuggest .header .right,
.ftr-redesign .faceliftSuggest .Button.Selected span {
    color: #000 !important;
}
.ftr-redesign #SectionContent .faceliftSuggest .left,
.ftr-redesign #SectionContent .faceliftSuggest .right {
    height: auto;
}

.ftr-redesign .faceliftSuggest .header,
.ftr-redesign .faceliftSuggest .filter {
    background: #f5f5f5;
}

/* Header */
.ftr-redesign #SectionContent .faceliftSuggest .header .left,
.ftr-redesign #SectionContent .faceliftSuggest .header .right {
    padding: 0 0 10px 0;
    border-color: rgba(0, 0, 0, 0.2);
}
.ftr-redesign .faceliftSuggest .header {
    border-radius: 0.3rem 0.3rem 0 0;
    padding: 15px 15px 0 15px;
}

/* Filter */
.ftr-redesign .faceliftSuggest .filter {
    border: 0 none;
    padding: 15px 15px 30px 15px;
}
.ftr-redesign .suggest.rangeText {
    font-weight: 700;
}
.ftr-redesign .suggest-selection {
    font-weight: 700;
    padding-bottom: 10px;
}
.ftr-redesign #timeselect1,
.ftr-redesign #timeselect2,
.ftr-redesign #duration,
.ftr-redesign #categories {
    background: #fff;
    /*border-color: !*template:facelift.basecolor.dark.20*!;*/
}

/* Suggestion */
.ftr-redesign #SectionContent .suggestion .left {
    padding-bottom: 15px;
}
.ftr-redesign .suggestHotspot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}

.ftr-redesign #SectionContent .faceliftSuggest .header .right,
.ftr-redesign #SectionContent .faceliftSuggest .header .left,
.ftr-redesign #SectionContent .faceliftSuggest .filter .right,
.ftr-redesign #SectionContent .faceliftSuggest .filter .left {
    width: 300px;
}

.ftr-redesign #SectionContent .faceliftSuggest .header .right,
.ftr-redesign #SectionContent .faceliftSuggest .filter .right {
    text-align: left;
}
.ftr-redesign .faceliftSuggest .filter .right p,
.ftr-redesign .faceliftSuggest .workingplaceType {
    float: none;
}

.ftr-redesign .faceliftSuggest .Button:hover span,
.ftr-redesign .faceliftSuggest .Button.Selected span {
    background: transparent;
}

.ftr-redesign .faceliftSuggest .suggest.timeselection .button-form-narrow:hover,
.ftr-redesign .faceliftSuggest .suggest.timeselection .button-form-narrow:focus {
    background: rgba(255, 255, 255, 0.6);
}

.ftr-redesign .faceliftSuggest .FaceliftSelectbox {
    border: 0 none;
}

.ftr-redesign .suggestion {
    padding: 15px 15px 15px 15px;
}

.ftr-redesign .faceliftSuggest .footer {
    padding: 15px 15px 15px 15px;
}

.ftr-redesign .faceliftSuggest .footer:after {
    content: "";
    clear: both;
    display: table;
}

.ftr-redesign .faceliftSuggest .footer .right {
    margin-right: 0 !important;
}

.ftr-redesign .faceliftSuggest .header,
.ftr-redesign .faceliftSuggest .filter,
.ftr-redesign .suggestion,
.ftr-redesign .faceliftSuggest .footer {
    width: 625px;
}

/* =================================
   DARK MODE / css-mode-1
   ================================= */

.ftr-redesign.css-mode-1 {
    color: rgba(255, 255, 255, 0.9);
}

/*.css-mode-1::-moz-selection {
    background: !*template:facelift.basecolor.dark.60*! !important;
}*/
/*.css-mode-1::selection {
    background: !*template:facelift.basecolor.dark.60*! !important;
}*/

/* ================================= */
/* Layout */
.ftr-redesign.css-mode-1 #BackgroundTop {
    background-color: #000;
}

.ftr-redesign.css-mode-1 #BackgroundTopLeft {
    background-image: url(https://raumreservierung-bildungscampus-q.schwarz/theme/schwarzbildungscampus/images/logo_dark-mode.svg);
}

.ftr-redesign.css-mode-1 #BackgroundLeft {
    background: #151515;
}

.ftr-redesign.css-mode-1 #ParameterSearch {
    background: #222222;
}

.ftr-redesign.css-mode-1 #MainContent {
    background: #333333;
}

.ftr-redesign.css-mode-1 #MainContentScrollB {
    background: #333333;
}

#LayoutPopup.ftr-redesign.css-mode-1,
#LayoutPopup.ftr-redesign.css-mode-1 #SectionContent {
    background-color: #222222;
}

#LayoutBookingoverview.ftr-redesign.css-mode-1 {
    background-color: #333333;
}

.ftr-redesign.css-mode-1 #BackgroundBottom.contentmenu {
    background: #222222;
}

.ftr-redesign.css-mode-1 .ContentBlock {
    background-color: #222222;
}

#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent .ContentBlockAddSub a.button.button-form-square {
    background: #222222;
    border-color:  rgba(255, 255, 255, 0.2);
}
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent .ContentBlockAddSub a.button.button-form-square > .icon {
    color: rgba(255, 255, 255, 0.9);
}

#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent .ContentBlockAddSub a.button.button-form-square:hover {
    border-color: #00DCFE;
    background: #00DCFE;
}
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent .ContentBlockAddSub a.button.button-form-square:hover > .icon {
    color: #000;
}

.ftr-redesign.css-mode-1 .ContentSeparator {
    background: rgba(255, 255, 255, 0.2);
}

/* ================================= */
/* Uni-Search */
.ftr-redesign.css-mode-1 #uniSearchResult {
    background-color: #222222;
}

.ftr-redesign.css-mode-1 .uniSearchResultCategory {
    background-color: #000;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .uniSearchResultItem {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .uniSearchSelectItem.uniSearchResultSelected:not(.uniSearchSelectIcon) {
    background-color: #333333;
}

.ftr-redesign.css-mode-1 .uniSearchSelectIcon.uniSearchResultSelected {
    color: #000;
}
.ftr-redesign.css-mode-1 .uniSearchSelectIcon.uniSearchResultSelected:after {
    background-color: #00DCFE;
}


/* ================================= */
/* Navigation */
.ftr-redesign.css-mode-1 #NavigationResize .icon {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #NavigationSub a {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #NavigationSub a:hover,
.ftr-redesign.css-mode-1 #NavigationSub a:focus,
.ftr-redesign.css-mode-1 #NavigationSub a.Selected,
.ftr-redesign.css-mode-1 #NavigationSub a.Selected:hover,
.ftr-redesign.css-mode-1 #NavigationSub a.Selected:focus {
    color: #00DCFE !important;
}

/* ================================= */
/* Crumb */
.ftr-redesign.css-mode-1 #crumbBlock {
    border-color: #000 !important;
}

.ftr-redesign.css-mode-1 #Crumb .icon,
.ftr-redesign.css-mode-1 #Crumb li.hasSubs i:before,
.ftr-redesign.css-mode-1 #Crumb li a span {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #Crumb ul ul {
    background: #333333;
    border-color: #000;
}

.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open > a,
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open > a span,
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open,
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open span,
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open i:before {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open li a {
    background: transparent;
}
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open li a:hover {
    background: #222222;
}
.ftr-redesign.css-mode-1 #Crumb li.hasSubs.open li a span {
    color: rgba(255, 255, 255, 0.9);
}


/* ================================= */
/* Elements */
.ftr-redesign.css-mode-1 body,
.ftr-redesign.css-mode-1 label,
.ftr-redesign.css-mode-1 a,
.ftr-redesign.css-mode-1 h1,
.ftr-redesign.css-mode-1 h2,
.ftr-redesign.css-mode-1 h3,
.ftr-redesign.css-mode-1 h4 {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 input,
.ftr-redesign.css-mode-1 textarea,
.ftr-redesign.css-mode-1 #parameter_content #parameter_table input,
.ftr-redesign.css-mode-1 #parameter_content select,
.ftr-redesign.css-mode-1 .FaceliftSelectbox {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9) !important;
}
.ftr-redesign.css-mode-1 #parameter_content #parameter_table #date_noselection_label,
.ftr-redesign.css-mode-1 .form-element {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: #333333 !important;
}
.ftr-redesign.css-mode-1 #parameter_content #parameter_table #date_noselection_label:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.ftr-redesign.css-mode-1 input[type="text"]:focus,
.ftr-redesign.css-mode-1 textarea:focus {
    background-color: #333333 !important;
}

.ftr-redesign.css-mode-1 .icon,
.ftr-redesign.css-mode-1 .FaceliftSelectbox.estateselectbox .icon-selectbox {
    color: rgba(255, 255, 255, 0.9);
}



.ftr-redesign.css-mode-1 .multi-wrapper {
    outline: 1px solid rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .multi-wrapper .non-selected-wrapper {
    background: rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .multi-wrapper .selected-wrapper {
    background: #333333;
}
.ftr-redesign.css-mode-1 .multi-wrapper .header {
    color: rgba(255, 255, 255, 0.6);
}
.ftr-redesign.css-mode-1 .multi-wrapper .item:hover {
    background: #222222;
}
.ftr-redesign.css-mode-1 .multi-wrapper .non-selected-wrapper .item:hover {
    background: #000;
}

/* Buttons */
.ftr-redesign.css-mode-1 .button-outer-circle:hover {
    border-color: rgba(0, 0, 0, 0.6) !important;
    background: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle:hover .icon {
    color: #fff !important;
}

.ftr-redesign.css-mode-1 .button-outer-circle-light {
    border-color: #333333 !important;
    background: #333333 !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle-light:not(.Disabled):hover {
    border-color: transparent !important;
    background: transparent !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle-light-hover:hover {
    border-color: #333333 !important;
    background: #333333 !important;
}

.ftr-redesign.css-mode-1 .button-outer-circle.active {
    border-color: #00DCFE !important;
    background: #00DCFE !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle.active .icon {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle.active:hover {
    background: #00DCFE !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle.active:hover .icon {
    color: #000 !important;
}

.ftr-redesign.css-mode-1 .button-outer-circle-grey {
    border-color: #000 !important;
    background: #000 !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle-grey:hover {
    border-color: #00DCFE !important;
    background: #00DCFE !important;
}
.ftr-redesign.css-mode-1 .button-outer-circle-grey:hover .icon {
    color: #000 !important;
}


.ftr-redesign.css-mode-1 .button:hover .icon {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 .button-form-narrow {
    background: #333333;
}
.ftr-redesign.css-mode-1 .button-form-narrow:hover,
.ftr-redesign.css-mode-1 .button-form-narrow:hover .icon,
.ftr-redesign.css-mode-1 .button-form-narrow:focus,
.ftr-redesign.css-mode-1 .button-form-narrow:focus .icon {
    background: rgba(0, 0, 0, 0.6) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.ftr-redesign.css-mode-1 .Button.Invert {
    border-color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .Button.Invert span {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .Button.Invert:not(.Disabled):hover,
.ftr-redesign.css-mode-1 .details_containerNEW div .button:hover {
    border-color: #00DCFE;
    color: #00DCFE;
}
.ftr-redesign.css-mode-1 .Button.Invert:not(.Disabled):hover span,
.ftr-redesign.css-mode-1 .details_containerNEW div .button:hover span {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 .Button.Invert.Light,
.ftr-redesign.css-mode-1 .Button.Invert.Light span {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Light {
    border-color: #000 !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Light:hover,
.ftr-redesign.css-mode-1 .Button.Invert.Light:hover span {
    color: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Light:hover {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

.ftr-redesign.css-mode-1 .Button.Invert.Dark,
.ftr-redesign.css-mode-1 .Button.Invert.Dark span {
    color: #fff !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Dark {
    border-color: #fff !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Dark:hover,
.ftr-redesign.css-mode-1 .Button.Invert.Dark:hover span {
    color: rgba(255, 255, 255, 0.6) !important;
}
.ftr-redesign.css-mode-1 .Button.Invert.Dark:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
}

.ftr-redesign.css-mode-1 .Button.ElementLink,
.ftr-redesign.css-mode-1 .ElementLinkButton {
    background: #00DCFE;
    border-color: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 .Button.ElementLink span,
.ftr-redesign.css-mode-1 .ElementLinkButton span {
    color: #000;
}
.ftr-redesign.css-mode-1 .Button.ElementLink:hover,
.ftr-redesign.css-mode-1 .ElementLinkButton:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
    color: #fff;
}
.ftr-redesign.css-mode-1 .Button.ElementLink:hover span,
.ftr-redesign.css-mode-1 .ElementLinkButton:hover span {
    color: #fff;
}
.ftr-redesign.css-mode-1 .ElementLinkButton .icon {
    color: #000;
}
.ftr-redesign.css-mode-1 .ElementLinkButton:hover .icon {
    color: #fff;
}
.ftr-redesign.css-mode-1 .ElementLinkButton.with-icon .icon:before {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .ElementLinkButton.with-icon:hover .icon:before {
    color: #fff !important;
}

.ftr-redesign.css-mode-1 .ElementLinkButton.button-green {
    background: #add200;
    border-color: #add200;
}
.ftr-redesign.css-mode-1 .ElementLinkButton.button-green span {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .ElementLinkButton.button-green:hover {
    background: rgba(173, 210, 0, 0.6);
    border-color: rgba(173, 210, 0, 0.6);
}
.ftr-redesign.css-mode-1 .ElementLinkButton.button-green:hover span {
    color: #fff !important;
}

.ftr-redesign.css-mode-1 .ElementLinkButton-important {
    background: #00DCFE !important;
    border-color: #00DCFE !important;
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .ElementLinkButton-important span {
    color: #000 !important;
}
.ftr-redesign.css-mode-1 .ElementLinkButton-important:hover {
    background: #a9b9d2 !important;
    border-color: #a9b9d2 !important;
    color: #fff !important;
}
.ftr-redesign.css-mode-1 .ElementLinkButton-important:hover span {
    color: #fff !important;
}

.ftr-redesign.css-mode-1 .button-form-square {
    background: #222222;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .button-form-square:hover {
    background: #00DCFE;
    border-color: #00DCFE;
}
.ftr-redesign.css-mode-1 .button-form-square:hover .icon {
    color: #000;
}

/* Button . Feature Activation */
.ftr-redesign.css-mode-1 .change-feature-state-button:focus .icon {
    color: rgba(255, 255, 255, 0.9);
}

/* Button . File upload */
.ftr-redesign.css-mode-1 .upload-button:hover:before  {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 .edit_popup li .button {
    background: #151515;
}
.ftr-redesign.css-mode-1 .edit_popup li .button:hover {
    background: #00DCFE;
}

/* Save . Button */
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton) {
    background: #00DCFE;
    border-color: #00DCFE;
}

.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton span,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton) {
    color: #000;
}

.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton .icon,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton) .icon {
    color: #000;
}

.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton .icon:before {
    color: #000 !important;
}

.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton:hover,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton):hover {
    background-color: #a9b9d2;
    border-color: #a9b9d2;
}

.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton:hover span,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton):hover,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton:hover .icon,
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdLink:not(.stdButton):hover .icon {
    color: #fff;
}
.ftr-redesign.css-mode-1.highlight-save-buttons .save-button.stdButton:hover .icon:before {
    color: #fff !important;
}


.ftr-redesign.css-mode-1 select {
    background: #333333;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 select.select-on-light + .FaceliftSelectbox.estateselectbox {
    background: #000;
}
.ftr-redesign.css-mode-1 #CLUSTER_LAYER .FaceliftSelectboxWraper .FaceliftSelectbox.estateselectbox {
    background: #222222;
}

.ftr-redesign.css-mode-1 select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox,
.ftr-redesign.css-mode-1 #parameter_content select:not([disabled]):hover + .FaceliftSelectbox.estateselectbox {
    background: rgba(0, 0, 0, 0.6) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.6) !important;
}
.ftr-redesign.css-mode-1 select:focus + .FaceliftSelectbox.estateselectbox {
    background: transparent !important;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Table select:focus + .FaceliftSelectbox.estateselectbox {
    background: #000 !important;
}
.ftr-redesign.css-mode-1 select.select-on-light:focus + .FaceliftSelectbox.estateselectbox {
    background: #000 !important;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Active .tableSelect:focus + .FaceliftSelectbox.estateselectbox {
    background: #333333 !important;
}
.ftr-redesign.css-mode-1 select:focus + .FaceliftSelectbox.estateselectbox .icon,
.ftr-redesign.css-mode-1 .button-outer-circle .icon {
    color: rgba(255, 255, 255, 0.9) !important;
}
.ftr-redesign.css-mode-1 .FaceliftSelectbox.estateselectbox {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.ftr-redesign.css-mode-1 #parameter_content select + .FaceliftSelectbox.estateselectbox,
.ftr-redesign.css-mode-1 #parameter_content select:focus + .FaceliftSelectbox.estateselectbox{
    background: #333333 !important;
    /*border-color: !*template:facelift.basecolor.dark.bg*!;*/
}


.ftr-redesign.css-mode-1 .FaceliftCheckbox input+span.visible-checkbox {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .FaceliftCheckbox input:checked + span {
    background: #00DCFE;
    border-color: #00DCFE;
}
.ftr-redesign.css-mode-1 .FaceliftCheckbox input:checked + span i,
.ftr-redesign.css-mode-1 .FaceliftCheckbox .icon:before {
    color: #000;
}

.ftr-redesign.css-mode-1 .FaceliftRadiobutton .visible-radiobutton {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .FaceliftRadiobutton input[type="radio"]:checked + .visible-radiobutton {
    border-color: #00DCFE;
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 .FaceliftRadiobutton .dot {
    background: #000;
}

.ftr-redesign.css-mode-1 .OSUMTABLE .link-symbol .icon {
    color: rgba(255, 255, 255, 0.9) !important;
}
.ftr-redesign.css-mode-1 .link:not(.link-table) .link-symbol.cycle:before {
    color: rgba(255, 255, 255, 0.9);
}


/* ================================= */
/* Uni Search*/
.ftr-redesign.css-mode-1 #uniSearchInput {
    border-color: #333333;
}

/* ================================= */
/* Drop Down Box */
.ftr-redesign.css-mode-1 .drop-down-button {
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 .drop-down-name {
    color: #000;
}
.ftr-redesign.css-mode-1 .drop-down-button:hover {
    background: #a9b9d2;
}
.ftr-redesign.css-mode-1 .drop-down-button:hover .drop-down-name {
    color: #fff;
}

.ftr-redesign.css-mode-1 .drop-down .drop-down-menu-box,
.ftr-redesign.css-mode-1 .drop-down-active .drop-down-menu-box {
    background-color: #151515;
    color: rgba(255, 255, 255, 0.9);
    box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px;
}
.ftr-redesign.css-mode-1 .drop-down-hr {
    border-color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .toggle-wrapper .label label:after {
    background-color: #00DCFE;
}
.ftr-redesign.css-mode-1 .drop-down-item.profile.link:hover {
    background-color: #333333;
}


/* ================================= */
/* Animated Tab */
.ftr-redesign.css-mode-1 .moving-tab {
    background: #00DCFE;
}

.ftr-redesign.css-mode-1 .animated-tabs {
    background: #000;
    border-color: #000;
}

.ftr-redesign.css-mode-1 .animated-tabs li a > .icon {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .animated-tabs li.active a > .icon {
    color: #000;
}

.ftr-redesign.css-mode-1 .animated-tabs li:not(.active):not(.clicked) a:hover {
    background: #333333;
}

.ftr-redesign.css-mode-1 .animated-tabs-accordion {
    background: #000;
    border-color: #000;
}
.ftr-redesign.css-mode-1 .animated-tabs-accordion .moving-tab {
    background: #333333;
    box-shadow: none;
}
.ftr-redesign.css-mode-1 .animated-tabs-accordion .accordionhead {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .animated-tabs-accordion .accordionhead:not(.active):not(.clicked):hover {
    color: #00DCFE;
}

/* Tabs - Text */
.ftr-redesign.css-mode-1 .animated-tabs-text a {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .animated-tabs-text a:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.ftr-redesign.css-mode-1 .animated-tabs-text .Selected a {
    background-color: #333333;
}

/* ================================= */
/* Accordion */
.ftr-redesign.css-mode-1 .accordioncontent {
    background: #151515;
}

/* ================================= */
/* Parameter */
.ftr-redesign.css-mode-1 .capacity_form_label .text {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #advanced_options {
    /*background: !*template:facelift.basecolor.dark.dark*!;*/
    background: transparent;
}
.ftr-redesign.css-mode-1 #options_table .options_table_list-wrapper,
.ftr-redesign.css-mode-1 #options_table div {
    background: #333333;
}

.ftr-redesign.css-mode-1 .acc_option_header,
.ftr-redesign.css-mode-1 #advanced_options #seating_list li > p {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .acc_option_header:before {
    background: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 #advanced_options #seating_list li {
    background-color: #151515;
}
.ftr-redesign.css-mode-1 #advanced_options #seating_list li.checked {
    background-color: #00DCFE;
}

.ftr-redesign.css-mode-1 #advanced_options #seating_list li > img {
    filter: invert(78%) sepia(100%) saturate(0%) hue-rotate(223deg) brightness(109%) contrast(102%);
}
.ftr-redesign.css-mode-1 #advanced_options #seating_list li.checked > img {
    filter: invert(0%) sepia(75%) saturate(7415%) hue-rotate(24deg) brightness(76%) contrast(88%);
}

.ftr-redesign.css-mode-1 #advanced_options #seating_list li.checked > p {
    color: #000;
}


/* Am PM */
.ftr-redesign.css-mode-1 .am_pm_options {
    background-color: #222222;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .am_pm_options:before {
    border-bottom-color: #222222;
}
.ftr-redesign.css-mode-1 .am_pm_options:after {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .am_pm_options ul li button {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .am_pm_options ul li button:hover {
    color: #00DCFE;
    border-color: #00DCFE;
}

/* Series */
.ftr-redesign.css-mode-1 .seriesSettings input[type=text] {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ================================= */
/* Legend/Cluster */
.ftr-redesign.css-mode-1 #newHotspotLegendLayerVertical .button.legend {
    background: #000;
}
.ftr-redesign.css-mode-1 #newHotspotLegendLayerVertical .button.legend.active {
    background: #000;
}
.ftr-redesign.css-mode-1 #newHotspotLegendLayerVertical .button.legend:focus .icon {
    color: #fff;
}
.ftr-redesign.css-mode-1 #newHotspotLegendLayerVertical .button.legend:not(.active):hover .icon {
    color: #a9b9d2;
}

.ftr-redesign.css-mode-1 #newHotspotLegendLayerVertical #legendTitleBar {
    background: #222222;
}

.ftr-redesign.css-mode-1 .legend.list li div.hotspotText {
    color: rgba(255, 255, 255, 0.9);
}


.ftr-redesign.css-mode-1 #CLUSTER_LAYER.hotspot_cluster_layer {
    background: #000;
}
.ftr-redesign.css-mode-1 #clustertitleBar {
    color: rgba(255, 255, 255, 0.9);
}

/* ================================= */
/* V-Tool */
.ftr-redesign.css-mode-1 .current-time-display-line {
    background: #a9b9d2;
}

/* ================================= */
/* Hot Spots */
.ftr-redesign.css-mode-1 .HotspotLocation {
    background-color: rgba(21, 21, 21, 0.95);
}
.ftr-redesign.css-mode-1 .HotspotLocation:after {
    border-right-color: rgba(21, 21, 21, 0.95);
    left: -8px;
}
.ftr-redesign.css-mode-1 .HotspotLocation.west:after {
    left: auto;
    right: -8px;
    border-right-color: transparent;
    border-left-color: rgba(21, 21, 21, 0.95);
}
.ftr-redesign.css-mode-1 .HotspotLocation.north:after {
    border-top-color: rgba(21, 21, 21, 0.95);
    left: 50%;
    bottom: -8px;
}
.ftr-redesign.css-mode-1 .HotspotLocation.south:after {
    border-bottom-color: rgba(21, 21, 21, 0.95);
    left: 50%;
    top: -8px;
}
.ftr-redesign.css-mode-1 .HotspotLocation span {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .hotspot .hotspot-name {
    background-color: rgba(21, 21, 21, 0.95);
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .hotspot .hotspot-name:before {
    border-right-color: rgba(21, 21, 21, 0.95);
}
.ftr-redesign.css-mode-1 .hotspot.west .hotspot-name:before {
    border-left-color: rgba(21, 21, 21, 0.95);
    border-right-color: transparent;
}
.ftr-redesign.css-mode-1 .hotspot.north .hotspot-name:before {
    border-top-color: rgba(21, 21, 21, 0.95);
    border-right-color: transparent;
}
.ftr-redesign.css-mode-1 .hotspot.south .hotspot-name:before {
    border-bottom-color: rgba(21, 21, 21, 0.95);
    border-right-color: transparent;
}

.ftr-redesign.css-mode-1 .hotspot_layer,
.ftr-redesign.css-mode-1 .hotspot_cluster_layer,
.ftr-redesign.css-mode-1 .hotspot_minimap_layer {
    background-color: rgba(21, 21, 21, 0.95);
    color: rgba(255, 255, 255, 0.9);
}


/* Relation Button */
.ftr-redesign.css-mode-1 .relation-button > span,
.ftr-redesign.css-mode-1 .relation-button > span:hover {
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .relation-button > span > span,
.ftr-redesign.css-mode-1 .relation-button > span:hover > span {
    color: rgba(255, 255, 255, 0.9);
}

/* ================================= */
/* Calendar */
.ftr-redesign.css-mode-1 .Calendar,
.ftr-redesign.css-mode-1 #caldiv {
    background: #222222;
    border-color: #222222 !important;
    outline: 1px solid rgba(255, 255, 255, 0.2);
    outline-offset: -1px;
}
.ftr-redesign.css-mode-1 #caldiv:before {
    border-bottom-color:  #222222 !important;
    top: -33px !important;
}

.ftr-redesign.css-mode-1 table.placereleaseCalender .Calendar{
    /*box-shadow: 0 0 6px rgba(255, 255, 255, 0.2);*/
    outline: 1px solid rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 #caldiv.loading:after {
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.6) transparent rgba(255, 255, 255, 0.6) transparent;
}

.ftr-redesign.css-mode-1 .link-table {
    background: #222222;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .link-table:hover {
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 .link-table:hover .icon {
    color: #000;
}

.ftr-redesign.css-mode-1 .cal_back.new #todaylink a,
.ftr-redesign.css-mode-1 .cal_back.new .headline,
.ftr-redesign.css-mode-1 table.placereleaseCalender .Calendar .Navigation {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .Calendar .Days td,
.ftr-redesign.css-mode-1 .Calendar .Days td.Week a,
.ftr-redesign.css-mode-1 .cal_day_overlap,
.ftr-redesign.css-mode-1 .cal_day_ss {
    background: #222222;
}
.ftr-redesign .Calendar .Weekdays td,
.ftr-redesign .cal_back.new td.cal_weekdays {
    border-bottom-color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .cal_day_overlap a {
    color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .cal_day_kw {
    background: #222222;
    color: #00DCFE !important;
}

.ftr-redesign.css-mode-1 .cal_day_today a:before,
.ftr-redesign.css-mode-1 .cal_day_active a:before,
.ftr-redesign.css-mode-1 .cal_day_norm a:before,
.ftr-redesign.css-mode-1 .cal_day_select a:before {
    border-color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .cal_day_active a,
.ftr-redesign.css-mode-1 .cal_day_select a {
    color: #000;
}
.ftr-redesign.css-mode-1 .cal_day_active a:before,
.ftr-redesign.css-mode-1 .cal_day_select a:before {
    border-color: #00DCFE;
    background: #00DCFE;
}

.ftr-redesign.css-mode-1 .Calendar .Days td.Week a,
.ftr-redesign.css-mode-1 .Calendar .Weekdays td.Week a {
    color: #00DCFE;
}
.ftr-redesign.css-mode-1 .Calendar .Weekdays a:hover,
.ftr-redesign.css-mode-1 .Calendar .Days td.Week a:hover,
.ftr-redesign.css-mode-1 .Calendar .Days td a:hover {
    background: #00DCFE;
    color: #000;
}

/* ================================= */
/* Fancy-Box */
.ftr-redesign.css-mode-1 #fancybox-overlay {
    background-color: #000 !important;
    opacity: 0.8 !important;
}

.ftr-redesign.css-mode-1 #fancybox-outer,
.ftr-redesign.css-mode-1 #fancybox-bg-n,
.ftr-redesign.css-mode-1 #fancybox-bg-ne,
.ftr-redesign.css-mode-1 #fancybox-bg-e,
.ftr-redesign.css-mode-1 #fancybox-bg-se,
.ftr-redesign.css-mode-1 #fancybox-bg-s,
.ftr-redesign.css-mode-1 #fancybox-bg-sw,
.ftr-redesign.css-mode-1 #fancybox-bg-w,
.ftr-redesign.css-mode-1 #fancybox-bg-nw {
    background-color: #222222;
}
.ftr-redesign.css-mode-1 #fancybox-content {
    border-color: #222222;
}

.ftr-redesign.css-mode-1 a#fancybox-close {
    color: rgba(255, 255, 255, 0.9);
    background-color: #333333 !important;
}

/* ================================= */
/* Pop-up Tabs / Section-Content-Steps */
.ftr-redesign.css-mode-1 #LAYOUT_POPUP_CONTENT {
    background-color: #222222;
}

.ftr-redesign.css-mode-1 #PopupTabs ul,
.ftr-redesign.css-mode-1 #SectionContentSteps ul {
    background: #000;
    border-color: #000;
}
.ftr-redesign.css-mode-1 #PopupTabs span,
.ftr-redesign.css-mode-1 #SectionContentSteps span {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 #PopupTabs li.Selected,
.ftr-redesign.css-mode-1 #SectionContentSteps li.Selected {
    background-color: #333333;
    border-color: #333333;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #PopupTabs li a:hover span,
.ftr-redesign.css-mode-1 #SectionContentSteps li a:hover span {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 #PopupTabs li.Selected span,
.ftr-redesign.css-mode-1 #SectionContentSteps li.Selected span {
    color: rgba(255, 255, 255, 0.9);
}

/* ================================= */
/* Seating List */
.ftr-redesign.css-mode-1 .seating-list-image .grid-row {
    background: #151515;
    border-color: #151515;
}

/* Special */
.ftr-redesign.css-mode-1 .seating-image-svg {
    filter: invert(78%) sepia(100%) saturate(0%) hue-rotate(223deg) brightness(109%) contrast(102%);
}

/* ================================= */
/* Timeline . Table */
.ftr-redesign.css-mode-1 .timelineTable td#header_top {
    background: #222222;
    border-color: #222222;
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .timelineTable .header_top {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .timelineTable td#header_top .link-symbol {
    background-color: #222222;
}
.ftr-redesign.css-mode-1 .timelineTable td#header_top .link-symbol .icon {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 tr#timeslots td,
.ftr-redesign.css-mode-1 tr#timeslots td.header_top {
    background: #222222;
    border-color: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 tr.timeline td.header_left_even,
.ftr-redesign.css-mode-1 tr.timeline td.timeline_free_inactive_even,
.ftr-redesign.css-mode-1 tr.timeline td.header_left_odd,
.ftr-redesign.css-mode-1 tr.timeline td.timeline_free_inactive_odd {
    background: #222222;
}

.ftr-redesign.css-mode-1 .timelineTable tr.timeline.multi td {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.ftr-redesign.css-mode-1 .timeline_notfree_inactive {
    background-color: #151515;
}

.ftr-redesign.css-mode-1 .timeline_textblock {
    background-color: #00DCFE;
    color: #000;
}


/* ================================= */
/* Table */
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Row,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_First,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Dark_First,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Dark_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Last,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Dark_Last,
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Cell_First,
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Cell_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Cell_Last {
    background: #222222;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Dark_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Last,
.ftr-redesign.css-mode-1 .HTMLTABLE_Head_Cell_Dark_Last {
    border-left-color: #222222;
}

.ftr-redesign.css-mode-1 .HTMLTABLE_Cell_First,
.ftr-redesign.css-mode-1 .HTMLTABLE_Cell_Middle,
.ftr-redesign.css-mode-1 .HTMLTABLE_Cell_Last {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Even,
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Odd {
    background: #333333;
}

.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Hover {
    background: rgba(0, 220, 254, 0.2);
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Active {
    background: rgba(0, 220, 254, 0.6);
    color: #000;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Active .icon {
    color: #000;
}

.ftr-redesign.css-mode-1 .OSUMTABLE {
    border-bottom-color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .OSUMTABLE_Head_Cell_Dark_First,
.ftr-redesign.css-mode-1 .OSUMTABLE_Head_Cell_Dark_Middle,
.ftr-redesign.css-mode-1 .OSUMTABLE_Head_Cell_Dark_Last {
    background: #222222;
    border-color: #222222;
}

/* Content */
.ftr-redesign.css-mode-1 .ContentFormFakeInput,
.ftr-redesign.css-mode-1 .ContentFormFakeInputPopup {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .ContentFormFakeInput:hover,
.ftr-redesign.css-mode-1 .ContentFormFakeInputPopup:hover {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
}

.ftr-redesign.css-mode-1 .options-checkbox-list {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: #333333 !important;
}

/*.css-mode-1 .ContentFormFakeInput:hover,
.ftr-redesign.css-mode-1 .ContentFormFakeInputPopup:hover {
    background: !*template:facelift.basecolor.dark.60*!;
}*/

.ftr-redesign.css-mode-1 .ContentForm-list {
    background: #333333 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Content Block/Form */
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent > table .ContentBlock,
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent form > table .ContentBlock,
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent > table > tbody > tr > td[aria-hidden="true"]:before,
#LayoutDefault.ftr-redesign.css-mode-1 #SectionContent form > table > tbody > tr > td[aria-hidden="true"]:before {
    border-color: rgba(255, 255, 255, 0.2);
}

/* ================================= */
/* Table Elements */
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Odd td input,
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Even td input,
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Input,
.ftr-redesign.css-mode-1 .tableSelect,
.ftr-redesign.css-mode-1 .tableInput {
    border-color: rgba(255, 255, 255, 0.2);
}

/* ================================= */
/* Table Navigation */
.ftr-redesign.css-mode-1 .htmltable-navigation-row > .rowNavi,
.ftr-redesign.css-mode-1 .htmltable-navigation-row > .pagination {
    border-left-color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Row .link-table {
    background: #333333;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Filter_Row .link-table:hover {
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 .htmltable-navigation-row .FaceliftSelectbox {
    background: #222222;
}

.ftr-redesign.css-mode-1 .htmltable-navigation-row > .downloads a,
.ftr-redesign.css-mode-1 .htmltable-navigation-row > .selection a,
.ftr-redesign.css-mode-1 #Flyout_Bottom a {
    border-color: rgba(255, 255, 255, 0.9);
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 .htmltable-navigation-row > .downloads a:hover,
.ftr-redesign.css-mode-1 .htmltable-navigation-row > .selection a:hover,
.ftr-redesign.css-mode-1 #Flyout_Bottom a:hover {
    border-color: #00DCFE;
    color: #00DCFE;
}
.ftr-redesign.css-mode-1 .flyout-bottom-full {
    background: #222222 !important;
}

.ftr-redesign.css-mode-1 td.flyoutBorder > span {
    border-color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .htmltable-navigation-row > .downloads a:hover .icon {
    color: #00DCFE;
}

/* ================================= */
/* Dashboard */
.ftr-redesign.css-mode-1 #DashboardWelcome {
    background: #222222;
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 #DashboardWelcome h1 {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #DashboardAccordion .news-item {
    background: #222222;
}

.ftr-redesign.css-mode-1 #DashboardAccordion .news-nav {
    background: #222222;
}

/* ================================= */
/* Scheduler */

.ftr-redesign.css-mode-1 #headerinfo {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #schedulerHeaderNavigation,
.ftr-redesign.css-mode-1 #viewChooser,
.ftr-redesign.css-mode-1 #schedulerHeader .hc,
.ftr-redesign.css-mode-1 .resourceRow,
.ftr-redesign.css-mode-1 #rowHeaderWrapper,
.ftr-redesign.css-mode-1 #rowParticipantHeaderWrapper {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.ftr-redesign.css-mode-1 #schedulerHeader .hc:last-of-type:before {
    /*box-shadow: 1px 0 0 0 !*template:facelift.basecolor.light.20*!;*/
    background: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 .row0,
.ftr-redesign.css-mode-1 .row1,
.ftr-redesign.css-mode-1 #viewChooser,
.ftr-redesign.css-mode-1 #schedulerHeader .hc {
    background: #333333;
}

.ftr-redesign.css-mode-1 #selectionElem {
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 #schedulerContent .rt,
.ftr-redesign.css-mode-1 #schedulerParticipantContent .rt {
    background: #a9b9d2;
}

.ftr-redesign.css-mode-1 .resourceRow.selected {
    background-color: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 .resourceRow.selected .icon {
    color: #000;
}
.ftr-redesign.css-mode-1 .rowActive {
    background-color: #222222;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #schedulerContent {
    background-image:
            linear-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 0),
            linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, transparent 0) !important;
}

.ftr-redesign.css-mode-1 #booking_layer,
.ftr-redesign.css-mode-1 #infoElem,
.ftr-redesign.css-mode-1 #ObjectinfoElem {
    background: rgba(21, 21, 21, 0.95);
}
.ftr-redesign.css-mode-1 #booking_layer .hotspot_layer {
    background: none;
}

.ftr-redesign.css-mode-1 #booking_layer td,
.ftr-redesign.css-mode-1 #infoElem td {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #booking_layer h1,
.ftr-redesign.css-mode-1 #infoElem h1 {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #schedulerContextMenu {
    background: #222222;
}
.ftr-redesign.css-mode-1 #schedulerContextMenu a {
    color: rgba(255, 255, 255, 0.6);
}
.ftr-redesign.css-mode-1 #schedulerContextMenu a.enabled {
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 #schedulerContextMenu a.enabled:hover {
    color: rgba(255, 255, 255, 0.9);
    background-color: #333333;
    opacity: 1;
}

/* Scheduler . pgn-base-management-scheduler-scheduler */
.ftr-redesign.css-mode-1 .scheduler-location-tree-select {
    background: #333333;
}
.ftr-redesign.css-mode-1 .scheduler-location-tree-select:hover {
    background: rgba(0, 0, 0, 0.6);
}

/* Scheduler . Positioning Helper */
.ftr-redesign.css-mode-1 .positioningHelper {
    background: #222222;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 #positioningHelperClose {
    color: rgba(255, 255, 255, 0.9);
    background-color: #333333 !important;
}

.ftr-redesign.css-mode-1 #positioningHeaderResource,
.ftr-redesign.css-mode-1 #positioningHeaderDate,
.ftr-redesign.css-mode-1 #positioningHeader,
.ftr-redesign.css-mode-1 .positioningHeaderColumn {
    border-color: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 #positioningContent {
    background-image:
            linear-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 0),
            linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, transparent 0) !important;
}

.ftr-redesign.css-mode-1 #positioningSelectionElem {
    background: #00DCFE;
}

.ftr-redesign.css-mode-1 #schedwait {
    background: #222222;
}

/* Std User */
.ftr-redesign.css-mode-1 #scheduler .ua-std-user {
    background-color: #aaaaaa;
}

.ftr-redesign.css-mode-1 #scheduler .ua-std-user span {
    color: #fff;
}

/* ================================= */
/* Booking Overview */
.ftr-redesign.css-mode-1 .details_container,
.ftr-redesign.css-mode-1 .details_container h1 {
    background-color: #222222 !important;
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .details_container h1 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.ftr-redesign.css-mode-1 .details_container a.mail,
.ftr-redesign.css-mode-1 .details_container a.userLink,
.ftr-redesign.css-mode-1 span.agb a {
    color: #00DCFE;
}
.ftr-redesign.css-mode-1 .details_container a:not(.Button) {
    background-color: #222222 !important;
}

.ftr-redesign.css-mode-1 #SectionContent .SectionContent-background-wrapper {
    background-color: #151515;
}

.ftr-redesign.css-mode-1 .mailcontent table,
.ftr-redesign.css-mode-1 .billingcontent table,
.ftr-redesign.css-mode-1 .favouritecontent table {
    background-color: #222222;
}

.ftr-redesign.css-mode-1 .tabs-wrapper input[type="text"],
.ftr-redesign.css-mode-1 .tabs-wrapper textarea,
.ftr-redesign.css-mode-1 .mailcontent input[type="text"],
.ftr-redesign.css-mode-1 .mailcontent textarea,
.ftr-redesign.css-mode-1 .billingcontent input[type="text"],
.ftr-redesign.css-mode-1 .billingcontent textarea,
.ftr-redesign.css-mode-1 .favouritecontent input[type="text"],
.ftr-redesign.css-mode-1 .favouritecontent textarea,
.ftr-redesign.css-mode-1 #booking_favorite {
    border-color: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 #booking_overview_buttons_row,
.ftr-redesign.css-mode-1 #LayoutBookingsearchBooking #BackgroundBottom {
    background-color: #222222;
}


.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right .Button,
.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right #savebutton .Button,
.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right #savebuttondisabled .Button {
    border-color: #00DCFE;
    background: #00DCFE;
    color: #000;
}

.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right #savebutton .Button:hover {
    border-color: #a9b9d2;
    background-color: #a9b9d2;
    color: rgba(255, 255, 255, 0.9);
}
.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right .Button.booking-overview-save-refuse {
    border-color: #c73f36;
    background-color: #c73f36;
    color: #fff;
}

.ftr-redesign.css-mode-1 #booking_overview_buttons_row span.Right .Button.booking-overview-save-confirm:not(.Disabled):hover {
    border-color: #a9b9d2;
    background-color: #a9b9d2;
    color: #fff;
}

.ftr-redesign.css-mode-1 .booking_overview_main_section .button-icon .button-icon-large:hover > .icon {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 .booking_overview_main_section .button-icon .button-icon-large.button-icon-light > .icon {
    color: #193e69;
}

/* Booking Overview Button Group */
.ftr-redesign.css-mode-1 .booking_overview_button-group .Button.Invert.Selected {
    background-color: #00DCFE;
    border-color: #00DCFE;
}
.ftr-redesign.css-mode-1 #EDIT_SERIES_BUTTON.Button.Selected span {
    color: #000;
}
.ftr-redesign.css-mode-1 .booking_overview_button-group .Button.Invert.Selected:hover {
    background-color: #a9b9d2;
    border-color: #a9b9d2;
}
.ftr-redesign.css-mode-1 #EDIT_SERIES_BUTTON.Button.Selected:hover span {
    color: #fff;
}

/* Buttons Row */
.ftr-redesign.css-mode-1 #SectionContentNavi {
    background: #222222;
}

/* Billing */
.ftr-redesign.css-mode-1 .billingTable input:disabled {
    background: #333333 !important;
    opacity: 0.4;
}

.ftr-redesign.css-mode-1 tr.booking_overview_details_row.mail td,
.ftr-redesign.css-mode-1 tr.booking_overview_details_row.billing td {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* Participants . Input-Text-Changer */
.ftr-redesign.css-mode-1 .default-input-text {
    color: rgba(255, 255, 255, 0.6) !important;
}
.ftr-redesign.css-mode-1 .HTMLTABLE_Row_Active .default-input-text {
    color: rgba(0, 0, 0, 0.9) !important;
}

/* Serial */
.ftr-redesign.css-mode-1 .serial-booking-disabled {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Toggle Overview */
.ftr-redesign.css-mode-1 .booking_overview_toggle span,
.ftr-redesign.css-mode-1 .booking_overview_toggle .icon {
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .booking_overview_toggle:hover {
    color: #00DCFE;
}
.ftr-redesign.css-mode-1 .booking_overview_toggle:hover span {
    color: #00DCFE;
}

.ftr-redesign.css-mode-1 .booking_overview_toggle:hover .icon {
    color: #00DCFE;
}

/* ================================= */
/* Location Tree */
.ftr-redesign.css-mode-1 #LocationTreeMargin {
    background: #222222;
}
.ftr-redesign.css-mode-1 #LocationTreeBar {
    background: #333333;
    border-color: #333333;
    border-bottom-color: #333333;
}
.ftr-redesign.css-mode-1 #LocationTreeBar input {
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 #LocationTreeContainer {
    border-color: #333333;
}

.ftr-redesign.css-mode-1 .LocationTreeItemSelected,
.ftr-redesign.css-mode-1 .LocationTreeItemSelected:hover {
    background: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 .LocationTreeItem:hover,
.ftr-redesign.css-mode-1 .LocationTreeItemDisabled:hover,
.ftr-redesign.css-mode-1 .LocationTreeItemMarked:hover,
.ftr-redesign.css-mode-1 .LocationTreeItemMarkedSelected:hover,
.ftr-redesign.css-mode-1 .LocationTreeItemDisabledSelected:hover {
    background: rgba(0, 220, 254, 0.6);
    color: rgba(255, 255, 255, 0.9);
}

.ftr-redesign.css-mode-1 .LocationTreeToggleLocation:before,
.ftr-redesign.css-mode-1 .LocationTreeToggleObject:before,
.ftr-redesign.css-mode-1 .LocationTreeToggle:before,
.ftr-redesign.css-mode-1 .LocationTreeToggleSelected:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.ftr-redesign.css-mode-1 #LocationTreeNavi div.giveittomebaby a,
.ftr-redesign.css-mode-1 #LocationTreeNavi a {
    background: #00DCFE;
    border-color: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 #LocationTreeNavi div.giveittomebaby a:hover,
.ftr-redesign.css-mode-1 #LocationTreeNavi a:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
    color: #fff;
}
.ftr-redesign.css-mode-1 #LocationTreeNavi div.giveittomebaby a:focus,
.ftr-redesign.css-mode-1 #LocationTreeNavi a:focus {
    background: #00DCFE;
    border-color: /*missing template:facelift.basecolor.secondaryz.light*/;
    color: #000;
}

/* ================================= */
/* Statistic */
.ftr-redesign.css-mode-1 #filterStatic {
    background-color: #222222 !important;
    border-color: #222222 !important;
}

.ftr-redesign.css-mode-1 .filterDiv {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.ftr-redesign.css-mode-1 #filterGuiBack {
    opacity: 0.5 !important;
}

.ftr-redesign.css-mode-1 .ChartContainerOuterBorder {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ================================= */
/* Page Specials . Content & Element Paddings */

/* Administration . Employees favourites */
.ftr-redesign.css-mode-1 #content_container {
    background: #222222;
}
.ftr-redesign.css-mode-1 #user_search {
    border-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 #favorites_list {
    background: #333333;
    border-color: rgba(255, 255, 255, 0.2);
}

/* System . Users . Settings */
.ftr-redesign.css-mode-1 .addRolesAndObjectsTable2 {
    background: #00DCFE;
    border-color: #00DCFE;
    color: #000;
}
.ftr-redesign.css-mode-1 .addRolesAndObjectsTable2:hover {
    background: #a9b9d2;
    border-color: #a9b9d2;
    color: #fff;
}

/* System . Tools . QR Code */
.ftr-redesign.css-mode-1 .qr_container span {
    color: #000;
}

/* System . Auth-Provider Export */
.ftr-redesign.css-mode-1 .auth-provider-export {
    background: #222222;
}

/* ================================= */
/* Presence */
/* Presence . Head */
.ftr-redesign.css-mode-1 .presence-reservation-head {
    background: #222222;
}

/* Presence . Content */
.ftr-redesign.css-mode-1 .presence-reservation-week {
    border-color: rgba(255, 255, 255, 0.2);
}
/*.ftr-redesign.css-mode-1 .presence-reservation-week-day:not(.presence-day):not(.unavailable) {*/
.ftr-redesign.css-mode-1 .presence-reservation-week-day {
    /*outline: 1px solid !*template:facelift.basecolor.light.20*!;*/
    background-color: #222222;
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day.today {
    outline-color: rgba(255, 255, 255, 0.2);
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day.unavailable {
    /*border-color: !*template:facelift.basecolor.dark.20*!;*/
    background-color: rgba(0, 0, 0, 0.2);
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day.unavailable:before {
    background: rgba(0, 0, 0, 0.1);
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day.presence-day {
    background-color: rgba(0,116,197,0.2);
}


.ftr-redesign.css-mode-1 .presence-reservation-week-day-head-load {
    border-color: rgba(255, 255, 255, 0.2);
}

/* Presence . Buttons */
.ftr-redesign.css-mode-1 .presence-reservation-week-day-slots .slot-button {
    background: #333333;
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day-slots .slot-button.type-presence-onsite {
    background: rgb(0,116,197);
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day-slots .slot-button.type-presence-offsite {
    background: rgb(32, 152, 179);
}
.ftr-redesign.css-mode-1 .presence-reservation-week-day-slots .slot-button.type-absence {
    background: rgb(143, 54, 194);
}

/* Overview . Content */
.ftr-redesign.css-mode-1 .presence-reservation-overview-content-day-content {
    background: #333333;
}

/* ================================= */
/* Rule List . User Import */
.ftr-redesign.css-mode-1 .rule-list .Button {
    background: #00DCFE;
}
.ftr-redesign.css-mode-1 .rule-list .Button span {
    color: #000;
}
.ftr-redesign.css-mode-1 .rule-list .Button:not(.Disabled):hover {
    background: #a9b9d2;
}
.ftr-redesign.css-mode-1 .rule-list .Button:not(.Disabled):hover span {
    color: #fff;
}

/* ================================= */
/* Info Wrapper */
.ftr-redesign.css-mode-1 .info-wrapper {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: #333333 !important;
}

/* ================================= */
/* Suggest */
.ftr-redesign.css-mode-1 .faceliftSuggest,
.ftr-redesign.css-mode-1 #SectionContent .faceliftSuggest .header .left,
.ftr-redesign.css-mode-1 #SectionContent .faceliftSuggest .header .right {
    color: rgba(255, 255, 255, 0.9) !important;
}

.ftr-redesign.css-mode-1 .faceliftSuggest .header,
.ftr-redesign.css-mode-1 .faceliftSuggest .filter {
    background: #151515;
}

/* Header */
.ftr-redesign.css-mode-1 #SectionContent .faceliftSuggest .header .left,
.ftr-redesign.css-mode-1 #SectionContent .faceliftSuggest .header .right {
    border-color: rgba(255, 255, 255, 0.2);
}

/* Filter */
.ftr-redesign.css-mode-1 #timeselect1,
.ftr-redesign.css-mode-1 #timeselect2,
.ftr-redesign.css-mode-1 #duration,
.ftr-redesign.css-mode-1 #categories {
    background: #333333;
    /*border-color: !*template:facelift.basecolor.light.20*!;*/
}



/* ------------------------------------------------------------------------- *\
 * File: base_custom.css
\* ------------------------------------------------------------------------- */

/* CUSTOM STYLES */
.ftr-redesign #BackgroundTopLeft {
    background-position: 27px center;
    width: 270px;
}

/* Navi */
.ftr-redesign #NavigationSub a:hover,
.ftr-redesign #NavigationSub a:focus,
.ftr-redesign #NavigationSub a.Selected,
.ftr-redesign #NavigationSub a.Selected:hover,
.ftr-redesign #NavigationSub a.Selected:focus {
    color: #193e69 !important;
}

/* =================================
   DARK MODE / css-mode-1
   ================================= */