/* Foundant StyleSheet=======================================*/

@import url("//fonts.googleapis.com/css2?family=Roboto&family=Poppins&display=swap");

:root {
	--colors-brand-primary-dark-blue: rgb(45, 59, 74); /* #2D3B4A */
	--colors-brand-tertiary-white: rgb(255, 255, 255); /* #FFFFFF */
	--colors-brand-orange: rgb(242, 107, 34); /* #F26B22 */
	--colors-brand-light-yellow: rgb(254, 251, 220); /* #FEFDDC */
	--colors-brand-secondary-light-blue: rgb(213, 226, 250); /* #D5E2FA */
	--colors-brand-yellow: rgb(246, 184, 69); /* #F6B845 */
	--colors-neutral-0: rgb(0, 0, 0); /* #000000 */
	--colors-neutral-10: rgb(33, 33, 33); /* #212121 */
	--colors-neutral-20: rgb(66, 66, 66); /* #424242 */
	--colors-neutral-30: rgb(97, 97, 97); /* #616161 */
	--colors-neutral-40: rgb(117, 117, 117); /* #757575 */
	--colors-neutral-50: rgb(189, 189, 189); /* #BDBDBD */
	--colors-neutral-60: rgb(224, 224, 224); /* #E0E0E0 */
	--colors-neutral-70: rgb(238, 238, 238); /* #EEEEEE */
	--colors-neutral-80: rgb(245, 245, 245); /* #F5F5F5 */
	--colors-neutral-90: rgb(250, 250, 250); /* #FAFAFA */
	--colors-neutral-100: rgb(255, 255, 255); /* #FFFFFF */
	--colors-semantic-success-0: rgb(103, 207, 157); /* #67CF9D */
	--colors-semantic-danger-0: rgb(189, 59, 57); /* #BD3B39 */
	--colors-semantic-warning-0: rgb(244, 200, 98); /* #F4C862 */
	--colors-semantic-info-0: rgb(83, 110, 138); /* #536E8A */
	--colors-semantic-success-50: rgb(225, 245, 235); /* #E1F5EB */
	--colors-semantic-danger-50: rgb(252, 221, 221); /* #FCDDED */
	--colors-semantic-warning-50: rgb(255, 244, 209); /* #FFF4D1 */
	--colors-semantic-info-50: rgb(213, 226, 250); /* #D5E2FA */
	--colors-primary-shades-0: rgb(45, 59, 74); /* #2D3B4A */
	--colors-primary-shades-10: rgb(66, 79, 92); /* #424F5C */
	--colors-primary-shades-20: rgb(87, 98, 110); /* #57626E */
	--colors-primary-shades-30: rgb(108, 118, 128); /* #6C767F */
	--colors-primary-shades-40: rgb(129, 137, 146); /* #81898F */
	--colors-primary-shades-50: rgb(150, 157, 165); /* #969DA5 */
	--colors-primary-shades-60: rgb(171, 177, 183); /* #ABB1B7 */
	--colors-primary-shades-70: rgb(192, 196, 201); /* #C0C4C9 */
	--colors-primary-shades-80: rgb(213, 216, 219); /* #D5D8DB */
	--colors-primary-shades-90: rgb(234, 235, 237); /* #EAEAEA */
	--colors-state-layers-dark-enabled: rgb(45, 59, 74); /* #2D3B4A */
	--colors-state-layers-dark-hover: rgb(66, 79, 92); /* #424F5C */
	--colors-state-layers-dark-focused: rgb(66, 79, 92); /* #424F5C */
	--colors-state-layers-dark-pressed: rgb(87, 98, 110); /* #57626E */
	--colors-state-layers-dark-disabled: rgb(213, 216, 219); /* #D5D8DB */
	--colors-state-layers-dark-none: rgba(45, 59, 74, 0); /* #2D3B4A */
	--colors-state-layers-light-enabled: rgb(255, 255, 255); /* #FFFFFF */
	--colors-state-layers-light-hover: rgb(234, 235, 237); /* #EAEAEA */
	--colors-state-layers-light-focused: rgb(234, 235, 237); /* #EAEAEA */
	--colors-state-layers-light-pressed: rgb(213, 216, 219); /* #D5D8DB */
	--colors-state-layers-light-disabled: rgb(234, 235, 237); /* #EAEAEA */
	--colors-state-layers-light-none: rgba(255, 255, 255, 0); /* #FFFFFF */
	--colors-borders-enabled: rgb(117, 117, 117); /* #757575 */
	--colors-borders-divider: rgb(224, 224, 224); /* #E0E0E0 */
	--colors-borders-hover: rgb(45, 59, 74); /* #2D3B4A */
	--colors-borders-focused: rgb(45, 59, 74); /* #2D3B4A */
	--colors-borders-brand: rgb(45, 59, 74); /* #2D3B4A */
	--colors-borders-pressed: rgb(45, 59, 74); /* #2D3B4A */
	--colors-borders-disabled: rgb(189, 189, 189); /* #BDBDBD */
	--colors-borders-danger: rgb(189, 59, 57); /* #BD3B39 */
	--colors-borders-warning: rgb(244, 200, 98); /* #F4C862 */
	--colors-borders-success: rgb(103, 207, 157); /* #67CF9D */
	--colors-borders-info: rgb(83, 110, 138); /* #536E8A */
	--colors-text-brand: rgb(45, 59, 74); /* #2D3B4A */
	--colors-text-white: rgb(255, 255, 255); /* #FFFFFF */
	--colors-text-disabled: rgb(189, 189, 189); /* #BDBDBD */
	--colors-text-placeholder: rgb(97, 97, 97); /* #616161 */
	--colors-text-danger: rgb(189, 59, 57); /* #BD3B39 */
	--colors-icon-brand: rgb(45, 59, 74); /* #2D3B4A */
	--colors-icon-white: rgb(255, 255, 255); /* #FFFFFF */
	--colors-icon-disabled: rgb(189, 189, 189); /* #BDBDBD */
	--colors-icon-danger: rgb(189, 59, 57); /* #BD3B39 */
	--radius-none: 0;
	--radius-xs: 2px;
	--radius-md: 8px;
	--radius-round: 50px;
	--radius-sm: 4px;
	--spacing-none: 0;
	--spacing-xm: 6px;
	--spacing-sm: 10px;
	--spacing-md: 20px;
	--spacing-lg: 40px;
	--spacing-xl: 120px;
	/* theme values */
	--body-font: Roboto, sans-serif;
	--border-color: var(--colors-neutral-40);
	--border-color-hover: var(--colors-neutral-40);
	--border-radius: 6px;
	--button-border-radius: var(--radius-round);
	--color-primary: #1976d2;
	--color-primary-hover: #1976d2;
	--field-border-color: var(--colors-neutral-0);
	--field-border: solid 1px var(--field-border-color);
	--field-border-color-disabled: #dadada;
	--field-border-color-focus: var(--colors-brand-primary-dark-blue);
	--field-border-color-hover: var(--colors-neutral-0);
	--form-control-background-color-disabled: #eeeeee;
	--form-panel-background-color: var(--colors-neutral-90);
	--header-font: Poppins, sans-serif;
	--label-text-color: var(--colors-brand-primary-dark-blue);
	--panel-border: solid 1px var(--border-color);
	--panel-header-color: #F0F7FF;
	--panel-header-color-hover: #E4EFFC;
	--panel-heading-padding: 15px;
}

