h1 {
	font-weight: 400;
	font-size: 2.4em;
	margin-bottom: 25px
}
h1 small {
	font-size: 19px;
}
h2 {
	font-weight: 400;
	font-size: 23px;
}
p {
	font-size: 14px;
}
a {
	color: #3c9bc9;
}

/* Basic structure
-------------------------------------------------------------- */
body {
	background: #f1f2f4;
    padding-top: 75px;
	font-family: 'Roboto', sans-serif;
}
.cf-content-with-sidebar .cf-sidebar {
	width: 250px;
	float: left;
	margin: 3px 0 0 20px;
}
.cf-content-with-sidebar .cf-main-wrapper {
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 5px;
}
.cf-content {
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.17);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.17);
	padding: 35px 40px 40px 40px;
	border-radius: 2px;
	border-top-left-radius: 1px;
}
.panel-with-sidebar {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;
}
.panel-with-sidebar .panel-with-sidebar__content {
	width: 75%;
}
.panel-with-sidebar .panel-with-sidebar__sidebar {
	width: 25%;
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	align-self: flex-start;
}

/* Menus
-------------------------------------------------------------- */

/* Main menu */
.navbar .navbar-inner {
	background-image: none;
	background-color: #282f36;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: none;
}
.navbar.navbar-hl .navbar-inner {
	background-color: #008753;
}
.navbar a.brand {
	width: auto;
	height: auto;
	padding: 15px 18px 0 0;
}
.navbar a.brand img {
	height: 22px;
}

.navbar ul.nav > li > a {
	height: 21px;
	line-height: 21px;
	padding: 16px 10px 12px 8px;
	vertical-align: middle;
	color: #fff;
	transition: all 0.2s ease;
	font-size: 14px;
	font-weight: 500;
}
.navbar ul.nav > li > a > img {
	margin: -2px 5px 0 5px;
}
.navbar ul li.current a, .navbar ul li.current_ancestor a {
	background: #3f4b56;
}
.navbar ul.nav > li > a:hover {
	border-color: #3f4b56;
	background: #3f4b56;
}
.dropdown-backdrop{
    position: static;
}

.navbar .navbar-inner .rate-unavailable {
	opacity: 0.5;
}

.navbar .navbar-inner .rate-unavailable .rate-unavailable-icon {
	margin-left: 5px;
	margin-top: 3px;
	background-image: url("../img/glyphicons-halflings-white.png");
}
/* disabled link to online shop */
.cf-link-to-website {
	padding: 7px 20px 3px 20px;
	color: #999;
	cursor: not-allowed;
}

/* Sidebar */
.cf-sidebar {
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 15px 0;
}
.cf-sidebar ul {
	margin: 0;
	list-style-type: none;
}
.cf-sidebar ul li span {
	display: block;
	padding: 20px 15px 0 15px;
	font-weight: bold;
}
.cf-sidebar ul li.first span {
	padding-top: 5px;
}
.cf-sidebar ul li a {
	display: block;
	padding: 5px 15px;
	color: #444;
}
.cf-sidebar ul li a img {
	margin-right: 8px;
}
.cf-sidebar ul li a:hover {
	background-color: #f1f2f4;
	text-decoration: none;
}
.cf-sidebar ul li.current a, .cf-sidebar ul li.current_ancestor a {
	background-color: #f1f2f4;
}

.cf-sidebar .rate-unavailable {
	opacity: 0.5;
}

.cf-sidebar .rate-unavailable .rate-unavailable-icon {
	margin-left: 5px;
	margin-top: 3px;
}



