 .calendar-container {
 background: #fff;
 width: 100%;
 border-radius: 10px;
 box-shadow: 0 15px 10px rgba(0, 0, 0, 0.12);
 line-height:25px;
 }
 .calendar-container header {
 display: flex;
 align-items: center;
 padding: 15px 10px 10px;
 justify-content: space-between;
 }
 header .calendar-navigation {
 display: flex;
 }
 header .calendar-navigation span {
 height: 38px;
 width: 38px;
 margin: 0 1px;
 cursor: pointer;
 text-align: center;
 line-height: 38px;
 border-radius: 50%;
 user-select: none;
 color: #aeabab;
 font-size: 1.9rem;
 }
 .calendar-navigation span:last-child {
 margin-right: -10px;
 }
 header .calendar-navigation span:hover {
 background: #f2f2f2;
 }
 header .calendar-current-date {
 font-weight: bold;
 font-size: 1.15rem;
 padding-left:14px;
 }
 .calendar-body {
 padding: 5px;
 }
 .calendar-body ul {
 list-style: none;
 flex-wrap: wrap;
 display: flex;
 text-align: center;
 }
 .calendar-body .calendar-dates {
 margin-bottom: 10px;
 }
 .calendar-body li {
 width: calc(100% / 7);
 font-size: 1.01rem;
 color: #414141;
 }
 .calendar-body .calendar-weekdays li {
 cursor: default;
 font-weight: 500;
 }
 .calendar-body .calendar-dates li {
 margin-top: 30px;
 position: relative;
 z-index: 1;
 cursor: pointer;
 }
 .calendar-dates li.inactive {
 color: #aaa;
 }
 .calendar-dates li.active {
 color: #fff;
 }
 .calendar-dates li::before {
 position: absolute;
 content: "";
 z-index: -1;
 top: 50%;
 left: 50%;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 transform: translate(-50%, -50%);
 }
 .calendar-dates li.active::before {
 background: #0387ec;
 }
 .calendar-dates li:not(.active):hover::before {
 background: #e4e1e1;
 }
 .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    }
    
    .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
    }
    
    .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff0000;
    -webkit-transition: .4s;
    transition: .4s;
    }
    
    .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }
    
    input:checked + .slider {
    background-color: #2196F3;
    }
    
    input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
    }
    
    input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }
    
    /* Rounded sliders */
    .slider.round {
    border-radius: 34px;
    }
    
    .slider.round:before {
    border-radius: 50%;
    }
    .collapsible {
color: white;
cursor: pointer;
width: 100%;
border: none;
}

.cont {
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
.collapsible.active{
    font-size:12px;
    text-align:left!important;
    color:#000;
}
.collapsible{
    background-color:#fff;
    text-align:left;
    font-size:12px;
    
}
.card-text{
    font-size:12px;
    color:#000;
    text-align:left;
}
.cont{
    padding-left:9px;
    font-size:14px;
    color:#000!important;
}