.appointment {
    font-family: "Noto Sans Hebrew,Regular";
    color: #435868;
}
.appointment span,
.appointment a
{
    color: #435868;
}

.appointment a.disabled {
    background-color: #adadad;
}

.appointment .calendar-wrapper {
    float: right;
    padding-bottom: 25px;
    border-left: 1px solid #d2dfe5;
}
.appointment .hours-wrapper {
    float: left;
    padding-bottom: 25px;
}

.appointment .hours-wrapper .hours-wrapper-wrap {
    overflow: auto;
}

.appointment .calendar-wrapper .form-title {
    margin-bottom: 25px;
}

.appointment .hours-wrapper .form-title {
    margin-bottom: 25px;
}

.appointment .time-to-choose {
    height: 30px;
    width: 95px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    font-family: "Roboto-Bold";
    background-color: #559cec;
    color: #fff;
}


.appointment .uib-datepicker-wrapper {
    width: 320px;
    height: 290px;
    margin: 0 auto;
}

.appointment .uib-datepicker-wrapper input
{
    outline: none;
}

.appointment .uib-daypicker span {
    padding: 5px 5px;
    display: block;
    width: 23px;
    font-family: "Roboto-Bold";
    font-size: 14px;
}
.appointment .uib-daypicker .active {
    background-color: #559cec;
}
.appointment .uib-daypicker .active span {
    color: #fff;
}

.appointment .uib-months span {
    display: block;
    padding: 5px 5px;
    width: 79px;
}
.appointment .uib-years span {
    display: block;
    padding: 5px 5px;
    width: 37px;
}