@charset "utf-8";
/* CSS Document */
/*****************************
      calendar styles 
****************************/
#calendarHeaderText .fas{
    font-size: 22pt;
    margin-right: 5px;
    border: 2px solid #0076BE;
    border-radius: 5px;
    background: #F7F7F7;
    padding: 5px;

}
  #calendarHeaderText a{
border-bottom: 0px !important;
}
#catgoryselector label{
	font-weight:bold; margin-right: 10px;
}
#col_left {
    margin-top: 20px;
	min-height: 400px;
}
#col_left .fa-chevron-circle-left, .fa-chevron-circle-right{
    font-size: 32pt;
}
.backbutton .fa-chevron-circle-left,.backbutton  .fa-chevron-circle-right{
    font-size: 14pt !important;
    margin-bottom: 10px;
}

/* month view - index.php */
#rightSmallCalendar {
	float: right;
	margin-right: 20px;
}
#leftSmallCalendar {
	float: left;
		margin-left: 10px;
}
/* header text between small calendars */
#calendarHeaderText {

	width: 100%;

}

#calendarHeaderText img {
	border:1px solid #000;
	padding: 3px;
	margin: 3px;
	margin-top:0px;
}

.calsmalltable {
	width:225px;
	margin: 5px;
	margin-right: 0px;
    display:none;
}
.caltable {
	clear:both;
    width: 100%;
}
.caltable th a{
    color: #fff;
    border-bottom: 1px dotted #fff;
}
.caltable td, .calsmalltable td {
	text-align:right;
	padding-right:5px;
	vertical-align:top;

}
.caltable th, .calsmalltable th {
	text-align: center;
	vertical-align:top;
}

.caldays th {
	background-color: #F1F3F5;
	color:#000;
}
.caldayLinks {
	float:left;
	margin-bottom: 5px;
	width:20px;
	border:1px solid #ccc;
	font-size: 85%;
	text-align:center;
}
td.actday .caldayLinks {
	border:1px solid #fff;
}
.actday {
	background-color:#fff;
	color: #000;
}
.caltable th.caltimeheader {
	background-color:#ccc;
	color:#000;
	width: 10%;
	text-align:left;
	padding: 5px;
	font-size: 90%;
}
/* event listings - all pages */
#lowerNavBar {
	text-align: center;
	padding: 10px;
}
.calPrevious{
    position: fixed;
    left: 10px; 
    top: 35%;
    border-bottom: 0px !important;
}
.calNext{
    position: fixed;
   right: 10px; 
    top: 35%;
     border-bottom: 0px !important;
}
.calevents {
	font-size: 90%;
	padding: 3px;
	text-align:left;
	clear:both;
}
ul.eventList {
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	list-style:none;
	padding-left: 0px;
}
li.calevents {
	padding: 2px;
	margin: 0px;
	padding-left: 0px;
	width: 115px;
}

.hiddenDescription {
	display:none;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	margin: 5px;
	margin-top:-90px;
	background-color:#eee;
	font-size: 110%;
	width: 500px;
	z-index: 1000;
}
.hiddenDescription h2 {
	font-size: 100%;
	margin: 2px;
	padding: 0px;
}
.hiddenDescription p {
	margin: 2px;
	padding: 0px;
}

.calAddImage {
	border:0;
	float:right;
}
/* event listings - listing.php & search.php */
.eventListing {
	border: 1px solid #ccc;
	padding: 10px;
	clear:both;
	margin-top: 10px;
}
/* menu & selectors */
#calMenu {
float:right;
	padding: 5px;
	margin: 10px;
	font-size: 85%;
}
#calMenu a {
	font-weight:bold;
	text-decoration:none;
}
#calMenu a:hover {
	color:#000;
}
#calMenu input, #calMenu select, #categoryselector select {
	color: #000 !important;
}
#calMenu #word{width:75px;}
#catSelect {

}
#menuSearch {
	display:inline;
}

#categoryselector {
	padding: 10px;
	margin-right: 20px;
    float:right;
}
#monthselector {
	display:inline;
	margin-right: 10px;
}
#categoryselector label {
	margin-right: 10px;
	font-weight:bold; 
}
#weekselector {
	display:inline;
	margin-right: 10px;
}
#weekstart, #dateselect {
	width:75px;
}

#calView {
	display:inline;
	margin-right: 10px;
}
#dayselector {
	display:inline;
	margin-right: 10px;
	width:100px;
}
#calSearch {
	margin-left: 15px;
	border: 1px solid #ccc;
	padding: 3px;
}
/* headers on listing.php, day.php & month.php */
#calHeader {
	text-align: center;
}
#calHeader img {
	border:1px solid #000;
	padding: 3px;
	margin: 3px;
	margin-top:0px;
}
#calHeader h2, #calHeader h3 {
	text-align: center;
	margin: 5px;
}
#calHeader #categoryselector {
	margin-left: 240px;
}
/* navigation arrows */
.calnavImages {
	border:0;
	margin: 10px;
	float:right;
}
/* search button */
/* search form - search.php */
#calsearch {
	margin: 20px;
    max-width: 500px;
}
.calHighlight {
	background-color:#FFC;
	padding: 2px;
}
/* Add/Edit Events */
#addevent {
	width: 80%;
}
.webcalendar #startend {
	display:none; /* hide time selectors */
}
.addEventHeaders {
	font-weight:bold;
	margin-bottom: 2px;
}
.categoryCheckboxes {
	padding: 5px;
	margin: 0px;
	
}
#repeatingDates {
	padding: 5px;
	border: 1px solid #ccc;
	padding-top:0px;
	margin-top: 10px;
}
#repeatingDates .removeimg {
	border:0px;
	margin-left: 5px;
	width: 15px;
	height:15px;
}
#categorySelections {
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding-top:0px;
	margin-top: 10px;
}
/***** event.php ****/
#eventDescriptionLeft {
	float:left;
	width: 50%;
	margin-right: 5px;
	margin-left: 30px;
	padding: 10px;
	margin-top: 10px;
	padding-top: 0px;
}
#eventDescriptionLeft h2 {
	padding:0px;
margin-top: 3px;
}
#eventDescriptionRight {
	float:right;
	width: 20%;
	margin-top: 10px;
}
/* attachment.php */
#attachmentform {
	width: 400px;
	margin: 20px;
	margin-left: 325px;
}
.dayview li.calevents {
	min-width: 500px;
}
@media (max-width: 823px){
		#calsearch {
	margin: 0px;
margin-left:-35px;
}
	.calSearchNavigation{margin: 10px;}
    ul.meetings_menu li {
    display: block;
}
     #col_left{margin: 30px;}
    #eventDescriptionLeft{
        width: 100%;
            margin-left: 0px;
    }
      #calendarHeaderText h1{
       font-size: 160%; 
          margin: 30px;
    }
    #calendarHeaderText {
        margin-left: 20px;
         margin-right: 20px;
    }
    #categoryselector{
        padding: 5px;
        padding-bottom: 20px;
    }
.calPrevious{
    top: 45%;

}
.calNext{
    top: 45%;

}
}