:root {
	--E4-White: #FFFFFF;
	--E4-WhiteFeather: #FFFFFF30;
	--E4-LightGray: #F3F3F6;
	--E4-LightGrayFeather: #F3F3F630;
	--E4-MiddleGray: #AAAAAA;
	--E4-MiddleGrayFeather: #AAAAAA30;
	--E4-DarkGray: #5D5D5D;
	--E4-DarkGrayFeather: #5D5D5D30;
	--E4-Black: #000000;
	--E4-BlackFeather: #00000030;
	--E4-LightWhiteBlue: #EEF3FF;
	--E4-LightWhiteBlueFeather: #EEF3FF30;
	--E4-LightBlue: #B6D6FF;
	--E4-LightBlueFeather: #B6D6FF30;
	--E4-MiddleBlue: #699CF6;
	--E4-MiddleBlueFeather: #699CF630;
	--E4-MainBlue: #2D71E9;
	--E4-MainBlueFeather: #2D71E930;
	--E4-DarkBlue: #1C4D8F;
	--E4-DarkBlueFeather: #1C4D8F30;
	--E4-LightRed: #F13F00;
	--E4-LightRedFeather: #F13F0030;
	--E4-MainRed: #C52026;
	--E4-MainRedFeather: #C5202630;
	--E4-MiddleRed: #A51514;
	--E4-MiddleRedFeather: #A5151430;
	--E4-DarkRed: #6F1413;
	--E4-DarkRedFeather: #6F141330;
	--E4-TQDarkGrayFeather: #CCCCCC30;
	--Primary: #116184;
	--Secondary: #0D6EFD;
	--SecondaryLight: #0D6EFD30;
	--Tertiary: #B5B5B5;
	--Orange: #F98309;
	--BootGray: #6C757D;
	--Gray: #EFEFEF;
	--LightGray: #F8F9FA;
	--BootDarkGray: #343A40;
	--BootDarkGrayFeather: #343A4030;
	--DarkGray: #CCCCCC;
	--DarkGrayFeather: #CCCCCC30;
	--Disabled: #BFC6D0;
	--White: var(--E4-White);
	--Black: #22191A;
	--Sidebar: #FAFBFC;
	--Body: var(--E4-LightGray);
	--Yellow: #FAD300;
}

* {
	box-sizing: border-box;
}

.main {
	width: calc(100vw - 20px);
}

.alert-warning {
	color: #856404;
	background-color: #FFFCF2;
	border-color: #FFF3CC;
}

/*.k-list-scroller {
    scrollbar-width: thin;
    scrollbar-color: var(--Secondary) var(--Tertiary);
}

    .k-list-scroller::-webkit-scrollbar {
        width: 8px;
        background: rgb(204, 204, 204);
    }*/
:root {
	/*scrollbar-color: var(--Secondary) var(--Tertiary);
    scrollbar-width: thin;*/
}

label {
	margin-bottom: 0;
	margin-top: 0.25rem;
}


::-webkit-scrollbar {
	height: 12px;
	width: 12px;
	background: var(--Tertiary);
}

::-webkit-scrollbar-thumb {
	background: var(--Secondary);
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background: #000;
}

::-webkit-scrollbar-button:single-button {
	background-color: #bbbbbb;
	display: block;
	border-style: solid;
	height: 13px;
	width: 16px;
}
	/* Up */
	::-webkit-scrollbar-button:single-button:vertical:decrement {
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #555555 transparent;
	}

		::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
			border-color: transparent transparent #777777 transparent;
		}
	/* Down */
	::-webkit-scrollbar-button:single-button:vertical:increment {
		border-width: 8px 8px 0 8px;
		border-color: #555555 transparent transparent transparent;
	}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
	border-color: #777777 transparent transparent transparent;
}

.main .top-row {
	position: relative;
	justify-content: flex-start;
}

/*.top-row.header-display {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}*/


@media (max-width: 768px) { /* For small screens */
	#app {
		flex-direction: row;
	}

	.top-row.header-display {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}

#app {
	position: relative;
	display: flex;
	flex-direction: column;
}

.max-height-400px {
	max-height: 400px;
}

.bold-header .k-column-title {
	font-weight: bold;
}

.small-square {
	height: 20px !important;
	width: 20px !important;
}

.vertical-line {
	border-left: 3px solid gray;
	height: 2rem;
}

