/* General styling for the meeting form */
/* form#tms-create-meeting-form
{
	overflow: hidden;
} */
form#tms-create-meeting-form section.tms-step h3
{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--primary-website-font);
	padding: 15px 25px;
	background-color: var(--secondary-website-color);
	color: white;
}

form#tms-create-meeting-form section.tms-step .contentStep
{
	padding: 40px 25px;
	background-color: white;
	overflow: hidden;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

section.tms-step .contentStep label
{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #2F3439;
	width: 100%;
	padding: 5px;
	display: inline-block;
}
section.tms-step .contentStep label .accent
{
	color: var(--accent-website-color);
}

section.tms-step .contentStep input[type="text"],
section.tms-step .contentStep input[type="email"],
section.tms-step .contentStep input[type="date"],
section.tms-step .contentStep input[type="time"],
section.tms-step .contentStep input[type="datetime-local"],
section.tms-step .contentStep textarea#tms-meeting-description
{
	padding: 5px 5px 10px 5px;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
section.tms-step .contentStep input[type="text"],
section.tms-step .contentStep input[type="email"],
section.tms-step .contentStep textarea#tms-meeting-description
{
	width: 100%;
	font-size: 20px;
	line-height: 24px;
	font-family: var(--primary-website-font);
	color: rgba(0,0,0,0.75);
	margin-bottom: 25px;
}


section.tms-step .contentStep textarea#tms-meeting-description
{
	resize: vertical;
	max-width: 100%; 
	height: 80px;
	min-height: 80px;
}

.tms-email-type {
	background: white;
	border: 1px solid var(--secondary-website-color);
	color: var(--secondary-website-color);
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	/* opacity: 0.5; */
}
.tms-extra-email-buttons button {
	background: transparent;
	border: 1px solid var(--secondary-website-color);
	border-radius: 5px;
	color: var(--secondary-website-color);
	font-size: 18px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tms-extra-email-buttons button[disabled] {
	opacity: 0.5;
}

section.tms-step .contentStep input[type="text"]:focus,
section.tms-step .contentStep input[type="email"]:focus,
section.tms-step .contentStep input[type="date"]:focus,
section.tms-step .contentStep input[type="time"]:focus,
section.tms-step .contentStep input[type="datetime-local"]:focus,
section.tms-step .contentStep textarea#tms-meeting-description:focus,
section.tms-step .contentStep input[type="text"]:focus-visible,
section.tms-step .contentStep input[type="email"]:focus-visible,
section.tms-step .contentStep input[type="date"]:focus-visible,
section.tms-step .contentStep input[type="time"]:focus-visible,
section.tms-step .contentStep input[type="datetime-local"]:focus-visible,
section.tms-step .contentStep textarea#tms-meeting-description:focus-visible
{
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	outline: none;
}


/* Field error state */
.tms-single-field-wrap.tms-field-error > label
{
	color: #c0392b !important;
}

.tms-single-field-wrap.tms-field-error > label .accent
{
	color: #c0392b !important;
}

.tms-single-field-wrap.tms-field-error input[type="text"],
.tms-single-field-wrap.tms-field-error input[type="email"],
.tms-single-field-wrap.tms-field-error input[type="date"],
.tms-single-field-wrap.tms-field-error input[type="time"],
.tms-single-field-wrap.tms-field-error input[type="datetime-local"],
.tms-single-field-wrap.tms-field-error textarea,
.tms-single-field-wrap.tms-field-error select
{
	border-bottom-color: #c0392b !important;
	border-color: #c0392b;
}

.tms-single-field-wrap.tms-field-error .select2-selection
{
	border-color: #c0392b !important;
}

.tms-single-field-wrap
{
	margin-bottom: 25px;
}

#tms-step-feedback
{
	display: none;
}
#tms-step-feedback[data-status="error"] 
{
	display: block;
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 40px;
	border: 2px solid rgb(211, 12, 12);
	color: rgb(211, 12, 12);
}

.tms-date-field,
.tms-time-field
{
	position: relative;
}
.tms-date-field .tms-date-icon, 
.tms-time-field .tms-time-icon 
{
	position: absolute;
	top: 8px;
	left: 5px;
	width: 22px;
	height: auto;
	pointer-events: none;
}
.tms-date-field input,
.tms-time-field input
{
	padding-left: 45px !important;
}


/*WIZARD STEPS*/
.tms-action-buttons-step button.prevStep 
{
	background: transparent;
	border: 0;
	padding: 0 0 0 25px;
	color: var(--accent-website-color);
	font-weight: 700;
	cursor: pointer;
}

.tms-wizard-sidebar button.tms-sidebar-step-btn
{
	width: 100%;
}

.tms-wizard-sidebar button.tms-sidebar-step-btn span
{
	width: calc(100% - 12px);
	text-align: left;
	color: var(--accent-website-color);
	background-color: var(--grey-light-website-color); 
}
.tms-wizard-sidebar button.tms-sidebar-step-btn::after,
.tms-wizard-sidebar button.tms-sidebar-step-btn::before
{
	display: none;
}
.tms-wizard-sidebar button.tms-sidebar-step-btn.is-current-step span
{
	border-color: var(--accent-website-color);
}

.tms-wizard-sidebar button.tms-sidebar-step-btn[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.loader {
	border: 4px solid rgba(255, 255, 255, 0.4);
	border-top: 4px solid var(--accent-website-color);
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: spin 1s linear infinite;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	display: none;
}
.loader.visible {
	display: inline-block;
}




/*SELECT2
 
.tms-create-meeting-wizard .select2-container {
	width: 100% !important;
}

.tms-create-meeting-wizard .select2-container--default .select2-selection--multiple {
	min-height: 42px;
	padding: 4px 6px;
}

.tms-create-meeting-wizard .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	padding: 0 !important;
}

.tms-create-meeting-wizard .select2-container--default .select2-selection--multiple .select2-search--inline {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	float: none !important;
	display: inline-flex !important;
	margin: 0 !important;
	width: 100% !important;
}


.tms-create-meeting-wizard .select2-container--default .select2-selection--multiple .select2-search__field {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	display: inline-block !important;
	width: 100% !important;
	 
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 6px !important;
	margin: 0 !important;
	opacity: 1 !important;
	color: #111 !important;
	background: transparent !important;
}

.tms-create-meeting-wizard .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 4px;
}
*/