body {
    padding:0;
    margin:0;
}
.daybox {
    box-sizing: border-box;
    width: 194px;
    height: 194px;
    border: 1px solid gray;
    text-align: center;
    float: left;
    background:green;
    color:white;
    margin: 0 0 10px 10px;
    font-size:22px;
    font-weight:lighter;
    padding:5px;
}
.daybox.selected {
    padding:0px;
    border:5px solid red;
    box-shadow:0px 0px 7px #777;
}
.daybox span {
    display:block;
}
.daybox .date {
    margin:10px 0;
}
.daybox.free {
    background:gray;
}
.daybox.holiday {
    background:orange;
}

.daybox .dayname {
    font-size:35px;
}

.daybox .hours {
    font-size:65px;
}

.hoursel {
    background:#eee;
    padding-top:10px;
    margin-top:40px;
}

.hourbox {
    display:inline-block;
    box-sizing: content-box;
    width: 78px;
    height: 70px;
    border: 1px solid gray;
    text-align: center;
    background: #eee;
    color:#555;
    margin: 0 0 10px 10px;
    font-size: 36px;
    line-height:68px;
    border-radius: 3px;
}
.hourbox.selected {
    background: #414042;
    color:#eee;
}
.username {
    line-height:100px;
    font-size: 50px;
    font-weight: lighter;
    margin: 0 10px;
    color: #eee;
    text-shadow: 0px 5px 6px #888;
}

.header {
    height:100px;
    margin-bottom:50px;
    background:#414042;
}
.logo {
 height:100px;
 float:right;
 margin:0 20px;
}

.errorbox {
    display: block;
    border: 1px solid darkred;
    background: #F6CECE;
    padding: 5px;
    text-align: center;
    color: darkred;
}

.errorbox.success {
    border-color: darkgreen;
    background: #CEF6D8;
    color: darkgreen;
}