#top {
  background: #eee;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  line-height: 40px;
  font-size: 12px;
}

.left { float: left }
.right { float: right }
.clear { clear: both }

#script-warning, #loading { display: none }
#script-warning { font-weight: bold; color: red }

#calendar {
  /* max-width: 900px; */
  margin: 40px auto;
  /* padding: 0 10px; */
}

.tzo {
  color: #000;
}

.fc-event-tooltip {
    max-width: 40rem;
    width: auto;
    height: auto;
    background: transparent;
    position: absolute;
    z-index: 10000;
    border-radius: 5px;
}

.fc-event-tooltip .fc-panel-content {
    color: #848484;
    background-color: #313234;
    width: 100%;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 0px 0px;
    border-radius: 0px;
    padding: 1.5rem;
}

.fc-event-tooltip .fc-panel-content .fc-panel-left {
    max-width: 40%;
    min-width: 4rem;
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    padding: .5rem;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right {
    max-width: 60%;
    min-width: 6rem;
    width: auto;
    min-width: 6rem;
    display: inline-block;
    height: 100%;
    position: relative;
    padding: .5rem;
}

.fc-event-tooltip .fc-panel-content .fc-panel-left > img {
    max-width: 100%;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right .fc-event-tooltip-title {
    text-transform: capitalize;
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 140%;
    font-weight: 700;
    text-align: left;
    font-size: 18px;
    line-height: 0.889;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right .fc-event-tooltip-details .fc-event-tooltip-details-date {
    font-size: 14px;
    line-height: 1.786;
    z-index: 163;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right .fc-event-tooltip-details .fc-event-tooltip-details-date span {
    color: #fff;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right .fc-event-tooltip-details .fc-event-tooltip-details-date strong {
    color: #292929 !important;
    /*font-weight: bold;*/
}

.fc-more{
    color: #AE262A;
    font-size: 11px !important;
}

/* start calendar custom changes for maroon background */
#calendar .fc-header-toolbar{
    background-color: #292929;
    height: 100px;
    color: #ffffff;
    margin-bottom: 0px;
}

#calendar .fc-header-toolbar h2{
    color: #ffffff;
    padding: 27px 0px;
    font-size: 25px;
}

#calendar .fc-left, #calendar .fc-right, #calendar .fc-center{
    height: 100%;
} 

#calendar .fc-header-toolbar .fc-button{
    background-color: #292929 !important;
    color: #ffffff;
    border: 0px !important;
    text-shadow: none !important;
    background-image: none !important;
    border-radius: 0px !important;
    height: 100% !important;
}

#calendar .fc-day-header{
    height: 40px;
    background-color: #FCFCFC;
    color: #6d6d6d;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    /* border: 0px; */
}

#calendar .fc-row.fc-widget-header{
    border-width:1px;
    border-bottom:none;
}

#calendar td.fc-widget-header{
    border: 0px;
}

/*#calendar td.fc-sun, #calendar td.fc-sat{
    background-color: #F2F2F2;
}*/

#calendar a.fc-day-number{
    color: #767676;
    font-weight: bold;
    font-size: 13px;
}

#calendar .fc-day-grid-event .fc-content {
    /* white-space: unset; */
}

#calendar a.fc-day-grid-event{
    color: #AE262A;
    background-color: transparent;
    border: 0px;
    font-weight: normal;
    font-size: 12px;
}

#calendar a.fc-day-grid-event:hover{
    color: #292929;
}

.fc-event-tooltip .fc-panel-content{
    background-color: #ffffff !important;
}

.fc-panel-bottom{
    background-color: #AE262A;
    height: 25px;
    border-radius: 0px 0px 3px 3px;
}

.fc-event-tooltip-title{
    color: #222222;
    text-transform: unset !important;
}

.fc-event-tooltip .fc-panel-content .fc-panel-right .fc-event-tooltip-details .fc-event-tooltip-details-date span {
    color: #a0a0a0 !important;
}

#prev-month, #next-month{
    height: 100%;
    padding: 40px 0px;
    margin: 0px;
}

/*#calendar .fc-day.fc-widget-content.fc-mon.fc-past,
#calendar .fc-day.fc-widget-content.fc-tue.fc-past,
#calendar .fc-day.fc-widget-content.fc-wed.fc-past,
#calendar .fc-day.fc-widget-content.fc-thu.fc-past,
#calendar .fc-day.fc-widget-content.fc-fri.fc-past,
#calendar .fc-day.fc-widget-content.fc-sat.fc-past,
#calendar .fc-day.fc-widget-content.fc-sun.fc-past,
#calendar .fc-day.fc-widget-content.fc-mon.fc-future,
#calendar .fc-day.fc-widget-content.fc-tue.fc-future,
#calendar .fc-day.fc-widget-content.fc-wed.fc-future,
#calendar .fc-day.fc-widget-content.fc-thu.fc-future,
#calendar .fc-day.fc-widget-content.fc-fri.fc-future,
#calendar .fc-day.fc-widget-content.fc-sat.fc-future,
#calendar .fc-day.fc-widget-content.fc-sun.fc-future{
    background-color: #fff;
}*/
#calendar .fc-other-month.fc-past,
#calendar .fc-other-month.fc-future{
    background-color: #F2F2F2;
}
/*#calendar .fc-day-top.fc-thu.fc-other-month a{
	color:#333;
}*/
#calendar th {
    border-width: 0;
    background-color: #FFFFFF;
    color: #6d6d6d;
    padding: 14px 5px 11px 5px;
}
#calendar a.fc-day-number {
    color: #6d6d6d;
    /* cursor: default; */
    padding: 10px 12px 0 0;
    text-decoration: none;
}
.fc-unthemed td.fc-today {
    background: #fcf8e3 !important;
}

@media (max-width: 600px){
    #prev-month, #next-month{
        display: none;
    }
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{
    border-color: #ddd !important;
}
/* stop calendar custom changes for maroon background */