/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	position: relative;
	overflow: hidden;
}

#app {
	display: flex;
	flex-direction: column;
	height: 100%;
}

header {
	position: relative;
	width: 100%;
	background: #fff;
	display: flex;
	flex-shrink: 0;
	/*z-index: 200;*/
	align-items: center;
	padding: 5px;
	border-bottom: 5px solid #1a293e;
}

	header .section-header {
		z-index: -50 !important;
	}

.section-header header {
	z-index: -50 !important;
}

header a, header .nav-link {
	color: #1a293e;
}

header .dropdown-menu a {
	color: #212529;
}

#right-top {
	margin-left: auto;
	margin-right: 10px;
}

	#right-top .dropdown-menu {
		right: 0;
	}

	#right-top .dropdown-toggle {
		text-decoration: none;
	}



#body-container {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	position: relative;
	flex: 1 1 auto;
}

#inner-content {
	overflow-y: scroll;
	flex-grow: 1;
}

.footer-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    border-top: solid 1px #ccc;
    overflow-y: scroll;
    z-index: 1000; /* Ensure the footer is on top of other elements */
    /*background-color: white;*/ /* Ensure footer background color covers padding */
}

.button-narrow {
	padding: 1px 15px 1px 15px !important;
	margin-top: 0px;
	margin-right: 3px;
}

	.button-narrow input {
		padding: 1px 15px 1px 15px !important;
	}

/*.page-title-login {
	padding-left: 24% !important;
}*/

#div-login-form {
	margin-bottom: .75rem;
}

.button-login {
	margin: 0;
	padding: 1px 15px 1px 15px !important;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

.rs-header {
}

.header-container {
	padding-left: 0;
}

.header-row {
	vertical-align: middle;
}

.header-items-left {
}

.header-items-center {
	text-align: center;
	padding-top: 2px;
}

.header-items-right {
	float: right;
	padding-right: 0px;
	display: inline-flex;
}

/* Provide sufficient contrast against white background */
a {
	color: #1a293e;
	text-decoration: underline
}

	a:hover {
		text-decoration: none;
	}

.btn-primary {
	color: #fff;
	background-color: #1a293e;
	border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

/*-----------------------------------------------------------------------------------------------*\
    Bootstrap Tags
\*-----------------------------------------------------------------------------------------------*/

.list-group {
	margin-bottom: 0px;
}

.list-group-item {
	padding: 2px 5px;
	border: 0px solid #ddd;
}

/* Sticky footer styles
-------------------------------------------------- */

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

.media-left {
	margin-right: 15px;
}

	.media-left > i {
		font-size: 40px;
	}

.table {
	border-collapse: separate !important;
	border-spacing: 1px !important;
}

	.table > :not(caption) > * > * {
		padding: .2rem .2rem !important;
	}

	.table thead {
		position: sticky !important;
		top: 0 !important;
		background: #1a293e !important;
		color: #fff !important;
		z-index: 1 !important;
	}

		.table thead a, .table thead i {
			color: #fff !important;
		}

		.table thead button:disabled {
			opacity: 0.5 !important;
		}

	.table td {
		word-break: break-word !important;
	}

.table-center td {
	vertical-align: middle;
}

.table-fixed-width {
	table-layout: fixed;
}

.e-rte-table th {
	background: #1a293e;
	color: #fff;
}

/*table caption {
	display: none;
}*/
legend {
	display: none;
}

.inline-row {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

	.inline-row select {
		display: inline-block;
		width: auto;
		max-width: 100%;
	}

/*.container .inline-row {
	padding-top: 4px;
}*/

.required {
	color: #dc3545;
}

/*If uncomment this 2 styles Bullet points input datalist will disapper*/
/*ul {
	list-style: none;
}
*/
/*li {
	list-style: none;
}*/

fieldset {
	border: solid 1px #ddd;
	padding: 10px;
	width: 100%;
}

	fieldset ul {
		padding-left: 1rem;
	}

	fieldset label {
		font-weight: normal;
		margin: 0;
	}

	fieldset li {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}

		fieldset li input {
			margin-right: 5px;
		}

label {
	font-weight: bold;
}

/* For checkboxlists items */
.checkboxlist-label {
	font-weight: normal;
}

label {
	font-weight: bold;
}

.label {
	font-weight: bold !important;
}

.no-label {
	font-weight: normal !important;
}

h1 {
	font-size: 160%;
	margin-top: 5px;
	margin-bottom: 1rem;
}

.page-title {
	margin-bottom: 35px;
}

.container-accordion {
	margin-bottom: 20px;
}

.card-header {
	padding: 5px 15px;
	background: silver;
}

.card-title {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

.media {
	display: flex;
	align-items: normal;
}

	.media > * {
		margin-left: 15px;
	}

.expand-panel {
	display: none;
}

.container-accordion .accordion-header {
	display: flex;
	align-items: center;
}

.container-accordion .card-body-hide {
	display: none;
}

.collapse-accordion .card-body, .collapse-accordion .collapse-panel {
	display: none;
}

.collapse-accordion .expand-panel {
	display: block;
}

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

textarea.form-control {
	min-height: 100px;
}

.text-area-counter {
	text-align: right;
}

.editable-field > span {
	cursor: pointer;
}

.paging-container {
	width: 100%;
	padding-top: 0.325rem;
	padding-bottom: 0.325rem;
}

	.paging-container caption {
		color: #fff;
	}

tfoot .paging-container {
	margin-top: 10px;
}

.paging-container table {
	width: 100%;
}

	.paging-container table span {
		white-space: nowrap;
		padding-left: 4px;
	}

.paging-container select {
	display: inline-block;
	width: auto;
}

caption {
	caption-side: top;
	text-align: center;
}

.date-input td {
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	vertical-align: middle;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.short-number {
	max-width: 100px;
}

button.icon {
	border: 0;
	background: none;
}

a.icon {
	text-decoration: none;
}

#modal-overlay {
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 200;
	opacity: 0.75;
}

.form-group {
	margin-bottom: 1rem;
}

.form-check-input {
	min-width: 1em;
}

#result-message {
	position: fixed;
	display: none;
	bottom: 15px;
	right: 15px;
	z-index: 5500; /* Adjust if necessary, ensure it's the highest in your context */
}

	#result-message .toast-body, #result-message .toast-header {
		background: #205107;
		color: #fff !important;
		font-weight: bold;
	}

		#result-message .toast-header button {
			color: #fff;
		}

.toast-success {
	border: 1px solid #198754;
	/*background-color: #198754;*/ /* Green for success */
	color: white;
}

.toast-warning {
	background-color: #ffc107; /* Yellow for warning */
	color: black;
}

.toast-danger {
	background-color: #dc3545; /* Red for danger */
	color: white;
}

.toast hr {
	margin: 0;
}

/* Message display styles */
#error-message {
	z-index: 5000;
}

