html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
.flexContainer{
    max-width:100%;
    width:100%;
    border-top:1px solid #3b91ad;
    border-left:1px solid #3b91ad;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.flexColumn,.flexContainer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

.flexColumn{
    width:14.2857142857%;
    border-bottom:1px solid #3b91ad;
    border-right:1px solid #3b91ad;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.day.inactive{
    background-color:#f8f8f8;
    color:#ccc
}
.day.today{
    background-color:#fcf8e3
}
.day .inner-grid{
    width:100%;
    position:relative
}
.day .event-slot{
    position:relative;
    margin:.5rem 0;
    min-height:28px;
    font-size:14px
}
.day .event-slot.event{
    white-space:nowrap;
    text-indent:-10000px;
    cursor:pointer
}
.day .event-slot .event-title{
    position:absolute;
    top:3.5px;
    left:.5rem;
    z-index:100;
    color:#fff;
    z-index:1;
    overflow:visible;
    text-indent:0
}
.day .event.event-first-day{
    margin-left:.5rem;
    border-top-left-radius:.3rem;
    border-bottom-left-radius:.3rem
}
.day .event.event-last-day{
    margin-right:.5rem;
    border-top-right-radius:.3rem;
    border-bottom-right-radius:.3rem
}
.day .date{
    padding:.25rem .5rem;
    text-align:right
}

.pastEvent {
    background: rgb(241, 84, 84);
    color: #fff;
}
.presentEvent {
    background: #8dc859;
    color : #fff;
}
.futureEvent {
    background: rgb(88, 38, 232);
    color: #fff;
}