
.md-custom-event-category {
    position: relative;
    padding-left: 42px;
    max-height: 40px;
    font-size: 15px;
}

.md-custom-event-img {
    position: absolute;
    max-height: 40px;
    max-width: 40px;
    top: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 20px;
}

.md-work-week-nav {
    width: 200px;
}

.mbsc-material.md-work-week-nav {
    order: 3;
}

.mbsc-windows.md-work-week-nav {
    order: 1;
}

.md-work-week-picker {
    flex: 1 0 auto;
}

.mbsc-material .md-work-week-picker {
    order: 4;
}

.mbsc-windows .md-work-week-picker {
    order: 4;
}

.mbsc-material.md-work-week-prev {
    order: 4;
}

.mbsc-windows.md-work-week-prev {
    order: 3;
}

.mbsc-material .md-work-week-today {
    order: 4;
}

.mbsc-windows .md-work-week-today {
    order: 4;
}

.mbsc-material.md-work-week-next {
    order: 5;
}

.mbsc-windows.md-work-week-next {
    order: 5;
}


.md-switching-timeline-view-cont .mbsc-timeline-resource {
    display: flex;
    align-items: center;
}

.md-switching-timeline-view-cont .mbsc-timeline-resource-col {
    width: 110px;
}

.md-switching-timeline-view-cont .mbsc-segmented {
    max-width: 350px;
    margin: 0 auto;
    padding: 1px;
}

/* Css for row height */
.md-switching-timeline-view-cont .mbsc-timeline-resource,
.md-switching-timeline-view-cont .mbsc-timeline-row {
    min-height: 93px !important;
}


/* Header */
.sco-work-week-nav {
	width: 200px;
	display: contents;
}

.mbsc-material.sco-work-week-nav {
	order: 3;
}

.mbsc-windows.sco-work-week-nav {
	order: 1;
}

.sco-work-week-picker {
	flex: 1 0 auto;
}

.mbsc-material .sco-work-week-picker {
	order: 4;
}

.mbsc-windows .sco-work-week-picker {
	order: 4;
}

.mbsc-material.sco-work-week-prev {
	order: 4;
}

.mbsc-windows.sco-work-week-prev {
	order: 3;
}

.mbsc-material .sco-work-week-today {
	order: 4;
}

.mbsc-windows .sco-work-week-today {
	order: 4;
}

.mbsc-material.sco-work-week-next {
	order: 5;
}

.mbsc-windows.sco-work-week-next {
	order: 5;
}

.sco-switching-timeline-view-cont .mbsc-timeline-resource {
	display: flex;
	align-items: center;
	min-height: 150px !important;
}

.sco-switching-timeline-view-cont .mbsc-timeline-resource-col {
	width: 205px;
}

.sco-switching-timeline-view-cont .mbsc-segmented {
	max-width: 350px;
	margin: 0 auto;
	padding: 1px;
}
/* Header */

/* css for events */
.sco-custom-event-category {
    position: relative;
    font-size: 15px;
    padding-left: 0px;
    top: 0.5rem;
    text-align: center;
    /* Fix for one line and text not show more */
    white-space: nowrap;
    overflow: hidden;
}

.sco-custom-event-status {
    position: relative; 
    max-height: 40px;
    text-align: center;
    font-size: smaller;
    margin-top: .35rem !important;
    white-space: nowrap;
    overflow: hidden;
}

.sco-custom-event-date {
    position: relative;
    text-align: center;
    font-size: x-small;
    padding-bottom: .8rem;
    margin-top: .25rem !important;
    white-space: nowrap;
    overflow: hidden;
} 
/* css for events */
/* css for list color */
li::marker {
    color: yellow;
  }

  ul {
    list-style-type: none;
  }

  li::before {
    display:          inline-block;
    vertical-align:   middle;
    width:            15px;
    height:           10px;
    margin-right:     8px;
    content:          ' '
  }
  
  li.statusExpected::before {
    background-color: #E6E6FA;
    
  }

  li.statusReported::before {
    background-color: #6A5ACD;
  }

  li.statusArrived::before {
    background-color: #FF7F50;
  }

  li.statusInProgress::before {
    background-color: #FF4500;
  }

  li.statusCompleted::before {
    background-color: #32CD32;
  }

/* css for list color */

/* For Scheduler theme */ 
.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected { 
    background: #0085AD; color: #fff; 
} 
.mbsc-material.mbsc-timeline-header-active:after { 
    background-color: #0085AD; 
} 
.mbsc-material.mbsc-schedule-time-indicator { 
    border-color: #0085AD; 
} /* border color */ 
.mbsc-material.mbsc-segmented-button.mbsc-button { 
    border-color: #0085AD; color: #000; 
} 
