.subdir-ttk span.markAbhol:after,
.subdir-ttk a.bearbeiten:before,
.subdir-ttk a.bearbeiten:after,
.subdir-ttk a.bestaetigen:before,
.subdir-ttk a.loeschen:before,
.subdir-ttk div.legende_bearbeiten:before,
.subdir-ttk div.legende_bearbeiten:after,
.subdir-ttk div.legende_loeschen:before,
.subdir-ttk div.legende_bestaetigen:before,
.subdir-ttk div.legende_abgelaufen:before,
.subdir-ttk div.legende_zahlt:before,
.subdir-ttk div.legende_nichtzahlt:before,
.subdir-ttk a[href*="daily"]:before,
.subdir-ttk a[href*="monthly"]:before,
.subdir-ttk #filterDateBtn:before,
.subdir-ttk #filterDateDel:before,
.subdir-ttk #filterUserBtn:before,
.subdir-ttk #filterUserDel:before {
    width: 20px;
    height: 20px;
    top: 6px;
    left: 0;
    content: '';
    display: block;
    background-image: url(/weblication/grid5/gui/images/icons.svg);
    background-position: 0 0;
    background-size: 800px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 4px;
}

.subdir-ttk a.bearbeiten,
.subdir-ttk a.bearbeiten,
.subdir-ttk a.loeschen,
.subdir-ttk a.bestaetigen,
.subdir-ttk a.bezahlt {
    width: 20px;
    height: 20px;
    float: left;
}


.subdir-ttk a.bezahlt img {
    width: 20px;
    height: 20px;
}

.subdir-verwaltung a.bezahlt img {
    width: 20px;
    height: 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    a.bezahlt img {
        background-image: url(/format/img/icons/cash.svg);
    }
}

.subdir-ttk table#reservationenDT_info th {
    text-align: left;
}


.subdir-ttk span.markAbhol:after {
    background-position: -644px -40px !important;
}


.subdir-ttk a.bearbeiten {
    position: relative;
    float: left;
}

.subdir-ttk a.bearbeiten:before {
    background-position: -6px -102px !important;
    position: absolute;
}

.subdir-ttk a.bearbeiten:after {
    background-position: -358px -102px !important;
    position: absolute;
}


.subdir-ttk a.loeschen {
    position: relative;
}

.subdir-ttk a.loeschen:before {
    background-position: -169px -69px !important;
    position: relative;
}


.subdir-ttk a.bestaetigen {
    position: relative;
}

.subdir-ttk a.bestaetigen:before {
    background-position: -390px -7px !important;
    position: relative;
}


.subdir-ttk div.legende_zahlstatus,
.subdir-ttk div.legende {
    border: 1px solid #aaa;
    position: relative;
    float: right;
    border-radius: 4px;
    padding: 6px;
    font-size: 1.1rem;
}

.subdir-ttk div.legende_zahlstatus {
    float: left;
}

.subdir-ttk div.legende > div,
.subdir-ttk div.legende_zahlstatus > div {
    float: left;
    position: relative;
    margin: 0 10px;
}

.subdir-ttk div.legende_zahlt:before {
    background-position: -6px -6px !important;
    position: relative;
}

.subdir-ttk div.legende_nichtzahlt:before {
    background-position: -39px -6px !important;
    position: relative;
}

.subdir-ttk div.legende_bearbeiten:before {
    background-position: -6px -102px !important;
    position: relative;
}

.subdir-ttk div.legende_bearbeiten:after {
    background-position: -358px -102px !important;
    position: absolute;
}

.subdir-ttk div.legende_loeschen:before {
    background-position: -169px -69px !important;
    position: relative;
}

.subdir-ttk div.legende_bestaetigen:before {
    background-position: -390px -7px !important;
    position: relative;
}

.subdir-ttk div.legende_bezahlt:before {
    width: 20px;
    height: 20px;
    top: 7px;
    left: 0;
    display: block;
    background-image: url(/format/img/icons/cash.svg) !important;
    position: relative;
    content: ' ';
    background-size: 20px 20px;
    float: left;
    margin-right: 4px;
}

