header.app {
  height: 60px;
  min-height: 60px;
  padding: 0 1.5em;
  text-align: left;
  background-color: #fe9e00;
  color: #FFFFFF;
  z-index: 100; }


.modal-container > div.modal > header {
	background: #022f9c;
	padding: 0.5em 3em 1.3em 1em;
	display: block;
	color: #FFFFFF;
	height: auto;
	position: relative;
	text-align: left; }

.modal-container > div.modal > div.main section form.apply-form div.form-field div.input select[type="text"]:focus {
	border-bottom: 1px solid #fe9f00; }

.modal-container > div.modal > div.main section form.apply-form div.form-field div.input.eeoc select:focus {
	outline: none;
	border-color: #fe9f00; }


.modal-container > div.modal > div.main section form.apply-form div.form-field.upload-container {
	border: 1px solid #fe9f00;
	color: #fe9e00;
	border-radius: 3px;
	background: transparent;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1.6em;
	height: 50px; }

.modal-container > div.modal > div.main section input[type="email"]:focus, .modal-container > div.modal > div.main section input[type="text"]:focus {
	border-bottom: 1px solid #fe9f00; }

.modal-container > div.modal > div.main section textarea:focus {
	border-bottom-color: #fe9f00; }

.modal-container > div.modal footer.success button {
	background-color: transparent !important;
	text-align: right;
	color: #f05400 !important; }

.modal-container > div.modal footer.success button:hover {
	background-color: transparent !important;
	text-align: right;
	color: #b43f00 !important; }


.modal-container > div.modal footer button[name="ok"] {
	-webkit-box-flex: 0;
			-ms-flex: 0;
					flex: 0;
	float: right;
	color: #f05400;
	font-size: 1em;
	width: 200px;
	display: inline-block; }

.modal-container > div.modal footer button[name="ok"]:hover {
	-webkit-box-flex: 0;
			-ms-flex: 0;
					flex: 0;
	float: right;
	color: #b43f00;
	font-size: 1em;
	width: 200px;
	display: inline-block; }

.modal-container > div.modal > header > section > span.category {color: #fff;}
.modal-container > div.modal > header > section > span.location, .modal-container > div.modal > header > section > span.separator, .modal-container > div.modal > header > section > span.type {color: #bec0c8;}
.modal-container > div.modal footer button[name="submit"] {background: #f05400;}
.modal-container > div.modal footer button[name="submit"]:hover {background: #b43f00;}

.modal-container > div.modal > div.main section form.apply-form div.form-field div.input input, .modal-container > div.modal > div.main section form.apply-form div.form-field div.input select {border: 1px solid #c0c0c0!important; border-radius: 0.875rem;}

aside > section > section.filter-section > .filter-item > input[type="checkbox"]:checked { background: #fe9f00; }

aside > section > section.filter-section > .filter-item > input[type="checkbox"]:checked + label { color: #fe9f00; }

aside {background-color: #000f24!important;}


a {
  color: #135bea;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:visited, a:focus, a:active {
    color: #427cee;text-decoration: underline;}


.card > .card-title-category > .card-title {
	font-size: 1.7em;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.2em;
	margin-top: 1em;
	white-space: nowrap;
	display: block;
	color: #135bea;
	text-decoration: none; }

.card > .card-title-category > .card-title:hover, .card > .card-title-category > .card-title:visited, .card > .card-title-category > .card-title:focus, .card > .card-title-category > .card-title:active { color: #427cee; }

section.job-detail > div.apply > button.apply {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #f05400;
    color: #FFFFFF;
    padding: 0.5em;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.3em;
    margin-top: 1em;
}

section.job-detail > div.apply > button.apply:hover {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #b43f00;
    color: #FFFFFF;
    padding: 0.5em;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.3em;
    margin-top: 1em;
}

.list-view section.job-list div.cards > div.card-wrapper > a.card, .list-view section.job-list div.cards > div.card-wrapper > a.card:hover { text-decoration: none; }

.list-view section.job-list div.cards > div.card-wrapper > a.card > .card-location, .list-view section.job-list div.cards > div.card-wrapper > a.card > .card-type:hover { text-decoration: none; }

.list-view section.job-list div.cards > div.card-wrapper > a.card > .card-title-category > .card-title { text-decoration: none; }
.list-view section.job-list div.cards > div.card-wrapper > a.card > .card-title-category > .card-title:hover { text-decoration: underline; }


.bhi-arrow-right::before {
    content: "\f10e";
    color: #00c2c6;
}

.bhi-arrow-right:hover { color: #009295; }

section.job-detail > div.description > div.job-heading > div.job-actions > button { color: #135bea; }
section.job-detail > div.description > div.job-heading > div.job-actions > button:hover { color: #427cee; }
div.description > div.job-heading > div.job-actions > button { color: #135bea; }
div.description > div.job-heading > div.job-actions > button:hover { color: #427cee; }

section.job-detail > div.description > div.job-heading h2 { color: #022f9c; }

section.job-detail div.description h2 { color: #00c2c6; }

[class^="bhi-"]::before, [class*=" bhi-"]::before { margin-bottom: 4px; }

ul {
  list-style: none;
}

ul li::before {
  content: "\25E6";
  color: #fe9f00;
  foont-size: large;
  font-weight: bolder;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}