.modal_transparent 
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 222, 222, 222, 0 );
}

.modal_loading 
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
}

.ico16
{
    width: 16px;
    height: 16px;
}

.ico24
{
    width: 24px;
    height: 24px;
}

.ico32
{
    width: 32px;
    height: 32px;
}

.ico48
{
    width: 48px;
    height: 48px;
}

.ico64
{
    width: 64px;
    height: 64px;
}

/* Chips (checkbox-like pills) */
.pe-chip {
    display: inline-flex;
    align-items: center;
    padding: .375rem .75rem;
    border: 1px solid #e9ecef;
    border-radius: 1rem;
    margin: .25rem .5rem .25rem 0;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, opacity .15s;
  }
  .pe-chip input[type="checkbox"] {
    display: none;
  }
  .pe-chip.pe-checked {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
  }
  .pe-chip.pe-unchecked {
    background-color: #f8f9fa;
    color: #495057;
  }
  
  /* Week separators */
  .pe-sep {
    border-top: 2px dashed #6c757d;
    margin: .5rem 0;
  }

  #pe_prev_chips .pe-chip { cursor: default; }
  .pe-ro .pe-chip { cursor: default; pointer-events: none; }
  /* Week separators */
 .pe-sep { border-top: 2px dashed #6c757d; margin: .5rem 0; }

 /* Page-level week separator */
 .pe-week-sep { border-top: 2px solid #dee2e6; margin: 1rem 0; }