/*
		This file is for any site wide css needed not defined in the figma design and not part of a telerik customization

*/

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 3.5rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.navbar {
	background-color: #070F27;
	display: flex;
	justify-content: center;
}

.navbar-inner {
	width: 100% !important;
	justify-content: center;
	display: flex;
}

.sub-navbar {
	background-color: #FFFFFF;
	display: flex;
}

.sub-navbar-inner {
	display: flex;
	justify-content: center; /* Horizontally center the buttons */
	align-items: center; /* Vertically center the buttons */
	width: 100% !important;
	padding: 15px;
}

	.navbar-inner > .t-button, .sub-navbar-inner > .t-button {
		color: white;
		background-color: transparent;
		border: none;
		margin: 0;
		padding: 10px;
		cursor: pointer;
		text-decoration: none;
	}

		.navbar-inner > .t-button:hover, .sub-navbar-inner > .t-button:hover {
			background-color: #495057;
		}

.selected {
	color: #F26724 !important;
}

.navbar-button {
	margin-left: 1%;
	background-color: #070F27;
	border: none;
	color: #FFFFFF;
	font-family: 'Roboto';
}

.sub-navbar-button {
	background-color: #FFFFFF;
	border: none;
	margin-left: 3%;
	font-family: 'Roboto';
	color: #132048;
	font-weight: bold;
}

.card-container {
	border-top: 10px #f26724 solid;
	padding: 5rem;
}

.card-center {
	display: flex;
	justify-content: center;
}

.card-title {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}

.list-space {
	margin-bottom: 10px;
}

.trs-mt-400 {
	margin-top: 28rem !important;
}

.navigationLink {
	text-align: right;
}

a.navigationLink:link {
	text-decoration: none;
}

a.navigationLink:visited {
	text-decoration: none;
}

a.navigationLink:hover {
	text-decoration: none;
}

a.navigationLink:active {
	text-decoration: none;
}

.inner-box-borderless {
	border: 0;
	padding: 8px;
}

span.form-placeholder:empty:before {
	content: "\200b";
}

.trs-three-dots-vertical {
	background-image: url('../images/three-dots-vertical.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.trs-normal-font {
	font-weight: normal !important;
}

.trs-controle-width {
	width: 98% !important;
}

.trs-control-width100 {
	width: 100% !important;
}

.trs-button-find {
	width: 135px;
	margin-top: 24px;
	height: 48px !important;
}

.trs-outline-button-secondary {
	height: 48px;
	width: 135px;
}

.trs-btn-h32 {
	height: 32px !important;
}

.trs-btn-w112-h32 {
	width: 112px !important;
	height: 32px !important;
}

h1.f28 {
	font-size: 28px;
}

.trs-export {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 15px;
}

.trs-combobox-list {
	height: 48px !important;
}

.trs-payee-width {
	width: 99% !important;
}

.trs-header-borderless > span {
	border-left: none !important;
}

.trs-grid-top-border .k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {
	d: path("m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z");
}

.trs-grid-top-border .k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {
	d: path("m129.941 353.941 126.06-126.06 126.061 126.06L416 320 256.001 160 96 320z");
}

.accountstring {
	text-color: #132048 !important;
	font-weight: bold !important;
}

.secondary-bg {
	background-color: #f3f3f3;
}

.text-black {
	background-color: black;
	color: #FFFFFF !important;
}

.text-orange {
	background-color: #F26724;
	color: #FFFFFF;
}

.text-red {
	color: #FF0000 !important;
}

.sub-heading {
	padding: 5px;
}

.no-space {
	font-size: 0;
}

	.no-space span {
		font-size: large;
		font-weight: 700;
	}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
	border: none;
}

.k-tabstrip-items .k-link {
	font-size: 20px;
	font-weight: 700;
	font-family: 'Roboto';
}


k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item .disabled {
	opacity: 0.4;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
	color: #006EB5 !important;
	border-bottom: 3px solid #006EB5 !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
	padding: 0px !important;
}

.bannertext {
	color: #132048 !important;
	font-weight: bold !important;
}

.left-wrap {
	white-space: normal;
	vertical-align: middle;
	overflow-wrap: break-word;
}

.overflow-wrap {
	white-space: normal;
	overflow-wrap: break-word;
}

.checkcircle {
	color: #1E988A !important;
}

.warningcircle {
	color: #FF291D !important;
}

.trs-alert {
	background-color: #F3F3F3;
	justify-content: center;
}

.trs-error {
	color: #FF291D;
}

.borderless-left {
	border-left: none !important;
}

.border-disabled {
	border-bottom: 1px solid #D8DFE1 !important;
}