header.navbar #Logo {
	border: none;
}

body {
	background-color: var(--colors-neutral-80);
	color: var(--colors-brand-primary-dark-blue)
}

body,
label,
.label,
th.label {
	font-family: var(--body-font);
}

.label-info {
	background-color: var(--colors-semantic-info-0);
	border-radius: var(--button-border-radius);
	font-weight: 500;
}

body > .container,
body > .container-fluid,
#MasterPageContentContainer {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
	margin: 12px auto;
	padding-bottom: 15px;
}

#MasterPageContentContainer {
	padding-left: 15px;
	padding-right: 15px;
}

#MasterPageContent.WaterMark,
.container-fluid.WaterMark {
	background-color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.modal-title,
.btn,
.nav,
.breadcrumb,
.table > thead > tr > th,
.StageHeader, 
.flex-header {
	font-family: var(--header-font);
}

strong.h1,
strong.h2,
strong.h3,
strong.h4,
strong.h5,
strong.h6 {
	font-weight: 700;
}

h2, .h2 {
	font-size: 2rem;
}

h3, .h3 {
	font-size: 1.75rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

.EnvironmentName {
	color: var(--colors-semantic-danger-0) !important;
	font-weight: 700;
	text-transform: uppercase;
}

a {
	background-color: transparent;
	color: var(--color-primary);
	text-decoration: none !important;
}

.nav-tabs > li > a,
header.navbar-default .navbar-nav > li > a,
footer.navbar-default .navbar-nav > li > a {
	color: var(--colors-brand-primary-dark-blue);
}

label {
	font-weight: 400;
}

input[data-provide="datepicker"] {
	width: 100px !important;
}

.input-group-addon-compact,
.input-group-addon {
	border-color: var(--field-border-color);
	color: var(--colors-brand-primary-dark-blue);
}

	/* removed for styling on request and decisions
    .input-group-addon:has(+ [disabled]:not([data-provide="datepicker"])),*/
	.input-group-addon:has(+ [disabled]),
	.input-group-addon:has(+ [readonly]),
	.input-group:hover .input-group-addon:has(+ [readonly]) {
		border-color: var(--field-border-color-disabled);
	}

		.input-group-addon:has(+ [disabled]) svg,
		.input-group-addon:has(+ [readonly]) svg,
		.input-group:hover .input-group-addon:has(+ [readonly]) svg {
			color: var(--colors-text-disabled);
		}

/* override to handle the script tag that is located inside the input-group in DateTime.cshtml */
.input-group .form-control[data-provide="datepicker"]:nth-last-child(2):has(+ script) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.FormElementInstructions {
	font-size: inherit;
}

/*.form-group:not(:has(#NameLabel)):not(:has(.control-label)) {*/
.GroupHeader .form-group {
	margin-bottom: 0;
}

[data-element-guid].form-group[data-element-readonly="true"] .HoverContainer {
	background: inherit;
}

[data-element-guid].form-group input[type="text"],
[data-element-guid].form-group textarea,
[data-element-guid].form-group select,
[data-element-guid].form-group input[type="checkbox"],
[data-element-guid].form-group input[type="radio"],
[data-element-guid].form-group .ChoiceBorder,
[data-element-guid].form-group .ScoreChoice {
	transition: none;
}

.form-control {
	border: 1px solid var(--field-border-color);
	box-shadow: none;
}

	.form-control[disabled],
	.form-control[readonly],
	fieldset[disabled] .form-control {
		background-color: var(--form-control-background-color-disabled);
	}

fieldset.form-group legend {
	border-bottom: inherit;
	font-size: inherit;
	margin-bottom: inherit;
}

.form-control:hover:not(:focus) {
	border-color: var(--field-border-color-hover);
}

.form-control:focus {
	border-color: var(--field-border-color-focus);
	box-shadow: 0 0 0 1px var(--field-border-color-focus);
}

.form-control-label:not(.form-control) {
	border-bottom: 0 !important;
}

.FormElementLabel {
	color: var(--label-text-color);
	font-weight: bold;
	letter-spacing: 0.05em;
	border-bottom: 5px;
}

input.input-validation-error {
	box-shadow: 0 0 0 1px var(--colors-semantic-danger-0);
}

.btn > .svg-inline--fa {
	color: var(--colors-brand-primary-dark-blue);
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	box-shadow: none;
}

.btn:not(:last-of-type) {
	margin-right: 5px;
}

a.btn + form {
	margin-left: 5px;
}

.btn:not(.btn-link) > .svg-inline--fa {
	height: 12px !important;
	width: 12px !important;
}

.btn.btn-link > .svg-inline--fa.fa-lg {
	height: 2rem !important;
	width: 2rem !important;
}

.btn-group .btn,
.input-group-btn > .btn {
	margin-right: 0 !important;
}

.btn-default,
.btn-danger {
	background-color: var(--colors-neutral-100);
	background-image: none;
	border-color: var(--colors-borders-brand);
	border-radius: var(--button-border-radius);
	color: var(--colors-text-brand);
	text-shadow: none;
}

	.btn-danger:hover {
		background-color: var(--colors-semantic-danger-0);
	}

	.btn-default:hover {
		background-color: var(--colors-primary-shades-90);
		border-color: var(--colors-borders-brand);
	}

	.btn-default:focus,
	.btn-outline:focus {
		background-color: var(--colors-primary-shades-90);
		border-color: var(--colors-primary-shades-90);
	}

.btn:has(svg:only-child) {
	padding: 6px 9px;
	line-height: 1;
}

.panel-heading[data-toggle="collapse"] .btn:has(svg:only-child) {
	padding: 0;
	line-height: 1;
}

.btn:has(svg:only-child) > .svg-inline--fa {
	height: 14px !important;
	width: 14px !important;
}

.AdminEditButtons .btn:has(svg:only-child),
.comment-container .btn:has(svg:only-child),
.ElementUpdateActions .btn:has(svg:only-child) {
	padding: 3px 4px;
}

.AdminEditButtons .btn:not(.hidden) {
	margin-right: 0;
}

.admin-disabled-input {
	-ms-opacity: 1 !important;
	opacity: 1 !important;
	background-color: #fff !important;
	border: var(--field-border) !important;
	cursor: inherit !important;
}

.input-group .input-group-btn .btn {
	height: 34px;
	line-height: 20px;
}

.btn-group:not(:has(.btn-slider)) {
	border: solid 1px var(--colors-neutral-20);
	border-radius: var(--button-border-radius);
}

.btn-group > .btn:not(.btn-slider) {
	height: 30px;
}

.btn-group .btn-default {
	border: none;
	border-radius: inherit;
}

.btn-group:has(.ScoreChoice) {
	border: none;
}

.btn-group .btn.ScoreChoice {
	border: var(--field-border);
	border-radius: var(--radius-sm);
	padding: 6px 9px;
}

.input-group-btn > .btn-default,
.input-group > .btn-default {
	border: var(--field-border);
}

div[id^="Stage"][id$="Panel"] .input-group > .form-control,
div[id^="Stage"][id$="Panel"] .input-group > .input-group-addon {
	border: var(--field-border);
}

	div[id^="Stage"][id$="Panel"] .input-group > .form-control:not(:last-child),
	div[id^="Stage"][id$="Panel"] .input-group > .input-group-addon:not(:last-child) {
		border-right: 0;
	}

.input-group:hover .form-control {
	border-color: var(--field-border-color-hover);
	color: var(--field-border-color-hover);
}

.input-group:focus-within .form-control {
	border-color: var(--field-border-color-focus);
}

.input-group:focus-within .input-group-addon:first-child,
.input-group:hover .input-group-addon:first-child {
	border-right: 0;
}

.btn {
	padding: 5px 12px;
}

.btn-primary {
	background-image: none;
	background-color: var(--colors-brand-primary-dark-blue);
	border: none;
	border-radius: var(--button-border-radius);
}

.btn.btn-primary > .svg-inline--fa {
	color: var(--colors-primary-shades-80);
}

.btn-primary:hover {
	background-color: var(--colors-state-layers-dark-hover);
}

.btn-primary:active {
	background-color: var(--colors-state-layers-dark-pressed);
}

.btn-primary:focus {
	background-color: var(--colors-state-layers-dark-focused);
}

.input-group-btn > .btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.organization-action-dropdown {
	border: none;
	outline: none;
	text-decoration: none; /* removes underline */
	background: none;
}

.btn:focus-visible,
.btn:active:focus-visible,
.btn.active:focus-visible,
.btn.focus-visible,
.btn:active.focus-visible,
.btn.active.focus-visible,
a.dropdown-toggle:focus-visible {
	outline: solid 2px var(--colors-borders-brand);
	outline-offset: 2px;
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
	box-shadow: none;
}

.btn.dropdown-toggle > .svg-inline--fa {
	height: 0.875em !important;
	width: 0.875em !important;
	margin-left: 5px;
}

.dropdown-menu > li > .btn-link:hover,
.dropdown-menu > li > .btn-link:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-image: none;
}

.dropdown-item {
	padding: 0.5rem 1rem;
}

header.navbar-default,
footer.navbar-default {
	border: none;
}

	header.navbar-default,
	header.navbar-default .navbar-link,
	footer.navbar-default .navbar-link {
		color: var(--colors-brand-primary-dark-blue);
		font-family: var(--header-font);
	}

header.navbar-skinny,
footer.navbar-skinny {
	background-color: #ffffff;
}

.navbar-right > li > a {
	padding: 10px;
}

	.navbar-right > li > a > img {
		height: 20px;
		width: 20px;
	}

.page-header h1 {
	margin-top: 12px;
}

.page-header h2 {
	margin: 0;
}

.page-header #HeaderButtons {
	max-width: 60%;
}

