/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 18:53:03 */
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden; /* ✅ Hide horizontal overflow */
	width: 100%;
}
.announcement-page {
	padding: 30px;
	font-family: 'Segoe UI', sans-serif;
	background-color: #fff;
}

.announcement-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.announcement-header h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.announcement-actions {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.search-input {
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 220px;
}

.refresh-btn {
	background-color: #0b7285;
	color: white;
	border: none;
	padding: 2px 26px;
	/* border-radius: 4px; */
	cursor: pointer;
}

.announcement-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.announcement-card {
	border: 1px solid #e0e0e0;
	padding: 20px;
	border-radius: 8px;
	background-color: #fafafa;
	transition: box-shadow 0.2s ease;
}

.announcement-card:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.announcement-date {
	font-size: 14px;
	color: #888;
	margin-bottom: 6px;
}

.announcement-title {
	font-size: 18px;
	margin: 5px 0 10px;
}

.announcement-message {
	color: #333;
	font-size: 15px;
}

.announcement-link {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	color: #0b7285;
	text-decoration: none;
}

.announcement-link:hover {
	text-decoration: underline;
}





.custom-event-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.lower_head {
	display: flex;
	justify-content: space-between;
	etch;
	align-items: flex-end;
}

.event-card {
	background-color: #fff;
	overflow: hidden;
	font-family: 'Arial', sans-serif;
}

/* Event image */
.event-image {
	position: relative;
	width: 100%;
	height: auto;
}

.event-image img {
	width: 100%;
	display: block;
}

.event-date {
	position: absolute;
	top: 0px;
	right: 0px;
	background: black;
	color: white;
	font-size: 12px;
	padding: 4px 8px;
	font-weight: 600;
}

/* Event details */
.event-details {
	padding: 0;
	text-align: left;
}

.event-title a {
	font-size: 18px;
	letter-spacing: 4px;
	margin: 0;
	margin-bottom: 8px;
	color: #171717;
	font-weight: 700;
}

.event-venue {
	font-size: 14px;
	margin: 0;
	color: #555;
}

.event-level {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 0;
}

/* Pagination */
.custom-pagination {
	display: flex;
	justify-content: center;
	gap: 12px;
	font-size: 14px;
	font-family: 'Arial', sans-serif;
}

.custom-pagination a,
.custom-pagination span {
	padding: 5px 10px;
	color: #000;
	text-decoration: none;
}

.custom-pagination a.active {
	font-weight: bold;
	border-bottom: 2px solid black;
}

.custom-event-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

div#financial .table-container {
	margin: 20px 0 0 0;
	padding: 0;
}

.tableFilter select {
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 3px #ddd;
	outline: none;
}

.tableContainer {
	overflow: auto;  
	/* 	max-width: 1200px; */
	margin: 0 auto;
}

div#membership .row {
    gap: 30px 0px;
}

div#membership .pricing-card {
    width: 100%;
    height: 100%;
}

.bankPopupRow {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.bankPopupRow h3 {
    font-size: 24px !important;
    line-height: 1.3;
    margin: 0 0 14px 0;
    text-align: center;
}

.infoHeader {
    text-align: left;
}

.infoHeader h5.label {
    font-size: 16px !important;
    margin: 0 0 5px 0;
}

.infoHeader p {
    font-size: 18px;
}

div#bankTranferModal .popupContainer.popup {
    width: 95%;
    max-width: 580px;
}

.choseFile label input {
    display: none;
}

.choseFile label {
    max-width: 350px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    justify-content: center;
    height: 100px;
    border: 1px solid #0093A3;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 16px;
    transition: .3s ease all;
    cursor: pointer;
    background: #fff;
}

.choseFile label:hover {
    background: #0093a32b;
}

div#bankTranferModal button.submitButton {
    background: #0093A3;
    color: #fff;
    border: none;
    padding: 12px 34px;
    border-radius: 0;
}

div#bankTranferModal button.submitButton:hover {
    background: #007c8a;
}

