a {text-decoration:underline}

.divSysStat2 {
    clear:left;
    padding-left:40px !important;
}
.divSysStat3 {
    clear: left;
    padding-left: 80px !important;
}

.group-list {
    column-count:1;
    padding-bottom:10px;
}
#divSystemStatus {
    width:calc(100% - 10px)!important;
   
}
#divStatusContainer {
    width: calc(100% - 10px) !important;
    overflow:hidden !important;
    min-width:255px !important;
    max-width:1000px;
    margin:0 auto !important;
}
#divHeader1, #divMessagesHeader1 {
    width: calc(100% - 30px) !important;
    background: #CBD1D7;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: center !important;
    padding-top: 8px !important;
    font-size:12pt;
}
#divMessages {
    margin-bottom: 40px;
    width: calc(100% - 11px) !important;
    margin-top:10px
}
    #divDateHeading {
        width: calc(100% - 10px) !important;
    }

.divSysStat img, .divSysStat2 img, .divSysStat3 img {
    border-radius: 50% !important;
    margin-top: -4px !important;
}
.divSubject {
    float: right;
    font-size: 8pt;
    color: #333;
    padding-right: 7px !important;
    max-width: 320px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space:nowrap;
}

.divMessage {
    float: left;
    font-size: 10pt;
    color: #333;
    padding-left: 7px !important;
    max-width: calc(100% - 20px) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
@media screen and (max-width: 700px) {
    #imgLogo {
        display: none !important
    }

    .divSubject {
        max-width: 100px;
    }
    .divMessage {
        max-width:calc(100% - 20px) !important
    }
}