:root {
	--blue: #37448f;
	--light-blue: #1d4ed8;
}

.form-container {
	max-width: 768px !important;
	box-sizing: border-box;
}

.form-row {
	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 10px;
  	margin-bottom: 15px;
}

.emi-field {
	width: 100% !important;
	display: block !important;
	height: 42px !important;
	margin-bottom: 0 !important;
	padding: 10px 12px !important;
	font-size: 14px;
	border: 1px solid #ccc !important;
	border-radius: 6px !important;
	box-sizing: border-box;
}
select.emi-field {
	display: none !important;
}

#emi-search-doctor-form input[type="submit"],
#emi-search-doctor-form input[type="button"] {
	margin-bottom: 0 !important;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.2s ease;
	height: 42px;
}

#emi-search-doctor-action {
  	background-color: var(--blue);
  	color: white;
}

#emi-btn-clear {
  	background-color: #e5e7eb;
  	color: #111827;
}

#emi-search-doctor-action:hover {
  background-color: var(--light-blue);
}
#emi-btn-clear:hover {
  background-color: #d1d5db;
}

.select2-container--default .select2-selection--single {
	height: 42px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 6px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	font-size: 14px;
	appearance: none;
}

.select2-container--default .select2-selection__clear {
	margin-right: 6px !important;
	height:auto !important;
	padding: .5rem !important;
}

.select2-container--default .select2-selection__arrow {
	height: inherit !important;
	right: 8px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select2-dropdown {
	font-size: 14px;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.select2-results__option {
	padding: 8px 12px;
}

.select2-results__option--highlighted {
	background-color: var(--blue) !important;
  	color: white !important;
}

.select2-results {
  	max-height: 450px;
  	overflow-y: auto;
}

@media (max-width: 768px) {
	.form-row {
		grid-template-columns: 1fr;
	}

	#emi-search-doctor-form input[type="submit"],
	#emi-search-doctor-form input[type="button"],
	#emi-select-specialty,
	#emi-select-specialty + .select2-container {
		width: 100% !important;
	}

	#emi-search-doctor-form > div:last-child {
		flex-direction: column;
	}
}

#emi-doctor-table-results {
    max-width: 768px !important;;
    border-width: 1px;
}
#emi-doctor-table-results th {
    font-size: .875em !important;
    font-weight: 700;
}
#emi-doctor-table-results th,
#emi-doctor-table-results td {
    padding: 8px !important;
    text-align: left;
    border: 1px solid #e5e5e5;
}
#emi-doctor-table-results th.is-name,
#emi-doctor-table-results tr:hover {
    background-color: #dbdbdb;
}

#doctor-not-found {
    color: rgb( 139, 5, 5 );
    font-weight: 700;
}