/*.content {
    background-color: var(--White);
    border-radius: 4px;
    border: 1px solid var(--E4-MiddleGray);
    margin: 2.8125rem;
    margin-bottom: 1rem !important;
    padding: 32px;
    overflow: auto;
}*/
.content {
	background-color: var(--White);
	border-radius: 4px;
	border: 1px solid var(--E4-MiddleGray);
	padding: 32px; /* General padding */
	overflow: auto;
}

@media (max-width: 768px) { /* For small screens */
	.content {
		padding: 16px; /* Reduced padding for small screens */
		margin: 0; /* No margin for small screens */
		border: none; /* No border for small screens */
	}
}

@media (min-width: 768px) and (max-width: 1200px) { /* For medium screens */
	.content {
		padding: 24px; /* Reduced padding for medium screens */
		margin: 1.5rem; /* Reduced margin for medium screens */
	}
}

@media (min-width: 1200px) { /* For large screens */
	.content {
		margin: 2.8125rem; /* Original margin for large screens */
	}
}

.calcWidth {
	flex: 1;
	width: calc(100vw - 340px);
}

a, .btn-link {
	color: var(--Secondary);
}

	a.grid-link:hover {
		color: var(--E4-MainRed);
	}

	a:hover, .btn-link:hover {
		color: var(--Primary);
	}


.blazored-toast-container {
	z-index: 100000000 !important;
}

	.blazored-toast-container .blazored-toast {
		max-width: 480px !important;
		min-width: 320px !important;
		width: 80vw !important;
	}

		.blazored-toast-container .blazored-toast .blazored-toast-message {
			font-size: 1rem;
		}

div.filterSmall {
}


	div.filterSmall .k-datepicker,
	div.filterSmall .k-numerictextbox,
	div.filterSmall .k-textbox {
		padding: 0 !important;
		height: 20px;
	}

	div.filterSmall .k-filter-row td {
		padding: 0.1rem;
	}

	div.filterSmall .k-filtercell-operator {
		height: 20px;
		width: 40px;
	}

		div.filterSmall .k-filtercell-operator > .k-icon-button {
			aspect-ratio: 1;
			display: inline-flex;
			height: 20px;
		}

	div.filterSmall .k-input-inner {
		height: auto !important;
	}

	div.filterSmall .k-picker {
		height: 20px;
	}

		div.filterSmall .k-picker > .k-button {
			width: 100%;
		}

.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.k-button-solid-base,
.k-combobox > .k-button,
.k-dropdowngrid > .k-button {
	background-color: var(--E4-LightBlue);
}

