@charset "utf-8";

.cursorily { cursor: pointer; }

.hov:hover { color: rgb(0, 0, 0); }

.ico-size { font-size: 16px; }

.ico-size-month { font-size: 26px !important; line-height: 26px !important; }

.ico-size-large { font-size: 40px !important; line-height: 30px; }

.dtp_main { border: 1px solid rgb(238, 238, 238); border-radius: 3px; background-color: rgb(255, 255, 255); padding: 8px 0px 8px 8px; }

.dtp_main span, .dtp_main i { display: inline-block; padding-right: 8px; }

.dtp_modal-win { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background-color: rgb(238, 238, 238); opacity: 0.6; }

.dtp_modal-content { background-color: rgb(255, 255, 255); border-radius: 10px; width: fit-content; position: absolute; z-index: 1000; top: 100px; left: 100px; font-size: 16px; font-weight: normal; }

.dtp_modal-content-no-time { background-color: rgb(255, 255, 255); border-radius: 10px; width: 312px; position: absolute; z-index: 1000; top: 100px; left: 100px; font-size: 16px; font-weight: normal; }

.dtp_modal-title { border-bottom: 3px solid rgb(84, 100, 107); padding: 16px 36px; margin-bottom: 16px; font-size: 22px; }

.dtp_modal-cell-date { width: 312px; float: left; margin-bottom: 22px; margin-top: 6px; }

.dtp_modal-cell-time { width: 311px; float: right; direction: ltr; border-left: 0px solid rgb(0, 0, 0); }

.dtp_modal-months { color: rgb(125, 125, 125); text-align: center; font-size: 20px; padding: 0px 20px; }

.dtp_modal-months span { display: inline-block; padding: 10px 20px; width: 182px; }

.dtp_modal-calendar { width: 266px; margin-left: 22px; }

.dtp_modal-calendar-cell { width: 38px; padding: 7px 0px; display: inline-block; text-align: center; }

.dtp_modal-colored { color: rgb(84, 100, 107); }

.dtp_modal-grey { color: rgb(125, 125, 125); }

.dtp_modal-cell-selected { background-color: rgb(84, 100, 107); border-radius: 48%; transition: background-color 1s ease-out; }

.dtp_modal-time-block { height: 212px; width: 310px; }

.dpt_modal-button { background-color: rgb(84, 100, 107); color: rgb(255, 255, 255); font-size: 24px; padding: 8px 40px; float: left; text-align: center; display: inline-block; margin-left: 86px; cursor: pointer; border: 1px solid rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px; }

.dtp_modal-time-line { text-align: center; color: rgb(125, 125, 125); font-size: 20px; padding-top: 15px; }

.dtp_modal-time-mechanic { padding-top: 16px; }

.dtp_modal-append { color: rgb(125, 125, 125); padding-left: 108px; font-weight: normal; }

.dtp_modal-midle { display: inline-block; width: 40px; }

.dtp_modal-midle-dig { display: inline-block; width: 16px; text-align: center; }

.dtp_modal-digits { font-size: 50px; padding-left: 96px; }

.dtp_modal-digit { }