.subdir-ttk div.creditcard:before {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    display: block;
    background-image: url(/format/img/icons/credit-card.svg);
    position: relative;
    content: ' ';
    background-size: 20px 20px;
    float: left;
    margin-right: 4px;
}

.subdir-ttk div.legende_abgelaufen:before {
    background-position: -644px -40px !important;
    position: relative;
}

.subdir-ttk #filterDateBtn:before {
    background-position: -5px -165px !important;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    margin: 3px 0 3px 10px;
}

.subdir-ttk #filterDateDel:before {
    background-position: -421px -4px !important;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    margin: 3px 0 3px 0;
}

.subdir-ttk #filterUserBtn:before {
    background-position: -5px -165px !important;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    margin: 3px 0 3px 10px;
}

.subdir-ttk #filterUserDel:before {
    background-position: -421px -4px !important;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    margin: 3px 0 3px 0;
}


.subdir-ttk .ui-datepicker {
    border: none;
    width: auto !important;
}

.subdir-ttk .ui-datepicker table {
    font-size: 1em;
    line-height: 140%;
}

.subdir-ttk .ui-datepicker-group {
    width: calc(50% - 10px) !important;
}

.subdir-ttk .ui-datepicker-group-first {
    margin: 0 10px 0 0;
}

.subdir-ttk .ui-datepicker-group-last {
    margin: 0 0 0 10px;
}

.subdir-ttk .ui-datepicker-group table {
    width: 100% !important;
    margin: 0 auto !important;
}

.subdir-ttk .ui-datepicker-group table tbody tr:nth-child(2n) {
    background-color: transparent;
}

.subdir-ttk .ui-datepicker td {
    padding: 4px !important;
}

.subdir-ttk .ui-datepicker td:first-of-type {
    padding: 4px 4px 4px 0 !important;
}

.subdir-ttk .ui-datepicker td:last-of-type {
    padding: 4px 0 4px 4px !important;
}

.subdir-ttk .ui-datepicker td a,
.subdir-ttk .ui-datepicker td span {
    padding: 6px 14px 6px 6px !important;
}

.subdir-ttk td.reservationen_vorhanden {
    background: transparent !important;
}

.subdir-ttk td.reservationen_vorhanden a,
.subdir-ttk div.reservationen_vorhanden {
    background: #fbee51 !important;
}

.subdir-ttk td.ausgebucht span,
.subdir-ttk div.ausgebucht_legend {
    background: #a01b19 !important;
}

.subdir-ttk td.lastminute span,
.subdir-ttk td.lastminute a {
    border: 2px solid #a81eff !important;
    margin: -2px !important;
}

.subdir-ttk div.lastminute {
    border: 2px solid #a81eff !important;
}

.subdir-ttk .ui-state-default,
.subdir-ttk .ui-widget-content .ui-state-default,
.subdir-ttk .ui-widget-header .ui-state-default {
    background-color: #e2eaf7;
    font-weight: bold;
    color: #000000;
}

.subdir-ttk td.ui-datepicker-current-day a.ui-state-default {
    background-color: #85b5ff;
}

.subdir-ttk input.hasDatepicker {
    cursor: pointer;
    width: 125px;
}

.subdir-ttk .formTable dt {
    display: block;
    clear: left;
    float: left;
    width: 35%;
}

.subdir-ttk .formTable dd {
    margin: 0 !important;
    width: auto;
    float: left;
    line-height: 26px;
}

.subdir-ttk a[href*="daily"]:before {
    background-position: -35px -71px !important;
    position: relative;
}

.subdir-ttk a[href*="daily"] img {
    display: none;
}

.subdir-ttk a[href*="monthly"]:before {
    background-position: -262px -37px !important;
    position: relative;
}

.subdir-ttk a[href*="monthly"] img {
    display: none;
}

.subdir-ttk #user_select_chosen,
.subdir-ttk .chosen-search-input {
    width: 100%;
    max-width: 100%;
}

.subdir-ttk select,
.subdir-ttk input,
.subdir-ttk button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f6f6f6), color-stop(0.52, #eee), color-stop(1, #f4f4f4));background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f6f6f6), color-stop(0.52, #eee), color-stop(1, #f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;-ms-background-clip: padding-box;-webkit-background-clip: padding-box;-moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    border: 1px solid #aaa;
    border-radius: 0;
    background-color: #fff;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px !important;
    font-size: 13px;
}

