.skeduler-container {padding: 5px;min-width: 1000px;}

.skeduler-container * {
  box-sizing: content-box !important;
}

.skeduler-headers {
  border-left: 1px solid #3a3633;
  display: flex;
  padding-left: 50px;
  position: relative;
  border-color: transparent;
  margin-bottom: 15px;
}

.skeduler-headers > div {
  border-left: 1px solid #3a3633; border-bottom: 1px solid #3a3633; border-top: 1px solid #3a3633; 
  text-align: center; font-size: 12px; font-weight: 700; width: calc(100% / 7); border-color: transparent; text-transform: uppercase;}


.skeduler-main-body > div > div.skeduler-cell {
  border-right: 1px solid #d4d4d4; border-color: transparent;
}

.skeduler-main-body > div:last-child > div.skeduler-cell  {border:0px;}

.skeduler-main {
  display: flex;
}

.skeduler-main-timeline {
  margin-top: -1px; padding-right: 10px;
}

.skeduler-main-timeline div {width: 40px; height: 10px; padding: 2px 5px; text-align: center; color: var(--aya-purple-l); font-size: 11px; font-weight: 600; border-right: 1px solid #3a3633; border-left: 1px solid #3a3633; line-height: 11px; border-color: transparent !important;}

.skeduler-main-timeline div:first-child {
  border-top: 1px solid var(--theme-color-content);
}

.skeduler-main-body {
  display: flex; width: 100%
}

.skeduler-main-body > * {width: calc(100% / 7);}

.skeduler-main-timeline div,
.skeduler-main-body > div > div.skeduler-cell {
  background-color: #FFFFFF;
}

.skeduler-main-timeline div:nth-child(even),
.skeduler-main-body > div > div.skeduler-cell:nth-child(odd) {
  border-top: 1px solid var(--theme-color-content);
  border-bottom: 1px solid var(--theme-color-content);
}

.skeduler-main-body > div > div.skeduler-cell {    width: 100%; height: 15px; margin: 0px; box-sizing: border-box !important}

.skeduler-main-body > div > .skeduler-task-placeholder {
  height: 0;
  position: relative;
}

.skeduler-main-body > div > .skeduler-task-placeholder > div {
  position: absolute; overflow: hidden !important; background: var(--aya-blue-l); padding: 1.25em; box-sizing: border-box !important; margin-right: 1px;
  box-shadow: var(--aya-shadow); width: auto; cursor: pointer; color: #FFFFFF; transition: var(--ease-out); border-radius: 20px; font-size: 12px;
}

.skeduler-main-body > div > .skeduler-task-placeholder > div:hover {
  box-shadow: var(--aya-shadow-blue); background: var(--aya-blue); min-height: 150px; z-index: 2; height: auto !important;
}

.is_task > div {}
.is_task > div > * {width: 100%;}
.is_task > div > label {color: #fff; font-weight: 600; margin-bottom: 5px;}
.is_task > div > div:first-of-type {margin: 0;}
.is_task > div > div {display: flex; align-items: center; justify-content: flex-start; margin-top: 5px;}
.is_task > div > div span[class*="material-icons"] {font-size: 17px;margin-right: 7px;}