/* Navbar */
.cf-navbar {
	margin-bottom: 0;
}
.cf-navbar ul {
	margin: 0;
	list-style-type: none;
}
.cf-navbar ul li {
	float: left;
}
.cf-navbar ul li a {
	display: block;
	padding: 14px 20px;
	color: #525157;
	background: #e1e4eb;
	font-size: 16px;
	font-weight: 500;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-right: 10px;
	transition: all 0.2s ease;
}
.cf-navbar ul li a:hover {
	background: #fff;
	text-decoration: none;
	color: #3c9bc9;
}
.cf-navbar ul li.current a, .cf-navbar ul li.current_ancestor a {
	background: #fff;
	-webkit-box-shadow: 0 -2px 2px -3px rgba(0, 0, 0, 0.2), -2px 0 2px -3px rgba(0, 0, 0, 0.2), 2px 0 2px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.2), -2px 0 2px -2px rgba(0, 0, 0, 0.2), 2px 0 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -2px 2px -3px rgba(0, 0, 0, 0.2), -2px 0 2px -3px rgba(0, 0, 0, 0.2), 2px 0 2px -3px rgba(0, 0, 0, 0.2);
	border: solid #e7e7e9;
	border-width: 1px 1px 0 1px;
}

/* Tabs */
.cf-tabs {
	margin-left: -1px;
}
.cf-tabs ul {
	margin: 0;
	list-style-type: none;
}
.cf-tabs ul li {
	float: left;
}
.cf-tabs ul li a {
	display: block;
	padding: 11px 15px;
	color: #444;
	font-size: 1.1em;
	font-weight: 500;
	background: #e1e4eb;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-right: 5px;
	transition: all 0.2s ease;
}
.cf-tabs ul li a.disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cf-tabs ul li a:hover:not(.disabled) {
	background: #fff;
	text-decoration: none;
	color: #3c9bc9;
}
.cf-tabs ul li.current a, .cf-tabs ul li.current_ancestor a {
	background: #fff;
	-webkit-box-shadow: 0 -2px 2px -3px rgba(0, 0, 0, 0.2), -2px 0 2px -3px rgba(0, 0, 0, 0.2), 2px 0 2px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.2), -2px 0 2px -2px rgba(0, 0, 0, 0.2), 2px 0 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -2px 2px -3px rgba(0, 0, 0, 0.2), -2px 0 2px -3px rgba(0, 0, 0, 0.2), 2px 0 2px -3px rgba(0, 0, 0, 0.2);
	border: solid #d8d8da;
	border-width: 1px 1px 0 1px;
}
.cf-tabs ul li a span {
	margin: 1px 7px 0 0;
	float: left;
}

/* Headline & backbutton */
.cf-backlink-headline h1 {
	padding-bottom: 30px;
}
h1.cf-headline {
	margin: 0;
}
.cf-back-link {
	margin: 2px 20px 0 0;
	float: left;
}
.cf-back-link img {
	margin-right: 5px;
}
.cf-content h2 {
	margin-top: 0;
}
.cf-content h3 {
	margin-top: 3px;
}

/* Elements
-------------------------------------------------------------- */
.topdistance {
	padding-top: 20px;
	clear: both;
}
.cf-text-brighter {
	color: #999;
}
h2.cf-bullet span.cf-bullet-circle,
h3.cf-bullet span.cf-bullet-circle {
	background: #00b1e7; /* blue */
	border-radius: 50%;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
}
h2.cf-bullet {
	margin-bottom: 30px;
}
h2.cf-bullet span.cf-bullet-circle {
	height: 31px;
	margin-right: 20px;
	margin-top: -6px;
	padding: 6px;
	width: 31px;
}
h3.cf-bullet {
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 22px;
}
h3.cf-bullet span.cf-bullet-circle {
	width: 1em;
	padding: 6px;
	margin-right: 0.5em;
	height: 1em;
	margin-top: -4px;
	line-height: 1em;
	font-size: 0.9em;
}
.cf-bullet span.cf-bullet-circle.inactive {
	background-color: #ccc;
}
.cf-bullet span.cf-bullet-circle.completed {
	background-color: #46d0a4;
}
.cf-bullet span.cf-bullet-circle.current {
	background-color: #00b1e7;
	border: 2px solid #333;
}
.cf-step-title {
	padding: 10px;
	border-radius: 5px;
}
.cf-step-title.current {
	font-weight: bolder;
	font-size: 1.2em;
}
.cf-table-actions {
	padding-bottom: 20px;
}
table.cf-table-fullwidth {
	border: 1px solid #ddd;
}
table.cf-table-fullwidth tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #ddd;
	border-top: none;
	background: #f1f2f4;
}
table.cf-table-fullwidth tr td {
	vertical-align: middle;
}
table.cf-table-fullwidth tr td:first-child, table.cf-table-fullwidth tr th:first-child {
	padding-left: 20px;
}
table.cf-table-fullwidth tr td:last-child, table.cf-table-fullwidth tr th:last-child {
	text-align: right;
	padding-right: 20px;
}
table.cf-table-fullwidth tr td:last-child .dropdown-menu, table.cf-table-fullwidth tr th:last-child .dropdown-menu {
	text-align: left;
}
td.cf-table-delimit-left, th.cf-table-delimit-left {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}
td.cf-table-delimit-right, th.cf-table-delimit-right {
	border-right: 1px solid #ccc;
	padding-right: 20px;
}
table.cf-order-entry-student-table {
	width: 100%;
}

