body#kt_app_body {
    background: linear-gradient(53deg, #2a97ac, #b54979);
}

[data-kt-app-header-sticky="on"] .app-header,
[data-kt-app-header-fixed-mobile="true"] .app-header {
    background: #a3024b;
}

.app-header-menu.app-header-mobile-drawer {
    background: #a3024b;
}

[data-kt-app-header-sticky="on"]
    .app-header-menu
    .menu
    > .menu-item
    > .menu-link
    span {
    color: #ffffff !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
}
a {
    color: #e53986;
}

.btn.btn-primary {
    background-color: #e53986;
}
.btn.btn-color-muted {
    color: #e7e7e7;
}
.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
    background-color: #3facc6 !important;
}
.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
    background-color: #edfffa !important;
}
.btn-check:active + .btn.btn-active-primary,
.btn-check:checked + .btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active:not(.btn-active),
.btn.btn-active-primary:focus:not(.btn-active),
.btn.btn-active-primary:hover:not(.btn-active),
.show > .btn.btn-active-primary {
    border-color: #e53986 !important;
    background-color: #e53986 !important;
}
.btn-check:active + .btn.btn-active-light-primary .svg-icon,
.btn-check:active + .btn.btn-active-light-primary i,
.btn-check:checked + .btn.btn-active-light-primary .svg-icon,
.btn-check:checked + .btn.btn-active-light-primary i,
.btn.btn-active-light-primary.active .svg-icon,
.btn.btn-active-light-primary.active i,
.btn.btn-active-light-primary.show .svg-icon,
.btn.btn-active-light-primary.show i,
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:active:not(.btn-active) i,
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:focus:not(.btn-active) i,
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:hover:not(.btn-active) i,
.show > .btn.btn-active-light-primary .svg-icon,
.show > .btn.btn-active-light-primary i {
    color: #e53986;
}
.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
    color: #e53986;
}

.form-control.form-control-solid,
.form-select.form-select-solid {
    background: #ffffff;
}

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

.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #3facc6;
}

.text-primary,
.text-hover-primary:hover {
    color: #e53986 !important;
}

.text-hover-primary:hover i {
    color: #e53986 !important;
}

.text-secondary,
.text-hover-secondary:hover {
    color: #3facc6 !important;
}

.link-secondary {
    color: #3facc6 !important;
}

.text-muted {
    color: #e1e1e1 !important;
}

.text-dark {
    color: #878787 !important;
}

.text-gray-500 {
    color: #6e6e6e !important;
}
.text-gray-800 {
    color: #1c1c1c !important;
}
.text-gray-900 {
    color: #0c0c0c !important;
}

.card .card-body {
    color: #000000;
}

.col-form-label {
    color: #000000;
}

.badge-light-primary {
    background-color: #edfffa;
    color: #e53986;
}

.app-header-menu .menu > .menu-item > .menu-link .menu-title {
    color: #fff;
}
.app-header-menu
    .menu
    > .menu-item.hover:not(.here)
    > .menu-link:not(.disabled):not(.active):not(.here),
.app-header-menu
    .menu
    > .menu-item:not(.here)
    > .menu-link:hover:not(.disabled):not(.active):not(.here),
.app-header-menu
    .menu
    > .menu-item.hover:not(.here)
    > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-title,
.app-header-menu
    .menu
    > .menu-item:not(.here)
    > .menu-link:hover:not(.disabled):not(.active):not(.here)
    .menu-title {
    /* color: #e53986 ; */
}
.menu-state-primary
    .menu-item.hover:not(.here)
    > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-title,
.menu-state-primary
    .menu-item:not(.here)
    .menu-link:hover:not(.disabled):not(.active):not(.here)
    .menu-title {
    color: #e53986;
}
.menu-state-color
    .menu-item.hover:not(.here)
    > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color
    .menu-item:not(.here)
    .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #e53986;
}
.menu-state-color
    .menu-item.hover:not(.here)
    > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-title,
.menu-state-color
    .menu-item:not(.here)
    .menu-link:hover:not(.disabled):not(.active):not(.here)
    .menu-title {
    color: #e53986;
}
.menu-state-color .menu-item .menu-link.active {
    color: #e53986;
}
.menu-hover-primary
    .menu-item:not(.here)
    .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #e53986 !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid #000000;
    color: #000000 !important;
}

.active > .page-link,
.page-link.active {
    background-color: #e53986;
}
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: #e53986;
}
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .previous {
    background-color: #e53986;
}

.card-box-icons .card-box-icon {
    background: #3facc6;
}
.card-box-icons .card-box-icon.active {
    background: #e53986;
}
.card-box-icons .card-box-icon:hover {
    background: #e53986;
}

.ki-duotone,
.ki-outline,
.ki-solid {
    color: #e7e7e7;
}

.dropzone {
    background: #edfffa;
    border-color: #e53986;
}
.noUi-tooltip {
    color: white;
}

.scrolltop:hover {
    background-color: #e53986;
}

.scrolltop {
    background: #530213;
}