.calendar {

  /*   display: none; */

  text-align: center;

  background-color: #fff;

  /* padding: 10px; */ }

  .calendar .c-grid {

    width: 100%; }



 .c-day-previous-month, .c-day, .c-day-next-month {

    position: relative;

  border: 2px solid transparent;

 /*  border-radius: 50%; */

  display: inline-block;

  height: 37px;

  line-height: 2em;

  text-align: center;

  width: 3em; }

 

.calendar {

  padding-right: 0;

  padding-left: 0; }

  .calendar header, .calendar thead tr {

    background-color: #1a2027;

    color: #fff; }

    .calendar header h2, .calendar thead tr h2 {

      margin: 0;

      padding: 10px; }

      .c-week-day {

        background-color: #1a2027;

        display: inline-block;

         color: #fff;

         height: 1em;

  line-height: 1em;

  text-align: center;

  width: 3em;

      }



.c-today {

  background: #00addf;

  color: #f9f9f9; }

  .calendar .c-day:hover {

  border: 2px solid #00addf; }

.calendar .c-day-previous-month,

.calendar .c-day-next-month {

  color: #cbd1d2; }



.calendar .c-day-previous-month:hover,

.calendar .c-day-next-month:hover {

  border: 2px solid #cbd1d2; }

  

  .calendar h2 {

  font-size: 18px;

  text-transform: uppercase;

  margin-top: 0px; }



.calendar .c-week-day {

  font-weight: 600;

  text-transform: uppercase; }

  .day-content {

    padding: 1.5%;

  }

  .c-previous, .c-next {
     min-height: 0px !important; 
      border: 2px solid #cbd1d2;

    border-radius: 50%;

    color: #cbd1d2;

    height: 2.3em;

    font-size: 14px;

    line-height: 2em;

    margin: 8px 3em;

    position: relative;

    /* top: 94%; */


    width: 1em; }
    .c-next  span{
          margin-left: -6px;
    }
     .c-previous  span{
          margin-left: -6px;
    }

    .c-month{
        min-height: 0px !important; 

    font-size: 11px;


    text-transform: uppercase;

    margin: 9px 0;

}



.c-previous:hover,

.c-next:hover {

  background: #cbd1d2;

  color: #f9f9f9; cursor: pointer;}

  .event-pointer {

    width: 20px;

  }

.c-event-title {

    width: 100%;

    height: 12%;

    text-align: center;

    font-weight: bold;

    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 > .title {

    font-weight: 400;

}



.c-event-item > div {

    text-overflow: ellipsis;

    width: inherit;

    overflow: hidden;

    white-space: nowrap;

}



.c-event-item {

    padding-left: 2px 1px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.18);

}



.c-event-over {

    /* background-color: lightgray; */

    font-weight: normal !important;

    color: black;

    text-align: left;

    padding: 0 8px;

    line-height: 20px;

   /*  margin-top: 5px; */

    /* overflow: hidden; */

}



.c-event-over > .description {

    font-weight: normal;

}



.c-event .ul-div {

         display: none; 

        position: absolute;

        z-index: 1000000;

        left: 17%;

        top: 90%;

        background-color: rgba(255, 255, 255, 0.85);

        box-shadow: 0 0 30px rgba(0, 0, 0, 0.36);

        border-radius: 4px;

        min-width: auto;

        padding: 2px 1px;

        }

      .c-event ul {



        list-style: none;

        padding: 0;

        margin: 0;

        color: #333; }

        .c-event ul li {

          border-bottom: 1px solid rgba(0, 0, 0, 0.14);

          text-align: left;

          padding: 4px; }

          .c-event ul li:last-child {

            border-bottom: 0; }

          .c-event ul li a {

            display: block; }



            #c-grid {

                background: #1E4D67;

            }

            .event-highlight {

                padding: 9px 0px;

                border-radius: 30px;

                background-color: #22913E;

                position: relative;

                width: 30px;

                height: 30px;

                display: inline-block;

                line-height: 14px;

                text-align: center;

            }