.k-checkbox:focus {
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.k-input-solid {
	border-color: var(--E4-MiddleGray);
}

.k-input:focus-within {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.k-grid {
	background-color: var(--LightGray);
}

	.k-grid .k-column-title {
		white-space: nowrap;
	}

	.k-grid .k-grid-footer td,
	.k-grid .k-grid-footer .k-table-td {
		border-left-color: transparent;
	}

	.k-grid .k-grid-header th .k-cell-inner > .k-link {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: break-word;
	}

	.k-grid .k-toolbar {
		background-color: var(--LightGray);
	}

	.k-grid .k-grid-footer,
	.k-grid .k-grid-footer .k-table-tfoot,
	.k-grid .k-grid-header,
	.k-grid .k-grid-header .k-grid-header-sticky {
		background-color: var(--E4-LightWhiteBlue);
	}

	.k-grid .k-grid-header-sticky,
	.k-grid .k-grid-content-sticky {
		border-color: #dee2e6 !important;
	}

	.k-grid .k-grid-norecords > td {
		background-color: var(--E4-LightBlue);
	}

	.k-grid .k-input,
	.k-grid .k-command-cell .k-button {
		font-size: 12px;
	}

	/*.k-grid td {
    }*/

	/*.k-grid td > .k-button:not(.k-input-button) {
        }*/

	.k-grid td > .k-button:not(.k-input-button):active {
		background-color: transparent;
	}

	.k-grid td > .k-button:not(.k-input-button):focus {
		box-shadow: none;
	}

	.k-grid td.k-command-cell .k-button[class*="cmd"] {
		background-color: var(--E4-White);
		border: 1px solid transparent;
		padding: 0.25em 0.5em;
	}

	.k-grid td.k-command-cell .k-button.cmd-gray {
		border-color: var(--BootGray);
		color: var(--BootGray);
	}

		.k-grid td.k-command-cell .k-button.cmd-gray:hover {
			border-color: var(--BootDarkGray);
			color: var(--BootDarkGray);
		}

	.k-grid td.k-command-cell .k-button.cmd-blue {
		border-color: var(--E4-MainBlue);
		color: var(--E4-MainBlue);
	}

.text-blue {
	color: var(--E4-MainBlue);
}

	.text-blue:hover {
		color: var(--E4-DarkBlue);
	}

.k-grid td.k-command-cell .k-button.cmd-blue:hover {
	border-color: var(--E4-DarkBlue);
	color: var(--E4-DarkBlue);
}

.k-grid td.k-command-cell .k-button.cmd-red {
	border-color: var(--E4-MainRed);
	color: var(--E4-MainRed);
}

	.k-grid td.k-command-cell .k-button.cmd-red:hover {
		border-color: var(--E4-DarkRed);
		color: var(--E4-DarkRed);
	}

.k-grid a {
	color: inherit;
}

.k-grid td a.grid-link:hover {
	color: var(--E4-MainBlue);
}

.k-grid .k-filtercell .k-input {
	line-height: 1;
}

.k-grid .k-filtercell .k-icon-button > .k-button-icon {
	min-width: 1rem;
	min-height: 1rem;
}

.k-grid .k-filtercell .k-button {
	border: 1px solid transparent;
}

.k-grid .k-filtercell .k-dropdown-operator .k-button {
	border-width: 0 !important;
}

	.k-grid .k-filtercell .k-dropdown-operator .k-button:hover {
		color: inherit;
	}

.k-grid .k-filtercell .k-i-filter-clear::before {
	font-size: 1em;
}

.k-grid.center-wrap {
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	vertical-align: middle !important;
}

	.k-grid.center-wrap .k-column-title {
		white-space: normal !important;
	}

/*.k-grid .k-grid-content {
    }*/

.k-grid .k-grid-content td.k-table-td {
	border-bottom-width: 1px;
}

	.k-grid .k-grid-content td.k-table-td:focus {
		box-shadow: inset 0 0 0 2px var(--BootDarkGrayFeather) !important;
	}

.k-grid .k-table-row.k-table-alt-row {
	background-color: rgba(0, 0, 0, 0.04);
}

.k-picker {
	border-color: #cccbcb;
}

	.k-picker:not(:hover) {
		background: var(--E4-LightWhiteBlue);
	}

.k-tabstrip-items .k-item {
	color: var(--E4-MainBlue);
}

	.k-tabstrip-items .k-item:hover:not(:active) {
		color: var(--E4-DarkBlue);
	}

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

/* CUSTOM CLASSES */

/*.btn {
}*/

.btn.disabled, .btn:disabled {
	box-shadow: none !important;
	outline: none !important;
	pointer-events: none !important;
}

/*.btn-secondary {
}*/

.btn-secondary:hover {
	background-color: var(--Primary);
}

.btn-outline {
	background-color: var(--E4-White) !important;
	border-width: 2px !important;
}

.btn-gray {
	background-color: var(--BootGray);
	color: var(--E4-White);
}

	.btn-gray:not(.disabled):not(:disabled):focus {
		box-shadow: 0 0 0 0.2rem var(--BootDarkGrayFeather);
	}

	.btn-gray:not(.disabled):not(:disabled):hover {
		background-color: var(--BootDarkGray);
		color: var(--E4-LightGray);
	}

	.btn-gray.btn-outline {
		border-color: var(--BootGray);
		color: var(--BootGray);
	}

		.btn-gray.btn-outline:not(.disabled):not(:disabled):hover {
			border-color: var(--BootDarkGray);
			color: var(--BootDarkGray);
		}

.btn-blue {
	background-color: var(--E4-MainBlue);
	color: var(--E4-White);
}

	.btn-blue:not(.disabled):not(:disabled):focus {
		box-shadow: 0 0 0 0.2rem var(--E4-DarkBlueFeather);
	}

	.btn-blue:not(.disabled):not(:disabled):hover {
		background-color: var(--E4-DarkBlue);
		color: var(--E4-LightGray);
	}

	.btn-blue.btn-outline {
		border-color: var(--E4-MainBlue);
		color: var(--E4-MainBlue);
	}

		.btn-blue.btn-outline:not(.disabled):not(:disabled):hover {
			border-color: var(--E4-DarkBlue);
			color: var(--E4-DarkBlue);
		}

.btn-red {
	background-color: var(--E4-MainRed);
	color: var(--E4-White);
}

	.btn-red:not(.disabled):not(:disabled):focus {
		box-shadow: 0 0 0 0.2rem var(--E4-DarkRedFeather);
	}

	.btn-red:not(.disabled):not(:disabled):hover {
		background-color: var(--E4-DarkRed);
		color: var(--E4-LightGray);
	}

	.btn-red.btn-outline {
		border-color: var(--E4-MainRed);
		color: var(--E4-MainRed);
	}

		.btn-red.btn-outline:not(.disabled):not(:disabled):hover {
			border-color: var(--E4-DarkRed);
			color: var(--E4-DarkRed);
		}

	.btn-gray:not(.btn-outline):disabled,
	.btn-blue:not(.btn-outline):disabled,
	.btn-red:not(.btn-outline):disabled {
		color: var(--E4-White);
	}

.edge4-moduleBox {
	float: left;
	width: 350px;
}

.edge4-moduleBox-column {
	float: left;
	width: 50%;
}

	.edge4-moduleBox-column ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.edge4-moduleBox-column li {
		margin: 1px;
		padding: 0.75rem 1.125rem;
	}

.edge4-moduleHeader {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.edge4-moduleHeader-column {
	flex-grow: 1;
}

	.edge4-moduleHeader-column .edge4-moduleHeader-header {
		margin-right: 1rem;
	}

.edge4-moduleHeader-header {
	border-bottom: 2px solid var(--E4-DarkGrayFeather);
	font-weight: bold;
	padding-bottom: 0.5rem;
	margin-bottom: 0.75rem;
}

.edge4-moduleHeader-sub {
	background-color: var(--E4-LightGray);
	border: 1px solid #cccbcb;
	border-radius: 4px;
	flex-shrink: 0;
	min-width: 35%;
	padding: 1rem 1.5rem;
}

	.edge4-moduleHeader-sub label {
		align-items: center;
		display: inline-flex;
		font-weight: bold;
		margin-top: 0.5rem;
	}

		.edge4-moduleHeader-sub label > i {
			color: var(--Secondary);
			cursor: pointer;
			font-size: 20px;
			margin-left: 0.5rem;
		}

.edge4-moduleHeader-sub-inner {
	display: flex;
	flex-wrap: wrap;
}

	.edge4-moduleHeader-sub-inner .k-input {
		font-size: 12px;
	}

	.edge4-moduleHeader-sub-inner > * {
		height: 40px;
		margin-bottom: 0.5rem;
	}

	.edge4-moduleHeader-sub-inner > :not(:last-child) {
		margin-right: 2rem;
	}
/* Styles for small devices */
@media (max-width: 576px) {
	.edge4-moduleHeader-sub {
		padding: 1rem;
	}

	.edge4-moduleHeader-sub-inner {
		flex-direction: column;
		align-items: flex-start;
	}

		.edge4-moduleHeader-sub-inner .k-dropdownlist {
			margin-right: 0rem;
		}
}



/* Flecha derecha para el botón */
.moduleHeader-navbar-toggler-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: transparent;
	border: none;
	position: relative;
}

.moduleHeader-navbar-toggler .moduleHeader-navbar-toggler-icon::before {
	content: '\2191';
	font-size: 22px;
	color: #000;
}

.moduleHeader-navbar-toggler.collapsed .moduleHeader-navbar-toggler-icon::before {
	content: '\2193';
}

/* Estilo para el menú */
.edge4-moduleHeader-menu {
	display: flex;
	flex-direction: row;
	background: #fff;
	padding: 10px;
	z-index: 2001; /* Asegura que el menú esté por encima de otros elementos */
}

	/* Mostrar el menú en una sola línea */
	.edge4-moduleHeader-menu .nav-link {
		display: block;
		margin-right: 10px;
	}

@media (min-width: 992px) {
	.moduleHeader-navbar-toggler {
		display: none;
	}

	.collapse {
		display: flex !important;
	}

	.edge4-moduleHeader-menu .nav-item {
		position: relative; /* Necesario para posicionar el pseudo-elemento */
		padding: 0 15px; /* Espaciado interno a los ítems */
	}

		.edge4-moduleHeader-menu .nav-item:not(:last-child)::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			border-right: 1px solid #ddd; /* Color y estilo de la línea vertical */
			transform: translateX(50%); /* Ajustar para que la línea esté justo al lado del ítem */
		}
}

@media (max-width: 991px) {
	.edge4-moduleHeader-menu {
		border: 1px solid #ccc;
		font-size: 0.9em;
		flex-direction: column;
		padding: 10px 20px;
		position: absolute;
		top: 100%;
		right: 0;
	}

		.edge4-moduleHeader-menu .nav-item {
			display: block;
			padding: 5px 0; /* Ajusta el espaciado vertical */
			position: relative;
		}

			.edge4-moduleHeader-menu .nav-item form button {
				margin-top: 10px !important;
				margin-left: 0 !important;
			}

			.edge4-moduleHeader-menu .nav-item:not(:last-child)::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				border-bottom: 1px solid #ddd;
				transform: translateY(50%);
			}
}


