/************************************************
*** NEW VARS ***
************************************************/
:root {
	--primaryBlue: #4893f1;
	--lightBlue: rgba(72, 147, 241, .15);
	--lightBlue: #add8e6;
	--green: #78a529;
	--yellow: #ccb805;
	--red: #a50303;
	--bs-body-font-weight: 400 !important;
	--primaryGray: #565656;
	--lightGray: #b4b4b4;
	--midGray: #707070;
	--lightGreen: rgba(120, 165, 41, .25);
	--lightRed: rgba(165, 3, 3, .25);
}

@media (min-width: 280px) {
	html, body {
		overflow-x: hidden !important;
	}
}

html {
	scroll-behavior: smooth !important;
}

.fixed-top {
	top: 0 !important;
}

body.admin-bar .edit-link a {
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
	font-weight: var(--bs-body-font-weight);
}

a:link, a:visited, a:focus {
	color: var(--primaryBlue);
	text-decoration: none !important;
}

.navbar-toggler {
	border-radius: 0 !important;
	border: 1px solid #000;
}

nav#header {
	background: #fff !important;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .08);
}

nav#header .navbar-brand img {
	min-height: 150px;
}

#navbar .navbar-nav {
	margin-top: 1rem;
}

#navbar .navbar-nav li {
	padding: 0 .5rem;
	text-align: center;
}

#navbar .navbar-nav li a {
	text-transform: uppercase;
	color: #000 !important;
	font-weight: 400 !important;
	transition: all 1s;
	position: relative;
}

#navbar .navbar-nav li a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #000;
	transform: scaleX(0);
	transform-origin: top left;
	transition: transform .3s ease;
}

#navbar .navbar-nav li a:hover::before {
	transform: scaleX(1);
}

.dropdown-menu {
	width: auto;
	border-radius: 0 !important;
	border: 0 !important;
}

.dropdown-menu li {
	text-align: left !important;
}

ul.dropdown-menu {
	padding-top: 1rem;
}

/* Targeting all dropdown items */
.navbar-nav .dropdown-menu .dropdown-item {
	color: #fff !important;
	padding: .5rem 0 .75rem;
}

/* On hover, if you want to change color */
.navbar-nav .dropdown-menu .dropdown-item:hover {
	color: #ccc !important;
}

.dropdown-item:active, .dropdown-item:focus, .dropdown-item:visited {
	background: #fff !important;
}

.contactInfo a {
	color: #000;
	padding: 0 .5rem;
	text-transform: uppercase;
	font-weight: 500;
}

.contactInfo i {
	/* background: #ececec; */
	padding: .25rem;
}

#main {
	padding-top: 200px !important;
	margin-top: 0 !important;
}

#main.container {
	min-height: 70vh;
}

.homeContent {
	background: url("https://cdn-ilbjold.nitrocdn.com/SuITROmLKonYyTMtPzCYmwQfiHxJgQRQ/assets/images/optimized/rev-903bc08/fpsllc.org/wp-content/themes/fps-2024/img/dotbg@10-third.png") no-repeat;
	background-position: 0 0;
	background-size: auto;
}

.homeContent.nitro-lazy {
	background-image: none !important;
}

#wppb-login-wrap .login-remember label {
	width: 100%;
}

.page-id-71 #main, .page-id-25 #main, .assignments-template-default #main, .single-assignments #main, .page-template-edit-case-php #main {
	padding-top: 220px !important;
}

.page-id-34 a.acf-button.acf-repeater-add-row {
	display: block;
	max-width: auto;
	padding: .25rem 1rem;
	font-weight: 700;
	margin: 1rem 0;
	border: 1px solid var(--primaryBlue);
	transition: all 1s ease;
}

.page-id-34 a.acf-button.acf-repeater-add-row:hover {
	background-color: var(--primaryBlue);
	color: #fff;
}

/* .page-id-70 {
  background: url(../img/dotbg@5.png) no-repeat;
  background-position: 0 0;
  background-size: cover;
} */
.eb-parent-eb-column-bs0vi {
	position: relative;
	padding-left: 20px;
}

