main form {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	font-family: 'Rubik', sans-serif !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

main form input,
main form select,
.date {
	font-size: 1rem;
	border-radius: 5px;
	padding: 1rem;
	border: none;
	background: rgba(0,0,0,0.025);
	font-family: 'Rubik', sans-serif !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: black !important;
	text-align: right;
	direction: rtl;
	border: 1px solid rgba(0,0,0,0.1);
}

#client_time {
	text-align: right !important;
}

#client_time .arabic {
	direction: rtl !important;
}

#client_time .english {
	direction: ltr !important;
}

main form input[type="submit"] {
	border: none;
	background: #222;
	color: white;
	font-weight: bold;
	font-size: 1rem;
	font-family: 'Rubik', sans-serif !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: white !important;
	text-align: center !important;
}

label {
	font-weight: bold !important;
}

button:hover,
input[type="submit"]:hover {
	cursor: pointer;
}

/**** FAMILY ****/

/* The javascript in frontend/form.php sets it to display grid */

#family_details {
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

#family_details .adults,
#family_details .children {
	display: grid;
	gap: 20px;
}

/**** LANGUAGE ****/

.english_language {
	display: none;
}

.en .arabic_language {
	display: none;
}

.en .english_language {
	display: block;
}

.en,
.en *,
.en input,
.en select {
	direction: ltr !important;
	text-align: left !important;
}

.en button {
	text-align: center !important;
}