.notificationHeaderContainer{
    min-height: 2.5rem;
}

.notificationHeader{
    white-space: nowrap;
}

.pagination .page-item a span{
    font-size: 1.5rem;
}
/*-------------------------

Notification Filters

 -------------------------*/

.notificationFiltersCover > div > *:hover{
    cursor: pointer;
}

@media(width > 1170px){
    .notificationFiltersCover > div{
        width: auto;
    }

    .notificationFiltersCover > div:last-child {
        display: flex;
        align-items: end;
    }
}

@media(width < 1170px){
    .notificationFiltersCover > div{
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .notificationFiltersCover > div:last-child {
        width: 100%;
        align-items: end;
    }
}

@media(width < 1170px){
    .notificationFiltersCover > div{
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .notificationFiltersCover > div:last-child {
        width: 100%;
        align-items: end;
    }
}

@media(width < 638px){
    .notificationFiltersCover > div{
        width: 48%;
    }
}

@media(width < 500px){
    .notificationFiltersCover > div{
        width: 100%;
    }
}

/* ------------------------
Notification table
------------------------ */

.notificationTable {
    margin: 0 auto;
    max-width: 1920px;
    overflow-x: auto;
    -ms-overflow-style: auto;
}

.notificationTable th,
.notificationTable td {
    padding-left: .2rem;
    white-space: nowrap;
    vertical-align: middle;
    & a{
        text-decoration: none;
    }
}
.notificationTable td:not(:last-child):not(:nth-child(6)),
.notificationTable th:not(:last-child):not(:nth-child(6)),
.notificationTable td:not(:last-child):not(:nth-child(8)),
.notificationTable th:not(:last-child):not(:nth-child(8)){
    max-width: var(--table-column-max-width);
}


.notificationTable .lpHead,
.notificationTable td:nth-child(6){
    max-width: 220px !important;
}

.notificationTable td:nth-child(8),
.notificationTable th:nth-child(8){
    max-width: 100px;
}

.notificationTable td:not(:last-child):not(:nth-child(8)) span {
    display: inline-block;
    max-width: var(--table-column-max-width);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notificationTable td:nth-child(8) span {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-notice {
    position: relative;
    cursor: pointer;
}

@media (max-width: 1600px){
    .notificationContainer{
        padding: 0;
    }
}

@media (max-width: 1819px) {
    .notificationTable {
        margin: 0 auto;
    }
}

@media (min-width: 1915px) {
    .notificationTable {
        max-width: 100dvw;
        overflow: hidden; /* Hide the scrollbar */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }

    .notificationTable::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }
}

@media (min-width: 2047px) {
    .notificationTable td:not(:last-child):not(:nth-child(8)),
    .notificationTable th:not(:last-child):not(:nth-child(8)){
        max-width: var(--table-column-max-width-2K);
    }

    .notificationTable td:not(:last-child):not(:nth-child(8)) span {
        max-width: var(--table-column-max-width-2K);
    }
}

@media (max-width: 1914px) {
    .notificationTable td:not(:last-child):not(:nth-child(8)),
    .notificationTable th:not(:last-child):not(:nth-child(8)),
    .notificationTable td:not(:last-child):not(:nth-child(8)) span {
        max-width: none;
    }
}