.eb-parent-eb-column-bs0vi::before {
	content: "";
	position: absolute;
	left: -18px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 10px 20px 10px 0px;
	border-style: solid;
	border-color: transparent #f3f3f3 transparent transparent;
}

.home #main, .page-template-page-full #main {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.home .wp-block-cover {
	align-items: end !important;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	transition: all 2s;
	position: relative !important;
}

.heroCover {
	position: absolute;
	width: 100%;
	height: 640px;
	top: 0;
	left: 0;
}

.heroCover img {
	object-fit: cover;
	object-position: 60% 10%;
	height: 640px;
}

.home .wp-block-cover:hover {
	filter: none;
	cursor: pointer;
}

.home .heroDescription {
	visibility: hidden;
	display: none;
}

.home .heroCover {
	position: relative;
}

.home .heroTitle {
	position: absolute;
	bottom: 1rem;
	left: 0;
	display: flex;
	height: 10rem;
	align-items: center;
	padding: 0 1rem;
	background: rgba(0, 0, 0, .75);
	transition: all .5s;
	width: 100%;
}

.home .wp-block-cover:hover .heroTitle {
	height: 20rem;
	align-items: top;
}

.home .wp-block-cover:hover .heroDescription {
	visibility: visible;
	display: block;
}

.heroTitle h4 {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.heroDescription {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 300 !important;
	margin-top: .7rem;
	letter-spacing: .05rem;
}

.single-assignmments #main.container .row:first-of-type {
	min-height: auto !important;
}

.single-assignments .caseDates {
	font-size: .85rem;
}

.assignments-template-default h3, .page-id-25 h3 {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.page-id-70 #main {
	max-width: 990px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: capitalize;
	font-weight: 700;
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	font-size: 3.25rem;
}

h2 {
	font-size: 2.75rem px !important;
}

h3 {
	font-size: 2.4rem !important;
}

h4 {
	font-size: 2.15rem !important;
}

h5 {
	font-size: 1.75rem !important;
}

h6 {
	font-size: 1.25rem !important;
}

h1.entry-title {
	margin-bottom: 2rem;
	text-transform: uppercase;
}

.single-assignments h1.entry-title, .page-template-edit-case h1.entry-title {
	font-size: 2rem !important;
}

.page-id-412 .entry-title::after, .dropdown-menu li.menu-item-419 a::after {
	content: "s";
	text-transform: lowercase;
}

.page-id-83 .page-numbers {
	padding: 0 .5rem;
}

.single-assignments hr {
	margin-top: 4rem;
}

.home.page-template h1 {
	font-size: calc32px + 6 * ((100vw - 320px) / 680) !important;
}

.eb-ah-subtitle {
	font-size: 1rem !important;
	color: var(--primaryGray);
}

.verticalRule {
	background: var(--primaryGray);
	height: 9rem;
	width: 1px;
	margin: -3rem auto 2rem;
}

.welcome {
	margin-right: -4rem;
}

.welcome h4 {
	font-size: 28px !important;
}

@media screen and (min-width: 1000px) {
	.home.page-template h1 {
		font-size: 44px !important;
	}
}

.sponsors {
	padding: 2rem 5rem;
	width: 100%;
}

.sponsorRow {
	width: 100%;
}

/* .sponsors img {
  filter: grayscale();
} */
.edit-link {
	display: none;
}

.userInfo {
	text-align: center;
}

.myLocations {
	font-size: small;
	max-width: 90%;
}

.login-terms {
	display: inline-flex;
}

.login-terms label {
	padding-left: 1rem;
}

.requiredAlert {
	color: var(--red);
}

.secondTitle {
	height: 400px;
}

h3.eb-flipbox-front-title {
	font-size: 1.35rem !important;
}

.eb-flipbox-container {
	cursor: pointer;
}

/* Tooltip container */
.fpsTooltip {
	position: relative;
	display: inline-block;
}

