.DatePicker{
	.pickerBtnBlock{
		padding-top:6px;
	}
	img.calendar {
		float: right;
		height: 1.45em;
		width: 1.45em;
		padding: 0.4em 0.6em 0.4em 0.2em;
		right:0;
		position: absolute;
	}
	.DisabledControl {
		i, img{
		opacity: 0.65;
		}
	}
	.Selected & {
		//Theming - color: white;
		//Theming - background: @prime-bg;
	}
	input::placeholder {
		color: var(--date-time-picker-placeholder-color);
	}

	.DatePickerField {
		display: -webkit-flex;
		-webkit-flex-grow: 1;
	}
}

.DatePickerPhone{
	.DatePicker();
	img.calendar {
		padding:0em 4px;
	}
}

/* Overwrite animation: Slide up out */

@keyframes mbsc-anim-su-out {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(120%);
	}
}

@-webkit-keyframes mbsc-anim-su-out {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(120%);
	}
}

.mbsc-lumina {
	font-family: var(--slds-g-font-family);
	--mobi-expanded-control-background-color: var(--slds-g-color-surface-1);
	--mobi-expanded-control-background-fade-color: var(--slds-g-color-transparent);
	--mobi-expanded-control-headline-font-color: var(--slds-g-color-on-surface-2);
	--mobi-expanded-control-button-font-color: var(--slds-g-color-accent-2);
	--mobi-expanded-control-current-element-font-color: var(--slds-g-color-on-surface-2);
	--mobi-expanded-control-other-elements-font-color: var(--slds-g-color-on-surface-2);
	--mobi-expanded-control-separator-color: var(--slds-g-color-border-1);

	.mbsc-fr-popup {
		filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.18)) drop-shadow(0 0 2px rgba(0, 0, 0, 0.18));
	}

	.mbsc-fr-w {
		border-radius: 20px;
		overflow: hidden;
	}
}