#BreadCrumbs {
	margin-top: 10px;
}

#PageTitle {
	font-size: 18px;
	font-weight: 500;
}

	#PageTitle > svg {
		margin-right: 5px;
	}

.page-header h1 small,
.page-header h2 small,
.page-header h1 .small,
.page-header h2 .small {
	color: var(--colors-neutral-30);
	font-size: 1.5rem;
}

header.navbar-default .navbar-btn,
header.navbar-default .navbar-nav > li:not([id$="UserDropdown"]) > a {
	text-transform: uppercase;
}

.breadcrumb {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	padding: 6px 9px 6px 0;
}

	.breadcrumb > .active {
		color: var(--colors-primary-shades-30);
	}

ul.breadcrumb:first-child {
	padding-left: 0;
}

.well:not(.warning) {
	background-image: none;
	border: none;
}

.well[id^="CharacterCounter-"] {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	color: var(--label-text-color) !important;
}

.well + .well {
	margin-top: inherit !important;
}

.MessageBase,
.success,
.info,
.warning,
.error:not(.form-control),
.field-validation-error {
	background-image: none;
}

.StageLinks .nav {
	border: none;
}

.StageHeader {
	border-bottom-width: 1px !important;
	border-color: var(--colors-brand-primary-dark-blue);
	font-size: 16px;
	font-weight: 500 !important;
}

