.authentication-forms::before,
.application-interface::before{
    content: '';
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/background.jpg);
    background-size: cover;
    opacity: .25;
}

.authentication-forms .branding{
    background-image: url(../img/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 350px;
}

.application-interface .branding{
    background-image: url(../img/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 175px;
}

.calendar{
    display: flex;
    flex-wrap: wrap;
}

.calendar > .day {
    flex: 1 1 14%; /*grow | shrink | basis */
    border:1px solid #cccccc;
    margin-top: -1px;
    margin-left: -1px;
    padding: 5px;
    min-height: 125px;
}

.calendar > .day.not-this-month{
    opacity: 0;
}

.calendar > .day > strong,
.calendar > .day > span{
    text-align: center;
    font-size: 12px;
    color: #666666;
}

.calendar > .day > ul{
    list-style: none;
    margin: 0px -5px;
    padding: 0px;
}

.calendar > .day > ul li a{
    color: #ffffff;
    text-decoration: none;
}

.calendar > .day > ul li{
    background: #d20000;
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
    margin: 1px 0px;
}

.calendar > .day > ul li strong,
.calendar > .day > ul li span{
    display: block;
}

.calendar > .day > ul li em{
    float: right;
}

.available-schedule{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.available-schedule .bg-success{
    background-color:#d1e7dd !important
}

.available-schedule li a{
    color: #333333;
    text-decoration: none;
    outline: none;
    display: block;
}

.available-schedule li{
    background: #fafafa;
    border: 1px solid #e4e4e4;
    padding: 4px;
    margin: 2px 0px;
}

.available-schedule li em{
    float: right;
    font-style: normal;
    font-size: 14px;
}

.available-schedule li .date{
    font-size: 12px;
    color: #666666;
}

.schedule-persons .form-check{
    float: left;
}

.schedule-persons .form-check label{
    position: relative;
    top: 4px;
    margin-right: 10px;
}

.day-picker{
    width: 225px;
}

.day-picker select{
    width: 225px;
}