html, body { height: 100%; }

/* 
	Override the default bootstrap behavior where horizontal description lists 
    will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal dt { white-space: normal; }

/* 
	Set width on the form input elements since they're 100% wide by default 
*/

input,
select,
textarea { max-width: 280px; }

.content {
	border: 0;
	margin: 2em auto;
	padding: 0;
}

/* MAYBE DELETE
	#createReservationFormDiv #createReservationForm label { font-weight: bold; }

#createReservationFormDiv #createReservationForm .notes { font-size: smaller; }

#createReservationFormDiv #createReservationForm #currentTime { font-weight: bold; }

#createReservationFormDiv #createReservationForm .submitError {
    display: block;
    font-size: smaller;
}*/

#machineList {
	border: 1px solid black;
	margin: 2em auto;
	padding: 0;
	width: 60%;
}

.floatBlockRight {
	display: inline-block;
	float: right;
}

.smallText { font-size: small; }

.smallerText { font-size: smaller; }

.smallestText { font-size: xx-small; }

.buttonRight { float: right; }

.largerText { font-size: larger; }

.displayNone { display: none; }

.noBorder { border: 0; }

.cursor-default { cursor: default !important; }

#reservationForm button, #reservationError button { margin: 0 .125em; }

.fc-event-main {
	background-color: inherit !important;
	color: inherit !important;
}

.fc-h-event {
	background-color: inherit !important;
	color: inherit !important;
}


.AppColors-myEvent { text-decoration: underline !important; }

/*.AppColors-reservation-default {
	background-color: #61A9C3 !important;
	color: #000 !important;
}*/

.AppColors-usertracking-active {
	background-color: #ddd !important;
	color: #000 !important;
}

.AppColors-usertracking-default {
	background-color: #ddd !important;
	color: #000 !important;
}

/*
    ["#e60000", "#b37400", "#808000", "#006600", "#000080"],
    ["#ff1a1a", "#e69500", "#b3b300", "#009900", "#0000b3"],
    ["#ff4d4d", "#ffaf1a", "#e6e600", "#00cc00", "#0000e6"],
    ["#ff8080", "#ffc14d", "#ffff1a", "#00ff00", "#1a1aff"],
    ["#ffb3b3", "#ffd280", "#ffff4d", "#33ff33", "#4d4dff"]
*/


.AppColors-pallet-0-0 {
	background-color: #e60000 !important;
	color: #ffffff !important;
}

.AppColors-pallet-0-1 {
	background-color: #b37400 !important;
	color: #ffffff !important;
}

.AppColors-pallet-0-2 {
	background-color: #808000 !important;
	color: #ffffff !important;
}

.AppColors-pallet-0-3 {
	background-color: #006600 !important;
	color: #ffffff !important;
}

.AppColors-pallet-0-4 {
	background-color: #000080 !important;
	color: #ffffff !important;
}

.AppColors-pallet-1-0 {
	background-color: #ff1a1a !important;
	color: #ffffff !important;
}

.AppColors-pallet-1-1 {
	background-color: #e69500 !important;
	color: #000000 !important;
}

.AppColors-pallet-1-2 {
	background-color: #b3b300 !important;
	color: #000000 !important;
}

.AppColors-pallet-1-3 {
	background-color: #009900 !important;
	color: #ffffff !important;
}

.AppColors-pallet-1-4 {
	background-color: #0000b3 !important;
	color: #ffffff !important;
}

.AppColors-pallet-2-0 {
	background-color: #ff4d4d !important;
	color: #ffffff !important;
}

.AppColors-pallet-2-1 {
	background-color: #ffaf1a !important;
	color: #000000 !important;
}

.AppColors-pallet-2-2 {
	background-color: #e6e600 !important;
	color: #000000 !important;
}

.AppColors-pallet-2-3 {
	background-color: #00cc00 !important;
	color: #ffffff !important;
}

.AppColors-pallet-2-4 {
	background-color: #0000e6 !important;
	color: #000000 !important;
}

.AppColors-pallet-3-0 {
	background-color: #ff8080 !important;
	color: #000000 !important;
}

.AppColors-pallet-3-1 {
	background-color: #ffc14d !important;
	color: #000000 !important;
}

.AppColors-pallet-3-2 {
	background-color: #ffff1a !important;
	color: #000000 !important;
}

.AppColors-pallet-3-3 {
	background-color: #00ff00 !important;
	color: #000000 !important;
}

.AppColors-pallet-3-4 {
	background-color: #1a1aff !important;
	color: #000000 !important;
}

.AppColors-pallet-4-0 {
	background-color: #ffb3b3 !important;
	color: #000000 !important;
}

.AppColors-pallet-4-1 {
	background-color: #ffd280 !important;
	color: #000000 !important;
}

.AppColors-pallet-4-2 {
	background-color: #ffff4d !important;
	color: #000000 !important;
}

.AppColors-pallet-4-3 {
	background-color: #33ff33 !important;
	color: #000000 !important;
}

.AppColors-pallet-4-4 {
	background-color: #4d4dff !important;
	color: #000000 !important;
}


.fc-content { cursor: zoom-in !important; }

.hideImportant { display: none !important; }

.colorPickerInputColors {
	/*	background-color: #fff !important;*/
	border: 1px solid #999 !important;
	color: #000 !important;
}

.modal-open { overflow: scroll !important; }

.my-bg-dark { background-color: #ccc !important }

a.my-bg-dark:focus, a.my-bg-dark:hover, button.my-bg-dark:focus, button.my-bg-dark:hover { background-color: #999 !important }

a.machineList { color: #036 !important; }

a.machineList:focus, a.machineList:hover { background-color: #ccc !important; }

.hangingindent {
	padding-left: 2em;
	text-indent: -2em;
}

/*//768px is the iPad width vertical
*/

@media (max-width: 768px) {
	span .largerText {
		background-color: #D2EBF5;
		display: block;
		padding: 10px;
	}

	.hangingindent {
		margin-top: 10px !important;
		padding-left: 0px;
		text-indent: 0px;
	}
}

@media (max-width: 768px) {
	/*    //Don't allow for side-by-side columns until at
    //least iPad size has been reached.*/
	.machineListDiv .card-deck { flex-direction: column; }
}

@media (max-width: 768px) {
	/*    //fix the tool bar on mobile*/
	.fc .fc-toolbar { flex-direction: column; }

	/*    //give more room to scroll the table on mobile.*/
	.fc .fc-view-harness { min-height: 450px; }
}

.fc-dayGridMonth-button.btn-primary,
.fc-timeGridWeek-button.btn-primary,
.fc-timeGridDay-button.btn-primary,
.fc-today-button.btn-primary,
.fc-prev-button.btn-primary,
.fc-next-button.btn-primary {
	background-color: #666 !important;
	border-color: #666 !important;
}

.fc-dayGridMonth-button.btn-primary:not(:disabled):not(.disabled).active,
.fc-timeGridWeek-button.btn-primary:not(:disabled):not(.disabled).active,
.fc-timeGridDay-button.btn-primary:not(:disabled):not(.disabled).active {
	background-color: #999 !important;
	border-color: #999 !important;
	color: #000 !important;
}

.fc-today-button.btn-primary.disabled { color: #000 !important; }

.btn-disabled { cursor: default !important; }