.dtp {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);z-index: 2000;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dtp > .dtp-content {background: #fff;max-width: 300px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);max-height: 520px;position: relative;left: 50%;}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {background: #689f38;color: #fff;text-align: center;padding: .3em;}
.dtp div.dtp-date, .dtp div.dtp-time {background: #8bc34a;text-align: center;color: #fff;padding: 10px;}
.dtp div.dtp-date > div {padding: 0;margin: 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 {font-size: 1.5em;color: #dcedc8;}
.dtp div.dtp-picker {padding: 1em;text-align: center;}
.dtp div.dtp-picker-month, .dtp div.dtp-actual-time {font-weight: 500;text-align: center;}
.dtp div.dtp-picker-month {padding-bottom: 20px !important;text-transform: uppercase !important;}
.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 {margin: 0;min-height: 251px;}
.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 {font-weight: 700;font-size: .8em;text-align: center;padding: .5em .3em;}
.dtp table.dtp-picker-days tr > td > span.dtp-select-day {color: #bdbdbd !important;padding: .4em .5em .5em .6em;}
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a {color: #212121;text-decoration: none;padding: 8px;border-radius: 50% !important;}
.dtp table.dtp-picker-days tr > td > a.selected {background: #8bc34a;color: #fff;}
.dtp table.dtp-picker-days tr > th {color: #757575;text-align: center;font-weight: 700;padding: .4em .3em;}
.dtp .p10 > a {color: #689f38;text-decoration: none;}
.dtp .p10 {width: 10%;display: inline-block;}
.dtp .p20 {width: 20%;display: inline-block;}
.dtp .p60 {width: 60%;display: inline-block;}
.dtp .p80 {width: 80%;display: inline-block;}
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {position: relative;top: 10px;color: #212121;font-weight: 500;padding: .7em .5em;border-radius: 50% !important;text-decoration: none;background: #eee;font-size: 1em;}
.dtp .dtp-actual-meridien a.selected {background: #689f38;color: #fff;}
.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 {text-align: center;padding-top: 5px;font-size: large;cursor: pointer;margin: 0 auto;}
.dtp-actual-year:hover {cursor: pointer;}
.dtp-actual-year.disabled:hover {cursor: inherit;}
.year-picker-item:hover {color: #689f38;}
.year-picker-item.active {color: #689f38;font-weight: bold;}
.dtp-select-year-range {display: inline-block;text-align: center;width: 100%;}