:root {
    --custom-white: #ffffff;
    --custom-grey: #f5f5f5;
    --custom-grey-light: #f8f9fb;
    --custom-red: #79060d;
    --custom-red-light: #a91b24;
    --border-dark: #000000;
}

.auth-page .auth-header-box{
    background: var(--custom-red);
}

.bg-custom-grey{
    background: var(--custom-grey);
}

.bg-custom-grey-light{
    /* background: var(--custom-grey-light); */
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
}

.bg-custom-red{
    background: var(--custom-red);
}

.text-custom-red{
    color: var(--custom-red);
}

.bg-custom-red-light{
    background: var(--custom-red-light);
}

.text-custom-red-light{
    color: var(--custom-red-light);
}

.navbar-custom-red{
    border-top: 10px solid var(--custom-red);
}

.login-body{
    background-image: url('https://www.cappellotto.com/wp-content/uploads/2020/07/header_azienda-tutti.jpg');
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 100vh;
}

.login-2-side{
    background-image: url('https://www.cappellotto.com/wp-content/uploads/2020/07/header_azienda-tutti.jpg');
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /*height: 100vh;*/
}

.login-body .container{
    max-width: 600px;
}

.main-icon-menu{
    background-color: var(--custom-red-light) !important;
}

.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link{
    background-color: var(--custom-red-light) !important;
}

.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon{
    color: white !important;
}

.leftbar-tab-menu .main-icon-menu .pro-metrica-end{
    background: none !important;
}

/* Card personalization */
.card{
    border: 0 !important;
    /*
    -webkit-box-shadow: var(--bs-box-shadow-sm) !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
    */

    box-shadow: none !important;
}

/* Single file */
.file-box{
    border: 0 !important;
    -webkit-box-shadow: var(--bs-box-shadow-sm) !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
}

.w-25px{
    width: 25px !important;
}

.undeline{
    text-decoration: underline;
}

/* Loading Effect */
.boxLoadingArea{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}