html {
	/*font-size: 10pt;*/
}

body {
	/*padding: 10px 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

nav, footer { /*header*/
	/*background: silver;*/
	background-color: #e3f2fd;
}

main {
	flex: 1;
	overflow: auto;
	background: #fff;
	padding: 10px;
}

main > .container {
	padding: 0;
}

.R { color: #f00; }

.navbar { font-size: 16px; }
.flex-space { display: flex; justify-content: space-between;}

/* ===================
 *     log levels
 * =================== */
/* ### lvlXXX classes are not used currently*/
.lvlFTL,.log0 { background-color: #f88;} /*### color: #fff;}*/
.lvlERR,.log3 { background-color: #fb8;}
.lvlWRN,.log4 { background-color: #ff8;}
.lvlNOT,.log5 { background-color: #bbf;}
.lvlINF,.log6 { background-color: #bff;}
.lvlDBG,.log7 { background-color: #fff;}

/* ===================
 *     FMC job states
 * =================== */
.job-assigned { background-color: #ffb;}
/*.job-sent { background-color: #ce6;}*/
.job-sent { background-color: #fa7;}
.job-queued { background-color: #ebe;}
.job-running { background-color: #8fe;}
.job-pausing { background-color: #bbf;}
.job-paused { background-color: #83d; color: #fff;}
.job-cancelling { background-color: #ca8;}
.job-cancelled { background-color: #964; color: #fff;}
/*.job-removed { background-color: #964;}*/
.job-failed { background-color: #e44; color: #fff;}
.job-done { background-color: #4f4;}
/*
.job-assigned { background-color: #ffb;}
.job-sent { background-color: #fb8;}
.job-queued { background-color: #fd8;}
.job-running { background-color: #8fe;}
.job-pausing { background-color: #bbf;}
.job-paused { background-color: #83d;}
.job-cancelling { background-color: #b97;}
.job-cancelled { background-color: #864;}
.job-failed { background-color: #f44;}
.job-done { background-color: #4f4;}

.job-assigned { background-color: #bbf;}
.job-sent { background-color: #bff;}
.job-running { background-color: #ff8;}
.job-cancelling { background-color: #bff;}
.job-cancelled { background-color: #8bb;}
.job-removed { background-color: #c86;}
.job-failed { background-color: #f88;}
.job-done { background-color: #bfb;}
	['bg'=>'fff', 'nam'=>'?'],			// 0
	['bg'=>'ffb', 'nam'=>'Assigned'],	// 1 bbf
	['bg'=>'fb8', 'nam'=>'Sent'],		// 2 8ff
	['bg'=>'8fe', 'nam'=>'Running'],	// 3 ff8
	['bg'=>'bbf', 'nam'=>'Cancelling'],	// 4 fb8
	['bg'=>'83d', 'nam'=>'Cancelled'],	// 5
	['bg'=>'964', 'nam'=>'Removed'],	// 6 853
	['bg'=>'f44', 'nam'=>'Failed'],	// 7
	['bg'=>'4f4', 'nam'=>'Done'],		// 8
*/

.kfont {
	font-family: 'Arial Rounded MT Bold', sans-serif;
	color: #ff7300;
	/*font-weight: bold;*/
}

#loading {
	position: fixed;
	left: 50%;
	top: 35%;
	width: 100%;
	height: 100%;
	z-index: 99;
	font-size: 2em;
	background: transparent;
	display: none;
	/*url('copper-loader.gif');*/
	/*url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif') 50% 50% no-repeat rgb(249,249,249);*/
}

/* ===================
 *      distinguish items that open a new tab
 * =================== */
.newTab { font-style: italic; }

/* ===================
 *      animation
 * =================== */
@keyframes cancelling {
	0%,29% { background-color: #fff; }
	30%,100% { background-color: #cfc; }
}
.bgCancelling {
	animation: cancelling 2s infinite;
	border: 3px solid #353;
}
@keyframes aborting {
	0%,29% { background-color: #fff; }
	30%,100% { background-color: #fcc; }
}
.bgAborting {
	animation: cancelling 2s infinite;
	border: 3px solid #533;
}

/* ==========================
 * override Bootstrap styling
 * ========================== */
.tooltip-inner {
	max-width: 100% !important;
}

/* ===================
 * override DT styling
 * =================== */
.paginate_input { width:5em; }

table.dbtable thead {
	background-color: #387;
	color: white;
}
table.dbtable tbody {
	background-color: #ccd;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 0px 5px;
	/*border: 1px solid black;*/
}
table.dataTable {
	/*border: 1px solid #111;*/
	/*margin: 20px;*/
	border-collapse: collapse;
}
table.dataTable th {
	border: 1px solid #111;
	/*border-collapse: collapse;*/
}
table.dataTable.cell-border tbody tr td:first-child {
	border-left: 1px solid #111;
}
table.dataTable.cell-border tbody tr td:last-child {
	border-right: 1px solid #111;
}
table.dataTable.no-footer {
	margin-bottom: 5px;
}
button.dt-button,div.dt-buttons>.dt-button {
	padding: 1px 5px;
	border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 1px 5px;
	border-radius: 5px;
	border: 1px solid #777;
}
.dataTables_wrapper .dataTables_filter input {
	margin-bottom: 5px;
}
div.dt-button-collection .dt-button {
	padding: 0;
}
div.dt-button-collection>div[role=menu] {
	padding-left: 10px;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
	background: linear-gradient(to bottom, #eee 0%, #8f8 100%);
	box-shadow: inset 1px 1px 3px #4f4;
}

/*search builder*/
div.dtsb-searchBuilder {
	background-color: #e3f2fd;;
	padding: 5px 10px;
	border: 1px solid #88f;
	border-radius: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
	padding-top: 0;
}
div.dtsb-searchBuilder button.dtsb-button {
	padding: .2em .5em;
}
div.dtsb-searchBuilder button.dtsb-button, div.dtsb-searchBuilder div.dtsb-logicContainer button {
	border-radius: 5px;
	background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
}
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
	background-color: #fff;
}