btn.mybutton {
    border: 3px !important;
    color: #3699FF !important;
    background-color: transparent;
    border-color: #3699FF !important;
}

.form-select {
    border-color: #DBDFE9;
    padding: 0.45rem 3rem 0.45rem 0.65rem;
    font-size: inherit;
}

.form-control {
    padding: 0.45rem 2rem 0.45rem 0.65rem;
    font-size: inherit;
}

.form-check-input {
    border: 1px solid #aaa;
    width: 1.5rem;
    height: 1.5rem;
}

.select2-container .select2-selection--single {
    border: 1px solid !important;
    border-radius: 0.475rem !important;
    border-color: #D8DFE9 !important;
    height: 33px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #DBDFE9;
}

/*.select2-container--default .select2-selection--multiple {
    position: relative;
    padding-right: 4rem;
    border-color: #DBDFE9;
}

    .select2-container--default .select2-selection--multiple:after {
        content: '';
        border-color: #DBDFE9 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        padding-right: 1rem;
    }

.select2-container--default.select2-container--open .select2-selection--multiple:after {
    border-color: transparent transparent #DBDFE9 transparent;
    border-width: 0 4px 5px 4px;
}*/

.col-form-label {
    font-weight: inherit;
    font-size: inherit;
}

#maincontainer > div.app-container {
    background-color: #F1F1F2 !important;
    padding-top: 25px !important;
}

table.dataTable thead tr {
    font-size: 13px !important;
}

.form-group label {
    font-weight: inherit;
    font-size: inherit;
}

.navi {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
}

    .navi .navi-item {
        padding: 0;
        display: block;
        list-style: none;
    }

        .navi .navi-item .navi-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0.75rem 1.5rem;
        }

            .navi .navi-item .navi-link .navi-icon {
                line-height: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
            }

                .navi .navi-item .navi-link .navi-icon:before {
                    line-height: 0;
                }

            .navi .navi-item .navi-link .navi-bullet {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                margin-right: 0.75rem;
            }

            .navi .navi-item .navi-link .navi-text {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

            .navi .navi-item .navi-link .navi-label {
                line-height: 0;
                margin-left: 0.75rem;
            }

            .navi .navi-item .navi-link .navi-toolbar {
                margin-left: 0.75rem;
            }

            .navi .navi-item .navi-link .navi-arrow {
                line-height: 0;
                margin-left: 0.75rem;
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
                color: #7E8299;
            }

                .navi .navi-item .navi-link .navi-arrow:before {
                    line-height: 0;
                    font-family: Ki;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    line-height: 1;
                    text-decoration: inherit;
                    text-rendering: optimizeLegibility;
                    text-transform: none;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
                    font-smoothing: antialiased;
                    content: "";
                    font-size: 0.6rem;
                }

                .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
                    -webkit-transform: rotateZ(-90deg) /*rtl:ignore*/;
                    transform: rotateZ(-90deg) /*rtl:ignore*/;
                }

[direction=rtl] .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
    -webkit-transform: rotateZ(90deg) /*rtl:ignore*/;
    transform: rotateZ(90deg) /*rtl:ignore*/;
}

.navi .navi-item:last-child {
    border-bottom: 0 !important;
}

    .navi .navi-item:last-child .navi-link {
        border-bottom: 0 !important;
    }

.navi .navi-separator {
    margin: 0;
    padding: 0;
    height: 0;
    display: block;
    border-bottom: 1px solid #EBEDF3;
}

    .navi .navi-separator.navi-separator-dashed {
        border-bottom: 1px dashed #EBEDF3;
    }

.navi .navi-header,
.navi .navi-footer,
.navi .navi-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navi .navi-section {
    padding: 0.75rem 1.5rem;
}

.navi .navi-header {
    padding: 0.75rem 1.5rem;
}

.navi .navi-footer {
    padding: 0.75rem 1.5rem;
}

.navi.navi-spacer-x-0 .navi-item .navi-link {
    padding-left: 0;
    padding-right: 0;
}

.navi .navi-item .navi-link .navi-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
}

    .navi .navi-item .navi-link .navi-icon i {
        font-size: 1.25rem;
    }

    .navi .navi-item .navi-link .navi-icon svg {
        height: 22px;
        width: 22px;
    }

