@import url("../../../css/font-awesome.css");

html {
    overflow: -moz-scrollbars-none;
    height: 100%;
}

body {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;
    overflow-x: hidden;
    background-color: #337ab7 !important;

}

#calenderContent .uk-button {
    /*background-color: #fafafa;*/
}

/*COUSTOME*/

.uk-button-success, .uk-button-success:visited {

    color: #ffffff;
}

.uk-modal-header {
    background-color: #337ab7;
    color: #ffffff !important;
    cursor: move;
}

.hrCostume {
    border-color: rgb(221, 221, 221);
}

#footer {
    width: 100%;
    height: 45px;
    background-color: rgba(8, 106, 191, 0.79);
    border-top: 1px solid #222;
    position: fixed;
    bottom: 0;
    color: #fff;
    padding-top: 20px;
    z-index: 999;
    padding-left: 20px;
}

.wc-grid-timeslot-header {
    background-color: rgb(60, 138, 205);
}

.wc-header {
    background: rgb(60, 138, 205);
    border: none;
}

.uk-button-primary, .uk-button-primary:visited {
    background-color: #337ab7 !important;
    color: #ffffff;
}

.uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus {
    background-color: #3e9de6 !important;
    color: #ffffff;
}

.uk-pagination > .uk-active > span {
    background: #337ab7;
}

a, .uk-link {
    color: rgb(29, 99, 162);
}

a:hover, .uk-link:hover {
    color: rgb(24, 84, 138);
}

/* lOGIN */

.vertical-offset-100 {
    padding-top: 100px;
}

.login .user-row {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0F47AF;
}

.login .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.login.panel {
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.login label {
    display: block;
    width: 100%;
    color: #222;
    text-shadow: #444;
    text-align: center;
}

.login hr {
    margin: 5px;
}

/*MAIN*/
.centerLogo {
    margin: 0 auto;
    padding-top: 16px;
}

.mainNav a,.sideNav a {
    margin-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mainNav {
    text-align: center;
    margin-left: 145px;
}

.well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(68, 68, 68, 0.36);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    position: relative;
}

#mainContent {
    padding-top: 10px;
    padding-bottom: 80px;
    width: 97%;
    color: #444444;

}

#mainContent .uk-grid {
    margin-top: 15px !important;
}

.printStat {
    position: absolute;
    top: 40px;
    right: 100px;
}

.confIMGRED {
    display: none;
}

#map {

    opacity: 0.97;
}

.form-control {
    width: 100%;
}

.no-padding {
    padding: 0px !important;
}

.centerContent {
    width: 90%;
    margin-left: 5% !important;
    margin-right: 5% !important;

}

/*ALERTS*/

.teditsuccess {
    display: none;
}

.conflictsAlert {
    display: none;
}

/*BUTTONS*/
.addAP {
    margin-top: -30px;
    margin-right: 15px;

    position: relative;
}

.addAP img {
    cursor: pointer;
}

.addAPClub {
    left: 150px;
    top: -5px;
}

.addAPHaus {
    top: -5px;
    left: 115px;
}

.addAPBereich {
    top: -5px;
    left: 160px;
}

.addAPBereichT {
    left: 77px;
    margin-bottom: 10px;
}

.addAPFilter {
    left: 200px;
    top: -25px;
}

/*MOBILE MENU*/
.menuMobil {
    display: none;
    position: absolute;
    right: 0px;
    top: 45px;
    color: #444;
    z-index: 999;
}

.menuMobil button {
    height: 40px;
    font-size: 21px;
    text-align: center;
}

/*CALENDER*/
.selectWeek {
    position: absolute;
    left: 227px;
    top: 34px;
    z-index: 1005;
}

.selectDate {
    position: absolute;
    left: 320px;
    top: 34px;
    z-index: 99;
}

.selectDate input {
    text-align: center;
}

.showInfo {
    position: absolute;
    right: 105px;
    top: 34px;
    z-index: 99;
    width: 38px;
}

.showStats {
    position: absolute;
    right: 60px;
    top: 34px;
    z-index: 99;
    width: 38px;
}

.selectArea {
    position: absolute;
    right: 195px;
    top: 34px;
    z-index: 99;
}

.marginBottom {
    margin-bottom: 90px;
}

.centerText {
    text-align: left;
}

.wc-title {
    display: block;
}

#calendar {
    position: absolute;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    background: #fff;
}

.wc-today {
    margin-left: 10px;
    margin-right: 10px;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    text-align: left;
}

.terminClub105 {
    background-color: #00a626 !important;
    border-right: 5px solid #000 !important;
    border-bottom: 5px solid #000;
    z-index: 999;

}

.terminClub106 {
    background-color: #bb3800 !important;
    border-right: 5px solid #000 !important;
    border-bottom: 5px solid #000;
    z-index: 999;

}

.terminClub1 {
    background-color: #64ca9f !important;

    z-index: 999;

}

.terminClub2 {
    background-color: #00bb42 !important;

    z-index: 999;

}

.terminClub3 {
    background-color: #008fd4 !important;

    z-index: 999;

}

.terminClub4 {
    background-color: #8268ff !important;

    z-index: 999;

}

.terminClub5 {
    background-color: #da5014 !important;

    z-index: 999;

}

.terminClub0 {
    background-color: #cc1d1c !important;
    z-index: 999;
}