.fpsTooltip > span:first-child {
	display: inline-block;
	background: #fff;
	padding: 0;
	font-size: 8px;
	color: #565656;
	width: 15px;
	height: 15px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	border: 1px solid #565656;
	margin-left: 3px;
}

/* Tooltip text */
.fpsTooltip .fpsTooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #565656;
	color: #fff;
	text-align: center;
	padding: .5rem 0;
	font-size: 11px;
	font-style: italic;
	position: absolute;
	z-index: 1;
	left: 35px;
	top: -32px;
}

.fpsTooltiptext:after {
	right: 100%;
	top: 48%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #565656;
	border-width: 8px;
	margin-top: -8px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.fpsTooltip:hover .fpsTooltiptext {
	visibility: visible;
}

/* Flexbox container to center the iframe content */
.iframe-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#iframe {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}

/* This style ensures images are centered inside the iframe */
.iframe-container iframe {
	display: block;
	margin: auto;
	border: none;
}

/* Additional CSS for iframe to ensure content inside centers */
.iframe-container iframe {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iframe-container iframe img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
	object-fit: contain;
}

table.ucdetails {
	font-size: .9rem;
	border-spacing: 0;
}

table.ucdetails thead th {
	background: #eff4fa;
	font-weight: 600;
	text-align: center;
}

table.ucdetails td {
	padding: .75rem .25rem;
	text-align: center;
}

table.ucdetails td.ucid, table.ucdetails th:first {
	width: 16%;
}

td.uctitle {
	font-weight: 600;
}

table.files td i {
	padding: 0 10px;
}

table.files td:first-child {
	width: 5%;
}

table.files td:nth-child(2) {
	width: 80%;
}

.fileDate {
	display: block;
	width: 100%;
	font-weight: 400;
	font-size: .75rem;
}

td.uctitle, table.ucdetails th:nth-child(2) {
	width: 22%;
}

td.uclocation, table.ucdetails th:nth-child(3) {
	width: 12%;
}

td.status, table.ucdetails th:nth-child(4) {
	width: 20%;
}

td.dates, table.ucdetails th:nth-child(5) {
	width: 25%;
}

td.ucactions, table.ucdetails th:nth-child(6) {
	width: 5%;
}

table.ucfiles td:nth-child(1) {
	width: 5%;
}

table.ucfiles td:nth-child(2) {
	width: 45%;
}

table.ucfiles td:nth-child(3) {
	width: 35%;
}

table.ucfiles td:nth-child(4) {
	width: 15%;
}

.entryExpenseForm {
	margin: 4rem 0;
}

/* Notice styles */
.notice {
	padding: .5rem 0;
	text-align: center;
	margin-bottom: .5rem;
	transition: all 1s ease-out;
}

.notice-success {
	background: var(--lightGreen);
	color: var(--green);
}

.notice-error {
	background: var(--lightRed);
	color: var(--red);
}

/* status styles */
.editButton {
	display: block;
	margin: 0 auto;
	width: 250px;
	padding: .25rem .12rem;
	font-size: 1.2rem;
	color: #fff !important;
	text-align: center;
	background: var(--primaryBlue);
	transition: all 1s ease;
}

.editButton:hover {
	background: var(--primaryGray);
}

.ucLabel {
	padding: .25rem .5rem !important;
	border-radius: 0;
	color: #fff !important;
}

.ucstatus span {
	display: block;
	max-width: 140px;
	padding: .25rem .5rem;
	font-size: .85rem;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}

.caseStatus span {
	float: right;
}

.ucPending {
	background: var(--yellow);
}

.ucActive, .ucAccepted {
	background: var(--green);
}

.ucActive.submitted {
	background: transparent;
	color: var(--green) !important;
	border: 1px solid var(--green);
}

.ucConfirmed {
	background: var(--lightBlue);
}

.ucClosed, .ucRejected {
	background: var(--red);
}

.ucCompleted {
	background: var(--primaryBlue);
}

.ucCanceled-by-Office, .ucCanceled, .ucCanceled-by-Contractor {
	background: var(--midGray);
}

.ucOn-Hold---More-Details-Needed {
	background: var(--yellow);
}

#sidebar.userDashboard {
	padding-top: 2rem;
	background: #f0f0f0;
	background: linear-gradient(180deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.userFullName {
	font-size: 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
}

.userRole {
	font-size: .85rem;
}

#sidebar ul.menu {
	list-style-type: none;
	font-weight: 700;
	margin-top: 1.5rem;
}

#sidebar ul.menu li {
	padding: .35rem 0;
}

