body[data-path="jobs"],
body[data-path^="jobs/"],
body[data-path^="job_application"],
body[data-path^="job-application"] {
	--dsl-ocean-200: #ace3df;
	--dsl-ocean-700: #246061;
	--dsl-ocean-800: #214c4e;
	--dsl-ocean-900: #1f4042;
	--dsl-ocean-950: #0d2326;
	--dsl-sun-100: #fff2c6;
	--dsl-sun-300: #ffcd4a;
	--dsl-sun-400: #ffb312;
	--primary: var(--dsl-sun-400);
	--primary-color: var(--dsl-ocean-950);
	--text-color: #ffffff;
	--text-muted: rgba(255, 255, 255, 0.65);
	--bg-green: var(--dsl-sun-100);
	--text-on-green: var(--dsl-ocean-900);
	--bg-orange: var(--dsl-sun-100);
	--text-on-orange: var(--dsl-ocean-900);
	--bg-blue: var(--dsl-sun-100);
	--text-on-blue: var(--dsl-ocean-900);
}

body.jobs-page,
body[data-path^="jobs/"],
body[data-path^="job_application"],
body[data-path^="job-application"] {
	background-color: var(--dsl-ocean-900) !important;
	color: rgba(255, 255, 255, 0.8);
}

body[data-path="jobs"] .navbar,
body[data-path^="jobs/"] .navbar,
body[data-path^="job_application"] .navbar,
body[data-path^="job-application"] .navbar {
	background-color: var(--dsl-ocean-900);
	border-color: var(--dsl-ocean-700);
}

body[data-path="jobs"] .navbar .navbar-brand,
body[data-path="jobs"] .navbar .nav-link,
body[data-path^="jobs/"] .navbar .navbar-brand,
body[data-path^="jobs/"] .navbar .nav-link,
body[data-path^="job_application"] .navbar .navbar-brand,
body[data-path^="job_application"] .navbar .nav-link,
body[data-path^="job-application"] .navbar .navbar-brand,
body[data-path^="job-application"] .navbar .nav-link,
body[data-path="jobs"] h1,
body[data-path="jobs"] h2,
body[data-path="jobs"] h3,
body[data-path="jobs"] h4,
body[data-path^="jobs/"] h1,
body[data-path^="jobs/"] h2,
body[data-path^="jobs/"] h3,
body[data-path^="jobs/"] h4,
body[data-path^="job_application"] h1,
body[data-path^="job-application"] h1 {
	color: #ffffff !important;
}

body[data-path="jobs"] a,
body[data-path="jobs"] [name="clear-filters"],
body[data-path^="jobs/"] .breadcrumb a,
body[data-path^="job_application"] .breadcrumb a,
body[data-path^="job-application"] .breadcrumb a {
	color: var(--dsl-sun-100);
}

body[data-path="jobs"] a:hover,
body[data-path="jobs"] a:focus,
body[data-path^="jobs/"] a:hover,
body[data-path^="jobs/"] a:focus,
body[data-path^="job_application"] a:hover,
body[data-path^="job_application"] a:focus,
body[data-path^="job-application"] a:hover,
body[data-path^="job-application"] a:focus {
	color: var(--dsl-sun-300) !important;
}

body[data-path="jobs"] main,
body[data-path="jobs"] main p,
body[data-path="jobs"] main label,
body[data-path^="jobs/"] main,
body[data-path^="jobs/"] main p,
body[data-path^="jobs/"] main li,
body[data-path^="job_application"] main,
body[data-path^="job_application"] .control-label,
body[data-path^="job_application"] .help-box,
body[data-path^="job-application"] main,
body[data-path^="job-application"] .control-label,
body[data-path^="job-application"] .help-box {
	color: rgba(255, 255, 255, 0.8);
}

body[data-path="jobs"] .text-secondary,
body[data-path="jobs"] .text-muted,
body[data-path^="jobs/"] .text-secondary,
body[data-path^="jobs/"] .text-muted,
body[data-path^="job_application"] .text-secondary,
body[data-path^="job_application"] .text-muted,
body[data-path^="job_application"] .text-extra-muted,
body[data-path^="job-application"] .text-secondary,
body[data-path^="job-application"] .text-muted,
body[data-path^="job-application"] .text-extra-muted {
	color: rgba(255, 255, 255, 0.65) !important;
}

body[data-path="jobs"] .breadcrumb,
body[data-path^="jobs/"] .breadcrumb,
body[data-path^="job_application"] .breadcrumb,
body[data-path^="job-application"] .breadcrumb {
	color: rgba(255, 255, 255, 0.65);
}

body[data-path="jobs"] .breadcrumb-item.active,
body[data-path="jobs"] .breadcrumb-item.active span,
body[data-path^="jobs/"] .breadcrumb-item.active,
body[data-path^="jobs/"] .breadcrumb-item.active span,
body[data-path^="job_application"] .breadcrumb-item.active,
body[data-path^="job_application"] .breadcrumb-item.active span,
body[data-path^="job-application"] .breadcrumb-item.active,
body[data-path^="job-application"] .breadcrumb-item.active span {
	color: rgba(255, 255, 255, 0.8) !important;
}

