html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
}

.content.pad {
	padding: 20px;
}

.fc a, .fc a:hover {text-decoration:none;}

.fc-col-header-cell.fc-day a {color: #fff; text-transform:uppercase;font-weight:700;}

.fc-daygrid-day-top { background:#333!important; }

.fc-daygrid-day-number{ color:#fff!important; }

.fc-widget-header .fc-today { background: #333!important; }

.fc-col-header-cell.fc-day {
	font-weight:normal;
	padding-top:10px!important;
	padding-bottom:10px!important;
	color:#fff;
	background-color: #2b3e50;
	border: 1px solid #fff !important;
	text-decoration: none;
}

.fc-event-main {text-transform:uppercase;}

@media only screen and (min-width: 992px) {

	.fc .fc-daygrid-event { margin:4px!important; }

	.fc-header-toolbar .fc-center h2 { color: #333; }

	.fc-basic-view .fc-body .fc-row {min-height:1.2em!important;}

	.fc-daygrid-event {border-radius:0px;padding:5px;}
	
	

} 
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom:5em!important;}

/* jquery.calendar styles */
#details-body-content {
	white-space: pre-wrap;
}

#event-type-selected {
	display: none;
}

.modal-backdrop.in {
    opacity: 0.6;
}

.modal-content {
	box-shadow: none;
	overflow: hidden;
}

.modal-footer, .modal-header {
	background: #efefef;
}

.mr-10 {
	margin-right: 10px;
}

.map-embed {
	width: 100%;
	height: 300px;
}

.loadingDiv {
	background: url(../img/ajaxloader.gif);
	margin: 0 auto;
	width: 16px;
	height: 16px;
	display: none;
}

.modal {
    overflow-y: auto;
}

/* will make modal-body scroll on mobile if you have too many fields*/
.modal-body {
   height: 60%;
}

.modal-body, .modal-body-import {
	max-height: 615px;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
 }

label {
	display: block;
}

.radio-checkbox {
	padding-right: 5px;
}

.radio-checkbox input {
	margin-right: 5px;
}

/* loading */

#loading {
	display: none;
	position: absolute;
	vertical-align: middle;
	left: 50%;
	top: 45%;
	z-index: 99999;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #587CA3;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* -// loading */

 /* modal body screen sizes */
 @media (max-width: 640px)
 {
	.modal-body {
		max-height: 180px;
	}
 }

 @media (max-width: 600px)
 {
	.modal-body {
		max-height: 400px;
	}
 }

 @media (max-width: 480px)
 {
	.modal-body {
		max-height: 140px;
	}
 }

 @media (max-width: 360px)
 {
	.modal-body {
		max-height: 400px;
	}
 }

 @media (max-width: 320px)
 {
	.modal-body {
		max-height: 280px;
	}
 }

@media (max-width: 600px) {
    .fc .fc-toolbar {
        display:block;
    }
    .fc-day-header, .fc-col-header-cell.fc-day {
        padding-top:5px!important;
        padding-bottom:5px!important;
    }
	#calendar {
		height:1000px;
	}
	.fc-timegrid-axis.fc-scrollgrid-shrink,
	.fc-timegrid-axis {
		display:none;
	}
	.content {
		padding: 20px;
	}
}

@media (max-width: 991.98px) {
	.offcanvas-collapse {
	  position: fixed;
	  top: 56px; /* Height of navbar */
	  bottom: 0;
	  left: 100%;
	  width: 100%;
	  padding-right: 1rem;
	  padding-left: 1rem;
	  overflow-y: auto;
	  visibility: hidden;
	  background-color: #343a40;
	  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	.offcanvas-collapse.open {
	  visibility: visible;
	  transform: translateX(-100%);
	}
}

.gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
	  -moz-transform: rotate(0deg);
	}
	100% {
	  -moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
	  -o-transform: rotate(0deg);
	}
	100% {
	  -o-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
}
.table tbody>tr>td.vert-align{
	vertical-align: middle;
}