/* STYLES SPECIFIC TO THIS APPLICATION */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 600;
	color: #212121;
}

strong, .strong {
	font-weight: 600;
}

b, .b {
	font-weight: 700;
}

label {
	font-weight: 600;
}

a {
	color: #212121;
}

.footer {
	background-color: #212121;
}

.navbar-divider {
	padding: 15px;
	display: block;
	color: #212121;
}


.jumbotron {
	margin-top: 30px;
	background-color: inherit;
	border: 1px solid #ddd;
}

	.jumbotron h1 {
		color: #212121;
	}


.status-pill {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	min-width: 60px;
}


.label-col {
	vertical-align: top;
	width: 160px;
}

.control-col {
	vertical-align: top;
	padding-bottom: 5px;
}

.glyphicon-btn {
	color: #777777;
	font-size: large;
	margin-left: 3px;
	margin-right: 3px;
}

.k-button > .glyphicon {
	color: #777777;
	font-size: large;
	margin-left: 3px;
	margin-right: 3px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #212121;
	background-color: #00f584;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	text-decoration: none;
	outline: 0;
	color: #212121;
	background-color: #00f584;
}

.btn-primary {
	color: #ffffff;
	background-color: #212121;
	border-color: #212121;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		color: #212121;
		background-color: #00f584;
		border-color: #00f584;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		background-image: none;
	}

	.btn-primary.disabled,
	.btn-primary[disabled],
	fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	fieldset[disabled] .btn-primary.active {
		background-color: #212121;
		border-color: #212121;
	}

	.btn-primary .badge {
		color: #212121;
		background-color: #ffffff;
	}



/* Kendo Grids */
.k-grid .k-button {
	border: none;
	background: none;
}

.k-grid-header .k-header > .k-link {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

/* Kendo Grid Filters */
.k-animation-container:has(.k-filter-menu) {
	transform: translateX(-96px)
}

.k-filter-menu, .k-filter-menu .k-widget {
	width: 200px;
}

.k-filter-menu, .k-filter-menu .k-multicheck-wrap input[type="checkbox"] {
	margin-right: 5px;
}

.k-grid-filter.k-state-active {
	color: #ff0000;
}

/* Tabstrip Tab Headings */

.k-tabstrip-items .k-state-default .k-link {
	color: #212121;
}



/* Kendo Multiselect */

span.k-icon.k-i-close {
	position: absolute;
	top: 6px;
	right: 6px;
}

span.k-select > span.k-icon.k-i-close {
	position: absolute;
	top: 4px;
	right: 4px;
	color: white;
}



/* Job Index Page */

@media (max-width: 767px) {
	.search-panel {
		display: none;
		width: 230px;
		vertical-align: top;
	}

	.search-panel-top {
		display: inline-block;
	}

	.search-grid {
		display: inline-block;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.search-panel {
		display: inline-block;
		width: 230px;
		vertical-align: top;
	}

	.search-panel-top {
		display: none;
	}

	.search-grid {
		display: inline-block;
		padding-left: 15px;
		width: calc(100% - 245px)
	}
}