.background-notification {
    background-image: url("../../../assets/images/image_background.png");
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    display: flex;
    flex: 1;
}

.background-notification::before {
    content: "";
    --background-overlay: '';
    background-image: url("../../../assets/images/image_background2.png");
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    display: block;
    position: absolute;
    mix-blend-mode: initial;
    opacity: 1;
    top: 0;
    left: 0;
    width: max(100%, 100%);
    height: max(100%, 100%);
}


.background-notification .block-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 4% 12px 4%;
    background: #FFFFFF;
    z-index: 2;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.background-notification .block-content .toast {
    width: 100% !important;
    margin-bottom: 30px;
}

.background-notification .block-content .title {
    border-bottom: 2px solid #707070;
    width: 100%;
}

.background-notification .block-content .content .title-notification {
    word-break: break-all;
}

.background-notification .block-content .content {
    padding: 30px 10%;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.background-notification .block-content .content .none-data {
    border: none;
}

.background-notification .block-content .content tr {
    border-bottom: 2px dashed #c0bfbf;
}

@media only screen and (max-width: 769px) {
    .background-notification .block-content .content {
        padding: 20px 4%;
    }
}

.w-60 {
    width: 60%;
}

@media only screen and (max-width: 769px) {
    .w-lg-100 {
        width: 100%;
    }
}

.notification-list {
    height: -webkit-fill-available;
    display: flex;
}

.notification-list .content-notification {
    white-space: break-spaces;
    word-break: break-all;
}