/* Styles specific to this page, not part of sytle2.css*/
#host-name {
	padding: 10px 25px 5px 25px;
	display: flex;
}

#main-container {
	padding: 5px 25px 20px 25px
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px
}



table thead tr {
	border-top: none
}

table tbody tr:last-child {
	border-bottom: none
}

table tbody tr:nth-child(odd) {
	background: var(--table-oddrow-bg)
}

table tbody tr td,
table thead tr th {
	padding: 6px 8px;
	position: relative;
	text-align: left
}

table tbody tr td:last-child,
table thead tr th:last-child {
	border-right: none
}

table tbody tr td:first-child,
table thead tr th:first-child {
	border-left: none
}

table thead {
	font-weight: bold
}

table thead tr th {
	text-align: center
}

table tbody tr:hover {
	background: #eaeef3
}

table.firstBold tbody tr td:first-child {
	font-weight: bold;	
}

.progressbar-wrap {
	width: 100%;
	background-color: rgba(153, 174, 196, 0.2)
}

.progressbar-wrap .progressbar {
	text-indent: 5px
}

.progressbar-wrap .progressbar.green {
	background-color: #7BCE6C
}

.progressbar-wrap .progressbar.orange {
	background-color: #E3BB80
}

.progressbar-wrap .progressbar.red {
	background-color: #CF6B6B
}

.box#esm-load_average h3 {
	font-weight: normal
}
.box {
	background: var(--card-bg);
	margin-bottom: 15px;
	border: 1px solid var(--rule);
	padding: 2px
}

.box-header {
	background-color: var(--accent-light);
	height: 35px
}

.box-header h1 {
	color: var(--accent);
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 33px;
	padding-left: 10px;
	text-transform: uppercase
}



.box-content {
	padding: 6px
}

.box-content table a {
	text-decoration: none;
	color: #829cb7
}

.box-content table a:hover {
	color: #c3cfdc
}

.box-content.faded {
	opacity: .4
}

.box-footer {
	background: #e8e8e8;
	padding: 7px
}

.box-footer span[class^="icon-"] {
	font-size: 14px;
	margin-right: 5px
}

@media only screen and (max-width: 1024px) {
	.column-left,
	.column-right {
		float: none;
		width: 100%
	}
	.box {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important
	}
}

@media only screen and (max-width: 550px) {
	.box#esm-load_average div {
		width: 100%;
		float: none
	}
	.box#esm-disk .filesystem {
		display: none
	}
}



/* Originally from utilities.css */
* {
	padding: 0;
	margin: 0
}


.cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}


.t-center {
	text-align: center !important
}

.f-left {
	float: left
}

.column-left {
	float: left;
	width: 49%
}

.column-right {
	float: right;
	width: 49%
}

.column-33 {width: 32%}
.column-66 {width: 66%}

.w10p {width: 10%}
.w15p {width: 15%}
.w20p {width: 20%}
.w33p {width: 33%}
.w35p {width: 35%}
.w50p {width: 50%}
.w100p {width: 100%}

/* Style Rules for Service Statuses */
span.label {
	padding: 1px 3px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #bfbfbf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
span.label.default {background-color: #bfbfbf}
span.label.success {background-color: #46a546}
span.label.warning {background-color: #f89406}
span.label.important {background-color: #c43c35}
span.label.error {background-color: #c43c35}
span.label.notice {background-color: #62cffc}