/* */
.SweetPicker,
.SweetPicker * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.SweetDatePicker { position: fixed; background: white; z-index: 90000; font-size: 10pt; color: #606060; width: 196px; }
.SweetPickerDimmer { position: fixed; background: #000; z-index: 89999; left: 0; top: 0; right: 0; bottom: 0; -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); }

.SweetDatePicker > .sp-Selected { text-align: center; }
.SweetDatePicker .sp-Selected .sp-Day { background: #aaaaaa; color: #ffffff; padding: 2px; }
.SweetDatePicker .sp-Selected .sp-Month { font-size: 1.8em; }
.SweetDatePicker .sp-Selected .sp-Date { font-size: 1.8em; font-weight: bold; }
.SweetDatePicker .sp-Selected .sp-Year { font-size: 1.8em; }
 
.SweetDatePicker .sp-CalendarWindow { width: 100%; height: 186px; overflow: hidden; background: #ececec; }
.SweetDatePicker .sp-CalendarWindow table { border-collapse: collapse; border: none; margin: 0; padding: 0; }
.SweetDatePicker .sp-CalendarWindow table tr td:first-child { font-size: 0.8em; font-style: italic; }
.SweetDatePicker .sp-CalendarWindow td { margin: 0; padding: 0; width: 28px !important; height: 28px !important; }
.SweetDatePicker .sp-CalendarWindow .sp-Month td { font-size: 1.0em; height: 20px; line-height: 20px; text-align: center; }
.SweetDatePicker .sp-CalendarWindow table td div { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 1.1em; position: relative; }
.SweetDatePicker .sp-CalendarWindow table td div div { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.SweetDatePicker .sp-CalendarWindow .sp-NotInMonth { color: #d8d8d8; }
.SweetDatePicker .sp-CalendarWindow .sp-Today { color: #EB5E7B; }
.SweetDatePicker .sp-CalendarWindow .sp-Selected { font-weight: bold; }
/*.SweetDatePicker .sp-CalendarWindow .sp-Selected div { z-index: 2; position: relative; }*/
/*.SweetDatePicker .sp-CalendarWindow .sp-Selected div:after { content: ''; position: absolute; display: block; width: 22px; height: 22px; top: 3px; left: 3px; background: #7CC63D; z-index: 1; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -moz-opacity: 0.30; opacity: 0.30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); }*/
.SweetDatePicker .sp-CalendarWindow .sp-Selected .sp-Indicator { width: 22px; height: 22px; top: 3px; left: 3px; background: #7CC63D; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -moz-opacity: 0.30; opacity: 0.30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); }

.SweetDatePicker .sp-CalendarContainer { margin-left: -28px; position: relative; }
.SweetDatePicker.sp-ShowWeek .sp-CalendarContainer { margin-left: 0; }

.SweetDatePicker .sp-Buttons { height: 28px; width: 100%; background: #ececec; }
.SweetDatePicker .sp-Buttons .sp-Button { height: 28px; width: 50%; float: left; text-align: center; line-height: 28px; font-size: 1.0em; border-left: solid 1px #c4c4c4; border-top: solid 1px #c4c4c4; cursor: pointer; }
.SweetDatePicker .sp-Buttons .sp-Button:first-child { border-left: none; }

.SweetDatePicker.Landscape { width: 392px; height: 186px; }
.SweetDatePicker.Landscape .sp-Selected { width: 50%; height: 158px; float: left; position: relative; }
.SweetDatePicker.Landscape .sp-CalendarWindow,
.SweetDatePicker.Landscape .sp-TimeWindow { float: right; width: 50%; }
.SweetDatePicker.Landscape .sp-Buttons { width: 50%; float: left; }
.SweetDatePicker.Landscape .sp-Month { margin-top: 18px; }

.SweetDatePicker .sp-Time { font-size: 1.8em; }
.SweetDatePicker .sp-Time * { display: inline-block; }
.SweetDatePicker.Landscape .sp-Time { position: absolute; top: 50%; left: 0; right: 0; height: 30px; margin-top: -15px; }


.SweetDatePicker .sp-TimeWindow { height: 186px; background: #ececec; position: relative; }
.SweetDatePicker .sp-Time .sp-Active { color: #f25d7d}
.SweetDatePicker .sp-Time .sp-Hour { cursor: pointer; width: 50%; position: absolute; top: 0; left: 0; text-align: right; padding-right: 2px; }
.SweetDatePicker .sp-Time .sp-Minute { cursor: pointer; width: 50%; position: absolute; top: 0; right: 0; text-align: left; padding-left: 2px;}





.SweetTimePicker { position: fixed; background: white; z-index: 90000; font-size: 10pt; color: #606060; min-width: 196px; max-width: 250px; width: 98%; }

.SweetTimePicker .sp-Picker {  background: #ececec; }

.SweetTimePicker .sp-Selected { text-align: center; }

.SweetTimePicker .sp-Buttons { height: 28px; width: 100%; background: #ececec; }
.SweetTimePicker .sp-Buttons .sp-Button { height: 28px; width: 50%; float: left; text-align: center; line-height: 28px; font-size: 1.0em; border-left: solid 1px #c4c4c4; border-top: solid 1px #c4c4c4; cursor: pointer; }
.SweetTimePicker .sp-Buttons .sp-Button:first-child { border-left: none; }


.SweetTimePicker .sp-Time { font-size: 1.8em; position: relative; }
.SweetTimePicker .sp-Time * { display: inline-block; }
.SweetTimePicker .sp-Time .sp-Active { color: #f25d7d}
.SweetTimePicker .sp-Time .sp-Hour { cursor: pointer; width: 50%; position: absolute; top: 0; left: 0; text-align: right; padding-right: 2px; }
.SweetTimePicker .sp-Time .sp-Minute { cursor: pointer; width: 50%; position: absolute; top: 0; right: 0; text-align: left; padding-left: 2px;}


.SweetTimePicker .sp-TimeWindow { width: 100%; height: 0; padding-bottom: 100%; position: relative; }

.SweetTimePicker .sp-Dial { position: absolute; top: 3%; right: 3%; bottom: 3%; left: 3%; padding-bottom: 84%; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.SweetTimePicker .sp-Dial .sp-DialHours,
.SweetTimePicker .sp-Dial .sp-DialMinutes { width: 84%; height: 84%; margin-left: -42%; margin-top: -42%; position: absolute; top: 50%; left: 50%; display: none; }
.SweetTimePicker .sp-Dial .sp-DialInnerHours { width: 60%; height: 60%; margin-left: -30%; margin-top: -30%;  }
.SweetTimePicker .sp-Dial > div.sp-Active { display: block; }

.SweetTimePicker .sp-Dial .sp-Hour,
.SweetTimePicker .sp-Dial .sp-Minute { z-index: 1; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: -10px; margin-top: -10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.SweetTimePicker .sp-Dial .sp-Hour > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.SweetTimePicker .sp-Dial .sp-Minute > div { position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; width: 8px;; height: 8px; }

.SweetTimePicker .sp-Dial .sp-TimeSelector { cursor: pointer; z-index: 2; background: #f25d7d; -moz-opacity: 0.00; opacity: 0.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.SweetTimePicker .sp-Dial .sp-TimeSelector.sp-Active { -moz-opacity: 0.30; opacity: 0.30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }

.SweetTimePicker .sp-Events { cursor: pointer; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; }


.SweetTimePicker.Landscape { width: 380px; height: 186px; max-width: 95% }
.SweetTimePicker.Landscape .sp-Selected { float: left; width: 50%; position: relative; height: 100%; padding-bottom: 29px;}
.SweetTimePicker.Landscape .sp-Picker { width: 50%; float: right; height: 100%; position: relative;}
.SweetTimePicker.Landscape .sp-Buttons { float: left; width: 50%; margin-top: -29px; }

.SweetTimePicker.Landscape .sp-TimeWindow { position: absolute; top: 50%; margin-top: -50%; left: 50%; margin-left: -50%; }

.SweetTimePicker .sp-Selected .sp-Day { background: #aaaaaa; color: #ffffff; padding: 2px; }
.SweetTimePicker .sp-Selected .sp-Month { font-size: 1.8em; }
.SweetTimePicker .sp-Selected .sp-Date { font-size: 1.8em; font-weight: bold; }
.SweetTimePicker .sp-Selected .sp-Year { font-size: 1.8em; }

.SweetTimePicker .sp-CalendarWindow { width: 100%; height: 186px; overflow: hidden; background: #ececec; }
.SweetTimePicker .sp-CalendarWindow table { border-collapse: collapse; border: none; margin: 0; padding: 0; }
.SweetTimePicker .sp-CalendarWindow table tr td:first-child { font-size: 0.8em; font-style: italic; }
.SweetTimePicker .sp-CalendarWindow td { margin: 0; padding: 0; width: 28px !important; height: 28px !important; }
.SweetTimePicker .sp-CalendarWindow .sp-Month td { font-size: 1.0em; height: 20px; line-height: 20px; text-align: center; }
.SweetTimePicker .sp-CalendarWindow table td div { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 1.1em; }
.SweetTimePicker .sp-CalendarWindow .sp-NotInMonth { color: #d8d8d8; }
.SweetTimePicker .sp-CalendarWindow .sp-Today { color: #EB5E7B; }
.SweetTimePicker .sp-CalendarWindow .sp-Selected { font-weight: bold; }
.SweetTimePicker .sp-CalendarWindow .sp-Selected div { z-index: 2; position: relative; }
.SweetTimePicker .sp-CalendarWindow .sp-Selected div:after { content: ''; position: absolute; display: block; width: 22px; height: 22px; top: 3px; left: 3px; background: #7CC63D; z-index: 1; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -moz-opacity: 0.30; opacity: 0.30; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30); }