@import url("../fonts/boxicons/css/boxicons.css");
@import url("../fonts/inter/css/inter.css");

:root {
  --body-bg-rgb: 237, 238, 241;
  --primary-rgb: 38, 191, 148;
  --secondary-rgb: 28, 44, 63;
  --warning-rgb: 245, 184, 73;
  --info-rgb:	73, 182, 245;
  --success-rgb: 38, 191, 148;
  --danger-rgb:	230, 83, 60;
  --light-rgb: 248, 249 ,250;
  --dark-rgb:	38, 44, 60;
  --orange-rgb:	245, 111, 75;
  --default-body-bg-color:	rgb(var(--body-bg-rgb));
  --primary-color:	rgb(var(--primary-rgb));
  --primary-border:	rgb(var(--primary-rgb));
  --primary01:	rgba(var(--primary-rgb), 0.1);
  --primary02:	rgba(var(--primary-rgb), 0.2);
  --primary03:	rgba(var(--primary-rgb), 0.3);
  --primary04:	rgba(var(--primary-rgb), 0.4);
  --primary05:	rgba(var(--primary-rgb), 0.5);
  --primary06:	rgba(var(--primary-rgb), 0.6);
  --primary07:	rgba(var(--primary-rgb), 0.7);
  --primary08:	rgba(var(--primary-rgb), 0.8);
  --primary09:	rgba(var(--primary-rgb), 0.9);
  --primary005:	rgba(var(--primary-rgb), 0.05);
  --default-font-family:	"Inter", sans-serif;
  --default-font-weight:	400;
  --default-text-color:	#1b2c3f;
  --default-border:	#f0f0f0;
  --default-background:	#f8f9fa;
  --custom-white:	#fff;
  --custom-black:	#000;
  --bootstrap-card-border:	#f3f3f3;
  --list-hover-focus-bg:	#f5f6f7;
  --text-muted:	#818995;
  --input-border:	#e4e9f4;
  --form-control-bg:	#ffffff;
}

body {
  font-size: 0.813rem;
  font-family: var(--default-font-family);
  font-weight: var(--default-font-weight);
  background-color: var(--default-body-bg-color);
  color: var(--default-text-color);
  line-height: 1.5;
  text-align: start;
  overflow-x: clip;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

*::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: var(--gray-1);
}

/* Text */
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-semibold { font-weight: 600; }
.text-xxl { font-size: 2rem; }
.text-xl { font-size: 1.775rem; }
.text-lg { font-size: 1.475rem; }
.text-md { font-size: 1.175rem; }
.text-sm { font-size: 1rem; }
.text-large { font-size: 8rem; }

.text-default {
  color: var(--default-text-color) !important;
}
.text-muted {
  color: var(--text-muted) !important;
}
.text-primary {
  color: var(--primary-color) !important;
  opacity: 1;
}
.text-primary.text-opacity-75 {
  color: var(--primary08) !important;
}
.text-primary.text-opacity-25 {
  color: var(--primary03) !important;
}
.text-primary.text-opacity-50 {
  color: var(--primary05) !important;
}
.text-secondary {
  color: rgb(var(--secondary-rgb)) !important;
  opacity: 1;
}
.text-secondary.text-opacity-75 {
  color: rgba(var(--secondary-rgb), 0.75) !important;
}
.text-secondary.text-opacity-25 {
  color: rgba(var(--secondary-rgb), 0.25) !important;
}
.text-secondary.text-opacity-50 {
  color: rgba(var(--secondary-rgb), 0.5) !important;
}
ol {
  padding-left: 1em;
}

/* Links */
a {
  text-decoration: none;
  color: var(--default-text-color);
}
a:hover {
  --bs-text-opacity: 1;
  opacity: 1;
  color: var(--default-text-color);
}
.link-primary {
  color: var(--primary-color) !important;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
  color: var(--primary-color) !important;
}
.link-secondary {
  color: rgb(var(--secondary-rgb)) !important;
}
.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
  color: rgb(var(--secondary-rgb)) !important;
}
.link-success {
  color: rgb(var(--success-rgb)) !important;
}
.link-success:hover, .link-success:focus, .link-success:active {
  color: rgb(var(--success-rgb)) !important;
}
.link-danger {
  color: rgb(var(--danger-rgb)) !important;
}
.link-danger:hover, .link-danger:focus, .link-danger:active {
  color: rgb(var(--danger-rgb)) !important;
}
.link-warning {
  color: rgb(var(--warning-rgb)) !important;
}
.link-warning:hover, .link-warning:focus, .link-warning:active {
  color: rgb(var(--warning-rgb)) !important;
}
.link-info {
  color: rgb(var(--info-rgb)) !important;
}
.link-info:hover, .link-info:focus, .link-info:active {
  color: rgb(var(--info-rgb)) !important;
}
.link-light {
  color: rgb(var(--light-rgb)) !important;
}
.link-light:hover, .link-light:focus, .link-light:active {
  color: rgb(var(--light-rgb)) !important;
}
.link-dark {
  color: rgb(var(--dark-rgb)) !important;
}
.link-dark:hover, .link-dark:focus, .link-dark:active {
  color: rgb(var(--dark-rgb)) !important;
}