.navi.navi-icon-lg .navi-item .navi-link .navi-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
}

    .navi.navi-icon-lg .navi-item .navi-link .navi-icon i {
        font-size: 1.5rem;
    }

    .navi.navi-icon-lg .navi-item .navi-link .navi-icon svg {
        height: 28px;
        width: 28px;
    }

.navi.navi-icon-xl .navi-item .navi-link .navi-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
}

    .navi.navi-icon-xl .navi-item .navi-link .navi-icon i {
        font-size: 1.75rem;
    }

    .navi.navi-icon-xl .navi-item .navi-link .navi-icon svg {
        height: 32px;
        width: 32px;
    }

.navi.navi-icon-center .navi-item .navi-link .navi-icon {
    text-align: center;
}

.navi .navi-item .navi-link {
    font-size: 1rem;
}

    .navi .navi-item .navi-link .navi-text {
        font-size: 1rem;
    }

.navi.navi-font-lg .navi-item .navi-link {
    font-size: 1.1rem;
}

    .navi.navi-font-lg .navi-item .navi-link .navi-text {
        font-size: 1.1rem;
    }

.navi.navi-font-xl .navi-item .navi-link {
    font-size: 1.2rem;
}

    .navi.navi-font-xl .navi-item .navi-link .navi-text {
        font-size: 1.2rem;
    }

.navi.navi-light .navi-item .navi-link .navi-text {
    font-weight: 300;
}

.navi.navi-lighter .navi-item .navi-link .navi-text {
    font-weight: lighter;
}

.navi.navi-bold .navi-item .navi-link .navi-text {
    font-weight: 500;
}

.navi.navi-bolder .navi-item .navi-link .navi-text {
    font-weight: 600;
}

.navi.navi-boldest .navi-item .navi-link .navi-text {
    font-weight: 700;
}

