.elementor-2777 .elementor-element.elementor-element-7240b43 > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-33c9b22 */:is(#qikres-app, .ui.modal) {
    --accent-color: #db2828;
    --app-background-color: #f6fcea;
    --text-color: rgba(0,0,0,.87);
    --header-color: #38271d;
    --button-background-color: #a7d555;
    --button-text-color: #fff;
    --button-hover-background-color: #87d300;
    --button-hover-text-color: #fff;
    --button-border-radius: 0;
    --accent-button-background-color: #87d300;
    --accent-button-text-color: #fff;
    --accent-button-hover-background-color: #38271d;
    --accent-button-hover-text-color: #fff;
    --link-color: #a7d555;
    --link-hover-color: #87d300;
    --price-color: #db2828;
    --indicator-color: #1e202d;
    --positive-color: #00b5ad;
    --negative-color: #db2828;
    --active-color: #00b5ad;
    --red-color: #db2828;
    --black-color: #1e202d;
    --light-grey-color: #768390;
    --green-color: #21ba45;

    --active-color: #87d300;

    --overlay-background-color: rgba(0, 0, 0, 0.2);

    --button-size: 12px;
    --segment-size: 15px;
    --menu-size: 15px;
    --dropdown-size: 15px;
    --form-size: 15px;
    --header-size: 16px;
    --table-size: 14px;
    --label-size: 14px;

    --button-font-family: "Montserrat", sans-serif;

    font-size: 15px;
}

@media only screen and (min-width: 769px) {
    :is(#qikres-app, .ui.modal) .ui.container:not(.fluid) {
        max-width: calc(100vw - 120px);
        width: 1620px;
    }
}

