body {
	margin: auto;
	padding: 0;
	font-family: Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	max-width: 1100px;
	--fc-border-color: #404040;
	--fc-page-bg-color: #505050;
	--fc-list-event-hover-bg-color: #606060;
}
#calendar {
	max-width: 1100px;
	margin: 20px auto;
	padding: 0;
}
.hide {
	display: none;
}
.topshelf {
	text-align: left;
	margin-top: 20px;
}
#formTime {
	width: 100%;
}
.formTimeItem {
	width: 50%;
	float: left;
}
.form-control {
	width: 100%;
	background-color: #444;
	border-color: #555;
	color: #fff;
}
.form-control:focus {
	background-color: #505050;
	border-color: #666;
	color: #fff;
	box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
}
.form-control::placeholder {
	color: #999;
}
.mt-4 {
	margin-top: 15px !important;
}
.form-label {
	margin-bottom: 5px;
	width: 100%;
	color: #fff;
}
.input-time {
	width: auto;
}
.siteTitle {
	display: inline-block;
	font-size: large;
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 20px;
	position: relative;
	top: 3px;
}
.newRec {
	display: inline-block;
}
.modal-footer {
	display: block;
	border-top-color: #555;
}
/* Dark mode modal styling */
.modal-content {
	background-color: #2a2a2a;
	border-color: #555;
	color: #fff;
}
.modal-header {
	border-bottom-color: #555;
}
.modal-header .btn-close {
	filter: invert(1);
}
/* Make calendar and clock icons white */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
	filter: invert(1);
}
.form-text {
	color: #999 !important;
}
.form-check-label {
	color: #fff;
}
.form-check-input {
	background-color: #444;
	border-color: #555;
}
.form-check-input:checked {
	background-color: #375a7f;
	border-color: #375a7f;
}
.form-check-input:focus {
	box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
}
.edit {
	float: right !important;
}
.create {
	float: right !important;
}
.alert {
	width: 100%;
	max-width: 1100px;
	z-index: 2000;
	position: absolute;
	top: -12px;
	margin: auto;
	margin-top: 20px;
	text-align: center;
}
.alertText {
	margin: 0;
	font-weight: bold;
}
.adjustSettings {
	float: right !important;
}
.alertLink {
	text-decoration: underline;
	cursor: pointer;
}
.pasteButton {
	display: none;
}
.cancelPaste {
	display: none;
}
.logo {
	height: 31px;
	padding-right: 5px;
}
/* Mobile Devices */
@media only screen and (max-width: 720px) {
	.fc .fc-toolbar {
		display: block;
		text-align: center;
	}
	.fc .fc-toolbar-chunk {
		margin-top: 10px;
	}
	.topshelf {
		text-align: center;
	}
  }
/* Full Calendar Fixes */
.fc-event-title,
.fc-event-time,
.fc-daygrid-day-number,
.fc-col-header-cell-cushion,
.fc-list-day-side-text,
.fc-col-header,
.fc-list-day-text {
	color: white;
}
.fc-col-header-cell {
	background-color: #303030;
}
.fc .fc-timegrid-col.fc-day-today {
	background-color: var(--fc-today-bg-color, rgba(0, 220, 40, 0.15));
}
.fc-timegrid-event {
	margin-right: -2px;
}
.fade.in {
	opacity: 1;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-backdrop.in {
	opacity: 0.5;
}
.fc-popover-body {
	background-color: #222;
}
.fc-theme-standard .fc-popover-header {
	background-color: #303030;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
	box-shadow: unset;
	border-width: 2px;
}

.fc-timegrid-event.event-record::after {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #ff0000;
}

/* Webkit Fixes */
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) and (stroke-color: transparent) {
		.form-control {
			height: 40px;
		}
		.fc-today-button {
			height: 35px;
		}
	}
}
/* Bootstrap Fixes */
.btn-light {
	background-color: white;
}
.btn-light:focus {
	background-color: white;
}
.bootstrap-select .no-results {
	background-color: rgb(34, 34, 34);
}

/* Dark mode styling for Bootstrap Select dropdowns */
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #999;
	background-color: #444;
	border-color: #555;
}
.bootstrap-select>.dropdown-toggle {
	color: #fff;
	background-color: #444;
	border-color: #555;
}
.bootstrap-select>.dropdown-toggle:hover,
.bootstrap-select>.dropdown-toggle:focus {
	background-color: #505050;
	border-color: #666;
}
.bootstrap-select .dropdown-menu {
	background-color: #333;
	border-color: #555;
}
.bootstrap-select .dropdown-menu .dropdown-item {
	color: #fff;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu .dropdown-item.active {
	background-color: #505050;
	color: #fff;
}
.bootstrap-select .dropdown-menu .dropdown-item.selected {
	background-color: #375a7f;
	color: #fff;
}
.bootstrap-select .bs-searchbox .form-control {
	background-color: #444;
	border-color: #555;
	color: #fff;
}
.bootstrap-select .bs-searchbox .form-control::placeholder {
	color: #999;
}

/* Day selector button improvements */
#repeatingEventInfo .btn-check + .btn-primary {
	background-color: #444 !important;
	border-color: #555 !important;
	color: #999 !important;
}
#repeatingEventInfo .btn-check:checked + .btn-primary {
	background-color: #375a7f !important;
	border-color: #375a7f !important;
	color: white !important;
}
#repeatingEventInfo .btn-check:focus + .btn-primary,
#repeatingEventInfo .btn-check:active + .btn-primary,
#repeatingEventInfo .btn-primary:focus,
#repeatingEventInfo .btn-primary:active {
	box-shadow: none !important;
	outline: none !important;
}
