.image-previewer {
  height: 300px;
  width: 300px;
  display: flex;
  border-radius: 10px;
  border: 1px solid lightgrey;
}
.capitalize { text-transform: capitalize !important; }
.center-text { text-align: center !important; }
.deactivated, .unassigned, .noshow, .cancelled, .private{ background: rgba(206, 21, 0, .04); color: #CE1500; }
.tobebilled, .assigned, .public{ background: rgba(255, 153, 0, .04); color: #FF9900; }
.billed, .onhold{ background: rgba(39, 170, 226, .06); color: #27AAE2; }
.active2, .paid, .completed, .performed{ background: rgba(55, 159, 0, .05); color: #379F00; }
.scheduled{ background: rgba(230, 191, 5, .08); color: #E6BF05; }
.readmore { color: #DB1806 !important; }
.ds-status-cl.ds-status-unassigned:before { background: #3366cc; }
.ds-status-cl.ds-status-assigned:before { background: #dc3912; }
.ds-status-cl.ds-status-scheduled:before { background: #FF9900; }
.ds-status-cl.ds-status-hold:before { background: #109618; }
.ds-status-cl.ds-status-performed:before { background: #990099; }
.ds-status-cl.ds-status-completed:before { background: #0099c6; }
span.select2-selection.select2-selection--single { height: 36px !important; line-height: 36px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 36px !important; }
.select2-container { width: 100% !important; }
.noevent { pointer-events: none; }
.pointer { cursor: pointer; }
.data-truncate { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-height: 30px; max-width: 700px; }
.mb-0 { margin-bottom: 0px !important; }
.nodisplay { display: none !important; }
/* slide content */
.mid-wrapper { transition: 0.5s; }
.top-gradient { transition: 0.5s; }
.header { transition: 0.5s; }
.slideContent .mid-wrapper { padding: 90px 15px 30px 10px; }
.slideContent .top-gradient { width: calc(100% - 0px); }
.slideContent .header { margin-left: auto; padding-left: 0px; }
.slideContent img.header-open-icon { width: 0; padding: 0; transition: 0.5s; }
.slideContent .navbar-brand { padding-left: 0; }
.slideContent div#piechart { margin-left: -24px;}