/* =========================================================
   CONTAINER
========================================================= */

.PrsNom-container {
	width: 100%;
	border-radius: 5px;
	overflow: auto;
	position: relative;
	border: 1px solid #e7e7e7;
	background: #f2f2f2;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
	scroll-behavior: smooth;
	border: 0px solid #31576f;
	padding-bottom: 5px;
	box-sizing: border-box;
}

/* =========================================================
   TABLE
========================================================= */

.PrsNom-grid {
	border-collapse: separate;
	border-spacing: 0;
	/*	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;*/
	border: 1px solid #31576f;
	table-layout: fixed;
	width: max-content;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #fff;
	isolation: isolate;
}

	/* =========================================================
   BASE CELLS
========================================================= */

	.PrsNom-grid th,
	.PrsNom-grid td {
		border-right: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
		border-top: none;
		border-left: none;
		padding: 0;
		text-align: center;
		white-space: nowrap;
		background: #fff;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		height: 24px;
		backface-visibility: hidden;
	}

	.PrsNom-grid tbody tr td:nth-child(2),
	.PrsNom-grid tbody tr td:nth-child(5),
	.PrsNom-grid tbody tr td:nth-child(6),
	.PrsNom-grid tbody tr td:nth-child(7) {
		text-align: left;
		padding-left: 5px !important;
	}

	/*    .PrsNom-grid thead tr th:nth-child(2),
    .PrsNom-grid thead tr th:nth-child(4),
    .PrsNom-grid thead tr th:nth-child(5),
    .PrsNom-grid thead tr th:nth-child(6) {
        text-align: center;
        padding-left: 5px !important;
    }*/

	/* =========================================================
   STICKY HEADER
========================================================= */

	.PrsNom-grid thead th {
		position: sticky;
		top: 0;
		background: rgb(49, 87, 111);
		color: #fff;
		z-index: 500;
		font-weight: normal !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.08);
	}

	/* =========================================================
   HEADER HEIGHT
========================================================= */

	.PrsNom-grid thead tr {
		height: 150px;
	}

/* =========================================================
   FROZEN COLUMNS
========================================================= */

.PrsNom-frozen {
	position: sticky !important;
	z-index: 1000 !important;
	background: #fafafa !important;
	box-shadow: 2px 0 4px rgba(0,0,0,0.05);
}

/* frozen header */
.PrsNom-grid thead .PrsNom-frozen {
	background: rgb(49, 87, 111) !important;
	color: #fff;
	z-index: 2000 !important;
}

/* frozen body */
.PrsNom-grid tbody .PrsNom-frozen {
	z-index: 1000;
}

/* =========================================================
   FIXED COLUMN WIDTHS
========================================================= */

.PrsNom-col-competition {
	min-width: 180px;
}

.PrsNom-col-date {
	min-width: 70px;
}

.PrsNom-col-time {
	min-width: 50px;
}

.PrsNom-col-home {
	min-width: 180px;
}

.PrsNom-col-away {
	min-width: 180px;
}

.PrsNom-col-arena {
	min-width: 160px;
}

/* =========================================================
   HIDDEN GAME COLUMN
========================================================= */

.PrsNom-hiddenCol {
	display: none;
}

/* =========================================================
   PLAYER HEADER CELLS
========================================================= */

.PrsNom-playerHeader {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 340px;
	min-height: 340px;
	position: relative;
	padding: 0;
	overflow: visible;
	vertical-align: bottom;
	background: rgb(49, 87, 111) !important;
}

/* =========================================================
   ROTATED PLAYER NAME
========================================================= */

.PrsNom-playerHeaderInner {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(-90deg) translateY(100%);
	transform-origin: top left;
	white-space: nowrap;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	width: auto;
	padding-left: 0px;
	margin: 0;
	text-align: center;
}

/* =========================================================
   PLAYER BODY CELLS
========================================================= */

.PrsNom-playerCell {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	height: 24px;
	padding: 0;
	position: relative;
	/*overflow: visible !important;*/
	overflow: hidden;
}

/* =========================================================
   SINGLE CELL HOVER
========================================================= */
/*
    .PrsNom-playerCell:hover {
        background: #eef6ff !important;
    }

        .PrsNom-playerCell:hover .PrsNom-positionSelect {
            background: #eef6ff !important;
        }*/


/* =========================================================
   PLAYER ROW HIGHLIGHT
========================================================= */

.PrsNom-grid tbody tr:hover .PrsNom-playerCell {
	background: #eef6ff !important;
}

/* =========================================================
   PLAYER COLUMN HIGHLIGHT
========================================================= */

