@import "../../../../assets/less/core/boot.less";

@panel-bg: #f5f5f5;

.fieldset {
    position: relative;
    min-height: 30px;

    border: 1px solid @input-border;
    border-radius: 0.5rem;
    box-shadow: @input-box-shadow;

    margin-top: 5px;
    padding: 1em 1.25em 0 1.25em;

    background: @panel-bg;

    & > legend {
        border: none;
        margin: 0;
        padding-inline: 1rem;
        width: fit-content;
        font-size: 18px;
        color: inherit;
    }
    .control-tabs.primary-tabs {
        .nav-tabs {
            margin: 0;
            > li.active > a:before {
                background-color: @panel-bg;
                border-color: @panel-bg;
            }

            > li > a > span.title {
                &:before, &:after {
                    background-color: @panel-bg;
                }
            }
        }
    }
}