#alerts-container{
     height: 220px;
     overflow-x: hidden;
     overflow-y: scroll;
     margin: 0 0 18px 0;
}

#primary .route-heading{
     display: grid;
     grid-template-columns: 20px auto;
     align-items: center;
     gap: 9px;
     position: relative;
     width: 100%;
     height: auto;
     padding-left: 18px;
     padding-right: 18px;
     color: #000;
     font-size: 24px;
     line-height: 1.2;
     font-weight: 600;
     text-align: left;
     background-color: transparent;
     border: none;
     border-radius: 0;
     border-bottom: 2px solid #000;
}

#primary .route-heading svg{
     display: inline-block;
     width: 20px;
     height: 20px;
}

#primary .route-heading::before,
#primary .route-heading::after{
     content: '';
     position: absolute;
     right: 10px;
     top: calc(50% - 1px);
     width: 15px; 
     height: 2px;
     background-color: #000;
     border-radius: 100vh;
}

#primary .route-heading::after{
     transform: rotate(90deg);
     transition: all .25s ease-in-out;
}

#primary .active .route-heading::after{
     transform: rotate(0deg);
     transition: all .25s ease-in-out;
}

#primary .route-heading:hover{
     border: none;
     border-bottom: 2px solid #000;
}

#primary .route-heading:hover::before,
#primary .route-heading:hover::after{
     background-color: #69a52b;
}

#primary .alert-group h3{
     font-size: 20px;
     padding-bottom: 0;
}

#primary p.alert-periods,
#primary p.description-text{
     padding: 0 !important;
}

#primary p.alert-periods svg{
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0 3px -3px 0;
}

#primary .stop-list{
     margin: 0 0 0 9px;
}

#primary .stop-list li{
     list-style: none;
}

#primary .stop-list-wrapper{
     padding-top: 0;
}

#primary .stop-list-wrapper button{
     color: #005aa8;
     font-weight: 600;
     height: auto;
     margin: 0;
     padding: 0;
     background-color: transparent;
     border: none;
}

#primary .stop-list-wrapper button:hover{
     color: #69a52b;
     height: auto;
     margin: 0;
     padding: 0;
     background-color: transparent;
     border: none;
}

div.alert-wrapper{
     padding: 0 !important;
}

div.alert-wrapper.active{
     border-bottom: 1px solid #000 !important;
}

div.alert-group{
     height: auto;
     max-height: 0;
     margin-bottom: 0 !important;
     padding: 0 18px !important;
     overflow: hidden;
     transition: all .5s ease-in-out;
}

div.alert-wrapper.active div.alert-group{
     max-height: 10000vh;
     transition: all .5s ease-in-out;
}

.page-alerts div.alert-wrapper.active div.alert-group{
     max-height: 180px;
     overflow-x: hidden;
     overflow-y: scroll;
}

.alert-content, .alert-content div{
     padding: 9px 0;
}