main{
    margin-top: 7rem;
    height: max-content;
}

.alertMessage{
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.boxShadow{
    box-shadow: 0px 0px 3px 0px var(--input-panel-shadow);
    box-sizing: border-box;
}

.error {
    background-color: #ffe8e8;
    color: #c70000;
    border: 1px solid #c70000;
}

.success{
    background-color: #eaffea;
    color: #008000;
    border: 1px solid #008000;
}

.hide{
    display: none !important;
}

.clickable{
    cursor: pointer;
    transition: transform 0.3s ease;
}

body{
    background-color: var(--page-background);
}

body::-webkit-scrollbar {
    width: 10px; 
}

body::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar);
    border-radius: 90px;
    background-clip: content-box
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}

.fc-day-grid-container {
    overflow: none !important;
    height: auto !important;
}

.fc-day-header {
    color: var(--header--calendar);
    font-weight: normal;
    font-size: 15px;
    background: transparent !important;
}

.fc-header-toolbar {
    margin-bottom: 0 !important;
}

.fc-day-number {
    color: var(--number-calendar-color);
}

.has-event {
  background-color: var(--event-background);
}

.fc-head-container,
.fc-widget-content {
    border-style: none !important;
}

.fc-head-container {
    border-style: none !important;
}

.fc-header-toolbar {
  background: var(--primary-color);
  color: var(--neutral-color);
}

.fc-toolbar {
    font-size: 14px;
    border-radius: 3px;
}

.fc-toolbar .fc-center h2 {
  font-weight: 400;
  font-size: 15px;
  margin-top: 3px;
}

.fc .fc-toolbar>*>:first-child {
  background: transparent;
  border: none;
  color: var(--next-month-arrow);
}

.fc-icon-right-single-arrow:after {
  font-size: 140%;
  font-weight: 100;
}

.fc-widget-header {
  margin: 0;
}

.fc-toolbar.fc-header-toolbar {
  margin: 0;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 30px !important;
}

.fc th {
  border-style: none !important;
}

.fc-row .fc-content-skeleton td {
    border: 1px solid var(--calendar-border) !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none !important;
    font-size: 15px;
}

.fc-row {
  border-color: transparent !important;
}

.fc table {
    border-collapse: initial !important;
    border-spacing: 2px !important;
}

.fc-day-top {
  border: 1px solid var(--calendar-border); 
  margin: 2px;
    text-align: center;
    height: 25px;
}

.fc-content-skeleton table tbody {
    display: none !important;
}

.fc-scroller {
    overflow: hidden !important;
}

.fc-icon-left-single-arrow:after {
    font-size: 150% !important;
}

.fc-icon-right-single-arrow:after {
    font-size: 150% !important;
}

.fc-day-top.fc-other-month {
    opacity: 1 !important;
}