.page-header {
	border: none;
	margin-bottom: 0;
}

.nav-tabs {
	border-bottom: none;
}

	.nav-tabs > li {
		margin-bottom: inherit;
	}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:focus {
			border-bottom: solid 1px white;
			margin-bottom: -2px;
		}

			.nav-tabs > li.active > a,
			.nav-tabs > li.active > a:hover,
			.nav-tabs > li.active > a:focus {
				cursor: default;
				background-color: #fff;
				border-color: var(--border-color);
				border-bottom-color: white;
				border-bottom-width: 2px;
			}

		.nav-tabs > li > a,
		.nav-tabs > li > a:hover {
			background-color: var(--colors-neutral-70);
			border-bottom: none;
			border-color: var(--colors-neutral-60);
			padding: 10px 10px;
		}

		.nav-tabs > li > a {
			margin-right: 4px;
		}

		.nav-tabs > li:not(.active):not(.stage-arrow) {
			color: var(--colors-neutral-30);
		}

		.nav-tabs > li:not(.active) > a:hover {
			border: solid 1px var(--colors-neutral-50);
			border-bottom: none;
		}

		.nav-tabs > li.active > a:active {
			border-bottom-width: 2px;
		}

.badge {
	background-color: var(--colors-brand-primary-dark-blue);
	font-size: 11px;
	min-width: 22px;
}

