/*
		This css file is for any overrides to telerik controls
*/


/*
    Telerik Button Styles

*/

.k-button-solid-secondary {
	border-color: #0070b9;
	color: white;
	border-radius: 0;
	background-color: #0070b9;
}

	.k-button-solid-secondary:hover {
		border-color: #0070b9;
		border-radius: 0;
		color: white;
		background-color: #0070b9;
	}

.k-button-solid-primary {
	border-color: #f26724;
	color: white;
	border-radius: 0;
	background-color: #f26724;
}

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

.k-button-solid-primary:hover {
	border-color: #f26724;
	color: white;
	border-radius: 0;
	background-color: #f26724;
}


.k-button:disabled, .k-button.k-disabled {
	border-color: #D8DFE1;
	background-color: #D8DFE1;
	color: #000000
}


.trs-outline-button-primary.k-button {
	background-color: transparent;
	color: #f26724;
	border-color: #f26724;
}

	.trs-outline-button-primary.k-button:hover,
	.trs-outline-button-primary.k-button:focus,
	.trs-outline-button-primary.k-button:active {
		background-color: transparent;
		color: #f26724;
		border-color: #f26724;
	}

.trs-outline-button-secondary.k-button {
	background-color: transparent;
	color: #132048;
	border-color: #132048;
}

	.trs-outline-button-secondary.k-button:hover,
	.trs-outline-button-secondary.k-button:focus,
	.trs-outline-button-secondary.k-button:active {
		background-color: transparent;
		color: #132048;
		border-color: #132048;
	}


/*PAYMENT HISTORY GRID*/
.k-table-td .k-hierarchy-cell {
	color: white;
}

.TRSGrid_MCTIS .k-cell-inner {
	border: 0px;
}

.TRSGrid_MCTIS button.no-bg {
	color: #a0a0a0 !important;
	background-color: transparent !important;
}

.TRSGrid_MCTIS .k-table-tbody .k-table-row:hover, .TRSGrid_MCTIS .k-table-list .k-table-row:hover, .TRSGrid_MCTIS .k-table-tbody .k-table-row.k-hover, .TRSGrid_MCTIS .k-table-list .k-table-row.k-hover {
	background-color: #fff;
}

.TRSGrid_MCTIS .no-expand-column .k-grid-content colgroup col:first-of-type,
.TRSGrid_MCTIS .no-expand-column .k-grid-header thead th:first-of-type,
.TRSGrid_MCTIS .no-expand-column .k-grid-header colgroup col:first-of-type {
	width: 0px;
}

.TRSGrid_MCTIS .no-expand-column .k-grid-content td.k-hierarchy-cell * {
	display: none;
}

.TRSGrid_MCTIS .k-grid-header-table {
	width: 100% !important;
}

.TRSGrid_MCTIS .k-grid-header-table, .TRSGrid_MCTIS .k-grid-table {
	width: 100% !important;
}

.TRSGrid_MCTIS .k-grid-content {
	overflow-y: scroll !important;
}

.TRSGrid_MCTIS.k-grid {
	border-top: 1px solid #132048 !important;
	max-height: 765px;
}

.TRSGrid_MCTIS .k-table, .TRSGrid_MCTIS .k-data-table {
	color: #383838;
}

.TRSGrid_MCTIS .k-table-td div.cell-alt {
	color: #132048;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
}

.TRSGrid_MCTIS .k-grid.k-grid td {
}

.TRSGrid_MCTIS th.k-header.k-touch-action-none.k-table-th.right-aligned-button {
	border: none !important;
}

.TRSGrid_MCTIS .k-column-title {
	z-index: 1;
}

.TRSGrid_MCTIS .k-grid-header {
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #132048 !important;
}

.TRSGrid_MCTIS .right-aligned-button {
	float: right;
	text-align-last: right;
	justify-content: end;
	width: 100%;
}

.TRSGrid_MCTIS .customBtnHeight {
	height: 20px;
}

.TRSGrid_MCTIS .right-aligned-column {
	text-align-last: right;
	justify-content: right;
}

.TRSGrid_MCTIS .k-grid-header-table .k-table .k-table-md {
	width: 100%;
}

.TRSGrid_MCTIS table.k-grid-header-table.k-table.k-table {
	width: 100%;
}

.TRSGrid_MCTIS th.k-header.k-touch-action-none.k-table-th.right-aligned-button {
	border: none !important;
}

.TRSGrid_MCTIS .k-column-title {
	z-index: 1;
}

.TRSGrid_MCTIS .k-grid-pager {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border: none;
	background: none;
	border-top: 1px solid lightgrey;
}

	.TRSGrid_MCTIS .k-grid-pager:focus {
		border-bottom: none;
		border-left: none;
		border-right: none;
		border: none;
		background: none;
		border-top: 1px solid lightgrey;
	}

.TRSGrid_MCTIS .k-pager-info {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.005em;
	color: #383838;
}