/* Backgrounds */
.bg-primary-transparent {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-primary-transparent:hover {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-secondary-transparent {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-secondary-transparent:hover {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-info-transparent {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-info-transparent:hover {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-success-transparent {
  background-color: rgba(var(--success-rgb), 0.2) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-success-transparent:hover {
  background-color: rgba(var(--success-rgb), 0.2) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-warning-transparent {
  background-color: rgba(var(--warning-rgb), 0.2) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-warning-transparent:hover {
  background-color: rgba(var(--warning-rgb), 0.2) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-danger-transparent {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
  color: rgb(var(--danger-rgb)) !important;
}
.bg-danger-transparent:hover {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
  color: rgb(var(--danger-rgb)) !important;
}
.bg-light-transparent {
  background-color: rgba(var(--light-rgb), 0.5) !important;
  color: rgb(var(--light-rgb)) !important;
}
.bg-light-transparent:hover {
  background-color: rgba(var(--light-rgb), 0.5) !important;
  color: rgb(var(--light-rgb)) !important;
}
.bg-dark-transparent {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
  color: rgb(var(--dark-rgb)) !important;
}
.bg-dark-transparent:hover {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
  color: rgb(var(--dark-rgb)) !important;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}
.bg-primary.bg-opacity-10 {
  background-color: var(--primary01) !important;
}
.bg-primary.bg-opacity-25 {
  background-color: var(--primary03) !important;
}
.bg-primary.bg-opacity-50 {
  background-color: var(--primary05) !important;
}
.bg-primary.bg-opacity-75 {
  background-color: var(--primary08) !important;
}
.bg-primary.bg-opacity-100 {
  background-color: var(--primary-color) !important;
}
.bg-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
}
.bg-secondary.bg-opacity-10 {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
  background-color: rgba(var(--secondary-rgb), 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
  background-color: rgba(var(--secondary-rgb), 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
  background-color: rgba(var(--secondary-rgb), 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
  background-color: rgba(var(--secondary-rgb), 1) !important;
}
.bg-info {
  background-color: rgb(var(--info-rgb)) !important;
}
.bg-info.bg-opacity-10 {
  background-color: rgba(var(--info-rgb), 0.1) !important;
}
.bg-info.bg-opacity-25 {
  background-color: rgba(var(--info-rgb), 0.25) !important;
}
.bg-info.bg-opacity-50 {
  background-color: rgba(var(--info-rgb), 0.5) !important;
}
.bg-info.bg-opacity-75 {
  background-color: rgba(var(--info-rgb), 0.75) !important;
}
.bg-info.bg-opacity-100 {
  background-color: rgba(var(--info-rgb), 1) !important;
}
.bg-success {
  background-color: rgb(var(--success-rgb)) !important;
}
.bg-success.bg-opacity-10 {
  background-color: rgba(var(--success-rgb), 0.1) !important;
}
.bg-success.bg-opacity-25 {
  background-color: rgba(var(--success-rgb), 0.25) !important;
}
.bg-success.bg-opacity-50 {
  background-color: rgba(var(--success-rgb), 0.5) !important;
}
.bg-success.bg-opacity-75 {
  background-color: rgba(var(--success-rgb), 0.75) !important;
}
.bg-success.bg-opacity-100 {
  background-color: rgba(var(--success-rgb), 1) !important;
}
.bg-warning {
  background-color: rgb(var(--warning-rgb)) !important;
}
.bg-warning.bg-opacity-10 {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
}
.bg-warning.bg-opacity-25 {
  background-color: rgba(var(--warning-rgb), 0.25) !important;
}
.bg-warning.bg-opacity-50 {
  background-color: rgba(var(--warning-rgb), 0.5) !important;
}
.bg-warning.bg-opacity-75 {
  background-color: rgba(var(--warning-rgb), 0.75) !important;
}
.bg-warning.bg-opacity-100 {
  background-color: rgba(var(--warning-rgb), 1) !important;
}
.bg-danger {
  background-color: rgb(var(--danger-rgb)) !important;
}
.bg-danger.bg-opacity-10 {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
}
.bg-danger.bg-opacity-25 {
  background-color: rgba(var(--danger-rgb), 0.25) !important;
}
.bg-danger.bg-opacity-50 {
  background-color: rgba(var(--danger-rgb), 0.5) !important;
}
.bg-danger.bg-opacity-75 {
  background-color: rgba(var(--danger-rgb), 0.75) !important;
}
.bg-danger.bg-opacity-100 {
  background-color: rgba(var(--danger-rgb), 1) !important;
}
.bg-dark {
  background-color: rgb(var(--dark-rgb)) !important;
}
.bg-dark.bg-opacity-10 {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
}
.bg-dark.bg-opacity-25 {
  background-color: rgba(var(--dark-rgb), 0.25) !important;
}
.bg-dark.bg-opacity-50 {
  background-color: rgba(var(--dark-rgb), 0.5) !important;
}
.bg-dark.bg-opacity-75 {
  background-color: rgba(var(--dark-rgb), 0.75) !important;
}
.bg-dark.bg-opacity-100 {
  background-color: rgba(var(--dark-rgb), 1) !important;
}
.bg-light {
  background-color: rgb(var(--light-rgb)) !important;
}
.bg-light.bg-opacity-10 {
  background-color: rgba(var(--light-rgb), 0.1) !important;
}
.bg-light.bg-opacity-25 {
  background-color: rgba(var(--light-rgb), 0.25) !important;
}
.bg-light.bg-opacity-50 {
  background-color: rgba(var(--light-rgb), 0.5) !important;
}
.bg-light.bg-opacity-75 {
  background-color: rgba(var(--light-rgb), 0.75) !important;
}
.bg-light.bg-opacity-100 {
  background-color: rgba(var(--light-rgb), 1) !important;
}
.bg-white {
  background-color: var(--custom-white) !important;
}

/* Layout */
.wrapper {
  padding-top: 90px;
}

/* Cards */
.card {
  margin-block-end: 1.5rem;
}
.card .card-header, .card .card-footer {
  background-color: var(--custom-white) !important;
}
.card {
  border-radius: 0.4rem;
  border: 0px solid var(--default-border);
  background-color: var(--custom-white);
  box-shadow: 0 0.15rem 0.1rem rgba(0, 0, 0, 0.04);
  position: relative;
  margin-block-end: 1.5rem;
  width: 100%;
}
.card .card-header {
  padding: 1rem;
  background-color: transparent !important;
  border-block-end: 1px solid var(--default-border);
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.card .card-header:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card .card-header .card-title {
  margin-block-end: 0;
  font-size: 1.05rem;
  font-weight: 600;
}
.card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid var(--default-border);
  padding: 1rem 1.25rem;
  font-size: 0.813rem;
}
.card .card-body {
  padding: 1.25rem;
}
.card .card-link {
  font-size: 0.75rem;
}
.card .card-text {
  font-size: 0.813rem;
}
.card .footer-card-icon {
  width: 60px;
  height: 60px;
}
.card.overlay-card {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.card.overlay-card .card-header {
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .card-footer {
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .over-content-bottom {
  top: auto;
}
.card.overlay-card:before {
  content: "";
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.card.card-bg-primary {
  background-color: var(--primary-color);
  color: #fff;
}
.card.card-bg-primary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-primary .card-header:before {
  background-color: #fff;
}
.card.card-bg-primary .card-header .card-title {
  color: #fff !important;
}
.card.card-bg-primary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary {
  background-color: rgb(var(--secondary-rgb));
  color: #fff;
}
.card.card-bg-secondary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary .card-header:before {
  background-color: #fff;
}
.card.card-bg-secondary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning {
  background-color: rgb(var(--warning-rgb));
  color: #fff;
}
.card.card-bg-warning .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning .card-header:before {
  background-color: #fff;
}
.card.card-bg-warning .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info {
  background-color: rgb(var(--info-rgb));
  color: #fff;
}
.card.card-bg-info .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info .card-header:before {
  background-color: #fff;
}
.card.card-bg-info .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success {
  background-color: rgb(var(--success-rgb));
  color: #fff;
}
.card.card-bg-success .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success .card-header:before {
  background-color: #fff;
}
.card.card-bg-success .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger {
  background-color: rgb(var(--danger-rgb));
  color: #fff;
}
.card.card-bg-danger .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger .card-header:before {
  background-color: #fff;
}
.card.card-bg-danger .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-light {
  background-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}
.card.card-bg-light .card-header {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: var(--default-text-color);
  border-block-end: var(--default-border);
}
.card.card-bg-light .card-footer {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: var(--default-text-color);
  border-block-start: var(--default-border);
}
.card.card-bg-dark {
  background-color: rgb(var(--dark-rgb));
  color: var(--custom-white);
}
.card.card-bg-dark .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-dark .card-header:before {
  background-color: #fff;
}
.card.card-bg-dark .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card .card-anchor {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
.card .collapse-close {
  display: none;
}
.card.card .collapsed .collapse-close {
  display: block;
}
.card.card .collapsed .collapse-open {
  display: none;
}
.card.card-fullscreen {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 9999;
  margin: 0;
}
.card.overlay-card .card-header .card-title, .card.overlay-card .card-footer {
  color: #fff !important;
}

/* Tabs */
#tabs{
  background: transparent;
}
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(rgb(--secondary-rgb));
  background-color: transparent;
  border-color: transparent transparent;
  border-bottom: 1px solid !important;
  font-weight: bold;
}
#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: var(rgb(--secondary-rgb));
  font-size: 20px;
}
#tabs .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: var(rgb(--secondary-rgb)) !important;
}

/* Form */
.form-control, .form-select {
  font-size: 0.85rem;
}
.input-group-text {
  font-size: 0.85rem;
  display: block;
  padding-top: 17px;
  width: 105px;
}
.form-control:focus, .form-select:focus {
  border-color: var(--primary-color);
  box-shadow: none;
}
.btn-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
  color: #fff !important;
}
.btn-secondary:hover {
  background-color: rgba(var(--secondary-rgb), 0.9) !important;
  border-color: rgb(var(--secondary-rgb));
  color: #fff;
}
.btn-secondary:focus {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  color: #fff;
}

/* Events */
.fc .fc-toolbar-title {
  font-size: 1.35em;
}
.fc-h-event {
  background-color: var(--primary05);
  border: none;
  text-align: center;
  padding: 3px 0px;
  font-size: 0.75rem;
}
.fc-h-event .fc-event-main {
  color: var(--default-text-color);
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--primary02);
}
.fc .fc-non-business {
  background-color: var(--default-background);
}

/* Shedule */
.popover-body {
  padding: 10px 15px;
  font-size: 13px;
}
.sked-tape {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.sked-tape * {
  box-sizing: inherit;
}
.sked-tape__aside {
  flex: none;
  max-width: 30%;
  min-width: 100px;
  padding: 0 !important;
  border-right: 5px solid transparent;
  position: relative;
}
.sked-tape__locations {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sked-tape__location {
  position: relative;
  padding: 0 15px;
  background-color: var(--default-background);
  line-height: 54px;
  height: 54px;
}
.sked-tape__location:not(:last-child) {
  border-bottom: 1px solid white;
}
.sked-tape__location--forbidden {
  background-image: repeating-linear-gradient(-45deg, rgba(236, 106, 94, 0.5), rgba(236, 106, 94, 0.5) 10px, rgba(255, 0, 0, 0) 10px, rgba(255, 0, 0, 0) 20px);
}
.sked-tape__location-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.sked-tape__caption {
  display: block;
  background-color: white;
  height: 24px;
  position: relative;
  top: 0;
  text-align: center;
}
.sked-tape--has-dates .sked-tape__caption {
  height: 48px;
  line-height: 48px;
  font-weight: 600;
}
.sked-tape__time-wrap {
  flex: 3 0 auto;
  width: 0;
  padding: 0 !important;
}
.sked-tape__time-frame {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sked-tape__time-frame:focus {
  outline: none;
}
.sked-tape__time-canvas {
  position: relative;
}
.sked-tape__hours {
  background: white;
  transform-style: preserve-3d;
}
.sked-tape__hours > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  height: 24px;
  align-items: center;
}

.sked-tape__hours > ul > li {
  flex: none;
  display: block;
  position: relative;
  min-width: 96px;
  width: 96px;
  height: 24px;
  line-height: 24px;
}
.sked-tape__hours > ul > li > time {
  display: block;
  position: absolute;
  left: 0;
  font-size: 13px;
  white-space: nowrap;
}
.sked-tape__hours > ul > li:not(:first-child) > time {
  transform: translateX(-50%);
}
.sked-tape__hours > ul > li:last-child {
  width: 0;
  min-width: 0;
}
.sked-tape__hours > ul > li:last-child > time {
  transform: translateX(-100%);
}
.sked-tape__timeline-wrap {
  position: relative;
}
.sked-tape__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-left: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.sked-tape__event-row {
  position: relative;
  background-color: var(--default-background);
  height: 54px;
}
.sked-tape__event-row:nth-child(odd) {
  background-color: #fff;
}
.sked-tape__event-row:first-child {
  border-top: 1px solid #E5E5E5;
}
.sked-tape__event-row:last-child {
  border-bottom: 1px solid #E5E5E5;
}
.sked-tape__event-row:not(:last-child) {
  border-bottom: 0;
}
.sked-tape__gap {
  display: block;
  height: 53px;
  line-height: 1;
  position: absolute;
  z-index: 4;
  white-space: nowrap;
  font-size: 12px;
  pointer-events: none;
}
.sked-tape__gap-text {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 0.2em;
  padding: 2px;
}
.sked-tape__intersection {
  background: transparent;
  top: 1px;
  bottom: 0;
  display: block;
  position: absolute;
  z-index: 4;
  border: 1px dashed #fff;
}
.sked-tape__event {
  background-color: var(--primary05);
  transition: 200ms background-color;
  top: 1px;
  bottom: 0;
  display: block;
  position: absolute;
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  min-width: 10px;
  cursor: default;
  line-height: 16px;
}
.sked-tape__event:hover, .sked-tape__event--active {
  background-color: var(--primary07);
}
.sked-tape__event--low-gap {
  background-color: var(--primary05);
}
.sked-tape__event--low-gap:hover {
  background-color: var(--primary05);
}
.sked-tape__event--disabled, .sked-tape__event--disabled:hover {
  background-color: #b7b1b1;
  border-color: #a79797;
}
.sked-tape__event-row:first-child .sked-tape__event {
  top: 0;
}
.sked-tape__dummy-event {
  display: block;
  position: absolute;
  border: 2px dashed #e32c1b;
  top: 1px;
  bottom: 0;
  z-index: 4;
  white-space: nowrap;
  font-size: 12px;
  color: white;
}
.sked-tape__dummy-event-time {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  border: 1px solid #e32c1b;
  background: rgba(227, 44, 27, 0.69);
  padding: 3px 2px;
  line-height: 1;
  text-align: center;
}
.sked-tape__dummy-event-time--left {
  right: 100%;
  margin-right: 5px;
}
.sked-tape__dummy-event-time--right {
  left: 100%;
  margin-left: 5px;
}
.sked-tape__center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  padding: 0 10px;
}
.sked-tape__grid {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.sked-tape__grid > li {
  display: block;
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px);
  background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  background-repeat: no-repeat;
  background-position: 0 0, 100% 0, 25% 0, 50% 0, 75% 0;
  min-width: 96px;
  width: 96px;
}
.sked-tape__indicator {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  border-left: 2px solid #e43828;
}
.sked-tape__indicator--serifs::before, .sked-tape__indicator--serifs::after {
  content: '';
  display: block;
  position: absolute;
  left: -4px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
}
.sked-tape__indicator--serifs::before {
  top: 0;
  border-bottom-width: 3px;
  border-top: 3px solid #e43828;
}
.sked-tape__indicator--serifs::after {
  bottom: 0;
  border-top-width: 3px;
  border-bottom: 3px solid #e43828;
}
.sked-tape__dates {
  display: flex;
  align-items: stretch;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sked-tape__date {
  display: block;
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  background: var(--default-background);
}
.sked-tape__date:nth-child(odd) {
  background: var(--default-background);
}
.sked-tape__date:before, .sked-tape__date:after {
  content: attr(title);
  display: block;
  width: calc(50% - 20px);
  height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sked-tape__date:before {
  float: left;
  margin-left: 15px;
  text-align: left;
}
.sked-tape__date:after {
  float: right;
  margin-right: 15px;
  text-align: right;
}
.sked-tape__date--short:before {
  float: none;
  width: auto;
  margin: 0 5px;
  text-align: center;
}
.sked-tape__date--short:after {
  display: none;
}