.cursorily{ cursor: pointer;}
.hov:hover{ color: #000;}
.ico-size{font-size: 16px;}
.ico-size-month{font-size: 60px!important; line-height: 40px!important; width:40px;}
.ico-size-large{ font-size: 50px!important; line-height: 30px; width:40px;}
.dtp_main{ /*border: solid 1px #eee; border-radius: 3px; background-color: #fff; padding: 0px 15px 15px 0px;*/}
.dtp_main span, .dtp_main i{ display: inline-block; padding-right: 8px;}
.dtp_modal-win{position: fixed;left: 0; top: 0; width: 100%; height: 100%;
    z-index: 999; background-color: #eeeeee; opacity: 0.6;}
.dtp_modal-content{ background-color: #fff; border-radius: 10px; width: 630px; color: #000000; 
    position: absolute; z-index: 9001; top: 100px; left: 100px; font-size: 16px;font-weight: normal; border: 1px solid #313131;}
.dtp_modal-content-no-time{ background-color: #fff; border-radius: 10px; width: 312px;
    position: absolute; z-index: 9001; top: 100px; left: 100px; font-size: 16px;font-weight: normal;}
.dtp_modal-title{ /*border-bottom: solid 3px #01adff; padding: 16px 36px; margin-bottom: 16px;  font-size: 22px; */}
.dtp_modal-cell-date{ width: 312px;  float: right; margin-bottom: 22px; margin-top: 22px; border-left: solid 1px #000;}
.dtp_modal-cell-time{width: 311px; float: left; direction: ltr; }
.dtp_modal-months{ color: #7d7d7d; text-align: center; font-size: 20px; padding: 0 20px;}
.dtp_modal-months span{ display: inline-block; margin-bottom:20px; /*padding: 10px 20px;*/ width: 182px;}
.dtp_modal-calendar{ width: 266px; margin-left: 22px; }
.dtp_modal-calendar-cell{ width: 38px; padding: 7px 0; display: inline-block; text-align: center;}
.dtp_modal-colored{ color: #313131; }
.dtp_modal-grey{ color: #7d7d7d; }
.dtp_modal-cell-selected{ background-color: #313131; border-radius: 48%;  transition: background-color 1s ease-out;color:white;}
.dtp_modal-time-block{ height: 250px; width: 310px; }
.dpt_modal-button{ background-color: #313131; color: #fff; font-size: 24px; padding: 8px 30px; float: left; text-align: center; display: inline-block; margin-left: 22px; cursor: pointer; border: solid 1px #fff; border-radius: 3px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top: 20px;}
.dtp_modal-time-line{ text-align: center; color: #7d7d7d; font-size: 20px; padding-top: 15px;  }
.dtp_modal-time-mechanic{ padding-top: 5px;}
.dtp_modal-append{ color: #7d7d7d; padding-left: 108px; font-weight: normal; }
.dtp_modal-midle{ display: inline-block; width: 30px; }
.dtp_modal-midle-dig{display: inline-block; width: 16px; text-align: center; }
.dtp_modal-digits{ font-size: 45px; padding-left: 96px; color: #000000; }
.dtp_modal-digit{  }
.container_ntpd{margin: auto; width: 40%;}
#label_ntpd{float: left; margin: 2px 10px 0 0; }
#input_ntpd{float: left; width: 30px; height:25px; border: solid gray 2px; cursor: pointer;}