.PrsNom-playerCell:hover::after,
.PrsNom-playerHeader:hover::after {
	content: "";
	position: absolute;
	left: 0;
	top: -5000px;
	width: 100%;
	height: 10000px;
	background: rgba(238,246,255,0.7);
	z-index: 1;
	pointer-events: none;
}

/* =========================================================
   KEEP CELL CONTENT ABOVE COLUMN HIGHLIGHT
========================================================= */

.PrsNom-playerCell > *,
.PrsNom-playerHeader > * {
	position: relative;
	z-index: 2;
}

/* keep select transparent */
/*.PrsNom-positionSelect {
	background: transparent !important;
	position: relative;
	z-index: 1;
	transition: background 0.15s, box-shadow 0.15s, border-color 0.15s;
}*/

/* =========================================================
   SEPARATOR ROW
========================================================= */

.PrsNom-separator-row td {
	padding: 0 !important;
	height: 1px !important;
	min-height: 1px !important;
	background: #d40000 !important;
	border: none !important;
	line-height: 0 !important;
}

.PrsNom-pastGame td {
	background-color: #fff6bf !important;
}

/* =========================================================
   OPTIONAL PLAYER COLORS
========================================================= */

.bluecol {
	background-color: #dcecff !important;
}

.purplecol {
	background-color: #efe1ff !important;
}

.pinkcol {
	background-color: #ffdce8 !important;
}

/* =========================================================
   SCROLLBARS
========================================================= */

.PrsNom-container::-webkit-scrollbar {
	height: 12px;
	width: 12px;
}

.PrsNom-container::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 5px;
}

.PrsNom-container::-webkit-scrollbar-track {
	background: #eee;
}

/* =========================================================
   SELECT
========================================================= */