.terminClub {
    background-color: #cc1d1c !important;
    border-right: 1px solid #000 !important;
    border-bottom: 3px solid #000;
    z-index: 999;
}

.wc-cal-event {
    border-radius: 5px;
    cursor: auto;
    opacity: 0.8 !important;
}

.wc-wrap {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.wc-click {
    height: 30%;
    z-index: 90;
    position: relative;
    cursor: pointer;
}

.switchButton {
    margin-top: 6px !important;
}

.wc-einzelTermin.terminClub1 {
    background: #64ca9f!important;
}

.wc-einzelTermin.terminClub2 {
    background:  #00bb42 !important;
}

.wc-einzelTermin.terminClub3 {
    background: #008fd4 !important;
}

.wc-einzelTermin.terminClub4 {
    background: #8268ff !important;
}

.wc-einzelTermin.terminClub5 {
    background: #da5014 !important;
}

.wc-einzelTermin.terminClub0 {
    background: #cc1d1c !important;
}

/*TURNUS*/
.terminClub1.turnusTermin .wc-wrap, .terminClub2.turnusTermin .wc-wrap, .terminClub3.turnusTermin .wc-wrap, .terminClub4.turnusTermin .wc-wrap, .terminClub5.turnusTermin .wc-wrap, .terminClub0.turnusTermin .wc-wrap {
    bottom: 2px;
}

.terminClub1.turnusTermin .wc-wrap {
    border-bottom: 5px solid #367e5e !important;
    margin-top: -3px;
}

.terminClub2.turnusTermin .wc-wrap {
    border-bottom: 5px solid #007e3f !important;
    margin-top: -3px;
}

.terminClub3.turnusTermin .wc-wrap {
    border-bottom: 5px solid #005da1 !important;
    margin-top: -3px;
}

.terminClub4.turnusTermin .wc-wrap {
    border-bottom: 5px solid #47478e !important;
    margin-top: -3px;
}

.terminClub5.turnusTermin .wc-wrap {
    border-bottom: 5px solid #8b4614 !important;
    margin-top: -3px;
}

.terminClub1.turnusTermin .wc-wrap .wc-time, .terminClub2.turnusTermin .wc-wrap .wc-time, .terminClub3.turnusTermin .wc-wrap .wc-time, .terminClub4.turnusTermin .wc-wrap .wc-time, .terminClub5.turnusTermin .wc-wrap .wc-time, .terminClub0.turnusTermin .wc-wrap .wc-time {
    top: 9px;
}

/*SAISONAL*/
.terminClub1.saisonalenutzung .wc-wrap {
    border-top: 5px solid #367e5e !important;
}

.terminClub2.saisonalenutzung .wc-wrap {
    border-top: 5px solid #007e3f !important;
}

.terminClub3.saisonalenutzung .wc-wrap {
    border-top: 5px solid #005da1 !important;
}

.terminClub4.saisonalenutzung .wc-wrap {
    border-top: 5px solid #47478e !important;
}

.terminClub5.saisonalenutzung .wc-wrap {
    border-top: 5px solid #8b4614 !important;
}

/*BEFRISTET*/
.terminClub1.befristetTermin .wc-wrap .wc-time, .terminClub2.befristetTermin .wc-wrap .wc-time, .terminClub3.befristetTermin .wc-wrap .wc-time, .terminClub4.befristetTermin .wc-wrap .wc-time, .terminClub5.befristetTermin .wc-wrap .wc-time, .terminClub0.befristetTermin .wc-wrap .wc-time {
    padding-left: 1px;
    padding-right: 0px;
}

.terminClub1.befristetTermin .wc-wrap {
    border-right: 5px solid #367e5e !important;
}

.terminClub2.befristetTermin .wc-wrap {
    border-right: 5px solid #007e3f !important;
}

.terminClub3.befristetTermin .wc-wrap {
    border-right: 5px solid #005da1 !important;
}

.terminClub4.befristetTermin .wc-wrap {
    border-right: 5px solid #47478e !important;
}

.terminClub5.befristetTermin .wc-wrap {
    border-right: 5px solid #8b4614 !important;
}

/*NEU*/
.terminClub1.changeTermin .wc-wrap {
    border-left: 5px solid #367e5e !important;
}

.terminClub2.changeTermin .wc-wrap {
    border-left: 5px solid #007e3f !important;
}

.terminClub3.changeTermin .wc-wrap {
    border-left: 5px solid #005da1 !important;
}

.terminClub4.changeTermin .wc-wrap {
    border-left: 5px solid #47478e !important;
}

.terminClub5.changeTermin .wc-wrap {
    border-left: 5px solid #8b4614 !important;
}

.terminClub1.changeTermin .wc-wrap .wc-time, .terminClub2.changeTermin .wc-wrap .wc-time, .terminClub3.changeTermin .wc-wrap .wc-time, .terminClub4.changeTermin .wc-wrap .wc-time, .terminClub5.changeTermin .wc-wrap .wc-time, .terminClub0.changeTermin .wc-wrap .wc-time {
    padding-left: 1px;
}

/*BEFRISTET UND TURNUS*/
.terminClub1.befristetTermin.turnusTermin {
    border-bottom: 0px solid #367e5e !important;
    border-right: 0px solid #367e5e !important;
    height: calc(100% - 8px);
}

.terminClub2.befristetTermin.turnusTermin {
    border-bottom: 0px solid #007e3f !important;
    border-right: 0px solid #007e3f !important;
    height: calc(100% - 8px);
}

.terminClub3.befristetTermin.turnusTermin {
    border-bottom: 0px solid #005da1 !important;
    border-right: 0px solid #005da1 !important;
    height: calc(100% - 8px);
}

.terminClub4.befristetTermin.turnusTermin {
    border-bottom: 0px solid #47478e !important;
    border-right: 0px solid #47478e !important;
    height: calc(100% - 8px);
}

.terminClub5.befristetTermin.turnusTermin {
    border-bottom: 0px solid #8b4614 !important;
    border-right: 0px solid #8b4614 !important;
    height: calc(100% - 8px);
}



.terminClub1.saisonalenutzung.turnusTermin {
    border-bottom: 4px solid #367e5e !important;
    border-top: 4px solid #367e5e !important;
    height: calc(100% - 8px);
}

.terminClub2.saisonalenutzung.turnusTermin {
    border-bottom: 4px solid #007e3f !important;
    border-top: 4px solid #007e3f !important;
    height: calc(100% - 8px);
}

.terminClub3.saisonalenutzung.turnusTermin {
    border-bottom: 4px solid #005da1 !important;
    border-top: 4px solid #005da1 !important;
    height: calc(100% - 8px);
}

.terminClub4.saisonalenutzung.turnusTermin {
    border-bottom: 4px solid #47478e !important;
    border-top: 4px solid #47478e !important;
    height: calc(100% - 8px);
}

.terminClub5.saisonalenutzung.turnusTermin {
    border-bottom: 4px solid #8b4614 !important;
    border-top: 4px solid #8b4614 !important;
    height: calc(100% - 8px);
}


.legendeSerie {
    height: 50px;
    width: 30px;
    background-color: #d2d2d2;
    border-radius: 5px;
}

.legendeTurnus {
    height: 50px;
    width: 30px;
    background-color: #d2d2d2;
    border-bottom: 4px solid #000 !important;
    border-radius: 5px;
}

.legendeBefristet {
    height: 50px;
    width: 30px;
    background-color: #d2d2d2;
    border-right: 4px solid #000 !important;
    border-radius: 5px;
}

.legendeEinzeltermin {
    height: 50px;
    width: 30px;
    background: repeating-linear-gradient(45deg, #222, #d2d2d2 2px, #d2d2d2 10px, #d2d2d2 20px) !important;
    border-radius: 5px;
}

.legendeChanged {
    height: 50px;
    width: 30px;
    background-color: #d2d2d2;
    border-left: 4px solid #000 !important;
    border-radius: 5px;
}

/*SAISONAL*/
.legendeSaisonalenutzung {
    height: 50px;
    width: 30px;
    background-color: #d2d2d2;
    border-top: 4px solid #000 !important;
    border-radius: 5px;
}

.legendeOE {
    height: 50px;
    background-color: #64ca9f;
    width: 30px;
    border-radius: 5px;
}

.legendeSchule {
    background-color: #00bb42;
    height: 50px;
    width: 30px;
    border-radius: 5px;
}

.legendeVerein {
    background-color: #008fd4;
    height: 50px;
    width: 30px;
    border-radius: 5px;
}

.legendePrivat {
    background-color: #8268ff;
    height: 50px;
    width: 30px;
    border-radius: 5px;
}

.legendeBetriebssport {
    background-color: #da5014;
    height: 50px;
    width: 30px;
    border-radius: 5px;
}

.wc-scrollable-grid .wc-day-column-first {
    border-width: 0 0 0 3px;
    border-style: groove !important;
    border-color: rgba(36, 135, 220, 0.79);
}

.weekToday {
    margin-left: 5px;
    margin-right: 5px;
}

.wc-cal-event .wc-time {
    background: transparent !important;
    border: none !important;
    color: transparent !important;
}

.wc-container .ui-resizable-s {
    height: 10%;
    max-height: 30px;
    line-height: 10px;
    bottom: 0px;
    font-size: .75em;
    width: 100%;
    position: absolute;
    cursor: ns-resize !important;
}

.wc-toolbar .wc-nav {
    position: absolute;
}

.wc-toolbar .wc-display {
    position: absolute;
    right: 13px;
    margin-top: -17px;
}

.wc-toolbar .wc-title {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
}

.wc-conflict .wc-time {
    color: transparent !important;
}

.wc-toolbar .wc-nav {
    position: absolute;
    left: 50px;
    top: 29px;
    z-index: 99;
}

.showSerieEnde {
    display: block;
}

.settingsTab {
    margin: 15px -20px -20px -20px;
}

.headCalender {
    font-size: 19px;
    text-align: center;
    margin: 0;
    margin-top: 8px;
    color: #444444;
    position: relative;
    top: 10px;
    line-height: 25px;
}

.wc-time-header-cell {
    position: relative;
    top: 10px;
}

.wc-business-hours {
    border-bottom: 1px solid #DADADA;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;

}

form .error {
    float: none;
}

label.error {
    float: left;
    width: 100%;
    color: red;
}

.wc-grid-timeslot-header, .wc-header .wc-time-column-header {
    width: 52px;
}

@supports (-ms-ime-align:auto) {
    .wc-grid-timeslot-header, .wc-header .wc-time-column-header {
        width: 51.5px;
    }
}

@-moz-document url-prefix() {
    .wc-grid-timeslot-header, .wc-header .wc-time-column-header {
        width: 51.5px;
    }
}

.wc-serienTermin.terminClub1.wc-conflict {
    background: red !important;
}

.wc-serienTermin.terminClub2.wc-conflict {
    background: red !important;
}

.wc-serienTermin.terminClub3.wc-conflict {
    background: red !important;
}

.wc-serienTermin.terminClub4.wc-conflict {
    background: red !important;
}

.wc-serienTermin.terminClub0.wc-conflict {
    background: red !important;
}

.wc-header .wc-day-column-header {
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.wc-header .wc-user-header {
    padding: 0;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    word-break: break-all;
    line-height: 15px;
}

.wc-toolbar .wc-display {
    display: none;
}

.wc-header .wc-day-column-header {
    padding: 5px;
}

.wc-header .wc-user-header {
    padding: 0px;

}

.backCalender {
    position: absolute;
    left: 170px;
}

.insHide {
    display: none;
}

.verHide {
    display: none;
}

.gemHide {
    display: none;
}

.spoHide {
    display: none;
}

.mailTemp, .mailsuccess {
    display: none;
}

.wc-scrollable-grid {
    background-color: #3c8acd !important;
    -ms-overflow-style: none;
}

.wc-scrollable-grid::-webkit-scrollbar {
    display: none;
}

table.wc-time-slots {
    background-color: transparent !important;
}

.wc-time-slots .wc-day-column.ui-state-default {
    background: #fff;
}

.wc-time-slots .wc-today.ui-state-active {
    background-image: none;
    background-color: #fff;
}

.wc-header .wc-today.wc-day-column-header {
    border-width: 0 3px;
    border-style: solid;
    padding: 5px;
}

.printCal .wc-title, .printCal .wc-nav {
    display: none;
}

.wc-scrollable-grid .wc-day-column-last, .wc-scrollable-grid .wc-day-column-middle {
    border-width: 0 0 0 1px;
    border-style: groove;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after {
    position: initial;
    /* top: 7px; */
    /* float: left; */
    /* right: 8px; */
    display: inline;
    margin-left: 11px;
    font-family: 'FontAwesome';
}

.hideConflict {
    position: absolute;
    right: 20px;
    top: 20px;

}

.delNTermin, .delYTermin, .backB, .saveMail, .saveTermin, .sendMailTermin, .hideConflict, .saveUserEdit, .saveNewUser, .mailNewSave, .mailInfoSave, .mailEditSave, .mailDelSave, .delCSTermin, .delConSTermin {
    display: none;
}

.TypRepeat {
    margin-left: 0px;
}

.paddingR {
    padding-right: 35px;
    padding-left: 0px;
}

.filterT {
    position: relative;
    z-index: 999;
}

.dt-buttons {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
}

.ol-popup {
    display: none;
    position: fixed;
    background-color: white;
    padding: 15px 25px 15px 15px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-content {
    min-width: 70px;
    max-height: 200px;
    overflow-x: auto;
}

.ol-popup-closer {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 150%;
    padding: 0 4px;
    color: gray;
    text-decoration: none;
}

.ol-popup-closer:after {
    content: "\2716";
}

.ol-popup div.infoResult {
    min-width: 70px;
}

.ol-popup div.infoResult p {
    padding: 0.1em;
    margin: 0;
}

.ol-popup-content h3 {
    margin: 0.25em 0;
}

.ol-popup.marker {
    margin-bottom: 30px;
}

.maxTH {
    width: 200px !important;
}

.conflictHil {
    background: orange !important;
}

.deleteUserButton, .saveUserMYEdit {
    display: none;
}

.uk-table .odd td {
    background: #EFF4FF;
}

.backBM {
    display: none;
}

.conflictHil::before {
    content: "Konflikt!";
    background-color: yellow;
    color: red;
    font-weight: bold;
    position: relative;
    top: 8px;
    border-radius: 10px;
    padding: 5px;
}

.blockEnde {
    display: none;
}

.sperrungInfoTermin, .inputempty {
    display: none;
}

.backgroundEdit {
    background-color: #ececec;
    padding: 15px;
    border-radius: 5px;
}

.conflictInfoTermin {
    z-index: 999;
    position: relative;
    top: 150px;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    width: auto;
    text-align: center;
    border-radius: 4px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.checkConflicktKalender .conflictInfoTermin {
    top: 0px !important;
}

.delText {
    padding: 0px;
}

.mobilmenu {
    display: none;
}

.menufootermobil {
    display: none;
    float: right;
    margin-right: 35px;
}

.printCalaneder {
    position: absolute;
    right: 15px;
    top: 34px;
    z-index: 999;
    width: 38px;
    height: 30px;
}

.logdetail {
    display: none;
}

.closeLogDetail {
    display: none;
}

.switchCalaneder {
    position: absolute;
    top: 34px;
    right: 150px;
    z-index: 99;
}

.s105 {
    width: 10px;
    height: 10px;
    background: #00a626;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.s106 {
    width: 10px;
    height: 10px;
    background: #bb3800;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.ms-drop ul > li.group {
    padding-top: 8px;
}

/*SHOW ARCHIV-AKTUELL*/
.archiv {
    display: none;
}

.showAktuell {
    display: none;
}

.tableButton {
    position: absolute;
    bottom: 30px;
    left: 16px;
}

/*FILTER SUCHE*/
.backFilter {
    position: absolute;
    left: 30px;
    bottom: 20px;
}

.changeSucheLeft {
    position: absolute;
    top: 10px;
    right: 160px;
}

.changeSuche {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*form styles*/
#progressform {
    text-align: center;
    position: relative;
    width: 90%;
    margin: 0 auto;
}

#progressform fieldset {
    background: white;
    border: 0 none;
    position: relative;
}

/*Hide all except first fieldset*/
#progressform fieldset:not(:first-of-type) {
    display: none;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    padding: 0;
}

#progressbar li {
    list-style-type: none;
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
    width: 16.5%;
    float: left;
    position: relative;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #fff;
    background: #03A9F4;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #03A9F4;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #8cc14c;
    color: #fff;
}

.hideForm {
    display: none;
}

.terminForm {
    text-align: left;
}

.dayFI {
    width: 40px !important;
    float: left;
}

.alertConf {
    background: #FF9800 !important;
}

.terminNextSperzeitFake, .terminNextConfFake, .terminNextConfFakeEinzel {
    background: #ccc !important;
    display: none;
    cursor: not-allowed !important;
}

.supportMenu {
    color: #fff;
    margin-top: 0px;
    cursor: pointer;
    font-size: 22px;
    padding-top: 0px;
    position: relative;
    top: 4px;
}

.supportMenuDiv {
    height: 20px;
    width: 27px;
    background: red;
    float: right;
    margin-top: 50px;
    margin-right: 10px;
    padding-right: 0px;
}

.supportSuccess {
    display: none;
}

.checkConflicktKalender .wc-toolbar {
    display: none;
}

.checkConflicktKalender .wc-cal-event {
    cursor: default !important;
}

.checkConflicktKalender .wc-container .ui-draggable .wc-time {
    cursor: default;
    height: 70%;
}

.checkConflicktKalender .terminClub0 {
    cursor: move !important;
}

.checkConflicktKalender .terminClub0 .ui-draggable-handle {
    cursor: move !important;
}

.terminNextConfEinzel, .successConfEinzel {
    display: none;
}

.successConf {
    display: none;
}

.selectCalenderButton, .selectWocheCalenderButton {
    width: 48%;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.wc-day-column-header {
    position: relative;
}

.sperrzeitTableHead {
    color: #ec0606;
    position: absolute;
    top: 18px;
    left: 0;
    font-weight: bold;
    font-size: 13px;
    width: 100%;
    text-shadow: 1px 1px #000;
}

.showAktuellAntrag, .archivAk, .archivK, .showKontaktAntrag {
    display: none;
}

.weekNum {
    font-size: 17px;
}

.konfliktCSerie {
    margin-bottom: 11px;
}

#nutzerTable_filter, #terminTable_filter, #sportstaetteTable_filter, #TerminTable_filter {
    display: none;
}

.uk-modal-dialog-large .uk-modal-header h2 {
    color: #ffffff !important;
    padding-left: 55px;
}

.uk-modal-header h2 {
    color: #ffffff !important;
    padding-left: 25px;
}

.uk-modal-header h3 {
    color: #ffffff !important;
}

.uk-modal-dialog-large .uk-modal-footer {
    padding-right: 20px;
    padding-left: 20px;
}

.uk-modal-footer {
    padding-right: 20px;
    padding-left: 20px;
}

#showEvent .uk-modal-footer {
    padding-right: 45px;
    padding-left: 45px;
}

#modalKontakt .uk-modal-footer {
    padding-right: 45px;
    padding-left: 45px;
}

#spUTable_previous span {
    width: 60px;
}