.edge4-navBar {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--E4-MainBlue);
	height: 56px;
	list-style: none;
	padding-top: 1rem;
}

	.edge4-navBar .edge4-navBar-item {
		background-color: transparent;
		color: var(--E4-White);
		cursor: pointer;
	}

		.edge4-navBar .edge4-navBar-item.edge4-navBar-disabled {
			color: var(--Disabled);
			cursor: not-allowed;
			pointer-events: none;
		}

		.edge4-navBar .edge4-navBar-item > a {
			color: inherit;
			display: inline-flex;
			text-decoration: none;
		}

		.edge4-navBar .edge4-navBar-item span {
			border: 1px solid rgba(255, 255, 255, 0.56);
			border-bottom-width: 0;
			border-top-width: 0;
			display: inline-flex;
			margin: 0.5rem 0;
			padding: 0 1rem;
		}

		.edge4-navBar .edge4-navBar-item:first-child span {
			border-left-color: transparent;
		}

		.edge4-navBar .edge4-navBar-item:last-child span {
			border-right-color: transparent;
		}

		.edge4-navBar .edge4-navBar-item:hover {
			background-color: var(--E4-MiddleGrayFeather);
			color: var(--E4-LightGray);
		}

			.edge4-navBar .edge4-navBar-item:hover span {
				border-color: transparent;
			}

		.edge4-navBar .edge4-navBar-item:active {
			background-color: var(--E4-LightGrayFeather);
			color: var(--E4-Black);
		}

		.edge4-navBar .edge4-navBar-item.edge4-navBar-active {
			background-color: var(--E4-LightGray);
			color: var(--E4-Black);
		}

