.paonline {
     background: url("/dates/images/pa_online.png") no-repeat scroll 0 0 transparent;
     display: block;
     float: left;
     height: 47px;
     margin-top: -40px;
     outline: medium none;
     position: relative;
     text-indent: -9999px;
     width: 235px;
}
 .alert{
    padding: 20px;
     transition:all .3s ease;
}
 .alert-wrap {
     width:80%;
     margin:50px auto 0;
}
 .alert .close{
    opacity:0;
     transition:opacity .3s ease;
}
 .alert:hover .close, .alert:focus .close{
    opacity:.2;
}
 .alert i{
    min-width:30px;
     text-align:center;
}

 .alert-info, .alert-success, .alert-warning, .alert-danger{
    background: rgb(255 102 0 / 35%);
}

 .table-responsive {
     overflow-x: auto;
}
 .section-heading {
     background: #f2f2f2;
     font-weight: bold;
     text-align: left;
}
 .schedule-table {
     width: 100%;
     border-collapse: collapse;
     font-family: Verdana, Geneva, sans-serif;
}
 .schedule-table caption {
     text-align: left;
     font-weight: bold;
     padding: 0.5rem 0;
}
 .schedule-table th, .schedule-table td {
     border: 1px solid #ddd;
     padding: 0.5rem;
     text-align: left;
}
 .schedule-table th[scope="colgroup"] {
     background-color: #f0f0f0;
     font-size: 1.1rem;
     text-align: center;
}
 .schedule-table .section-header th {
     background-color: #e6e6e6;
     font-size: 1.25rem;
}
 .schedule-table .sub-header th {
     background-color: #f8f8f8;
     font-weight: bold;
}
/* --- Mobile Responsive Stacking --- */
 @media (max-width: 600px) {
     .schedule-table thead {
         display: none;
    }
     .schedule-table tr {
         display: block;
         margin-bottom: 1rem;
         border: 1px solid #ddd;
         padding: 0.75rem;
    }
     .schedule-table td {
         display: flex;
         justify-content: space-between;
         padding: 0.25rem 0;
         border: none;
         border-bottom: 1px solid #eee;
    }
     .schedule-table td:last-child {
         border-bottom: none;
    }
     .schedule-table td::before {
         content: attr(data-label);
         font-weight: bold;
         flex: 1;
         padding-right: 0.5rem;
    }
     .section-header, .sub-header {
         display: block;
         border: none;
         background: none;
         padding: 0;
    }
     .section-header th, .sub-header th {
         display: block;
         text-align: left;
         padding: 0.5rem 0;
         font-size: 1rem;
         border: none;
    }
}