.dtpicker-overlay {
	background: rgba(0, 0, 0, 0.2); font-size: 12px; display: none; z-index: 2000; min-width: 300px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
.dtpicker-mobile {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed;
}
.dtpicker-overlay * {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dtpicker-bg {
	width: 100%; height: 100%; font-family: Arial;
}
.dtpicker-cont {
	border: 1px solid rgb(236, 240, 241); border-image: none;
}
.dtpicker-mobile .dtpicker-cont {
	border: currentColor; border-image: none; top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.dtpicker-content {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 1em 0px; max-width: 500px;
}
.dtpicker-mobile .dtpicker-content {
	width: 97%;
}
.dtpicker-subcontent {
	position: relative;
}
.dtpicker-header {
	margin: 0.2em 1em;
}
.dtpicker-header .dtpicker-title {
	text-align: center; color: rgb(41, 128, 185); font-size: 1.1em;
}
.dtpicker-header .dtpicker-close {
	padding: 0.5em 0.5em 1em 1em; top: -0.7em; right: 0.3em; color: rgb(255, 59, 48); font-size: 1.5em; position: absolute; cursor: pointer;
}
.dtpicker-header .dtpicker-close:hover {
	color: rgb(255, 59, 48);
}
.dtpicker-header .dtpicker-value {
	padding: 0.8em 0.2em 0.2em; text-align: center; color: rgb(255, 59, 48); font-size: 1.4em;
}
.dtpicker-components {
	margin: 1em; overflow: hidden; font-size: 1.3em;
}
.dtpicker-components * {
	margin: 0px; padding: 0px;
}
.dtpicker-components .dtpicker-compOutline {
	float: left; display: inline-block;
}
.dtpicker-comp2 {
	width: 50%;
}
.dtpicker-comp3 {
	width: 33.3%;
}
.dtpicker-comp4 {
	width: 25%;
}
.dtpicker-comp5 {
	width: 20%;
}
.dtpicker-comp6 {
	width: 16.66%;
}
.dtpicker-comp7 {
	width: 14.28%;
}
.dtpicker-components .dtpicker-comp {
	margin: 2%; text-align: center;
}
.dtpicker-components .dtpicker-comp > * {
	height: 30px; text-align: center; color: rgb(41, 128, 185); line-height: 30px; display: block;
}
.dtpicker-components .dtpicker-comp > *:hover {
	color: rgb(41, 128, 185);
}
.dtpicker-components .dtpicker-compButtonEnable {
	opacity: 1;
}
.dtpicker-components .dtpicker-compButtonDisable {
	opacity: 0.5;
}
.dtpicker-components .dtpicker-compButton {
	background: rgb(255, 255, 255); font-size: 140%; cursor: pointer;
}
.dtpicker-components .dtpicker-compValue {
	background: rgb(255, 255, 255); margin: 0.4em 0px; border: currentColor; border-image: none; width: 100%; font-size: 100%; -webkit-appearance: none; -moz-appearance: none;
}
.dtpicker-overlay .dtpicker-compValue:focus {
	background: rgb(242, 252, 255);
}
.dtpicker-buttonCont {
	margin: 0.2em 1em; overflow: hidden;
}
.dtpicker-buttonCont .dtpicker-button {
	background: rgb(255, 59, 48); padding: 0.6em 0px; width: 47%; text-align: center; color: rgb(255, 255, 255); font-size: 1.3em; display: block; cursor: pointer;
}
.dtpicker-buttonCont .dtpicker-button:hover {
	color: rgb(255, 255, 255);
}
.dtpicker-singleButton .dtpicker-button {
	margin: 0.2em auto;
}
.dtpicker-twoButtons .dtpicker-buttonSet {
	float: left;
}
.dtpicker-twoButtons .dtpicker-buttonClear {
	float: right;
}