.panel-default,
.panel-info {
	border-color: var(--border-color);
}

.panel .panel {
	box-shadow: none;
}

.panel > .panel {
	border: none;
}

.panel-heading {
	border-radius: var(--border-radius);
	padding: var(--panel-heading-padding);
}

	.panel-heading:has(+ .collapse.in) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.panel-default > .panel-heading,
.panel-info > .panel-heading {
	background-color: #ffffff;
	background-image: none;
}

.panel > .panel-heading {
	background-color: var(--panel-header-color);
	color: inherit;
}

	.panel > .panel-heading[data-toggle="collapse"]:hover {
		background-color: var(--panel-header-color-hover);
	}

/*overrides to handle accessibility changes to make the button expand thead panel*/
.ft-panel-heading {
	padding: 0;
	display: flex;
	align-items: center;
}

	.ft-panel-heading > .panel-title {
		align-items: center;
		display: flex;
		width: 100%;
	}

		/* non-collapsible */
		.ft-panel-heading > .panel-title > div {
			flex: 1;
			padding: var(--panel-heading-padding);
		}

		/* collapsible */
		.ft-panel-heading > .panel-title > button {
			background: none;
			border: none;
			color: inherit;
			cursor: pointer;
			display: flex;
			flex: 1;
			margin: 0;
			outline: none;
			padding: var(--panel-heading-padding);
			text-align: left;
		}

			.ft-panel-heading > .panel-title > button > svg {
				margin-right: 10px;
			}

		.ft-panel-heading > .panel-title > .ft-align-right:last-of-type {
			padding-right: var(--panel-heading-padding);
		}

.ft-align-right {
	margin-left: auto;
}

.panel-heading:has(button[data-toggle=collapse]:focus-visible) {
	outline: solid 2px var(--colors-borders-brand);
}

.panel.AdministratorComments {
	margin-top: 10px;
}

.panel.GroupHeader:not(.rb-hidden) .panel-body {
	background-color: var(--form-panel-background-color);
}

.panel-group:last-child {
	margin-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border: none;
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.tab-pane > .panel-group > .panel {
	border-top-left-radius: 0;
}

.tab-pane > .panel, .tab-pane > form > .panel, .tab-pane > form > .panel > .table, .tab-pane > form > .panel > .table:first-child > thead:first-child > tr:first-child > th:first-child, .tab-pane > form > .panel > .table:first-child > thead:first-child > tr:first-child > th:last-child {
	border-top: var(--panel-border);
	border-top-right-radius: var(--border-radius);
}

/* when we remove theme override (foundant.css) update Submission.less and remove these overrides */
#SubmissionTabContent > .tab-pane > .panel-group > .panel-default {
	border: var(--panel-border) !important;
	border-radius: var(--border-radius) !important;
	border-top-left-radius: 0 !important;
}

