.btn-ccma, .btn-ccma:focus, .btn-ccma:active {
    color: white!important;
    border: 1px solid #1F2E55!important;
    background-color: #1F2E55!important;
  }

  .btn-ccma:hover {
    color: #1F2E55!important;
    background-color: #fff!important;
    border: 1px solid #1F2E55!important;
  }
  
  .btn-outline-ccma {
    color: #1F2E55!important;
    background-color: #fff!important;
    border: 1px solid #1F2E55!important; 
  }
  
  .btn-outline-ccma:hover {
    color: #fff!important;
    background-color: #1F2E55!important;
  }
  
  .btn-danger {
    color: #fff!important;
    background-color: #dc3545!important;
    border: 1px solid #dc3545!important;    
  }
  
  .btn-danger:hover {
    color: #dc3545!important;
    background-color: #fff!important;
  }
  
  .btn-outline-danger {
    color: #dc3545!important;
    background-color: #fff!important;
    border: 1px solid #dc3545!important;    
  }
  
  .btn-outline-danger:hover {
    color: #fff!important;
    background-color: #dc3545!important;
  }
  

  .page-title-ccma {
    color: #1F2E55;  
    font-size: 26px;
    font-weight: 500;  
  }
  
  .page-subtitle-ccma {
    color: #1F2E55;  
    font-size: 20px;
    font-weight: 500;  
  }
  
  .page-subtitle-ccma-small {
    color: #1F2E55;  
    font-size: 14px;
    font-weight: 400;  
  }

  /* Slots */
  .slot-time {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    padding: 5px !important;
    margin: 5px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
  }


  .slot-enabled {
    color: #1F2E55 !important;
    cursor: pointer !important;
  }
  .slot-disabled {
    background-color: #eeeeee !important;
    color: grey !important;
  }
  .slot-reserved {
    background-color: #00a1af !important;
    color: white !important;
    cursor: pointer !important;
  }
  .slot-reserved-other {
    background-color: #cfe2e5 !important;
    color: rgb(156, 154, 154) !important;
    cursor: default !important;
  }
  .slot-other {
    background-color: #eeeeee !important;
    color: rgb(180, 179, 179) !important;
    cursor: default !important;
  }
  

  /* calendar */
  .mm-calendar {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 8px;
  }

  .mm-calendar-day {
    color: #1F2E55;  
    font-size: 18px;
    font-weight: 700;
  }

  .mm-calendar-number {
    color: #1F2E55;  
    font-size: 28px;
    font-weight: 700;
    line-height: 22px;
  }

  .mm-calendar-time {
    color: #1F2E55;  
    font-size: 20px;
    font-weight: 400;
  }




.mmtable-avatar {
    width: 40px;
    height: 40px;
    background-color: #D0E9EC;
    color: #555555;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}