body {
}

.requestEditController div.requestEditControllerBody {
    padding: 10px!important;
}

.editorButtons {

    margin-top: 20px;
       
}

.notSaved {
        color: rgb(247, 0, 0);
}

/*Nicht scrollen*/
.k-scheduler-layout, .k-scheduler-table {
    overflow: hidden!important;
}


.shortTermPeriodDataChooser {
    position: relative !important;
    float: left!important;
}

#notSavedText {

   
    width: 300px;
    top: 53px;
    left:300px;
    text-align: left;
    font-size: 15px;
    position: absolute;
    
}

/*Die Farbe für ein Urlaubsintervall*/
.holidayFictitiousPeriodColor {
    float: left;
    margin-left: -10px;
    margin-right: 5px;
    z-index: 10000;
    height: 25px;
    width: 25px;
    font-size: 15px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.notSaved:hover {
    color: red;
}

.k-link.k-nav-day {
    font-size: 15px;
}

/*Der Ramen des Kalendercontrolls*/
.k-scheduler {
    border-style: solid;
    border-right-style: none;
    border-color: darkgray;
    border-width: 1px;
    border-radius: 0px;
    float: left;
    width: 50%;
    /*height: 800px;*/
}


.k-event-actions:last-child {
    /*float: none;*/
    /*background-color: red;*/
    margin-top: 20px;

}

.k-event-actions:first-child {
    /*float: none;*/
    /*background-color: red;*/
    margin-top: 20px;

}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td {
    height: inherit !important;
}

.k-floatwrap.k-header.k-scheduler-toolbar {
    background-color: #f5f5f5;
    border-radius: 0;
}


.k-scheduler-table th {
    text-align: center;
    font-weight: normal;
}

.k-scheduler-table {
    background-color: whitesmoke;
}

.k-state-selected {

    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-event.k-state-selected {
    background-color: transparent;
}

.activeSlot.k-state-selected {
    /*font-weight: bold;*/
    color: black!important;
    background-color: #bce8f7;
}

.dayStatusSlot.k-state-selected {
    /*font-weight: bold;*/
    color: black;
    background-color: #bce8f7;
}

.blockedDay.k-state-selected {
    /*font-weight: bold;*/
    color: black;
    background-color: rgb(201, 201, 201);
}

.requestEditorContent {
    horiz-align: center;
    vert-align: center;
}

.periodTitle {
    font-size: 14px;
}



.errorText {
    margin-left: 20px;
}


.nameColumn {
    width: 50px;
}

.title {
    color: black;
    font-size: 1.2em;
}


.description {
    height: 20px;
    width: 100%;
    color: white;
}


.blockedDay.errorSlot {
    position: relative;
    background-color: rgb(226, 226, 226);
}

.blockedDay {
    position: relative;
    background-color: rgb(226, 226, 226);
}

.dayStatusSlot {
    background-color: white;
    color: black;
    position: relative;
}

.dayStatusSlotContent {
    position: absolute;
    color: darkred;
    float: left;
    margin-left: 0;
    bottom: 5px;
    left: 0;
    /*margin-top: 60px;*/
    /*font-size: 30px;*/
}

.dayStatusSlotBody {
    position: relative;
    /*margin-top: 100px;*/
    display: block;
    height: 80%;
    width: 100%;
    font-size: 14px;
    color: black;
}


.panelBar {
    height: 800px;
    background-color: transparent;
    border-style: none;
}

.statusCycle{
    width:20px;
    height:20px;
    
    /*border-style:solid;*/
    border-radius:10px;
}


.errorIcon {
    position: absolute;
    color: #b80a0a;
    float: left;
    margin-left: 0;
    top: -22px;
    left: 0;
    
}

.errorIconBody {
    position: relative;
    /*margin-top: 100px;*/
    display: block;
    height: 80%;
    width: 100%;
    font-size: 14px;
    color: black;
}

.errorSlot {
    background-color: white;
    color: black;
    position: relative;
}

.slotHeaderText {
    z-index: 8000!important;
}




.thresholdSlot {
    /*background-color: transparent;*/
    position: relative;
    top: 50px;
    margin-left: 5px;
    font-size: 14px;
    color: white;

    float:right;
    border-radius: 5px;
    opacity: 1;
    
}


.inactiveSlot.noThreshold {
    background-color: rgb(231, 231, 231)!important;
    color: rgb(215, 215, 215);
}

.inactiveSlot.threshold {
    background-color: gray!important;
    color: rgb(215, 215, 215);

  
}

.inactiveSlot .periodSlotBody{
    background-color: transparent!important;
    color: rgb(215, 215, 215);
}

/*Die Farbe für den aktiven Slot, wenn ein Schwellwert übertreten ist*/
.activeSlot.threshold {
    
    color: black;
     background-color: whitesmoke;
}

/*Die Farbe für alle Slots, an denen es keinen Schwellwert gibt*/
.activeSlot.noThreshold {

    background-color: white;
       /*background-color: rgb(168, 190, 204);*/
       color: black;
    

}

/*Die Farbe für alle Slots, an denen es keinen Schwellwert gibt*/
.activeSlot.freeTime.noThreshold {

        background-color: white;
       /*background-color: rgb(244, 244, 244);*/

    color: black;
}


.activeSlot.noThreshold.k-state-selected .periodSlotBody {
    /*font-weight: bold;*/
    color: black;
    background-color: transparent;
}

.activeSlot.freeTime.noThreshold.k-state-selected {
    /*font-weight: bold;*/
    color: black;
    background-color: #bce8f7;
}


/*Der PeriodSlot bei Tagen, wo ein Schwellwert exisitert*/
.activeSlot.threshold .periodSlotBody {
    /*background-color: transparent;*/
    color: black!important;
    float:left;
}
.periodSlotBody {
    /*background-color: transparent;*/
    color: black;
    float: left;
    z-index: 8000!important;
}


.thresholdSlotLegend {
    position: relative;
    margin-right: 10px;
    /*margin-right: 15px;*/
    float: left;
    display: block;
    /*float: left;*/
    height:20px!important;
    width:20px!important;
    border-radius:5px!important;
}

.periodSlotLegend {
    position: relative;
    margin-right: 10px;
    /*margin-right: 15px;*/
    float: left;
    display: block;
    /*float: left;*/
    height:20px!important;
    width:20px!important;
    border-radius:100px!important;
}

.requestTypeLegend {
    position: relative;
    margin-right: 15px;
    margin-top: 8px;
    float: left;
    height:2px!important;
    width:20px!important;
}

/*Symbol für einen Zählttag*/
.dayCountSlotSymbol {
    color: darkgreen;
    font-size: 20px;
    margin: 5px;
}

/*Symbol für einen Tag der nicht zählt*/
.dayNotCountSlotSymbol {
    color: darkred;
    font-size: 20px;
    margin: 5px;
}


.remainPreview {
    font-size: 15px !important;
    color: black;
}

.disabledScheduler {
    pointer-events: none;
}


/*.disabledScheduler td {
    
    background-color: whitesmoke !important;
    color: gray !important;
}*/

.disabledScheduler .k-scheduler-table td:before {
    
    background-color: whitesmoke !important;
    color: gray !important;

}


.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button.k-scheduler-refresh {
    display: none!important;
}

/*.loadingOverlay {
    position: absolute;

    width: 100%;
    height: 100%;
    
    opacity: 0.5;
    z-index: 4000;
    background-color: black;
    color: white;
    text-align: center;

}*/