/*
 Theme Name:   TC Halver 1960 e.V.
 Description:  TC Halver 1960 e.V. Theme
 Author:       TC Halver 1960 e.V.
 Author URI:   http://www.tc-halver1960.de/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/
 table.reservations, table.reservations td, table.reservations th {
            border-color: #FFF;
            border-style: solid;
          }

          table.reservations td.available {
            background-color: #ADF;
			border-right: 1px solid #fff;
          }

          table.reservations td.blocked {
            background-color: #08F !important;
          }

          table.reservations td.unavailable {
            background-color: #DDD !important;
          }

          table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
            color: #FFF;
          }


table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations td a.reservation:not(.button), table.reservations td a.delete:not(.button), .cr-dialog-reserve .login_button {
    color: #FFF;
}
table.reservations a {
    cursor: pointer;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations, table.reservations td, table.reservations th {
    border-color: #FFF;
    border-style: solid;
}
table.reservations {
    table-layout: fixed !important;
    min-width: 600px;
    margin: 0;
        margin-bottom: 0px;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
th, td {
    padding: 8px;
}
th {
    text-align: left;
}
td, th {
    padding: 0;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    width: 100%;
}
table {
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}




.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

table.reservations {
    table-layout: fixed !important;
    min-width: 600px;
    margin: 0;
}

table.reservations td {
    text-align: center;
    padding: 0.5em;
    height: 6em;
    vertical-align: middle !important;
}

table.reservations th {
    text-align: center
}

.container-reservations .navigator {
    position: sticky;
    left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    /* display: none; */
    flex-direction: row;
}

.container-reservations .navigator div:last-child {
    margin-left: auto;
}

.container-reservations .navigator a.button {
    margin: 0 5px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer !important;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: inherit;
    line-height: 1.428571;
    border-radius: 4px;
    user-select: none;
    color: #3c4043;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: transparent;
    border: 1px solid rgb(218, 220, 224);
    text-decoration: none;
    box-shadow: none;
    padding: 5px 12px;
}

.container-reservations a.button:hover,
.container-reservations a.button--active {
    background-color: #f1f3f4 !important;
}

.container-reservations a.button--active img {
    -webkit-box-shadow: none;
    box-shadow: none;
}


table.reservations a.button {
    margin: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer !important;
    background-image: none;
    /* border: 1px solid #ffffff; */
    border-width: 0;
    white-space: nowrap;
    padding: 6px 12px;
    /* font-size: 14px; */
    font-size: inherit;
    line-height: 1.428571;
    border-radius: 4px;
    user-select: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #b8b3b3;
    /* border-color: #b8b3b3; */
    text-decoration: none;
    box-shadow: none;
}

table.reservations a {
    cursor: pointer;
}

table.reservations td.blocked {
    /*background-color: #b8b3b3 !important;
    color: #fff;*/
}

table.reservations .cr-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    /* border-bottom: 1px dotted black; */
}

table.reservations .cr-tooltip .cr-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #c6c2c2;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
}

table.reservations .cr-tooltip:hover .cr-tooltiptext {
    visibility: visible;
}

.cr-dialog-reserve {
    border: 0 !important;
    padding: 0 !important;
}

.cr-dialog-reserve .cr-ui-button {
    margin: 0 !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: middle !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    background-image: none !important;
    /* border: 1px solid #ffffff; */
    border-width: 0 !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    /* font-size: 14px !important; */
    /* line-height: 1.428571 !important; */
    border-radius: 4px !important;
    user-select: none !important;
    color: #ffffff !important;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
    background-color: #b8b3b3 !important;
    /* border-color: #b8b3b3; */
    text-decoration: none !important;
    box-shadow: none !important;
    /* font-family: initial !important; */
    text-transform: initial !important;
}

