@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/

:root
{
	--color-primary-brand-primary: #500000;
	--color-primary-brand-secondary: #FFF;
	--color-secondary-brand-dark: #3C001C;
	--color-secondary-brand-light: #732F2F;
	--color-secondary-brand-gray100: #F6F6F6;
	--color-secondary-brand-gray200: #EAEAEA;
	--color-secondary-brand-gray300: #D1D1D1;
	--color-secondary-brand-gray400: #A7A7A7;
	--color-secondary-brand-gray500: #707070;
	--color-secondary-brand-gray600: #626262;
	--color-secondary-brand-gray700: #535353;
	--color-secondary-brand-gray800: #3E3E3E;
	--color-secondary-brand-gray900: #202020;
	--color-secondary-brand-black: #000;
	--color-error-red: #E4002B;
	/*--color-error-red: #D04343;*/
	--color-success-green: #389F5A;
	--color-info-blue: #415779;
	--color-warning-yellow: #E5B229;
	--font-open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--font-oswald: 'Oswald', sans-serif;
	--font-work-sans: 'Work Sans', Arial, Helvetica, sans-serif;
	--gutter-width-header: 75px;
	--gutter-width-main: 150px;
	--gutter-width-main-mobile: 20px;
}

html
{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #707373;
	display: flex;
	justify-content: center;
	min-height: 100%;
	position: relative;
}

html, body
{
	color: #333;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	line-height: 1.42857143;
}

body
{
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 320px;
	/*padding-bottom: 80px;*/
}

:is(html, body):has(:is(.pito-modal-container, .spinner-container)[style*="display: flex;"])
{
	overflow: hidden !important
}

/*#region footer*/
footer
{
	bottom: 0;
	margin-bottom: 20px;
	white-space: nowrap;
}

footer .container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

footer div:not(.container)
{
	padding: 0 5px;
	text-align: center;
}

footer .container div:not(:last-of-type)
{
	border-right: 1px solid #500000;
}
/*#endregion footer*/

footer,
.container
{
	max-width: 100%;
	min-width: 320px;
	padding: 0 30px;
	width: 1600px;
}

.e-grid *
{
	font-size: 14px !important;
}

#_skipMenu
{
	background-color: #500000;
	color: #FFF;
	display: block;
	height: 0;
	overflow: hidden;
}

#_skipMenu:focus
{
	height: initial;
	margin-bottom: 15px;
}

.pito-hidden
{
	display: none;
}

img.img-icon
{
	aspect-ratio: 1;
	height: 20px;
}

select
{
	width: fit-content;
}

summary
{
	display: block !important;
}

@media (min-width: 915px)
{
	html
	{
		overflow-y: auto !important;
	}

	nav
	{
		position: relative !important;
	}
}

@media (max-width: 915px)
{
	nav
	{
		z-index: 100;
	}

	nav.navbar
	{
		max-width: 100%;
	}

	nav.navbar > div.container
	{
		background-color: #500000;
		display: flex;
		flex-direction: column;
		max-width: 100vw;
		padding: 0 !important;
		width: 100vw;
	}

	.pito-navbar-header-container
	{
		min-width: 320px;
		width: 100%;
	}

	.pito-navbar-header
	{
		width: 80vw
	}

	.pito-navbar-icon
	{
		display: inline-block !important;
	}

	div.container > div.navbar-collapse.show
	{
		display: block !important;
		flex: 1 1 auto;
		height: calc(100vh - 70px);
		overflow-y: auto;
		width: 100%;
	}

	.navbar-collapse:not(.show)
	{
		display: none !important;
	}

	div.container > div.navbar-collapse > ul
	{
		flex-direction: column;
	}

	li.nav-item > a,
	li.nav-item > span,
	nav a.title-button,
	nav button.title-button
	{
		color: #FFF;
		font-weight: normal;
		outline: none !important;
		padding: 1em 10px !important;
		width: 100%;
	}

	li.nav-item > a:hover,
	li.nav-item > span:hover,
	nav a.title-button:hover,
	nav button.title-button:hover,
	li.nav-item > a:focus,
	li.nav-item > span:focus,
	nav a.title-button:focus,
	nav button.title-button:focus
	{
		background-color: #FFF;
		color: #500000;
		text-decoration: none !important;
	}

	li.nav-item > div
	{
		background-color: #FFF;
		padding-left: 0;
		position: unset;
	}

	li.nav-item > div > a
	{
		color: #500000;
		display: block !important;
		outline: none !important;
		padding-left: 20px;
	}

	li.nav-item > div > a:hover,
	li.nav-item > div > a:focus
	{
		color: #FFF;
		text-decoration: none !important;
	}

	li.nav-item-expanded > span
	{
		background-color: #FFF;
		color: #500000;
	}

	body > .container,
	footer, footer > .container
	{
		max-width: 100%;
	}

	.pito-modal
	{
		max-height: 100vh !important;
		max-width: 100vw !important;
		width: 100vw !important;
	}

	.pito-modal .e-grid.grid-fill .e-content
	{
		max-height: calc(100vh - 255px) !important;
		min-height: calc(100vh - 255px) !important;
	}
}