.buttonLeisteContainer {
    position: relative;
}

.buttonLeiste {
    position: absolute;
    top: -60px;
    width: 100%;
}

div.dataTables_wrapper div.dataTables_paginate {
    position: relative;
    z-index: 2;
}

.closeSettingsInfo {
    display: none;
}

.chosen-choices, .chosen-drop {
    width: 300px !important;
}

.titleSetting {
    padding-top: 3px;
    padding-bottom: 3px;
}

#deleteConflict.uk-open, #deleteConflictAll.uk-open, #deleteConflictAllEinzel.uk-open {
    z-index: 1013;
}

.sendIMail {
    display: none;
}

.ignortext {
    width: 100%;
    height: 150px;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.nutzerTerminDiv {
    position: relative;
}

.delNutzerTermin {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    top: 30px;
}

#delNewNutzer {
    display: none;
}

/*
input[required] {
    border-color: rgb(202, 10, 10)!important;
}*/

.mailIMGRED {
    display: none;
}

.ampel {
    width: 60px;
    height: 23px;
    background: #efefef;
    border-radius: 5px;
    position: relative;
    top: 3px;
    /* left: 240px; */
    float: left;
}

.ampel .ampel_online {
    width: 13px;
    height: 13px;
    background: green;
    border-radius: 13px;
    position: absolute;
    top: 6px;
    left: 14px;
}