.cr-dialog-reserve .ui-dialog-titlebar {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.cr-dialog-reserve .ui-dialog-buttonpane {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.cr-dialog-reserve .table.table-striped {
    margin-bottom: 2px;
}

.cr-dialog-reserve .table.table-striped td:nth-child(2) {
    border-right-width: 0;
    padding-right: 1em;
}

.cr-dialog-reserve .table.table-striped td:nth-child(1) {
    padding-left: 1em;
}

.cr-dialog-reserve .ui-dialog-buttonpane {
    border-top-width: 0 !important;
}

form.resform select {
    color: #333;
    margin: 0;
}

form.resform #cr-show-login {
    cursor: pointer;
    width: 100%;
}

form.resform .date {
    width: 100%;
}

.ui-widget-overlay {
    opacity: .50 !important;
    filter: Alpha(Opacity=50) !important;
    background: rgb(50, 50, 50) !important;
}

.cr-login-form input {
    width: 100%;
}

.cr-dialog-alert {}

.cr-dialog-alert .error {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #721c24;
    /* background-color: #f8d7da; */
    /* border-color: #f5c6cb; */
    min-height: 80px;
    line-height: 1.2;
    text-align: center;
}

/* .cr-dialog-reserve .loading {
    background-image: url("images/spinner.gif")
} */

@media only screen and (max-width: 1200px) {
    table.reservations a.button {
        padding: 2px 4px;
    }
}

@media only screen and (max-width: 992px) {
    table.reservations {
        font-size: 0.9em;
    }

    table.reservations a.button {
        padding: 1px 2px;
    }
}

@media only screen and (max-width: 767px) {
    .container-reservations {
        height: 500px !important;
        max-height: 500px !important;
        /* width: 400px !important; */
        /* max-width: 400px !important; */
        overflow: scroll !important;
    }

    table.reservations {
        font-size: 0.9em;
    }

    table.reservations thead th {
        /* position: -webkit-sticky; */
        /* for Safari */
        position: sticky;
        top: 0;
    }

    table.reservations tbody th {
        /* position: -webkit-sticky; */
        /* for Safari */
        position: sticky;
        left: 0;
    }

    table.reservations thead th:first-child {
        left: 0;
        z-index: 1;
    }

    table.reservations td,
    table.reservations th {
        white-space: nowrap;
        word-break: keep-all;
        background: #F8F8F8;
    }

    .cr-dialog-reserve .cr-ui-button,
    table.reservations a.button {
        padding: 2px !important;
    }
}

@media only screen and (max-width: 575px) {
    table.reservations {
        font-size: 0.8em;
    }
}

/*sticky */
.is-sticky #site-header,.is-sticky #top-bar-wrap{position:fixed}.is-sticky #top-bar-wrap{z-index:1000}.is-sticky #site-header{-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.1);box-shadow:0px 2px 5px rgba(0,0,0,0.1);z-index:999}.is-sticky #site-header.no-shadow{-webkit-box-shadow:none;box-shadow:none}.is-sticky #site-header-inner{padding:0;-webkit-transition:padding 0.3s ease;transition:padding 0.3s ease}.is-sticky #site-header,.is-sticky #top-bar-wrap,.is-sticky .header-top{opacity:0.95}#site-header.top-header .is-sticky .header-top{position:fixed}#site-header.medium-header .is-sticky .bottom-header-wrap{position:fixed}#site-header.custom-header .is-sticky .owp-sticky{position:fixed}#site-header.fixed-scroll,#top-bar-wrap.top-bar-sticky{-webkit-transition:opacity .3s, background-color .3s;transition:opacity .3s, background-color .3s}.is-sticky #site-header.fixed-scroll{width:auto}.is-sticky #site-header.slide-effect{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.is-sticky #site-header.slide-effect.show{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.top-header.slide-effect .is-sticky .header-top{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.top-header.slide-effect.show .header-top{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.medium-header.slide-effect .is-sticky .bottom-header-wrap{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.medium-header.slide-effect.show .bottom-header-wrap.fixed-scroll{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.custom-header.slide-effect .is-sticky .owp-sticky{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.custom-header.slide-effect.show .owp-sticky{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.is-sticky #site-header.up-effect{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.is-sticky #site-header.up-effect.header-up{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.is-sticky #site-header.up-effect.header-down{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#site-header.top-header.up-effect .is-sticky .header-top{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.top-header.up-effect.header-up .header-top{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.top-header.up-effect.header-down .header-top{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#site-header.medium-header.up-effect .is-sticky .bottom-header-wrap{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.medium-header.up-effect.header-up .bottom-header-wrap.fixed-scroll{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.medium-header.up-effect.header-down .bottom-header-wrap.fixed-scroll{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#site-header.custom-header.up-effect .is-sticky .owp-sticky{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#site-header.custom-header.up-effect.header-up .owp-sticky{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}#site-header.custom-header.up-effect.header-down .owp-sticky{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#site-logo .sticky-logo-link,#site-header.center-header #site-navigation-wrap .middle-site-logo .sticky-logo-link{display:none}.is-sticky #site-header #site-logo.has-sticky-logo #site-logo-inner .custom-logo-link,.is-sticky #site-header.center-header #site-navigation-wrap .middle-site-logo.has-sticky-logo .custom-logo-link{display:none}.is-sticky #site-header #site-logo #site-logo-inner .sticky-logo-link,.is-sticky #site-header.center-header #site-navigation-wrap .middle-site-logo .sticky-logo-link{display:block}#site-header.full_screen-header #site-logo.has-full-screen-logo.opened .sticky-logo-link{display:none}#site-header #site-logo #site-logo-inner,#site-header .oceanwp-social-menu .social-menu-inner,#site-header.full_screen-header .menu-bar-inner{-webkit-transition:height 0.3s ease;transition:height 0.3s ease}.is-sticky #site-header.shrink-header #site-logo #site-logo-inner,.is-sticky #site-header.shrink-header .oceanwp-social-menu .social-menu-inner,.is-sticky #site-header.shrink-header .after-header-content .after-header-content-inner{height:54px}.is-sticky #site-header.shrink-header #site-navigation-wrap .dropdown-menu>li>a,.is-sticky #site-header.shrink-header .oceanwp-mobile-menu-icon a,.is-sticky #site-header.shrink-header .after-header-content .after-header-content-inner>a,.is-sticky #site-header.shrink-header .after-header-content .after-header-content-inner>div>a{line-height:54px}.is-sticky #site-header.shrink-header.full_screen-header .menu-bar-inner{height:54px}#top-bar-wrap.has-full-width-top #top-bar,#site-header.has-full-width-header #site-header-inner{-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.is-sticky #top-bar-wrap.has-full-width-top #top-bar,.is-sticky #site-header.has-full-width-header #site-header-inner{width:100%;max-width:100%;padding-left:30px;padding-right:30px}.is-sticky #top-bar-wrap.has-full-width-top,.is-sticky #site-header.has-full-width-header{width:100% !important;left:0;right:0}.is-sticky #site-header.has-full-width-header #site-header-inner #site-navigation-wrap,.is-sticky #site-header.has-full-width-header #site-header-inner #site-header.full_screen-header #site-navigation-wrap{right:18px}.is-sticky #top-bar-wrap.has-full-width-top #top-bar #top-bar-social.top-bar-right{right:30px}.is-sticky #top-bar-wrap.has-full-width-top #top-bar #top-bar-social.top-bar-left{left:30px}

.is-sticky #site-logo.has-sticky-logo .responsive-logo-link{display:none}.is-sticky #site-logo.has-responsive-logo .sticky-logo-link{display:block}#top-bar.has-no-content #top-bar-social.top-bar-left,#top-bar.has-no-content #top-bar-social.top-bar-right{position:inherit;left:auto;right:auto;float:none;height:auto;line-height:1.5em;margin-top:0;text-align:center}#top-bar.has-no-content #top-bar-social li{float:none;display:inline-block}.owp-cart-overlay,#side-panel-wrap a.side-panel-btn{display:none !important}}.mobile-menu .hamburger-inner,.mobile-menu .hamburger-inner::before,.mobile-menu .hamburger-inner::after{background-color:#ffffff}