/* DTP */
.dtp .modal-dialog { width: 300px; }
.dtp .modal-body { padding: 0!important; }
.dtp header.dtp-header { background: #012d50;/*changable color*/
 color: #fff; text-align: center; padding: 10px;}
.dtp div.dtp-date { background: #02467d;/*changable color*/
text-align: center; color: #fff; padding: 10px;}
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 2.2em; }
.dtp div.dtp-actual-num { font-size: 5em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 2.2em; color: #DCEDC8; }
.dtp div.dtp-picker { padding: 10px 0 0 0; text-align: center; }
.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; font-size: 1.2em; padding-bottom: 10px; }
.dtp table.dtp-picker-days { margin: 0; }
.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: 500; text-align: center; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 2px 3px; border-radius: 50%!important; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #012d50; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; }
.dtp div.dtp-picker-clock { margin: 0 20px; border-radius: 50%!important; background: #eee; }
.dtp-picker-time > a { display: block; width: 29px; height: 29px; }
.dtp .dtp-buttons { padding: 0 10px 10px 10px; }
span[class^=mdi-], [class*=" mdi-"] { position: relative; top: 7px; }
.dtp .dtp-picker-time > a.dtp-select-hour.selected { background: #689F38; color: #fff; }
.dtp .dtp-picker-time > a.dtp-select-hour.disabled, .dtp .dtp-picker-time > a.dtp-select-minute.disabled { color: #757575; }
.dtp .dtp-picker-time > a.dtp-select-minute.selected { background: #8BC34A; color: #fff; }
.dtp .col-sm-2 { text-align: center; font-size: 2.2em; }
.dtp .col-sm-2 > a { color: #689F38; text-decoration: none; }
.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { color: #212121; font-weight: 500; padding: 12px 10px; border-radius: 50%!important;text-decoration: none; background: #eee; }
.dtp .dtp-picker-time { position: absolute;width: 30px;height: 30px;font-size: 1.2em;line-height: 20px;border-radius: 50%;cursor: pointer;font-weight: 500;text-align: center!important; }
.dtp .dtp-hand, .dtp .dtp-hour-hand { position: absolute; width: 4px; margin-left: -2px; background: #BDBDBD; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: bottom; -ms-transform-origin: bottom; -webkit-transform-origin: bottom; transform-origin: bottom; z-index: 1; }
.dtp .dtp-minute-hand { width: 2px; margin-left: -1px; }
.dtp .dtp-hand.on { background: #8BC34A; }
.dtp-clock-center { width: 15px; height: 15px; background: #757575; border-radius: 50%; position: absolute; z-index: 50; }