h3.modal-title {
	font-size: calc(1.3rem + .1vw);
}

.modal-message .modal-title span, .modal-message i {
	display: none;
}

.modal-message i {
	font-size: 32px;
}

.modal-warning .modal-title .modal-warning-title, .modal-error .modal-title .modal-error-title, .modal-info .modal-title .modal-info-title {
	display: block;
}

.modal-warning .modal-header {
	background: #ffeb3b;
	color: #333;
}

.modal-error .modal-header {
	/*background: #dc3545;*/
	background: #900B18;
	color: #fff;
}

.modal-error .modal-body {
	/*color: #dc3545;*/
	color: #900B18;
}

.modal-error .modal-header .btn-close {
	/*background-color: #fff;*/ /* White background */
	/*color: #900B18;*/ /* Red text or icon, matching the modal header */
	/*border-radius: 4px;*/ /* Optional: Adds rounded corners to the button */
	/*border: 1px solid #900B18;*/ /* Optional: Adds a red border to the button */
	color: #fff;
}

/* If the button is purely an icon and uses ::before or ::after for its appearance, 
   you might need to target those pseudo-elements specifically to change their properties. */
/*.modal-error .modal-header .btn-close::before,
	.modal-error .modal-header .btn-close::after {
		color: #900B18;*/ /* This changes the color of the icon if it's generated using ::before or ::after */
/*}*/


.modal-info .modal-header {
	background: #0dcaf0;
	color: #333;
}

.modal-header .fa-triangle-exclamation {
	display: none;
}

.modal-warning .modal-header .fa-triangle-exclamation, .modal-error .modal-header .fa-triangle-exclamation, .modal-info .modal-header .fa-circle-info {
	display: block;
}

.modal-message .modal-body {
	font-weight: 600;
}

#prompt-message {
	display: none;
	z-index: 3000;
}

.add-button {
	text-decoration: none;
	display: flex;
	align-items: center;
}

#wait {
	position: fixed;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: none;
	z-index: 2000;
	transition: opacity 2s ease;
}

	#wait .message {
		background: #fff;
		padding: 15px;
		border-radius: 15px;
		text-align: center;
		z-index: 10;
	}

	#wait .progress {
		width: 200px;
		display: none;
	}

	#wait cancel-request {
		display: none;
	}

/*@keyframes fadeIn {
	to {
		opacity: 1;
	}
}
*/
.card-columns {
	height: 100%;
	margin-bottom: 15px;
}

.in-active {
	color: red;
}

.date-picker-container {
	display: inline-flex;
	gap: 10px;
	width: auto;
}

td .date-picker-container {
	display: block;
}

.modal:before {
	content: " ";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.75;
}

.collapse-panel .fa-chevron-down, .collapse-panel-all .fa-square-caret-down {
	display: none;
}


.case-info {
	margin-left: auto;
}


.paging-container .paging-count {
	width: 32%;
}

.paging-container .paging-nav {
	width: 38%;
}

#logo {
	margin-right: 10px;
}

.th-selectall {
	width: 100% !important;
	max-width: 10% !important;
}

.th-casenumber {
	width: 100% !important;
	max-width: 25% !important;
}

.autocomplete > div > div > span {
	border-color: rgba(50, 205, 50, 0.5) !important;
}

span.e-input-group.e-control-wrapper.e-ddl {
	border-color: rgba(50, 205, 50, 0.5) !important;
}


/* Spacers */

.spacer-buttons {
	display: flex;
	justify-content: space-between;
}

.spacer-horizontal {
	margin-left: 30px;
}

