.calendarWeek {
    position: absolute;
    color: rgb(224, 224, 224);
    font-size: 30px;
}

.monthText {
    position: relative;
    font-weight: bold;
    float: left;
}

.firstMonthDate {
    font-weight: bold !important;
    color: rgb(127, 127, 127);
    overflow: hidden;
    height: 15px;
}


/*Hinweistext der Periode*/
.holidayTip {
    position: relative;
    margin-top: 3px;
    font-size: 15px;
    width: 50%;
    height: 30px;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(77, 77, 77);
}

.k-dropdown {
    width: 100% !important;
}

/*.k-other-month.dutySlotSymbol{
    background-color: white;
    opacity: 0.5;
}*/

@media only screen and (max-width:767px) {

    .validationList {
        width: 300px;
        display: block;
    }

    .requestEditor {
        width: 100%;
    }
}

.dayCountBackground {
    /*background-color: white;*/
}

.dayNotCountBackground {
    background-color: #e9e9e9 !important;
}



    .dayCountSlotSymbol {
        position: relative;
        color: white;
        /*margin-top: 60px;*/
        z-index: 0;
        margin-left: 4px;
        height: 12px;
        /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    }

.dayNotCountSlotSymbol {
    z-index: 0;
    margin-left: 4px;
    height: 12px;
    color: #e9e9e9;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

/*Die Farbe für ein SpanItem*/
.spanItemColor {
    float: left;
    /*margin-top: -27px;*/
    margin-left: -10px;
    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);*/
}

/*Die Farbe für ein Urlaubsintervall*/
.holidayFictitiousPeriodColor {
    float: left;
    margin-top: -27px;
    margin-left: -10px;
    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);*/
}


/*.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.k-event-actions:last-child {
    margin-top: 20px;
}

.k-event-actions:first-child {
    margin-top: 20px;
}*/



.validationList {
    width: 300px;
    display: block;
}

.requestEditor {
    width: 100%;
}

.mainRequestEditor {
    padding: 10px;
}



.requestEditControllerBody .alternativRequestEditor {
    /*float: right!important;*/
    position: relative;
    /*margin-right:  20px!important;*/
    padding: 10px;
    border-top-style: solid;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    /*margin-top: 40px;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(244, 244, 244);
}

    .requestEditControllerBody .alternativRequestEditor p {
        /*margin-right:  20px!important;*/
        /*float: right!important;*/
    }

        .requestEditControllerBody .alternativRequestEditor p.input-group {
            padding-right: 0 !important;
        }

.requestEditControllerBody p {
    /*margin:  10px!important;*/
}



.requestEditControllerBody .alternativRequestEditor .editButtonContainer {
    margin-right: 20px;
}


.requestEditControllerBody .title {
    color: darkgrey;
    font-size: 20px;
}


.hide {
    display: none;
}

tr td.priorityRequestColumn {
    padding: 10px;
    border-top-style: dotted;
    border-top-color: rgb(81, 128, 198);
    border-top-width: 5px;
    color: rgb(81, 128, 198);
}

tr td.mainRequestColumn {
    padding: 10px;
    border-top-style: dotted;
    border-top-color: green;
    border-top-width: 5px;
    opacity: 0.9;
    color: green;
}

tr td.alternativRequestColumn {
    padding: 10px;
    border-top-style: dotted;
    border-top-color: orange;
    border-top-width: 5px;
    opacity: 0.9;
}

/*Rückt den Tag nach Rechts ein*/
.detailItem {
    overflow: hidden;
    width: 100% !important;
    float: left !important;
    margin-left: 0px;
    color: rgb(77, 77, 77);
    /*margin-right: 5px;*/
}

#requestOverviewGrid {
    margin: 5px;
}

.requestEditController div .detailItem .orangeEllipse {
    border-top-style: dotted;
    border-top-color: rgb(219, 163, 37);
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-top-width: 5px;
    opacity: 0.7;
    height: 0px;
    width: 140px;
}



.requestEditController div .detailItem .detailItemAlternativRequest {
    color: rgb(219, 163, 37);
    padding-left: 20px;
    float: left;
    width: 160px;
}


@media (min-width: 480px ) {

    .validationList {
        width: 300px;
        display: block;
    }

    .requestEditor {
        width: 100%;
    }
}




/*li
{
  float:left;
}
 ul {

     padding-left: 0;
     padding-right: 0;
     margin-left: auto;
     margin-right: auto;

 }*/




/*Farben*/

.fa.fa-circle.mainRequest {
    color: green !important;
    background-color: transparent !important;
}

.fa.fa-circle.alternativRequest {
    color: orange !important;
    background-color: transparent !important;
}

.fa.fa-circle.priorityRequest {
    color: rgb(81, 128, 198) !important;
    background-color: transparent !important;
}

.priorityRequest {
    background-color: rgb(81, 128, 198);
}

.mainRequest {
    background-color: green;
}

.alternativRequest {
    background-color: orange;
}

.holidayBlockFirst {
    background-color: white;
}

.holidayBlockSecond {
    background-color: rgb(239, 239, 239);
}

    .holidayBlockSecond.errorSlot {
        background-color: rgb(239, 239, 239);
    }

/*Selektionsfarben*/

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



.selectableRegion {
    cursor: pointer;
}

    .selectableRegion:hover {
        font-weight: bold;
    }

.selectableRegionSelected {
    font-weight: bold;
    color: blue;
}


.holidayBlockFirst.absenceSlot.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #bce8f7 !important;
}

.holidayBlockFirst.dutySlotSymbol.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #bce8f7 !important;
}

.holidayBlockFirst.dutySlotSymbol.dayNotCountBackground.k-state-selected {
    background-color: #a4d1df!important;
}

.holidayBlockFirst.freeSlotSymbol.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #bce8f7 !important;
}


.holidayBlockSecond.dutySlotSymbol.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #9ebdc8 !important;
}

.holidayBlockSecond.absenceSlot.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #9ebdc8 !important;
}

.holidayBlockSecond.freeSlotSymbol.k-state-selected {
    font-weight: bold !important;
    color: black !important;
    background-color: #9ebdc8 !important;
}



.chainingMethodText div {
    float: left;
}

.fa.fa-child.small {
    font-size: 15px !important;
}

input[type=checkbox] {
    /* All browsers except webkit*/
    transform: scale(1.5);
    /* Webkit browsers*/
    -webkit-transform: scale(1.5);
}

.form-control {
    border-width: 0;
}

.editControllerItem {
    margin-top: 10px;
    display: inline-block;
    border-color: rgb(203, 203, 203);
    background-color: white;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    margin-right: 20px;
}

.editControllerItemIcon {
    padding-top: 8px;
    float: left;
    height: 35px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(203, 203, 203);
    width: 15%;
    text-align: center;
}


.editControllerItemContent {
    height: 30px;
    width: 85%;
    display: block;
    float: right;
    text-align: center;
}


.editControllerItemContent4 {
    padding-top: 8px;
    height: 35px;
    width: 42%;
    display: inline-block;
    float: right;
    overflow: hidden;
}

.editControllerItemContent3 {
    height: 35px;
    width: 40%;
    float: right;
    overflow: hidden;
    background-color: rgb(237, 237, 237);
}



.editControllerItemContent1 {
    padding-top: 8px;
    height: 50px;
    width: 68%;
    display: inline-block;
    float: right;
    overflow: hidden;
}

.editControllerItemContent2 {
    padding-top: 8px;
    overflow: hidden;
    height: 50px;
    background-color: rgb(237, 237, 237);
    width: 15%;
    display: inline-block;
    float: right;
    text-align: center;
}


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