#page{
    /* transform: translateY(0px);
    padding-bottom: 0px; */
}
.icon_bookmark {
    background-image: url('../src/news/bookmark.svg');
}

.icon_shield {
    background-image: url('../src/news/shield.svg');
}

.icon_globe {
    background-image: url('../src/news/globe.svg');
}

.icon_arrow {
    background-image: url('../src/news/arrow_right_circle.svg');
}

tr {
    cursor: pointer;
}

tr:hover .icon_bookmark {
    background-image: url('../src/news/bookmark-active.svg');
}

tr:hover .icon_shield {
    background-image: url('../src/news/shield-active.svg');
}

tr:hover .icon_globe {
    background-image: url('../src/news/globe-active.svg');
}

tr:hover .icon_arrow {
    background-image: url('../src/news/arrow_right_circle-active.svg');
}

tr:hover .title {
    font-weight: bold;
}

tr {
    /*
      Safari doesn't support `position: relative` on `<tr>` elements,
      but these two properties can be used as an alternative.
      Source: https://mtsknn.fi/blog/relative-tr-in-safari/
    */
    transform: translate(0);
    clip-path: inset(0);
  }
  tr:focus-within {
    outline: 2px solid hotpink;
    outline-offset: -2px; /* Needs to be negative because of the `clip-path` above */
  }
  
  tr a:focus {
    outline: 0; /* The focus styles are on the table row */
  }
  tr a::after {
    content: '';
    inset: 0;
    position: absolute;
  }

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    display: none;
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
table.dataTable.display>tbody>tr:nth-child(odd)>*,
table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>*,
table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    box-shadow: none;
}






div.dt-container div.dt-layout-row {
    justify-content: center;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    margin-left: 0px
}


.paginate_button {
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.paginate_button:hover {
    font-weight: 700;
}

.paginate_button.current,
.paginate_button.current:hover {
    font-weight: 700;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    font-weight: 400;
    color: rgb(0, 0, 0, .3) !important;
    cursor: default;
}

#page_table_previous.paginate_button,
#page_table_next.paginate_button {
    font-weight: 500;
    /* font-size: .75vw; */
}

#page_table_previous.paginate_button:hover,
#page_table_next.paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0;
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #000 !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #aa0505 !important;
    cursor: default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate {
    float: unset;
    text-align: center;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    width: 100%;
}

@media(orientation: portrait) {

    table.dataTable.row-border>tbody>tr>*,
    table.dataTable.display>tbody>tr>* {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    table {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .dataTables_wrapper .dataTables_paginate {
        margin: 7vw auto 12vw;
    }

    .paginate_button {
        font-size: 3vw;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0 3vw;
    }

    table.dataTable>tbody>tr>th,
    table.dataTable>tbody>tr>td {
        padding: 5vw 1.5vw 5vw 2.7vw;
    }

    

    @media(min-width: 640px) {

        table.dataTable.row-border>tbody>tr>*,
        table.dataTable.display>tbody>tr>* {
            border-top: .25px solid rgba(0, 0, 0, 1);
        }

        table {
            border-bottom: .25px solid rgba(0, 0, 0, 1);
        }

        .dataTables_wrapper .dataTables_paginate {
            margin: 5.9vw auto 10.2vw;
        }

        .paginate_button {
            font-size: 1.5vw;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0 2.5vw 0 2.5vw;
        }

        table.dataTable>tbody>tr>th,
        table.dataTable>tbody>tr>td {
            padding: 3.4vw 2.5vw 1.3vw 4.5vw;
        }
    }
}

@media(orientation: landscape) {

    table.dataTable.row-border>tbody>tr>*,
    table.dataTable.display>tbody>tr>* {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    table {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }


    .dataTables_wrapper .dataTables_paginate {
        margin: 7vw auto 12vw;
    }

    .paginate_button {
        font-size: 2vw;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0 3vw 0 3vw;
    }

    table.dataTable>tbody>tr>th,
    table.dataTable>tbody>tr>td {
        padding: 4vw 1.5vw 1.6vw 2.7vw;
    }
    

    @media(min-width:768px) {

        table.dataTable.row-border>tbody>tr>*,
        table.dataTable.display>tbody>tr>* {
            border-top: .25px solid rgba(0, 0, 0, 1);
        }

        table {
            border-bottom: .25px solid rgba(0, 0, 0, 1);
        }

        .dataTables_wrapper .dataTables_paginate {
            margin: 5.2vw auto 9vw;
        }

        .paginate_button {
            font-size: 1.3vw;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0 2.2vw 0 2.2vw;
        }

        table.dataTable>tbody>tr>th,
        table.dataTable>tbody>tr>td {
            padding: 3vw 2.2vw 1.2vw 4vw;
        }
        
    }

    @media(min-width: 1536px) {
        .dataTables_wrapper .dataTables_paginate {
            margin: 3.5vw auto 6vw;
        }

        .paginate_button {
            font-size: .9vw;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0 1.5vw 0 1.5vw;
        }

        table.dataTable>tbody>tr>th,
        table.dataTable>tbody>tr>td {
            padding: 2vw 1.5vw .8vw 2.7vw;
        }
        
    }
}