.admin-table-container {
    width: 100%; /* Adjust based on your requirements */
    /* border: 1px solid #ccc; */
    overflow: hidden; /* Prevent scrollbars on the container itself */
}

.admin-table-container table {
    width: 100%;
    border-collapse: collapse;
}


.admin-table-container table thead {
    display: table;
    width: 100%;
}

.admin-table-container table tbody {
  display: block;
  height: 300px;
  overflow-y: scroll;
  width: 100%; /* Ensure it matches the table width */
}

.admin-table-container table tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* Match tbody layout */
}

.admin-table-container-old {
    overflow-y: auto;
    position: relative;
}

.admin-table-container-old thead th {
    position: sticky;
    top: 0;
    background: white; /* Ensure the header has a background color */
    z-index: 5; /* Ensure the header is above the table rows - needs to be 5 otherwise dropdown indicator on bulma "select" class shows through */
}

/* these classes are used in elements which are displaying html generated by tiptap */
/* example usage:
    <div class="content tiptap-element-view">
        {@html [html content goes here]}
    </div>
*/
.tiptap-element-view h6 {
    margin-bottom: 0.5rem !important;
}

.tiptap-element-view p {
    margin-bottom: 0 !important;
}

.tiptap-element-view ol {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
}

.tiptap-element-view ul {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
}

@media screen {
    .report-layout {
        /* margin: 0 5% 0 5%; */
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 500px) {
    .atoll-mobile-hide {display: none!important;}
}

@media print {
   	.not-printable { display: none!important; }
    .atoll-a-print-style{ 
        text-decoration: none;
        color: black
    }

    @page {
        size: A4 landscape;
    }

    .report-layout {
        margin: 0 0 0 0;
        font-size: 10pt !important/* changing to 10pt has no impact */
    }
}