.pager_MCTIS .k-button-flat-primary {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.0025em;
	color: #006EB5 !important;
}

.pager_MCTIS .k-picker-solid {
	background-color: white;
}

.TRSGrid_MCTIS .k-pager-numbers {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1rem;
	color: #0070b9;
	background: white;
	border-width: 1px;
	border-color: #dee2e6;
	border-radius: 0.375rem;
	display: flex;
	list-style: none;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.0025em;
	color: #006EB5 !important;
}

	.TRSGrid_MCTIS .k-pager-numbers:hover {
		color: #005a94;
		border-color: #dee2e6;
	}

	.TRSGrid_MCTIS .k-pager-numbers:focus {
		color: #005a94;
	}

	.TRSGrid_MCTIS .k-pager-numbers:active {
		color: white;
		border-color: #132048;
	}

	.TRSGrid_MCTIS .k-pager-numbers:disabled {
		color: rgba(56, 56, 56, 0.75);
		border-color: #dee2e6;
	}

.TRSGrid_MCTIS .k-grid-table .k-master-row {
	background-color: #F3F3F3 !important;
}

	.TRSGrid_MCTIS .k-grid-table .k-master-row.k-table-alt-row {
		background-color: #FFFFFF !important;
	}

.k-grid th.k-header, .k-grid th.k-header div {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 170%;
	/* or 27px */
	text-align: center;
	letter-spacing: 0.004em;
	color: #132048;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 14px;
	background-color: #fff;
}

.TRSGrid_MCTIS .k-table-tfoot {
	background-color: white;
}

.TRSGrid_MCTIS tbody td.k-table-td {
	border: 0;
	padding-left: 24px;
}

.TRSGrid_MCTIS tfoot td.k-table-td {
	border: 0;
	color: #132048;
}

	.TRSGrid_MCTIS tfoot td.k-table-td div {
		margin-left: 17px;
	}

.TRSGrid_MCTIS td.k-table-td div {
	margin-left: 7px;
}

.TRSGrid_MCTIS .k-grid-aria-root {
	border-bottom: 1px solid #132048;
}

.TRSGrid_MCTIS .k-grid-footer {
	border: 0;
	background-color: white;
}

.TRSGrid_MCTIS .k-grid-footer-wrap {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}


.TRSGrid_MCTIS .k-table-thead .k-table-row .k-header {
	border: 0;
}

.TRSGrid_MCTIS .k-grid-container {
	border-top: 0;
	border-bottom: 1px solid #132048;
}


.k-grid col.k-sorted, .k-grid .k-table-th.k-sorted,
.k-grid col.k-sorted .inner-box-thin, .k-grid .k-table-th.k-sorted .inner-box-thin
.k-grid col.k-sorted .inner-box-borderless, .k-grid .k-table-th.k-sorted .inner-box-borderless {
	background-color: #ffffff;
}

.k-input-button {
	width: auto;
	border-width: 0;
	flex: none;
	aspect-ratio: auto;
	box-shadow: none;
}

.k-button-solid-base {
	border-color: white;
	color: black;
	border-radius: 0;
	background-color: white;
}

	.k-button-solid-base:hover {
		border-color: white;
		color: black;
		border-radius: 0;
		background-color: white;
	}

.k-cell-inner {
	border-left: 1px solid #d3d3d3;
}


.k-grid .k-grid-header {
	border-bottom: 1px solid var(--bs-heading-color);
	border-top: 1px solid var(--bs-heading-color);
	display: block !important;
}

.k-grid .k-grid-header {
	border-bottom-width: 1px;
	border-top-width: 1px;
	display: block !important;
}

.k-grid-pager {
	border-top: 1px solid var(--bs-heading-color) !important;
}

.k-grid .k-cell-inner > .k-link {
	width: auto;
	display: flow;
	align-items: start;
	justify-content: start;
	flex: none !important;
	overflow: hidden;
}


.k-grid .k-table-alt-row {
	background-color: #F3F3F3;
}

div.h70 {
	height: 70px !important;
}

.k-grid.k-grid td {
	padding-left: 16px;
}