.subdir-ttk input[type="checkbox"] {
    background: transparent;
    box-shadow: initial;
}

.subdir-ttk button {
    padding: 10px;
    height: auto;
    line-height: 140%;
    border: 1px solid #ccc;
}

.subdir-ttk button:hover {
    padding: 10px;
    height: auto;
    line-height: 140%;
    border: 1px solid #000;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f6f6f6), color-stop(0.52, #eee), color-stop(1, #f4f4f4));background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f6f6f6), color-stop(0.52, #eee), color-stop(1, #f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -ms-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;-ms-background-clip: padding-box;-webkit-background-clip: padding-box;-moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
}

.subdir-ttk #anzahl_karten_select {
    width: 66.66% !important;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    font: inherit;
    font-size: 13px;
    line-height: 34px;
    height: 34px;
}

.subdir-ttk input#datum {
    width: 66.66%;
    box-sizing: border-box;-moz-box-sizing: border-box;
    height: 34px;
    color: #444;
    font-size: 13px;
    padding: 0 0 0 8px;
}

.subdir-ttk .statusfilters {
    border-radius: 0;
    float: left;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-right: 5px;
    border-bottom: 1px solid rgb(132, 132, 132);
    width: 98%;
    margin-top: 5px;
}

.subdir-ttk .status,
.subdir-ttk .vonbis {
    float: left;
    width: 33.33%;
    box-sizing: border-box;-moz-box-sizing: border-box;
}

.subdir-ttk .vonbis {
    text-align: center;
}

.subdir-ttk .finduser {
    float: left;
    width: 33.33%;
    text-align: right;
}

.subdir-ttk .status label,
.subdir-ttk .finduser label {
    margin: 0 6px 0 0;
}

.subdir-ttk .status select {
    width: 85%;
}

.subdir-ttk .fns_elementForm input {
    width: 66.6%;
    max-width: 66.6%;
    height: 34px;
}

.subdir-ttk .fns_elementForm select {
    width: 66%;
    height: 34px;
}

@media only screen and (max-width: 540px) {
    .subdir-ttk .max540 {
        display: none !important;
    }

    .subdir-ttk .ui-datepicker-group {
        width: 100% !important;
    }

}


.subdir-ttk td.ausgebucht span,
.subdir-ttk .ausgebucht_legend {
    background: #a01b19 !important;
    color: white !important;
}

.subdir-ttk td.reservationen_vorhanden span {
    background: #fbee51 !important;
}

.subdir-ttk td.ausgebucht,
.subdir-ttk .ausgebucht_legend {
    opacity: 1 !important;
    filter: Alpha(Opacity=99) !important;
}

.subdir-ttk td.reservationen_vorhanden a,
.subdir-ttk .reservationen_vorhanden {
    background: #fbee51 !important;
}

.subdir-ttk .error {
    border: 1px solid #A01B19;
    background: rgb(245, 176, 147);
    box-shadow: initial;
}

.subdir-ttk .errorText {
    color: #A01B19;
}

.subdir-ttk .errorText a {
    color: #A01B19;
}

.subdir-ttk .rahmen {
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
    margin-top: 10px;
}

.subdir-ttk .rahmen div.legende-element {
    float: left;
    padding-right: 15px;
}

.subdir-ttk .legende-element .element {
    width: 25px;
    height: 23px;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-right: 9px;
}

.wmd1, .wmd2, .wmd3, .wmd4, .wmd5, .wmd6, .wmd7, .wmd1:before, .wmd2:before, .wmd3:before, .wmd4:before, .wmd5:before, .wmd6:before, .wmd7:before {font:inherit !important;color:inherit !important;text-decoration:inherit !important} .wmd1:before {content:'a';display:inline} .wmd2:before {content:'e';display:inline} .wmd3:before {content:'o';display:inline} .wmd4:before {content:'u';display:inline} .wmd5:before {content:'i';display:inline} .wmd6:before {content:'.';display:inline} .wmd7:before {content:'@';display:inline}#deferred-styles-dyn {display:none}