/*#region pito-navbar*/
header > .navbar
{
	padding: 0;
}

header > .navbar > .container
{
	padding: 0.5em 1em;
}

.pito-navbar-header-container
{
	display: flex;
	justify-content: space-between;
}

.pito-navbar-header
{
	background-color: #500000;
	line-height: 10px;
}

.pito-navbar-header > a
{
	/*background-color: #FFF;*/
	display: inline-flex;
	padding: 4px;
	min-width: max-content;
	text-decoration: none !important;
}

.pito-navbar-header img
{
	height: 66px;
	margin: auto;
	max-width: 100%;
	padding: 6px 12px;
	vertical-align: top;
}

.pito-navbar-icon
{
	background: none;
	border: 2px solid #FFF;
	border-radius: 5px;
	display: none;
	margin: auto 15px auto 0;
	outline: none !important;
	padding: 5px;
}

.nav-item > span,
.nav-item > a
{
	color: #500000;
	cursor: pointer;
	display: inline-block;
	padding: 25px;
	text-decoration: none;
}

.nav-item > div
{
	background-color: #500000;
	border-bottom: 2px solid #707070;
	border-top: 2px solid #707070;
	display: none;
	padding-left: 311px;
	position: absolute;
	left: 0;
	right: 0;
}

.nav-item.nav-item-expanded > span,
.nav-item.nav-item-expanded > a
{
	padding-right: 11px;
}

.nav-item-expanded > span::after,
.nav-item-expanded > a::after
{
	border-color: transparent transparent #500000 transparent;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	content: "";
	display: inline;
	height: 0;
	position: relative;
	bottom: -18px;
	left: -50%;
	width: 0;
	z-index: 2;
}

.nav-item.nav-item-expanded > div
{
	display: block !important;
}

.nav-item > div > a
{
	color: #FFF;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
}

.nav-item > div > a:hover,
.nav-item > div > a:focus
{
	background-color: #300000;
}

nav > .container .nav-item > span:hover,
nav > .container .nav-item > span:focus,
nav > .container a[href]:hover,
nav > .container a[href]:focus
{
	outline: 1px dotted #500000;
	text-decoration: underline;
}
/*#endregion pito-navbar*/

/*#region _skipFitlers*/
#_skipFilters
{
	background-color: #500000;
	color: #FFFFFF;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-decoration: underline;
}

#_skipFilters:focus
{
	height: initial;
	margin-bottom: 15px;
	padding: 5px;
}
/*#endregion _skipFitlers*/

