/* Global variables */
:root {
    --soft-gray: #dde5e8;
    /* background body*/
    --bs-app-bg-color: white;
    /* header quando scroll verticale */
    --bs-app-header-minimize-bg-color: #2a4e69;
 
    /***********************************************
        POCKETAI
    ***********************************************/
    /* btn-primary pocket */
    --bs-primary: #942a87;
    --bs-primary-active: #282a73;
    /* icone paginatore tabelle */
    --bs-component-active-bg: #282a73;
    --pocket-gradient: linear-gradient(to right,rgba(40, 42, 115, 1) 0%, rgba(148, 42, 135, 1) 50%);
    --pocket-gradient-reverse: linear-gradient(270deg,rgba(40, 42, 115, 1) 11%, rgba(148, 42, 135, 1) 71%, rgba(255, 255, 255, 1) 98%);
    --pocket-blue: #282a73;
    --pocket-violet: #942a87;
}

/*body {
    font-family: 'Kemit', sans-serif !important;
}*/

/***********************************************
    BOTTONE ACCEDI E LINK (SOLO PAGINE LOGIN)
***********************************************/
.btn-pocket {
    background-color: var(--bs-primary);
    color: #fff
}
.btn-pocket:hover,
.btn-pocket:active  {
    background-color: #504c9c;
    color: #fff
}
.btn-pocket:disabled {
    border: 1px solid white !important;
}

.link-pocket,
[data-validator] {
    color: var(--bs-text-gray-500) !important;
}
.link-pocket:hover,
.link-pocket:focus {
    color: #fff !important;
}

/***************** 
    SIDEBAR
*******************/

/* bottone toggle */
.start-110 {
    left: 105% !important;
}
.app-sidebar-toggle {
    background-color: transparent !important;
}
/* sidebar */
.app-sidebar {
    border-right: none !important;
}
/* sidebar-logo */
.app-sidebar-logo {
    border-bottom: 1px solid white !important;
    background-color: var(--pocket-blue);
}
/* sidebar-menu */
.app-sidebar-menu {
    background-color: white;
    border-right: 1px solid #e4e1e1;
}
/* allinemento icona e label */
.app-sidebar .menu .menu-item .menu-link {
    align-items: center !important;
}
/* menu: active */
.app-sidebar .menu .menu-item .menu-link.active {
    background-color: var(--pocket-violet) !important;
}
/* menu-title + icona  */
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: var(--pocket-blue) !important;
}
/* menu-title + icona: hover  */
.app-sidebar .menu .menu-item .menu-link:hover .menu-title,
.app-sidebar .menu .menu-item .menu-link:hover .menu-icon i {
    color: var(--pocket-violet) !important;
}
/* menu-title + icona: active */
.app-sidebar .menu .menu-item .menu-link.active .menu-title,
.app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: white !important;
}

/***************** 
    HEADER
*******************/

/* header */
.app-header {
    background: var(--pocket-gradient);
}

/* icona utente */
#kt_header_user_menu_toggle .symbol-label {
    background-color: white !important;
    color: var(--pocket-blue) !important;
}

/***************** 
    FOOTER
*******************/

#kt_app_footer{
    background-color: var(--soft-gray)
}


@media (max-width: 992px) {

    .symbol.symbol-50px .symbol-label {
        width: 40px;
        height: 40px
    }
}

.symbol.symbol-circle {
    margin-top: 0.5rem !important;
}