/* Google map <-> bootstrap problem fix */
.dpcalendar-fixed-map img {
	border: 0px;
	box-shadow: 0px;
	margin: 0px;
	max-width: none !important;
}

/* Standard DPCalendar button */
.dp-actions-container .dp-button {
	margin: 2px 2px 10px 2px;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* DPCalendar heading */
.dpcalendar-heading {
	border-bottom: 2px solid #DDDDDD;
	clear: both;
}

/* DPCalendar label */
.dpcalendar-label {
	font-weight: bold;
	text-align: left !important;
}

/* Standard DPCalendar input */
.dp-form-input {
	width: 100%;
	min-height: 28px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

/* Modal stuff */
.dpcalendar-modal .tingle-modal-box__content {
	padding: 1rem 1rem;
}

.dpcalendar-modal .tingle-modal__close {
	font-size: 3rem;
}

@media screen and (min-width: 1000px) {
	.control-group .controls dp-form-input {
		max-width: 60%;
	}
}

/* Standard radio buttons */
.dp-form-radio.radio {
	padding-left: 0px;
}

.dp-form-radio label {
	padding-right: 10px;
	border-radius: 3px;
	border: 1px solid #D1D3D4
}

/* hide input */
.dp-form-radio input[type=radio]:empty {
	display: none;
}

/* style label */
.dp-form-radio input[type=radio]:empty + label {
	position: relative;
	float: left;
	line-height: 2em;
	text-indent: 3em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 5px;
}

.dp-form-radio input[type=radio]:empty + label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
.dp-form-radio input[type=radio]:hover:not(:checked) + label:before {
	content: '\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

.dp-form-radio input[type=radio]:hover:not(:checked) + label {
	color: #888;
}

/* toggle on */
.dp-form-radio input[type=radio]:checked + label:before {
	content: '\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

.dp-form-radio input[type=radio]:checked + label {
	color: #777;
}

/* radio focus */
.dp-form-radio input[type=radio]:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}