/*#region .flex-title*/
.flex-title
{
	align-items: center;
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.flex-title > h2,
.flex-title > a.title-button,
.flex-title > button.title-button
{
	margin: 0;
}
/*#endregion .flex-title*/

/*#region .inline-fitler*/
.inline-filter
{
	display: flex;
	gap: 10px;
	height: 26px;
}

.inline-filter > *
{
	margin: auto 0;
}

.inline-filter > select,
.inline-filter > input[type=text]
{
	margin: 0;
}
/*#endregion .inline-fitler*/

/*#region a, button */
a, button
{
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

main a, footer a,
button[title]
{
	color: #500000;
	text-align: inherit;
	text-decoration: underline;
}

a:hover, a:focus,
button:hover, button:focus
{
	outline: 1px dotted #500000;
	text-decoration: underline !important;
}

main a[title]:not(.title-button):hover, main a[title]:not(.title-button):focus,
main button[title]:not(.title-button):hover, main button[title]:not(.title-button):focus,
footer a[title]:hover, footer a[title]:focus,
footer button[title]:hover, footer button[title]:focus
{
	color: #500000;
	font-weight: bold;
}

a.title-button,
button.title-button
{
	background-color: #500000;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	vertical-align: middle;
}

a.link-hover-bold[title]::after,
button.button-hover-bold[title]::after,
.tamu-table-container :not(.flex-row-header) > a[title]::after,
.tamu-table-container :not(.flex-row-header) > button[title]::after
{
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
	white-space: nowrap;
}

.tamu-table-container :not(.flex-row-header) > button[title]
{
	display: block;
}

.text-block a[href]
{
	font-weight: bold;
}

.text-block a[href]:hover
{
	color: #003C71;
}

a.export-link
{
	display: block;
	text-align: right;
}
/*#endregion a, button*/

/*#region button-primary*/
:is(a, button).button-primary
{
	background-color: var(--color-primary-brand-primary);
	border: 2px solid var(--color-primary-brand-primary);
	color: var(--color-primary-brand-secondary);
	display: inline-block;
	font-family: var(--font-work-sans);
	/*font-size: 0.875rem;*/
	font-weight: 700;
	line-height: 20px !important;
	padding: CALC(1rem - 4px) CALC(2rem - 4px);
	text-decoration: none;
}

:is(a, button).button-primary[disabled]
{
	background-color: var(--color-secondary-brand-gray400) !important;
	border: 2px solid var(--color-secondary-brand-gray400) !important;
}

:is(a, button).button-primary:is(:focus-visible, :hover)
{
	background-color: var(--color-secondary-brand-light);
	outline: none;
	text-decoration: none;
}
/*#endregion button-primary*/

/*#region button-secondary*/
:is(a, button).button-secondary
{
	background-color: var(--color-primary-brand-secondary);
	border: 2px solid var(--color-primary-brand-primary);
	color: var(--color-primary-brand-primary);
	display: inline-block;
	font-family: var(--font-work-sans);
	font-weight: 700;
	line-height: 20px !important;
	padding: CALC(1rem - 4px) CALC(2rem - 4px);
	text-decoration: none;
}

:is(a, button).button-secondary:is(:focus-visible, :hover)
{
	background-color: var(--color-secondary-brand-light);
	border: 2px solid var(--color-secondary-brand-light);
	color: var(--color-primary-brand-secondary);
	outline: none;
	text-decoration: none;
}
/*#endregion button-secondary*/

.eas-tooltip[tooltip]
{
	cursor: help;
	line-height: 1rem;
}

.eas-tooltip[tooltip]:is(:focus-visible, :hover)
{
	outline: 1px dotted var(--color-primary-brand-primary);
}

.eas-tooltip[tooltip]:is(:focus-visible, :hover)::after
{
	background-color: var(--color-primary-brand-secondary);
	border: 1px solid black;
	content: attr(tooltip);
	font-size: 1rem;
	padding: 0.35rem 0.5rem;
	position: absolute;
	margin: 0 0 0 1rem;
	max-width: 300px;
	z-index: 10;
}

.eas-tooltip[tooltip] .img-icon
{
	height: 1rem;
}

ul.ui-autocomplete
{
	max-height: 15em;
	overflow-x: hidden;
	overflow-y: auto;
}

.color-hint
{
	border: 1px solid #000;
	display: inline-block;
	height: 15px;
	margin-right: 5px;
	width: 15px;
}

.format-disabled input[type=text]:disabled,
.format-disabled input[type=text].Disabled,
.format-disabled textarea:disabled,
.format-disabled textarea.Disabled
{
	background-color: transparent;
	border: none;
	color: inherit;
	padding: 0;
}

.format-disabled select:disabled,
.format-disabled select.Disabled
{
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	color: inherit;
	opacity: 1;
	padding: 1px 0;
}

.format-disabled select:disabled::-ms-expand,
.format-disabled select.Disabled::-ms-expand
{
	display: none;
}

/*#region messages*/
.alert-message,
.confirmation-message,
.warning-message
{
	color: #fff;
	margin-top: 0;
	padding: 4px;
}

.alert-message
{
	background-color: var(--color-error-red);
}

.confirmation-message
{
	background-color: var(--color-success-green);
}

.warning-message
{
	background-color: var(--color-warning-yellow);
}

.alert-message:empty,
.confirmation-message:empty,
.warning-message:empty
{
	display: none;
}
/*#endregion messages*/

footer a[title]::after,
table a[title]::after
{
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
	white-space: nowrap;
}

.refresh-timestamp
{
	font-style: italic;
}

.checkbox-container
{
	white-space: nowrap;
}

.checkbox-container label
{
	font-weight: normal;
	margin: 0 0 0 4px;
	vertical-align: text-top;
	white-space: normal;
}

/*#region tamu-table*/
.tamu-table-title
{
	display: flex;
	flex-wrap: wrap;
}

.tamu-table-title > *
{
	margin-bottom: 0;
}

.tamu-table-title > :not(span):last-of-type
{
	flex: 1 0 auto;
}

.tamu-table-title .filter-status
{
	margin-top: 5px;
}

table.tamu-table
{
	margin: 10px 0;
}

.tamu-table[id^=_courseTable]
{
	min-width: 650px;
	width: 100%;
}

table.tamu-table thead
{
	background-color: #500000;
}

table.tamu-table th
{
	color: #FFF;
	padding: 4px 15px 4px 4px;
}

table.tamu-table th[onclick]
{
	cursor: pointer;
}

table.tamu-table td
{
	border-bottom: 1px solid #500000;
	padding: 4px 15px 4px 4px;
	word-break: break-word;
}

table.tamu-table td .row-action > img
{
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
}

.tamu-note-table tr:not(:last-of-type)
{
	border-bottom: 1px solid black;
}

.tamu-note-table tr td:not(:last-of-type)
{
	padding: 2px 20px 2px 2px;
	vertical-align: top;
	width: 1px;
	white-space: nowrap;
}

.tamu-note-table tr td:last-of-type
{
	padding: 2px;
	word-break: break-word;
}

.tamu-table-paging > *
{
	display: inline;
}
/*#endregion tamu-table*/

/*#region edit-table*/
.edit-table td input[type=text]:disabled
{
	background: none;
	border-color: transparent;
}

.edit-table td input[type=checkbox]:disabled
{
	display: none;
}
/*#endregion edit-table*/

/*#region tamu-scroll-grid*/
.tamu-scroll-grid
{
	margin: 10px 0;
}

.tamu-scroll-grid table
{
	table-layout: fixed;
	width: 100%;
}

.tamu-scroll-grid th, .tamu-scroll-grid td
{
	padding: 4px;
}

.tamu-scroll-grid-header
{
	background-color: #500000;
}

.tamu-scroll-grid-header > div
{
	overflow: hidden;
}

.tamu-scroll-grid thead
{
	background-color: #500000;
}

.tamu-scroll-grid th
{
	color: white;
}

.tamu-scroll-grid th[onclick]
{
	cursor: pointer;
}

.tamu-scroll-grid-content
{
	border-bottom: 1px solid #500000;
	max-height: 500px;
	overflow: auto;
}

.tamu-scroll-grid-content tr:not(:first-of-type) td
{
	border-top: 1px solid #500000;
	word-break: break-word;
}
/*#endregion tamu-scroll-grid*/

/*#region submit & validation*/
.pito-modal .floating-submit
{
	/*pito-modal must have padding-bottom: 0;*/
	margin: 0 -15px !important;
	position: sticky;
	width: auto;
}

.floating-submit
{
	background: #E3E3E3;
	border-top: 1px solid #500000;
	bottom: 0;
	display: flex;
	gap: 15px;
	/*justify-content: flex-end;*/
	margin-left: -30px !important;
	padding: 15px 30px !important;
	position: fixed;
	z-index: 10;
}

.inline-submit
{
	display: flex;
	float: right;
	gap: 15px;
	height: fit-content;
	justify-content: flex-end;
	margin: 15px 0 0 30px;
}

.floating-submit > *,
.inline-submit > *
{
	margin: auto 0;
}

.delete-button
{
	background-color: #500000;
	border: 2px solid #500000;
	border-radius: 3px;
	color: #FFF;
	font-weight: 500;
}

.field-validation-valid
{
	display: none;
}

.field-validation-error,
.validation-summary-errors
{
	color: var(--color-error-red);
}

.summary-single-error ul
{
	list-style: none;
	padding: 0;
}
/*#endregion submit & validation*/

/*#region table filters*/
.multiselect-filter:not(:last-of-type)
{
	margin-right: 15px;
}

.multiselect-filter > span:first-of-type:not(.field-validation-valid):not(.field-validation-error),
.multiselect-filter > div > span:first-of-type
{
	border: 2px inset rgb(238, 238, 238);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 1px;
	width: 150px;
	-webkit-appearance: textfield;
}

.multiselect-filter select
{
	border: 1px solid lightgray;
	display: block;
	list-style: none;
	margin: 0;
	min-width: 150px;
	overflow-y: auto;
	padding: 2px;
	z-index: 10;
}

.multiselect-filter select[size="1"]
{
	scrollbar-width: none;
}

.multiselect-filter select option:not(.option-locked)
{
	cursor: pointer;
}

.multiselect-filter select option:hover
{
	background-color: #E7E7E7;
}

tr.multiselect-filtered,
tr.text-filtered,
tr.page-filtered
{
	display: none;
}
/*#endregion table filters*/

/*#region flex-container*/
.flex-container
{
	page-break-inside: avoid;
}
/*#endregion flex-container*/

/*#region flex-row*/
.flex-row, .flex-column
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.flex-column
{
	flex-direction: column;
}

.flex-row[id]
{
	overflow: hidden;
	transition: height 500ms ease-in-out;
}

.flex-row[id].flex-row-hidden
{
	height: 0 !important;
}

.flex-row.flex-subheader > div:last-of-type
{
	border-bottom: 1px solid #707373;
}

.flex-row:not([id]):not(.flex-subheader)
{
	min-height: 56px;
}

.flex-row > div
{
	display: flex;
	flex: 1 0 170px;
	flex-direction: column;
}

.flex-row.flex-row-fit > div
{
	max-width: fit-content;
}

.flex-row-header,
.flex-row-header-collapsible
{
	padding: 5px;
}

.flex-row-header,
.flex-row-header-collapsible
{
	background-color: #707373;
	color: #FFF;
	display: block;
	font-weight: bold;
}

.flex-row-header-collapsible
{
	cursor: pointer;
	display: flex;
	gap: 5px;
}

.flex-row-header-collapsible ~ div
{
	overflow-y: hidden;
	transition: height 500ms ease-in-out;
}

.flex-row-header > a, .flex-row-header > button
.flex-row-header-collapsible > a, .flex-row-header-collapsible > button
{
	color: inherit !important;
	display: inline;
	font-weight: inherit;
}

.flex-row-header-collapsible > a:focus,
.flex-row-header-collapsible > a:hover
{
	outline: 1px dotted #FFF !important;
}

.flex-row > div > :not([multiple]):not(textarea):not(.field-validation-error)
{
	align-self: start;
	margin-right: auto;
}

.flex-row textarea
{
	min-height: 26px;
	resize: vertical;
	width: 100%;
}
/*#endregion flex-row*/

/*#region spinner*/
.spinner-container
{
	background-color: RGBA(0, 0, 0, .4);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.spinner,
.spinner-container > img
{
	background-color: #FFF;
	border-radius: 10px;
	margin: auto;
	z-index: 1001;
}
/*#endregion spinner*/

/*#region modal*/
.pito-modal-container
{
	background-color: RGBA(0, 0, 0, .4);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.pito-modal
{
	background-color: #FFF;
	border: 3px solid #D1D1D1;
	border-radius: 10px;
	margin: auto;
	max-height: calc(100vh - 200px);
	max-width: calc(100vw - 200px);
	outline: none;
	overflow: auto;
	padding: 15px;
	z-index: 101;
}

.pito-modal > .modal-close > img
{
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
}

.pito-modal h1
{
	margin-top: 0;
}
/*#endregion modal*/

/*#region collapsible blocks*/
.reference-container
{
	padding-top: 10px;
}

.modal-fields, .collapsible-form, .collapsible-grid, .collapsible-text
{
	overflow: hidden;
	transition: height 500ms ease-in-out;
}

.collapsible-text
{
	padding: 0 5px;
}

.collapsible-grid > div, .collapsible-text > :last-child
{
	margin-bottom: 0;
}

.collapsible-text > :first-child
{
	margin-top: 5px;
}
/*#endregion collapsible blocks*/

/*#region form*/
form .checkbox-list
{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

form .checkbox-list > div > *
{
	cursor: pointer;
}

form .checkbox-list > div > *:not(:first-child)
{
	padding-left: 5px;
}

form input[type=datetime-local]
{
	text-transform: uppercase;
	width: 170px;
}

form input[type=datetime-local]:out-of-range
{
	color: var(--color-error-red);
}

form label, .grid-filter-row label
{
	font-weight: bold;
	max-width: 100%;
}

form label.flag-required:after
{
	color: var(--color-error-red);
	content: ' *';
}

form section,
form section > div
{
	display: flex;
	flex-direction: column;
}

form section
{
	gap: 1rem;
	max-width: 100%;
}

form > section
{
	margin-bottom: 2rem;
}

form section :is(h1,h2,h3,h4,h5,h6,hr,p)
{
	margin: 0;
}
/*#endregion form*/

/*#region form-document*/
.form-document
{
	align-items: center;
	display: flex;
	gap: 5px;
}

.form-document > *
{
	cursor: pointer;
}
/*#endregion form-document*/

/*#region e-grid*/
.e-grid
{
	margin: 10px 0;
}

.e-grid:focus
{
	outline: 2px solid #003C71 !important;
	outline-offset: 2px !important;
}

.e-grid div.e-toolbar
{
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.e-grid,
.e-grid .e-headercontent
{
	border-width: 0 !important;
	font-family: inherit !important;
}

.e-grid .e-gridheader
{
	border: 1px solid #500000 !important;
}

.e-grid .e-gridcontent
{
	border: 1px solid #E0E0E0 !important;
	border-top-width: 0 !important;
}

.e-grid .e-gridcontent .e-content
{
	background-color: #FAFAFA;
}

.e-grid .e-gridcontent .e-virtualtrack
{
	height: 1000px;
}

.e-grid .e-gridcontent .e-content > table
{
	border-bottom: 1px solid #E0E0E0;
}

.e-grid .e-gridcontent .e-content > table .e-lastrowcell
{
	border-bottom-width: 0 !important;
}

.e-grid .e-gridheader,
.e-grid tr.e-columnheader th,
.e-grid tr.e-columnheader th > *,
.e-grid .e-checkbox-wrapper:not(.e-checkbox-disabled) span.e-frame.e-check,
.e-dialog .e-checkbox-wrapper:not(.e-checkbox-disabled) span.e-frame.e-check
{
	background-color: #500000 !important;
	color: #FFF !important;
}

.e-grid .e-gridheader .e-checkbox-wrapper:not(.e-checkbox-disabled) .e-frame
{
	background-color: #500000 !important;
	border-color: #FFF !important;
	color: #FFF !important;
}

.e-dialog .e-input-focus::before,
.e-dialog .e-input-focus::after
{
	background-color: #500000 !important;
}

.e-dialog .e-excl-filter-icon.e-filtered::before,
.e-dialog .e-btn.e-primary
{
	color: #500000 !important;
}

.e-grid .e-icon-filter.e-filtered::before
{
	color: #FCE300 !important;
}

.e-radio:checked + label::before
{
	border-color: #500000 !important;
}

.e-radio:checked + label::after
{
	background-color: #500000 !important;
	color: #500000 !important;
}

.e-grid th:focus,
.e-grid th:focus-within,
.e-grid td.e-focused:not(.e-menu-item):focus,
.e-grid td.e-focused:not(.e-menu-item):focus-within,
.e-grid td:focus-within
{
	box-shadow: 0 0 0 2px #003C71 inset !important;
}

/*.e-grid th:focus,
.e-grid th:focus-within,
.e-grid td.e-focused:not(.e-menu-item):not([aria-label*="onclick"]):focus,
.e-grid td.e-focused:not(.e-menu-item):not([aria-label*="onclick"]):focus-within,
.e-grid td:not([aria-label*="onclick"]):focus-within
{
	box-shadow: 0 0 0 2px #003C71 inset !important;
}

.e-grid td.e-groupcaption a.e-focus
{
	outline: 2px solid #003C71 !important;
	outline-offset: 2px !important;
}*/

.e-grid tr.row-locked td
{
	background-color: #A7A7A7 !important;
}

tr.row-locked td.e-gridchkbox div.e-checkbox-wrapper
{
	cursor: default;
}

tr.row-locked td.e-gridchkbox span.e-frame.e-icons
{
	background-color: #757575;
	color: #FFF;
	cursor: default;
}

tr.row-locked td.e-gridchkbox span.e-frame.e-icons::before
{
	content: '\e932';
}

/*.e-grid .row-remove:before
{
	color: #000;
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle
}*/

.e-grid tr.row-add td,
span.row-add
{
	background-color: #3ED48865;
}

.e-grid tr.row-remove td,
span.row-remove
{
	background-color: #E4002B65 !important;
}

.e-grid tr.row-split td,
span.row-split
{
	background-color: #FCE30065;
}

.e-grid .row-action > img
{
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
}

.e-grid tr.row-remove .row-action > img
{
	transform: rotate(45deg);
}
/*#endregion e-grid*/

/*#region help-table*/
table.help-table
{
	background-color: #ffffff;
	border: 1px solid #500000;
}

.help-table tr.primary-header
{
	background-color: #500000;
	color: #ffffff;
	font-weight: bold;
}

.help-table tr.secondary-header > td
{
	font-weight: bold;
	padding-top: 1.5em;
	text-align: center;
	text-decoration: underline;
	vertical-align: bottom;
}

.help-table tr.secondary-header > td:first-of-type
{
	text-align: left;
}

.help-table td
{
	padding: 4px;
}
/*#endregion help-table*/

#_incidentForm section div > p
{
	margin: 0 0 0 10px;
}

#_incidentForm section td
{
	min-height: 28.5px;
	vertical-align: top;
}

#_incidentForm .tamu-table td :is(input, select)
{
	display: block;
	height: 26px;
}

/*#region notes-block*/
.notes-block
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.notes-block .notes-block-list
{
	display: none;
	max-height: 200px;
	min-height: 10px;
	overflow: auto;
	width: 100%;
}

.notes-block .notes-block-list:has(tbody tr)
{
	display: initial;
}

@media (min-width: 500px)
{
	.notes-block-submit
	{
		flex-wrap: nowrap;
	}
}

.notes-block-submit button
{
	white-space: nowrap;
}
/*#endregion notes-block*/