.infoHeader p {
    margin: 0;
}

.infoHeader .row {
    gap: 24px 0px;
}

section.welcome-screen {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    position: relative;
    z-index: 1;
    padding-left: 300px;
    max-width: 1200px;
    margin: 0 auto;
}

img.wellcomeImage {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 300px;
    object-fit: cover;
}

.welcome-content {
    padding: 30px 30px;
    max-width: unset;
}

.welcome-subtitle,
.welcome-title {
    color: #1A1A1A;
}

h1.welcome-title {
    font-size: 32px;
}

p.welcome-subtitle {
    text-align: left;
    font-size: 18px;
    margin-bottom: 30px;
}

.lightBoxGrid {
    margin: 0 auto;
    padding: 30px 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 10px;
    max-width: 1920px;
}

.innerGallery {
    display: none;
}

.lightBoxItem> a {
    display: block;
    position: relative;
    z-index: 1;
}

.lightBoxItem> a img {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
}

.galleryTitle {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    margin: 0;
    background: #00000061;
    color: #fff;
    transition: .5s ease all;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    text-transform: uppercase;
}

.lightBoxItem> a:hover .galleryTitle {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1200px) {
	
	.custom-event-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	section.welcome-screen {
		padding: 0;
	}

	img.wellcomeImage {
		position: unset;
		width: 100%;
		height: 280px;
	}

	.welcome-content {
		padding: 15px;
	}

	h1.welcome-title {
		font-size: 26px;
	}
}

@media (max-width: 1024px) {
	.lightBoxGrid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) {
	.custom-event-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.pricing-table {
		display: block !important;
		gap: 20px;
		max-width: 1200px;
		margin: 0 auto;
	}
	.sidebar {
		width: 100% !important;
		background-color: #fff;
		border-right: 1px solid #E6E6E6;
		display: flex
			;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px 0;
	}

	.layout {
		display: inline-block !important;
		min-height: 100vh;
		width:100%;
	}

	.custom-event-grid {
		grid-template-columns: 1fr;
	}
	
	.galleryTitle {
		padding: 20px;
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.lightBoxGrid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.lower_head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 6px;
}

.event-card {
	background-color: #fff;
	overflow: hidden;
	font-family: 'Arial', sans-serif;
	display: flex;
	flex-direction: column;
}

/* Event image */
.event-image {
	position: relative;
	width: 100%;
	height: auto;
}

.event-image img {
	width: 100%;
	height: auto;
	display: block;
}

.event-date {
	position: absolute;
	top: 0;
	right: 0;
	background: black;
	color: white;
	font-size: 12px;
	padding: 4px 8px;
	font-weight: 600;
}

/* Event details */
.event-details {
	text-align: left;
}

.event-title a {
	font-size: 18px;
	letter-spacing: 2px;
	color: #171717;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 8px;
	text-decoration: none;
}

.event-venue,
.event-level {
	font-size: 14px;
	margin: 0;
}

.event-venue {
	color: #555;
}

.event-level {
	font-weight: bold;
	color: #000;
}

/* Pagination */
.custom-pagination {
	display: flex;
	justify-content: center;
	gap: 12px;
	font-size: 14px;
	font-family: 'Arial', sans-serif;
	flex-wrap: wrap;
	margin-top: 20px;
}

.custom-pagination a,
.custom-pagination span {
	padding: 5px 10px;
	color: #000;
	text-decoration: none;
}

.custom-pagination a.active {
	font-weight: bold;
	border-bottom: 2px solid black;
}
/* Responsive */
@media (max-width: 900px) {
	.event-layout {
		flex-direction: column;
	}

	.event-left,
	.event-right {
		flex: 1 1 100%;
	}

	.value {
		text-align: left;
	}

	.event-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.event-right {
		width:100% !important;
	}
	.event-left {
		width:100% !important;
	}
} 
.swimming-container table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
	background-color: hsl(0deg 0% 50.2% / 0%);
}
.swimming-container {
	display: flex;
	padding: 40px;
	gap: 40px;
}

