.cursorily{ cursor: pointer;}
.hov:hover{ color: #000;}
.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: solid 1px #ced4da;
    border-radius: 3px;
    background-color: #fff;
    padding: 6px;
    margin-left: 10px;
}
.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: 624px;
    position: absolute; z-index: 1000; top: 100px; left: 100px; font-size: 16px;font-weight: normal;}
.dtp_modal-content-no-time{ background-color: #fff; 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: solid 3px #54646b; padding: 16px 36px; margin-bottom: 16px;  font-size: 22px; }
.dtp_modal-cell-date {
/*    width: 312px;
    float: right;*/
    margin-bottom: 22px;
    margin-top: 6px;
}
.dtp_modal-cell-date-border {
    border-left: solid 1px #7d7d7d;
    border-top: none;
}
@media (max-width: 991.98px) {
    .dtp_modal-cell-date-border {
        border-left: none;
        border-top: solid 1px #7d7d7d;
    }
}

@media (max-width: 575px) {
    .modal-dialog {
        margin: 5px;
        padding-left: 0;
    }

    .modal-full-mobile {
        width: 100vw;
        height: 100vh;
    }
}

    .dtp_modal-cell-time {
        /*    width: 311px;
    float: left;*/
        direction: ltr;
        /*border-right: solid 1px #7d7d7d;*/
    }
.dtp_modal-months{ color: #7d7d7d; text-align: center; font-size: 20px; padding: 0 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 0; display: inline-block; text-align: center;}
.dtp_modal-colored{ color: #54646b; }
.dtp_modal-grey{ color: #7d7d7d; }
.dtp_modal-cell-selected {
    background-color: #ff8080;
    border-radius: 48%;
    transition: background-color 1s ease-out;
}
.dtp_modal-time-block{/* height: 212px; width: 310px;*/ }
.dpt_modal-button {
    background-color: #c0372c;
    color: #fff;
    font-size: 24px;
    padding: 8px 40px;
    /*float: left;*/
    text-align: center;
    /*display: inline-block;*/
    /*margin-left: 22px;*/
    margin:20px;
    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);
}
.dtp_modal-time-line{ text-align: center; color: #7d7d7d; font-size: 20px; padding-top: 15px;  }
.dtp_modal-time-mechanic{ padding-top: 16px;}
.dtp_modal-append {
    color: #7d7d7d;
    text-align: center;
    /*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;
    text-align: center;
    /*padding-left: 96px;*/
}
.dtp_modal-digit{  }