.panel-body {
	border: none;
	padding: 20px;
}

.close {
	font-size: 30px;
	font-weight: 400;
	line-height: 0.75;
}

.modal-footer,
.panel-group .panel-footer,
.panel-footer {
	background-color: #ffffff;
	border: none;
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	padding: 20px;
}

	.panel-body + .panel-footer,
	.panel-footer:first-child {
		padding-top: 0;
	}

.panel-title {
	font-size: 16px;
	font-weight: 500;
}

.HoverContainer .panel-title {
	font-size: 13px;
}

.panel-body:has(.HoverContainer) {
	padding: 0;
}

div[id^=EligibilityForm] > .panel-body {
	padding: 20px;
}

.HoverContainer,
[data-element-guid].form-group .HoverContainer,
[data-element-guid].form-group .HoverContainer:hover {
	border: none !important;
}

	[data-element-guid].form-group .HoverContainer:hover,
	#RightSide .HoverContainer:hover {
		background: var(--colors-neutral-70);
	}

.element-spacing {
	padding: 20px 20px !important;
}

.element-spacing-TableCell {
	padding: 0 0 !important;
}

/* modal styles */

.modal-dialog:not(.modal-sm) .modal-body,
.modal-dialog:not(.modal-sm) .modal-footer {
	padding: 20px;
}

.modal-dialog.modal-sm .modal-body,
.modal-dialog.modal-sm .modal-footer {
	padding: 10px;
}

/* tables styles */

/*.EditColumnsIcon svg {
    color: rgba(0, 0, 0, 0.6) !important;
}*/

