.stepper.stepper-pills .stepper-item.current .stepper-icon{
    background-color: #CEE077 !important;
    /*background-color: #530A0AFF !important;*/
}

.form-check-input:checked{
    background-color: #CEE077
}

.btn.btn-outline.btn-outline-dashed {
    border-width: 1px;
    border-style: double;
}

.part{
    background-color: var(--bs-app-header-base-bg-color)
}

.headerTitle{
    color: #9A2049 !important;
}

.container-xxl {
    max-width: 1920px !important;
}

h3 > span > svg > g > path {
    fill: #9A2049 !important;
}
.custom-active, .dataset-active, .custom-active-additional {
    background-color: #CEE077 !important;
    color: white !important;
}
/**! ---------- ---------- SECURITY ---------- ---------- */
.security-button {
    background-color: #9A2049 !important;
    border: solid 2px #9A2049 !important;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5rem !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.security-button > * {
    color: white;
}
.security-button:hover {
    background-color: #FFFFFF !important;
    border: solid 2px #9A2049 !important;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5rem !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.security-button:hover > * {
    color: #9A2049;
}
.security-card {
    border-radius: 4rem !important;
}
.security-link {
    color: #9A2049 !important;
    text-decoration: underline;
}
.security-link:hover {
    color: #c24871 !important;
    text-decoration: underline;
}

/**! ---------- ---------- SIDEBAR ---------- ---------- */
.app-sidebar {
    background: #303A43 0% 0% no-repeat padding-box !important;
}

.menu-item > .active {
    background: #F1F5F7 0% 0% no-repeat padding-box !important;
}
.active > .menu-title {
    color: #303A43 !important;
    font-size: 15px !important;
}
.menu-title {
    color: #FFFFFF !important;
    font-size: 15px !important;
}
.active> .menu-icon > svg > g > path, .active>.menu-icon>span>svg>g>path{
    fill: #9A2049 !important;
}
.active>.menu-icon>svg {
    height: 30px;
}

.menu-icon > svg > g > path, .menu-icon>span>svg>g>path {
    fill: #FFFFFF !important;
}
.menu-icon>svg, .menu-icon>span>svg {
    height: 30px;
}

/**! ---------- ---------- FORM ---------- ---------- */
.form-control-solid {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 2px solid #D9E1E7 !important;
    border-radius: 16px !important;
}
.part {
    height: fit-content;
}
.custom-label {
    font-weight: bold !important;
    font-size: 15px !important;
}
.client-card {
    background: #9A2049;

}
.client-card > div {
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}
.client-card > hr {
    color: #FFFFFF;
}
#client-cell {
    border-radius: 100px !important;
    border: #FFFFFF;
    background-color: #FFFFFF;
    height: 120px;
    width: 120px;
    align-items: center;
}
#client-cell > svg {
    height: 70px;
    width: 70px;
}
tr, tbody, table {
    width: 100%;
}
tr:nth-child(even) {
    background: #a7c32925 0% 0% no-repeat padding-box;
}
#next, #submit, .customBtn {
    background: #CEE077 0% 0% no-repeat padding-box !important;
    opacity: 0.7 !important;
    color: white !important;
}
#next:hover, #submit:hover, .customBtn:hover {
    background: #CEE077 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
    color: white !important;
}
#back {
    background: #7D818362 0% 0% no-repeat padding-box !important;
    opacity: 0.7 !important;
    color: white;
}
#back:hover {
    background: #7D818362 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
    color: white;
}

.header-icon > svg > g > path {
    fill: #009ef7 !important;
}

.header-icon > svg {
    height: 30px;
    width: 30px;
}

/**! ---------- ---------- STEPPER ---------- ---------- */
    .stepper-icon {
        border-radius: 50px !important;
    }
    .stepper-icon > * {
        color: white !important;
    }
    /**? ---------- UNACTIVE ---------- */
        .stepper-item > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > path,
        .stepper-item > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > g > path,
        .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > path {
            fill: #7D8183 !important;
        }
        .stepper-item > .stepper-wrapper > .stepper-label > .stepper-desc {
            color: #7D8183 !important;
        }
        .stepper-item > .stepper-wrapper > .stepper-icon {
            background-color: #D3D2D2 !important;
        }
    /**? ---------- CURRENT ---------- */
        .current > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > path,
        .current > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > g > path,
        .current > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > path
        {
            fill: #9A2049 !important;
        }
        .current > .stepper-wrapper > .stepper-label > .stepper-desc {
            color: #9A2049 !important;
        }
        .current > .stepper-wrapper > .stepper-icon,
        #kt_stepper_example_basic > div > .current > .stepper-wrapper > .stepper-icon {
            background-color: #9A2049 !important;
        }
    /**? ---------- COMPLETED ---------- */
        .completed > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > path,
        .completed > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > g > g > path,
        .completed > .stepper-wrapper > .stepper-label > .card > .stepper-title > svg > path {
            fill: #CEE077 !important;
        }
        .completed > .stepper-wrapper > .stepper-label > .stepper-desc {
            color: #CEE077 !important;
        }
        .completed > .stepper-wrapper > .stepper-icon {
            background-color: #CEE077 !important;
        }