.ampel .ampel_offline {
    width: 13px;
    height: 13px;
    background: grey;
    border-radius: 13px;
    position: absolute;
    top: 6px;
    right: 14px;
}

.copyrightF {
    float: right;
    position: relative;
    top: -43px;
    left: 15px;

}

.regN, .saiN {
    background: #8cc14c;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
}

.regN:hover, .saiN:hover, .saiN:active, .regN:active, .saiN:focus, .regN:focus {
    background: #8cc14c;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
}

.nutzungNotActic {
    color: #999;
    text-shadow: none;
    background: rgb(217, 217, 217);
    border-radius: 0;
}

.saisonal, .antragMGRED, .spError {
    display: none;
}

#footer a {
    color: transparent;
}

.showzeitrauminfo, .showzeitrauminfo2 {
    display: none;
}

.textForm {
    width: 100%;
    height: 170px !important;
}

.uk-button {
    min-width: 40px;
}

.marginBottomGrid {
    margin-bottom: 10px;
}

.uk-modal-footer {
    margin-bottom: 0px;
}

.backendHead {
    font-size: 14px;
    text-align: center;
    margin: 0;
    margin-top: 8px;
    color: #fff;
    position: relative;
    top: -10px;
    line-height: 6px;
    background: rgba(245, 245, 245, 0.83);
    padding: 10px;
    background: #3c8acd;
    margin-bottom: 47px;
}