body[data-path^="jobs/"] main h3,
body[data-path^="jobs/"] main h4,
body[data-path^="jobs/"] .breadcrumb-item.active,
body[data-path^="jobs/"] .breadcrumb-item.active span,
body[data-path^="job_application"] .breadcrumb-item.active,
body[data-path^="job_application"] .breadcrumb-item.active span,
body[data-path^="job-application"] .breadcrumb-item.active,
body[data-path^="job-application"] .breadcrumb-item.active span,
body[data-path^="jobs/"] main .text-secondary.text-uppercase {
	color: var(--dsl-sun-100) !important;
}

body[data-path="jobs"] .breadcrumb-item + .breadcrumb-item::before,
body[data-path^="jobs/"] .breadcrumb-item + .breadcrumb-item::before,
body[data-path^="job_application"] .breadcrumb-item + .breadcrumb-item::before,
body[data-path^="job-application"] .breadcrumb-item + .breadcrumb-item::before {
	filter: brightness(0) saturate(100%) invert(91%) sepia(17%) saturate(729%) hue-rotate(341deg) brightness(110%) contrast(101%);
}

body[data-path="jobs"] .form-check-input {
	accent-color: var(--dsl-sun-400);
}

body[data-path="jobs"] #search-box,
body[data-path="jobs"] .btn-group.border,
body[data-path="jobs"] .btn-group .bg-white {
	background-color: var(--dsl-ocean-800) !important;
	border-color: var(--dsl-ocean-700) !important;
	color: #ffffff;
}

body[data-path="jobs"] #search-box::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

body[data-path="jobs"] .btn-group .btn:hover,
body[data-path="jobs"] .btn-group .btn:focus {
	color: #ffffff !important;
}

body[data-path="jobs"] [name="card"] {
	background-color: var(--dsl-ocean-800);
	border-color: var(--dsl-ocean-700) !important;
	color: rgba(255, 255, 255, 0.8);
}

body[data-path="jobs"] .job-card-footer {
	background-color: var(--dsl-ocean-900);
	border-color: var(--dsl-ocean-700);
}

body[data-path="jobs"] svg,
body[data-path="jobs"] svg g,
body[data-path="jobs"] svg path,
body[data-path="jobs"] svg use,
body[data-path^="jobs/"] svg,
body[data-path^="jobs/"] svg g,
body[data-path^="jobs/"] svg path,
body[data-path^="jobs/"] svg use,
body[data-path^="job_application"] svg,
body[data-path^="job_application"] svg use,
body[data-path^="job-application"] svg,
body[data-path^="job-application"] svg use {
	--icon-stroke: var(--dsl-sun-100) !important;
	stroke: var(--dsl-sun-100) !important;
}

body[data-path^="jobs/"] .rounded-circle {
	background-color: var(--dsl-ocean-800) !important;
}

body[data-path="jobs"] .dropdown-menu,
body[data-path^="jobs/"] .dropdown-menu,
body[data-path^="job_application"] .dropdown-menu,
body[data-path^="job-application"] .dropdown-menu {
	background-color: var(--dsl-ocean-800);
	border-color: var(--dsl-ocean-700);
}

body[data-path="jobs"] .dropdown-item,
body[data-path^="jobs/"] .dropdown-item,
body[data-path^="job_application"] .dropdown-item,
body[data-path^="job-application"] .dropdown-item {
	color: #ffffff;
}

body[data-path="jobs"] .dropdown-item:hover,
body[data-path="jobs"] .dropdown-item:focus,
body[data-path^="jobs/"] .dropdown-item:hover,
body[data-path^="jobs/"] .dropdown-item:focus,
body[data-path^="job_application"] .dropdown-item:hover,
body[data-path^="job_application"] .dropdown-item:focus,
body[data-path^="job-application"] .dropdown-item:hover,
body[data-path^="job-application"] .dropdown-item:focus {
	background-color: var(--dsl-ocean-700);
	color: #ffffff !important;
}

body[data-path^="job_application"] .web-form,
body[data-path^="job_application"] .web-form-header,
body[data-path^="job_application"] .web-form-head,
body[data-path^="job_application"] .web-form-body,
body[data-path^="job_application"] .web-form-wrapper,
body[data-path^="job_application"] .form-page,
body[data-path^="job_application"] .form-control,
body[data-path^="job_application"] .like-disabled-input,
body[data-path^="job-application"] .web-form,
body[data-path^="job-application"] .web-form-header,
body[data-path^="job-application"] .web-form-head,
body[data-path^="job-application"] .web-form-body,
body[data-path^="job-application"] .web-form-wrapper,
body[data-path^="job-application"] .form-page,
body[data-path^="job-application"] .form-control,
body[data-path^="job-application"] .like-disabled-input {
	background-color: var(--dsl-ocean-900) !important;
	border-color: var(--dsl-ocean-700) !important;
}

