:root {
  --primary-color: #2d2c41;
  --secondary-color: rgba(74, 0, 224, 1);
  --secondary-color-fade: rgba(74, 0, 224, 0.5);
  --secondary-color-fade-highlight: rgba(74, 0, 224, 0.1);
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.datepicker table {
  width: 100% !important;
  height: 500px;
}

.datepicker-inline {
  width: 100% !important;
}

h1 {
  font-family: "Bebas Neue", cursive;
  font-size: 4rem;
}

th,
td {
  font-family: "Montserrat", sans-serif;
}
.call-section-left-wrap {
  -webkit-filter: drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.5));
}

.call-section-left {
  padding: 90px 0;
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
  background-color: #2d2c41;
  padding: 10% 10%;
  width: 100%;
  height: 100vh;
}

.img-fit {
  max-width: 100%;
}

.text-primary {
  color: var(--primary-color) !important;
}

tr > .active {
  background-color: var(--secondary-color-fade) !important;
}

td {
  height: 50px !important;
  width: 50px !important;
}

td.active {
  background-color: var(--secondary-color-fade) !important;
}

/* td.highlighted{
  background-color:var(--secondary-color-fade-highlight)!important;
} */

td.disabled:hover {
  cursor: not-allowed !important;
}
.text-primary-site {
  color: var(--secondary-color);
}

.info-section {
  display: none;
}

.site-btn-1 {
  background-image: linear-gradient(to right, #8e2de2, #4a00e0);
  padding: 2% 4%;
  text-decoration: none !important;
  color: white;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.site-btn-1:hover {
  color: #4a00e0;
  background-color: white;
  background-image: none;
  border: solid #4a00e0 1px;
}

#date-selected {
  background-color: var(--secondary-color-fade-highlight);
  padding: 3px 5px;
  margin-right: auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}