:root {
    --c-primary-lighter-4: #d7e5eb; /* oklab.l +40 */
    --c-primary-lighter-3: #a9c8d3; /* oklab.l +30 */
    --c-primary-lighter-2: #7cabbc; /* oklab.l +20 */
    --c-primary-lighter-1: #4c8ea6; /* oklab.l +10 */
    --c-primary: #00728f; /* oklab.l = 51.26% */
    --c-primary-darker-1: #00546a; /* oklab.l -10 */
    --c-primary-darker-2: #003747; /* oklab.l -20 */
    --c-primary-darker-3: #001d26; /* oklab.l -30 */
    --c-primary-darker-4: #00060a; /* oklab.l -40 */

    --c-primary-from-white-1: #d1e1e8; /* oklab.l -10 */
    --c-primary-from-white-2: #a3c4d1; /* oklab.l -20 */
    --c-primary-from-white-3: #76a7ba; /* oklab.l -30 */
    --c-primary-from-white-4: #458ba3; /* oklab.l -40 */
}

.dropdown.open .header-button,
.sw2-page-header-tabs .header-tab.selected {
    background: var(--c-primary-darker-1) !important;
}

.sw2-page-header-tabs > li:hover,
.sw2-page-header-tabs > li:focus,
.sw2-page-header-tabs > li:active {
    background: var(--c-primary-lighter-1);
}

.user-panel-form input[type="text"]:focus,
.user-panel-form input[type="text"]:active,
.user-panel-form input[type="email"]:focus,
.user-panel-form input[type="email"]:active,
.user-panel-form input[type="password"]:focus,
.user-panel-form input[type="password"]:active,
.user-panel-form select:focus,
.user-panel-form select:active {
    border-bottom-color: var(--c-primary);
}

.user-panel-form input:focus + label,
.user-panel-form input:active + label,
.user-panel-form select:focus + label,
.user-panel-form select:active + label {
    color: var(--c-primary);
}

.shepherd-element.shepherd-theme-arrows {
    max-width: 750px;
}

#headerForm\:dataCatalogue  {
    font-weight: bold !important;
}

#toolBar .tableActionButtonsPanel {
    & .tb-trash {
        width: initial;
    }
}