/* Make Dash DatePickerSingle input smaller */
.DateInput_input,
.DateInput_input_1 {
    font-size: 0.85em !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
    width: 90px !important;
    max-width: 110px !important;
}

/* Hide the hidden/duplicate input */
.DateInput_input[aria-hidden="true"] {
    display: none !important;
}

/* Make the calendar icon smaller and align it */
.SingleDatePickerInput_calendarIcon {
    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Make the time input border soft grey */
#start-time-input, #end-time-input {
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
} 

/* Login specific loading message styling */
.login-loading .dash-spinner {
	/* Keep default spinner */
}

.login-loading-message {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -20px);
	background: rgba(255,255,255,0.95);
	padding: 12px 16px;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(56,70,93,0.12);
	color: #38465d;
	font-family: Montserrat, Inter, Roboto, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	z-index: 3000;
}

.login-loading.is-loading .login-loading-message {
	display: block;
}