.fimage-container {
    position: relative;
    display: inline-block;
  }
  
  .fimage-container img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 30px 0 0 0;
  }
  
  .fimage-container::before {
    content: '';
    position: absolute;
    top: -15px; /* Add spacing from the top */
    right: -5px; /* Add spacing from the right */
    width: 40px; /* Adjust width for the size of the border */
    height: 40px; /* Adjust height for the size of the border */
    border-top: 3px solid #2fac66; /* Adjust the color and thickness */
    border-right: 3px solid #2fac66; /* Adjust the color and thickness */
  }
  
  /* .fimage-container::after {
    content: '';
    position: absolute;
    top: 0px; /* Adjust the position of the border image */
    /* left: 15px; Adjust the position of the border image */
    /* width: calc(100% + -30px); Ensure the pseudo-element covers around the image */
    /* height: calc(100% + -782px); Ensure the pseudo-element covers around the image */
    /* background: url('https://gmfsite.co.za/images/green-bottom-image.png') no-repeat center/contain; Insert the border image */
    /* z-index: -1; Make sure it stays behind the main image */
  /* } */ 
  

 /* p.attribution {
    margin-top: 80px;
    text-align: center;
} */

.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
  -webkit-appearance: button !important;
}

   
/* @media (min-width: 1200px){
.container {
    max-width: 1440px !important;
}
} */
/* @media (min-width: 992px){
.container {
    max-width: 1280px !important;
}
} */

td:nth-child(5) select,
td:nth-child(6) select,
td:nth-child(7) select
{
    display: none;
}

tr td:nth-of-type(6){
 width: 150px;
 word-break: break-all;
}

mark, .mark {
    padding: 0.2em;
    background-color: #1b8e45 !important;
    color: #fff !important;
}

table.dataTable {
    margin-top: 2rem !important;
}

thead {
    position: sticky;
    top: 18px;
    background: linear-gradient(90deg, #e6166a 0%, #ffd200 50%, #2fac66 100%);
    z-index: 222;
    color: #fff;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before {display:none;}

/* header {
    background: linear-gradient(90deg, rgb(229 180 25 / 69%) 0%, rgb(245 130 32 / 62%) 13%, rgb(160 30 33 / 61%) 25%, rgb(90 64 142 / 79%) 48%, rgb(25 47 124 / 81%) 61%, rgb(27 143 69 / 78%) 73%, #028691ad 86%, #00aeef 100%), url(https://gmfdev.co.za/generic/images/data-tools.jpeg);
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 30vh;
    border-radius: 30px;
    text-align: center;
    width: 95%;
    margin: 0 auto;
} */
/* h1.page-title {
    font-size: 3rem;
    font-weight: 700;
    padding-top: 7vh;
} */

div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button {
    color: #706f6f !important;
    /* border: 1px solid #028590;
    background-color: #028590;
    box-shadow: 0px 5px 10px #0000003d;
    padding: 10px 15px;
    border-radius: 6px; */
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(60deg, #e30613 0%, #e6166a 30.43%, #ffd200 68.23%, #2fac66 100%) border-box !important;
    padding: 8px 20px !important;
    border: 2px solid transparent !important;
    border-radius: 30px !important;
    display: inline-block;
    font-size: 16px !important;
    margin-bottom: 30px !important;
}

div.dt-buttons>.dt-button:hover:not(.disabled), div.dt-buttons>div.dt-button-split .dt-button:hover:not(.disabled) {
    border: 1px solid #2fb8c1;
    background-color: #028590;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #128791;
    background-color: #128791;
    color: #706f6f !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #53bdbe;
    background: linear-gradient(to bottom, #4fbdc5 0%, #50bec5 100%);
}
div.dataTables_wrapper div.dataTables_filter {
    margin-left: 250px;
}
div.dt-buttons {
    display: contents;
}
.dataTables_wrapper .dataTables_info {
    clear: initial;
    padding: 30px 0 10px;
    position: absolute;
    right: 0px;
}
.dataTables_wrapper .dataTables_length {
    float: left;
    padding: 30px 0 10px;
    margin-right: 50%;
}
select {
    /* max-width: 140px;
    min-width: 50px; */
    background-color: white;
    border: 0;
    border-radius: 0;
    margin: 0 auto;
    cursor: pointer;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    color: #fff;
}

table.dataTable.compact thead th:nth-child(8) {
    width: 132px !important;
}

.clear-btn {
    text-align: end;
    position: relative;
    top: 73px;
} 

input#clear-me {
        background-color: #ffffff;
        margin-bottom: 0;
        padding: 8px 20px !important;
        border: 2px solid var(--afro-pink) !important;
        border-radius: 30px !important;
        color: var(--afro-pink) !important;
        font-size: 14px !important;
        line-height: 1.6em;
}

input#clear-me:hover {
    background-color: var(--afro-pink);
    color:#fff !important;
}

table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting:before { display: none !important ;}

a.button {
    color: #fff;
    background: #1b8e45;
    padding: 5px 16px;
    margin: 10px;
    border-radius: 2px;
    display: block;
    /* flex-direction: row; */
}
a.button:hover {
    color: white;
    background-color: #0b622b;
}


img.attachment-wpbs-featured.size-wpbs-featured.wp-post-image:after {
    content: "";
    display: block;
    height: 70px;
    background-image: url(https://gmfsite.co.za/images/green-bottom-image.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
img.attachment-wpbs-featured.size-wpbs-featured.wp-post-image {
    border-radius: 30px 0 0 0;
}

/* .dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
    -moz-appearance: button !important; 
  } */

  .dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
  }

  div.dt-container .dt-search input {
    margin-left: 3px;
    padding: 5px 10px 5px 20px !important;
    border: 2px solid var(--afro-pink) !important;
    border-radius: 30px !important;
    color: var(--afro-pink) !important;
    font-size: 14px !important;
    line-height: 1em;
}

/* table.dataTable > thead > tr > td {
    padding: 10px;
    border-bottom: 1px solid #706f6f59 !important;
} */

.table-bordered th, .table-bordered td {
    border: 1px solid #b7b6b661 !important;
}

.dt-length {
    text-align: end;
}

div#documents-archive_info {
    text-align: center;
}

div.dt-container .dt-paging .dt-paging-button {
    margin-left: 5px;
    margin-right: 5px;
}

.dt-paging.paging_full_numbers {
    text-align: center;
    padding-top: 30px;
}

 .dt-paging-button.disabled, .dt-paging-button.first, .dt-paging-button.previous, .dt-paging-button.next, .dt-paging-button.last {
    padding: 5px 20px !important;
    border: 2px solid var(--afro-pink) !important;
    border-radius: 30px !important;
    color: var(--afro-pink) !important;
    font-size: 14px !important;
    line-height: 1em;
}

 .dt-paging-button.current {
    border-radius: 7px !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    color: white !important;
    border: 1px solid #e50051;
    background-color: #e50051;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e50051), color-stop(100%, #e50051));
    background: -webkit-linear-gradient(top, #e50051 0%, #e50051 100%);
    background: -moz-linear-gradient(top, #e50051 0%, #e50051 100%);
    background: -ms-linear-gradient(top, #e50051 0%, #e50051 100%);
    background: -o-linear-gradient(top, #e50051 0%, #e50051 100%);
    background: linear-gradient(to bottom, #e50051 0%, #e50051 100%);
}


.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
  } 

/****** Responsive ***************/

/* ul li:before {display: none;} */