/**
 * Author: Matteo Aldera
 * Company: Jdeal-Form srl - 3NTR
 * Project: SSI.Web
*/

html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/* Headers Background */
.bd-masthead {
    --bd-tl-rgb: 13,110,253;
    --bd-tr-rgb: 255,228,132;
    --bd-bl-rgb: 214,51,132;
    --bd-br-rgb: 25,228,132;
    padding: 3rem 0;
    background-image: radial-gradient(ellipse at top left, rgba(var(--bd-tl-rgb), 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-tr-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-br-rgb), 0.5), transparent 60%), radial-gradient(ellipse at center left, rgba(var(--bd-bl-rgb), 0.5), transparent 60%);
    background-size: auto 45vh;
    background-repeat: no-repeat;
}

/* Navbar */
@media (max-width: 767.98px) { /* see navbar-expand-* md: 768px */
    .offcanvas-collapse {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }

        .offcanvas-collapse.open {
            visibility: visible;
            transform: translateX(-100%);
        }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        color: rgba(255, 255, 255, .75);
    }

    .nav-scroller .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        font-size: .875rem;
        color: #6c757d;
    }

        .nav-scroller .nav-link:hover {
            color: #007bff;
        }

    .nav-scroller .active {
        font-weight: 500;
        color: #343a40;
    }

/* Scroll top button */
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: -15px;
    z-index: 99999;
    background: var(--bs-primary-text);
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
}

    .scroll-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .scroll-top:hover {
        background: var(--bs-primary-text);
        color: #fff;
    }

    .scroll-top.active {
        visibility: visible;
        opacity: 1;
        bottom: 15px;
    }

/* Tables */
.table-crm {
    margin: 0px;
}

    .table-crm th,
    .table-crm td {
        white-space: nowrap;
    }

    .table-crm th {
        width: 1%;
    }

    .table-crm td {
        max-width: 0;
        white-space: nowrap;
    }