.swimming-left-panel {
	width: 25%;
	font-size: 12px;
	line-height: 1.6;
}

.swimming-left-panel img {
	width: 100%;
	margin-top: 20px;
}

.swimming-center-panel {
	width: 40%;
}

.swimming-event-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	background-color: #ffffff;
}

.swimming-event-table th,
.swimming-event-table td {
	text-align: left;
	padding: 12px 10px;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
}

.swimming-event-table tr:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

.swimming-event-table .radio {
	text-align: center;
}

.selected-row {
	background-color: #e0f7fa !important;
}

.swimming-right-panel {
	width: 35%;
}

.swimming-selected-events {
	margin-top: 20px;
}

.swimming-selected-events table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}

.swimming-selected-events td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
}

.swimming-delete-btn {
	background-color: #000;
	color: #fff;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
}

.swimming-save-btn {
	background-color: #0097a7;
	color: #fff;
	border: none;
	padding: 10px 30px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.swimming-container {
		flex-direction: column;
	}

	.swimming-left-panel,
	.swimming-center-panel,
	.swimming-right-panel {
		width: 100%;
	}
}

.swim-title {
	text-align: center;
	font-size: 36px;
	letter-spacing: 20px;
	margin: 40px 0;
}

.meet-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	padding: 0 0 60px;
}

/* Main card structure */
.meet-card {
	display: flex;
	background: #fff;
	padding: 15px;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
}

/* Image column */
.meet-image-wrapper {
	flex: 0 0 120px;
	margin-right: 20px;
}

