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;
}

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

/* ===================
 *     log levels
 * =================== */
.lvlFTL { background-color: #f88;}
.lvlERR { background-color: #fb8;}
.lvlWRN { background-color: #ff8;}
.lvlNOT { background-color: #bbf;}
.lvlINF { background-color: #bff;}
.lvlDBG { background-color: #fff;}

/* ===================
 *     FMC job states
 * =================== */
.job-assigned { background-color: #bbf;}
.job-cancelled { background-color: #8bb;}
.job-cancelling { background-color: #bff;}
.job-done { background-color: #bfb;}
.job-failed { background-color: #f88;}
.job-removed { background-color: #c86;}  /*b97a57*/
.job-running { background-color: #ff8;}
.job-sent { background-color: #bff;}

.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: 9999;
	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);*/
}

/* ===================
 *      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 DT styling
 * =================== */
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 {
	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;
}