#sidebar ul.menu li a:link, #sidebar ul.menu li a:focus, #sidebar ul.menu li a:visited {
	color: #565656;
}

#sidebar ul.menu li a:hover, #sidebar ul.menu li a:active, #sidebar ul.menu li.current_page_item {
	color: #000;
}

#sidebar ul.menu li .fa-solid {
	width: 20px;
	text-align: center;
}

#menu-contractor-dashboard-menu .menu-profile {
	margin-top: 2rem;
}

#footer {
	background: #565656 !important;
	color: #fff;
	padding: 4rem 0;
}

.page-template-edit-case #footer, .page-template-assigned-cases #footer, .page-id-71 #footer {
	margin-top: 4rem;
}

footer nav.footer-menu ul {
	margin: 0;
	padding: 0;
}

footer nav.footer-menu ul li a:link, footer nav.footer-menu ul li a:active, footer nav.footer-menu ul li a:focus, footer nav.footer-menu ul li a:visited, #footer .menu-item a[aria-current="page"] {
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
}

footer nav.footer-menu ul li a:hover, #footer .menu-item a[aria-current="page"]:hover {
	color: #000;
}

footer a:link, footer a:focus, footer a:visited {
	color: #fff;
}

footer .widget-title {
	color: #fff !important;
}

.copyright {
	text-align: center;
	font-size: .8rem;
	padding: .5rem 0;
}

.caseTitle {
	background: #f8f8f8;
	padding: 1rem;
	position: relative;
	height: 8rem;
	margin-bottom: 4rem;
}

.caseTitle h1 {
	position: absolute;
	bottom: -3rem;
	left: 1rem;
}

.fileIcon i {
	/* background: var(--lightBlue); */
	color: var(--primaryBlue) !important;
	padding: .5rem;
	font-size: 1.5rem;
}

.nf-repeater-fieldset .nf-field-container {
	margin-bottom: 0 !important;
}

.nf-repeater-fieldsets legend {
	display: none !important;
}

.wppb-description-delimiter {
	color: var(--lightGray);
}

.pageHeader.row {
	min-height: auto !important;
	padding: 2rem;
	max-width: 1260px;
	margin: 0 auto;
}

.pageHeader {
	background: url("https://cdn-ilbjold.nitrocdn.com/SuITROmLKonYyTMtPzCYmwQfiHxJgQRQ/assets/images/optimized/rev-903bc08/fpsllc.org/wp-content/themes/fps-2024/img/dotbg@5.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.headerRight {
	animation-duration: 3078ms;
	animation-delay: 1ms;
}

.headerRight img {
	width: 100%;
	height: auto;
	object-fit: cover;
	min-height: 500px;
}

/* .techRole>div>div {
  min-height: 400px;
  align-items: center;
} */
.sideline {
	width: 70%;
	border-top: 1px solid var(--primaryGray);
}

.headerCTA {
	/* padding-left: 20%; */
	margin-bottom: 2rem;
}

.headerCTA2 {
	padding-left: 0;
	margin-bottom: 2rem;
}

.contractorCTA a {
	color: #fff;
	padding: .5rem 2rem;
	transition: all 1s;
}

.contractorCTA a:hover {
	background: rgba(0, 0, 0, .7);
}

.eb-toc-button {
	background: #000;
	color: #fff !important;
	font-size: 2rem !important;
	border-radius: 0 !important;
}

.teamMemberRight img {
	object-position: right center;
	cursor: pointer;
}

.teamName .eb-ah-title {
	margin-bottom: 0 !important;
	margin-top: 1.5rem !important;
}

.eb-popup-overlay {
	z-index: 1100 !important;
}

.modal-main-wrap {
	z-index: 1101 !important;
}

/* .howItWorks {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 35%, 85% 0);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 35%, 85% 0);
} */
#nf-form-3-cont {
	width: 100%;
}

