body {
	padding-top: 55px;
	padding-bottom: 52px;
	background-color: black;
	color: white;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

body, tbody, input, select, textarea, div {
	font-family: Tahoma, "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-size: 12px;
}

/* additional screen widths to extend bootstrap options */
@media (min-width: 1280px) { /* HD */
    .container {
        width: 1250px;
    }
}

@media (min-width: 1920px) { /* Full HD */
    .container {
        width: 1875px;
    }
}

@media (min-width: 2560px) { /* QHD */
    .container {
        width: 2500px;
    }
}

@media (min-width: 3840px) { /* 4K UHD */
    .container {
        width: 3700px;
    }
}

/* 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;
	background-color: black;
	color: white;
}

	input[disabled],
	select[disabled],
	textarea[disabled] {
		cursor: not-allowed;
	}

pre {
	background-color: black;
	color: white;
	border: none;
}

td, th {
	padding: 2px 3px 2px 3px;
	min-width: 14px;
	text-align: left;
}

a {
	cursor: pointer;
	color: #b4e919;
}

table.monitorstatus td, th {
	/*white-space: nowrap; */
	background: #222;
	border-bottom: solid 2px black;
	border-right: solid 2px black;
}

.button_type {
	border: 1px solid #4B546A;
	-webkit-box-shadow: #B7B8B8 0 1px 0 inset;
	-moz-box-shadow: #B7B8B8 0 1px 0 inset;
	box-shadow: #B7B8B8 0 1px 0 inset;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	color: #FFFFFF;
}


.total {
	text-align: right !important;
}

.error {
	color: #f41212;
}

.update {
	width: 100%;
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.footer {
	border-bottom: solid 2px yellow;
	border-top: solid 2px yellow;
	border-right: solid 2px yellow;
}

.totals th {
	min-width: 30px;
	text-align: center;
}

.calendar .weekend {
	background-color: #354f6b;
}

.calendar .prereservation {
	background-color: #eeee2e;
	color:black;
	white-space: nowrap;
}

	.calendar .prereservation.weekend {
		background-color: #f6bf1b;
		color: black;
	}

.calendar .reserved {
	background-color: #0b621d;
	white-space: nowrap;
}

	.calendar .reserved.weekend {
		background-color: #034021;
	}

.calendar .waitlist {
	background-color: #ffcc33;
	white-space: nowrap;
}

	.calendar .waitlist.weekend {
		background-color: #006633;
	}

.calendar .paid {
	background-color: #3333cc;
	white-space: nowrap;
}

	.calendar .paid.weekend {
		background-color: #330099;
	}

.calendar .today {
	background-image: radial-gradient( closest-corner, #ae1f1f, black );
}

.calendar .notvalid {
	background-color: black;
}

.usage {
	text-align: right;
	width: 80px;
	padding-right: 4px;
	white-space: nowrap;
}

.calendar div {
	white-space: nowrap;
	border-bottom: solid 2px black;
	border-right: solid 2px black;
}

.head {
	background-color: #bb5f28;
	font-weight: bold;
	/*text-align:left;
	color: white;*/
	width: 90px;
	float: left;
	clear: left;
}

.calendar .month {
	width: auto;
	float: left;
}

div.month div {
	background-color: #222;
	width: 33px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	float: left;
	height: 20px;
}

.imageflex {
    display: flex;
    margin-top: 10px;
}

.imageflexcontent {
    margin-left: 5px;
    margin-top: 0;
}