.pangea-common-widgets-tab-button-panel-Acuren {
    max-width: 100%;
    background-color: var(--pangea-brand-colour);
}
.pangea-common-widgets-tab-button-panel-Rockwood {
    max-width: 100%;
    background-color: #36882E;
}


.pangea-common-widgets-tab-panel {
    float: left;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.pangea-common-widgets-tab-panel-tabs {
    float: left;
    flex-grow: 1;
    height: 2em;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.pangea-common-widgets-tab-panel-tabs button:first-child {
    margin-left: 20px;
}



.pangea-common-widgets-tab-panel-tab {
    float: left;
    height: auto;
    padding: 0.2em 0.6em;
    text-align: center;
    flex-grow: 1;
    font-size: 1.2rem;
    max-width: 100%;
    min-width:150px;
    /*background-color: white;*/
    border: none;
    color: white;
    border-radius:5px 5px 0 0;
}
.pangea-common-widgets-tab-panel-tabs-shadow {
    display: block;
    float: left;
    width: calc(100% + 1em);
    height: 0.5em;
    margin-top: -0.5em;
    margin-left: -0.5em;
    box-shadow: 0 5px 10px 0px #eeeeee;
    margin-bottom: 1em
}


.pangea-common-widgets-tab-panel-tab-background-colour {
    background-color: var(--pangea-brand-colour);
}
.pangea-common-widgets-tab-panel-tab-background-colour:hover {
    background-color: #4684B8;
}


.pangea-common-widgets-tab-panel-tab-background-colour-Rockwood {
    background-color: #36882E;
}
    .pangea-common-widgets-tab-panel-tab-background-colour-Rockwood:hover {
        background-color: #46B03C;
    }

.pangea-common-widgets-tab-panel-tab:active,
.pangea-common-widgets-tab-panel-tab:focus {
    outline: none;
}

.pangea-common-widgets-tab-panel-tab-active, .pangea-common-widgets-tab-panel-tab-active:hover {
    background-color: white;
    color: black;
    font-weight: bold;
}

.pangea-common-widgets-tab-panel-body {
    flex-grow: 1;
}

.pangea-common-widgets-tab-panel-body-content {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    display: none;
}

.pangea-common-widgets-tab-panel-body-content-active {
    display: block;
}

/* Adjust min-width for small screens */
@media (max-width: 480px) {
    .pangea-common-widgets-tab-panel-tab {
        min-width: 100px;
    }