:is(#qikres-app, .ui.modal) .ui.buttons .button {
    background-color: var(--button-background-color);
}
:is(#qikres-app, .ui.modal) .ui.buttons .button:hover, :is(#qikres-app, .ui.modal) .ui.buttons .button:active, :is(#qikres-app, .ui.modal) .ui.buttons .button:focus {
    background-color: var(--button-hover-background-color);
}
:is(#qikres-app, .ui.modal) .ui.buttons.accent .button {
    background-color: var(--accent-button-background-color);
    color: #fff;
}
:is(#qikres-app, .ui.modal) .ui.buttons.accent .button:hover {
    background-color: var(--accent-button-hover-background-color);
}
:is(#qikres-app, .ui.modal) .ui.button {
    font-weight: 500;
    background-color: var(--button-background-color);
    color: var(--button-text-color);
    font-family: var(--button-font-family, inherit);
}
:is(#qikres-app, .ui.modal) .ui.button:not(.circular) {
    border-radius: var(--button-border-radius);
    padding-top: 1em;
    padding-bottom: 1em;
}
:is(#qikres-app, .ui.modal) .ui.button:hover, :is(#qikres-app, .ui.modal) .ui.button:active, :is(#qikres-app, .ui.modal) .ui.button:focus {
    background-color: var(--button-hover-background-color);
    color: var(--button-hover-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.inverted {
    box-shadow: 0 0 0 2px var(--button-background-color) inset !important;
    color: var(--button-background-color);
    background: none;
}
:is(#qikres-app, .ui.modal) .ui.button.inverted.basic {
    color: var(--button-background-color);
}
:is(#qikres-app, .ui.modal) .ui.button.inverted:hover, :is(#qikres-app, .ui.modal) .ui.button.inverted:active, :is(#qikres-app, .ui.modal) .ui.button.inverted:focus {
    box-shadow: 0 0 0 2px var(--button-hover-background-color) inset !important;
    background-color: var(--button-hover-background-color);
    color: var(--button-hover-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.white {
    --button-background-color: #fff;
    --button-text-color: #000;
}
:is(#qikres-app, .ui.modal) .ui.button.white:hover, :is(#qikres-app, .ui.modal) .ui.button.white:active, :is(#qikres-app, .ui.modal) .ui.button.white:focus {
    --button-hover-background-color: #fcfcfc;
    --button-hover-text-color: #111;
}
:is(#qikres-app, .ui.modal) .ui.button.accent {
    --button-background-color: var(--accent-button-background-color);
    --button-text-color: var(--accent-button-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.accent:hover, :is(#qikres-app, .ui.modal) .ui.button.accent:active, :is(#qikres-app, .ui.modal) .ui.button.accent:focus {
    --button-hover-background-color: var(--accent-button-hover-background-color);
    --button-hover-text-color: var(--accent-button-hover-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.ok, :is(#qikres-app, .ui.modal) .ui.button.approve, :is(#qikres-app, .ui.modal) .ui.button.positive {
    --button-background-color: var(--positive-color, #21ba45);
    --button-text-color: #fff;
    --link-color: var(--positive-color, #21ba45);
}
:is(#qikres-app, .ui.modal) .ui.button.ok:hover, :is(#qikres-app, .ui.modal) .ui.button.ok:active, :is(#qikres-app, .ui.modal) .ui.button.ok:focus, :is(#qikres-app, .ui.modal) .ui.button.approve:hover, :is(#qikres-app, .ui.modal) .ui.button.approve:active, :is(#qikres-app, .ui.modal) .ui.button.approve:focus, :is(#qikres-app, .ui.modal) .ui.button.positive:hover, :is(#qikres-app, .ui.modal) .ui.button.positive:active, :is(#qikres-app, .ui.modal) .ui.button.positive:focus {
    --button-hover-background-color: var(--positive-color, #21ba45);
    --button-hover-text-color: #fff;
    opacity: 0.85;
}
:is(#qikres-app, .ui.modal) .ui.button.cancel, :is(#qikres-app, .ui.modal) .ui.button.deny, :is(#qikres-app, .ui.modal) .ui.button.negative {
    --button-background-color: var(--negative-color, #db2828);
    --button-text-color: #fff;
    --link-color: var(--negative-color, #db2828);
}
:is(#qikres-app, .ui.modal) .ui.button.cancel:hover, :is(#qikres-app, .ui.modal) .ui.button.cancel:active, :is(#qikres-app, .ui.modal) .ui.button.cancel:focus, :is(#qikres-app, .ui.modal) .ui.button.deny:hover, :is(#qikres-app, .ui.modal) .ui.button.deny:active, :is(#qikres-app, .ui.modal) .ui.button.deny:focus, :is(#qikres-app, .ui.modal) .ui.button.negative:hover, :is(#qikres-app, .ui.modal) .ui.button.negative:active, :is(#qikres-app, .ui.modal) .ui.button.negative:focus {
    --button-hover-background-color: var(--negative-color, #db2828);
    --button-hover-text-color: #fff;
    opacity: 0.85;
}
:is(#qikres-app, .ui.modal) .ui.button.positive, :is(#qikres-app, .ui.modal) .ui.button.negative {
    background-color: var(--button-background-color);
    color: var(--button-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.positive:hover, :is(#qikres-app, .ui.modal) .ui.button.positive:active, :is(#qikres-app, .ui.modal) .ui.button.positive:focus, :is(#qikres-app, .ui.modal) .ui.button.negative:hover, :is(#qikres-app, .ui.modal) .ui.button.negative:active, :is(#qikres-app, .ui.modal) .ui.button.negative:focus {
    background-color: var(--button-hover-background-color);
    color: var(--button-hover-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.link {
    background: none;
    color: var(--link-color);
}
:is(#qikres-app, .ui.modal) .ui.button.link:hover, :is(#qikres-app, .ui.modal) .ui.button.link:active, :is(#qikres-app, .ui.modal) .ui.button.link:focus {
    background-color: var(--button-hover-background-color);
    color: var(--button-hover-text-color);
}
:is(#qikres-app, .ui.modal) .ui.button.naked {
    color: var(--button-background-color, var(--black-color, #000));
    background: none;
    border: none;
}
:is(#qikres-app, .ui.modal) .ui.button.naked:hover, :is(#qikres-app, .ui.modal) .ui.button.naked:focus {
    color: var(--button-hover-background-color, var(--black-color, #000));
    background: none;
    border: none;
}
:is(#qikres-app, .ui.modal) .ui.basic.buttons .button, :is(#qikres-app, .ui.modal) .ui.basic.button {
    background: transparent none;
    color: rgba(0, 0, 0, 0.6);
}
:is(#qikres-app, .ui.modal) .ui.statistic.accent > .label, :is(#qikres-app, .ui.modal) .ui.statistic.accent > .value {
    color: var(--accent-color);
}
:is(#qikres-app, .ui.modal) .ui.statistics.accent .statistic > .label, :is(#qikres-app, .ui.modal) .ui.statistics.accent .statistic > .value {
    color: var(--accent-color);
}
:is(#qikres-app, .ui.modal) .ui.label.accent {
    border-color: var(--accent-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.accent.basic {
    color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.accent:not(.corner) {
    background-color: var(--accent-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.accent:not(.corner).basic {
    background: none #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.indicator {
    border-color: var(--indicator-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.indicator.basic {
    color: var(--indicator-color) !important;
    border-color: var(--indicator-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.indicator:not(.corner) {
    background-color: var(--indicator-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.indicator:not(.corner).basic {
    background: none #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.active, :is(#qikres-app, .ui.modal) .ui.label.selected {
    border-color: var(--active-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.active.basic, :is(#qikres-app, .ui.modal) .ui.label.selected.basic {
    color: var(--active-color) !important;
    border-color: var(--active-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.active:not(.corner), :is(#qikres-app, .ui.modal) .ui.label.selected:not(.corner) {
    background-color: var(--active-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.active:not(.corner).basic, :is(#qikres-app, .ui.modal) .ui.label.selected:not(.corner).basic {
    background: none #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.positive {
    border-color: var(--positive-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.positive.basic {
    color: var(--positive-color) !important;
    border-color: var(--positive-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.positive:not(.corner) {
    background-color: var(--positive-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.positive:not(.corner).basic {
    background: none #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.negative {
    border-color: var(--negative-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.label.negative.basic {
    color: var(--negative-color) !important;
    border-color: var(--negative-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.negative:not(.corner) {
    background-color: var(--negative-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.label.negative:not(.corner).basic {
    background: none #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.labels.accent .label {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.header:not(.inverted) {
    color: var(--header-color);
}
:is(#qikres-app, .ui.modal) .ui.header.black {
    color: var(--black-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.header.red {
    color: var(--red-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.header.green {
    color: var(--green-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.header.white {
    color: var(--white-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.header.lightgrey {
    color: var(--light-grey-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.header.accent {
    color: var(--accent-color, var(--header-color));
}
:is(#qikres-app, .ui.modal) .ui.modal > .header {
    color: var(--header-color);
}
:is(#qikres-app, .ui.modal) .ui.segment.inverted.accent {
    color: #fff !important;
}
:is(#qikres-app, .ui.modal) .ui.form .field .hint {
    color: var(--blue-color);
}
:is(#qikres-app, .ui.modal) .ui.form .field .error {
    color: var(--red-color);
}
:is(#qikres-app, .ui.modal) .ui.items > .item > .content > .header {
    color: var(--header-color);
}
:is(#qikres-app, .ui.modal) .ui.list .list > .item .header, :is(#qikres-app, .ui.modal) .ui.list > .item .header {
    color: var(--header-color);
}
:is(#qikres-app, .ui.modal) .ui.list .list > a.item, :is(#qikres-app, .ui.modal) .ui.list > a.item {
    color: var(--link-color);
}
:is(#qikres-app, .ui.modal) .ui.list .list > a.item:hover, :is(#qikres-app, .ui.modal) .ui.list > a.item:hover {
    color: var(--link-hover-color);
}
:is(#qikres-app, .ui.modal) .ui.menu.secondary:not(.inverted) .item {
    color: var(--link-color);
}
:is(#qikres-app, .ui.modal) .ui.menu.secondary.pointing .dropdown.item:hover, :is(#qikres-app, .ui.modal) .ui.menu.secondary.pointing .link.item:hover, :is(#qikres-app, .ui.modal) .ui.menu.secondary.pointing a.item:hover {
    color: var(--link-hover-color);
}
:is(#qikres-app, .ui.modal) .ui.menu:not(.pagination) .active.item {
    border-color: var(--active-color) !important;
    color: var(--active-color) !important;
}
:is(#qikres-app, .ui.modal) .ui.menu .item.link, :is(#qikres-app, .ui.modal) .ui.menu .item.dropdown {
    color: var(--link-color);
}
:is(#qikres-app, .ui.modal) .ui.menu .item.link:hover, :is(#qikres-app, .ui.modal) .ui.menu .item.dropdown:hover {
    color: var(--link-hover-color);
}
:is(#qikres-app, .ui.modal) .ui i.icon.active, :is(#qikres-app, .ui.modal) .ui i.icon.selected {
    color: var(--active-color) !important;
}
:is(#qikres-app, .ui.modal) a {
    text-decoration: none;
}
:is(#qikres-app, .ui.modal) .ui.inverted.segments .segment > .ui.header .sub.header, :is(#qikres-app, .ui.modal) .ui.inverted.segments .segment > .ui.header, :is(#qikres-app, .ui.modal) .ui.inverted.segment > .ui.header .sub.header, :is(#qikres-app, .ui.modal) .ui.inverted.segment > .ui.header {
    color: #fff;
}
@media only screen and (max-width: 767px) {
    :is(#qikres-app, .ui.modal) {
        --header-size: 16px;
    }
    :is(#qikres-app, .ui.modal) .profile.wrapper .content-column > div > .ui.padded.segment.content .ui.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    :is(#qikres-app, .ui.modal) .profile.wrapper .content-column > div > .ui.padded.segment.content .ui.stackable.grid:has(.ui.grid, .ui.segment) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    :is(#qikres-app, .ui.modal) .profile.wrapper .content-column > div > .ui.padded.segment.content .ui.stackable.grid:has(.ui.grid, .ui.segment) > .column {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only print {
    body {
        visibility: hidden !important;
    }

    #qikres-app {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
    }
}/* End custom CSS */
/* Start custom CSS */input::-webkit-date-and-time-value {
   min-height: 1.21428571em;
}

.ui.room.items .column:has(.occupancy-wrapper) {
    line-height: 1;
}

.vcd-btn {
    /*--button-color: #bb890e;*/
    /*--button-background-color-hover: #bb890e;*/
}

.reservation.select.page.dimmable.dimmed {
    overflow: visible;
}

.reservation.voucher.page.dimmable.dimmed {
    overflow: visible;
}/* End custom CSS */