.appointment-icon-list {
    float: right;
    list-style: none;
    padding: 0;
}
    /*.appointment-icon-list .detail-collection-icon,
    .appointment-icon-list .detail-icon {
        /*display: none;
    }*/

.detail-collection .appointment-icon-list .detail-collection-icon,
.detail .appointment-icon-list .detail-icon {
    /*display: inline;*/
    }

    .appointment-icon-list li {
        margin: 0;
        padding: 0;
    }


.appointment-icon {
    width: 16px;
    width: 12px;
    /*display: none;*/
}

.dx-scheduler-appointment-content .appointment-text {
    white-space: pre-wrap;
    font-size: 9px;
    color: black;
}

.dx-scheduler .dx-scheduler-appointment
.dx-scheduler .dx-scheduler-appointment.dx-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler .dx-scheduler-appointment .hilight:before {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: .98;
}

    .dx-scheduler .dx-scheduler-appointment .hilight:before {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.dx-scheduler-appointment .dx-state-focused.hilight:before {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: .98;
}

.hilight {
    /*background: repeating-linear-gradient( 45deg, #41a5ee, #41a5ee 10px, #0295d9 10px, #0295d9 20px );*/
    border-top: 6px dotted red;
    border-bottom: 1px white;
}

.hilightoncall {
    /*background: repeating-linear-gradient(#41a5ee, #41a5ee 16px, #0295d9 16px, #0295d9 32px );*/
    border-top: 6px dashed black;
    border-bottom: 1px white;
}


.hilightondetail {
    border-top: 6px solid #404040;
    border-bottom: 1px white;
}

.dx-scheduler-appointment-content {
    padding: 2px 7px;
    border-bottom: 1px white;
}

.schedule-controls {
    padding-top: 10px;
    padding-bottom: 10px;
}
    
    .schedule-controls > div {
        margin-bottom: 5px;
    }


    @media (min-width: 950px) {
        .schedule-controls > div {
            display: inline-block;
            margin-bottom: 0;
        }
    }
    
    .schedule-controls > div > span {
        position: relative;
        top: 2px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .schedule-controls > div > .dx-selectbox,
    .schedule-controls > div > .dx-datebox {
        display: inline-block;
        vertical-align: middle;
    }

.appointment-wrapper.deviation-day {
    background-color: #eb5757;
    color: white;
    border-bottom: 1px white;
    /*This bg-color is overrid by AppointmentModel line 27*/
}

/*.dx-scheduler .dx-scheduler-appointment.onCall {
    background: repeating-linear-gradient( 45deg, #41a5ee, #41a5ee 10px, #0295d9 10px, #0295d9 20px );
    border-bottom: 3px dotted black;

    //This command is moved to each controller as it can't be called from css
}*/


.appointment-wrapper.canceled {
    color: black;
    text-decoration: line-through;
    border-bottom: 1px white;
}

.production-calendar .schedule-controls {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .dx-scheduler-view-switcher-label {
        display: none;
    }
}

/* calendargroup scrollbar */
#scheduler .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    background-color: rgba(191, 191, 191, 0.7);
}

#scheduler .dx-scrollbar-vertical .dx-scrollable-scroll {
    float: right;
    width: 13px;
}

#scheduler .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 13px;
}

#scheduler .dx-scrollbar-horizontal .dx-scrollable-scroll {
    max-height: 13px;
}

#scheduler .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 13px;
}

#calendarGroupScheduler .dx-scheduler-timeline .dx-scheduler-date-table-cell {
    height: 150px;
    width: 150px;
}

#calendarGroupScheduler .dx-scheduler-work-space-day .dx-scheduler-cell-sizes-horizontal {
    width: 130px;
}

#calendarGroupScheduler .dx-scheduler-timeline .dx-scheduler-work-space-day .dx-scheduler-cell-sizes-horizontal {
    height: 150px;
    width: 200px;
}

#calendarGroupScheduler .dx-scheduler-agenda .dx-scheduler-time-panel {
    display: none;
}

.dx-scheduler-agenda table tr{
    border: 2px solid transparent;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
    overflow: visible;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content div {
    width: 230%;
    font-size: 14px;
    overflow: auto;
}

.dx-scheduler-appointment-popup {
    display: none;
}

/*div.dx-toolbar{
    display: none;
}*/


.dx-scheduler-appointment {
    border-bottom: 1px white;
    color: black;
}