/*----Collapse Info----*/
.collapse-content-container {
    width: 100%;
    display: block;
    float: left;
}
.collapse-content {
    width: 100%;
    text-align: left;
    display: none;
    float: left;
}
.collapse-content_visible {
    display: block;
}
.collapse-content .content-inner {
    padding: 12px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}
.collapse-content p {
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.collapse-content .content-inner:before {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 12px 0 0;
    content: "";
}
.primary-content {
    color: #3c763d;
    background: #dff0d8;
    border-top: 1px solid #dddbdb;
}
.primary-content .content-inner:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-info-dark-green.svg");
}
.secondary-content {
    color: #31708f;
    background: #d9edf7;
    border-top: 1px solid #dddbdb;
}
.secondary-content:before {
    background: #d9edf7;
    border: 1px solid #dddbdb;
}
.secondary-content .content-inner:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-info-dark-blue.svg");
}