.k-grid a {
	text-color: #006eb5 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

.trs-datepicker .trs-textbox {
	height: 48px;
}

	.trs-datepicker .trs-textbox:focus-within, .trs-datepicker k-picker-solid:focus-within {
		border: 2px solid #132048 !important;
	}

.trs-datepicker .textCounter {
	color: #717171;
	right: 0px;
	position: absolute;
	font-size: 12px;
	font-family: Roboto;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.05px;
	word-wrap: break-word
}

.trs-datepicker .k-floating-label-container > .k-label,
.trs-datepicker .k-floating-label-container.k-focus > .k-label,
.trs-datepicker .k-floating-label-container:focus-within > .k-label {
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

/* Set the initial position of the label when the input is empty */
.trs-datepicker .k-floating-label-container.k-empty > .k-label {
	top: calc(2.1rem + 1px) !important;
	left: calc(0.75rem + 1px) !important;
}

/* Adjust the label position when the input is focused or contains text */
.trs-datepicker .k-floating-label-container.k-focus > .k-label,
.trs-datepicker .k-floating-label-container:not(.k-empty) > .k-label {
	top: 15px !important;
	left: 10px !important;
	font-size: 12px;
	color: #132048;
}

/* Adjust the font size of the label when the input contains text but is not focused */
.trs-datepicker .k-floating-label-container:not(.k-empty):not(.k-focus) > .k-label {
	font-size: 12px;
}

/* Remove any transformations when the input is focused */
.trs-datepicker .k-floating-label-container:focus-within > .k-label {
	transform: none !important;
	transform-origin: center !important;
}

.trs-datepicker .k-label {
	color: #717171;
	font-size: 16px;
	font-family: Roboto;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.08px;
	word-wrap: break-word
}

.trs-datepicker .k-form-field-wrap {
	height: 48px;
}

	.trs-datepicker .k-form-field-wrap:has(.k-form-error) > .k-textbox.k-input {
		border: 1px solid red !important;
	}

.trs-datepicker .k-textbox .k-input .k-valid .telerik-blazor .k-input-solid .k-rounded-md .k-input-md {
	border-radius: 2px;
	border: 1px solid grey;
	height: 48px !important;
}

.trs-datepicker .k-input-solid {
	height: 48px !important;
	border-radius: 2px;
}

	.trs-datepicker .k-input-solid:focus, .trs-datepicker .k-input-solid.k-focus {
		box-shadow: none;
		border: 1px solid #132048;
	}

	.trs-datepicker .k-input-solid:focus-within {
		box-shadow: none;
		border: 1px solid #132048;
	}

	.trs-datepicker .k-input-solid.k-invalid {
		border: 1px solid #FF0000;
	}

		.trs-datepicker .k-input-solid.k-invalid:focus, .trs-datepicker .k-input-solid.k-invalid.k-focus, .k-input-solid.ng-invalid.ng-touched:focus, .k-input-solid.ng-invalid.ng-touched.k-focus, .k-input-solid.ng-invalid.ng-dirty:focus, .trs-datepicker .k-input-solid.ng-invalid.ng-dirty.k-focus {
			box-shadow: none;
			border: 1px solid #FF0000 !important;
		}

.trs-datepicker .k-floating-label-container:focus-within > .k-label {
	color: #132048 !important;
}

.trs-datepicker .k-floating-label-container:has(.k-form-error) > .k-label {
	color: red !important;
}

.trs-datepicker .k-form-error,
.trs-datepicker .k-text-error,
.trs-datepicker .k-form-field-error .k-label {
	color: #FF0000;
	padding-left: 18px;
	font-size: 12px;
	font-family: Roboto;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.05px;
	word-wrap: break-word
}

.trs-datepicker .k-form-hint {
	padding-right: 18px;
}

.trs-datepicker .k-floating-label-container {
	height: 5rem;
}


.trs-datepicker .trs-textarea,
.trs-datepicker .trs-textbox,
.trs-datepicker .k-picker-solid,
.trs-datepicker .file-upload-frame {
	border: 1px solid #8c8c8c !important;
}

	/* Focus state for .trs-textbox and .trs-textarea */
	.trs-datepicker .trs-textbox:focus,
	.trs-datepicker .trs-textarea:focus {
		border: 1px solid #132048 !important;
	}

	/* Assuming .k-picker-solid and .file-upload-frame have input elements you want to detect focus on */
	.trs-datepicker .k-picker-solid:focus-within,
	.trs-datepicker .file-upload-frame:focus-within {
		border: 1px solid #132048 !important;
	}

	/* If .trs-textbox and .trs-textarea are wrapped and need focus-within */
	.trs-datepicker .trs-textbox:focus-within,
	.trs-datepicker .trs-textarea:focus-within {
		border: 1px solid #132048 !important;
	}


.cancel-btn.k-button-solid-secondary {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #132048;
	background-color: white;
	height: 48px;
}

	.cancel-btn.k-button-solid-secondary:hover {
		border-color: #0070b9;
		border-radius: 0;
		color: white;
		background-color: #0070b9;
	}



/* tabstrip - start */

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
	border-bottom-width: 5px;
	border-bottom-color: #006eb5 !important;
}

.k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover {
	color: #383838 !important;
	border-color: #fff;
}

.k-tabstrip-items-wrapper .k-item {
	color: #383838;
	font-size: 22px;
	font-family: Roboto;
	font-weight: bold;
	min-width: 120px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
	border: 0;
	padding-block-start: 0px;
	padding-block-end: 0px;
	padding-inline-start: 0px;
	padding-inline-end: 0px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
	border: 0;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
	box-shadow: none !important;
}

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
	border-color: #fff;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
	border-bottom-width: 3px;
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
	outline-color: #fff;
}


.k-tabstrip-item.k-item.k-state-default > .k-link {
	color: var(--bs-secondary);
}

/* tabstrip - end */