body {
    font-size: 0.9rem;
}
.table td, .table th {
    padding: 0.4rem;
}
.gray th {
    background-color: #e6e6e6;
    color: black;
} 

.navbar {
    background-color: #e6e6e6;
} 
.password-toggle {
    position: relative;
}
.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    margin-bottom: 0;
    padding: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.0625rem;
    line-height: 1;
    cursor: pointer;
}
.password-toggle-btn .password-toggle-indicator {
    transition: color .2s ease-in-out;
    color: #7d879c;
}
/*
Modifiche bootstrap 4
*/
.modal-header {    
    padding: 0.5rem;
}
.modal-footer {
    padding: 0.5rem;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;    
}
.input-group-btn {
    display: table-cell;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}
.progress {
    background-color: #f5f5f5 !important;
}

.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(254 105 106 / 90%); 
}
textarea[readonly],
input[readonly] {
    background-color: #6e6c6c;
    color: #6e6c6c;
    cursor: not-allowed;
}


.course-item {
  flex: 1 1 auto;      /* forza l'espansione completa dentro la colonna */
  width: 100%;         /* assicura che occupi tutta la larghezza */
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 450px;
}

.course-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}

.course-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.category {
  background-color: #4CAF50; /* verde */
  color: white;
  padding: 5px 15px;          /* padding verticale e orizzontale */
  margin: 0 -15px 15px -15px; /* estende il box verde fino al bordo del contenitore */
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 0 8px 8px 0; /* arrotonda solo a destra (se vuoi) */
  display: block;
  white-space: nowrap;        /* impedisce che il testo vada a capo */
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamped-title {
  font-size: 1.2rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Compatibilità futura */
  line-clamp: 2;
  box-orient: vertical;
}
.clamped-text {
  display: -webkit-box;             /* Fallback for older webkit browsers */
  -webkit-box-orient: vertical;    /* Required for -webkit-line-clamp */
  -webkit-line-clamp: 5;            /* Limits to 3 lines */
  overflow: hidden;                /* Hide overflowing content */
  
  display: box;                    /* Standard syntax */
  box-orient: vertical;            /* Standard syntax */
  line-clamp: 5;                  /* Standard property */
}

.description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 11;
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: 0.95rem;
  color: #444;
  margin-top: 0;

  /* Compatibilità futura */
  line-clamp: 11;
  box-orient: vertical;
}