.spacer-horizontal-sm {
	margin-left: 10px;
}

.spacer-horizontal-lg {
	margin-left: 50px;
}

.spacer-vertical {
	height: 30px;
}

.spacer-vertical-sm {
	height: 10px;
}

.spacer-vertical-lg {
	height: 50px;
}

/* /Spacers */



/* RS Theme */

/* Buttons - CRUD+ */
.rs-button-crud {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

	.rs-button-crud:active {
		color: #fff;
		background-color: #1b6ec2;
		border-color: #0a53be;
	}

	.rs-button-crud:hover {
		color: #fff;
		background-color: #0b5ed7;
		border-color: #0a58ca;
	}

	.rs-button-crud:focus {
		color: #fff;
		background-color: #0b5ed7;
		border-color: #0a58ca;
		box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
	}

/* Buttons - Extra */
.rs-button-extra {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

	.rs-button-extra:active {
		color: #fff;
		background-color: #0a58ca;
		border-color: #0a53be;
	}

	.rs-button-extra:hover {
		color: #fff;
		background-color: #0b5ed7;
		border-color: #0a58ca;
	}

	.rs-button-extra:focus {
		color: #fff;
		background-color: #0b5ed7;
		border-color: #0a58ca;
		box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
	}

/* /RS Theme */



/* Breadcrumb Menu: ParentBreadCrumb --> breadcrumb-nav */

.breadcrumb-nav {
	float: right;
	/*float: left;*/
	width: auto;
}


/* Gridview: GridViewStyle --> rs-gridview */
/* Gridview */
.rs-gridview {
	border-collapse: separate !important;
	border-spacing: 2px;
	table-layout: auto;
	width: 100%;
	border: none;
}

	/* Gridview table header */
	.rs-gridview th {
		border: none;
		background-color: #1a293e !important;
		color: #fff;
		font-weight: bold;
		margin: 3px 10px;
		padding-left: 8px;
		padding-right: 8px;
		padding: 3px;
		margin: 3px;
		vertical-align: top;
	}

		/* Gridview table header hyperlink */
		.rs-gridview th a {
			background-color: #1a293e;
			color: #fff;
			border: none;
			font-weight: bold;
			margin: 3px 0px;
		}

	/* Gridview table data */
	.rs-gridview td {
		background-color: #d9edf7;
		color: #000;
		border: none;
		margin: 3px 10px;
		padding-left: 8px;
		padding-right: 8px;
		padding: 3px;
		margin: 3px;
	}

		/* Gridview table data icon */
		.rs-gridview td a i {
			color: #000;
		}

/* Gridview pagination container */
.paging-container {
	width: 100%;
}

tfoot .paging-container {
	margin-top: 10px;
}

.paging-container table {
	width: 100%;
}

.paging-container select {
	display: inline-block;
	width: auto;
}

/* Gridview paging icon colour */
.paging-container a {
	color: #000;
}

.paging-item-group-left {
	/**/
}

.paging-item-group-center {
	justify-content: center;
}

.paging-item-group-right {
	justify-content: flex-end;
	padding-right: 7px;
}

.gvcolumn-select {
	width: 60px;
	text-align: center;
}

.gvcolumn-manage {
	text-align: center;
	width: 100px;
	white-space: nowrap;
}

	.gvcolumn-manage a {
		text-decoration: none;
	}

	.gvcolumn-manage .inline-row {
		justify-content: center;
	}

.gvcolumn-id {
	text-align: left !important;
	white-space: nowrap !important;
}

.recent-case .gvcolumn-casenumber {
	width: auto;
}

.gvcolumn-casenumber {
	width: 130px;
	text-align: left;
}

.gvcolumn-fullname {
	text-align: left;
}

.gvcolumn-nowrap {
	white-space: nowrap;
}

.gvcolumn-textlov {
	text-align: left;
}

.gvcolumn-number {
	text-align: right;
	white-space: nowrap;
	/*	width: 15%;*/
}

.gvcolumn-currency {
	text-align: right;
}

.gvcolumn-center {
	text-align: center;
}

.gvcolumn-manageicons, .gvcolumn-manageicons img {
	text-align: center;
	padding-bottom: 0;
	height: 16px;
	padding-left: 0px;
	vertical-align: top;
	width: 60px;
}

.gvcolumn-dateshort {
	text-align: left;
	width: 120px;
}

.gvcolumn-datelong {
	text-align: left;
	width: 180px;
}

.gvcolumn-daterange {
	text-align: left;
	width: 275px;
}

.gvcolumn-boolean {
	text-align: center;
	width: 120px;
}

.gvcolumn-textlong {
	text-align: left;
	width: 400px;
}

/* General styles for handling text overflow */
.gvcolumn-textlong {
	/*word-break: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	white-space: normal;
	max-width: 100%;
	text-overflow: ellipsis;*/
}

.gvcolumn-textshort {
	text-align: left;
	width: 200px;
}

.breadcrumb-item a {
	color: #000;
}

/* Icons */
.icon-addnew i {
	vertical-align: middle;
	padding-top: 5px;
	font-size: 15px;
}

/* Accordion */
.rs-accordion {
	margin-bottom: 3%;
}

.rs-accordion-button:not(.collapsed) {
	color: #0c63e4;
	background-color: #e7f1ff;
}

.rs-accordion-body {
	background-color: #fff;
	color: #212529;
}

.accordion-display .no-results {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.pac-container, .pac-logo {
	z-index: 1500;
}

.extra-row {
	display: none;
	background-color: #dee2e699;
	border-bottom: 1px solid black;
}

.expanded {
	display: table-row;
	background-color: #dee2e699
}

td .fa-up-long {
	display: none;
}

.profile-image {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	background-image: url('/api/user/profileimage');
}

.schedule .busy, .schedule .free {
	height: 20px;
	width: 100%;
}

.schedule .busy {
	background: rgb(0, 120, 212);
}

.schedule .free {
	background: rgb(14, 178, 68);
}

.schedule thead th:first-child {
	position: sticky;
	left: 0;
	background: #000;
}

.schedule tbody td:first-child {
	position: sticky;
	left: 0;
	background: #fff;
}

.panel-header-badge {
	background: #333;
	color: #fff;
	padding: 0 0.3125rem;
	border-radius: 0.25rem;
}

/*Badges*/
span.badge.badge-warning.alert-badge {
	color: #212529;
	background-color: #ffc107;
	margin-left: 10px;
}

span.badge.badge-danger.alert-badge {
	color: #fff;
	background-color: #dc3545;
	margin-left: 10px;
}

datetime-picker {
	display: flex;
}

/*Tabs*/
.nav {
	display: flex;
	flex-wrap: wrap;
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6;
}

	.nav-tabs .nav-item {
		margin-bottom: -1px;
		background-color: #ffc107;
		/*border: 1px solid transparent;*/
		border: 1px solid white;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
	}

	.nav-tabs .nav-link {
		border: 1px solid transparent;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
		color: black;
	}

		.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
			border-color: #e9ecef #e9ecef #dee2e6;
			background-color: #1a293e;
			color: #fff;
		}


		.nav-tabs .nav-link.active,
		.nav-tabs .nav-item.show .nav-link {
			background-color: #1a293e;
			color: #fff;
			border-color: transparent;
		}

/* In Development */
.in-dev:after {
	content: "In Dev ";
	margin-left: 15px;
	color: #212529;
	background-color: #ffc107; /* Yellow */
	padding: 3px 3px !important;
	display: inline-block;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.card-title.in-dev:after {
	content: "In Dev ";
	margin-left: 15px;
	color: #212529;
	background-color: #ffc107; /* Yellow */
	padding: 3px 3px !important;
	display: inline-block;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* New Features */
.new:after {
	content: " New";
	margin-left: 15px;
	color: #fff;
	background-color: #28a745; /* Green */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.card-title.new:after {
	content: " New";
	margin-left: 15px;
	color: #fff;
	background-color: #28a745; /* Green */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Roadmap */
.roadmap:after {
	content: " Road Map";
	margin-left: 15px;
	color: #fff;
	background-color: #007bff; /* Blue */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.card-title.roadmap:after {
	content: " Road Map";
	margin-left: 15px;
	color: #fff;
	background-color: #007bff; /* Blue */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* End of Life */
.eol:after {
	content: " EOL";
	margin-left: 15px;
	color: #fff;
	background-color: #6c757d; /* Dark gray */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.card-title.eol:after {
	content: " EOL";
	margin-left: 15px;
	color: #fff;
	background-color: #6c757d; /* Dark gray */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* MVP */
.mvp:after {
	content: "MVP";
	margin-left: 15px;
	color: #fff;
	background-color: #17a2b8; /* Light Blue */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.card-title.mvp:after {
	content: "MVP";
	margin-left: 15px;
	color: #fff;
	background-color: #17a2b8; /* Light Blue */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* MVP */
.card-title.mvp:after {
	content: "MVP";
	margin-left: 15px;
	color: #fff;
	background-color: #17a2b8; /* Light Blue */
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* to hide in-dev elements*/
/*.in-dev {
	display: none;
}*/

#error-message .modal-body {
	overflow-x: hidden; /* Prevent horizontal scrolling */
	overflow-y: auto; /* Allow vertical scrolling if needed */
	white-space: pre-wrap; /* Maintains whitespace formatting but allows wrapping */
	word-wrap: break-word; /* Ensures that words can break and wrap to the next line */
}

.table .mass-delete i {
	color: red;
}

.validation-summary-errors {
	padding: 10px 40px 10px 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline-block;
	width: 100%;
	color: #5F1119;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}

	.validation-summary-errors a {
		color: #900B18;
	}

.session-timeout {
	padding: 10px 40px 10px 10px;
	margin-top: 0 !important;
	margin-left: 0px;
	margin-right: 0px;
	display: inline-block;
	width: 100%;
	color: #5F1119;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 0 !important;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}

	.session-timeout a {
		color: #900B18;
	}

.error-title {
	/* CSS styles */
	color: #900B18;
	font-weight: bold;
	margin-left: -25px;
}

div.validation-summary-errors ul li:has( > .error-title) {
	list-style-type: none;
}

.text-danger {
	color: #900B18 !important;
}

.error {
	font-family: var(--bs-font-sans-serif);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #900B18 !important;
}

.widget-layout {
	margin: 0 15px;
}

	.widget-layout .row > div {
		border: solid 1px #ccc;
	}

.tooltip-container {
	margin-left: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

	.tooltip-container .help-text {
		position: absolute;
		display: none;
		left: 0;
		top: calc(100% + 10px);
		background: #fff;
		box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.6);
		border-radius: 3px;
		width: max-content;
		max-width: 500px;
		z-index: 10;
		padding: 8px;
		font-weight: normal;
	}

.case-panel {
	background-color: #1a293e;
}

	.case-panel .container {
		position: relative;
	}

	.case-panel .nav-link {
		color: #fff;
		text-decoration: none !important;
	}

		.case-panel .nav-link:hover {
			color: #ffc107;
			text-decoration: underline !important;
		}

.current-case-panel {
	background-color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #fff;
}

	.current-case-panel a {
		color: #fff;
		text-decoration: underline !important;
	}

		.current-case-panel a:hover {
			color: #ffc107;
			text-decoration: none !important;
		}

.case-client {
	color: #fff;
}

	.case-client a {
		color: #c9dbee;
	}

		.case-client a:hover {
			color: #fff;
		}

.page-help {
	display: none;
}


.case-center-info, .case-right-info {
	color: #fff;
	margin-left: auto;
}

.case-right-info {
	text-align: right;
}

.impersonation .fa-user-plus {
	color: red;
	transform: scale(1.5);
}

.critical {
	color: #dc3545;
}

	.critical:after {
		content: "\26A0";
	}

.e-schedule .e-month-view .e-appointment {
	background-color: #005AE1;
}

	/*.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
	color: #004EC2 !important;
}
.e-schedule:hover {
	color: #FFF !important;
}*/

	.e-schedule .e-month-view .e-appointment:hover {
		background-color: #2C6FD5;
		border: 1px solid #004EC4;
	}

/*.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
	color: #FFF;
}*/
/*
#e-tbr-btn_4:active {
	background: #565e64;
	border-color: #dee2e6;
	box-shadow: none;
	color: #495057;
}*/

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
	color: #FFF;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-btn {
	background-color: #565e64;
}

.critical-event {
	color: #FFFF00;
}

.critical-event-icon-pre:before {
	content: "\26A0";
}

.critical-event-icon-post:after {
	content: "\26A0";
}

/*.tab {
	width: 2em;
	display: inline-block;
}*/
.spinner-border {
	width: 1rem;
	height: 1rem;
}

.fieldset-hidden {
	border: none !important;
	padding: 0px !important;
}

.fieldset-repeater legend {
	display: inline !important;
	float: none !important;
	font-size: 1em !important;
	font-weight: bold !important;
	width: auto !important;
	margin-bottom: 0 !important;
}

.sr-readonly {
	display: block;
	border: 0;
	background: #fff;
}

a > i, .a-icon {
	text-decoration: none !important;
}

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

.session-timer {
	cursor: pointer;
	position: relative;
}

.extend-session {
	position: absolute;
	display: none;
	width: 200px;
}


/* User Dashboard H2 tag */
h2 {
	font-size: 150%;
}

.e-input-group {
	min-height: 2.6em;
	max-height: 2.8em;
}

.datetimepicker-fullwidth .date-picker-container {
	width: 100%;
}

/*.delivery-details {
	background-color: #ffecc9;
}*/

.gvsubrow th {
	color: black;
	background-color: #f5f5f5 !important;
}

.gvsubrow td {
	background-color: #f5f5f5 !important;
}

tr.gvsubrow-lastrow th {
	border-bottom: 1px solid black;
}

tr.gvsubrow-lastrow td {
	border-bottom: 1px solid black;
}

tr.gvsubrow-lastrow-ignore th {
	border-bottom: 0px solid black !important;
}

tr.gvsubrow-lastrow-ignore td {
	border-bottom: 0px solid black !important;
}

/* Disabled control */
.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1;
}

.sub-total tr {
	background: #ccc;
}

.sub-total td, .grand-total td {
	font-weight: bold;
	text-align: right;
}

.df-original-hide {
	display: none;
}


.disabled input {
	background: #e9ecef !important;
}

.form-group-row {
	padding-bottom: 1%;
}

.form-switch-no-padding {
	padding-left: 0 !important;
}

.e-quick-popup-wrapper .e-event-popup .e-subject-wrap .e-subject {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	max-height: 90px;
	background: rgba(13,110,253,0.3);
	border-left: 6px solid #005AE1;
	/*border-left: 6px solid #0d6efd;*/
	border-radius: 4px;
	padding: 8px;
}

.e-quick-popup-wrapper .e-event-popup .e-subject-wrap {
	padding: 12px 8px;
}

.e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
	background-color: #005AE1;
	border-radius: 50%;
	color: #fff;
	width: 20px;
}

/* TODO: Menu page contents */
/*.menu-content-hidden {
	display: none;
}*/

.anchor-tag {
	text-decoration: none !important;
}

	.anchor-tag:hover {
		color: inherit !important;
	}

.a-hover {
	text-decoration: underline;
}

	.a-hover:hover {
		color: #0a58ca !important; /* Change this to the desired hover color */
		text-decoration: none;
	}

.icon:hover {
	color: #0a58ca !important; /* Change this to the desired hover color */
}

button.gv-icon {
	border: 0;
	background: none;
}

	button.gv-icon:hover {
		color: #8C939E !important; /* Change this to the desired hover color */
	}

.gv-icon:hover,
.gv-icon > i:hover {
	color: #8C939E !important; /* Change this to the desired hover color */
}

button.gv-icon,
button.gv-icon > a,
button.gv-icon > i,
a.gv-icon {
	border: 0;
	background: none;
}

	button.gv-icon:hover > i,
	button.gv-icon > a:hover,
	a.gv-icon {
		color: #8C939E !important; /* Change this to the desired hover color */
	}



button.icon {
	border: 0;
	background: none;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
	color: navy; /* Change this to the desired hover color */
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

	.nav-link:hover {
		color: #0a58ca; /* Change this to the desired hover color */
		text-decoration: underline;
	}

.text-align-center {
	text-align: center;
}

.btn-google-signin {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.btn-google-signin:hover {
		background-color: #4285F4;
	}

.btn-google-signin-img {
	background-color: #FFFFFF;
	display: inline-block;
}

/* Style the white background container */
.logo-container {
	/*background-color: #FFFFFF;*/ /* White background color */
	/*padding: 5px;*/ /* Adjust padding as needed */
	border-radius: 5px; /* Optional: Add rounded corners */
	display: flex; /* Use flexbox for alignment */
	align-items: center; /* Vertically center the content */
}

	/* Adjust margin to push the logo to the left within the container */
	.logo-container img {
		margin-right: auto; /* Push the logo to the left */
	}

.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

/* Center the text horizontally and vertically using flexbox */
.flex-item {
	display: flex;
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	/*height: 100%;*/ /* Optionally, set the height to occupy the parent container's full height */
}

.flex-items:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.flex-items:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
}

.left, .right {
	flex: 1;
}

/* Style the outer container */
.outer-container {
	display: flex;
}

/* Style the left div with a fixed width */
.left-div {
	/*width: 100px;*/ /* Adjust the width as needed */
}

/* Center-align text in the centered div */
.centered-div {
	flex-grow: 1; /* Allow the centered div to take up remaining space */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.test-button {
	transition: background-color .218s,border-color .218s;
	-webkit-user-select: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dadce0;
	color: #3c4043;
	cursor: pointer;
	font-family: "Google Sans",arial,sans-serif;
	font-size: 14px;
	height: 40px;
	letter-spacing: 0.25px;
	outline: none;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
	-webkit-user-select: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dadce0;
	color: #3c4043;
	cursor: pointer;
	font-family: "Google Sans",arial,sans-serif;
	font-size: 14px;
	height: 40px;
	letter-spacing: 0.25px;
	outline: none;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.knowledge-content .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
}


.knowledge-content details summary {
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #295376;
	padding: 5px 15px;
}

.knowledge-content details > summary {
	margin-left: -1.1em;
	margin-right: -1.1em;
}

.knowledge-content summary {
	display: list-item !important;
	list-style-type: none;
	list-style-type: disclosure-closed;
	visibility: visible !important;
}



.knowledge-content details {
	padding-left: 1.1em;
	padding-right: 1.1em;
}

	.knowledge-content details[open] > summary {
		border: 0;
		border-bottom: 1px solid #ddd;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		list-style-type: disclosure-open;
		margin-bottom: 0.25em;
	}

	.knowledge-content details[open] {
		border: 1px solid #ddd;
		border-radius: 4px;
	}


	.knowledge-content details[open] {
		padding-bottom: 1em;
	}

/*@media only screen and (min-width: 0) .wt-pl-xs-2 {
	padding-left: 12px !important;
}

@media only screen and (min-width: 0) .wt-pr-xs-2 {
	padding-right: 12px !important;
}
*/
.wt-max-width-full {
	max-width: 100% !important;
	min-width: 0px !important;
}

.wt-horizontal-center {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.homepage-header-search {
	width: 560px;
	margin-left: 16px;
}

.wt-input-btn-group {
	position: relative;
	display: flex;
	border-radius: 96px;
	box-shadow: 1px 2px 4px 0 rgba(34, 34, 34, 0.1) inset;
	background: #FFFFFF;
}

.header-search-bg {
	background-color: #ffffff;
}

.wt-input-btn-group .wt-input-btn-group__input {
	padding-left: 18px;
	border-top-left-radius: 96px;
	border-bottom-left-radius: 96px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	box-shadow: none;
	background: transparent;
	flex: 1;
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

.wt-input, .wt-textarea, .wt-input-btn-group__input {
	transition: border 200ms ease-out, background 200ms ease-out;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFFFFF;
	box-shadow: 0 1px 4px 0 rgba(34, 34, 34, 0.1) inset;
	border-color: rgba(34, 34, 34, 0.15);
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	color: #222222;
	display: block;
	font-family: inherit;
	font-size: 16px;
	line-height: 28px;
	height: 48px;
	outline: none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 12px;
	padding-right: 12px;
	width: 100%;
	min-width: 0;
}

.search-input {
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
}

.wt-input-btn-group .wt-input-btn-group__btn {
	background: none;
	border: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
	text-align: left;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
	position: relative;
	padding-right: 21px;
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: 48px;
	color: #222222;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
	z-index: 10;
	transition: all 200ms ease-out;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 96px;
	border-bottom-right-radius: 96px;
	border: 1px solid rgba(34, 34, 34, 0.15);
	border-left: 0;
}

.wt-nudge-b-1 {
	bottom: 1px !important;
}

.wt-nudge-t-1, .wt-nudge-t-2, .wt-nudge-t-3, .wt-nudge-t-4, .wt-nudge-r-1, .wt-nudge-r-2, .wt-nudge-r-3, .wt-nudge-r-4, .wt-nudge-b-1, .wt-nudge-b-2, .wt-nudge-b-3, .wt-nudge-b-4, .wt-nudge-l-1, .wt-nudge-l-2, .wt-nudge-l-3, .wt-nudge-l-4 {
	position: relative;
}

.search-icon, .wt-icon {
	display: inline-block;
	fill: currentColor;
	height: 24px;
	width: 24px;
	vertical-align: middle;
}


.wt-text-center-xs {
	text-align: center !important;
}


.categories.blocks .blocks-item {
	justify-content: flex-start;
	box-shadow: 0 1px 2px 0 rgb(52 58 67 / 8%), 0 1px 4px 0 rgb(52 58 67 / 8%), 0 0 2px 0 rgb(52 58 67 / 10%);
	transition: 0s all ease-in;
	border: 0;
	border: 1px solid transparent;
	/* border-left: 0px solid rgba(23, 213, 255, 1); */
	border-radius: 15px;
	background-color: #FFFFFF;
	flex: 0 0 30.33%;
	margin: 0 15px 30px;
}

.blocks-item-title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
}

.blocks-item-description:not(:empty) {
	margin-top: 10px;
}

.blocks-item-link {
	color: rgba(10, 14, 18, 1);
	padding: 20px 30px;
	justify-content: center;
}

.blocks-item {
	border: 1px solid rgba(23, 213, 255, 1);
	border-radius: 16px;
	box-sizing: border-box;
	color: rgba(23, 213, 255, 1);
	display: flex;
	flex: 1 0 340px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
}

.matrix-header {
	color: white;
	background-color: #1a293e;
	display: block;
	margin-top: 10px;
	padding: 3px 5px;
	font-weight: 600;
}

.success-icon-color {
	color: #006b02;
}

.danger-icon-color {
	color: #bd0000;
}

.page-intro ol li, #div-alert ol li {
	list-style-type: decimal;
}

.page-intro ul li, #div-alert ul li {
	list-style-type: disc;
}

.hidden {
	display: none !important;
}

.visible {
	display: block !important;
}

.modal-xxl {
	max-width: 100%;
	height: calc(100% - 50px);
	margin-top: 40px;
}

#btn-exit-wizard {
	margin-left: auto;
}

.wizard-container {
	position: fixed;
	right: 15px;
	top: 100px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 15px;
	z-index: 100;
}

.dashboard {
	container-type: inline-size;
}

.scroll-to-top {
	display: none;
}

#scroll {
	position: fixed;
	right: 2.3125rem;
	bottom: 0.9375rem;
	cursor: pointer;
	width: 1.875rem;
	height: 2.375rem;
	background-color: #1a293e;
	text-indent: -624.9375rem;
	display: none;
	-webkit-border-radius: 3.75rem;
	-moz-border-radius: 3.75rem;
	border-radius: .25rem;
	z-index: 1;
}

	#scroll span {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -12px;
		height: 0;
		width: 0;
		border: 8px solid transparent;
		border-bottom-color: #ffffff;
		color: #FFF;
	}

	#scroll:hover {
		background-color: #6c757d;
		opacity: 1;
		filter: "alpha(opacity=100)";
		-ms-filter: "alpha";
	}

.dropdown-header-responsive {
	display: none;
}

#span-menu-header, #span-case-menu-header {
	display: none;
}

span#span-profile-username {
	margin-left: 5px;
}

.dropdown-item.disabled {
	color: inherit;
}

/* CSS for active state of the surrounding <a> */
a.dropdown-item:active #span-my-profile-header {
	color: white;
}

#div-breadcrumb-right li {
	padding-left: 8px;
}

