.jumbotron h1 {
	color: #283898;
	font-size: 150%;
	font-weight: bold;
}
.jumbotron h2 {
	color: #283898;
	font-size: 100%;
}
.title {
	font-size: 150%;
	font-weight: bold;
	color: #283898;
	margin-top: 4pt;
	margin-bottom: 4pt;
	margin-left:120px;
}
.subtitle {
	font-size: 110%;
	font-weight: bold;
	color: #283898;
	margin-top: 3pt;
	margin-bottom: 3pt;
}
.small-title {
	font-size: 100%;
	font-weight: bold;
	color: #283898;
}
.small-title2 {
	font-size: 90%;
	font-weight: bold;
	color: #283898;
}
.note {
	font-size: 90%;
	color: grey;
	font-style: italic;
}
.warning-text:not(.jqx-grid-cell-selected) {
	color: darkorange;
	font-weight: bold;
}
.error-text:not(.jqx-grid-cell-selected) {
	color: red;
	font-weight: bold;
}
.normal-aggregate  {
	font-weight:bold;
	color:#2C5E87;
	margin-top:8px;
	margin-right:2px;
}
.warning-aggregate  {
	font-weight:bold;
	color:darkorange;
	margin-top:8px;
	margin-right:2px;
}
.error-aggregate  {
	font-weight:bold;
	color:red;
	margin-top:8px;
	margin-right:2px;
}

.link-disabled {
	pointer-events: none;
	cursor: default;
	color:gray;
}

fieldset {
	border:1px solid lightblue;
	padding: 0 10px 10px 10px;
	border-radius: 4px;
	display:inline-block;
	margin-left:2px;
}
legend {
	text-align: left !important;
	width:auto;
	padding:0 5px 0 5px;
	margin-top:15px;
	border-bottom:none;
	font-size:90%;
	font-style: italic;
	color:gray;
}

.ui-datepicker{
	font-size:small;
}
.ui-button{
	font-size:medium;
}

/*  tablet */
/*  to show some graphs for display */
@media (max-width: 767px) {
	.title {
		margin-left:0;
	}
}
.modal .modal-dialog { width: 850px; }
.cluster-name-bar {
	display: inline-block;
	height: 32px;
	font-size: 70%;
	font-style: italic;
	float:left;
	vertical-align: text-center;
	padding:2px;
}
.rack-bar {
	display: inline-block;
	font-size: 70%;
	color: white;
	width: 5px;
	height: 32px;
	float:left;
	background-color: #c5c5c5;
}
.green-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: #00EE00;
}
.green-bar-r {
	display: inline-block;
	width: 5px;
	height: 32px;
	background: repeating-linear-gradient(0deg, #00EE00, #00EE00 50%, #FFDE00 50%, #FFDE00);
}
.red-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: red;
}
.blue-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: #2288FF;
}
.blue-bar-r {
	display: inline-block;
	width: 5px;
	height: 32px;
	background: repeating-linear-gradient(0deg, #2288FF, #2288FF 50%, #FFDE00 50%, #FFDE00);
}
.teal-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: #00FFCF;
}
.teal-bar-r {
	display: inline-block;
	width: 5px;
	height: 32px;
	background: repeating-linear-gradient(0deg, #00FFCF, #00FFCF 50%, #FFDE00 50%, #FFDE00);
}
.yellow-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: #FFDE00;
}
.orange-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: darkorange;
}
.brown-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: #C36241;
}
.black-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: black;
}
.purple-bar {
	display: inline-block;
	width: 5px;
	height: 32px;
	background-color: purple;
}
.modal .modal-dialog {
	width: 850px;
	z-index: 50000;
	position: relative;
}
#jqx-grid5 {
	z-index: 1;
	position: relative;
}
#jqx-grid6 {
	z-index: 1;
	position: relative;
}
#chart-part {
	height: 200px;
	width: 100%;
}
#chart {
	height: 100%;
	width: 100%;
}
#grid-part {
	min-height: 100px;
	min-width: 500px;
}
.ml-1 {
	margin-left:1px;
}
.ml-25 {
	margin-left: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mb-0 {
	margin-bottom: 0;
}
.float-left {
	float:left;
}
.legend-icons {
	width:30px;
	height:20px;
}
.legend-text {
	padding-right:10px;
	padding-left:5px;
}
.legend-fieldset {
	padding:10px;
	display:inline-block;
	margin-left:2px;
}
.legend-row {
	margin-top:10px;
	margin-left:20px;
}
.display-block {
	display:block;
}