.wc-cal-event .wc-time {
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    font-size: 8.5px;
    word-break: break-word;
    text-align: center;
    line-height: 8.5px;
    position: absolute;
    word-spacing: 0px;
    height: 100%;
    max-height: 100%;
    top: 2px;
    font-weight: bold;
    left: 1%;
    right: 1%;
    width: 98%;
}

.terminClub3 .wc-time {
    color: #000 !important;
}

.terminClub4 .wc-time {
    color: #000 !important;
}

.wc-toolbar {
    height: 0px;
    padding: 0;

}

.wc-container {
    margin-top: -9px;
    overflow: hidden;
}

.wc-scrollable-grid {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
}

.wc-title {
    display: none;
}

.auflistung {
    width: 145px;
    float: left;
}

html {
    -ms-overflow-style: none;
}

.terminClub1 .wc-time {
    color: #000 !important;
}

select[multiple] {
    height: 1px !important;
}

.printList, .printListTermin {

}

.SumoSelect {
    width: 100%;
}

.dataTables_length .SumoSelect {
    width: 100%;
    max-width: 75px;
}

.SumoSelect .select-all.partial > span i {
    background-color: #ccc;
    background: #fff;
    border: 1px solid #ccc;
}

.uk-table-hover tbody tr:hover {
    background: transparent;
}

