.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: auto;
text-align: center;
padding: 1% 0;
}
.c-event-body {
height: 88%;
}
.c-event-list {
overflow: auto;
height: 100%;
}
.c-event-item>div {
text-overflow: ellipsis;
width: inherit;
overflow: hidden;
}
.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: 3% 0;
}
}