/*******************************************************************
*** FORM INPUTS ***
*******************************************************************/
input[type="text"], input[type="password"], input[type="email"] {
	min-height: 44px;
}

#wppb-edit-user input, #wppb-loginform input, #wppb-recover-password input {
	padding-left: .5rem !important;
}

#wppb-edit-user input[type="submit"], #wppb-loginform input[type="submit"], #wppb-recover-password input[type="submit"] {
	padding-left: 1rem !important;
}

#wppb-recover-password-container {
	max-width: 1170px;
	margin: 0 auto;
	padding: 2rem;
}

/*******************************************************************
*** BUTTONS ***
********************************************************************/
.btn {
	border-radius: 0 !important;
}

.wp-block-button .wp-block-button__link, input[type="submit"], .primaryButton {
	color: #fff !important;
	background-color: #000 !important;
	background-image: none !important;
	box-shadow: none !important;
	text-transform: uppercase;
	border: 1px solid #000 !important;
	padding: .5rem 1rem;
	border-radius: 0 !important;
	transition: all 1.2s;
}

.wp-block-button .wp-block-button__link.nitro-lazy, input[type="submit"].nitro-lazy, .primaryButton.nitro-lazy {
	background-image: none !important;
}

.primaryButton, .secondaryButton {
	font-size: 1.5rem;
}

.secondaryButton {
	color: #fff;
	background-color: var(--midGray);
	text-transform: uppercase;
	padding: .5rem 1rem;
	border: 1px solid var(--midGray);
	transition: all 1.2s;
}

.wp-block-button .wp-block-button__link:hover, input[type="submit"]:hover, .primaryButton:hover, .secondaryButton:hover {
	background-color: transparent !important;
	color: #000 !important;
}

.lightButton .wp-block-button__link, .lightButton input[type="submit"] {
	background: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
	transition: all 1.2s;
}

.lightButton .wp-block-button__link:hover, .lightButton input[type="submit"]:hover {
	color: #fff !important;
	background: transparent !important;
}

.btn.ninja-forms-field.nf-fu-fileinput-button {
	border-radius: 0 !important;
	background: var(--green);
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	padding: 8px;
	transition: all 1.2s;
}

.repeater-container button.nf-add-fieldset {
	background: black !important;
	color: #fff !important;
	padding: .25rem .5rem;
	width: 100%;
}

.repeater-container button.nf-add-fieldset:before {
	content: "+ ";
}

/* Style the button */
.scroll-to-top {
	position: fixed;
	bottom: 3rem;
	right: 20px;
	display: none;
	background-color: rgba(0, 0, 0, .65);
	color: white;
	border: none;
	padding: 10px 25px;
	font-size: 24px;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, .35);
	z-index: 1000;
	transition: opacity 1s ease-in-out;
}

.scroll-to-top:hover {
	background-color: #000;
}

/* Remove all table borders */
.acf-table {
	border-collapse: collapse !important;
	width: 100% !important;
}

/* Remove all borders from table cells */
.acf-table th, .acf-table td {
	border: none !important;
	padding: 8px !important;
	vertical-align: center;
}

.acf-table th .description {
	font-size: .75rem;
}

/* Add a bottom border to all rows */
.acf-table tr {
	border-bottom: 1px solid #d9eaf7 !important;
}

/* Style the header row with a very pale blue background */
.acf-table th {
	background-color: #f0f8ff !important;
	color: #333 !important;
	text-align: left !important;
}

/* Optional: Add hover effect on rows (excluding the header row) */
.acf-table tr:hover:not(:first-child) {
	background-color: #f9f9f9 !important;
}

.acf-repeater .acf-row-handle.order {
	background: transparent !important;
}

/*******************************************************************
*** EB default styles ***
*******************************************************************/

/********************************************************************
*** MEDIA QUERIES ***
*********************************************************************/

