:root{
    --main-color:#39426e;
    /*--second-color:#ff9900;*/
    --second-color:#7881b4;
    --light-color: #fff;
    --footer-icons-color:rgb(96, 197, 253);
    --third-color: #99A2AA;
}
#calendarContainer,
#organizerContainer {
  margin: 0px;
}
#calendarContainer{
    width:100%;
}
.flip-calendar {
    width: 100%;
    /* border: 1px solid #eee; */
    /* border-radius: 10px; */
    /* box-shadow: 1px 3px 5px rgba(0,0,0,0.2); */
    /* margin: 10px 0; */
    padding: 0;
}
.calender{
    padding-left:0px;
    padding-right:0px;
}
.cjslib-calendar{
    border:none;
    box-shadow:none;
    font-family:inherit;
}
.flip-calendar .front, .flip-calendar .back {
  /*backface-visibility:             hidden;
        -moz-backface-visibility:    hidden;
        -ms-backface-visibility:     hidden;
        -o-backface-visibility:      hidden;
        -webkit-backface-visibility: hidden;
    transform-origin:             50% 50% 0px;
        -moz-transform-origin:    50% 50% 0px;
        -ms-transform-origin:     50% 50% 0px;
        -o-transform-origin:      50% 50% 0px;
        -webkit-transform-origin: 50% 50% 0px;
    transition: all 3s;
        -moz-transition:    all 0.9s;
        -ms-transition:     all 0.9s;
        -o-transition:      all 0.9s;
        -webkit-transition: all 0.9s;*/
        display:none;

}
/*.flip-calendar .front {
	 transform:             rotateY( 0deg );
        -moz-transform:    rotateY( 0deg );
        -ms-transform:     rotateY( 0deg );
        -o-transform:      rotateY( 0deg );
        -webkit-transform: rotateY( 0deg );
}*/
/*.flip-calendar .back {
	height: 100%;
	 transform:             rotateY( 180deg );
        -moz-transform:    rotateY( 180deg );
        -ms-transform:     rotateY( 180deg );
        -o-transform:      rotateY( 180deg );
        -webkit-transform: rotateY( 180deg );
}
.flip-calendar.flip {
	transform: rotateY(180deg);
}*/
.flip-calendar .back.active,.flip-calendar .front.active{
    display:block;
}
.cjslib-events.cjslib-size-small, .cjslib-calendar.cjslib-size-small {
    /*width:100%;*/
    margin: 0 auto;
}

.cjslib-calendar.cjslib-size-small,.cjslib-events.cjslib-size-small {
   /*height: 350px;*/
   height: 445px;
        max-width: 100%;
}
.cjslib-date, .cjslib-year,.cjslib-month,.cjslib-labels{
        width:100%;
}
.cjslib-month > span{
    text-transform:capitalize;
}
.cjslib-month{
    font-size:30px;
}
.cjslib-month{
    padding:0;
}
.cjslib-day{
        margin: 0;
    border-bottom: 2px solid #fff;
    border-right: 2px solid  #fff;
    /*line-height: 32px;*/
    line-height: 23px;
    /*text-align: center;*/
    display:inline-block;
        background-color: #e7ecf1;
}
.cjslib-month{
            border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.cjslib-day, .cjslib-day.cjslib-day-diluted{
    color:#fff;
}

.cjslib-day.cjslib-day-diluted{
    background-color: #bcc1dc;
}
.cjslib-calendar .cjslib-day > .cjslib-indicator-type-numeric{
        font-size: 12px;
}
.cjslib-calendar.cjslib-size-small .cjslib-day > .cjslib-day-indicator {
    width: 20px;
    height: 20px;
        font-size: 14px;
    font-weight: 700;
/*********/
margin-right: -6px;
}
.cjslib-day-indicator{
    background-color:var(--second-color) !important;
}
.cjslib-events{
    font-family:inherit;
}

.day-event{
    padding:0;
    margin:0;
}

.cjslib-list .event-title, .cjslib-list .event-host{
    font-size: 14px;
    font-weight: bold;
}

.cjslib-list .event-host{
    text-align:right;
}

.cjslib-list .event-text{
        font-size: 14px;
}

.cjslib-list > li > div{
        padding: .5rem;
        border:0;
        border-bottom:1px dashed #fff;
}
.cjslib-day{
        transition: background-color 0.5s ease;
}
.cjslib-day-radios:checked + .cjslib-day, .cjslib-day:hover{
    box-shadow:none;
    /*border:2px solid var(--second-color);*/
    background-color:var(--second-color);
}


 .cjslib-day-radios:checked + .cjslib-day .cjslib-day-num , .cjslib-day:hover .cjslib-day-num{
         color:#fff;
         font-weight:700;
 }

  .cjslib-day-radios:checked + .cjslib-day  .cjslib-day-indicator,  .cjslib-day:hover  .cjslib-day-indicator{
      background-color: #fff !important;
      color:var(--second-color) !important;
  }

.cjslib-day.cjslib-day-today > .cjslib-day-num{
    border:none;
}

.cjslib-date{
    background-color: var(--second-color) !important;
    color: rgb(255, 255, 255);
}

.cjslib-rows{
        background-color: var(--main-color);
}

.cjslib-list,.cjslib-list-placeholder{
        color: #fff;
}


@media(max-width:425px ) {
    .cjslib-calendar.cjslib-size-small .cjslib-day > .cjslib-day-indicator {
        /*width: 9px;
        height: 9px;*/
         width: 15px;
        height: 15px;
        font-size: 9px;
    }
}
#calendarContainer{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
    margin: 0;
    padding: 0;
}
#organizerContainer{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
    margin: 0;
    padding: 0;
}