.meet-image {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

/* Text column */
.meet-details {
	flex: 1;
	display: flex;
	justify-content: space-between;
}

.meet-label {
	font-size: 13px;
	margin: 3px 0;
	line-height: 1.4;
}

.meet-highlight {
	font-weight: bold;
}

/* Button column */
.meet-buttons {
	display: flex
		;
	flex-direction: column;
	gap: 8px;
	margin-left: 16px;
	align-items: end;
}

.btn {
	font-size: 13px;
	padding: 6px 12px;
	border: none;
	cursor: pointer;
	transition: 0.2s ease;
}

.btn-edit {
	background-color: #aaa;
	color: #fff;
	border-radius: 0;
}

.btn-results {
	background-color: #fff;
	border: 1px solid #00bcd4;
	color: #00bcd4;
	border-radius: 0;
}

.btn-select {
	background-color: #0093A3;
	color: #fff;
	border-radius: 0;
	padding: 9px 20px;
}

/* Pagination */
.pagination-wrapper {
	text-align: center;
	font-size: 14px;
	margin-bottom: 40px;
}

.pagination-page,
.pagination-link,
.pagination-dots {
	margin: 0 6px;
	cursor: pointer;
}

.pagination-page.active {
	font-weight: bold;
	text-decoration: underline;
}


@media (max-width: 1024px) {
	.meet-image {
		width: 100%;
		height: 100px;
	}
	.meet-grid {
		grid-template-columns: 1fr; /* Single column on tablets */
		padding: 0 20px 40px;
	}

	.meet-card {
		flex-direction: column;
		align-items: stretch;
	}

	.meet-image-wrapper {
		margin-right: 0;
		margin-bottom: 10px;
		display: flex;
		justify-content: center;
	}

	.meet-details {
		flex-direction: column;
		gap: 10px;
	}

	.meet-buttons {
		flex-direction: row;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 15px;
		margin-left: 0;
	}

	.btn {
		flex: 1;
		text-align: center;
	}
}


@media (max-width: 600px) {
	.swim-title {
		font-size: 24px;
		letter-spacing: 8px;
		margin: 20px 0;
	}

	.btn-select {
		padding: 8px 12px;
	}

	.pagination-wrapper {
		font-size: 12px;
	}

	.meet-image {
		width: 100%;
		height: 100px;
	}
}

.event-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.event-layout {
	display: flex;

	margin: 40px auto;
	font-family: 'Segoe UI', sans-serif;
	background: #fff;
}

.event-left {
	width: 45%;
	background-image: url(https://aezsports.com/wp-content/uploads/2025/05/qwtt-overlay.png);
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex
		;
	align-items: center;
	justify-content: end;
	padding: 30px;
	color: #fff;
}

.event-overlay {
	max-width: 280px;
	text-align: right;
}

.spirit {
	font-size: 81px;
	font-weight: 800;
	margin: 0;
	line-height: 1;
	font-family: 'Inter';
}

.number {
	font-size: 153px;
	font-weight: 800;
	margin: 0;
	line-height: 1;
	font-family: 'Inter';
}

.description {
	font-size: 13px;
	margin-top: 20px;
	line-height: 1.4;
}

.event-right {
	width: 55%;
	padding: 40px 30px;
	box-sizing: border-box;
}

.event-row {
	margin-bottom: 18px;
}

.label {
	display: block;
	font-size: 14px;
	color: #555;
	margin-bottom: 4px;
}

.value {
	font-size: 16px;
	color: #111;
	line-height: 1.4;
}


.event-buttons {
	display: flex;
	gap: 10px;
	margin-top: 30px;
}

.event-buttons button {
	padding: 10px 28px;
	font-size: 14px;
	font-weight: bold;
	border: none;
	cursor: pointer;
}

.save {
	background-color: #007C89;
	color: white;
}

.delete {
	background-color: #000;
	color: white;
}


.elementor hr {
	background-color: transparent;
	margin: 0;
	padding: 13px;
	margin-top: 28px;
}	

/* Outer container for the table */
.table-container {
	width: 100%;
	/* 	  max-width: 1200px; */
	margin: 30px auto;
	padding: 20px;
	background-color: #ffffff; /* White background for the container */
	border-radius: 8px; /* Rounded edges */
	font-family: "Inter", Sans-serif;
}
table.custom-table tr > th:first-child {
	background-color: #FAFAFA; 
}
table.custom-table tr > th:last-child {
	background-color: #FAFAFA; 
}
/* Table styling */
.custom-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #ffffff; /* White table background */
	border-left: none !important;
}

/* Header styling */
.custom-table th {
	background-color: #ffffff; /* White background for the container */
	text-align: left; 
	font-weight: bold; 
	font-size: 14px; 
	color: #333333; 
	padding: 16px 12px;
	text-transform: uppercase;
	border-top: none !important; 
	border-bottom: 1px solid #e0e0e0; /* Thin bottom border */
	border-left: none !important;
}

/* Body rows */
.custom-table td {
	background-color: #ffffff; /* White background for the container */
	padding: 14px 12px; /* Consistent padding for rows */
	font-size: 14px; /* Regular font size */
	color: #555555; /* Slightly lighter text color */
	border-bottom: 1px solid #e0e0e0; /* Horizontal row dividers */
	border-left: none !important;
}

/* Alternating row colors */
.custom-table tr:nth-child(even) {
	background-color: #ffffff !important; /* White background for the container */
} 

/* Status text colors */
.status {
	font-weight: bold;
	font-size: 13px;
	padding: 6px 12px;
	text-transform: capitalize; /* Uppercase text */
	display: inline-block;
}

.status.completed {
	color: #27BF2C; /* Green text for Completed */
}

.status.pending {
	color: #F58505; /* Orange text for Pending */
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color: transparent !important;
}


.customtbl-container {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
	background: #fff;
	border-radius: 8px;
	font-family: "Inter", sans-serif;
}

.customtbl-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.customtbl-table th {
	background-color: #ffffff !important; /* White background for the container */
	text-align: left; 
	font-weight: bold; 
	font-size: 14px; 
	color: #333333; 
	padding: 16px 12px;
	text-transform: uppercase;
	border-top: none !important; 
	border-bottom: 1px solid #e0e0e0; /* Thin bottom border */
	border-left: none !important;
	font-family: "Inter", sans-serif;
}

/* Body rows */
.customtbl-table td {
	background-color: #ffffff !important; /* White background for the container */
	padding: 14px 12px; /* Consistent padding for rows */
	font-size: 14px; /* Regular font size */
	color: #555555; /* Slightly lighter text color */
	border-bottom: 1px solid #e0e0e0; /* Horizontal row dividers */
	border-left: none !important;
	font-family: "Inter", sans-serif;
}



.customtbl-table th,
.customtbl-table td {
	padding: 14px 12px;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #e0e0e0;
}

.customtbl-table th {
	background: #fafafa;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	font-family: "Inter", sans-serif;
}

.customtbl-table tbody tr:nth-child(odd) td {
	background-color: #fff;
	font-family: "Inter", sans-serif;
}

.customtbl-participating {
	font-weight: bold;
	font-size: 14px;
	font-family: "Inter", sans-serif;
}

.customtbl-participating--yes {
	color: #27BF2C;
	font-family: "Inter", sans-serif;
}

.customtbl-participating--no {
	font-family: "Inter", sans-serif;
	color: #F44336;
}




/* prcing table css start */

/* Pricing Table Container */
.pricing-table {
	display: flex;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

/* Pricing Card */
.pricing-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	width: 300px;
	text-align: center;
	padding-bottom: 30px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.pricing-card:hover {
	transform: translateY(-10px);
}

/* Unified Header Block */
.pricing-header {
	background-color: #0093A3;
	color: white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 10px 0;
}

.pricing-header h3 {
	margin: 0;
	font-size: 1.4rem;
	font-weight: bold;
}

.pricing-header .duration {
	font-size: 0.9rem;
	text-transform: uppercase;
	margin: 0;
}

/* Circle with Price */
.price-circle {
	position: relative;
	width: 140px;
	height: 140px;
	margin: 20px auto;
	background: #0093A3;
	color: #fff;
	border-radius: 50%;
	border: 6px solid #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.price-circle .save {
	position: absolute;
	top: 14px;
	background: transparent;
	font-size: 0.9rem;
	font-weight: normal;
}
p.price {text-shadow: 4px 4px 6px rgba(66, 68, 90, 1);}
.price-circle .price {
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
	line-height: 1.2;
}

.price-circle .monthly {
	font-size: 0.8rem;
	font-weight: normal;
	margin:0;
}

/* Features List */
.pricing-card ul {
	list-style: none;
	margin-bottom: 20px;
	padding: 0;
}

.pricing-card ul li {
	display: flex;
	align-items: center;
	font-size: 0.95rem;
	color: #333;
	margin-bottom: 0;
}

.pricing-card ul li:nth-child(odd) {
	background-color: #F5F5F5;
	padding: 8px 10px;
}

.pricing-card ul li:nth-child(even) {
	background-color: white;
	padding: 8px 10px;
}

.pricing-card ul li span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.pricing-card ul li .icon-check {
	background: url('https://aezsports.com/wp-content/uploads/2025/05/checkmark-circle-2.png') no-repeat center / contain;
}

.pricing-card ul li .icon-lock {
	background: url('https://aezsports.com/wp-content/uploads/2025/05/Vector.png') no-repeat center / contain;
}

/* Button */
.pricing-card button {
	background: #0093A3;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: none;
	font-size: 1rem;
	cursor: pointer;
	transition: background 0.3s;
}

.pricing-card button:hover {
	background: #007c8a;
}
/* 
End of pricing  */

/* settings css Start */

.form-view {
	max-width: 800px;
	margin: 0 auto;
	font-family: "Inter", sans-serif;
	padding: 20px;
	background-color: #fff;
	color: #222;
	font-size: 14px;
}

.login-info p {
	margin: 4px 0;
}

hr {
	margin: 20px 0;
	border: none;
	border-top: 1px solid #ccc;
}

.form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px 30px;
}

.form-grid div {
	line-height: 1.6;
	position: relative;
}

.label {
	color: #000;
	font-weight: 500;
	margin-right: 4px;
}

.with-icon {
	display: flex;
	align-items: center;
	gap: 8px;
}

.with-icon img {
	width: 16px;
	height: 16px;
	opacity: 0.6;
}

.full-width {
	grid-column: 1 / -1;
}

.edit-button {
	margin-top: 30px;
}

.edit-button button {
	background-color: #0093A3;
	border: none;
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	border-radius: none;
	cursor: pointer;
	font-family: "Inter", sans-serif;
}

.edit-button button:hover {
	background-color: #007c8a;
}

/* 
operation */


.datatable-wrapper {
	font-family: 'Roboto', sans-serif;
	max-width: 100%;
}

.datatable-filters {
	display: flex
		;
	/* flex-wrap: wrap; */
	gap: 44px;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
}

.datatable-filters select,
.datatable-filters input[type="search"] {
	padding: 6px 10px;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fafafa;
}

#swimTable {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

#swimTable thead {
	background: #f9f9f9;
	border-bottom: 2px solid #ddd;
}