/* Remove blue background on focus for dropdown items */
.dropdown-item:focus, .dropdown-item:active, .dropdown-item.show, .nav-link:focus, .nav-link:active {
	background-color: transparent !important;
	color: inherit;
	box-shadow: none;
}

/* Optional: Customize the hover effect */
.dropdown-item:hover {
	background-color: rgba(0, 0, 0, .1);
}

.dropdown-item.active, .dropdown-item:active {
	/* background-color: var(--bs-dropdown-link-active-bg); */
	background-image: linear-gradient(to right, #fff, #f9f9f9) !important;
	color: #000 !important;
	text-decoration: none;
}

.navbar-toggler:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

@media only screen and (max-width: 1233px) {
	.single-assignments .entry-content h4 {
		font-size: 1.2rem !important;
	}
}

@media only screen and (max-width: 991px) {
	.container {
		max-width: 90%;
	}
	
	.navbar-nav {
		text-align: center;
		float: none;
		margin-top: 10px;
	}
	
	.navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}
	
	.navbar-collapse {
		position: absolute;
		top: 160px;
		right: 0;
		left: 0;
		padding: 1rem 0 2rem;
		background: white;
	}
	
	.navbar-collapse ul li a {
		font-size: 1.5rem;
		font-weight: 600;
	}
	
	/* .dropdown-menu {
  width: 90%;
} */
	table.ucdetails, table.ucdetails thead, table.ucdetails tbody, table.ucdetails th, table.ucdetails td, table.ucdetails tr {
		display: block;
		width: 100%;
	}
	
	table.ucdetails thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.ucdetails tr {
		margin-bottom: 1rem;
		border-bottom: 1px solid #ddd;
	}
	
	table.ucdetails td {
		display: flex;
		justify-content: space-between;
		padding: .5rem;
		text-align: left;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
	}
	
	table.ucdetails td::before {
		content: attr(data-th);
		position: absolute;
		left: 0;
		width: 20%;
		padding-left: .5rem;
		font-weight: bold;
		text-align: left;
		white-space: nowrap;
	}
	
	table.ucdetails td a {
		word-break: break-word;
	}
	
	.footer-menu .nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.navbar>.container {
		padding-top: 1.5rem;
	}
	
	.contactInfo {
		width: 100%;
		position: absolute;
		top: .5rem;
		right: 0;
		font-size: .9rem;
		text-align: center !important;
	}
	
	table.files td {
		padding-left: 0;
		justify-content: start;
	}
	
	table.files td.fileIcon {
		display: none;
	}
	
	table.files td:nth-child(3) {
		display: none;
	}
	
	table.files td.uctitle {
		border-bottom: none;
		flex-direction: column;
	}
	
	table.files td::before {
		visibility: hidden;
	}
	
	.single-assignments .entry-content h4 {
		margin-bottom: 1.2rem;
	}
}

@media only screen and (max-width: 560px) {
	.pageHeader.row {
		padding: 0;
	}
}

#wppb-login-wrap .login-password {
	top: 50% !important;
}

/* Disable all animations on screens smaller than 768px (commonly mobile devices) */
@media only screen and (max-width: 768px) {
	/* Disable CSS animations */
	* {
		animation: none !important;
	}
	
	.eb-advanced-image-wrapper.zoom-in img {
		transform: none !important;
	}
	
	.headerRight {
		display: none !important;
	}
	
	.eb-flipbox-front {
		transition: background .5s, border .5s, border-radius .5s, box-shadow .5s !important;
	}
}

@media only screen and (min-width: 768px) {
	.headerCTA {
		padding-left: 20%;
	}
}

@media only screen and (max-width: 414px) {
	.contactInfo {
		font-size: .75rem;
	}
	
	.container {
		max-width: 99%;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 390px) {
	#main {
		padding-top: 200px !important;
	}
}

/******** Front End Expenses Styles ******/
.exp-form-group {
	margin-bottom: 2rem;
}

.exp-form-group label {
	font-weight: bold;
}

.form-check-label {
	font-weight: bold;
	color: var(--red);
}

