.icon-configserver {
	color: #2f6df6; /* accent blue instead of red */
}

/* default buttons */
.btn-default {
	background:#0b1320;
	border-radius:6px;
	border:1px solid #22324a;
	color:#e9eef6 !important;
	transition: all 0.3s ease-in-out;
}
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
	background:#152238;
	color:#fff !important;
}
.btn-default:hover {
	background:#152238;
	border-color:#2f6df6;
	color:#fff !important;
}

/* csf config button */
.btn-csf-config:hover,
.btn-csf-config:active,
.btn-csf-config.active {
	background-color:#2f6df6 !important;
	color:#fff !important;
	transition: all 0.3s ease-in-out;
}

/* inputs/selects */
input[type=text], select {
	background:#0b1320;
	color:#e9eef6;
	border-radius:6px;
	border:1px solid #22324a;
	padding:6px 8px;
	margin:6px 2px;
	transition: all 0.3s ease-in-out;
}
input[type=text]:focus, select:focus {
	box-shadow:0 0 6px #2f6df6;
	border:1px solid #2f6df6;
	outline:none;
}

/* table */
th {
	background:#152238;
	color:#dfe9ff;
}
.table tbody>tr:nth-child(even)>td {
	background:#0e192a;
}
.table tbody>tr:nth-child(even)>td .btn-default {
	border:1px solid #e9eef6;
} 
.table tbody>tr:nth-child(odd)>td {
	color:#22324a !important;
}
.table tbody>tr>td {
	vertical-align: middle;
	border:1px solid #22324a;
	color:#e9eef6;
}

/* panels */
.panel-default>.panel-heading-cxs {
	font-weight:bold;
	background:#152238;
	color:#dfe9ff;
}
.panel-default>.panel-footer-cxs {
	font-weight:bold;
	background:#152238;
	color:#dfe9ff;
}

/* loader */
#loader {
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	margin:-75px 0 0 -75px;
	border:16px solid #0f1a2b;
	border-radius:50%;
	border-top:16px solid #2f6df6;
	border-bottom:16px solid #2f6df6;
	width:120px;
	height:120px;
	animation:spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* callouts */
.bs-callout {
    padding:20px;
    margin:20px 0;
    border:1px solid #22324a;
    border-left-width:5px;
    border-radius:6px;
    background:#0f1a2b;
    color:#e9eef6;
}
.bs-callout h4 {margin:0 0 5px;color:#dfe9ff}
.bs-callout-success {border-left-color:#5cb85c;}
.bs-callout-info    {border-left-color:#5bc0de;}
.bs-callout-warning {border-left-color:#f0ad4e;}
.bs-callout-danger  {border-left-color:#e55353;}

/* labels / values */
.label-pill {
  padding:.2em .6em;
  border-radius:10rem;
}
.comment {
	border-radius:5px;
	border:1px solid #22324a;
	background:#0b1320;
	padding:10px;
	font-family:monospace;
	font-size:14px;
	color:#e9eef6;
}
.value-default {
	background:#152238;
	color:#e9eef6;
	padding:2px;
	border-radius:5px;
}
.value-other {
	background:#0e192a;
	color:#e9eef6;
	padding:2px;
	border-radius:5px;
}
.value-disabled {
	background:#333;
	color:#777;
	padding:2px;
	border-radius:5px;
}
.value-warning {
	background:#5c2a2a;
	color:#fdd;
	padding:2px;
	border-radius:5px;
}

/* sections */
.section {
	border-radius:6px;
	border:2px solid #2f6df6;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	background:#0f1a2b;
	color:#dfe9ff;
}

/* top/bottom links */
.toplink, .botlink {
	cursor:pointer;
	position:fixed;
	right:20px;
	z-index:9999 !important;
	font-size:36px;
	opacity:.5;
	display:none;
	color:#2f6df6;
}
.toplink {top:20px;}
.botlink {bottom:20px;}