table.cf-order-entry-student-table tr:first-child td {
	border-top: 0px;
}

table.cf-order-entry-student-table tr td:last-child{
	text-align: left;
}

span.notification-title {
    font-weight: 500;
}

/* ellipsis with bootstrap table */
.table-nowrap {
	table-layout:fixed;
}

.table-nowrap td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pagination {
	padding: 20px 0;
}
.cf-box {
	padding: 20px;
	border: 1px solid #ddd;
}
.cf-box-shaded {
	background: #f1f2f4;
	padding: 20px;
	border: 1px solid #ddd;
}
.cf-box h2 {
	margin-top: 0;
	margin-bottom: 15px;
}
.cf-box h3 {
	margin-bottom: 10px;
	color: #777;
	line-height: 22px;
	font-weight: normal;
}
.cf-info-box-bottom {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid #ddd;
}
.cf-info-box-bottom h3 {
	margin: 0;
	color: #777;
	line-height: 18px;
	font-weight: normal;
}
a.more-info-toggle .caret {
	margin: 8px 0 0 5px;
}
.cf-link-icon {
	display: block;
	padding: 7px 0;
}
.cf-link-icon img {
	margin-right: 7px;
}
.cf-label-large {
	font-size: 3.3em;
	line-height: 1.1em;
	font-weight: 300;
}
.cf-checklist-item span {
	margin: 0 7px 0 0;
	float: left;
	display: block;
}
.cf-video-link {
	font-weight: 500;
	font-size: 1.2em;
}
.cf-video-link img {
	margin: -2px 7px 0 0;
}

ul.cf-content-tabs {
	margin-bottom: -1px;
}
ul.cf-content-tabs li a {
	background-color: #f1f2f4;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 10px 13px;
	border-bottom: 1px solid #ddd;
	transition: all 0.2s ease 0s;
}
.form-actions {
	border: 1px solid #e5e5e5;
	background-color: #f1f2f4;
}


/* Fixes for old concepts
-------------------------------------------------------------- */
#gallery-placeholder {
	width: 220px;
	margin-right: 40px;
	float: left;
}
#gallery-content-wrapper {
	overflow: hidden;
}

/* Theme
-------------------------------------------------------------- */
.btn {
	box-shadow: none;
	border: 1px solid #ddd;
	background-image: none;
	border-radius: 3px;
	transition: all 0.2s ease;
	text-shadow: none;
}
.btn:not(:hover):not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-inverse):not(.btn-warning):not(.btn-info) {
	background-color: #fff;
}
.btn-group > .btn + .dropdown-toggle {
	box-shadow: none;
}
.cf-content .btn.cf-back-link {
	background-color: #f1f2f4;
	border-color: #f1f2f4;
}
.cf-content .btn.cf-back-link.btn:hover {
	background-color: #e1e4eb;
	border-color: #e1e4eb;
}
.btn.btn-primary {
	background-color: #00b1e7; /* blue */
}
.btn.btn-primary:hover {
	background-color: #4097c2; /* dark-blue */
}
.btn-group.open .btn-primary.dropdown-toggle {
	background-color: #007ea4;
}
.badge {
	text-shadow: none;
}
.badge.badge-info {
	background-color: #00b1e7; /* blue */
}
.badge.badge-success {
	background-color: #46d0a4; /* green */
}
.badge.badge-important {
	background-color: #ef7874; /* red */
}
.label {
	text-shadow: none;
}
.label.label-info {
	background-color: #00b1e7; /* blue */
}
.label.label-important {
	background-color: #ef7874; /* red */
}
.label.label-success {
	background-color: #46d0a4; /* green */
}
.label.label-warning {
	background-color: #f7b864; /* orange */
}
.progress .bar-success {
	background-image: none;
	background-color: #46d0a4;
}
.progress .bar-warning {
	background-image: none;
	background-color: #f7b864;
}
.progress .bar-danger {
	background-image: none;
	background-color: #ef7874;
}

