﻿
:root {
    --app-sidebar-color: #6a27d8;
    --app-sidebar-active-color: #834ee0;
    --app-sidebar-menulink-color: #eee;
    --kt-info: var(--app-sidebar-color);
    --app-primary: var(--kt-primary);
    --app-primary-active: var(--kt-primary-active);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: var(--app-sidebar-color)
}

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
        background-color: var(--app-sidebar-active-color)
    }



    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
        color: var(--app-sidebar-menulink-color);
    }


    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
        color: var(--app-sidebar-menulink-color);
    }




.model-full {
    --bs-modal-width: 100%;
    padding: 0;
    margin: 0;
}

    .model-full .modal-content {
        min-height: 100vh;
        border-radius: 0;
    }


/*

.btn-app-primary {
    background-color: #fe0002;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

btn-app-primary :hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

btn-app-primary :active {
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

btn-app-primary :focus {
    outline: none;
    box-shadow: inset 0 -3px #333;
}
*/


.link-primary.app-theme:focus, .link-primary.app-theme:hover {
    color: var(--app-primary-active) !important;
}

.link-primary.app-theme {
    color: var(--app-primary) !important;
}


.btn.app-theme:focus, .btn-primary.app-theme:hover {
    background-color: var(--app-primary-active) !important;
}

.btn-primary.app-theme {
    background-color: var(--app-primary) !important;
}


.btn-check:active +.btn-primary.app-theme, .btn-check:checked +.btn-primary.app-theme,.btn-primary.app-theme.active,.btn-primary.app-theme.show,.btn-primary.app-theme:active:not(.btn-active),.btn-primary.app-theme:focus:not(.btn-active),.btn-primary.app-theme:hover:not(.btn-active), .show >.btn-primary.app-theme {
    color: var(--kt-primary-inverse);
    border-color: var(--app-primary-active);
    background-color: var(--app-primary-active) !important;
}

