.alert-section {
  margin: 7px 0px 10px 0px;
  height: 80px;
  display:block;
  overflow:hidden;
}

.alert-section .icon{
    font-size: 3rem;
    -webkit-transform: rotate(-14deg); 
    -ms-transform: rotate(-14deg);  
    transform: rotate(-14deg);
    padding-top: 16px;
}

.alert-red, .alert-red p, .alert-red a{
    background-color: #ff1919;
    color: white;
}

.alert-orange, .alert-orange p, .alert-orange a{
    background-color: #ee8719;
    color: white;
}

.alert-yellow, .alert-yellow p, .alert-yellow a{
    background-color: #ffd71e;
    color: black;
}

.alert-section .title-group {
    
  padding: 0px 10px;
  height: 80px;
  box-sizing: border-box;
}

.alert-section .message{
    width: 55%;
  padding: 20px 0px;
  height: 80px;
  box-sizing: border-box;
  display: table;
}

.alert-section .message p{
    display: table-cell;
    vertical-align: middle;
}

.alert-section .readmore{
    padding: 15px;
  height: 80px;
  box-sizing: border-box;
  display: table;
}

.alert-section .readmore a{
    display: table-cell;
    vertical-align: middle;
}

.alert-section .title{
    font-size: 1.25rem;
    line-height: 20px;
    padding-top: 8px;
}

.alert-section .Date{
  font-size: 0.6875rem;
}

.alert-section .vertical-align-middle{
    width: 31%;
    height: 80px;
    display: table;
}

.alert-section .vertical-align-middle>div{
    display: table-cell;
    vertical-align: middle;
    height:inherit;
}