.uk-close {
    opacity: 0.6;
    color: #fff;
}

.showEinzelFilter {
    display: none;
}

.idholiday {
    width: 100% !important;
    background-color: rgba(218, 216, 216, 0.85) !important;
    border: none !important;
    color: transparent !important;
    z-index: 1;
}

.dragBorder {
    border: 2px solid #ff0000 !important;
}

.dragBorderSingle {
    border: 2px solid #caac1e !important;
    border-right: 3px solid #caac1e !important;
}

.dragBorderSingleFinish {
    border: 2px solid #0d8d27 !important;
    border-right: 3px solid #0d8d27 !important;
    right: 0px !important;
    left: auto !important;
}

.borderDragHide {
    border: 2px solid #00bf00 !important;
}

/* Radio group */
.segmented {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    font-family: "Helvetica Neue";
    font-size: 90%;
    text-align: center;
}

.segmented label {
    display: block;
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-right: none;
    color: #444;
    margin: 0;
    height: 40px;
    padding: .4em;
    padding-top: 9px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    background: #fff;
    font-size: 14px;
    font-family: sans-serif;
}

.segmented label.checked {
    background: #a1a1a1;
    color: #fff;
}

.segmented.inverted label {
    border-color: #fff;
    color: #fff;
    background: none;
}

.segmented.inverted label.checked {
    background: #fff;
    color: inherit;
}

.segmented label:first-child {
    border-radius: .4em 0 0 .4em;
    border-right: 0;
}

.segmented label:last-child {
    border-radius: 0 .4em .4em 0;
    border-right: 1px solid #dddddd;
}

.segmented input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    position: absolute;
    width: 0;
    height: 0;
    border: none !important;
}

.segmented input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    position: absolute;
    width: 0;
    height: 0;
    border: none !important;
}

.segmentedchecbox label {
    display: block;
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-right: none;
    color: #444;
    margin: 0;
    height: 40px;
    padding: .4em;
    padding-top: 9px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 15px;
    padding-right: 15px;
}

.frontContent .wc-click {
    cursor: default !important;
}

.errorBis {
    display: none;
    margin: 0;
    color: red;
}

a.uk-datepicker-date-disabled {
    color: #999 !important;
    cursor: not-allowed;
    background: #fff !important;
    border: none;
}

.someinput::-ms-clear {
    display: none;
}

td .uk-button {
    margin-left: 5px;
}

#drittelInfo {
    display: none;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: -30px;
}

input::-ms-clear {
    display: none;
}

.selectDate .uk-form input[type="text"] {
    width: 105px;
    height: 34px;
    margin-top: -2px;
}

.hideRemoveKonfig {
    display: none;
}

.moreBank .hideRemoveKonfig {
    display: block !important;
    position: relative;
    top: 28px;
    left: -25px;
}

.moreBank {
    margin-top: 14px;
}

.moreBank .uk-grid + .uk-grid {
    margin-top: 14px;
}

.deleteButtonH4 {
    margin-left: 30px;
}