body[data-path^="job_application"] .form-control,
body[data-path^="job_application"] .like-disabled-input,
body[data-path^="job-application"] .form-control,
body[data-path^="job-application"] .like-disabled-input {
	background-color: var(--dsl-ocean-800) !important;
	color: #ffffff !important;
}

body[data-path^="job_application"] .form-control::placeholder,
body[data-path^="job-application"] .form-control::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

body[data-path^="job_application"] main h1,
body[data-path^="job_application"] .web-form-title h1,
body[data-path^="job_application"] .section-head,
body[data-path^="job_application"] .control-label,
body[data-path^="job-application"] main h1,
body[data-path^="job-application"] .web-form-title h1,
body[data-path^="job-application"] .section-head,
body[data-path^="job-application"] .control-label {
	color: var(--dsl-sun-100) !important;
}

body[data-path^="job_application"] main a:not(.btn),
body[data-path^="job-application"] main a:not(.btn) {
	color: var(--dsl-sun-100) !important;
}

body[data-path="jobs"] .btn-primary,
body[data-path^="jobs/"] .btn-primary,
body[data-path^="job_application"] .btn-primary,
body[data-path^="job-application"] .btn-primary {
	background-color: var(--dsl-sun-400) !important;
	border-color: var(--dsl-sun-400) !important;
	color: var(--dsl-ocean-950) !important;
}

body[data-path="jobs"] .btn-primary:hover,
body[data-path="jobs"] .btn-primary:focus,
body[data-path="jobs"] .btn-primary:active,
body[data-path^="jobs/"] .btn-primary:hover,
body[data-path^="jobs/"] .btn-primary:focus,
body[data-path^="jobs/"] .btn-primary:active,
body[data-path^="job_application"] .btn-primary:hover,
body[data-path^="job_application"] .btn-primary:focus,
body[data-path^="job_application"] .btn-primary:active,
body[data-path^="job-application"] .btn-primary:hover,
body[data-path^="job-application"] .btn-primary:focus,
body[data-path^="job-application"] .btn-primary:active {
	background-color: var(--dsl-sun-300) !important;
	border-color: var(--dsl-sun-300) !important;
	color: var(--dsl-ocean-950) !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 205, 74, 0.18) !important;
}

body[data-path^="job_application"] .btn-default,
body[data-path^="job-application"] .btn-default {
	background-color: var(--dsl-ocean-800) !important;
	border-color: var(--dsl-ocean-700) !important;
	color: #ffffff !important;
}

body[data-path^="job_application"] .btn-default:hover,
body[data-path^="job_application"] .btn-default:focus,
body[data-path^="job_application"] .btn-default:active,
body[data-path^="job-application"] .btn-default:hover,
body[data-path^="job-application"] .btn-default:focus,
body[data-path^="job-application"] .btn-default:active {
	background-color: var(--dsl-ocean-700) !important;
	border-color: var(--dsl-ocean-700) !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 0.2rem rgba(172, 227, 223, 0.12) !important;
}

body[data-path^="job_application"] .modal-content,
body[data-path^="job-application"] .modal-content {
	background-color: var(--dsl-ocean-800);
	border-color: var(--dsl-ocean-700);
	color: #ffffff;
}

body[data-path^="job_application"] .modal-header,
body[data-path^="job_application"] .modal-footer,
body[data-path^="job-application"] .modal-header,
body[data-path^="job-application"] .modal-footer {
	border-color: var(--dsl-ocean-700);
}

body[data-path^="job_application"] .modal-title,
body[data-path^="job_application"] .modal-body,
body[data-path^="job_application"] .modal-body .msgprint,
body[data-path^="job_application"] .modal-body li,
body[data-path^="job-application"] .modal-title,
body[data-path^="job-application"] .modal-body,
body[data-path^="job-application"] .modal-body .msgprint,
body[data-path^="job-application"] .modal-body li {
	color: #ffffff !important;
}

body[data-path^="job_application"] .modal .close,
body[data-path^="job-application"] .modal .close {
	color: var(--dsl-sun-100);
	opacity: 0.85;
}

body[data-path^="job_application"] .modal .close:hover,
body[data-path^="job_application"] .modal .close:focus,
body[data-path^="job-application"] .modal .close:hover,
body[data-path^="job-application"] .modal .close:focus {
	color: var(--dsl-sun-300);
	opacity: 1;
}

body[data-path^="job_application"] .modal .close svg,
body[data-path^="job_application"] .modal .close svg use,
body[data-path^="job-application"] .modal .close svg,
body[data-path^="job-application"] .modal .close svg use {
	stroke: currentColor !important;
}

body[data-path="jobs"] .web-footer,
body[data-path^="jobs/"] .web-footer,
body[data-path^="job_application"] .web-footer,
body[data-path^="job-application"] .web-footer {
	background-color: var(--dsl-ocean-950);
	border-color: var(--dsl-ocean-900);
	color: #ffffff;
}

body[data-path="jobs"] .web-footer a,
body[data-path^="jobs/"] .web-footer a,
body[data-path^="job_application"] .web-footer a,
body[data-path^="job-application"] .web-footer a {
	color: var(--dsl-ocean-200) !important;
}
