﻿.ui-tabs {
    padding: 0;
    margin-bottom: 1rem;
}

.ui-tabs-tab a {
    color: var(--fast-color-main-secondary) !important;
    font-family: var(--fast-font-family-accent);
    font-size:1.125rem;
}
    .ui-tabs .ui-widget-header,
    .ui-tabs.ui-widget-content {
        border: none !important;
        background-color: transparent !important;
    }

    .ui-tabs .ui-tabs-nav {
        padding: 0px;
        background: transparent;
        border-width: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        line-height: 1;
    }

        /*        .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
            cursor: default !important;
        }
*/
        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            padding: 0px;
            background: none;
            border-width: 0px !important;
        }

        .ui-tabs .ui-tabs-nav li {
            border-bottom-width: 0px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding: .5rem 0.75rem;
            margin: 0 1rem 0 0;
            margin: 0 1rem 0 0;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            padding-bottom: calc(.5rem + 1px);
        }

.ui-tabs-panel {
    border-width: 1px !important;
    border-style: solid;
    border-color: var(--fast-color-border);
    box-shadow: var(--fast-box-shadow);
    border-radius: var(--fast-border-radius);
    border-top-left-radius: 0;
    padding: 2rem !important;
    background-color: #ffffff !important;
}

.ui-tabs-panel > *:last-child {
    margin-bottom: 0;
}

.ui-tabs .ui-state-active {
    background: #ffffff !important;
    border-color: var(--fast-color-border) !important;
    color: var(--fast-color-main-secondary);
}

    .ui-tabs .ui-state-active a,
    .ui-tabs .ui-state-active a:link,
    .ui-tabs .ui-state-active a:visited {
        cursor: default !important;
        text-decoration: none;
    }

.ui-tabs .ui-state-default,
.ui-tabs .ui-widget-content .ui-state-default,
.ui-tabs .ui-widget-header .ui-state-default,
.ui-tabs .ui-button {
    border-width: 1px 1px 0 1px;
    border-color: var(--fast-color-border);
    border-style: solid;
    background: var(--fast-color-gray);
}

.ui-tabs li.ui-tabs-tab:not(.ui-tabs-active):hover {
    background-color: var(--fast-color-gray-light);
}
