.notice-component {

    padding: 20px 40px;

    color: $dark-grey;

}

.notice-component .fa-close {

    position: absolute;

    top: 15px;

    right: 15px;

    color: $dark-blue;

    cursor: pointer;

}

.notice-component .fa-close::before {

    font-size: 20px;

}

.notice-component h2 {

    color: $light-white;

    text-align: left;

    font-size: 14px;

    text-transform: uppercase;

    padding: 0px;

}

.notice-component h3 {

    color: $light-white;

    line-height: 18px;

    font-size: 14px;

    padding: 5px 0px;

}

.notice-component.overlay h2,

.notice-component.overlay h3 {

    color: $dark-grey;

}

.notice-component table {

    line-height: 18px;

    border-collapse: collapse;

    width: 100%;

    margin-top: 15px;

}

.notice-component table tr {

    border-bottom: solid 1px $dark-blue;

}

.notice-component table tr td {

    vertical-align: top;

    padding: 10px 0px;

}

.notice-component table tr td.title {

    font-weight: bold;

    color: $dark-blue;

}

.notice-component table tr td ul {

    list-style: none;

    margin: 0;

    padding: 0;

}