body {
    font-family: Arial;
    font-size: 14px;
}
body > span,
body > h1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
span {
    color: #888888;
}
span > b {
    color: black;
}
.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
calendar {
    float: left;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: white;
    width: 300px;
    border: solid 1px #CCC;
    margin-bottom: 10px;
}
calendar > div.header {
    float: left;
    width: 100%;
    background: #2875C7;
    height: 40px;
    color: white;
}
calendar > div.header > * {
    height: 40px;
    line-height: 40px !important;
    display: inline-block;
    vertical-align: middle;
}
calendar > div.header > i {
    float: left;
    font-size: 1.125em;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
}
calendar > div.header > i.fa-angle-left {
    text-align: left;
}
calendar > div.header > i.fa-angle-right {
    text-align: right;
    margin-left: -40px;
}
calendar > div.header > span {
    float: left;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 50px;
    margin-left: -40px;
    text-align: center;
    padding-right: 40px;
    color: inherit;
}
calendar > div.week {
    float: left;
    width: 100%;
    border-top: solid 1px #CCC;
}
calendar > div.week:first-child {
    border-top: none;
}
calendar > div.week > span.day {
    float: left;
    width: 14.28571429%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-left: solid 1px #CCC;
    font-size: 1 em;
    text-align: center;
    height: 30px;
    line-height: 30px !important;
    display: inline-block;
    vertical-align: middle;
    background: white;
    cursor: pointer;
    color: black;
}
calendar > div.week > span.day:first-child {
    border-left: none;
}
calendar > div.week > span.day.today {
    background: #E3F2FF;
}
calendar > div.week > span.day.different-month {
    color: #C0C0C0;
}
calendar > div.week > span.day.selected {
    background: #2875C7 !important;
    color: white !important;
}
calendar > div.week > span.day.available {
    background-color: #fafad2;
}
calendar > div.week > span.day.available.selected {
    background-color: #2875C7;
}
calendar > div.week > span.day.available.today {
    background-color: #E3F2FF;
}
calendar > div.week.names > span {
    color: #2875C7;
    font-weight: bold;
}
.unavailable{
    text-decoration: line-through !important;
}
.noDecoration{
    text-decoration: none !important;
}
.social-buttons span {
    color: #ffffff !important;
}
.nav-tabs>li>a.btn-info:hover, .nav-tabs>li.btn-info>a:focus, .nav-tabs>li.btn-info>a:active{
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
.nav-tabs>li>a.btn-success:hover, .nav-tabs>li.btn-info>a:focus, .nav-tabs>li.btn-info>a:active{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}