.flex-table > .flex-header,
.table > thead > tr > th,
.table > thead > tr > th a {
	background-color: #ffffff;
	color: var(--label-text-color);
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.flex-body > .flex-row:hover,
.table-hover > tbody > tr:nth-of-type(odd):hover {
	background-color: #f5f5f5;
}

tbody.CustomColumnsBody td:not(:first-child) {
	border-left-width: 0;
}

.flex-table > .flex-header > .flex-row,
.flex-table > .flex-body > .flex-row,
.table > thead > tr,
.table:not(.EditSettingTable) > tbody > tr,
.table > tfoot > tr:has(td) {
	color: var(--colors-brand-primary-dark-blue);
	height: 48px;
}

	.flex-table > .flex-header > .flex-row,
	.flex-table > .flex-body > .flex-row {
		align-items: center !important;
	}

.flex-table > .flex-header > .flex-row,
.flex-table > .flex-body > .flex-row {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
}

	.flex-table > .flex-body > .flex-row {
		border-top: 1px solid #ddd;
	}

.DisplaySettingTable > tbody > tr > th {
	padding-right: 10px;
}

.col-fixed-date {
	min-width: 90px;
}

.col-sm-icon + .col-sm-icon {
	padding-right: 8px;
}

tfoot.CustomColumnsFoot {
	background-color: #ffffff;
	border: none;
}

.ft-decimal {
	font-size: 14px;
}

[data-element-guid].form-group .svg-inline--fa.fa-chart-network {
	width: 16px;
}

.flex-table > .flex-header > .flex-row > .d-flex,
.flex-table > .flex-body > .flex-row > .d-flex,
.table > thead > tr > th,
.table > tfoot > tr > td,
.table > tbody > tr > td {
	padding: 5px 8px;
}

.table > thead > tr > th {
	vertical-align: middle;
	white-space: nowrap;
}

.table-hover > tbody.CustomColumnsBody > tr:hover {
	background-color: #eff6ff !important;
}

table.dataTable.table-striped > tbody > tr.odd > *,
table.dataTable.table-hover > tbody > tr:hover > * {
	box-shadow: none;
}

table.dataTable > tfoot > tr > td,
tfoot.CustomColumnsFoot tr > td:not(:first-child) {
	border-left: none;
}

table.dataTable > tbody > tr > td {
	font-variant-numeric: tabular-nums;
}

	table.dataTable > tbody > tr > td > a {
		color: var(--color-primary);
	}

.datatables_Paging {
	padding: 0 10px 6px;
}

.dataTables_info {
	color:var(--colors-neutral-30);
}

div.dataTables_wrapper div.dt-buttons.btn-group button.btn:last-of-type:first-of-type {
	border-radius: var(--button-border-radius) !important; /* override !important in datatables.css */
}

.datatables_Paging .pagination {
	font-family: var(--header-font);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: var(--colors-brand-primary-dark-blue);
	border-color: var(--colors-brand-primary-dark-blue);
}

/* universe admin */
.uni-modal-tab-active {
	border-bottom-width: 2px;
}

.uni-panel-body-style {
	background-color: #ffffff;
	border: unset;
	border-top: 1px solid var(--colors-neutral-50);
	border-radius: unset;
	box-shadow: none;
}

/* reboot */

.rb-container {
	background-color: transparent;
	color: var(--colors-brand-primary-dark-blue);
}

	.rb-container .rb-border,
	.rb-container .rb-border-rounded {
		border-color: var(--border-color);
	}

.rb-tabset {
	font-family: var(--header-font);
}

.tab-content,
.rb-container.rb-tab {
	background-color: transparent;
}

.rb-container ul.rb-tabset li + li,
.rb-container-dark ul.rb-tabset li + li {
	margin-left: 4px;
}

.rb-container ul.rb-tabset > li {
	border-color: var(--border-color);
}

.rb-container .rb-border-rounded, .rb-container-dark .rb-border-rounded {
	border-radius: var(--border-radius);
}

	.rb-container .rb-border-rounded.rb-tab {
		border-top-left-radius: 0;
	}

/* layout */

@media (min-width: 1200px) and (max-width: 1439px) {
	.hidden-lrg {
		display: none !important;
	}
}

/* icons */

.fa-times,
.fa-times:visited,
.fa-times:active,
.fa-times:focus {
	color: var(--colors-neutral-40) !important;
}

	.fa-times:hover {
		color: inherit;
	}

.fa-trash-alt:hover {
	color: var(--colors-semantic-danger-0) !important;
}

a:not(.LeftNav):not(.navbar-link):not([role = tab]):not(.btn-primary):not([data-ajax-update = '#HelpContainer']):not([data-ajax-update = '#ViewEmailDetailsModal']) > .svg-inline--fa:not(.fa-check-circle):not(.fa-exclamation-circle):not(.text-success):not(.fa-trash-alt):not(.fa-envelope) {
	color: var(--colors-brand-primary-dark-blue);
}

.fa-toggle-on, .fa-toggle-on:hover, .fa-toggle-on:active, .fa-toggle-on:visited, .fa-toggle-on:focus {
	color: var(--colors-semantic-success-0) !important;
}

tbody td .svg-inline--fa.fa-check-circle {
	color: var(--colors-semantic-success-0);
}

/* froala editor */
.gray-theme.fr-toolbar.fr-top {
	border-radius: 4px 4px 0 0;
}

.gray-theme .fr-second-toolbar {
	border-radius: 0 0 4px 4px;
}

.gray-theme.fr-box .fr-counter {
	color: var(--colors-primary-shades-30);
}

/* specifics */
#ApplicantOrganizationLinks {
	background-color: #ffffff !important;
}

.panel:has(> #EmailStatuses) {
	border: none;
}

#FormTypes,
table.SearchCriteriaTable {
	border-top: 1px solid var(--border-color);
}

	#EmailStatuses td,
	#FormTypes td,
	table.SearchCriteriaTable > tbody > tr > td {
		border: none;
	}

	table#EmailStatuses > thead > tr,
	table#EmailStatuses > tbody > tr,
	table#FormTypes > tbody > tr,
	table.SearchCriteriaTable > thead > tr,
	table.SearchCriteriaTable > tbody > tr {
		height: inherit;
	}

		table#EmailStatuses > thead > tr > th {
			border-bottom: solid 1px var(--border-color);
			font-size: 14px;
			font-family: var(--body-font);
			padding: 0 0 5px 0;
		}

		table.SearchCriteriaTable > thead > tr > th {
			border-bottom: solid 1px var(--border-color);
		}		

			table.SearchCriteriaTable > thead > tr > th > label {
				font-size: 14px;
			}

#SubmissionStatusFilter {
	border: none;
	margin-top: 20px;
}

#RequestsSearch .form-group {
	margin-bottom: 15px;
}

.SearchBar input {
	border-color: var(--border-color);
	border-bottom-width: 1px;
}

.SearchBar .input-group-addon {
	border-color: var(--border-color);
	background-color: #fff;
}

[id^="Search"][id$="Clear"] > .fa-times {
	color: var(--colors-neutral-40) !important;
}

