#uconn-banner #rso-containment{
    max-width: 1216px !important;
    margin: 0px auto;
    padding: 4px;
}

#uconn-banner #rso-noti-button:before, #uconn-banner.alternative #rso-noti-button:before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    box-shadow: inset 0 2px 0 0 white;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    bottom: 30px;
}

#uconn-banner.alternative #rso-noti-button:hover:before,
#uconn-banner.alternative #rso-noti-button:focus::before {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

#uconn-banner #button-container button#rso-noti-button{
    outline: none;
    position: relative;
}

#uconn-banner #button-container button#rso-noti-button[aria-expanded="true"]{
    background-color: #d9edf7;
    border-radius: 0;
}

#uconn-banner #button-container button#rso-noti-button[aria-expanded="true"] .banner-icon{
    fill:black;
}

#uconn-banner #button-container button#rso-noti-button[aria-expanded="false"]{
    background-color: #000e2f;
    border-radius: 0;
}

#uconn-banner #button-container button#rso-noti-button[aria-expanded="false"] .banner-icon{
    fill:white;
}

#rso-banner #rso-banner-notification{
    margin: 4px;
}

#uconn-banner #uconn-header-container #rso-message-toggle-container{
    position: relative;
    width: auto;
    min-width: 32px;
    height: auto;
    max-height: 480px;
}

#uconn-banner #uconn-header-container #rso-message-toggle{
    color: #31708f;
    width: 32px;
    display: inline-block;
    position: absolute;
}

#uconn-banner #uconn-header-container #rso-message-toggle::after {
    transition: transform 120ms ease-in, top 120ms ease-in;
    transform: rotate(45deg);
    content: '\E433';
    font-family: 'Glyphicons Regular';
    position: absolute;
    top: 10px;
} 

@media (max-width: 1216px){
    #uconn-banner #rso-banner .row-container{
        padding-left: 24px !important;
    }
}

@media (max-width: 800px){

    #rso-banner #rso-banner-message{
        margin-left: 10px;
    }

    #uconn-banner #uconn-header-container #rso-message-toggle::after {
        transition: transform 120ms ease-in, top 120ms ease-in;
        transform: rotate(45deg);
        content: '\E433';
        font-family: 'Glyphicons Regular';
        position: absolute;
        top: 8px;
        font-size: 20px;
        padding-left: 8px !important;
    }
}

@media (max-width: 782px) {

    #rso-banner #rso-banner-message{
        margin-left: 24px;
    }

    #uconn-banner #rso-banner .row-container{
        padding-left: 4px !important;
    }

    #uconn-banner #uconn-header-container #rso-message-toggle::after {
        padding-left: 4px !important;
    }
}

.cynder #uconn-banner #rso-containment{
    max-width: 1336px !important;
}
 
@media (max-width:1400px) {
    .cynder #uconn-banner #rso-containment{
        max-width: 1166px !important;
    }
}
@media (max-width:1200px) {
    .cynder #uconn-banner #rso-containment{
        max-width: 1000px !important;
    }
}
 
@media (max-width:991px) {
    .cynder #uconn-banner #rso-containment{
        max-width: 780px !important;
    }
}
 
@media (max-width:767px) {
    .cynder #uconn-banner #rso-containment{
        max-width: 590px !important;
    }
}