.PrsNom-positionSelect {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background: transparent !important;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	z-index: 1;
	transition: background 0.15s, box-shadow 0.15s, border-color 0.15s;
}

	/* hover */
	.PrsNom-positionSelect:hover {
		background: #eef6ff;
	}

	/* selected/focus */
	.PrsNom-positionSelect:focus {
		background: #dbeeff;
		z-index: 20000;
	}

	/* =========================================================
   POSITION COLORS
========================================================= */

	/* Commissioner */

	/*.PrsNom-positionSelect.pos1 {
		background-color: #bf80ff !important;
	}*/

	/* Referees */

	/*.PrsNom-positionSelect.pos2 {
		background-color: #339933 !important;
	}

	.PrsNom-positionSelect.pos3 {
		background-color: #8cd98c !important;
	}

	.PrsNom-positionSelect.pos4 {
		background-color: #d9f2d9 !important;
	}*/

	/* Table Officials */

	/*.PrsNom-positionSelect.pos5 {
		background-color: #75a3a3 !important;
	}

	.PrsNom-positionSelect.pos6 {
		background-color: #94b8b8 !important;
	}

	.PrsNom-positionSelect.pos7 {
		background-color: #b3cccc !important;
	}

	.PrsNom-positionSelect.pos8 {
		background-color: #d1e0e0 !important;
	}

	.PrsNom-positionSelect.pos9 {
		background-color: #f0f5f5 !important;
	}*/

	/* Statisticians */

	/*.PrsNom-positionSelect.pos10 {
		background-color: #ff9900 !important;
	}

	.PrsNom-positionSelect.pos11 {
		background-color: #ffb84d !important;
	}

	.PrsNom-positionSelect.pos12 {
		background-color: #ffebcc !important;
	}*/


	/* =====================================================
   COMMON 3D STYLE
===================================================== */

	.PrsNom-positionSelect.pos1,
	.PrsNom-positionSelect.pos2,
	.PrsNom-positionSelect.pos3,
	.PrsNom-positionSelect.pos4,
	.PrsNom-positionSelect.pos5,
	.PrsNom-positionSelect.pos6,
	.PrsNom-positionSelect.pos7,
	.PrsNom-positionSelect.pos8,
	.PrsNom-positionSelect.pos9,
	.PrsNom-positionSelect.pos10,
	.PrsNom-positionSelect.pos11,
	.PrsNom-positionSelect.pos12 {
		border-radius: 4px !important;
		border: 1px solid rgba(0,0,0,0.18) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.12);
		color: #1f1f1f !important;
		font-weight: 500;
	}

	/* =====================================================
   COMMISSIONER
===================================================== */

	.PrsNom-positionSelect.pos1 {
		background: linear-gradient(to bottom, #d9b3ff 0%, #bf80ff 100%) !important;
	}

	/* =====================================================
   REFEREES
===================================================== */

	.PrsNom-positionSelect.pos2 {
		background: linear-gradient(to bottom, #4db84d 0%, #339933 100%) !important;
	}

	.PrsNom-positionSelect.pos3 {
		background: linear-gradient(to bottom, #a8e6a8 0%, #8cd98c 100%) !important;
	}

	.PrsNom-positionSelect.pos4 {
		background: linear-gradient(to bottom, #eef9ee 0%, #d9f2d9 100%) !important;
	}

	/* =====================================================
   TABLE OFFICIALS
===================================================== */

	.PrsNom-positionSelect.pos5 {
		background: linear-gradient(to bottom, #8bb5b5 0%, #75a3a3 100%) !important;
	}

	.PrsNom-positionSelect.pos6 {
		background: linear-gradient(to bottom, #a8c7c7 0%, #94b8b8 100%) !important;
	}

	.PrsNom-positionSelect.pos7 {
		background: linear-gradient(to bottom, #c7dddd 0%, #b3cccc 100%) !important;
	}

	.PrsNom-positionSelect.pos8 {
		background: linear-gradient(to bottom, #e3eded 0%, #d1e0e0 100%) !important;
	}

	.PrsNom-positionSelect.pos9 {
		background: linear-gradient(to bottom, #ffffff 0%, #f0f5f5 100%) !important;
	}

	/* =====================================================
   STATISTICIANS
===================================================== */

	.PrsNom-positionSelect.pos10 {
		background: linear-gradient(to bottom, #ffb84d 0%, #ff9900 100%) !important;
	}

	.PrsNom-positionSelect.pos11 {
		background: linear-gradient(to bottom, #ffe0b3 0%, #ffc266 100%) !important;
	}

	.PrsNom-positionSelect.pos12 {
		background: linear-gradient(to bottom, #fff5e6 0%, #ffebcc 100%) !important;
	}

/* =========================================================
   SAVE BUTTON
========================================================= */

.PrsNom-saveButton {
	padding: 10px 24px;
	border: 1px solid #2f5870;
	background: rgb(49, 87, 111);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 12px;
	min-width: 120px;
}

	.PrsNom-saveButton:hover {
		background: rgb(38, 68, 87);
		border-color: rgb(38, 68, 87);
	}

	.PrsNom-saveButton:active {
		transform: scale(0.98);
	}

	.PrsNom-saveButton:focus {
		outline: none;
		box-shadow: 0 0 0 3px rgba(49, 87, 111, 0.25);
	}

	.PrsNom-saveButton:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

/* =========================================================
   ROW SAVE BUTTON
========================================================= */

.PrsNom-rowSaveBtn {
	padding: 4px 10px;
	border: 1px solid #2f5870;
	background: rgb(49, 87, 111);
	color: white;
	font-size: 11px;
	cursor: pointer;
	border-radius: 3px;
}

	.PrsNom-rowSaveBtn:hover {
		background: rgb(38, 68, 87);
	}

.PrsNom-grid tbody td,
.PrsNom-grid thead th {
	font-size: 10px !important;
}

/* =====================================================
   TABLET
===================================================== */

@media screen and (max-width: 1200px) {

	.PrsNom-container {
		overflow-x: auto;
		overflow-y: auto;
		border-radius: 5px;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-overflow-scrolling: touch;
	}

	.PrsNom-grid {
		min-width: 1400px;
	}

	.PrsNom-playerHeader,
	.PrsNom-playerCell {
		width: 40px;
		min-width: 40px;
		max-width: 40px;
	}

	/*	.PrsNom-playerHeaderInner {
		font-size: 13px;
	}*/

	.PrsNom-positionSelect {
		font-size: 10px !important;
		padding: 1px;
	}

	.PrsNom-col-competition,
	.PrsNom-col-home,
	.PrsNom-col-away,
	.PrsNom-col-arena {
		font-size: 12px;
	}
}

/* =====================================================
   MOBILE
===================================================== */

@media screen and (max-width: 768px) {

	.PrsNom-container {
		overflow-x: auto;
		overflow-y: auto;
		border-radius: 5px;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
	}

	.PrsNom-grid {
		min-width: 1800px;
	}

		.PrsNom-grid td,
		.PrsNom-grid th {
			height: 22px;
			padding: 1px 2px;
			font-size: 9px;
			border-color: #dbe5ec;
		}

	.PrsNom-playerHeader,
	.PrsNom-playerCell {
		width: 40px;
		min-width: 40px;
		max-width: 40px;
		/*font-size: 13px;*/
	}

	/*	.PrsNom-playerHeaderInner {
		font-size: 13px;
	}*/

	.PrsNom-positionSelect {
		width: 100%;
		font-size: 8px;
		height: 18px;
		padding: 0;
	}

	.PrsNom-rowSaveBtn {
		font-size: 9px;
		padding: 2px 4px;
	}


}

.PrsNom-savingBtn {
	background: linear-gradient(to bottom, #6c7a86, #58656f);
	color: white;
	border: 1px solid #49545d;
	cursor: wait;
}

.PrsNom-savedBtn {
	background: linear-gradient(to bottom, #4caf50, #3d9140);
	color: white;
	border: 1px solid #2f6f32;
}

/* =========================================
   LOCKED ROW
========================================= */

.PrsNom-lockedRow {
	background: #fff7cc !important;
}

	/* disabled dropdown */

	.PrsNom-lockedRow .PrsNom-positionSelect {
		opacity: 0.75;
		cursor: not-allowed;
	}

/* locked text */

.PrsNom-lockedText {
	font-size: 11px;
	color: #777;
	font-weight: 600;
	padding: 4px 8px;
	display: inline-block;
}

/* save button hidden effect */

.PrsNom-lockedRow .PrsNom-rowSaveBtn {
	display: none;
}

.PrsNom-saveHeader {
	min-width: 70px;
}

/* =====================================================
   FORCE HEADER FONT SIZE ALL DEVICES
===================================================== */

.PrsNom-grid thead th,
.PrsNom-grid thead .PrsNom-frozen,
.PrsNom-playerHeader,
.PrsNom-playerHeaderInner {
	font-size: 11px !important;
}

/* rotated player names */
.PrsNom-playerHeaderInner {
	font-size: 11px !important;
}

/* =====================================================
   FORCE HEADER FONT SIZE
===================================================== */

.PrsNom-grid thead th,
.PrsNom-grid thead th.PrsNom-col-date,
.PrsNom-grid thead th.PrsNom-col-time,
.PrsNom-grid thead th.PrsNom-col-home,
.PrsNom-grid thead th.PrsNom-col-away,
.PrsNom-grid thead th.PrsNom-col-competition,
.PrsNom-grid thead th.PrsNom-col-arena,
.PrsNom-grid thead .PrsNom-frozen,
.PrsNom-playerHeader,
.PrsNom-playerHeaderInner {
	font-size: 11px !important;
}


.PrsNomAvailability-filterRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.PrsNomAvailability-filters {
	display: flex;
	align-items: center;
	gap: 20px;
}



.PrsNomAvailability-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 16px;
	text-decoration: none;
}

.PrsNomAvailability-filter {
	min-width: 220px;
	height: 36px;
	border: 1px solid #31576f;
	border-radius: 5px;
	padding: 0 10px;
	font-size: 12px;
	background: #ffffff;
	outline: none;
	color: #31576f;
}

.PrsNomAvailability-filter,
.PrsNomAvailability-btn {
	color: #495057; /* use the same value for both */
}

/* =====================================================
   WRAPPER SCROLL
===================================================== */
.PrsNomAvailability-scroll {
	max-height: 275px; /* or whatever fits ~4–6 rows */
	overflow-y: visible; /* no fake scrolling space */
	overflow-x: auto;
	/*margin-bottom: 10px;*/
	/*padding-bottom: 10px;*/
	box-sizing: border-box;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	background: transparent;
}

	/* scrollbar */
	.PrsNomAvailability-scroll::-webkit-scrollbar {
		width: 10px;
	}

	.PrsNomAvailability-scroll::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 5px;
	}

	.PrsNomAvailability-scroll::-webkit-scrollbar-track {
		background: #eee;
	}

.PrsNomAvailability-wrapper {
	margin-bottom: 10px;
}

/* =====================================================
   TABLE BASE
===================================================== */
.PrsNomAvailability-table {
	width: 100%;
	min-width: 1200px; /* ensures calendar never compresses too much */
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 10px;
	background: #fff;
	border: 1px solid #31576f;
	border-radius: 5px;
	margin-bottom: 0;
}

	/* =====================================================
   HEADER
===================================================== */
	.PrsNomAvailability-table th {
		background: #31576f;
		color: #fff;
		padding: 0 8px;
		height: 25px;
		font-weight: 500;
		text-align: left;
		border-right: 1px solid #4a7087;
	}

	.PrsNomAvailability-table thead th:nth-child(n+4) {
		text-align: center !important;
	}

	.PrsNomAvailability-table thead th {
		position: sticky;
		top: 0;
		z-index: 10;
	}

	/* =====================================================
   CELLS
===================================================== */
	.PrsNomAvailability-table td {
		padding: 0 8px;
		height: 25px;
		background: #fff;
		border-right: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
		box-sizing: border-box;
	}

	/* ensure perfect alignment */
	.PrsNomAvailability-table th,
	.PrsNomAvailability-table td {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* =====================================================
   HOVER
===================================================== */
	.PrsNomAvailability-table tbody tr:hover td {
		background: #eef6ff !important;
	}

/* =====================================================
   CELL CENTER (calendar)
===================================================== */
.availability-cell {
	text-align: center;
	padding: 0;
	color: #31576f;
}

.PrsNomAvailability-table th:nth-child(n+4),
.PrsNomAvailability-table td:nth-child(n+4) {
	width: 45px;
	min-width: 45px;
	max-width: 45px;
	text-align: center;
	padding: 0;
}


.PrsNomAvailability-table thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 50;
	background: #31576f !important;
	color: #fff;
}

.PrsNomAvailability-table tbody td:first-child {
	position: sticky;
	left: 0;
	z-index: 20;
	background: #ffffff;
}

/*.PrsNomAvailability-table th:first-child,
.PrsNomAvailability-table td:first-child {
	position: sticky;
	left: 0;
	z-index: 20;
	background: #ffffff;
}*/

.PrsNomAvailability-table thead th {
	position: sticky;
	top: 0;
	z-index: 30;
	background: #31576f;
}
	.PrsNomAvailability-table thead th:first-child,
	.PrsNomAvailability-table tbody td:first-child {
		box-shadow: 2px 0 5px rgba(0,0,0,0.1);
	}

.availability-dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	/*background: #31576f;*/
	background: #e68a00;
	/*#b30000;*/
	border-radius: 50%;
}



#loadingOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 9999;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #fff;
	border-top: 4px solid transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}
/*
.availability-weekend {
	background-color: #ffcccc !important;
}*/

.PrsNomAvailability-table td.availability-weekend {
	background-color: #f3f3f3;
}

.PrsNomAvailability-table th.availability-weekend {
	background-color: #e9e9e9;
}


.border-field {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

/* keep your original style, but we control border visibility */
.border-input {
	background: transparent !important;
	position: relative;
	z-index: 1;
}

/* label sits on top of border */
.border-label {
	position: absolute;
	left: 10px;
	top: -12px;
	padding: 0 6px;
	background: transparent; /* 🔥 no white box */
	z-index: 3;
	font-size: inherit;
	font-family: inherit;
	color: #666;
	pointer-events: none;
}

/* 🔥 THIS is the key trick: hide border behind label */
.border-field::before {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: 0;
	height: 1px;
	background: white; /* same as page background */
	z-index: 2;
}


/*.grid-actions-right {
	width: 100%;
	text-align: right;
	margin-bottom: 10px;*/ /* optional spacing */
/*}

.btn-right {
	width: 100%;
	text-align: right;
}

.btn-reset {
	background-color: darkred;
	color: white;*/
/*	border: none;*/
/*}*/

/* left align reset button */
.btn-reset-Float {
	height: 36px;
	float: left;
}

/*right align main button*/
.btn-primary-Float {
	height: 36px;
	float: right;
}

/*.btn-reset,
.btn-primary {*/
/*	height: 24px;  */
/*	line-height: 32px;  keeps text vertically centered 
	padding: 0 12px;  removes extra Bootstrap height 
	font-size: inherit;  keeps same font as your system */
	/*border-radius: 5px;  optional: matches flat UI style */
/*}*/
/* ===== Common button style (keeps same height as your UI) ===== */
/*.btn-reset,
.btn-primary {
	height: 32px;*/ /* adjust ONLY if your UI uses different height */
	/*padding: 0 12px;
	font-size: inherit;
	font-family: inherit;
	line-height: 32px;
	border: none;
	cursor: pointer;
}*/

/* ===== Reset button (LEFT, dark red) ===== */
/*.btn-reset {
	background-color: darkred;
	color: white;
	float: left;
}*/

/* ===== Main button (RIGHT, primary color) ===== */
/*.btn-primary {
	background-color: #007bff;
	color: white;
	float: right;
}*/

.duration-label {
	font-family: inherit;
	font-size: 12px;
	color: #31576f;
	font-weight: normal;
	white-space: nowrap;
	margin-right: 5px;
}

.license-date {
	width: 110px;
	text-align: center !important;
}

.license-date-container {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.lic-label {
	background-color: darkred;
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	min-width: 35px;
}