/* Responsive styles */
@media (max-width: 880px) {
	.edge4-navBar {
		padding: 0.5rem 0;
		justify-content: center;
		height: auto;
	}

		.edge4-navBar .edge4-navBar-item {
			flex: 1 1 auto;
			text-align: center;
			padding: 0;
		}

			.edge4-navBar .edge4-navBar-item span {
				border: 0;
			}
}

.edge4-sideBar {
	background-color: var(--Sidebar);
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 16%);
	list-style: none;
	min-height: 100vh;
	overflow: hidden;
	width: 320px;
	z-index: 1000;
}

.edge4-sideBar-logo {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	position: relative;
}

	.edge4-sideBar-logo img {
		height: 86px;
		object-fit: cover;
		width: 224px;
	}

.edge4-sideBar span.nav-link {
	color: #5D5D5D;
	margin-top: 16px;
}

.edge4-sideBar .nav-item span {
	text-transform: uppercase;
}

.edge4-sideBar .nav-item-sub, .sm-nav-menu .nav-item-sub {
	font-size: 1rem;
	padding: 0;
	line-height: 1.375rem;
	list-style-type: none;
	margin-left: 5px;
}

.edge4-sideBar .nav-item-sub {
	margin-bottom: 2px;
}

.edge4-sideBar .edge4-sideBar-items {
	overflow: hidden;
}

	.edge4-sideBar .edge4-sideBar-items .nav-item-sub a {
		color: var(--E4-Black);
	}

		.edge4-sideBar .edge4-sideBar-items .nav-item-sub a.active {
			color: var(--Primary);
			text-decoration: underline;
		}

		.edge4-sideBar .edge4-sideBar-items .nav-item-sub a:hover {
			color: var(--Secondary);
		}

.edge4-sideBar .session-section {
	background-color: var(--E4-LightWhiteBlue);
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 16%);
	font-size: 12px;
	padding-bottom: 1rem;
}

	.edge4-sideBar .session-section .k-input {
		font-size: 12px;
	}