.navi .navi-item .navi-link {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #3F4254;
}

    .navi .navi-item .navi-link .navi-bullet .bullet {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi .navi-item .navi-link .navi-text {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi .navi-item .navi-link .navi-icon {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

        .navi .navi-item .navi-link .navi-icon i {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

    .navi .navi-item .navi-link .navi-arrow {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi .navi-item .navi-link .navi-bullet .bullet {
        background-color: #E4E6EF;
    }

    .navi .navi-item .navi-link .navi-text {
        color: #3F4254;
    }

    .navi .navi-item .navi-link .navi-icon i {
        color: #B5B5C3;
    }

    .navi .navi-item .navi-link .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #B5B5C3;
    }

    .navi .navi-item .navi-link .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi .navi-item .navi-link .navi-arrow {
        color: #B5B5C3;
    }

    .navi .navi-item .navi-link.disabled {
        opacity: 0.6;
    }

    .navi .navi-item .navi-link:hover {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        color: #3699FF;
    }

        .navi .navi-item .navi-link:hover .navi-bullet .bullet {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link:hover .navi-text {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link:hover .navi-icon {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

            .navi .navi-item .navi-link:hover .navi-icon i {
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
            }

            .navi .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
            }

        .navi .navi-item .navi-link:hover .navi-arrow {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link:hover .navi-bullet .bullet {
            background-color: #3699FF;
        }

        .navi .navi-item .navi-link:hover .navi-text {
            color: #3699FF;
        }

        .navi .navi-item .navi-link:hover .navi-icon i {
            color: #3699FF;
        }

        .navi .navi-item .navi-link:hover .navi-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3699FF;
        }

        .navi .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .navi .navi-item .navi-link:hover .navi-arrow {
            color: #3699FF;
        }

    .navi .navi-item .navi-link.active {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        color: #3699FF;
    }

        .navi .navi-item .navi-link.active .navi-bullet .bullet {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link.active .navi-text {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link.active .navi-icon {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

            .navi .navi-item .navi-link.active .navi-icon i {
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
            }

            .navi .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
            }

        .navi .navi-item .navi-link.active .navi-arrow {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi .navi-item .navi-link.active .navi-bullet .bullet {
            background-color: #3699FF;
        }

        .navi .navi-item .navi-link.active .navi-text {
            color: #3699FF;
        }

        .navi .navi-item .navi-link.active .navi-icon i {
            color: #3699FF;
        }

        .navi .navi-item .navi-link.active .navi-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3699FF;
        }

        .navi .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .navi .navi-item .navi-link.active .navi-arrow {
            color: #3699FF;
        }

.navi.navi-light-icon .navi-item .navi-link {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #3F4254;
}

    .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-text {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-icon {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

        .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

    .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
        background-color: #E4E6EF;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-text {
        color: #3F4254;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
        color: #D1D3E0;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #D1D3E0;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
        color: #B5B5C3;
    }

    .navi.navi-light-icon .navi-item .navi-link.disabled {
        opacity: 0.6;
    }

    .navi.navi-light-icon .navi-item .navi-link:hover {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        color: #3699FF;
    }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

            .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
            }

            .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
            }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
            background-color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
            color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
            color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
            color: #3699FF;
        }

    .navi.navi-light-icon .navi-item .navi-link.active {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        color: #3699FF;
    }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-icon {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

            .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
            }

            .navi.navi-light-icon .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
                -webkit-transition: fill 0.3s ease;
                transition: fill 0.3s ease;
            }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
            background-color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
            color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
            color: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #3699FF;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
        }

        .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
            color: #3699FF;
        }

.navi.navi-border .navi-item .navi-link {
    border-bottom: 1px solid #EBEDF3;
}

.navi.navi-link-rounded .navi-item .navi-link {
    border-radius: 0.42rem;
}

.navi.navi-link-rounded-lg .navi-item .navi-link {
    border-radius: 0.85rem;
}

.navi.navi-hover .navi-item .navi-link:hover {
    background-color: #F3F6F9;
}

.navi.navi-active .navi-item .navi-link.active {
    background-color: #F3F6F9;
}

.navi.navi-accent .navi-item .navi-link {
    position: relative;
}

    .navi.navi-accent .navi-item .navi-link:before {
        display: block;
        left: 0;
        top: 8px;
        bottom: 8px;
        position: absolute;
        width: 4px;
        background-color: transparent;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        border-radius: 2px;
        content: " ";
    }

    .navi.navi-accent .navi-item .navi-link.active:before {
        background-color: #3699FF;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

.navi.navi-accent.navi-primary .navi-item .navi-link:hover {
    color: #3699FF;
}

    .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-text {
        color: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon i {
        color: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-arrow {
        color: #3699FF;
    }

.navi.navi-accent.navi-primary .navi-item .navi-link.active {
    color: #3699FF;
}

    .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-text {
        color: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon i {
        color: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-arrow {
        color: #3699FF;
    }

    .navi.navi-accent.navi-primary .navi-item .navi-link.active:before {
        background-color: #3699FF;
    }

.navi.navi-accent.navi-secondary .navi-item .navi-link:hover {
    color: #E4E6EF;
}

    .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-text {
        color: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon i {
        color: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-arrow {
        color: #E4E6EF;
    }

.navi.navi-accent.navi-secondary .navi-item .navi-link.active {
    color: #E4E6EF;
}

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-text {
        color: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon i {
        color: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-arrow {
        color: #E4E6EF;
    }

    .navi.navi-accent.navi-secondary .navi-item .navi-link.active:before {
        background-color: #E4E6EF;
    }

.navi.navi-accent.navi-success .navi-item .navi-link:hover {
    color: #1BC5BD;
}

    .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-text {
        color: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon i {
        color: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-arrow {
        color: #1BC5BD;
    }

.navi.navi-accent.navi-success .navi-item .navi-link.active {
    color: #1BC5BD;
}

    .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-text {
        color: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon i {
        color: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-arrow {
        color: #1BC5BD;
    }

    .navi.navi-accent.navi-success .navi-item .navi-link.active:before {
        background-color: #1BC5BD;
    }

.navi.navi-accent.navi-info .navi-item .navi-link:hover {
    color: #8950FC;
}

    .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-text {
        color: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon i {
        color: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-arrow {
        color: #8950FC;
    }

.navi.navi-accent.navi-info .navi-item .navi-link.active {
    color: #8950FC;
}

    .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-text {
        color: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon i {
        color: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-arrow {
        color: #8950FC;
    }

    .navi.navi-accent.navi-info .navi-item .navi-link.active:before {
        background-color: #8950FC;
    }

.navi.navi-accent.navi-warning .navi-item .navi-link:hover {
    color: #FFA800;
}

    .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-text {
        color: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon i {
        color: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-arrow {
        color: #FFA800;
    }

.navi.navi-accent.navi-warning .navi-item .navi-link.active {
    color: #FFA800;
}

    .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-text {
        color: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon i {
        color: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-arrow {
        color: #FFA800;
    }

    .navi.navi-accent.navi-warning .navi-item .navi-link.active:before {
        background-color: #FFA800;
    }

.navi.navi-accent.navi-danger .navi-item .navi-link:hover {
    color: #F64E60;
}

    .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-text {
        color: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon i {
        color: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-arrow {
        color: #F64E60;
    }

.navi.navi-accent.navi-danger .navi-item .navi-link.active {
    color: #F64E60;
}

    .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-text {
        color: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon i {
        color: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-arrow {
        color: #F64E60;
    }

    .navi.navi-accent.navi-danger .navi-item .navi-link.active:before {
        background-color: #F64E60;
    }

.navi.navi-accent.navi-light .navi-item .navi-link:hover {
    color: #F3F6F9;
}

    .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-text {
        color: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon i {
        color: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-arrow {
        color: #F3F6F9;
    }

.navi.navi-accent.navi-light .navi-item .navi-link.active {
    color: #F3F6F9;
}

    .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-text {
        color: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon i {
        color: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-arrow {
        color: #F3F6F9;
    }

    .navi.navi-accent.navi-light .navi-item .navi-link.active:before {
        background-color: #F3F6F9;
    }

.navi.navi-accent.navi-dark .navi-item .navi-link:hover {
    color: #181C32;
}

    .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-text {
        color: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon i {
        color: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-arrow {
        color: #181C32;
    }

.navi.navi-accent.navi-dark .navi-item .navi-link.active {
    color: #181C32;
}

    .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-text {
        color: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon i {
        color: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-arrow {
        color: #181C32;
    }

    .navi.navi-accent.navi-dark .navi-item .navi-link.active:before {
        background-color: #181C32;
    }

.navi.navi-accent.navi-white .navi-item .navi-link:hover {
    color: #ffffff;
}

    .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-text {
        color: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon i {
        color: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-arrow {
        color: #ffffff;
    }

.navi.navi-accent.navi-white .navi-item .navi-link.active {
    color: #ffffff;
}

    .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-text {
        color: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon i {
        color: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-arrow {
        color: #ffffff;
    }

    .navi.navi-accent.navi-white .navi-item .navi-link.active:before {
        background-color: #ffffff;
    }

#docItem {
    text-decoration: underline;
    color: #3699FF;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: #464E5F;
    background: #F3F6F9;
    border: 0;
    border-radius: 0.42rem;
}

/*WCAG Changes*/

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.bg-primary {
    background-color: rgb(30, 90, 170) !important;
}

.text-bg-primary {
    background-color: rgb(30, 90, 170) !important;
}

.btn-primary {
    background-color: rgb(30, 90, 170) !important;
}

#kt_app_header_wrapper > div.app-navbar.flex-shrink-0 > div:nth-child(8) > div.cursor-pointer.symbol.symbol-30px.symbol-md-0px > span.symbol.symbol-30px > span {
    background-color: rgb(10, 110, 55) !important;
}

.btn-success {
    background-color: rgb(10, 110, 55) !important;
}

.btn-light-primary {
    color: #071437 !important;
}

.text-danger {
    color: #D91E18 !important;
}

span.menu-title {
    color: black !important;
}

a {
    color: #625eff !important;
}

    a.page-link {
        color: white !important;
    }

li.active.paginate_button.page-item > a {
    background-color: #071437 !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}


/* Inactive stepper icon + number text */
.stepper-item:not(.current):not(.completed) .stepper-wrapper .stepper-icon,
.stepper-item:not(.current):not(.completed) .stepper-wrapper .stepper-number {
    background-color: #e0e0e0 !important; /* neutral gray background */
    color: #212121 !important; /* strong dark text for WCAG AAA contrast */
    font-weight: 600; /* optional: make numbers bolder */
}


/* Active stepper icon */
.stepper-item.current .stepper-wrapper .stepper-icon {
    background-color: rgb(30, 90, 170) !important; /* primary button color */
    color: #ffffff !important; /* white text for WCAG contrast */
}

/* Completed stepper icon */
.stepper-item.completed .stepper-wrapper .stepper-icon {
    background-color: rgb(20, 60, 120) !important; /* darker variant of primary */
    color: #ffffff !important; /* white number/checkmark */
}

    /* Completed step checkmark visibility */
    .stepper-item.completed .stepper-wrapper .stepper-icon .stepper-check {
        color: #ffffff !important; /* pure white checkmark */
    }

    .stepper-item.completed .stepper-wrapper .stepper-icon svg {
        fill: #ffffff !important; /* ensures white fill for SVG checkmarks */
    }



/* Breadcrumb link color override */
.breadcrumb .breadcrumb-item a {
    color: #3a2eff !important; /* darker variant of brand color */
    text-decoration: none;
}

    .breadcrumb .breadcrumb-item a:hover,
    .breadcrumb .breadcrumb-item a:focus {
        color: rgb(30, 90, 170) !important; /* matches your primary button hover */
        text-decoration: underline;
    }


/* Active breadcrumb item (non-link) */
.breadcrumb .breadcrumb-item.active {
    color: #212121 !important; /* dark neutral for current page */
    font-weight: 600; /* emphasize current location */
}




th {
    font-weight: bold !important;
}

/* Primary button base + hover/active states */
.btn.btn-primary {
    --bs-btn-bg: rgb(30, 90, 170);
    --bs-btn-border-color: rgb(30, 90, 170);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: rgb(20, 60, 120);
    --bs-btn-hover-border-color: rgb(20, 60, 120);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: rgb(20, 60, 120);
    --bs-btn-active-border-color: rgb(20, 60, 120);
    --bs-btn-active-color: #ffffff;
}

    /* Primary hover/focus/active — beat Metronic’s selectors */
    .btn.btn-primary:hover,
    .btn.btn-primary:not(.btn-active):hover,
    .btn.btn-primary:focus,
    .btn.btn-primary:active,
    .show > .btn.btn-primary.dropdown-toggle {
        background-color: rgb(20, 60, 120) !important;
        border-color: rgb(20, 60, 120) !important;
        color: #ffffff !important;
    }

/* Success hover/focus/active */
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.show > .btn.btn-success.dropdown-toggle {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: #ffffff !important;
}

/* Light-primary outline hover/focus/active — fill with brand primary */
.btn.btn-light-primary.btn-outline:hover,
.btn.btn-light-primary.btn-outline:focus,
.btn.btn-light-primary.btn-outline:active,
.show > .btn.btn-light-primary.btn-outline.dropdown-toggle {
    background-color: rgb(30, 90, 170) !important;
    border-color: rgb(30, 90, 170) !important;
    color: #ffffff !important;
}

/* Neutralize Metronic’s hover-primary utility */
.hover-primary:hover {
    color: inherit !important;
}

/* Primary button focus state */
.btn.btn-primary:focus,
.btn.btn-primary.focus {
    background-color: rgb(20, 60, 120) !important; /* match your hover/active */
    border-color: rgb(20, 60, 120) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important; /* brand-colored focus ring */
}

/* Success button focus state */
.btn.btn-success:focus,
.btn.btn-success.focus {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 120, 60, 0.25) !important;
}

/* Light-primary outline focus state */
.btn.btn-light-primary.btn-outline:focus,
.btn.btn-light-primary.btn-outline.focus {
    background-color: rgb(30, 90, 170) !important;
    border-color: rgb(30, 90, 170) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important;
}

/* Primary button focus/active states */
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.btn.btn-primary.focus,
.btn.btn-primary.btn-active,
.btn.btn-primary.btn-active:focus,
.btn-check:focus + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary:focus {
    background-color: rgb(20, 60, 120) !important;
    border-color: rgb(20, 60, 120) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.35) !important; /* brand focus ring */
}

/* Success button focus/active states */
.btn.btn-success:focus,
.btn.btn-success:focus-visible,
.btn.btn-success.focus,
.btn.btn-success.btn-active,
.btn.btn-success.btn-active:focus,
.btn-check:focus + .btn.btn-success,
.btn-check:checked + .btn.btn-success:focus {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 120, 60, 0.35) !important;
}

/* Light-primary outline focus/active states */
.btn.btn-light-primary.btn-outline:focus,
.btn.btn-light-primary.btn-outline:focus-visible,
.btn.btn-light-primary.btn-outline.focus,
.btn.btn-light-primary.btn-outline.btn-active,
.btn.btn-light-primary.btn-outline.btn-active:focus,
.btn-check:focus + .btn.btn-light-primary.btn-outline,
.btn-check:checked + .btn.btn-light-primary.btn-outline:focus {
    background-color: rgb(30, 90, 170) !important;
    border-color: rgb(30, 90, 170) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.35) !important;
}

:root {
    --bs-primary-active: rgb(20, 60, 120) !important; /* your darker brand */
}

/* Beat Metronic’s focus rule that uses --bs-primary-active */
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:focus-visible:not(.btn-active),
.btn.btn-primary.focus:not(.btn-active) {
    background-color: rgb(20, 60, 120) !important;
    border-color: rgb(20, 60, 120) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important;
}

/* If Metronic toggles .btn-active in the wizard, cover it too */
.btn.btn-primary.btn-active,
.btn.btn-primary.btn-active:focus,
.btn.btn-primary.btn-active:focus-visible {
    background-color: rgb(20, 60, 120) !important;
    border-color: rgb(20, 60, 120) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important;
}

/* Bootstrap’s btn-check path (used in toggles/wizards) */
.btn-check:focus + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary:focus,
.btn-check:checked + .btn.btn-primary:focus-visible {
    background-color: rgb(20, 60, 120) !important;
    border-color: rgb(20, 60, 120) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important;
}

/* Primary outline button base */
.btn.btn-light-primary.btn-outline,
.btn.btn-primary-outline {
    background-color: transparent !important; /* keep it outline by default */
    border-color: rgb(30, 90, 170) !important; /* brand border */
    color: rgb(30, 90, 170) !important; /* brand text */
}

    /* Hover/focus/active — fill with brand */
    .btn.btn-light-primary.btn-outline:hover,
    .btn.btn-light-primary.btn-outline:focus,
    .btn.btn-light-primary.btn-outline:active,
    .show > .btn.btn-light-primary.btn-outline.dropdown-toggle,
    .btn.btn-primary-outline:hover,
    .btn.btn-primary-outline:focus,
    .btn.btn-primary-outline:active {
        background-color: rgb(30, 90, 170) !important; /* brand fill */
        border-color: rgb(30, 90, 170) !important;
        color: #ffffff !important; /* white text for contrast */
        box-shadow: 0 0 0 0.25rem rgba(30, 90, 170, 0.25) !important; /* brand focus ring */
    }


/* 1) Override Metronic stepper variables globally */
:root {
    --kt-primary: rgb(30, 90, 170);
    --kt-primary-active: rgb(20, 60, 120);
    /* Stepper palette */
    --kt-stepper-icon-bg: #e0e0e0; /* inactive bg */
    --kt-stepper-icon-color: #212121; /* inactive text */
    --kt-stepper-icon-border: #bdbdbd; /* inactive border */

    --kt-stepper-icon-bg-current: rgb(30, 90, 170);
    --kt-stepper-icon-color-current: #ffffff;
    --kt-stepper-icon-border-current: rgb(30, 90, 170);
    --kt-stepper-icon-bg-completed: rgb(20, 60, 120);
    --kt-stepper-icon-color-completed: #ffffff;
    --kt-stepper-icon-border-completed: rgb(20, 60, 120);
}

/* Inactive tabs — replace gray/black with neutral brand-aligned styling */
.stepper .btn.btn-light {
    background-color: #f5f5f5 !important; /* soft neutral */
    color: #212121 !important; /* strong dark text */
    border: 1px solid #d0d0d0 !important;
    font-weight: 600 !important;
}

/* Active tab — match your brand primary */
.stepper .btn.btn-primary {
    background-color: rgb(30, 90, 170) !important;
    color: #ffffff !important;
    border-color: rgb(30, 90, 170) !important;
    font-weight: 600 !important;
}

    /* Focus/hover on active tab — darker brand */
    .stepper .btn.btn-primary:hover,
    .stepper .btn.btn-primary:focus {
        background-color: rgb(20, 60, 120) !important;
        border-color: rgb(20, 60, 120) !important;
        color: #ffffff !important;
    }

    /* Completed tab — darker brand */
    .stepper .btn.btn-primary.btn-active,
    .stepper .btn.btn-primary.btn-active:focus {
        background-color: rgb(20, 60, 120) !important;
        border-color: rgb(20, 60, 120) !important;
        color: #ffffff !important;
    }