.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.calendar.calendar-time {
    width: 210px;
}

.calendar {
    width: 135px;
    font-size: 11px;
    margin-right: 5px;
}

    .calendar .left {
        float: left;
        width: 76px;
        border: 1px solid #BDBDBD;
        border-radius: 0px;
        height: 30px;
        padding-left: 2px;
        padding-right: 2px;
        background: #f9f9fb;
    }

    .calendar .right {
        float: left;
        width: 38px;
        border: 1px solid #BDBDBD;
        border-radius: 0px;
        height: 30px;
        padding-left: 6px;
        padding-right: 6px;
        background: #f9f9fb;
    }

        .calendar .left.man {
            background: #effaff !important;
            border-color: #03a9f4 !important;
        }

    .calendar .right.man {
        background: #effaff !important;
        border-color: #03a9f4 !important;
    }

    .calendar .left span, .calendar .right span {
        display: block;
        color: #555555;
    }

    

.calendar input.day, .calendar input.month, .calendar input.year, .calendar input.hour, .calendar input.minute {
    border: 0;
    width: 15px;
    height: 24px;
    font-size: 12px;
    color: #555555;
    text-align: center;
    font-family: Tahoma, Verdana, Arial;
    background: transparent !important;
    padding: 2px 0 0 0;
}

    .calendar input[disabled], .calendar input[readonly] {
        color: #A7A7A7 !important;
        cursor: not-allowed !important;
    }

.calendar input.year {
    width: 29px;
}

.calendar input.day {
    margin-left: 3px;
}

.calendar input.hour {
    margin-left: 2px;
}

.calendar input.error {
    color: red !important;
}

/*.noicon-delimeter {
    margin-right: 3px;
}*/

.calendar input.hour, .calendar input.minute {
    border: 0;
    width: 15px;
    font-size: 12px;
    color: #555555;
    text-align: center;
    background: transparent !important;
    font-family: Tahoma, Verdana, Arial;
}

.calendar .ico-left, .calendar .ico-right {
    float: left;
    padding: 0 0 0 0;
    cursor: pointer;
    font-size: 15px;
}

.calendar .ico-right {
    padding: 0 0 0 0;
}

    .calendar i.fal, .calendar .ico-left i.fa-calendar, .calendar .ico-left i.action-clear, .calendar .ico-right i.action-clear {
        color: #fff !important;
    }

.calendar .datepicker-hidden {
    display: none;
    width: 1px;
    height: 24px;
}

.calendar .btn.btn-default.btn-circle.btn-popup.text-calendar {
    background: #00a306;
    color: #fff;
    border: 0 !important;
}

.calendar .btn.btn-default.btn-circle.btn-popup.text-calendar:active, .calendar .btn.btn-default.btn-circle.btn-popup.text-calendar:hover {
    background: #0c873c;
}

.calendar .btn.btn-default.btn-circle.btn-popup.txt-color-red {
    background: #be1b1c;
    color: #fff;
    border: 0 !important;
}

.calendar .btn.btn-default.btn-circle.btn-popup.txt-color-red:hover, .calendar .btn.btn-default.btn-circle.btn-popup.txt-color-red:active {
    background: #a90d0d;
}

/* Date picker special days */
.ui-datepicker .date-highlighted:not(.ui-state-disabled) a:not(.ui-state-hover) {
    color: #333;
    background-color: #feffb3;
}

.ui-datepicker .date-holidays:not(.ui-state-disabled) a:not(.ui-state-hover) {
    color: #ff4747;
    background-color: #ffe8e4;
}

.ui-datepicker .date-weekend a:not(.ui-state-hover), .ui-datepicker .date-weekend span {
    background-color: #f4f4f4;
}