.TotalSoftSimpleCalendar *
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.TotalSoftSimpleCalendar {
    cursor: default;
    width: 100%;
    line-height: 1;
}
.c-day, .c-day-previous-month, .c-day-next-month, .c-week-day {
    width: 14.28%;
    height: 12.3%;
    float: left;
    text-align: center;
    padding-top: 2%;
}
.c-next, .c-previous {
    width: 12.5%;
    height: 12%;
    padding-top: 1%;
    text-align: center;
    cursor: pointer;
}
.c-month {
    width: 75%;
    height: 12%;
    text-align: center;
    padding-top: 1%;
}
.c-nav-btn-over {
    opacity: 0.8;
}
.c-event {
    cursor: pointer;
}
.c-grid {
    float: left;
    width: 100%;
    height: 50%;
}
.c-event-grid {
    height: 50%;
    width: 100%;
    float: left;
}
.c-grid-title {
    font-weight: bold;
    float: left;
    color: white;
}
.c-event-title {
    width: 100%;
    height: 12%;
    text-align: center;
    padding-top: 1%;
}
.c-event-body {
    height: 88%;
}
.c-event-list {
    overflow: auto;
    height: 100%;
}

.c-event-item > div {
    text-overflow: ellipsis;
    width: inherit;
    overflow: hidden;
    /*white-space: nowrap;*/
}
.c-event-item {
    padding: 10px;
}
.c-event-item > .title a
{
    text-decoration: none;
    box-shadow: none !important;
}
.c-event-item > .title a:focus
{
    outline: none !important;
}
@media (min-width: 0) and (max-width: 400px) { 
    .c-week-day, .c-day, .c-day-next-month, .c-day-previous-month
    {
        font-size: 12px !important;
    }
    .c-pad-top
    {
        padding-top: 3%;
    }
}