/* Version 2.1.1 */
.pagination-box span.results {
  color: #4d4d4d;
  font-size: 0.9rem;
  line-height: 2.5rem;
  display: inline-block;
  margin: 1rem 0; 
}
.pagination-box select[name=paginate] {
  display: inline-block;
  width: auto;
  min-width: 5rem;
  margin: 1rem 0; 
}
.pagination-results {
	margin-bottom: 0;
}

#pagination-container a:not(.border-red-500) {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .pagination-box {
    align-items: center;
    display: flex;
    flex-direction: row; 
  }
  .pagination-box .pagination-pages {
    display: inline;
    width: auto;
    flex-grow: 2; 
  }
  .pagination-box .pagination-results,
  .pagination-box span.results,
  .pagination-box select[name=paginate] {
    text-align: right; 
  }
}

.active-tab {
    background-color: hsla(213, 71%, 15%, 1) !important;
    color: white;
}

.panel.staff-search-widget legend,
.panel.course-search-widget legend {
	width: 100%;
}

/* Events Calendar */
#view-switchers  .relative.group .top-full,
#calendar_box {
  background-color: #fff;
}

.cal-table table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #ddd
}

table.cal-table thead tr.calendar-box-header {
    background: #F0ECE5;
}

table.cal-table thead tr th,
table.cal-table thead tr td,
table.cal-table tfoot tr th,
table.cal-table tfoot tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222;
    text-align: left
}

table.cal-table thead tr.calendar-box-header th,
table.cal-table thead tr.calendar-box-header th svg {
  color: hsla(206, 100%, 30%, 1);
}

table.cal-table thead tr.calendar-box-header #prev_month a,
table.cal-table thead tr.calendar-box-header #next_month a {
  	display: inline-block;
	height: 16px;
}

table.cal-table thead tr.calendar-box-header th svg {
  fill: hsla(206, 100%, 30%, 1);
  height: 16px;
}

table.cal-table tr th,
table.cal-table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222
}

/*
table.cal-table tr.even,
table.cal-table tr.alt,
table.cal-table tr:nth-of-type(even) {
    background: #f9f9f9
}
*/

table.cal-table thead tr th,
table.cal-table tfoot tr th,
table.cal-table tbody tr td,
table.cal-table tr td,
table.cal-table tfoot tr td {
    display: table-cell;
    line-height: 1.125rem
}

#jumptoform label
#calendar_box_custom table,
#calendar_box table {
  width: 100%;
  text-align: center;
}

#jumptoform label
#calendar_box_custom table tr th,
#jumptoform label
#calendar_box_custom table tr td,
#calendar_box table tr th,
#calendar_box table tr td {
  width: calc(100%/7);
  text-align: center;
}

#jumptoform label
#calendar_box_custom table tr th.hasEvents,
#jumptoform label
#calendar_box_custom table tr td.hasEvents,
#calendar_box table tr th.hasEvents,
#calendar_box table tr td.hasEvents {
  padding: 0;
}

#jumptoform label
#calendar_box_custom table tr th.hasEvents a,
#jumptoform label
#calendar_box_custom table tr td.hasEvents a,
#calendar_box table tr th.hasEvents a,
#calendar_box table tr td.hasEvents a {
  color: white;
  display: block;
  padding: 9px 0;
  height: 100%;
  background: #990616;
}

#jumptoform label
#calendar_box_custom table tr th.hasEvents.outperiodday a,
#jumptoform label
#calendar_box_custom table tr td.hasEvents.outperiodday a,
#calendar_box table tr th.hasEvents.outperiodday a,
#calendar_box table tr td.hasEvents.outperiodday a {
  opacity: 0.5;
}

#jumptoform label
#calendar_box_custom table tr th .prev-next-link,
#calendar_box table tr th .prev-next-link {
  text-indent: -9999px;
  display: block;
  float: left;
}

.calendar-dayrow .today a {
  position: relative;
}

.calendar-dayrow .today a:after {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  bottom: 4px;
  left: calc(50% - 2px);
}

.calendar-box-header th {
    text-align: center;
}
    
table.cal-table tr td.hasEvents a {
    color: #fff;
    background-color: #990616;
    padding: 8px;
    margin: -8px 0 0 -8px;
    transition: background-color 300ms ease-out;
}

table.cal-table tr td.hasEvents a:hover {
    background-color: #7a0512
}

table.cal-table tr td.fillday {
    color: #ddd;
}

.staff-search-widget .acc-child,
.course-search-widget .acc-child,
.event-search-widget .acc-child {
	position: relative;
}

.staff-search-widget .form-checkbox,
.course-search-widget .form-checkbox,
.event-search-widget .form-checkbox {
	position: absolute;
  	right: 0;
  	visibility: hidden;
  	height: 0px;
  	width: 0px;
}

.active-tab-sau-blue {
    background-color: hsla(206, 100%, 30%, 1)!important;
    color: white;
}

#searchResults nav > a:not(.bg-white),
#searchResults nav > span {
    color: white;
}