#swimTable thead th {
	text-align: left;
	padding: 12px 10px;
	font-weight: 500;
	color: #333;
}

#swimTable tbody td {
	padding: 10px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

#swimTable tbody tr:hover {
	background-color: #f5f5f5;
}



/* Resposive  */

@media (max-width: 600px) {
	/* 	table, thead, tbody, th, td, tr {
	display: block;
}
	thead tr {
	display: none; /* hide headers */
}
tr {
	margin-bottom: 1rem;
}
td {
	position: relative;
	padding-left: 50%;
	text-align: left;
}
td::before {
	content: attr(data-label);
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: bold;
} */
}


.table-container {
	width: 100%;
	overflow-x: auto; /* Enable horizontal scroll */
	-webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
}

.custom-table {
	width: 100%;
	border-collapse: collapse;

}

.custom-table th,
.custom-table td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}

.custom-table thead {
	background-color: #f5f5f5;
}

.status {
	padding: 4px 10px;
	border-radius: 4px;
	font-weight: bold;
	display: inline-block;
}

.status.completed {
	color: #155724;
	background-color: #d4edda;
}

.status.pending {
	color: #856404;
	background-color: #fff3cd;
}

/* Optional: Hide scrollbar on desktop if desired */
@media (min-width: 992px) {
	.table-container {
		overflow-x: unset;
	}
}
.swim-form-wrapper {
	margin: auto;
}

