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

.contentBox h2,
h3 {
    margin: 0px;
    padding: 0px;
}

select.viewList {
    outline: 0;
    border: 1px solid #03582D;
    color: black;
    min-width: 100px;
    max-width: 200px;
    height: 2.1em;
    padding: 0 .6em;
}

span.viewList {
    height: 2.1em;
    line-height: 2;
    font-size: 1.1em;
}

.contentBox {
    margin-left: 10%;
    margin-right: 10%;
    max-height: 1500px;
}

#calendar {
    padding-top: 5px;
    position: relative;
    z-index: 1;
}

#calendar table {
  border-collapse: collapse;
  border-spacing: 0;
}

#calendar .addYourEventLink {
    float: right;
    font-size: 1.4em;
    padding-top: 10px;
    color: #03582D;
}

#calendar .addYourEventLink a,
#calendar .addYourEventLink a:visited {
    cursor: pointer;
    outline: 0;
    text-decoration: underline;
    color: #03582D;
}

/*increase height of individual event elements*/
.fc-content {
    height: 20px !important;
}
/*Make more link clickable in the whole row (not just text)*/
a.fc-more {
    display: block;
}

/*The month week header (Mon, Tue, etc)*/
.fc-day-header {
    font-size: 1.1em;
}

/*The calendar and it's individual popovers (the native ones, not event detail information*/
.fc-day-grid td,
.fc-popover span {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    /*font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;*/
    font-size: 1.3em;
}
 
 /*The individual events on the calendar (and popovers)*/
.fc-day-grid-event {
    background-color: #03582D;
    border-color: #03582D;
}

/*The list items in list view*/
.fc-event {
    font-size: 1.0em;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    cursor: pointer;
}

/*The '+# more' message when day too small for large amount of events*/
a.fc-more {
    outline: 0;
    text-decoration: underline;
    color: #03582D;
    font-size: 1.0em;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

/*Day header text (Mon, Tues, etc)*/
.fc-day-header span {
    color: #03582D;
}

.fc-day-top span {
    color: #03582D;
}

/*The left side of header (Calendar month/year)*/
.fc-left {
    width: 100%;
    padding-bottom: 10px;
}

/*The right side of header (View selector/navigation)*/
.fc-right {
    float: none !important;
}

/*Border colors for all borders on calendar (and popover)*/
.fc-unthemed th, 
.fc-unthemed td, 
.fc-unthemed thead, 
.fc-unthemed tbody, 
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-row, 
.fc-unthemed .fc-content, 
.fc-unthemed .fc-popover, 
.fc-unthemed 
.fc-list-view, 
.fc-unthemed 
.fc-list-heading td {
     border-color: #03582D;
}

/*highlighted calendar date for current day*/
/*Check fullcalendar.css*/
/*Change day text for just the highlighted day*/
.fc td.fc-today span{
    color: black;
}

/*Remove double border for selected day*/
.fc td.fc-today {
    border-style: solid;
}

/*Header of the popover for multiple events*/
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: #86C18D;
    color: black;
}

/*Bullet dot in list view*/
.fc-event, .fc-event-dot {
    background-color: #03582D;
}

/*all table rows/cells in list view*/
.fc-list-table td {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 1.4em;
}

#todayList .fc-list-empty {
    color: #03582d;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 2.2em;
}

/*The specific event popover content box*/
.popover-content {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 1.2em;
}

.popover-content .type {
    text-align: center;
    font-size: 0.8em;
}

.popover-content .title {
    font-weight: bold;
    text-align: center;
}

.popover-content .description {
    text-align: center;
    padding-top: 10px;
    font-size: 1.1em;
}

.popover-content .dateTime {
    text-align: center;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 10px;
}

.popover-content .moreLink {
    font-size: 1.2em;
    text-align: center;
    text-decoration: underline;
}

.popover-content .moreLink {
    padding-top: 10px;
    word-wrap: break-word;
}

.popover-content .moreLink a,
.popover-content .moreLink a:visited {
    color: #03582D;
}

/*List of today's current events*/
#todayList {
    padding-top: 15px;
    padding-bottom: 30px;
    position: relative;
    z-index: 0;
}

#todayList .fc-list-item.collapsed {
    display: none !important;
}

#todayList .fc-view,
#todayList .fc-scroller {
    max-height: 200px !important;
}

#todayList.collapsed,
#todayList .fc-view-container.collapsed
#todayList .fc-view.collapsed
#todayList .fc-scroller.collapsed {
    height: 37px !important;
}

#todayList .fc-view-container.noEvents,
#todayList .fc-view.noEvents,
#todayList .fc-scroller.noEvents {
    height: 100px !important;
}

/* Title of today's current events*/
#todayList .fc-list-heading-main {
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 1.2em;
}

#todayList .fc-list-heading {
    cursor: pointer;
}

#legend {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 1.5em;
    text-align: left;
    padding-top: 15px;
    background: rgba(219, 212, 180, 0.35);
}

.colorBoxTable tr td:first-child {
    padding-right: 5px;
}

#legend > div {
    padding-bottom: 10px;
}

#legend .colorContainer {
    display: inline-block;
    padding: 10px;
    width: 200px;
    height: 40px;
}

#legend .colorBox {
    width: 40px;
    height: 30px;
    display: inline-block;
    background-color: grey;
    vertical-align: middle;
    margin-right: 5px;
}

#legend > div:first-child {
    font-weight: 500;
    padding-left: 10px;
}

.lightHover:hover,
.lightHover:focus {
    background-color: #d9d9d9 !important;
}

.darkHover:hover,
.darkHover:focus {
    background-color: #595959 !important;
}

select,
select option {
    background-color: white;
}