:root {
    /*Secondary Colour Palette*/
    --AHS-Cyan: rgb(0, 173, 187);
    --AHS-Teal: rgb(0, 137, 150);
    --AHS-Dark-Blue: rgb(0, 94, 133);
    --AHS-Light-Green: rgb(164, 213, 93);
    --AHS-Lime-Green: rgb(184, 190, 52);
    --AHS-Dark-Green: rgb(122, 156, 73);
    --AHS-Yellow: rgb(255, 200, 67);
    --AHS-Dark-Yellow: rgb(236, 170, 33);
    --AHS-Orange: rgb(226, 132, 50);
    --AHS-Red: rgb(195, 58, 50);
    /*Complementary Colour Palette*/
    /*Light*/
    --AHS-Dusty-Teal: rgb(154, 185, 173);
    --AHS-Khaki: rgb(199, 200, 155);
    --AHS-Dusty-Gray: rgb(164, 169, 173);
    --AHS-Dusty-Mauve: rgb(194, 164, 183);
    --AHS-Light-Pink: rgb(237, 190, 201);
    /*Dark*/
    --AHS-Smoky-Teal: rgb(79, 127, 112);
    --AHS-Dark-Khaki: rgb(139, 144, 100);
    --AHS-Dark-Gray: rgb(92, 102, 112);
    --AHS-Dark-Mauve: rgb(109, 58, 93);
    --AHS-Dark-Pink: rgb(229, 99, 133);
    /*BG-lgiht*/
    --light-cyan-bg: rgb(235 247 247) !important;
    --title-color: #005072;
    --font-gray: #5B6670;
}
.d-only {
    display:none;
}
.m-only {
    display: initial;
}
.font-large {
    font-size:16px;
}
.font-larger {
    font-size: 18px;
}
img.logo-img-clean {
    width: 40%;
}
.m-padding-side-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.m-margin-side-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.m-mv-container {
    margin: 0px;
    padding: 2rem 0rem;
}
.m-header-container {
    padding:1rem 2rem;
}
.m-header-left, .m-header-right {
    width: 45%;
    display: inline-block;
}

.btn-mv-menu {
    width: 95%;
}
.section {
    padding-bottom: 1rem;
}
.col-sm-12 {
    width:100%;
}
.m-text-right {
    text-align: right !important;
}
.m-margin-top-2 {
    margin-top:2rem;
}
table.table {
    border: 0;
    margin: 0px !important;
    width: 100% !important;
}

    table.table thead {
        display: none; /* hide header on mobile */
    }

    table.table tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 0.75rem;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        padding: 0.75rem;
    }

    table.table td {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0;
        border: none;
    }

        table.table td::before {
            content: attr(data-label);
            font-weight: bold;
            flex: 1;
            text-align: left;
        }

        table.table td:last-child {
            justify-content: center; /* center action button */
        }


/* Make sure table cells allow wrapping */
#mvtable td {
    white-space: normal;
    word-wrap: break-word;
    vertical-align: top; /* keeps things aligned neatly */
}

/* Optional: specific styling for the name cell */
#mvtable .td-name .text-muted {
    display: block; /* ensures email goes to a new line */
    margin-top: 0.25rem;
}


.table .even td,
.table-striped > tbody > tr:nth-of-type(even),
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: transparent !important;
}


.table .even {
    background: var(--bs-table-striped-bg);
}
div#mvtable_filter, div#mytable_filter {
    text-align: left;
}

.m-form-control {
    width:50%;
}
/* Very small phones (iPhone SE, older Android) */
@media (max-width: 360px) {
    /* tighter fonts, smaller buttons if needed */
}

/* Default portrait phones (majority) */
@media (min-width: 361px) and (max-width: 414px) {
    /* this hits most iPhones + common Androids */
}

/* Large phones (Plus/Max, big Androids) */
@media (min-width: 415px) and (max-width: 480px) {
    /* maybe allow more padding or 2-column layouts */
}