.guest-access-icon-default-favorite {
	background-color: #FFC700;
	background-image: url('/jobs_config/img/photo_badges/favorite.svg');
	position:absolute;
	width: 1.5em;
	height: 1.5em;
	margin: 0.15em;
	border-radius: 0.25em;
	background-repeat: no-repeat;
	background-position: center;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	box-shadow: none;
}
.well {
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	padding: 20px;
}
.table tfoot tr.success > td {
    background-color: #dff0d8;
}
.table tfoot tr.info > td {
	background-color: #d9edf7;
}
.table tfoot tr.info {
	background: none;
	border: none;
	margin: 0;
}

/* Responsive hacks
-------------------------------------------------------------- */
.cf-burger {
	display:none;
	float: left;
	margin-bottom: 20px;
	margin-left: 0;
}
.cf-burger-icons-bar {
	float: left;
	display: block;
	margin-right: 10px;
	margin-top: 2px;
}
.cf-responsive-submenu {
	color: #333;
	text-shadow: none;
}
@media (max-width: 1199px) {
	body {
		padding-top: 0;
	}
	.nav-collapse .dropdown-menu a {
		color: #fff;
	}
	.nav-collapse .dropdown-menu a i {
		background-image: url("../img/glyphicons-halflings-white.png");
	}
    div.navbar a.brand {
        padding-top: 8px;
    }
	.nav-collapse ul li {
		float: none;
	}
    .cf-navbar {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
	div.navbar a.brand {
		padding-left: 20px;
	}
}
.navbar .btn-navbar {
	background-image: none;
	background-color: #fff;
	border-color: #fff;
	margin-top: 6px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
	background-color: #f1f2f4;
}
.navbar .btn-navbar .icon-bar {
	box-shadow: none;
	background-color: #ddd;
}



/* Special elements
-------------------------------------------------------------- */
h3.cf-cta {
	background: #00b1e7;
	padding: 10px 20px;
	color: #fff;
	margin-bottom: 0;
}
.cf-cta span {
	background: #fff;
	color: #333;
	padding: 3px 8px;
	margin: 0 5px;
}


/* Borderless table (used in job statistics)
-------------------------------------------------------------- */
.table-borderless td, .table-borderless th {
    border: none;
}

.table-borderless tr.border-top td {
	border-top: 1px solid #ddd;
}




.left-margin {
	margin-left: 25px;
}


tr.cf-content-indent td:nth-child(1) {
	padding: 0.3em 0 0.3em 1.5em;
}

tr.cf-content-indent td {
	line-height: normal;
}


.personal-order-small-photo {
	width: 40px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}


/* Advanced filter style */
.filter-advanced .row-fluid [class*="span"] {
	margin-left: 0;
	min-height: 40px;
}

.filter-advanced .input select,
.filter-advanced .input input,
.filter-advanced .select2-container {
	width: 90%;
}


.lab-logo {
	max-width: 117px;
	max-height: 40px;
}

.lab-logo-banner {
	max-width: 678px;
	max-height: 80px;
}

/* nice rotation animation css */
.js-loading-animated {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

/**
 * Remove arrows from input "number"
 * https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box
 */
input.cf-input-number::-webkit-outer-spin-button,
input.cf-input-number::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input.cf-input-number[type=number] {
	-moz-appearance:textfield; /* Firefox */
}

.cf-green-screen-background {
	background-size: cover;
	background-position: center;
	background-color: white;
}


.cf-blink-animation {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.impersonate-login-banner {
	background: #1D2327;
	color: white;
	padding: 3px;
	text-align: center;
}