#SubmissionTabContent > .tab-pane > .panel-group {
	border: none !important;
}

	#SubmissionTabContent > .tab-pane > .panel-group > .panel-default > .panel-body {
		padding: 20px !important;
	}

		#SubmissionTabContent > .tab-pane > .panel-group > .panel-default > .panel-body > .info {
			margin-bottom: 10px !important;
		}

#AwardDetailsContent,
#InstallmentActions {
	padding: 10px;
}

.HeaderApplyButton .btn {
	right: 5px;
	position: relative;
}

#SideBySideContainer > #LeftSide > .panel h2,
#SideBySideContainer > #RightSide > .panel h2 {
	font-family: var(--header-font);
	margin: 0;
}

#SideBySideContainer .SideHeader {
	padding: 10px;
}

#SideBySideContainer > #LeftSide > .panel .SideHeader,
#SideBySideContainer > #RightSide > .panel .SideHeader {
	border-bottom: none;
}

/* NotReady, Unused, Unfinished, and Ready styles for icons and tabs */

.nav-tabs > li.NotReady > a,
.nav-tabs > li.active.NotReady > a,
.nav-tabs > li.NotReady > a:hover,
.nav-tabs > li.active.NotReady > a:hover,
li.NotReady > .Mini {
	background-color: var(--colors-semantic-danger-0) !important;
}

.nav-tabs > li.Unfinished > a,
.nav-tabs > li.active.Unfinished > a,
.nav-tabs > li.Unfinished > a:hover,
.nav-tabs > li.active.Unfinished > a:hover,
li.Unfinished > .Mini {
	background-color: var(--colors-semantic-warning-0) !important;
}

.nav-tabs > li.Ready > a,
.nav-tabs > li.active.Ready > a,
.nav-tabs > li.Ready > a:hover,
.nav-tabs > li.active.Ready > a:hover,
li.Ready > .Mini {
	background-color: var(--colors-semantic-success-0) !important;
}

svg.NotReady,
li.NotReady,
span.NotReady {
	color: var(--colors-semantic-danger-0) !important;
}

svg.Unused,
li.Unused,
span.Unused {
	color: var(--colors-neutral-60);
	font-size: 1.1em;
	vertical-align: text-top;
}

svg.Unfinished,
li.Unfinished,
span.Unfinished {
	color: var(--colors-semantic-warning-0) !important;
}

svg.Ready,
li.Ready,
span.Ready {
	color: var(--colors-semantic-success-0) !important;
}

.breadcrumb > .active > small,
.breadcrumb > li + li::before {
	color: var(--colors-brand-primary-dark-blue)
}

.text-danger {
	color: var(--colors-semantic-danger-0) !important;
}

.CursorDefault {
	cursor: default;
	pointer-events: none;
}

.pin-default {
	color: var(--colors-neutral-50) !important;
}
.pin-default:hover {
	color: var(--colors-primary-shades-40) !important;
}
.pin-pinned {
	color: var(--colors-semantic-warning-0) !important;
}
.pin-pinned-panel-heading {
	background-color: var(--colors-brand-light-yellow) !important;
}
.pin-pinned-badge {
	background-color: var(--colors-semantic-warning-0);
	color: var(--colors-brand-primary-dark-blue);
}
.pin-alert-indicator {
	padding-left: 7px;
	padding-bottom: 7px;
	color: var(--colors-semantic-warning-0) !important;
}
.pin-alert-wrapper {
	position: absolute;
	padding-left: 5px;
}

.pin-alert-wrapper > .popover {
	min-width: 300px !important;
	max-height: 300px;
	overflow: auto;
}

.fr-counter {
	float: right;
}

.fixed-table-width {
	table-layout: fixed;
	width: 100%;
	overflow-wrap: break-word;
}

.rule-choice-table > thead > tr,
.rule-choice-table > tbody > tr {
	height: 36px !important;
}

.is-in-list-selector {
	height: 200px;
	overflow: auto;
}

/* a11y classes */
.target-size-min {
	min-height: 24px !important;
	min-width: 24px !important;
}

.ft-label {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	font-variant: small-caps;
	font-family: var(--body-font);
}

.headerSearchIcon {
	width: 1.5em !important;
	height: 32px;
}

.headerSearchTitle {
	font-family: var(--body-font);
}

.ft-candid-md {
	background: url("/Content/Images/Connect/candid-lg.png");
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	width: 24px;
}

.card {
	border: 1px solid !important;
	border-radius: 10px;
	padding: 20px 16px !important;
}