.calendar * {
    box-sizing: border-box;
    color: #0a0909;
    font-size: 14px;
    line-height: 18px;
    vertical-align:middle;

}
.calendar-sm {
    cursor: default;
    width: 800px;
    height: 370px;
}
.calendar {
    cursor: default;
    width: 100%;
}

.calendar-sm .c-pad-top {
    padding-top: 2%;
}

.calendar .c-pad-top {
    padding: 5px 0px;
}

.c-grid {
    box-shadow: 0 6px 8px #333;
    height: inherit;
}
.c-day {
    width: 14.28%;
    height: 13%;
    background-color: #f8f6f6;
    float: left;
    text-align: center;
    border: 1px solid #b5b5b5;
    border-left:none;
      border-top:none;
}


.c-day-previous-month {
    width: 14.28%;
    height: 13%;
    background-color: #fff;
    float: left;
    text-align: center;
    color: #fff;
      border: 1px solid #b5b5b5;
    border-left:none;
    border-top:none;
    
    /*display:none;*/
}

.c-day-next-month {
    width: 14.28%;
    height: 13%;
    background-color: #fff;
    float: left;
    text-align: center;
    color: #fff;
      border: 1px solid #b5b5b5;
    border-left:none;
    border-top:none;
    /*display:none;*/
}

.c-week-day {
    background-color: #f8f6f6;
    float: left;
    font-weight: bold;
    padding: 5px 0px !important;
    text-align: center;
    width: 14.28%;
    border: 1px solid #b5b5b5;
    border-left:none;
    border-top:none;

}

.c-next {
    width: 12.5%;
    height: 12%;
    padding: 2% 2% 0 2%;
    text-align: center;
    cursor: pointer;
}

.c-previous {
    width: 12.5%;
    height: 12%;
    padding: 2% 2% 0 2%;
    text-align: center;
    cursor: pointer;
}

.c-month {
    width: 75%;
    height: 12%;
    text-align: center;
}

.c-nav-btn-over {
    background-color: transparent !important;
    font-weight: bold;
}

.c-today {
    background-color: #E6E5E5;
    font-weight:bold;
}

.c-event {
    background-color: rgb(166, 166, 166);
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.c-grid {
    /*float: left;*/
    width: 100%;
    overflow: hidden;
}

.c-event-grid {
    margin-left: 1px;
    height: inherit;
    width: 49%;
    float: left;
    box-shadow: 2px 2px 5px #888888;
    /*display:none;*/
}

.c-grid-title {
    background-color: #e6e5e5;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #b5b5b5;
}

.c-event-title {
    width: 100%;
    height: 12%;
   
    background-color: rgb(135, 155, 188);
    color: white;
}

.c-event-body {
    background-color: #EFF4F9;
    height: 88.1%;
}

.c-event-list {
    padding: 7 0 0 0;
    overflow: auto;
    height: 95%;
}

.c-event-item {display: none; background: #fff;position: absolute;padding:0;border: 1px solid #ecebe9;
    border-radius: 10px;box-shadow: 0 6px 8px #333;min-width:200px;max-width:250px; z-index: 90 }
.c-event-item > .title {
    padding: 4px 4px 4px 10px;
    margin: 0 0 5px 0;
    background: rgb(166, 166, 166);
    color : #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius:0px;
     text-align: left;
    font-weight: bold;
    font-size: 13px;
}
.c-event-item > .title .fa{
   font-size: 19px;
   cursor: pointer;
}

.c-event-item > .description {
  padding: 0 10px;
}
.c-event-item > .description a {
  padding: 5px 0;
  display: block;  
  font-size: 13px;
}
.c-event-item > div {
/*    text-overflow: ellipsis;
    width: inherit;
    overflow: hidden;
    white-space: nowrap;
    */
}

.c-event-item {
/*    padding-left: 10px;
    margin-bottom: 10px;*/
}

.c-event-over {
    background-color: lightgray;
    font-weight: bold;
    color: black;
}

.c-event-over > .description {
    font-weight: normal;
}

.faded {
    opacity: 0.1;
}