:required {
    border: 1px solid red !important;
}

.inPutinField {
    border: 1px solid #dddddd !important;
}

.inPutinField[type="checkbox"] {
    border: 1px solid #aaa !important;
}

.alertUeErrorSaison {
    display: none;
}

.backInvoice {
    margin-top: -80px;
}

.uk-table tfoot th, .uk-table tfoot td {
    border: none;
    font-size: 14px;
}

.uk-modal-footer {
    background: #ffffff;
}

.priceDay {
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 20px;
}

.priceDay .allweek {
    width: 100px;
}

.alertPreisError, .showInfoNoDelete, .rechnungRED {
    display: none;
}

.SumoSelect .error {
    float: none;
}

.showErrorTime, .showErrorTime2, .errorBis, .showErrorTimeEdit, .showErrorTimeEdit2 {
    float: left;
    width: 100%;
    color: red;
}

.wc-container .noEditTermin .ui-resizable-s {
    height: 0 !important;
}

.wc-container .noEditTermin.ui-draggable .wc-click {
    height: 100% !important;
}

.uk-form input[type=radio]:disabled, .uk-form input[type=checkbox]:disabled {
    border-color: #dddddd;
    background: #d2cece;
}

select:required + .SelectBox {
    border: 1px solid red !important;
}

select.selectedContent:required + .SelectBox {
    border: 1px solid #A4A4A4 !important;
}

.requirejqte {
    border: 1px solid red !important;
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #EFF4FF;
}

#deleteAntrag {
    z-index: 1500;
}

.printModal {
    font-family: sans-serif;
    display: flex;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    left: 0;
    top: 0;
    position: absolute;
    color: #0460b5;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .91)
}

.printClose {
    position: absolute;
    right: 10px;
    top: 10px
}

.printClose:before {
    content: "\00D7";
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 100;
    line-height: 1px;
    padding-top: .5em;
    display: block;
    font-size: 2em;
    text-indent: 1px;
    overflow: hidden;
    height: 1.25em;
    width: 1.25em;
    text-align: center;
    cursor: pointer
}

.printSpinner {
    margin-top: 3px;
    margin-left: -40px;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #0460b5;
    border-radius: 50%;
    animation: spin .75s infinite linear
}

.printSpinner::after, .printSpinner::before {
    left: -2px;
    top: -2px;
    display: none;
    position: absolute;
    content: '';
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit
}

.printSpinner, .printSpinner::after, .printSpinner::before {
    display: inline-block;
    border-color: transparent;
    border-top-color: #0460b5;
    animation-duration: 1.2s
}

.printSpinner::before {
    transform: rotate(120deg)
}

.printSpinner::after {
    transform: rotate(240deg)
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.wc-einzelTermin.club0 {
    background: repeating-linear-gradient(45deg, rgba(204, 29, 28, 0.68), rgba(204, 29, 28, 0.68) 2px, rgba(204, 29, 28, 0.68) 10px, rgba(204, 29, 28, 0.68) 20px) !important;
    cursor: default !important;
}

.wc-serienTermin.club0 {
    background-color: rgba(204, 29, 28, 0.68) !important;
    cursor: default !important;
}

.wc-einzelTermin.takeover {
    background: repeating-linear-gradient(45deg, rgba(255, 193, 7, 0.67), rgba(255, 193, 7, 0.67) 2px, rgba(255, 193, 7, 0.67) 10px, rgba(255, 193, 7, 0.67) 20px) !important;
    cursor: default !important;
}

.wc-serienTermin.takeover {
    background-color: rgba(255, 193, 7, 0.67) !important;
    cursor: default !important;
}

.wc-container .ui-draggable.takeover .wc-time,.takeover .wc-click,.wc-container .takeover .ui-resizable-s {
    cursor: default !important;
}

.wc-einzelTermin:before
{
    background: #000;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: 64% 98%;
    transform: rotate(140deg);
    width: 150%;
    color: #fff;
}

.wc-einzelTermin:after
{
    content: 'E';
    position: absolute;
    bottom: 0;
    right: 6%;
    color: #fff;
    font-size: 9px;
}
.hoverScale:hover
{
    transform: scale(1.1);
}

.noEditTermin:before
{
    background: transparent;
}

.noEditTermin:after
{
    background: transparent;
    content: '';
}
input, .uk-autocomplete,select {
    width: 100%;
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    height: 40px;
}

.SumoSelect > .CaptionCont {
    padding-top: 9px;
    padding-bottom: 9px;
}

.uebersichtS #spUTable_length {
    display: none;
}

@media (max-width: 1500px) {
    .wc-scrollable-grid {
        width: 98.7%;
    }
}