.swim-form-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.swim-form-header h2 {
	font-size: 24px;
	margin: 0;
}

.signin-link {
	font-size: 14px;
}

.signin-link a {
	color: teal;
	text-decoration: none;
}

.swim-form-grid {
	/*display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;*/
}

.swim-form-grid input, .swim-form-grid select, .swim-form-grid textarea {
	padding: 10px;
	/* border: 1px solid #ccc; */
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	border-bottom: 1px solid #0e0e0e;
}
.checkbox-list-checked input[type='checkbox'] {
	width: 20px;
}

.checkbox-list-checked label {
	position: relative;
	top: -3px;
}

.swim-form-grid textarea {
	grid-column: 1 / 3;
	min-height: 100px;
	resize: vertical;
}

.swim-form-grid button {
	grid-column: 1;
	padding: 12px;
	background-color: teal;
	color: white;
	border: none;
	border-radius: 0;
	cursor: pointer;
}

.swim-form-grid button:hover {
	background-color: #006666;
}

form.swim-form-grid .col-lg-3.col-md-3.col-sm-3 {
	width: 23%;
	display: inline-grid;
	margin-bottom: 20px;
}
form.swim-form-grid .col-lg-6.col-md-6.col-sm-6 {
	width: 49%;
	display: inline-block;
	margin-bottom: 20px;
}
form.swim-form-grid .col-lg-4.col-md-4.col-sm-4 {
	width: 32.33%;
	display: inline-block;
	margin-bottom: 26px;
}
form.swim-form-grid .col-lg-12.col-md-12.col-sm-12 {
	width: 100%;
	margin-bottom: 20px;
}
.logged-in.admin-bar .elementor-element.elementor-element-f8b6bff.e-flex.e-con-boxed.e-con.e-child{
	display:none;
}
a.add_more_btns {
	background: black;
	padding: 10px;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.add_more_btn {
	margin-top: 20px;
	margin-bottom: 20px;
}
a.add_more_btns {
	background: black;
	padding: 10px;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.add_more_btn {
	margin-top: 20px;
	margin-bottom: 20px;
}

a.add_more_btns_session {
	background: #000;
	padding: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
}

a.add_more_btns_gym {
	background: #000;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}


.popup-overlaygym {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	justify-content: center;
	align-items: center;
}

.popup-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	justify-content: center;
	align-items: center;
}

/* Popup box */
.popup {
	background: #fff;
	padding: 20px 30px;
	border-radius: 8px;
	text-align: center;
	min-width: 300px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.popup button {
	margin-top: 20px;
	padding: 8px 16px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
button.popupClose-notification img {
    width: 24px;
}
.page-template-swiming-user-dashboard .elementor-element.elementor-element-6082350.elementor-widget.elementor-widget-image {
    display: none;
}
button.popupClose-notification {
    background: transparent;
    position: absolute;
    margin-top: -31px;
    right: 2px;
}

.popup button:hover {
	background-color: #0056b3;
}

.popupContainer.popup {
    width: 1040px;
    max-width: calc(100% - 20px);
}

.popup input {
    display: block;
    width: 100%;
    background: #fff;
    border: 0;
    outline: none;
    color: #000;
    height: 45px;
    padding: 0%;
    border-radius: 5px;
    box-shadow: 0 0 3px #000000;
    padding: 10px 10px !important;
}

.popup label {
    display: block;
    text-align: left;
    line-height: 2;
    font-weight: 500;
}

.popup .row {
    gap: 15px 0px;
}

button.popupClose {
    background: transparent;
    outline: none;
    padding: 0;
    box-shadow: none;
    width: 25px;
    margin: 0;
    position: absolute;
    right: -15px;
    top: 0px;
    border-radius: 50%;
}

button.popupClose:hover {
    background: transparent;
}

.popupTitle {
    position: relative;
    z-index: 1;
    padding: 0 30px 0px 30px;
    margin-bottom: 30px;
}

.popupTitle h2 {
    margin: 0;
}
a.login_btn_section {
    background-color: var(--e-global-color-c9a2d9d);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-c9a2d9d);
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 9px;
    padding-top: 9px;
    position: relative;
    left: -30px;
}

.aezsports_section {
    position: relative;
    top: 63px;
}

a.signup_btn_section {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 9px;
    padding-top: 9px;
    position: relative;
    left: 9px;
}
.elementor-339 .elementor-element.elementor-element-dd6c87a{
	min-height:auto !important;
}

.profile_img img {
    width: 50px;
    height: 50px;
    border-radius: 30px;
}
.main{
	height:auto !important;
}
.show_update_profile_img .show_profile img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

body.page-template-swiming-user-dashboard {}

body.page-template-swiming-user-dashboard footer#site-footer {
    display: none;
}

.layout {
    min-height: calc(100vh - 140px);
}

.sidebar {
    max-height: calc(100vh - 150px);
    overflow: hidden auto;
    padding-top: 20px;
    padding-bottom: 0;
}
.sidebar-top .logo img {
    width: 132px;
    height: 95px;
}
.sidebar .logo{
	font-weight: 700;
    font-size: 18px;
    padding: 0 48px 20px !important;
}

.sidebar-bottom {
    padding-bottom: 10px;
}

a.logout_singout {
    color: #007C91;
    font-size: 16px;
    font-weight: 500;
}