
.decisions-demo-scheduler {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	margin: 30px 0 !important;
	clear: both;
}

/**
 * Steps
 */
.decisions-demo-scheduler.dds-step-1 .dds-step-1-container {
	display: flex;
}

.decisions-demo-scheduler.dds-step-1 .dds-step-2-container {
	display: none;
}

.decisions-demo-scheduler.dds-step-2 .dds-step-1-container {
	display: none;
}

.decisions-demo-scheduler.dds-step-2 .dds-step-2-container {
	display: block;
}

/**
 * Calendar
 BORIS COMMENTED OUT

.decisions-demo-scheduler .demo-scheduler-calendar {
	width: 50%;
	float: left;
}
*/

/**
 * Time picker
 BORIS COMMENTED OUT

.decisions-demo-scheduler .demo-scheduler-time {
	width: 50%;
	float: left;
}
*/

/**
 * Date picker
 */
.litepicker .container__months .container__days .day-item.is-today.is-locked {
	color: #384146;
	opacity: .8;
}

.decisions-demo-scheduler.dds-loading {
	display: block;
}

/* BORIS COMMENTED OUT
.demo-scheduler-time ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.demo-scheduler-time ul li {
	padding: 12px 24px;
	margin-bottom: 5px;
    border: 1px solid #cbd6e2;
    cursor: pointer;
}

.demo-scheduler-time ul li:hover, .demo-scheduler-time ul li.selected {
	background-color: lightgray;
}
*/
.decisions-demo-scheduler.dds-loading .demo-scheduler-time ul li {
	color: lightgray;
	border-color: lightgray;
}

.demo-scheduler-time ul li.demo-timepicker-taken {
	display: none;
}

/**
 * Submission form
 */
.decisions-demo-scheduler .demo-scheduler-form {
	width: 50%;
	float: left;
}

#demo-scheduler-form-slot.demo-scheduler-form-slot-hidden {
	display: none;
}

.demo-scheduler-form #demo-scheduler-form {
	display: block;
}

.demo-scheduler-form #demo-scheduler-form label>span {
	color: #c87872;
}

.demo-scheduler-form #demo-scheduler-form .form-errors {
	display: none;
	color: #c87872;
	margin-top: 20px;
}

.demo-scheduler-form #demo-scheduler-form.demo-scheduler-form-invalid .form-errors {
	display: block;
}

.demo-scheduler-form #demo-scheduler-form.demo-scheduler-form-invalid input.invalid {
	border-color: #c87872;
}

.demo-scheduler-form.dds-form-loading #demo-scheduler-form {
	display: none;
}

.demo-scheduler-form .demo-scheduler-form-loader {
	text-align: center;
	display: none;
}

.demo-scheduler-form.dds-form-loading .demo-scheduler-form-loader {
	display: block;
}

/**
 * Sucess
 */
.decisions-demo-scheduler .demo-scheduler-success {
	display: none;
}

.decisions-demo-scheduler.complete .dds-step-1-container, .decisions-demo-scheduler.complete .dds-step-2-container {
	display: none;
}

.decisions-demo-scheduler.complete .demo-scheduler-success {
	display: block;
}

/** Hubspot */
#demo-scheduler-hubspot-container .submitted-message {
	display: none;
}

/** Events loader */
.dds-inital-loader {
	display: none;
}

/** Loader */
.dds-loader-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.dds-loader-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #3a85c5;
	border-color: #3a85c5 transparent #3a85c5 transparent;
	animation: dds-loader-ring 1.2s linear infinite;
}

@keyframes dds-loader-ring {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}
