
#sc-calendar-container {
  display: flex;
  border: 2px solid #eee;
  border-radius: 10px;
  width: 100%;
  height: 30vh;
  flex-direction: column;
}

#sc-schedule-week {
  margin: 0 0 10px 0;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #999;
  min-width: 25vw;
  cursor: pointer;
}

#sc-schedule-week-container:after {
  content: "\25bc";
  position: absolute;
  top: 26px;
  right: 33px;
  font-size: larger;
  transform: scale(1,0.5);
}

.sc-calendar-column {
  width: calc(100%/7);
  display: flex;
  height: 100%;
  flex-direction: column;
}

.sc-calendar-column + .sc-calendar-column {
  border-left: 2px solid #eee;
}

.sc-calendar-column-header {
  color: #222;
  border-bottom: 2px solid #eee;
  text-align: center;
}

.sc-calendar-slot {
  transition: all 0.2s;

  color: #f4f4f4;
  flex: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #4c9846;
  /*background: repeating-linear-gradient(
    45deg,
    #65bb61,
    #65bb61 10px,
    #4c9846 10px,
    #4c9846 20px
  );*/
}

.sc-calendar-slot:hover {
  box-shadow: rgb(0 0 0 / 38%) inset 0px 0px 16px 3px;
  cursor: pointer;

}

.sc-calendar-slot + .sc-calendar-slot  {
  border-top: 2px solid #eee;
  border-radius: 0 0 10px 10px;
}


.sc-calendar-slot[scdisabled=true]
{
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: #bfbfbf inset 0px 0px 0px 2px;
  /*background: repeating-linear-gradient( 44deg, #b5b5b5, #b5b5b5 10px, #999999 10px, #999999 20px );*/
  background-color: #b5b5b5;
}

.sc-selected {
  box-shadow: rgb(255 255 255 / 50%) inset 0px 0px 16px 3px;
  background-color: #34ACFC
}

.sc-week-container {
  display: flex;
  flex-grow: 1;
}

.sc-noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