@media (max-width: 1410px) {

    .hideSmall {
        display: none;
    }

    #filterForm .datemask {
        width: 40%;
    }

    .wc-scrollable-grid {
        width: 98.7%;
    }

    .mainNav a, .sideNav a {
        margin-right: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (max-width: 1370px) {

    .invoiceDetailInfo {
        font-size: 12px;
    }

    .mainNav a, .sideNav a {
        margin-right: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (max-width: 1250px) {

    .mobileHide {
        display: none;
    }

    .ms-parent {
        max-width: 300px !important;
    }

    .mainNav {
        margin-left: 20%;
    }

}

@media (max-width: 1410px) {
    .wc-grid-timeslot-header, .wc-header .wc-time-column-header {
        width: 40px;
        font-size: 11px;
    }
}

@media (min-width: 1435px) {

    .copyrightF {
        float: left;
        position: relative;
        top: -20px;
        left: 15px;
    }
}

@media (max-width: 1435px) {

    .copyrightF {
        left: 10%;
    }
}

@media (max-width: 1300px) {

    .copyrightF {
        left: 20%;
    }
}

@media (max-width: 1200px) {

    .copyrightF {
        left: 30%;
    }

    .mainNav {
        margin-left: 20%;
    }
}

@media (max-width: 1180px) {

    .mainNav {
        margin-left: 10%;
    }
}

@media (max-width: 1110px) {

    .copyrightF {
        font-size: 12px;

    }

    .resetFilter {
        font-size: 11px;
    }

    .mainNav {
        margin-left: 10%;
    }

    .mainNav a, .sideNav a {
        margin-right: 10px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (max-width: 1024px) {
    .hideTableLower {
        display: none;
    }
}

@media (max-width: 800px) {
    .mainNav img {
        width: 25px;
    }

    .sideNav img {
        width: 22px;
    }
}

@media (max-height: 690px) {

    .wc-scrollable-grid {
        padding-right: 0px;
        margin-top: 0px;
    }
}

@media (min-height: 840px) {
    .wc-container {
        margin-top: -9px;
        overflow: auto;
    }

    .wc-scrollable-grid {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    #footer {
        width: 100%;
        height: 65px;
        padding-top: 10px;
    }

    .mainNav {
        margin: 0 !important;
    . paddingR
    }

    .paddingR {
        padding: 0 !important;
        text-align: center !important;
        margin-top: 10px;
    }

    .dataTables_wrapper {
        width: 100%;
        overflow-x: scroll;
    }

    .selectCalenderButton, .selectWocheCalenderButton {
        width: 100%;
        margin-bottom: 5px;
    }


}

@media (max-width: 767px) {

    form .uk-grid > * {
        padding-left: 30px;
        margin-top: 10px;
    }

    .uk-modal-footer .uk-button {
        margin-bottom: 10px;
    }

    .uk-accordion, .preiseServiceForm, #printResponsibleData {
        width: 100%;
        overflow: scroll;
    }

    .settingsContent {
        overflow: hidden;
    }

    .preiseServiceForm .addService {
        margin-bottom: 0 !important;
    }

    .removeBankFirst {
        position: relative;
        top: 4px;
        left: -1px;
    }

    .uk-modal-dialog .dataTables_filter {
        position: relative;
        top: 0;
        right: 47px;
    }

    .uk-modal-dialog .dataTables_filter label {
        color: #444444;
    }

    .uk-modal-dialog-large .uk-modal-header h2 {
        padding-left: 0;
    }

    .uk-modal-header h2 {
        font-size: 20px;
    }

    .hideMobile {
        display: none;
    }

    .menufootermobil {
        display: block;
    }

    .selectWeek {
        position: relative;
        left: 0;
        top: 0;
        width: 75px;
    }

    .backButtonFrontend {
        margin-top: -38px !important;
        float: right;
        margin-right: 130px !important;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .kontaktfooter {
        float: right;
        margin-top: -30px;
        margin-right: 4px !important;
    }

    #head {
        font-size: 20px !important;
    }

    #mainContent {

    }

    .selectWeek {
        position: relative;
        left: 0;
        top: 0;
    }

    .showInfo {
        position: relative;
        left: 0;
        top: 0;
    }

    .selectDate {
        position: relative;
        left: 0;
        top: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .selectArea {
        position: relative;
        left: 0;
        top: 0;
    }

    .buttonsCalc {
        display: none;
        position: absolute;
        right: 0px;
        top: 85px;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 25px;
        background-color: white;
        width: 80%;
    }

    .headCalender {
        font-size: 15px;
        position: relative;
        top: 5px;
    }

    .wc-title {
        display: none;
    }

    .wc-toolbar {
        padding: 1em;
        font-size: 0.8em;
        height: 35px;
    }

    .weekToday, .prevWeek, .nextWeek {
        line-height: 10px !important;
        min-height: 25px;
    }

    .menuMobil {
        display: block;
    }

    #chooseBereich {
        padding: 0px;
    }

    h2 {
        font-size: 15px;
    }

    .textForm {
        width: 93%;
        height: 100px !important;
    }
}

@media (min-width: 768px) {
    .mce-tinymc {
        width: 99% !important;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 620px) {

    .mobileHide {
        display: none;
    }
}

@media (max-width: 480px) {
    .mainNav img {
        width: 20px;
    }

    .sideNav img {
        width: 20px;
    }

    .centerContent {
        width: 100%;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }

    .well {
        padding: 5px;
    }

    .buttonLeiste {
        position: relative;
        top: 0;
        width: auto;
    }

    #sprTable_filter, #sprTableA_filter, #infoTable_filter, #spAntragMailTable_filter, #invTable_filter, #invTableA_filter, #spAntragArchivTable_filter, #spKontaktMailTable_filter, #spKontaktArchivTable_filter, #sendMails .dataTables_filter {
        position: relative;
        top: 0;
        right: 0;
    }

    td .uk-button {
        margin-left: 5px;
        margin-top: 5px;
    }

    .drucken {
        margin-top: 0;
    }
}