.container .Academic-calendar-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: flex;
}

.Academic-calendar-container .calender-title{
margin-top: 16px;
border-bottom: 1px solid #ccc;
display: block;
}

.Academic-calendar-container .section-calender-title {
  border-bottom: 1px solid #CCC;
  font-size: 1.5rem;
  padding-top: 5px;
}

.Academic-calendar-container .view-display-month-year h3{
background: #0061A0;
padding: 1%;
color: #FFF;
position: relative;
font-size: 1em;
display: inline-block;
left: -2%;
}

.Academic-calendar-container .views-row {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-left: 2.5%;
font-size: 1em;
}

.Academic-calendar-container .views-field-title {
border-right: 1px solid #ccc;
padding-right: 10px;
padding-top: 2%;
padding-bottom: 2%;
}

.Academic-calendar-container h3 {
font-weight: 700;
line-height: 1.2;
letter-spacing: -.25px;

}
.Academic-calendar-container .searchBar {
padding-bottom: 2%;
}
.Academic-calendar-container .views-field-field-event-date{
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2em;
}

.Academic-calendar-container mark {
background-color: #f5ef42;
}


.Academic-calendar-container .pagination .page-link {
color: black;
background-color: white;
border: 1px solid #ccc;
}

.Academic-calendar-container .pagination .page-item.active .page-link{
color: white;
background-color: #0061A0 !important;
border-color: #ccc;
}

.Academic-calendar-container .pagination .page-link:hover{
background-color: #f1f1f1;
}


.semester-button {
  color: #0061A0;
  border-color: #0061A0 !important;
  margin-left: 5px;
  overflow: visible;
  margin-right: 7px;
  margin-bottom: 7px;
}

.semester-button-active {
  background-color: #2e8540 !important;
  color: #FFF !important;
  border-color: #0061A0 !important;
  overflow: visible;
  margin-right: 7px;
  margin-bottom: 7px;
}


.btn-outline-primary.semester-button:hover {
  background-color: white !important;
  /* Change hover background color */
  color: white; !important;
  /* Change hover text color to the outlined color */
}

.btn-outline-primary.semester-button-active:hover {
  background-color: #2e8540 !important;
  color: #FFF !important;
}

label[for="searchInput"] {
  visibility: hidden;
}

.select-btn {
  color: #0061A0 !important;
  border-color: #0061A0 !important;
  overflow: visible;
  margin-right: 7px;
  margin-bottom: 7px;
}


.all-active {
  background-color: #2e8540 !important;
  color: #FFF !important;
  overflow: visible;
  margin-right: 7px;
  margin-bottom: 7px;
}

.pdf-button {
 border-color: #0061A0;  
}

.pdf-button.btn:hover {
 background-color: #0061A0;
 color: white; 
}

.calendar-option {
  color: #2e8540;
  font-size: 0.9rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.undergraduate {
  border-right: .1rem solid;
  border-right-color: gray;
}

.faa-calendar:before {
  content: "\f133";
}

.filter-button-group {
  display: flex;
  width: 100%;
  overflow: visible;
}
.faa-calendar:before {
  font-family: 'FontAwesome';
  content: "\f133";
  font-weight: 900;
  color: green;
}

.filter-button-group {
  display: flex;
  width: 100%;
  overflow: visible;
}

.fa-pdf:before {
  font-family: 'FontAwesome';
  content: "\f1c1";
  font-weight: 900;
  color: #0061A0;
  font-size: 1.4em;
  margin-top: 10px;
}

ul {
  list-style-type: none;
}

.Academic-calendar-container i.fa{
  position: unset;
  right: unset;
}