#submittedExpensesTable th, #submittedExpensesTable tr td {
	text-align: center;
}

.financesTable td, .financesTable tr {
	border: 1px solid black;
}

.financesTable tr:first-of-type th {
	color: #fff;
	text-transform: uppercase;
	border-width: 0;
	border-style: solid;
	border-color: black;
	text-align: center;
}

.financesTable tr.colInfo th {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	text-align: center;
}

/* .financesTable tr.colInfo th:nth-child(-n+4) {
  background-color: #cfe2f3;
}

.financesTable tr.colInfo th:nth-child(5n),
.financesTable tr.colInfo th:nth-child(6n),
.financesTable tr.colInfo th:nth-child(7n),
.financesTable tr.colInfo th:nth-child(8n),
.financesTable tr.colInfo th:nth-child(9n){
  background-color: #d0e0e3;
} */
.tablesorter-default tr.odd>td, .tablesorter-default tr.even>td {
	background-color: white !important;
}

.financesTable td {
	text-align: center;
	height: 54px;
	vertical-align: middle;
}

.tablesorter-default td {
	vertical-align: middle !important;
}

.asInfo {
	background-color: rgba(109, 158, 235, .25) !important;
	border-right: 1px solid black !important;
}

/* .expInfo {
  border-right: .23rem solid black!important;
} */
.incomeInfo, .expInfo {
	background-color: rgba(122, 149, 110, .25) !important;
	border-right: 1px solid black !important;
}

.tablesorter-default tfoot tr.totalsRow th {
	border-right: 1px solid black;
}

.checkInfo {
	background-color: rgba(0, 0, 0, .15) !important;
}

.tablesorter-default {
	font-family: inherit !important;
	font-size: 1rem !important;
}

.btn {
	transition: all .5s ease;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	pointer-events: none;
	opacity: 0 !important;
	transition: all .5s ease;
}

/* Responsive styles: Collapse table into blocks on small screens */
@media (max-width: 1200px) {
	.financesTable, .financesTable thead, .financesTable tbody, .financesTable th, .financesTable td, .financesTable tr {
		display: block;
	}
	
	/* Hide table headers */
	.financesTable thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/* Make table rows appear as blocks */
	.financesTable tr {
		margin: 0 0 1rem 0;
	}
	
	/* Make each cell display as a block with labels */
	.financesTable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 70% !important;
		padding-right: 20px !important;
		text-align: end;
		height: 44px;
	}
	
	/* Add custom labels for each column */
	.financesTable td::before {
		/* Now like a table header */
		position: absolute;
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
	.financesTable td:nth-of-type(1):before {
		content: "Year";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(2):before {
		content: "State";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(3):before {
		content: "Office/Location";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(4):before {
		content: "Total Assignments";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(5):before {
		content: "Total Income by Assignment Date";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(6):before {
		content: "Total Income by Check Date";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(7):before {
		content: "Total Reimbursements by Assignment Date";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(8):before {
		content: "Total Reimbursements by Check Date";
		padding: .6rem 0 0 0;
	}
	
	.financesTable td:nth-of-type(9):before {
		content: "Check Date";
		padding: .6rem 0 0 0;
	}
}

.btn-save, .btn-save:hover, .btn-save:focus, .btn-save:active {
	background-color: green;
	border-color: green;
}

/* Tooltip Background */
.tooltip-inner {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
}

/* Tooltip Arrow */
.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: #000;
}

.expN {
	position: relative;
}

.expN .fa-info-circle {
	position: absolute;
	top: 0;
	right: -20px;
}

#loadingOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 99999;
	justify-content: center;
	align-items: center;
}

.spinner-border {
	width: 3rem;
	height: 3rem;
	border-width: .3rem;
}

.single-assignments #main.container {
	width: 95%;
	max-width: 95%;
}

#submittedExpensesTable {
	font-size: .95rem !important;
}

#submittedExpensesTable td {
	vertical-align: middle !important;
}

#submittedExpensesTable .expNote {
	line-height: 1rem !important;
}