.gwf-trithan-control-div {
    padding: 10px;
    border-radius: 20px;
    background-color: whitesmoke;
    border:1px solid darkgray;
}

.gwf-trithan-div-header {
    position: relative;
    padding: 10px;
    background-color: whitesmoke;
}

.gwf-trithan-div {
    /*this is used also in getElementsByClassName() to identify vtable info fields(use for this purpose only!!) */
    padding: 10px;
    background-color: whitesmoke;
}

.gwf-thithan-hidden-ta-containing-div {
    position: relative;
    padding: 10px;
    background-color: honeydew;
    border-radius:10px;
}

.trithan-hidden-ta {
    background-color: white;
    resize: none;
    font-family: Consolas;
    font-size: 0.8em;
    height: 400px;
    width: calc(100% - 20px);
    padding: 10px;
    white-space: pre;
    overflow: auto;
    display: block;
    margin-bottom: 5px;
    margin-top:30px;
}

.trithan-title-div {
    margin:0 auto;
    text-align:center;
    background-color:whitesmoke;
    font-family:Arial;
    font-size:1.4em;
    width:270px;
    border-radius:10px;
    margin-bottom:30px;
}

.trithan-zone-vtable-div {
    border: 14px solid lavender;
    background-color: lavender;
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 20px;
    /*


        this space left blank





        Important max height setting: 
    */
    max-height: 400px; /* Fix vtable height here so that horiz scrollbar is not hopelessly far away  */
}


.trithan-name-override-div {
    background-color: lavender;
    padding: 5px;
    margin-bottom: 30px;
    border-radius: 5px;
}

input::placeholder {
    color: red;
    text-align:center;
    opacity: 0.5;
}

.trithan-zone-name-div {
    background-color: lavender;
    padding-top: 4px;
    padding-bottom: 10px;
}


.trithan-add-zone-button-div {
    padding-bottom: 4px;
}

.dac-trithan-zone-error-message {
    background-color: yellow;
    padding: 5px;
    border: 2px solid red;
    border-radius:10px;
}

.trithan-close-button {
    font-family: Arial;
    font-size: 12px;
    background-color: lightgray;
    color: black;
    z-index: 40; /*was 1000 2025-04-16*/
    position: absolute;
    top: 7px;
    right: 7px;
    text-align: center;
    width: 24px;
    height: 24px;
    border: 1px solid darkgray;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

    .trithan-close-button:hover {
        background-color: red;
        color: white;
        cursor: default;
        border: 2px solid gray;
    }

    .trithan-close-button:active {
        background-color: darkred;
        border: 2px solid black;
    }

.trithan-show-tag-btn {
    position:absolute;
    right:44px;
    transform:translateY(11px);
}


/*
    Formatting for trithan information (entitled Data Centre Posting) tabularized inside the Metadata Viewer
    dot table-wrapper and dot styled-table are referred to in the trithan.js->CreateTrithanZoneTables() function
*/
.dac-table-wrapper-metadata-viewer {
    min-height: 350px;
    max-height: 70vh;
    overflow-x: scroll; /* horizontal scroll */
    overflow-y: scroll; /* vertical scroll */
    background-color: white;
    margin-bottom: 50px;
}

.dac-table-metadata-viewer {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-width: 420px;
    font-size: 0.7rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

    .dac-table-metadata-viewer thead tr {
        /*background: linear-gradient(135deg, #0f766e, #14b8a6);*/
        /*color: #ffffff;*/
        text-align: left;
    }

    .dac-table-metadata-viewer th,
    .dac-table-metadata-viewer td {
        padding: 12px 16px;
        vertical-align: top;
    }

    .dac-table-metadata-viewer th {
        border-bottom: 2px solid #0f766e;
    }

    .dac-table-metadata-viewer tbody tr {
        border-bottom: 1px solid #e5e7eb;
        background-color: #ffffff;
    }

        .dac-table-metadata-viewer tbody tr:nth-of-type(even) {
            background-color: #f9fafb;
        }

        .dac-table-metadata-viewer tbody tr:last-of-type {
            border-bottom: 2px solid #0f766e;
        }

        .dac-table-metadata-viewer tbody tr:hover {
            background-color: #ecfeff;
        }

        .dac-table-metadata-viewer tbody tr.active-row {
            font-weight: 600;
            color: #0f766e;
        }