/* #tripleseat-form {
    max-width: 500px;
    margin: 20px auto;
}
#tripleseat-form input, #tripleseat-form textarea, #tripleseat-form select {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
}
#tripleseat-form button {
    padding: 10px 20px;
    background-color: #528c9e;
    color: white;
    border: none;
    cursor: pointer;
}
#tslf-message {
    margin-top: 15px;
} */


#tripleseat-form {
    max-width: 100%;
    background: #fff;
    border-radius: 20px;
	overflow: hidden;
    font-family: "Poppins", sans-serif;
}


.heading-container {
    background: #F498B8 !important;
    border: 0;
    padding: 8px 15px !important;
}
.heading-container h3{
    font-size: 2rem;
    color: #8E1537;
    font-weight: 700;
    font-family: "CentraNo2-Bold", Sans-serif;
}

.tslf-section {
    padding: 20px;
    row-gap: 20px;
    display: flex;
    flex-direction: column;
}

.tslf-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.tslf-section .tslf-row label{
	font-size: 17px;
    color: var(--e-global-color-text);
	padding-bottom: 10px !important;
}

.tslf-section .tslf-row label span{
	font-size: 20px;
	color: red;
}

.tslf-section .tslf-row input,
.tslf-section .tslf-row select{
	width: 100% !important;
	border-radius: 10px !important;
	border: 1px solid #000;
	height: 40px;
	padding: 0 20px !important;
}


.tslf-section .tslf-row select#start_time {
	background-image: url(https://tripleseat-static-production.s3.amazonaws.com/images/icons/icon_clock.png)!important;
	background-position: 3px center !important;
	background-repeat: no-repeat !important;
}
.tslf-section .tslf-row input.hasDatepicker {
	background-image: url(https://tripleseat-static-production.s3.amazonaws.com/images/icons/icon_calendar.png)!important;
	background-position: 3px center !important;
	background-repeat: no-repeat !important;
}

.tslf-submission{
	padding: 20px;
}

#tripleseat-form .tslf-submission button{
	display: flex;
	align-items: center;
	font-size: 18px;
	text-shadow: none;
	margin-top: 15px;
}

.tslf-submission button .loader {
	width: 30px;
	aspect-ratio: 1;
	display:grid;
	-webkit-mask: conic-gradient(from 15deg,#0000,#000);
	animation: l26 1s infinite steps(12);
	margin-left: 12px;
	display: none;
}

.tslf-submission button:hover .loader{
	filter: brightness(10);
}
.tslf-submission .loader,
.tslf-submission .loader:before,
.tslf-submission .loader:after{
	background:
		radial-gradient(closest-side at 50% 12.5%,
			#f03355 96%,#0000) 50% 0/20% 80% repeat-y,
		radial-gradient(closest-side at 12.5% 50%,
			#f03355 96%,#0000) 0 50%/80% 20% repeat-x;
}
.tslf-submission .loader:before,
.tslf-submission .loader:after {
	content: "";
	grid-area: 1/1;
	transform: rotate(30deg);
}
.tslf-submission .loader:after {
	transform: rotate(60deg);
}


@keyframes l26 {
	100% {transform:rotate(1turn)}
}

.success { color: green; }
.error { color: red; }


.ui-datepicker .ui-datepicker-title{
	display: flex;
}



@media only screen and (max-width: 575px){
	.tslf-row{
		grid-template-columns: 1fr;
	}
}