.logo-text {
  background: linear-gradient(90deg, #0E82FD 0%, #06AED4 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 24px; /* adjust as needed */
  display: inline-block;
}

.logo-badge {
  background: linear-gradient(90deg, #0E82FD 0%, #06AED4 70%);
  color: #fff;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  display: inline-block;
}

/* Make sure error under input-group is below it neatly */
.input-group + .error {
    display: block;
    width: 100%;
    margin-top: 6px;
}

.is-invalid {
    border-color: #dc3545 !important;
}

/* Keep the eye icon visually aligned */
.input-group .toggle-password {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #fff;
    border-left: 1px solid #ced4da;
    cursor: pointer;
}

.header .header-nav .main-nav > li.active > a{
  color:#0E82FD !important;
}

.cancel-lesson {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #dc3545; /* same as .text-danger-icon */
    cursor: pointer;
    transition: color 0.2s ease;
}

.cancel-lesson:hover {
    color: #b02a37 !important; /* darker red on hover */
}

.cancel-lesson i {
    font-size: 16px; /* match your icon size */
    line-height: 1;
}

.form-group .error {
      color: #dc2626;
      font-size: 0.875rem;
      font-weight: 500;
      margin-top: 0.25rem;
  }

/* Style for the input field that has an error */
.form-control.error {
    border-color: #dc2626;
    background-image: none; /* Remove any success/fail icons if you have them */
}
.form-control.error:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 38, 38, 0.12);
}


.fa{
    font-size: 20px !important;
}

/* 1. Target the direct child div of fc-event-main */
.fc-timegrid-event .fc-event-main > div {
    /* Remove the inline padding */
    padding: 0 !important; 
    
    /* Center the text horizontally */
    justify-content: center !important;
    
    /* Ensure text alignment is center */
    text-align: center !important;
    
    /* Optional: If the text is still off-center, 
       reset the width ensures it spans the whole block */
    width: 100% !important;
}