.warning {
	font-size: 24px;
	color: #FF291D;
}

.success {
	font-size: 24px;
	color: #1E988A;
}

.disabled {
	color: #C6C6C6 !important;
	pointer-events: none;
}

.gltransfer-container {
	background-color: #F3F3F3;
	width: 100%;
	height: 414px;
	position: relative;
}

	.gltransfer-container .transaction-date-box {
		margin: 50px 20px 50px 56px !important;
	}

	.gltransfer-container .onbase-box {
		margin: 50px 56px 50px 20px !important;
	}

.gltransfer-header {
	margin: 80px 1198px 40px 56px !important;
}

	.gltransfer-header .text {
		margin-bottom: 0px !important;
	}

.gltransfer-container-editable-grid {
	margin: 50px !important;
}

.tooltip-content {
	background-color: #F3F3F3 !important;
	Width: 197px;
	Height: 58px;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: 400;
	color: #383838;
	text-align: center;
	align-content: center;
	border-radius: 0px !important;
}

.editable-grid-separator {
	border: 1px solid #D8DFE1;
}

.gltransfer-help-icon {
	font-size: 20px !important;
}

.w90 {
	width: 90% !important;
}

.subitbutton {
	width: 133px !important;
	height: 48px !important;
	text-transform: capitalize;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-banner-widget {
	background-color: #132048;
	color: #FFFFFF !important;
}

.trs-create-button {
	height: 48px;
	width: 155px;
}

.borderless {
	border: 0 !important;
}

.pointer-off {
	pointer-events: auto;
}

.modal-backdrop {
	--bs-backdrop-zindex: 1050;
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.5;
	position: inherit;
	top: inherit;
	left: inherit;
	z-index: inherit;
	width: inherit;
	height: inherit;
	background-color: inherit;
}

	.modal-backdrop.fade {
		opacity: inherit;
	}

	.modal-backdrop.show {
		opacity: inherit;
	}


.modal.show .modal-dialog {
	transform: initial !important;
}

.h316 {
	height: 316px !important;
}

.fontCheckMark {
	color: green;
	font-size: 3em;
}

.bullet-view {
	list-style-type: disc;
}

.shadowBox {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.ml-5 {
	margin-left: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.bar-container {
	display: flex;
	align-items: center;
	width: 100%;
}

.bar {
	flex-grow: 1;
	border: none;
	border-top: 1px solid #000;
	margin: 0 10px;
}

/* === Global Telerik dropdown hover/selected colors === */
:root {
	--aw-dd-hover-bg: #132048; /* hover navy */
	--aw-dd-hover-fg: #ffffff; /* hover text */
	--aw-dd-selected-bg: #0f2d5c; /* selected navy (slightly darker) */
	--aw-dd-selected-fg: #ffffff; /* selected text */
}

/* Hover color change */
.k-animation-container .k-list .k-item.k-hover,
.k-animation-container .k-list .k-item:hover,
.k-popup .k-list .k-item.k-hover,
.k-popup .k-list .k-item:hover,
.k-animation-container .k-list .k-list-item.k-hover,
.k-animation-container .k-list .k-list-item:hover,
.k-popup .k-list .k-list-item.k-hover,
.k-popup .k-list .k-list-item:hover {
	background-color: #0d2a5b !important;
	color: #fff !important;
}

/* Selected/active row (mouse or keyboard) */
.k-animation-container .k-list .k-item.k-selected,
.k-popup .k-list .k-item.k-selected,
.k-animation-container .k-list .k-list-item.k-selected,
.k-popup .k-list .k-list-item.k-selected,
.k-animation-container .k-list .k-list-item.k-focus,
.k-popup .k-list .k-list-item.k-focus {
	background-color: var(--aw-dd-selected-bg) !important;
	color: var(--aw-dd-selected-fg) !important;
}

/* Telerik DropDownList / ComboBox popup: hover color only  */
.k-animation-container .k-list .k-list-item:hover,
.k-animation-container .k-list .k-list-item.k-hover,
.k-animation-container .k-list .k-item:hover,
.k-animation-container .k-list .k-item.k-hover {
	background-color: #0D2A50 !important; /* deep/navy */
	color: #fff !important;
}

/* Selected item color (when actually selected) */
.k-animation-container .k-list .k-list-item.k-selected,
.k-animation-container .k-list .k-item.k-selected {
	background-color: #132048 !important;
	color: #fff !important;
}

/* Do NOT force a color on the focused item so the first row isn't always blue */
.k-animation-container .k-list .k-focus {
	background: transparent !important;
	color: inherit !important;
}

.bg-footer {
	background-color: #131D28 !important;
}