.Zebra_DatePicker {
    background:#fff;
    border:1px solid #aaa;
    border-radius:4px;
    box-shadow:0 0 10px #ccc;
    color:#222;
    font:16px;
    padding:5px;
    position:absolute;
    display:table;
    *width:255px;
    z-index:1200
   }
   .Zebra_DatePicker *,
   .Zebra_DatePicker :after,
   .Zebra_DatePicker :before {
    box-sizing:content-box!important
   }
   .Zebra_DatePicker * {
    padding:0
   }
   .Zebra_DatePicker table {
    border-collapse:collapse;
    border-radius:4px;
    border-spacing:0;
    width:100%
   }
   .Zebra_DatePicker td,
   .Zebra_DatePicker th {
    border-radius:4px;
    padding:5px;
    cursor:pointer;
    text-align:center;
    min-width:25px;
    width:25px;
    font-size: 14px !important;
    color: var(--body-color);
   }
   .Zebra_DatePicker .dp_body .dp_not_in_month {
    color:#666
   }
   .Zebra_DatePicker .dp_body .dp_time_controls_condensed td {
    width:25%
   }
   .Zebra_DatePicker .dp_body .dp_current {
    color:#FFFFFF;
    font-weight: bold;
    background-color: var(--bg-success);
   }
   .Zebra_DatePicker .dp_body .dp_selected {
    background:var(--bg-success);
    color:#fff
   }
   .Zebra_DatePicker .dp_body .dp_disabled {
    color:#bbb;
    cursor:text
   }
   .Zebra_DatePicker .dp_body .dp_disabled.dp_current {
    color:#b4d5e6
   }
   .Zebra_DatePicker .dp_body .dp_hover {
    background:#dedede
   }
   .Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color:#dedede
   }
   .Zebra_DatePicker .dp_monthpicker td,
   .Zebra_DatePicker .dp_timepicker td,
   .Zebra_DatePicker .dp_yearpicker td {
    width:33.3333%
   }
   .Zebra_DatePicker .dp_timepicker .dp_disabled {
    border:none;
    color:#222;
    font-size:16px;
    font-weight:700
   }
   .Zebra_DatePicker .dp_time_separator div {
    position:relative
   }
   .Zebra_DatePicker .dp_time_separator div:after {
    content:":";
    color:#222;
    font-size:18px;
    left:100%;
    margin-left:2px;
    margin-top:-13px;
    position:absolute;
    top:50%;
    z-index:1
   }
   .Zebra_DatePicker .dp_header {
    margin-bottom:5px
   }
   @supports (-ms-ime-align:auto) {
    .Zebra_DatePicker .dp_header {
     font-family:'Segoe UI Symbol',Tahoma,Arial,Helvetica,sans-serif
    }
   }
   .Zebra_DatePicker .dp_footer {
    margin-top:5px
   }
   .Zebra_DatePicker .dp_footer .dp_icon {
    width:50%
   }
   .Zebra_DatePicker .dp_actions td {
    border-radius:4px
   }
   .Zebra_DatePicker .dp_actions .dp_caption {
    font-weight:700;
    width:100%
   }
   .Zebra_DatePicker .dp_actions .dp_next,
   .Zebra_DatePicker .dp_actions .dp_previous {
    *padding:0 10px
   }
   .Zebra_DatePicker .dp_actions .dp_hover {
    background-color:#dedede
   }
   .Zebra_DatePicker .dp_daypicker th {
    cursor:text;
    font-weight:700
   }
   .Zebra_DatePicker.dp_hidden {
    display:none
   }
   .Zebra_DatePicker .dp_icon {
    height:16px;
    background-image:url(icons.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    *text-indent:0
   }
   .Zebra_DatePicker .dp_icon.dp_confirm {
    background-position:center -123px
   }
   .Zebra_DatePicker .dp_icon.dp_view_toggler {
    background-position:center -91px
   }
   .Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
    background-position:center -59px
   }
   button.Zebra_DatePicker_Icon {
    background:url(icons.png) center top no-repeat;
    border:none;
    cursor:pointer;
    display:block;
    height:16px;
    line-height:0;
    padding:0;
    position:absolute;
    text-indent:-9000px;
    width:16px
   }
   button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-position:center -32px;
    cursor:default
   }