.dtp {position:fixed;z-index:2000;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0, 0, 0, .4);font-size:14px;}
.dtp-btn-calendar-ico {position:relative;left:10px;display:inline-block;float:left;cursor:pointer;}
.dtp-btn-clock-ico {position:relative;display:inline-block;cursor:pointer;}
.disabled {cursor:default;opacity:.2;}
.dtp > .dtp-content {position:relative;left:50%;max-width:300px;max-height:520px;background:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {padding:.5em;text-align:center;color:#fff;background: #000000;}
.dtp div.dtp-date,
.dtp div.dtp-time {padding:10px;text-align:center;color:#fff;background: #292929;}
.dtp div.dtp-date > div {margin:0;padding:0;}
.dtp div.dtp-actual-month {font-size:1.5em;}
.dtp div.dtp-actual-num {font-size:3em;line-height:.9;}
.dtp div.dtp-actual-maxtime {font-size:3em;line-height:.9;}
.dtp div.dtp-actual-year {position:relative;color:#fff;font-size:1.5em;}
.dtp div.dtp-picker {padding:1em;text-align:center;}
.dtp div.dtp-picker-month,
.dtp div.dtp-actual-time {text-align:center;font-weight:700;}
.dtp div.dtp-picker-month {padding-bottom:20px!important;text-transform:uppercase!important;font-weight:600;}
.dtp .dtp-close {position:absolute;top:.5em;right:1em;}
.dtp .dtp-close > a {color:#fff;}
.dtp .dtp-close > a > i {font-size:1em;}
.dtp table.dtp-picker-days {min-height:251px;margin:0;width: 100%}
.dtp table.dtp-picker-days,
.dtp table.dtp-picker-days tr,
.dtp table.dtp-picker-days tr > td {border:none;}
.dtp table.dtp-picker-days tr > td {padding:.5em .3em;text-align:center;font-size:.8em;font-weight:700;}
.dtp table.dtp-picker-days tr > td > span.dtp-select-day {padding:.4em .5em .5em .6em;color:#bdbdbd!important;}
.dtp table.dtp-picker-days tr > td > a,
.dtp .dtp-picker-time > a {padding:.4em .5em .5em .6em;text-decoration:none;color:#212121;border-radius:50%!important;}
.dtp table.dtp-picker-days tr > td > a.selected {color:#fff;background:#000;}
.dtp table.dtp-picker-days tr > th {padding:.4em .3em;text-align:center;color:#e8e8e8;font-size:.9em;font-weight:700;}
.dtp .table > thead:first-child > tr:first-child > th {border:none;}
.dtp .p10 > a {text-decoration:none;color:RGBA(255,255,255,.7);}
.dtp-select-year-before {display:none;}
.dtp-select-year-after {display:none;}
.dtp .p10 {display:inline-block;width:10%;}
.dtp .p20 {display:inline-block;width:20%;}
.dtp .p60 {display:inline-block;width:60%;margin-bottom: 10px;}
.dtp .p80 {display:inline-block;width:80%;}
.dtp a.dtp-meridien-am,
.dtp a.dtp-meridien-pm {position:relative;top:10px;padding:.7em .5em;text-decoration:none;color:#212121;border-radius:50%!important;background:#eee;font-size:1em;font-weight:500;}
.dtp .dtp-actual-meridien a.selected {color:#fff;background:#000;}
.dtp .dtp-picker-time > .dtp-select-hour {cursor:pointer;}
.dtp .dtp-picker-time > .dtp-select-minute {cursor:pointer;}
.dtp .dtp-buttons {padding:0 1em 1em 1em;text-align:right;}
.dtp.hidden,
.dtp .hidden {display:none;}
.dtp .invisible {visibility:hidden;}
.dtp .left {float:left;}
.dtp .right {float:right;}
.dtp .clearfix {clear:both;}
.dtp .center {text-align:center;}
.dtp-picker-year {margin-bottom:1px;}
.year-picker-item {margin:0 auto;padding-top:5px;cursor:pointer;text-align:center;font-size:large;}
.dtp-actual-year:hover {cursor:pointer;}
.dtp-actual-year.disabled:hover {cursor:inherit;}
.year-picker-item:hover {color:#000;}
.year-picker-item.active {color:#fff;background:#960000;font-weight:bold;}
.dtp-select-year-range {display:inline-block;width:100%;text-align:center;background: rgba(45, 45, 45, .2)!important;padding:0px !important;margin: 5px 0 !important;}
.btn.btn-flat.dtp-btn-ok {color:#fff;margin-left: 5px;}