.no-results {
	font-weight: bold;
	margin-top: -15px; /* Tables have 16px margin on the bottom */
}

.sub-table {
	width: 90%;
	margin: auto;
}

	.sub-table tr.column-header {
		background-color: #424242;
	}

.widget-container {
	position: relative;
}

	.widget-container:has([data-popper-placement]) {
		z-index: 10;
	}

.accessible-label {
	font-weight: bold; /* Example style to mimic a label */
	margin-bottom: 0.5rem;
	display: block;
}

.vertical-stack {
	display: flex;
	flex-direction: column;
}


.support-status-lowest {
	color: #FFF;
	padding: 2% 5% 2% 5%;
}

.support-status-low {
	color: #FFF;
	padding: 2% 5% 2% 5%;
}

.support-status-medium {
	color: #000;
	padding: 2% 5% 2% 5%;
}

.support-status-high {
	color: #FFF;
	padding: 2% 5% 2% 5%;
}

.support-status-critical {
	color: #FFF;
	padding: 2% 5% 2% 5%;
}

.row-margin-bottom {
	margin-bottom: 15px;
}

.menu-path {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; /* This line makes sure all children stretch to the same height */
}

/* Ensure the row is a flex container that wraps */
.flex-row-custom {
	display: flex;
	flex-wrap: wrap;
}