.edge4-sideBar .session-section-sub {
	align-items: center;
	display: flex;
	padding: 0.5rem 1rem 0 3rem;
}

	.edge4-sideBar .session-section-sub:first-child {
		background-color: var(--E4-MiddleBlue);
		box-shadow: none;
		color: white;
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
		padding-top: 1rem;
	}

	.edge4-sideBar .session-section-sub label {
		flex-shrink: 0;
		font-weight: bold;
		margin-bottom: 0;
		margin-right: 0.5rem;
		margin-top: 0;
	}

.edge4-sideBar-brand {
	display: block;
	margin: 0 auto;
}

@media (max-width: 1199px) {
	.edge4-supervision.row {
		gap: 0.25rem;
	}
}

.edge4-toolbar {
	align-content: center;
	align-items: center !important;
	display: flex !important;
	flex-shrink: 0;
	flex-wrap: wrap !important;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	vertical-align: middle;
	width: 100% !important;
}

	.edge4-toolbar > div {
		align-items: center !important;
		display: flex !important;
	}

	.edge4-toolbar.edge4-toolbar-small,
	.edge4-toolbar.edge4-toolbar-small .k-input {
		font-size: 12px;
	}

.k-window {
	border: none;
}

	.k-window .k-window-titlebar {
		background-color: var(--E4-MainBlue);
		border-color: var(--E4-MainBlue);
		color: var(--E4-White);
		position: relative;
	}

		.k-window .k-window-titlebar .k-window-title {
			align-items: center;
			display: flex;
			font-size: 1.5rem;
			font-weight: bolder;
			justify-content: center;
		}

			.k-window .k-window-titlebar .k-window-title i {
				font-size: 1.25rem;
			}

	/*.k-window .k-window-content {
    }*/

	.k-window .k-window-content .action-buttons {
		text-align: right !important;
	}

		.k-window .k-window-content .action-buttons .btn {
			padding: 0 32px;
		}

	.k-window .k-window-content hr {
		background-color: var(--Gray);
		margin-left: -1rem !important;
		margin-right: -1rem !important;
	}

	.k-window .k-window-content .top-section {
		align-items: center;
		background-color: var(--DarkGray);
		display: flex;
		gap: 0.25rem;
		margin: -1rem -1rem 0;
		padding: 1.125rem 1rem;
	}

		.k-window .k-window-content .top-section label {
			font-size: 1.25rem;
			margin-bottom: 0;
		}

	.k-window .k-window-content .tertiary-section {
		border: 1px solid black;
		display: flex;
		flex-direction: column;
		margin-inline: -0.625rem;
		padding: 7px 9px;
	}

	/*.k-window.delete {
    }*/

	.k-window.delete .k-window-titlebar {
		background-color: var(--E4-MainRed);
		border-color: var(--E4-MainRed);
		color: var(--E4-White);
	}

	/*.k-window.exception {
    }*/

	.k-window.exception .k-window-titlebar {
		background-color: #8b42ea;
		border-color: #8b42ea;
		color: var(--E4-White);
	}


@media (max-width: 576px) {
	.k-window .k-window-content .top-section {
		flex-direction: column;
	}

	.k-window .k-window-content .container {
		max-width: 360px;
	}

		.k-window .k-window-content .container .btn {
			padding: 8px 20px;
		}

	.k-window .k-window-content .k-adaptive-actionsheet .k-actionsheet-content {
		padding-inline: 0rem;
	}
}



.fontSmall * {
	font-size: 12px;
}

.red-background {
	background-color: var(--E4-MainRed) !important;
	color: var(--E4-White) !important;
}

.bg-secondary-light {
	background: var(--SecondaryLight);
}

.link-primary {
	color: var(--E4-MainBlue) !important;
}

	.link-primary:hover {
		color: var(--E4-DarkBlue) !important;
	}

.link-secondary {
	color: var(--E4-MainRed);
}

	.link-secondary:hover {
		color: var(--E4-DarkRed);
	}

.items-no-gap .k-popup.k-list-container .k-list-ul .k-list-item {
	margin: 0 !important;
}

.top-row {
	height: 5.375rem;
}

.required {
	color: var(--E4-MainRed);
}

.border-top-blue {
	border-top-style: solid;
	border-top-width: 0.5rem;
	border-color: var(--E4-MainBlue);
}