/* RESET */
*, *:before, *:after {box-sizing: inherit;}
html,body {position: relative; height: 100%; width:100%; min-height: 100%}
/*==========|  WRAP STRUCTURE  |==========*/
body {background: #2b2b2b !important}
.departments {padding-top:4em}
.departments.options {padding-top:7.5em}
.departments > #mainBG, .departments > #mainBG > #siteWrap {width:100%; padding: 0; border:0}
.departments > #mainBG > #siteWrap {max-width: 1800px; margin: 0 auto; border-right:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc}
.departments > #mainBG > #siteWrap > #siteWrap2 {width:100%; margin-top:0}

/*==========|  HEADER  |==========*/

.departments #header {position: fixed; z-index:3; top:0; left: 0; width:100%; background:#2e6da4; height: 4.5em; padding: 0 0 0 18em;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)}
.options > #mainBG > #siteWrap > #header {box-shadow:none}
.departments #brand {position: relative; float: left; display: block; width: 13em; height:4em; background: url("/Jobs/Departments/images/PoliceApp.svg") no-repeat scroll center center / 9em #0c5691}
.departments #brand:hover {background:url("/Jobs/Departments/images/PoliceApp.svg") no-repeat scroll  center center / 9em #e4aa44}
.FireFighterApp #brand {background: #9C1C1F url("/Jobs/Departments/images/FireFighterApp.svg") no-repeat scroll 1em center / 13em auto; width: 15.5em}
.FireFighterApp #brand:hover {background: #5c0000 url("/Jobs/Departments/images/FireFighterApp.svg") no-repeat scroll 1em center / 13em auto; width: 15.5em}
.PublicSafetyApp #brand {background: #57772c url("/Jobs/Departments/images/PublicSafetyApp.svg") no-repeat scroll 1em center / 14em auto; width: 16.5em}
.PublicSafetyApp #brand:hover {background:#e4aa44 url("/Jobs/Departments/images/PublicSafetyApp.svg") no-repeat scroll 1em center / 14em auto}
.EmploymentApp #brand {background:#1b89d3 url("/Jobs/Departments/images/Employment_App.svg") no-repeat scroll center center / 13em auto; width:17em}
.EmploymentApp #brand:hover {background:#313132 url("/Jobs/Departments/images/Employment_App.svg") no-repeat scroll center center / 13em auto;}

/*==========|  NAVIGATION  |==========*/

.departments>nav {background: #0A304E;  position: fixed; top:0; left:0; width: 100%; box-shadow:0 2px 6px rgba(0, 0, 0, 0.5)}
.FireFighterApp>nav {background:#222}
.PublicSafetyApp>nav {background:#0f3818}
.EmploymentApp>nav {background:#313132}
.departments.options>nav {box-shadow: none}
.departments>nav>ul {display: table-row}
.departments>nav>ul>li {display: table-cell; border-left: 1px solid rgba(255,255,255,0.25); text-align: center; position: relative; width:1%;}
.departments>nav>ul>li>a {line-height: 4em; color:#fff; display: block}
.departments>nav>ul>li>a span {
	background: red;
	border-radius: 1.25em;
	color: #fff;
	display: inline-flex;
	font-size: 0.875em;
	line-height: 1.5em;
	min-width: 1.25em;
	padding: 0 0.5em;
	text-align: center;
}
.departments>nav>ul>li:hover > a {background:#041726; text-decoration: none}
.FireFighterApp>nav>ul>li:hover > a {background: #000}
.PublicSafetyApp>nav>ul>li:hover > a {background:#002808}
.EmploymentApp>nav>ul>li:hover > a {background:#000}
.departments>nav>ul>li>ul {display: none; padding:0.5em 0; min-width:350px; width: 100%}
.departments>nav>ul>li:hover>ul {display: block; position: absolute; left:0; background:#041726}
.FireFighterApp>nav>ul>li:hover>ul {background:#000}
.PublicSafetyApp>nav>ul>li:hover>ul {background:#002808}
.EmploymentApp>nav>ul>li:hover>ul {background:#000}
.departments>nav>ul>li>ul>li {text-align:left; list-style:none; padding:0}
.departments>nav>ul>li>ul>li>a {color:#fff; display: block; padding: 0.25em 1em; font-size:0.9em;}
.departments>nav>ul>li>ul>li>a:hover {background: #0C5691; text-decoration: none}
.FireFighterApp>nav>ul>li>ul>li>a:hover {background:#9C1C1F}
.PublicSafetyApp>nav>ul>li>ul>li>a:hover {background:#e4aa44}
.EmploymentApp>nav>ul>li>ul>li>a:hover {background: #1b89d3}
.departments>nav .fa-chevron-down { padding-left:3px;}

.options .subnav {width: 100%; z-index:1002; border-bottom: 1px solid #7f7f7f; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); position: fixed; top:4em; background: #f5f5f5; padding:0.75em 1em; float:left; display: table;}
.options .subnav.fixed {top: 5.5em; position: fixed; left: 0; width: 100%}
.options .subnav>div {display: inline-block; float: left; font-size:0.9em; vertical-align: middle;}
.options .subnav .filters, .options .subnav .search {float:right}
.options .subnav .search, .options .subnav .filters > * {display: inline-block; margin-left:1em; max-width: 17em}
.options .subnav .filters select {border:1px solid #dcdcdc}
.options .subnav .filters select option {padding:0.25em 1em}
.options .breadcrumb {margin-bottom:0}

/*==========|  FONTS  |==========*/

.departments h1 {font-size: 2em; margin: 1em 0}
.departments h1,
.departments h2,
.departments h3,
.departments h4,
.departments h5,
.departments h6,
.departments h7{margin-bottom: 1em}
.departments h2 {font-size: 1.5em}
.departments h2 a {font-size:0.8em}

/*==========|  CONTENT  |==========*/

#content {width: 100%; background:#fff; min-height: 700px; overflow:auto; margin:0 auto; position: relative;}
#content .wrap {max-width: 1400px; width: 100%; overflow:auto; position: relative; background:#fff; margin:0 auto; padding: 2em 3em;}
/*#content .CandidateHomeBlock th:last-child {width: auto !important; text-align: left !important} this is causing issues */
#content .CandidateHomeBlock tr:nth-child(odd) {background:#ececec}
.PublicSafetyApp #content .CandidateHomeBlock tr:nth-child(odd) {background: #f0f0f0}
#content .CandidateHomeBlock td {padding:0.75em 1em; font-size: 1.1em}
#content .CandidateHomeBlock td:last-child {text-align: left !important}

#content .CandidateHomeBlock table.TightTable td {padding:2px 4px; font-size:1em;}
#content .CandidateHomeBlock table.TightTable th {padding:2px 4px; font-size:1em;}

#content .promo-section {z-index:2; position: absolute;top: 58px;right: 3em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#content .promo-section a {display: block; filter: grayscale(1) brightness(0%); opacity:0.6;}
#content .promo-section a:hover {filter: grayscale(0) brightness(100%); opacity:1;}
#content .promo-section a + a {margin-left: 2.5em}
#content .promo-section a img {max-height: 30px; width:auto}
#content .promo-section + h1 {position: relative; z-index: 1; padding-right: 470px}

#content .topRightOptions .input-group,
#content .topRightOptions .input-group .form-control, 
#content .topRightOptions .input-group .input-group-addon, 
#content .topRightOptions .input-group .input-group-btn {display: inline-block; width: auto}
#content .topRightOptions .input-group .input-group-addon {float: left; line-height: 20px}


.CandidateFlag .fa,
.CandidateFlag .fas,
.CandidateFlag .flag {display: inline-block; color: #0A304E; vertical-align: middle; margin: 0.125em 0.25em; font-size: 1em}
.CandidateFlag .color-flag {width:2rem; height: 2rem; border-radius: 3px; border:1px solid #fff}
.ToolTip.fa {background: none; padding: 0}

.qtip .legend td {position: relative; padding: 0.25em 0 0 2.25em; line-height: 1.25em;}
.qtip .legend td i,
.qtip .legend td .flag {position: absolute; top: 0; left: 0; line-height: 2rem; width: 2rem; text-align: center;}

#CandidateForm {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#CandidateForm > * {flex: 1 1 auto}
#CandidateForm > #candidate-actions {order:2; margin:0 0 0 2rem; width: 20%; max-width: 20%; min-width: 250px;}
#CandidateForm > #candidate-actions .CandidateHomeBlock {margin:0; position:sticky; top:112px}
#CandidateForm > .CandidateHomeBlock {order:1; margin:0}
#CandidateForm > .CandidateHomeBlock thead {position:sticky; top:112px}

#flyOut .CandidateHomeBlock {margin: 0}
#flyoutTab {z-index:8400; position:fixed; right:0; top:400px; cursor:pointer;transition: ease all 200ms;-webkit-transition: ease all 200ms;}
#flyoutTab > div {padding: 1.5em 1.5em; margin-right:-60px;  background: #0A304E; color: #fff; transform: rotate(-90deg); border-radius: 4px 4px 0 0; box-shadow:0 -2px 6px rgba(0, 0, 0, 0.5)}
.FireFighterApp #flyoutTab > div {background:#222}
.PublicSafetyApp #flyoutTab > div {background:#0f3818}
.EmploymentApp #flyoutTab > div {background: #1864A0}
#flyoutTab > div > span {margin-left:0.5em}
#flyoutTab.on {right:23em;}
#flyoutTab.on > div {background: #041726}
.FireFighterApp #flyoutTab.on > div {background:#000}
.PublicSafetyApp #flyoutTab.on > div {background:#002808}
.EmploymentApp #flyoutTab.on > div {background: #000}
#flyOut {position: relative;}
#flyOut > table {background:#fff; position: relative; z-index: 2}
#flyOut table {background:#fff; position: relative; z-index: 2}
#flyOut > table th {background:#0A304E; font-weight:normal; color: #fff}
#flyOut a {display: block; background-position: 0 4px}
#flyOut br {display: none}
#flyOut p {margin: 0 0 0.5em; line-height: 120%}
#flyOut p+p {border-top: 1px dashed #ccc; padding-top: 0.5em}
#content #flyOut tr tr {background: none}
#content #flyOut tr .legend {font-size: 0.875em}


.loginWrap {background: #ececec; width:100%; min-height:calc(100vh - 103px); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.loginWrap > .wrapper {}
.loginWrap .login-panel {max-width: 350px; margin:0 auto; box-shadow: 0px 2px 0 #dadada; background:#fff; border-radius:4px; padding:3em; position: relative; overflow: visible}
.loginWrap .login-panel h1 {font-size:24px; margin:0 0 30px}
.loginWrap .login-panel .glyphicon {top:0}
.loginWrap .login-panel .input-group {margin-bottom: 0.5em}
.loginWrap .login-panel .btn {text-shadow: none; width: 100%; margin-top:1em; padding:10px}
.loginWrap .login-panel .btn+a,
.loginWrap .login-panel .btn+input {margin-top: 0.5em; width:100%; background: none; display: block; text-align: center; text-decoration: underline; font-size:0.8em; color: #23527c; border:0}
.loginWrap .login-panel .PoliceAppLogin {display: block; margin-bottom: 2em; background:rgba(0, 0, 0, 0) url("/images/police_app.png") no-repeat scroll 20px 0; width:100%; height:51px}
.loginWrap .login-panel .alert-top-bar {position: absolute; left: 0; width:100%; font-size: 1.125em; background: #DF2020; color:#fff; padding: 0.75em 1.25em; border-radius: 4px; text-align:center; transform: translateY(calc(-100% - 0.5em)); top: 0;}
.loginWrap .login-panel .alert-info ul {padding: 0 0 0 25px;}
.loginWrap .promo-section {text-align: center; margin: 4em 0 0; overflow:hidden}
.loginWrap .promo-section h2 {font-size: 18px; position:relative; display: inline-block; margin:0 0 20px}
.loginWrap .promo-section h2:before,
.loginWrap .promo-section h2:after {content:""; position:absolute; top:50%; transform: translateY(-50%); display: block; width: 50vw; height:2px; background: #dadada}
	.loginWrap .promo-section h2:before {right:calc(100% + 20px)}
	.loginWrap .promo-section h2:after {left:calc(100% + 20px)}
.loginWrap .promo-section .sister-sites {width: 870px; max-width:100%; margin-bottom: 35px; padding-bottom:35px; border-bottom: 2px solid #dadada; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.loginWrap .promo-section .sister-sites > div {width:33%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.loginWrap .promo-section .sister-sites > div h3 {font-size: 14px; font-style: italic; margin:0 0 5px; padding: 2px 10px; font-weight:400}
.loginWrap .promo-section .sister-sites > div + div {margin-left: 4em}
.loginWrap .promo-section .sister-sites > div .logo {display: block;  position:relative; overflow:hidden; padding: 7px 25px; border-radius:4px; box-shadow: 0 2px 0 0 #dadada}
.loginWrap .promo-section .sister-sites > div .logo:before {opacity:0; content:""; display: block; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.loginWrap .promo-section .sister-sites > div .logo:hover:before {opacity:1}
	.loginWrap .promo-section .sister-sites > .police .logo {background:#29628F}
	.loginWrap .promo-section .sister-sites > .fire .logo {background: #9C1C1F}
	.loginWrap .promo-section .sister-sites > .employment .logo {background: #129AD5}
	.loginWrap .promo-section .sister-sites > .publicsafety .logo {background: #205C40}
.loginWrap .promo-section .sister-sites > div .logo img {position:relative; z-index: 1; max-height: 40px; width:auto display: block; margin:0 auto}
.loginWrap .promo-section .sister-sites > div a.learn-more {display: block; padding: 2px 10px;}

.departments .alert-success, .departments .alert-info, .departments .alert-warning, .departments .alert-danger {border-radius: 4px; position: relative; margin-bottom: 0.5em; padding: 0.75em 1.25em 0.75em 3em; line-height: 120%; border: 1px solid transparent;}
.departments .alert-success span, .departments .alert-info span, .departments .alert-warning span, .departments .alert-danger span {display: none}
.departments .alert-success:before,
.departments .alert-info:before,
.departments .alert-warning:before,
.departments .alert-danger:before {font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; top:0.75em; left:0.85em; font-size: 1.2em}
.departments .alert-success:before{content:"\f058";}
.departments .alert-info:before{content:"\f05a";}
.departments .alert-warning:before{content:"\f071";}
.departments .alert-danger:before{content:"\f057";}

.departments .alert-success a, .departments .alert-warning a, .departments .alert-info a, .departments .alert-danger a {text-decoration:underline;}
.departments .alert-success a:hover, .departments .alert-warning a:hover, .departments .alert-info a:hover, .departments .alert-danger a:hover {text-decoration:none;}
.departments .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d;}
.departments .alert-success a {color: #2b542c;}
.departments .alert-info {background-color: #d9edf7; border-color: #d3e7f1; color: #06528e;}
.departments .alert-info a {color: #245269;}
.departments .alert-warning {background-color: #fcf8e3; border-color: #faebcc; color: #e97600;}
.departments .alert-warning a {color: #e97600;}
.departments .alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #DF2020;}
.departments .alert-danger a {color: #843534;}

.filters .dropdown-menu li a:hover {background: #333; color:#fff}
.filters .dropdown-menu li.on a {background: #16629e; color: #fff}
.PublicSafetyApp .filters .dropdown-menu li.on a {background: #57772c;}

.subHead {display: inline-block; font-size:1.1em; color: #9c9c9c; font-style: italic}
.subHead > span {margin-right:0.25em}
.form-control+.input-group-btn>button {border-radius:0 4px 4px 0; border-left:0}

#flyOut {z-index:8500 !important; font-size: 0.875em; background:#fff}
.menuDouble {position: relative}
.menuDouble .CandidateHomeBlock {border:0}
.menuDouble .CandidateHomeBlock+.CandidateHomeBlock {border:1px solid #e5e9f1}
.menuDouble .CandidateHomeBlock tr:hover td, .noHighlight tr:hover td {background:#fff !important}
.floatThead-floatContainer.floatThead-container {z-index:10 !important;}
.btn-primary {text-shadow: none !important}
.fancybox-slide .btn {margin-top: 1em}

#content .CandidateList th:first-child, #content .CandidateList td:first-child {padding:0}
#content .CandidateList th:first-child label, #content .CandidateList td:first-child label {display: block; !important; text-align:center; margin:0; line-height:200%}
#content .CandidateList th:last-child, #content .CandidateList td:last-child {text-align: center !important}

.FireFighterApp .btn-primary {background: #9C1C1F; border:1px solid #9C1C1F}
.FireFighterApp .btn-primary:hover {background: #222; border:1px solid #000}
.PublicSafetyApp .btn-primary {color:#fff; background: #57772c; border:1px solid #57772c}
.PublicSafetyApp .btn-primary:hover {color:#fff; background: #E4AA44; border:1px solid #E4AA44}
.EmploymentApp .btn-primary {background:#207BC8; color:#fff}
.EmploymentApp .btn-primary:hover {background: #313132 ;color:#fff}
.PublicSafetyApp a {color: #77945f}
.PublicSafetyApp a:hover{color: 30f3818}

.topRightOptions {position: absolute; top: 4.5em; right:3em}
.topRightOptions .input-group li a:hover {background: #333; color: #fff;}
.topRightOptions .input-group li.on a {background: #16629e; color: #fff;}
.topRightOptions .input-group .btn-primary {margin-left: 1em}

.EmploymentApp a {color: #1b89d3}

#InviteeSearchTable {margin: 1.25em 0}
#InviteeSearchTable td {padding: 0.25em 1em; background: #0c5691}
#InviteeSearchTable td:nth-child(2) {width: 18em}
#InviteeSearchTable td:nth-child(3) {width: 12em}
#InviteeSearchTable td:nth-child(4) {width: 10em; padding-right: 0.5em}
#InviteeSearchTable td:last-child {width: 5em; padding-left: 0}
#InviteeSearchTable label {width: 100%; text-align: left; margin: 0}
#InviteeSearchTable label span {display: inline-block; font-weight: 400; float: left; line-height: 30px; color:#fff}
#InviteeSearchTable label input {margin-left: 0.5em; font-weight: 400; border: 0; height: 30px; line-height: 30px; opacity: 0.7; border-radius: 4px; padding: 0 0.5em}
#InviteeSearchTable label input:hover,
#InviteeSearchTable label input:focus {opacity: 1}
#InviteeSearchTable td:first-child label input {width: calc(100% - 10em)}
#InviteeSearchTable label.date input {width: 7em; max-width: 7em; min-width: 7em}
#InviteeSearchTable button,
	#InviteeSearchTable input[type="submit"] {display: block; appearance: none; -webkit-appearance:none; border:0; width:100%; border-radius: 4px; height: 30px; padding: 0}
#InviteeSearchTable button {background: none; color: #fff; text-decoration: underline}
#InviteeSearchTable button:hover {opacity: 0.75; text-decoration: none}
#InviteeSearchTable input[type="submit"] {background: #e4aa44; color:#fff}
#InviteeSearchTable input[type="submit"]:hover {color:#fff; background: #c08318}


/* Dashboard */
.dashboard #content {padding-right:22em}
#sideBar {width: 17em; padding-left:3em}
#sideBar .CandidateHomeBlock .btn-primary {color: #337ab7; text-shadow: none; display: block; text-align: left; margin-bottom: 0.5em; background-color: #ececec; border-color: #ccc}
.PublicSafetyApp #sideBar .CandidateHomeBlock .btn-primary {color:#77945f; background: #ebe8d6}
.PublicSafetyApp #sideBar .CandidateHomeBlock .btn-primary:hover {color:#fff; background: #0f3818}
.EmploymentApp #sideBar .CandidateHomeBlock .btn-primary {color:#1b89d3; background:#ececec}
.EmploymentApp #sideBar .CandidateHomeBlock .btn-primary:hover{background: #313132; color:#fff}
#sideBar .CandidateHomeBlock .btn-primary:hover {color:#fff; background-color: #0a304e; border-color: #0a304e}
#sideBar .CandidateHomeBlock .btn-primary span {opacity:0.5}
.departmentTools {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc}
.departmentTools > span {color: #8c8c8c; display: block; font-size: 1.3em; padding-bottom: 0.5em;}
.contactCTA {margin:2em 0; background-color: #e5e9f1; border-radius: 6px; padding: 1em; text-align: center;}
.PublicSafetyApp .contactCTA {background-color: #efda74}
.contactCTA span {color: #31659b; font-size: 1.2em; display: block}
.PublicSafetyApp .contactCTA span {color: #0f3818}
.contactCTA a, .chiefsForCharity a {display: block; text-shadow: none; margin-top: 0.5em}
.chiefsForCharity {text-align: center; margin: 2em 0; padding:1em;}
.chiefsForCharity img {display: block; margin:0 auto 0.5em}
.departments td .btn {text-shadow: none}

.CandidateHomeBlock+p>.list {margin-top: 1em; display: inline-block}
.PrintOnly {display: none}

/* popup */
.modal-content .modal-header {background: #ececec; border-radius: 4px 4px 0 0}
.modal-content .modal-header .nav-justified > li {padding: 0 5px}
.modal-content .modal-header .nav-justified > li a {background: #337ab7; color:#fff}
.modal-content .modal-header .nav-justified > li.active a {background: #e4aa44}
.modal-content .modal-header .modal-title {display: inline-block; color: #333; margin-bottom: 0}
.modal-content .modal-header .close {padding: 1rem; margin: -1rem -1rem -1rem auto;}
.modal-content .modal-body .twoCol {column-count: 3}
.modal-content .modal-body li {list-style: none}
.modal-content .modal-body label {font-weight: normal}
.modal-content .modal-body h3 {font-size: 18px; margin: 0 0 0.75em; color: #31659b}
.modal-content .ui-sortable-handle {background: #E5E9F1; color: #23527c; font-weight: 600; border-radius: 3px; border:0; padding:3px 10px; margin: 7px 0 0}
.modal-content .ui-sortable-handle span {margin-right: 5px}
.modal-content .name-view {margin: 2em 0}

/*==========|  FOOTER  |==========*/

.departments #footer {width:100%; line-height:130%;z-index:1; padding:1.5em; font-size:0.8em; color:#666; position: relative; bottom:0; left:0; background: #2b2b2b;}
.departments .loginWrap+#footer {position: fixed; bottom: 0}
.departments #footer a {color:#9c9c9c}



/* Forms */
.formSelect {font-size: 1em; padding: 0.25em}


/* Vertical Tabs (popover) */
verticalTabs .tabs ul li { background:none;  padding-left:0; }
#verticalTabs .tabs { float: left; margin-top: 10px; width: 160px; }
#verticalTabs .tabs ul li { border: 1px solid #ccc; background-color: #EEE; background-position: 5px center }
#verticalTabs .tabs ul li:hover { background-color: #fff; color: #000; }
#verticalTabs .tabs ul li.selectedTab { background-color: #fff; color: #000; border-right: none;  }

#verticalTabs .tabs ul li a, .tabs ul li a:visited { display:block; text-decoration: none; color: #666; padding:6px 4px 6px 28px; font-size:1.2em; }
#verticalTabs .tabs ul li a:hover { color: #000; }

#verticalTabs .tabContent { min-height: 500px; margin: 0 0 0 159px; padding: 20px; background-color: #fff; border: 1px solid #ccc; }


.h3alert { margin:0; color:#FF0000; font-size: 14px; font-weight:bold; line-height: 23px; font-family: arial,helvetica; }

.DeptHome { margin:5px 0px 15px 0px; }
.DeptHome td { padding:2px 5px; border-bottom:1px solid #DDDDDD; }

.jobsHeaderCell { padding:2px 5px 2px 8px; background-color:#E5E9F1; text-align:left; color:#31659b; font-size:1.2em; }
.PublicSafetyApp .jobsHeaderCell {background: #f1ecda; color: #0f3818}
.jobsHeaderCell a { color:#31659b; font-size:.8em; }
.DeptHome .jobsHeaderCell { border-bottom:none; }

/* very similiar to DeptHome & jobsHeaderCell */
.DeptTable { margin:5px 0px 15px 0px; }
.DeptTable th { padding:2px 5px 2px 8px; background-color:#E5E9F1; text-align:left; color:#31659b; font-size:1.2em; }
.DeptTable th a { color:#31659b; font-size:.8em; }
.DeptTable td { padding:2px 5px; }


.lCell { text-align:right; vertical-align:top; padding:2px 15px 0px 10px; }
.rCell { text-align:left;  vertical-align:top; padding:1px 10px 2px 0px; }


.CandidateHomeBlock { margin:5px 0px 20px 0px; border-left:1px solid #E5E9F1; border-right:1px solid #E5E9F1; border-bottom:1px solid #E5E9F1; }
.CandidateHome td { padding:2px 5px; }
.CandidateHome th { padding:0.5em 1em; border-bottom:1px solid rgba(255,255,255,0.5); background-color:#E5E9F1; text-align:left; color:#31659b; font-size:1.2em; }
.PublicSafetyApp .CandidateHome th, .PublicSafetyApp .CandidateHome th:hover {background-color:#f1ecda; color: #0f3818}
.EmploymentApp .CandidateHome th, .EmploymentApp .CandidateHome th:hover {background-color:#d1e4f4; color: #434343}
.CandidateHome th a { color:#31659b; font-size:.8em; }
.CandidateHome .new { font-size:.9em; }
.PublicSafetyApp .CandidateHome th a { color:#57772c;}

.CandidateHome tr:hover { background-color: #ffff99; }
.CandidateHome tr:hover td { background-color: #ffff99; }
#flyOut .CandidateHome tr:hover td { background-color: #fff; }
.CandidateHome.noHover tr:hover,
.CandidateHome.noHover tr:hover td {background-color: inherit}

.CandidateHomeBlock tfoot td { border-top:1px solid rgba(255,255,255,0.5); background-color:#E5E9F1; }

.CandidateHome .pass { background-color:#DCFFDB; padding-right:10px; color:#444444; }
.CandidateHome .fail { background-color:#FFD4D4; padding-right:10px; color:#444444; }
.CandidateHome .noscore { background-color:#F6F6F6; padding-right:10px; }
.CandidateHome .warn { background-color:#FFE08C; padding-right:10px; color:#444444; }

.CandidateHome tr.rowLines:not(:last-child) td { border-bottom:1px solid #E5E9F1; }

.CandidateHome .pass a, 
.CandidateHome .fail a,
.CandidateHome .warn a
	{ color:#666666; text-decoration: underline; }

.CandidateHome .pass a:hover,
.CandidateHome .fail a:hover,
.CandidateHome .warn a:hover
 	{ color:#444444; text-decoration: none; }

.CandidateHomeBlock_Gold { border-left:1px solid #E4AA44; border-bottom:1px solid #E4AA44; border-right:1px solid #E4AA44; }
.CandidateHome_Gold th { background-color:#E4AA44; color:#FFFFFF; }

.PositionList {  }
.PositionList td { padding:2px 5px; border-bottom:1px dashed #ccc; }
.PositionList th { padding:2px 5px 2px 8px; border-bottom:none; background-color:#E5E9F1; text-align:left; color:#31659b; font-size:1.2em; }
.PositionList th a { color:#31659b; font-size:.8em; }

.muted {opacity:0.5;filter:alpha(opacity=50)}

/* use strong since this data is also emailed and i want it to look ok in that version */
.dataTable2column { }
.dataTable2column strong { color:#000; padding-right:10px; font-weight:normal; }

/* used when viewing application answers */
.applicationViewTable .dataRow td { margin-top:10px; padding-top:5px; text-align:top; border-bottom:1px dashed #ddd; }
.applicationViewTable .dataRow2 td { margin-top:10px; padding-top:5px; text-align:top; }
.applicationViewTable .answerColumn { color:#000; padding-left:10px; width:200px; font-size:1.1em; }

.applicationEditTable .inputRow td { border-bottom:1px dashed #ddd; padding-top:5px; padding-bottom:5px; text-align:top; }

.popoverBody label { padding:0 }
.popTitle { color: #31659B; font-size: 1.4em; min-height:30px; vertical-align:middle; line-height:30px; }	/* line-height helps with alignment of title with buttons */
.popIntro { font-size:1.2em; }
.popButtonsRight { float: right; margin-right: 5px; padding-left:10px; }
.popEdit td { padding:0 5px 5px 0; }

.CandidateHomeBlock + .ad-space {margin-top: 1.75em}
.ad-space img {max-width:100%; height: auto; display: block}

/* little faux underline via border-bottom */
.emailReadPercent a { text-decoration:none; border-bottom: 1px solid #DDDDDD; padding-bottom:0px; }
.emailReadPercent a:hover { text-decoration:none; border-bottom: none; opacity:0.5;filter:alpha(opacity=50) }

.emailReadPercent_100,
.emailReadPercent_100 a
	{ color:#00CC00; }
	
.emailReadPercent_80,
.emailReadPercent_80 a
	{ color:#FFCC00; }

.emailReadPercent_40,
.emailReadPercent_40 a
	{ color:#FF9900; }

.emailReadPercent_0,
.emailReadPercent_0 a
	{ color:#FF0000; }

.dp_container{
	position: relative;
	padding: 0;
	margin: 0;
	top: 0px;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: solid #999;
	border-width: 0 1px 1px 1px;
	position: absolute;
	width: 177px;
	top: 20px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	color: #fff;
	background: #31659B;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #31659B;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #FFF8AF;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #D6E0EB;
}
.dp_today{
	background: #D6E0EB;
}
.dp_selected{
	color: #003366;
	background: #FFF8AF;
}




/* my Field Hints */
.fieldHint {
	padding:5px 0 5px 20px;

}
.fieldHint h4 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:1.1em;
}

.fieldHint .invalid {
	background:url(/jobs/images/16x16/cross.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.fieldHint .valid {
	background:url(/jobs/images/16x16/tick.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

/* CUSTOM ICONS */
.emptyIcon, .add, .add_grey, .edit, .delete, .sort, .chart, .list, .print, .star, .bulb, .bulbon, .reload, .help, .pdf, .xls, .doc, .csv, .warning, .danger, .folder, .user, .group, .calendar, .calendar_delete, .cog, .key, .link, .email, .cellphone, .emailClosed, .emailOpen, .emailTemplate, .form, .lock, .greencheck, .greentick, .redX, .home, .bell, .wrench, .back, .register, .iconShow, .iconHide, .check, .uncheck, .score, .lightning, .promote, .demote, .archive, .unarchive, .status_Active, .status_On-Hold, .status_Failed, .status_Withdrawn, .money, .department, .testingCenter, .position, .deptStatus_Prospect, .deptStatus_Listing, .deptStatus_Hiring, .deptStatus_20, .deptStatus_30, .deptStatus_40, .wand, .save, .next, .previous, .cancel, .preview {text-align:left; background-repeat:no-repeat;background-position:0px center;padding:4px 4px 4px 20px;margin-left:4px}
.add {background-image:url(../images/16x16/add.png)}
.add_grey {background-image:url(../images/16x16/add_grey.png)}
.edit {background-image:url(../images/16x16/pencil.png)}
.delete {background-image:url(../images/16x16/delete.png)}
.sort {background-image:url(../images/16x16/arrow_refresh_small.png)}
.chart {background-image:url(../images/16x16/chart_bar.png)}
.list {background-image:url(../images/16x16/text_list_bullets.png)}
.print {background-image:url(../images/16x16/printer.png)}
.star {background-image:url(../images/16x16/star.png)}
.bulb {background-image:url(../images/16x16/lightbulb_off.png)}
.bulbon {background-image:url(../images/16x16/lightbulb.png)}
.reload {background-image:url(../images/16x16/arrow_rotate_clockwise.png)}
.help {background-image:url(../images/16x16/help.png)}
.pdf {background-image:url(../images/16x16/mime-pdf.gif)}
.xls {background-image:url(../images/icons/xlsx.png)}
.doc {background-image:url(../images/icons/docx.png)}
.csv {background-image:url(../images/icons/csv.png)}
.warning {background-image:url(../images/16x16/error.png); color:red}
.warning a:link, .warning a:visited { color:red }
.danger {background-image:url(../images/16x16/error.png);}
.folder {background-image:url(../images/16x16/folder.png)}
.user {background-image:url(../images/16x16/user.png)}
.group {background-image: url(../images/16x16/group.png);}
.calendar {background-image:url(../images/16x16/calendar.png)}
.calendar_delete {background-image:url(../images/16x16/calendar_delete.png)}
.cog {background-image:url(../images/16x16/cog.png)}
.key {background-image:url(../images/16x16/key.png)}
.link {background-image:url(../images/16x16/link.png)}
.email {background-image:url(../images/16x16/email.png)}
.emailClosed {background-image:url(../images/16x16/email.png)}
.emailOpen {background-image:url(../images/16x16/email_open.png)}
.emailTemplate {background-image:url(../images/16x16/layout_sidebar.png)}
.cellphone {background-image:url(../images/16x16/phone.png)}
.form {background-image:url(../images/16x16/application_form.png)}
.lock {background-image:url(../images/16x16/lock.png)}
.greencheck {background-image:url(../images/16x16/accept.png)}
.greentick {background-image:url(../images/16x16/tick.png)}
.redX {background-image:url(../images/16x16/cross.png)}
.home {background-image:url(../images/16x16/house.png)}
.bell {background-image:url(../images/16x16/bell.png)}
.wrench {background-image:url(../images/16x16/wrench.png)}
.back {background-image:url(../images/16x16/arrow_left.png)}
.register {background-image:url(../images/16x16/page_white_lightning.png)}
.iconShow {background-image:url(../images/16x16/list-add.png);}
.iconHide {background-image:url(../images/16x16/list-remove.png);}
.check {background-image:url(../images/16x16/chk_on.png);}
.uncheck {background-image:url(../images/16x16/chk_off.png);}
.score {background-image:url(../images/16x16/application_view_columns.png);}
.lightning {background-image:url(../images/16x16/lightning.png);}
.promote {background-image:url(../images/16x16/arrow_right.png);}
.demote {background-image:url(../images/16x16/arrow_left.png);}
.archive {background-image:url(../images/16x16/bullet_toggle_minus.png);}
.unarchive {background-image:url(../images/16x16/bullet_toggle_plus.png);}
.status_Active {background-image:url(../images/16x16/bullet_green.png);}
.status_On-Hold {background-image:url(../images/16x16/bullet_orange.png);}
.status_Failed {background-image:url(../images/16x16/bullet_red.png);}
.status_Withdrawn {background-image:url(../images/16x16/bullet_grey.png);}
.money {background-image:url(../images/16x16/money_dollar.png);}
.department {background-image:url(../images/16x16/building.png);}
.testingCenter {background-image:url(../images/16x16/medal_gold_3.png);}
.position {background-image:url(../images/16x16/application_form.png);}
.deptStatus_Prospect, .deptStatus_20 {background-image:url(../images/16x16/telephone.png);}
.deptStatus_Listing, .deptStatus_30 {background-image:url(../images/16x16/star_off.png);}
.deptStatus_Hiring, .deptStatus_40 {background-image:url(../images/16x16/star.png);}
.wand {background-image:url(../images/16x16/wand.png);}
.save {background-image:url(../images/16x16/disk.png);}
.next {background-image:url(../images/16x16/resultset_next.png);}
.previous {background-image:url(../images/16x16/resultset_previous.png);}
.cancel {background-image:url(../images/16x16/door.png);}
.preview {background-image:url(../images/16x16/magnifier.png);}

.nextBig {text-align:left; background-repeat:no-repeat;background-position:0px center;padding:4px 4px 4px 28px;margin-left:4px}
.nextBig {background-image:url(../images/resultset_next_24x24.png);}

a.add_grey, a:hover.add_grey { color:#cccccc; }

#UserPermissions .phases {
	padding-left: 50px;
}

#UserPermissions a.title {
	font-weight: bold;
	font-size: 1.1em;
}

#UserPermissions a.selectedAll {
	float: right;
}

.sortable{clear:both}
.sortable li{overflow:auto; background-image:none !important;line-height:28px}
.sortable li.highlight { background-color:Yellow !important;}
.wsSortArrows{float:right;line-height:28px}
.wsSortIcons{float:right;line-height:28px}

input.yellowField, .yellowField { background-color:#ffff99; }
input.DatePicker { position:relative; z-index: 9; } /* so it floats above the thead floating div */

.clearFloats { clear:both;}

input.formButton.bulky {padding:8px 13px; font-size:1.3em; font-weight:normal;}



/* MORE CUSTOM ICONS */
.field_shortText, .field_LongText, .field_Date, .field_Number, .field_DropDown, .field_Radio, .field_YesNo, .field_Line, .field_Page, .field_Label, .field_Phone, .field_Password, .field_State, .field_File, .field_DocLib, .sortUpDown, .fork, .copy, .import, .openBook, .fileMove, .notebook, .colorSwatch, .sendInvite, .waiting, .note, .history, .highlighter, .transfer {text-align:left; background-repeat:no-repeat;background-position:0px center;padding:4px 4px 4px 20px;margin-left:4px}
.field_shortText {background-image:url(../images/16x16fugue/icons/ui-text-field.png);}
.field_LongText {background-image:url(../images/16x16fugue/icons/ui-text-area.png);}
.field_Date {background-image:url(../images/16x16fugue/icons/calendar-day.png);}
.field_Number {background-image:url(../images/16x16fugue/icons/ui-text-field-format.png);}
.field_DropDown {background-image:url(../images/16x16fugue/icons/ui-combo-box.png);}
.field_Radio {background-image:url(../images/16x16fugue/icons/ui-radio-button.png);}
.field_YesNo {background-image:url(../images/16x16fugue/icons/ui-radio-buttons.png);}
.field_Line {background-image:url(../images/16x16fugue/icons/ui-splitter-horizontal.png);}
.field_Page {background-image:url(../images/16x16fugue/icons/ui-group-box.png);}
.field_Label {background-image:url(../images/16x16fugue/icons/ui-panel.png);}
.field_Phone {background-image:url(../images/16x16fugue/icons/ui-progress-bar.png);}
.field_Password {background-image:url(../images/16x16fugue/icons/ui-text-field-password.png);}
.field_State {background-image:url(../images/16x16fugue/icons/globe-medium.png);}
.field_File {background-image: url(../images/16x16fugue/icons/ui-layered-pane.png);}
.field_DocLib {background-image: url(../images/16x16fugue/icons/ui-combo-box.png);}
.sortUpDown {background-image:url(../images/16x16fugue/icons/sort-quantity.png);}
.fork {background-image:url(../images/16x16fugue/icons/cutlery-fork.png);}
.copy {background-image:url(../images/16x16fugue/icons/document-copy.png);}
.import {background-image:url(../images/16x16fugue/icons/document-import.png);}
.openBook {background-image:url(../images/16x16fugue/icons/book-open-text-image.png);}
.fileMove {background-image:url(../images/16x16fugue/icons/document--arrow.png);}
.notebook {background-image:url(../images/16x16fugue/icons/notebook.png);}
.colorSwatch {background-image:url(../images/16x16fugue/icons/color-swatch.png);}
.sendInvite {background-image:url(../images/16x16fugue/icons/paper-plane.png);}
.waiting {background-image:url(../images/16x16fugue/icons/ui-progress-bar.png);}
.note {background-image:url(../images/16x16fugue/icons/document-sticky-note.png);}
.history {background-image:url(../images/16x16fugue/icons/clock-small.png); padding-left:16px; color:#BBB; }
a.history, a.history, a.history:hover, a.history:active { color:#BBB; }
.highlighter {background-image:url(../images/16x16fugue/icons/pencil-color.png);}
.transfer {background-image:url(../images/16x16fugue/icons/blue-document--arrow.png);}

.LayoutToolbar { position:fixed; top:100px; right:0px; background:#EFEFEF; border:1px solid #ccc; }
.LayoutToolbar { color: #444 }
.LayoutToolbar a { color: #0079FF }
.LayoutToolbarTop { padding:10px 10px 15px 10px; border-bottom:1px solid #ddd;  }
.LayoutToolbarBottom { padding:10px 10px 15px 10px; }

/* back to xyz (below h1) */
.backToLink { margin:-7px 0 21px 0; padding:0 0 0 2px; }
.backToLink a:before { content:"\2039\0020" }	/* left single angle + space */

/* Colorful Buttons */
.button {background:#16629E; line-height: 1em; font-weight:500; color:#fff; display: inline-block; padding: 0.75em 1.5em; border-radius: 3px; border:0; appearance: none; -webkit-appearance:none; -moz-appearance: none}
.button i { padding-right:2px; } /* font-awesome icon padding */
.button:link, .button:visited, .button:hover, .button:active {text-decoration: none; color:#fff;}
.button:hover {background: #0A304E; }
.button.green {background:#5BAE00}
.button.green:hover {background:#478800}
.button.yellow {background:#E4AA44}
.button.yellow:hover {background:#C78819}

/* special button nav to right of H1 */
#anchored-links { float:right; margin-top:2em; padding-left:20px; display:none; }
#anchored-links .button {margin: 0 0 0 5px; display: inline-block; float: left;}
#anchored-links-backTo { float:right; margin-top:-2px; padding-left:20px; display:none; }
#anchored-links-backTo a + a { margin-left:15px; }

/* inspired by http://www.plugolabs.com/custom-twitter-bootstrap-button-generator-with-famfamfam-icons/ */
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btnbig { font-size: 1.4em; line-height: 30px; }
.btnsmall { font-size: 0.9em; padding: 2px 8px 2px 4px; }

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn.btn-primary[disabled],
.btn.btn-primary[disabled]:hover {
    background: #ccc;
    color: #666;
    border-color: transparent
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn span { 
	display:inline-block;
	width:21px;
	height:16px;
	*margin-right:.3em;
	line-height:14px;
	vertical-align:text-top;
	background-position:0px center;
	background-repeat:no-repeat;
	
	/* override the other icon styles above with similiar names */
	padding:0;
	margin-left:0;
}

.btnbig span { 
	width:29px;
	height:24px;
	vertical-align:middle;
}

.btnsmall span { 
	width:18px;
}


/*==========|   RESPONSIVE   ==========*/

@media screen and (min-width:2200px) {
#flyOut {display: block; right: 0}
#flyoutTab {display: none}
}

@media screen and (max-width:1200px) { 
.departments > #mainBG > #siteWrap {border: 0}
}

@media screen and (max-width:1090px) { 
body {font-size:12px; min-width: 950px}
}

.nobr { white-space: nowrap}




/*==========|   PRINT STYLES   ==========*/

@media print {

/* PRINT */
.PrintOnly,#printHeader{display:block !important}

/* DON'T PRINT */
	.subnav,
	#sideBar,
	#flyoutTab,
	#freshworks-container,
	#freshworks-frame,
	.menuDouble,
	.topRightOptions,
	#content > .wrap > span,
	body > nav > ul, body > nav > a {
		display: none !important
	}

/* OVERRIDES */
body {padding:5px !important; font-size: 12px; background:#fff !important}
body * {background:#fff !important}
img.PrintOnly {margin-bottom: 1em}
.departments>nav {display: block; margin:0; border:0 !important; position: relative !important}
#content, .wrap {width:100% !important; height:auto; padding:0 !important; position: relative}
a[href]:after {content: none !important;}
a {display: inline-block !important; line-height: 120% !important; text-decoration: none !important}
table {border:0 !important; min-width: 100% !important; width: 100% !important; table-layout: auto !important}
table td, table th {border:0 !important; border-bottom: 1px solid #ccc !important; line-height: 120% !important; padding:5px !important; width: auto !important}
table tr:last-child td {border:0 !important}

h1, h2, h3, h4, h5, h6 {margin:0 0 20px !important;}
h1 {font-size: 20px !important}
h2 {font-size: 18px !important}

.floatThead-floatContainer.floatThead-container{position: absolute !important; width:100% !important; top:40px !important; left:0 !important; min-width:100% !important; max-width:100% !important}
.floatThead-floatContainer.floatThead-container table {table-layout: auto !important; width:100% !important4; }

.CandidateHomeBlock {border:0 !important}
.CandidateHome td, .CandidateHome th {font-size:12px !important}
.applicationViewTable td[width="33%"], .applicationViewTable td[width="34%"] {display: block !important; width:100% !important}

.Disclaimer {padding:5px; font-size:12px; border:1px dashed #ccc; margin-top:20px;}
}


/*==========|   field validation (from /includes/style.css   ==========*/

.failedValidation {border:1px solid red}
.failedValidationText, .fieldHint {color: red; font-style: italic; font-size: 0.9em; margin: 0 0 0.5em}
.fieldHint {color: #666;}
.failedValidationText + .fieldHint {padding-top: 0 !important; margin-top: -0.75em}
.failedValidationText + .failedValidationText {margin-top:-1em}
.alertRed {color: red !important}
.fieldHint a, .failedValidationText a {color: #CF0000; text-decoration: underline}

.btn.btn-primary.loading {background:#fff; text-decoration:none; text-align:center; color: #666 !important; border: 1px solid #ccc; cursor: text; text-shadow:none}
.btn.btn-primary.loading:before {content: "\f110";display: inline-block; margin-right:0.5em; font-family: 'Font Awesome 5 Free'; font-weight:900; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
        @-webkit-keyframes fa-spin {  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}  100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);} }
        @keyframes fa-spin { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}  }

/* */