/* Ensure that each column flexes but also sticks to its defined width */
.flex-col-custom {
	display: flex;
	flex: 0 0 33.333%; /* This will ensure the flex-basis is 1/3rd */
	max-width: 33.333%; /* Prevents the column from growing larger than 1/3rd */
}

/* Make each card use the full height of its container */
.card-full-height {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Allow the card body to expand and push the button to the bottom */
.card-body-grow {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between; /* Ensures content is spaced out and button stays at bottom */
}

/* Targeting only the URL input groups */
.url-input-group .form-control,
.url-input-group .input-group-append,
.url-input-group .input-group-text input-group-url-icon {
	height: 100%; /* Ensure elements fill the parent height */
	/*padding: .55rem .75rem;*/
}

.url-input-group .input-group-text input-group-url-icon {
	display: flex;
	align-items: center; /* Vertically center the icon */
}

.url-input-group .input-group-append {
	padding: 0; /* Remove any default padding if necessary */
}

.input-group-url-icon {
	padding: .55rem .75rem !important;
}

/* Default style for auto-populated but editable textarea */
.auto-populated {
	background-color: #e7f3ff !important; /* Light blue background to make it more noticeable */
	border: 1px solid #a3d7ff !important; /* A lighter shade of blue for the border */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important; /* Soft inner shadow for depth */
	transition: all 0.3s ease-in-out !important; /* Smooth transition for focus */
	overflow-y: auto !important;
}

	/* Highlight style when the textarea is focused */
	.auto-populated:focus {
		background-color: #ffffff !important; /* White background on focus */
		border: 2px solid #007bff !important; /* Stronger blue for focus border to match Bootstrap primary */
		box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important; /* Glowing effect to draw attention */
		outline: none !important; /* Removing the default focus outline */
	}

/* CSS class to style the fieldset legend */
.standard-fieldset legend {
	display: block !important; /* Ensure it is displayed */
	float: none !important; /* Override any float styles */
	width: auto !important; /* Override width to auto */
	font-size: 1em !important;
	font-weight: normal !important; /* Use normal font weight */
	padding: 0.2em 0.4em !important;
	margin-bottom: 0 !important;
	border: none !important;
	background-color: transparent !important;
}

/* Styles for the label inside the fieldset */
.standard-fieldset label {
	font-weight: bold; /* Bold font weight */
	margin: 0; /* Reset margin */
}

/* Specific class for the calendar page container */
.calendar-page-container {
	display: flex;
	flex-direction: column;
	height: 100vh; /* Full height of the viewport */
	overflow: hidden; /* Prevent extra scrollbars */
}

	.calendar-page-container #body-container {
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow: hidden; /* Ensure no extra scrollbar here */
	}

	.calendar-page-container #inner-content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		overflow-y: auto; /* Allow scrolling within the main content area */
	}

	.calendar-page-container #schedule {
		height: calc(100vh - 200px); /* Set the height to be a fixed value or percentage of the viewport height */
		overflow-y: hidden; /* Ensure calendar content is scrollable if it overflows */
		min-height: 0; /* Allow flex container to shrink properly */
	}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* for smooth scrolling on touch devices */
}

.table-scrollable {
	width: 100%;
	min-width: 100%;
	table-layout: auto;
}

	.table-scrollable thead th,
	.table-scrollable tbody td {
		white-space: nowrap; /* prevents text from wrapping */
	}

	.table-scrollable thead th {
		text-align: left; /* ensure text aligns left */
		padding: 10px;
	}

	.table-scrollable tbody td {
		padding: 10px;
		text-align: left; /* ensure text aligns left */
	}

/*.wrap-text {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
}*/

.table-hover th, .table-hover td {
	vertical-align: top; /* Ensures that wrapped text aligns properly within table cells */
}

.table-center {
	table-layout: fixed; /* Ensures that the table width is fixed and columns are evenly distributed */
	width: 100%; /* Ensures the table takes up the full width of the container */
}

/* General Styles */
/*.card-body {
	overflow-x: auto;
}*/

.e-richtexteditor .e-rte-character-count {
	color: black !important;
}

.conversation {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.message-bubble {
	max-width: 60%;
	padding: 10px;
	border-radius: 10px;
	margin: 5px 0;
	background-color: #f1f1f1;
	position: relative;
}

	.message-bubble .message-header {
		font-size: 0.85em;
		color: #888;
		margin-bottom: 5px;
	}

	.message-bubble .message-content {
		font-size: 1em;
		color: #333;
	}

	.message-bubble .message-user {
		font-weight: bold;
	}

	.message-bubble .message-date {
		font-size: 0.8em;
		float: right;
	}

.table-success {
	background-color: #d4edda;
}

.table-warning {
	background-color: #fff3cd;
}

.table-danger {
	background-color: #f8d7da;
}

textarea#sqlScript {
	overflow-y: scroll !important;
}