@import "colours.css";

@import url('../fonts/lineicons/regular-icon-font/lineicons.css');
@import url('../fonts/lineicons/solid-icon-font/lineicons-solid.css');
@import url('../fonts/lineicons/duotone-icon-font/lineicons-duotone.css');
@import url('../fonts/lineicons/bulk-icon-font/lineicons-bulk.css');

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    PARETO CDM SAFETY HUB

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

:root {
    /* Change the global primary color to a custom purple */
    --bs-primary: #2ed4e5;
    --bs-primary-rgb: 46, 212, 229; /* Required for some transparency effects */
    /* Make all rounded corners much larger */
    /* Change the default body background */
    --bs-btn-bg: #2ed4e5;
}


body {
    font-family: 'Inter', 'DM Sans', sans-serif;
    font-weight: 400;
    background: #ffffff;
    color: #181818;
    height: 100vh;
}

html {
    font-size: 100%;
}

p, li {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    /*font-size: 0.9rem;*/
}

li {
    margin-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-family: 'Inter', 'DM Sans', sans-serif;
    margin: 3rem 0 1.5rem;
    margin: 0 0 1.38rem;
    font-weight: 600;
    line-height: 1.3;
}

small, .text_small {
    font-size: 0.833rem;
}

.link-text {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}




/* --------  Buttons ----------------------------------------------------------------------------------------------------------------------*/

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn.btn-lg {
        padding: 0.75rem 1.25rem;
        font-size: 1.125rem;
    }

.btn-primary {
    border-color: var(--color-pareto-blue-400);
    background-color: var(--color-pareto-blue-400);
    color: #2A373A;
    font-weight: 500;
}

    .btn-primary:hover {
        background-color: var(--color-pareto-blue-300);
        border-color: var(--color-pareto-blue-300);
        color: #2A373A;
    }

    .btn-primary:first-child:active,
    .btn-primary:focus-visible,
    :not(.btn-check) + .btn-primary:active {
        background: var(--color-pareto-blue-500);
        border-color: var(--color-pareto-blue-500);
    }

.btn-secondary {
    background-color: var(--neutral--200);
    border-color: var(--neutral--200) !important;
    color: #000;
}

    .btn-secondary:hover {
        background-color: var(--neutral--100);
        border-color: var(--neutral--100) !important;
        color: #000;
    }

    .btn-secondary:first-child:active,
    .btn-secondary:focus-visible,
    :not(.btn-check) + .btn-secondary:active {
        background-color: var(--neutral--300);
        border-color: var(--neutral--300) !important;
        color: #000;
    }

.btn-tertiary {
    background-color: transparent;
    border-color: var(--neutral--200) !important;
    color: #666;
    transition: 0.3s ease-in-out;
}

    .btn-tertiary:hover {
        border-color: var(--neutral--100) !important;
        background: var(--neutral--100) !important;
    }

:not(.btn-check) + .btn-tertiary:active {
    border-color: var(--neutral--400) !important;
    background: var(--neutral--400) !important;
}


.btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--color-pareto-blue-500) !important;
    color: var(--color-pareto-blue-500) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--color-pareto-blue-400) !important;
        border-color: var(--color-pareto-blue-400) !important;
        color: #000 !important;
    }

    .btn-outline-primary:active {
        background-color: var(--color-pareto-blue-600) !important;
        border-color: var(--color-pareto-blue-600) !important;
    }


.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border-color: var(--color-pareto-blue-200);
    background-color: var(--color-pareto-blue-200);
    color: #2A373A;
    font-weight: 500;
    cursor: not-allowed;
}


.btn-main-action {
    border-radius: 100px;
    gap: 0.5rem;
}

.btn.btn-main-action i {
    font-size: 1.75rem;
    line-height: 1;
}


.btn i {
    font-size: 1.75rem;
}


/* USED IN HEADER OF UI*/
.btn-icon {
    border-radius: 6px;
    background: none;
    border: none;
    font-size: 1.6rem;
    font-weight: 500;
    color: #222;
    transition: ease-in all 0.25s;
    text-decoration: none;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .btn-icon:hover {
        background-color: var(--neutral--100) !important;
    }

    .btn-icon span {
        font-size: 0.75rem;
    }

.btn-icon-text span {
    display: none;
}

@media screen and (min-width: 768px) {

    .btn-icon-text {
        width: auto;
    }

        .btn-icon-text span {
            display: flex;
        }
}


@media screen and (min-width: 992px) {


    .btn-icon-text {
        width: auto;
    }

    .btn-icon.btn-icon-text {
        padding: 0 0.5rem;
    }
}





.btn i.lnis {
    line-height: 0
}

.btn-back { /*color:var(--color-primary-800);*/
    font-weight: 500;
}

.btn-back-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    /*border: none;
    border-radius: 24px;
    color: #000;
    height: 32px;
    width: 32px;*/
    padding: 0.25rem;
}

    .btn-back-button i {
        font-size: 1.5rem;
        line-height: 1;
    }


    .btn-back-button:hover {
        background: var(--neutral--100);
        color: var(--neutral--500);
        /*        border-color: var(--neutral--200) !important;
*/
    }

    .btn-back-button:active,
    .btn-back-button:first-child:active, :not(.btn-check) + .btn-back-button:active {
        background: var(--neutral--200) !important;
        color: var(--neutral--800) !important;
        border-color: var(--neutral--200) !important;
    }
    



.btn-ui {
    background: var(--color-gray-50);
    gap: 0.5rem;
    border-color: var(--color-gray-200);
    color: var(--color-gray-400);
}

    .btn-ui:hover {
        background: var(--color-gray-100);
        border-color: var(--color-gray-200);
        color: var(--color-gray-500)
    }

    .btn-ui i {
        font-size: 1.5rem;
    }

.table .btn i {
    font-size: 1.5rem;
}

.btn-table {
    padding: 0.25rem;
    gap: 0.5rem;
}

    .btn-table:hover {
        background-color: #EAEBEB;
        background-color: var(--neutral--100);
    }

    .btn-table:first-child:active, :not(.btn-check) + .btn-table:active {
        border-color: var(--neutral--200) !important;
        background: var(--neutral--200) !important;
    }


    .btn-table.btn-count {
        gap: 0.5rem;
    }

        .btn-table.btn-count .project-count {
            width: 20px;
            height: 20px;
            background-color: #D6FF97;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.75rem;
            font-weight: 600;
            border-radius: 100px;
        }


        .btn-table.disabled {
            background-color:#FFF;
            border-color:transparent;
            opacity:0.24;
        }



.btn-link {
    color: #6E54ED;
    color: #b1a1fb;
}

    .btn-link:hover {
        color: #6E54ED;
    }




.btn-view {
    background-color: var(--color-pareto-purple-50) !important;
    color: #6E54ED !important;
    text-decoration: none;
    padding: 0.25rem;
}

    .btn-view:hover {
        background-color: var(--color-pareto-purple-100) !important;
        color: #6E54ED !important;
    }

    .btn-view:active,
    .btn-view:first-child:active, :not(.btn-check) + .btn-view:active {
        background-color: var(--color-pareto-purple-200) !important;
        border-color: var(--color-pareto-purple-200) !important;
        color: var(--color-pareto-purple-600) !important;
    }


    .btn-view.inverted {
        background-color: var(--color-gray-700) !important;
        
    }

        .btn-view.inverted i {
            color: #b1a1fb;
        }



        .btn-edit {
            background-color: var(--color-amber-50) !important;
            color: var(--color-amber-500) !important;
            text-decoration: none;
            padding: 0.25rem;
        }

            .btn-edit:hover {
                background-color: var(--color-amber-100) !important;
                color: var(--color-amber-500) !important;
            }

            .btn-edit:active,
            .btn-edit:first-child:active, :not(.btn-check) + .btn-edit:active {
                background-color: var(--color-amber-200) !important;
                border-color: var(--color-amber-200) !important;
                color: var(--color-amber-600) !important;
            }

            .btn-edit.inverted {
                background-color: var(--color-gray-700) !important;
            }





        .btn-delete {
            color: var(--color-red-600);
            overflow: hidden;
            padding: 0.25rem;
        }

            .btn-delete:hover {
                background-color: var(--color-red-100);
                color: var(--color-red-500);
            }

            .btn-delete:first-child:active, :not(.btn-check) + .btn-delete:active {
                border-color: var(--color-red-500) !important;
                background: var(--color-red-500) !important;
                color: #FFF;
            }
        /*.btn-view {
    background-color: var(--color-pareto-purple-200);
    padding: 0.25rem 0.75rem;
    border-radius: 100px;
    font-size: 0.8rem
}

    .btn-view:hover {
        background-color: var(--color-pareto-purple-300);
        color: #000;
    }*/







        .UserCounts { /*background:#000;*/
            color: #000;
            border: 1px solid #000;
            font-size: 0.8rem;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.25rem 0.75rem;
            margin-right: 0.5rem;
            border-radius: 100px;
        }

        .UserCountsLabel {
            line-height: 1.2;
            font-size: 0.75rem;
        }
        /* ----------------------------------------------------------------------------------------------------------------------------------------
    
    S T R U C T U R E 
 
    -------------------------------------------------------------------------------------------------------------------------------------*/


        .dashboard .page-wrapper {
            background-color: var(--neutral--100);
            background-color: #FFF;
        }
        /*.admin .page-wrapper {
    background-color: var(--neutral--50);
}*/

        .product-logo {
            font-weight: 600;
            color: #000;
            font-size: 1.2rem;
            /*font-family: 'Space Grotesk', sans-serif;*/
        }

            .product-logo a {
                color: #000;
                text-decoration: none;
            }

        .wrapper {
            display: flex;
            height: 100%;
            flex-direction: column;
        }

        aside.dashboard-menu.offcanvas-xl {
            background-color: #fff !important;
            background-color: #f9f9f9 !important;
            border-right: 1px solid #E5EAEF; /*box-shadow: 0 0.125rem 0.25rem rgba(165,163,174,.3);*/
            border: none;
            flex: 1 0 25%;
            min-height: 100vh;
        }

            aside.dashboard-menu.offcanvas-xl .offcanvas-header {
                height: 70px;
                padding: 0 1.375rem;
            }

            aside.dashboard-menu.offcanvas-xl .offcanvas-body {
                padding: 0;
            }

                aside.dashboard-menu.offcanvas-xl .offcanvas-body .offcanvas-inner {
                    height: calc(100vh - 70px);
                }


        nav.offcanvas-lg.offcanvas-start {
            background-color: #fff !important;
            background-color: #f9f9f9 !important;
            border-right: 1px solid #E5EAEF; /*box-shadow: 0 0.125rem 0.25rem rgba(165,163,174,.3);*/
            border: none;
            flex: 1 0 25%;
            min-height: 100vh;
        }


        .sidebar-top {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }


        .sidebar-bottom {
            padding: 1.25rem 1rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

            .sidebar-bottom a {
                font-size: 0.7rem;
                text-decoration: none;
                color: #666;
            }

        .sidebar-nav {
            flex-grow: 1;
            list-style: none;
            margin-bottom: 0;
            padding: 0;
        }

            .sidebar-nav li.nav-item {
                margin-bottom: 0;
            }

                .sidebar-nav li.nav-item a.nav-link {
                    border-radius: 0.5rem;
                    display: flex;
                    padding: 0.5rem;
                    align-items: center;
                    font-weight: 500;
                    color: #222;
                    line-height: 1.2;
                    font-size: 1rem;
                    cursor: pointer;
                    gap: 0.75rem;
                    color: #FFF;
                    font-size: 0.875rem;
                }

                    .sidebar-nav li.nav-item a.nav-link.active {
                        /*background: var(--neutral--200);*/
                        color: #2ED4E5;
                        font-weight: 600;
                    }

                        .sidebar-nav li.nav-item a.nav-link.active i {
                            color: #2ED4E5;
                        }

                    .sidebar-nav li.nav-item a.nav-link i {
                        font-size: 1.5rem;
                        opacity: 0.5;
                    }

        .sidebar.collapsed .sidebar-nav li.nav-item a.nav-link i {
            opacity: 1;
        }

        .:not(.admin) .sidebar-nav li.nav-item a.nav-link i {
            color: #C8C8C8;
        }

        .sidebar-nav li.nav-item a.nav-link span {
            line-height: 1.3;
        }

        .sidebar-nav li.nav-item a.nav-link:hover {
            visibility: visible;
            background-color: rgba(255,255,255,0.1);
        }

        .sidebar-nav li.nav-item a.nav-link.active:hover {
            /* background-color: rgba(255,255,255,0.2);*/
        }


        .admin .sidebar-nav li.nav-item a.nav-link {
            color: #222;
        }

            .admin .sidebar-nav li.nav-item a.nav-link.active:hover {
                background: #fff;
            }

            .admin .sidebar-nav li.nav-item a.nav-link:hover {
                visibility: visible;
                background-color: rgba(0,0,0,0.1);
            }

            .admin .sidebar-nav li.nav-item a.nav-link.active:hover {
                background-color: rgba(0,0,0,0.2);
            }


        .sidebar-nav li.nav-item .submenu {
            list-style: none;
            margin: 0;
            padding: 0;
            padding-left: 1rem;
            padding-right: 1rem;
        }

            .sidebar-nav li.nav-item .submenu li {
                margin-bottom: 0.5rem;
            }

                .sidebar-nav li.nav-item .submenu li a {
                    background: none;
                }

        .sidebar-nav .sidebar-dropdown li.nav-item a.nav-link {
            padding: 0.675rem 1.5rem 0.675rem 2.75rem;
        }

        .sidebar-nav [data-bs-toggle=collapse] {
            position: relative;
        }

            .sidebar-nav [data-bs-toggle=collapse]:after {
                /*border: solid;
            border-width: 0 0.075rem 0.075rem 0;
            content: "";
            display: inline-block;
            padding: 2px;
            position: absolute;
            right: 1.5rem;
            top: 0.6rem;
            transform: rotate(45deg);
            transition: all .2s ease-out;*/

                content: "\e550";
                font-family: lineicons !important;
                font-style: normal;
                font-weight: normal !important;
                font-variant: normal;
                background-image: unset;
                display: flex;
                align-items: center;
                margin-left: unset !important;
                justify-content: center;
            }

        .nav-divider {
            font-size: 0.7rem;
            text-transform: uppercase;
            color: var(--neutral--400);
            letter-spacing: 0.05rem;
            padding: 1rem 0rem 0.5rem;
            margin: 0;
        }

        .dropdown-menu {
            padding: 0.25rem 0;
            width: 15rem;
            z-index: 1001;
        }

            .dropdown-menu li {
                margin-bottom: 0;
                padding: 0;
                list-style-type: none;
            }

                .dropdown-menu li table td {
                    padding: 0.25rem !important;
                }

                .dropdown-menu li ul {
                    padding-left: 0;
                }

                    .dropdown-menu li ul li {
                        padding: 0.25rem;
                    }

                        .dropdown-menu li ul li:hover {
                            background-color: var(--color-neutral-50);
                            border-radius: 0.25rem;
                        }

        .page-wrapper header {
            z-index: 99;
            background: #f9f9f9;
            background: #fff;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            display: flex;
            align-items: center;
            height: 3.5rem;
            box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
            padding: 0 0.5rem;
        }

            .page-wrapper header .primary-logo .logo-box .logo {
                width: 40px;
                width: 32px;
                border-radius: 100px;
                background: #fff;
                border: solid 1px #E5EAEF;
            }

            .page-wrapper header .primary-logo {
                display: flex;
                justify-content: center;
                align-items: center; /* border-right:solid 1px #E5EAEF; */
            }


                .page-wrapper header .primary-logo img {
                    max-height: 20px;
                }

            .page-wrapper header .secondary-logo {
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .page-wrapper header .secondary-logo .site-title {
                    color: #b4b4b4;
                    font-weight: 500;
                }

                .page-wrapper header .secondary-logo img {
                    max-height: 32px;
                    max-height: 28px;
                    max-width: 150px;
                    /*  filter: invert(1);*/
                }

            .page-wrapper header ul.nav {
                list-style: none;
                padding: 0;
                margin-bottom: 0;
            }

                .page-wrapper header ul.nav li {
                    display: inline-flex;
                    margin-bottom: 0;
                }

        .page-wrapper .site-title,
        .dashboard-menu .site-title {
            font-weight: 500;
            color: #1b1b1E;
            font-size: 0.875rem;
            line-height: 0.9;
            margin: 0;
        }

            .page-wrapper .site-title span {
                text-transform: none;
                font-size: 1rem;
            }
        /*
main.app-container { border-radius:25px 0 0 0; overflow:hidden; flex: 1 0 75%; padding-top: 1rem; }
main.dashboard section {padding:0.5rem;}

*/

        main.app-container .app-container-inner {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            padding: 1rem 0;
            padding: 1rem;
            column-gap: 0.75rem;
            row-gap: 1.25rem;
            align-items: center;
            column-gap: 0.5rem;
            row-gap: 1rem;
        }

        .wrap {
            overflow-wrap: break-word;
            word-break: break-word;
        }



        main.app-container section {
            padding: 0rem;
        }

            main.app-container section.back-button {
                padding: 1rem 0 0;
            }



        .primary-actions-container {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            z-index: 101;
        }


        @media screen and (min-width: 768px) {

            main.app-container .app-container-inner {
                padding: unset;
                column-gap: 0.75rem;
                row-gap: 1.5rem;
                align-items: center;
            }

            main.app-container section {
                padding: 1rem;
            }

                main.app-container section.back-button {
                    padding: 0 0 1rem;
                }

            .page-wrapper header {
                box-shadow: unset;
            }


            .sidebar-nav li.nav-item a.nav-link {
                font-size: 0.875rem;
            }
                /*.sidebar-nav li.nav-item a.nav-link i {
                    font-size: 1.25rem;
                }*/

                .sidebar-nav li.nav-item a.nav-link.active {
                    border-radius: 4px;
                }
        }




        @media screen and (min-width: 1200px) {

            main.app-container {
                padding: unset; /*margin-left: 280px; min-height: 100vh;*/
                margin-top: 0;
            }

                main.app-container section {
                    padding: 1.5rem;
                }


                    main.app-container section.back-button {
                        padding: 1rem 2rem 0;
                    }

            aside.dashboard-menu.offcanvas-xl {
                max-width: 280px;
                width: 280px;
                position: fixed;
                z-index: 999;
            }

                aside.dashboard-menu.offcanvas-xl .offcanvas-header {
                    padding: 0 1.375rem 0;
                    padding: 0 1.5rem;
                    display: flex;
                }

                    aside.dashboard-menu.offcanvas-xl .offcanvas-header .btn-close {
                        display: none;
                    }

            .sidebar-top .logo {
                margin: 1rem auto 2rem;
            }



            .page-wrapper .site-title {
                display: none;
            }

            .page-wrapper header {
                position: sticky; /* border-bottom: 1px solid #e8e8e8;  height: 70px; */
                background-color: rgba(255,255,255,0.8);
                backdrop-filter: blur(1px);
            }
        }













        .card.container-card .card-header {
            padding: 1rem;
            background: #fff;
            border: none;
        }

            .card.container-card .card-header .card-title {
                margin: 0rem 0 0.75rem;
            }

                .card.container-card .card-header .card-title .title {
                    font-size: 0.875rem;
                }

                .card.container-card .card-header .card-title .sub {
                    display: none;
                }

        .card.container-card .card-body {
            padding: 1rem;
        }

            .card.container-card .card-body img {
                filter: invert(0);
            }

            .card.container-card .card-body h2 {
                font-size: 1.1rem;
                margin: 0;
            }

            .card.container-card .card-body p {
                color: #222;
            }

        .card.container-card .card-header .tag {
            display: none;
        }


        .card.card-level2 {
            border: #f1f1f4 1px solid;
            border-color: #e6e6e6;
            overflow: hidden;
        }

            .card.card-level2 .card-header {
                padding: 1rem 1rem 0;
                background: none;
                border-bottom: 0;
            }

                .card.card-level2 .card-header h5 {
                    margin: 0;
                    font-size: 1.125rem;
                }

        .card-location {
            width: 100%;
        }

        .card-attributes {
            width: 100%;
        }

        .card-most-recent {
            width: 100%;
            font-size: 0.9rem;
        }

        .inspection-thumbnail {
            position: relative;
            max-width: 80px;
            width: 80px;
        }

        .photo-enlarge {
            position: absolute;
            bottom: 0.25rem;
            right: 0.25rem;
            background: rgba(255,255,255,0.25);
            padding: 0.25rem;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 24px;
            color: #fff;
        }

            .photo-enlarge i {
                font-size: 0.75rem;
                line-height: 1;
                color: red;
            }

        .location-item {
            padding: 0;
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 0.5rem;
            font-size: 0.9375rem;
        }

            .location-item i {
                width: 32px;
                height: 32px;
                min-width: 32px;
                min-height: 32px;
                line-height: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--color-primary-100);
                background: #000;
                color: #fff;
                border-radius: 100%;
                font-size: 0.9rem;
            }

        .qr-code-container {
            display: flex;
            gap: 1rem;
            align-items: center; /*border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6;*/
            padding: 0.75rem;
            border-radius: 0.25rem;
            background: var(--neutral--100);
            margin: 1rem 0 0.5rem;
        }

            .qr-code-container svg {
                max-width: 32px;
            }

            .qr-code-container .code {
                font-size: 0.8rem;
                font-weight: 500;
            }

            .qr-code-container .qr-code {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 1rem;
            }



        @media screen and (min-width: 992px) {

            .page-panel { /*border:1px solid #e6e6e6 ;  padding:1rem;*/
            }

            .card.card-level2 .card-header {
                padding: 1.5rem 1.5rem 0;
            }

            .card.card-level2 .card-body {
                padding: 1.5rem;
            }

            .card-location {
                width: 35%;
            }

            .card-attributes {
                width: 35%;
            }

            .card-most-recent {
                width: 30%;
            }


            .inspection-thumbnail {
                max-width: 110px;
                width: 110px;
            }

            .qr-code-container svg {
                max-width: 64px;
            }

            .qr-code-container {
                flex-direction: column;
            }

            .qr-code-buttons {
                display: flex;
            }
        }




        .card.dash-stats {
            border: 1px #f1f2f5 solid;
            margin-bottom: unset;
            background: #f8f9fa;
        }

            .card.dash-stats .card-header {
                padding: 0.75rem 0.75rem 0;
                justify-content: space-between;
                align-items: end;
                display: flex;
                justify-content: space-between;
            }

                .card.dash-stats .card-header h2 {
                    margin-bottom: 0.25rem;
                }

                .card.dash-stats .card-header img {
                    max-width: 32px;
                }

            .card.dash-stats .card-body {
                padding: 2.5rem 1.5rem;
            }

            .card.dash-stats .card-footer {
                background: transparent;
                justify-content: end;
                display: flex;
                border-top: none;
                align-items: center;
            }

                .card.dash-stats .card-footer i {
                    color: #000;
                    margin-left: 10px;
                    font-size: 1rem;
                    line-height: 0;
                    transition: ease-in-out all 0.25s;
                    color: #000;
                }

                .card.dash-stats .card-footer p {
                    font-size: 0.75rem;
                    color: #000;
                    margin: 0;
                }

            .card.dash-stats.gen {
                background-color: rgba(243,112,95,0.050);
                background: #fff;
            }

            .card.dash-stats.fire {
                background-color: rgba(164,75,122,0.050);
                background: #fff;
            }

            .card.dash-stats.legi {
                background-color: rgba(225,167,161,0.050);
                background: #fff;
            }

            .card.dash-stats.ppm {
                background-color: rgba(7,183,196,0.050);
                background: #fff;
            }

            .card.dash-stats.reac {
                background-color: rgba(234,180,83,0.050);
                background: #fff;
            }

            .card.dash-stats.gen .card-header {
                background-color: var(--orange);
            }

            .card.dash-stats.fire .card-header {
                background-color: var(--purple);
            }

            .card.dash-stats.legi .card-header {
                background-color: var(--pink);
            }

            .card.dash-stats.ppm .card-header {
                background-color: var(--teal);
            }

            .card.dash-stats.reac .card-header {
                background-color: var(--gold);
            }

        .stat-container-outer {
            display: flex;
            width: 100%;
        }

        .stat-container-outer-admin {
            width: min-content;
        }

        .stat-container {
            display: flex;
            width: 50%;
            justify-content: center;
            align-items: center;
        }

        .stat-value {
            font-size: 3rem;
            font-weight: 900;
            font-weight: 500;
            line-height: 1;
            margin: 0 0 0.75rem 0; /*text-align:center;*/
        }

        .stat-label {
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 1; /*text-align:center;*/
        }



            .stat-label.high:before {
                color: #eb1c1c;
            }

            .stat-label.pill.high {
                background-color: #eb1c1c39;
                color: #eb1c1c;
                padding: 0.25rem 0.75rem;
                border-radius: 100px;
                width: fit-content;
                line-height: 1;
                border: 1px solid #eb1c1c39;
            }

            .stat-label.pill.med {
                background-color: transparent;
                color: #ff9800;
                padding: 0.25rem 0.75rem;
                border-radius: 100px;
                width: fit-content;
                line-height: 1;
                border: 1px solid #ff9800;
            }

        .stat-label {
            font-size: 0.9rem;
            font-weight: 400;
            text-transform: unset;
            letter-spacing: unset;
            line-height: 1; /*text-align:center;*/
            color: #333;
        }
        /**********************  VERSION 2 - Add Ons **********************************/

        .card.dash-stats .card-header {
            align-items: center;
        }

        .card.dash-stats.gen .card-header {
            background-color: var(--orange);
            background-color: rgba(0,0,0,0.05);
            background-color: rgba(243,112,95,0.17);
        }

        .card.dash-stats.fire .card-header {
            background-color: var(--purple);
            background-color: rgba(0,0,0,0.05);
            background-color: rgba(164,75,122,0.17);
        }

        .card.dash-stats.legi .card-header {
            background-color: var(--pink);
            background-color: rgba(0,0,0,0.05);
            background-color: rgba(225,167,161,0.17);
        }

        .card.dash-stats.ppm .card-header {
            background-color: var(--teal);
            background-color: rgba(0,0,0,0.05);
            background-color: rgba(7,183,196,0.17);
        }

        .card.dash-stats.reac .card-header {
            background-color: var(--gold);
            background-color: rgba(0,0,0,0.05);
            background-color: rgba(234,180,83,0.17);
        }

        .card.dash-stats .card-header .icon img {
            max-width: 24px;
            filter: invert(1)
        }

        .card.dash-stats .card-header .icon {
            padding: 0.5rem;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .card.dash-stats.gen .card-header .icon {
            background-color: var(--orange);
            display: none;
        }

        .card.dash-stats.fire .card-header .icon {
            background-color: var(--purple);
        }

        .card.dash-stats.legi .card-header .icon {
            background-color: var(--pink);
        }

        .card.dash-stats.ppm .card-header .icon {
            background-color: var(--teal);
        }

        .card.dash-stats.reac .card-header .icon {
            background-color: var(--gold);
        }


        .card.dash-stats .card-body {
            padding: 1.5rem 1.5rem;
        }


        .card.dash-stats.gen .stat-value {
            color: var(--orange);
        }

        .card.dash-stats.fire .stat-value {
            color: var(--purple);
        }

        .card.dash-stats.legi .stat-value {
            color: var(--pink);
        }





        .card.card-info-dash {
            border: 1px #f1f2f5 solid;
            margin-bottom: unset; /*background: #f8f9fa;*/
        }

            .card.card-info-dash .card-header {
                background-color: transparent;
                padding: 0.75rem 0.75rem 0;
                justify-content: space-between;
                align-items: flex-start;
                display: flex;
                border-bottom: none;
            }

                .card.card-info-dash .card-header h2 {
                    margin: 0;
                    font-size: 1rem;
                }

                    .card.card-info-dash .card-header h2 .sub {
                        display: flex;
                        font-weight: 300;
                        color: #000 !important;
                        font-size: 0.75rem;
                    }

                .card.card-info-dash .card-header .icon {
                    width: 40px;
                    height: 40px;
                    border-radius: 8px;
                    display: flex;
                    margin-right: 0.75rem;
                    padding: 0;
                    align-items: center;
                    justify-content: center;
                }

                    .card.card-info-dash .card-header .icon img, .card.card-info-dash .card-header .icon svg {
                        width: 24px;
                        height: auto;
                        max-height: 24px;
                    }

                .card.card-info-dash .card-header a {
                    color: #aaa;
                }

                    .card.card-info-dash .card-header a i {
                        line-height: 1;
                    }

            .card.card-info-dash .tag {
                display: none;
            }

        .stat-container {
            justify-content: flex-start;
        }

        .stat-value.large {
            margin: 0 0.75rem 0 0;
        }

        .stat-value.medium {
            margin: 0 0.75rem 0 0;
            color: #666;
        }

        .stat-value.low {
            margin: 0 0.75rem 0 0;
            color: #666;
        }


        .stat-label {
            font-weight: 400;
        }


        .card.card-info-dash .stat-container-outer {
            align-items: flex-start;
        }

        .card.card-info-dash .stat-value.large {
            font-size: 2rem;
        }

        .card.card-info-dash .stat-value.medium {
            font-size: 2rem;
        }

        .card.card-info-dash .stat-value.low {
            font-size: 1.5rem;
        }



        @media screen and (min-width: 768px) {

            .card.card-info-dash .card-header {
                padding: 1.25rem 1.25rem;
            }

            .card.card-info-dash .card-body {
                padding: 1.25rem 1.25rem;
            }
        }




        @media screen and (min-width: 992px) {

            .card.card-info-dash .card-header {
                padding: 1.5rem 1.5rem;
            }

            .card.card-info-dash .card-body {
                padding: 1.5rem 1.5rem;
            }
        }
        /**********************  VERSION 3 - Add Ons **********************************/


        .card.dash-stats.v3 {
            border: 1px #f1f2f5 solid;
            margin-bottom: unset;
            background: #f8f9fa;
        }

            .card.dash-stats.v3 .icon {
                padding: 1rem;
                border-radius: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0;
                width: 60px;
                height: 60px;
            }

                .card.dash-stats.v3 .icon img {
                    max-width: 50px;
                }

            .card.dash-stats.v3 .stat-value {
                color: #000;
                margin: 0 5px 0 0;
            }

                .card.dash-stats.v3 .stat-value.medium {
                    font-size: 2rem;
                }

                .card.dash-stats.v3 .stat-value.large {
                    font-size: 3rem;
                    margin-bottom: 0;
                }

            .card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {
                color: #000;
            }

            .card.dash-stats.v3 .stat-container.medium .stat-value, .card.dash-stats.v3 .stat-container.medium .stat-label {
                color: #999;
            }

            .card.dash-stats.v3 .stat-container.low .stat-value, .card.dash-stats.v3 .stat-container.low .stat-label {
                color: #999;
            }

            .card.dash-stats.v3 .card-header {
                background-color: var(--orange);
                background-color: rgba(0,0,0,0);
            }

                .card.dash-stats.v3 .card-header a {
                    color: #999;
                }
                /*.card.dash-stats .card-header .icon svg {width:30px; height:auto;}*/

                .card.dash-stats.v3 .card-header .icon {
                    width: 40px;
                    height: 40px;
                    border-radius: 8px;
                    display: flex;
                    margin-right: 0.75rem;
                    padding: 0;
                }

                    .card.dash-stats.v3 .card-header .icon img {
                        max-width: 24px;
                    }

                .card.dash-stats.v3 .card-header h2 {
                    font-size: 1rem;
                    font-weight: 600;
                }

                    .card.dash-stats.v3 .card-header h2 .sub {
                        display: flex;
                        font-weight: 300;
                        color: #000 !important;
                        font-size: 0.75rem;
                    }

            .card.dash-stats.v3 .card-body {
                padding: 1rem 0.75rem 1rem;
                display: flex;
                flex-direction: row;
            }

            .card.dash-stats.v3 .icon svg {
                width: 24px;
                height: auto;
            }

            .card.dash-stats.v3 .stat-label {
                color: #aaa;
                font-weight: 500;
            }

        .card.dash-stats.ppm.v3 .icon svg,
        .card.dash-stats.legi.v3 .icon svg {
            height: 50px !important;
            width: auto;
        }

        .card.dash-stats.v3 .card-footer {
            display: none;
        }


        .stat-label {
            font-size: 0.85rem; /*font-weight:700;*/
            color: #666;
        }

        .Risk1::before {
            content: 'LOW';
            color: #28d628;
            color: #999;
        }

        .Risk2::before {
            content: 'MED';
            color: #ff9800;
            color: #999;
        }

        .Risk3::before {
            content: 'HIGH';
            color: #eb1c1c;
            font-weight: 700;
        }

        .card.dash-stats.gen.v3 .icon {
            background-color: var(--orange);
        }

        .card.dash-stats.fire.v3 .icon {
            background-color: var(--purple);
        }

        .card.dash-stats.legi.v3 .icon {
            background-color: var(--pink);
        }

        .card.dash-stats.ppm.v3 .icon {
            background-color: var(--teal);
        }

        .card.dash-stats.reac.v3 .icon {
            background-color: var(--gold);
        }

        .cls-1 {
            fill: #fff;
            stroke-width: 0;
        }

        .cls-2 {
            fill: #fff;
            stroke-width: 0;
        }

        .cls-3 {
            fill: #fff;
            stroke-width: 0;
        }

        .cls-4 {
            fill: #fff;
            stroke-width: 0;
        }

        .cls-6 {
            fill: none;
            stroke: #fff;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 16px
        }
        /**********************  VERSION 4 - Add Ons **********************************/




        .ppm .stat-container-outer {
            flex-direction: column;
        }

        .ppm .stat-container-list {
            background: unset;
            border-bottom: 1px dotted #ddd;
            border-radius: unset;
            padding: 0.5rem 0.25rem;
        }

            .ppm .stat-container-list .stat-label {
                display: flex;
                align-items: center;
            }

                .ppm .stat-container-list .stat-label i {
                    font-size: 1.2rem;
                    margin-right: 10px; /*color:var(--teal);*/
                }

            .ppm .stat-container-list .stat-value {
                font-size: 1.2rem;
                width: unset;
                height: unset;
            }





        .stat-container-list {
            background-color: rgba(0,0,0,0.03);
            background: #fff; /*padding:0.5rem 0.5rem 0.5rem 1rem;*/
            border-radius: 100px;
            display: flex;
            justify-content: space-between;
            width: 100%;
            align-items: center; /*margin-bottom:0.25rem;*/
        }

            .stat-container-list .stat-label {
                font-size: 0.75rem;
                color: #000;
                display: flex;
                align-items: center;
            }

            .stat-container-list .stat-value {
                font-size: 0.9rem;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #fff;
                color: #222;
                border-radius: 100px;
                width: 30px;
                height: 30px;
                margin: 0;
            }

            .stat-container-list .stat-label i {
                font-size: 1.2rem;
                margin-right: 0.5rem;
                color: #666;
            }


        .card.dash-stats.v3.manager .card-body {
            padding: 0.75rem;
        }

        .card.dash-stats.v3.manager .icon {
            display: none;
        }

            .card.dash-stats.v3.manager .icon svg {
                height: 16px !important;
                width: auto;
            }

        .card.dash-stats.v3.manager h4.type {
            margin-left: 0;
        }

        .card.dash-stats.v3.manager h4 {
            font-size: 0.9rem;
            margin: 0 0 0.25rem 0;
            font-weight: 600;
        }

            .card.dash-stats.v3.manager h4 .sub {
                display: flex;
                font-weight: 300;
                color: #000 !important;
                font-size: 0.9rem;
            }

        .card.dash-stats.v3.manager h3 {
            font-size: 1.1rem;
            margin: 0 0 0.75rem;
        }

        .card.dash-stats.v3.manager .stat-value {
            font-size: 0.8rem;
            margin: 0;
        }

        .card.dash-stats.v3.manager .stat-label {
            font-weight: 500;
            font-size: 0.8rem;
        }

            .card.dash-stats.v3.manager .stat-label i {
                margin-right: 5px;
            }

        .card.dash-stats.v3.manager .stat-value.ppm {
            background: rgba(25,135,84,0.8);
            padding: 0.35rem 0.35rem;
            border-radius: 100px;
            color: #198754;
            color: #fff;
            font-size: 0.75rem;
            font-weight: 500;
            margin-left: 5px;
        }

        .card.dash-stats.v3.manager .stat-container-outer-box {
            display: flex;
            padding: 0.75rem;
            border: 1px solid #eee;
            border-radius: 6px;
            margin-bottom: 0.5rem;
        }

        .card.dash-stats.v3.manager .stat-container {
            flex-direction: row;
            width: unset;
            gap: 0.25rem;
            align-items: center;
        }

        .card.dash-stats.v3.manager .stat-container-list {
            border: none;
            padding: unset;
            justify-content: space-evenly;
        }

        .card.dash-stats.v3.manager .card-footer a {
            font-weight: 700;
            margin: 0.5rem 0;
            font-size: 0.8rem;
            color: #000;
            text-decoration: none;
        }


        @media screen and (min-width: 768px) {


            .stat-container {
                width: unset;
            }

            .stat-container-outer {
                flex-direction: column;
                align-items: flex-end;
            }

            .card.dash-stats.v3 .icon {
                margin-right: 1rem;
            }
        }


        @media screen and (min-width: 992px) {

            .card.dash-stats.v3 .stat-container-outer {
                flex-direction: row;
            }

            .card.dash-stats.v3 .stat-container {
                width: 50%;
                align-items: flex-end;
            }

                .card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {
                    line-height: 0.9;
                }
        }


        @media screen and (min-width: 1200px) {

            .card.dash-stats.v3.manager .card-body {
                padding: 1rem;
            }

            .card.dash-stats.v3.manager .stat-container-outer-box {
                padding: 0.5rem 0;
                border: unset;
                border-bottom: 1px solid #eee;
            }
        }


        @media screen and (min-width: 1400px) {

            .card.dash-stats.v3.manager h3 {
                font-size: 1rem;
            }

            .card.dash-stats.v3.manager h4.type {
                margin: 0 0 0.5rem;
                font-weight: 700;
            }

            .card.dash-stats.v3.manager h4 {
                font-size: 0.8rem;
                margin: 0 0 0.25rem 0;
                font-weight: 500;
            }

            .card.dash-stats.v3.manager .icon {
                padding: 0.2rem;
                border-radius: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: fit-content;
                margin: 0;
                width: 32px;
                height: 32px;
            }

            .card.dash-stats.v3.manager .stat-container-outer-box {
                padding: 0.25rem 0;
            }
        }









        .attribute {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.375rem 0;
            font-size: 0.8rem;
            margin-bottom: 0;
            border-bottom: solid 1px #f1f1f4;
        }

            .attribute:last-of-type {
                border: none;
            }

            .attribute .attribute-label {
                color: #000;
            }

            .attribute .attribute-value {
                padding: 0.25rem 0.75rem;
                border-radius: 100px;
            }

            .attribute.attribute-valid .attribute-value {
                color: var(--success--700);
                background-color: var(--success--100);
            }

            .attribute.attribute-invalid .attribute-value {
                color: var(--destructive--500);
                background-color: var(--destructive--50);
            }
        /* ----------------------------------------------------------------------------------------------------------------------------------------
    
    LOGIN PAGE 
    
    -------------------------------------------------------------------------------------------------------------------------------------*/
        /* Works on Firefox */
{
    scrollbar-width: thin;
    scrollbar-color: #ddd #fff;
}
/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

*::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 3px solid #fff;
}


body.login-page {
    height: unset;
}







.login-page {
    background-color: var(--color-pareto-grey);
}
    /* Header */
    .login-page .header-login {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 4rem;
        z-index: 100;
        background-color: var(--color-pareto-grey);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
    }
/* Scroll Container */
.main-wrapper {
    margin-top: 4rem;
    height: calc(100dvh - 4rem);
    overflow-y: auto;
}
/* Mobile: vertical snap scroll */
@media (max-width: 991px) {
    .main-wrapper {
        scroll-snap-type: y mandatory;
    }

    .panel {
        min-height: calc(100dvh - 4rem);
        scroll-snap-align: start;
        scroll-snap-stop: always;
        padding: 1rem;
    }
}
/* Each Panel */
.panel {
    display: flex;
    flex-direction: column;
}
/* Panel 1 — info top, button pinned to bottom */
.panel-1 {
    justify-content: space-between;
}

    .panel-1 .content {
        /* your info content sits naturally at the top */
    }

        .panel-1 .content .emergency-info-container {
            background-color: rgba(0,0,0,0.1);
            background-color: rgba(0,0,0,0.25);
            border-radius: 0.5rem;
            padding: 0.75rem;
        }

    .panel-1 .cta-button {
        /* sticks to bottom of panel */
        margin-top: auto;
    }



.login-page h1 {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 2rem;
    color: #2ed4e5;
}

h2.project-name {
    font-size: 1.125rem;
    color: #FFF;
    font-weight:400;
}

.login-page h3 {
    font-weight: 300;
}
/* Panel 2 */
.panel-2 {
    justify-content: flex-start; /* or center, up to you */
    
    justify-content: center;
}

    .panel-2 .inner {
        min-width: 344px;
        background-color: rgba(0,0,0,0.1);
        padding: 1.25rem;
        border-radius: 1.25rem;
        display: flex;
        flex-direction: column;
    }



.no-project .main-wrapper {
    justify-content: center;
}


.login-panel-new {
    max-width: 600px;
}

.has-project .panel-1 .login-image {
    display: none !important;
}

.no-project .panel-1 {
    display: none;
}




@media (min-width: 550px) {

    .panel-2 {
        align-items: center;
    }

        .panel-2 .inner {
            max-width:450px;
        }
}





    /* Desktop: side by side */
    @media (min-width: 992px) {
        .main-wrapper {
            display: flex;
            flex-direction: row;
            height: calc(100dvh - 6rem);
            overflow: hidden;
            padding: 0 2rem;
            gap: 2rem;
        }

        .panel-1 {
            flex: 1;
            min-width: 0; /* prevents flex blowout */
            height: 100%;
            overflow-y: auto;
        }

        .panel-2 {
            flex: 0 0 auto;
            width: clamp(300px, 30%, 440px);
            height: 100%;
            overflow-y: auto;
        }

            .panel-2 .inner {
                width: 100%;
                padding: 1.5rem;
                height: 100%;
                min-width: unset;
            }

        .panel-1 .content .emergency-info-container {
            padding: 0;
            background-color: transparent;
        }


        .login-page h1 {
            font-size: 4rem;
            /*margin-bottom: 3rem;*/
        }

        .no-project .panel-1 {
            display: flex !important;
        }

         .panel-2 h1.title {
            display:none;
        }


    }





    @media (min-width: 1200px) {

        .panel-1 .content {
            padding: 1rem 3rem 1rem 1rem;
        }
    }












    /* ----------------------------------------------------------------------------------------------------------------------------------------
    
    LOGIN PAGE 
    
    -------------------------------------------------------------------------------------------------------------------------------------*/



    .login-page .panel-2 input:-webkit-autofill,
    .login-page .panel-2 input:-webkit-autofill:hover,
    .login-page .panel-2 input:-webkit-autofill:focus,
    .login-page .panel-2 input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #3B474A inset !important;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #ffffff;
        transition: background-color 5000s ease-in-out 0s;
        font-family: 'Inter';
    }

    .login-page .panel-2 .form-control {
        background-color: #3B474A !important;
        padding: 1rem;
        font-size: 1rem;
        border-color: #2e373a;
        border-radius: 0.5rem;
        color: #FFF;
    }

    .login-page .panel-2 .client-logo {
        padding: 0.25rem 0 1.75rem;
        display: flex;
        justify-content: center;
    }

        .login-page .panel-2 .client-logo img {
            max-width: 120px;
            /* filter: invert(1)*/
        }

    .help-request {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #fff;
    }


    .login-page .panel-2 .form-label {
        color: #c7c7c7;
    }
    /* ── Shared container ── */
    .emergency-info-container {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        border-radius: 0.5rem;
        margin-bottom: 0.785rem;
    }
        /* ══════════════════════════════════════
   MOBILE – Accordion styles (unchanged)
   ══════════════════════════════════════ */
        .emergency-info-container .accordion {
            background-color: transparent;
            gap: 0.5rem;
            display: grid;
        }

        .emergency-info-container .accordion-header {
            font-family: 'Inter', 'DM Sans', sans-serif;
        }

        .emergency-info-container .accordion-item:not(:first-of-type) {
            border-top: unset;
        }

        .emergency-info-container .accordion-item {
            background-color: rgba(255,255,255,0.0) !important;
            border-bottom: 1px solid rgba(0,0,0,0.0) !important;
        }

            .emergency-info-container .accordion-item .accordion-body {
                background-color: rgba(255,255,255,0) !important;
            }

                .emergency-info-container .accordion-item .accordion-body p {
                    color: #fff;
                }

                    .emergency-info-container .accordion-item .accordion-body p:last-of-type {
                        margin: 0;
                        font-weight: 300;
                        font-size: 0.8rem;
                    }

        .emergency-info-container .accordion-button {
            display: flex;
            gap: 1rem;
            background-color: rgba(255,255,255,0.025) !important;
            background-color: #263134 !important;
            padding: 0.5rem;
            border-radius: 0.25rem;
            align-items: center;
        }

            .emergency-info-container .accordion-button img {
                max-width: 40px;
                border-radius: 0.25rem;
            }

            .emergency-info-container .accordion-button .icon {
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 0.25rem;
            }

                .emergency-info-container .accordion-button .icon i {
                    font-size: 2rem;
                    line-height: 0;
                    color: #000;
                }



            .emergency-info-container .accordion-button span {
                color: #fff;
                font-size: 0.8125rem;
            }


            .emergency-info-container .accordion-button:after {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 0.25rem;
                font-size: 1.75rem;
                background-color: rgba(255,255,255,0.025);
                border-radius: 0.25rem;
                width: 38px;
                height: 38px;
                color: #FFF;
            }





    .contact-item {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0.125rem;
    }

        .contact-item .details {
            display: flex;
            flex-direction: column;
        }

        .contact-item .details-name {
            font-weight: 500;
            font-size: 0.875rem;
            color: #FFF;
        }

        .contact-item .details-role {
            font-weight: 300;
            font-size: 0.8125rem;
            color: #FFF;
        }

        .contact-item .contact {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

            .contact-item .contact a {
                font-weight: 500;
                color: #6E54ED;
                color: #b1a1fb;
            }


        .contact-item .contact-email {
            font-weight: 500;
            font-size: 0.875rem;
            color: #FFF;
        }

        .contact-item .contact-phone {
            font-weight: 300;
            font-size: 0.8125rem;
            color: #FFF;
        }




    .non-interactive {
        display: flex;
        gap: 1rem;
        padding: 0.75rem 1rem;
        border-radius: 0.25rem;
        background-color: #FFF;
    }

        .non-interactive span {
            font-size: 0.875rem;
            font-weight: 600;
        }

        .non-interactive .icon {
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }



    .emergency-grid-item .icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.25rem;
    }

        .emergency-grid-item .icon i {
            font-size: 2rem;
            line-height: 0;
            color: #000;
        }


    /* ══════════════════════════════════════
   DESKTOP – Grid styles (md and up)
   ══════════════════════════════════════ */
    .emergency-grid {
        grid-template-columns: repeat(2, 1fr); /* 2-col; change to repeat(4,1fr) for single row */
        gap: 1.25rem;
    }
    /* Bootstrap doesn't ship d-md-grid, so we add it here */
    @media (min-width: 768px) {
        .d-md-grid {
            display: grid !important;
        }

        .emergency-grid {
            gap: 0.75rem;
        }
    }


    @media (min-width: 1200px) {
        .emergency-grid {
            grid-template-columns: repeat(2, 1fr); /* 2-col; change to repeat(4,1fr) for single row */
            gap: 1.25rem;
        }
    }

    .emergency-grid-item {
        display: flex;
        flex-direction: column;
        background-color: rgba(255,255,255,0.03);
        border-radius: 0.25rem;
    }

    .emergency-grid-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.75rem 1rem;
        justify-content: space-between;
        /* background-color: rgba(255,255,255,0.025);*/
    }

        .emergency-grid-header img {
            max-width: 48px;
            flex-shrink: 0;
            border-radius: 4px;
        }

        .emergency-grid-header span {
            color: #fff;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.2;
        }

    .emergency-grid-body {
        padding: 1rem;
        /*background-color: rgba(255,255,255,0.1);*/
        flex: 1;
    }

        .emergency-grid-body p {
            color: #fff;
            margin: 0;
            font-weight: 300;
            font-size: 0.8rem;
        }




    /* ---------------------- DASHBOARD CARDS ----------------------*/



    .page-panel {
        display: grid;
        gap: 1rem;
    }


    .project-overview-container {
        background-color: var(--color-pareto-lilac);
        padding: 0.25rem;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.5rem;
        background-color: var(--color-pareto-grey) !important;
    }

        .project-overview-container .btn-edit i {
            font-size: 1.5rem;
        }


    .project-overview-inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.25rem;
        flex: 1 0;
    }

        .project-overview-inner .card-status {
            grid-column: span 4 / span 4;
        }

        .project-overview-inner .card-budget {
            grid-column: span 2 / span 2;
            grid-row-start: 2;
        }

        .project-overview-inner .card-compliant {
            grid-column: span 2 / span 2;
            grid-column-start: 3;
            grid-row-start: 2;
        }

        .project-overview-inner .card {
            background-color: rgba(255, 255, 255, 0.05);
            background-color: rgba(0, 0, 0, 0.08);
            border-radius: 0.25rem;
            border: none;
            gap: 2rem;
            /*padding: 0.25rem 0.5rem;*/
            display: flex;
            flex-direction: row;
            align-items: center;
            flex: 1;
            justify-content: space-between;
            /*background-color:var(--color-pareto-lilac);*/
        }

            .project-overview-inner .card .card-body {
                padding: 0.75rem;
            }

    .card.card-budget .card-body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .card.card-compliant .card-body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }


    @media screen and (min-width: 768px) {


        .project-overview-container {
            padding: 0.5rem;
        }

        .project-overview-inner {
            display: grid;
            grid-template-columns: repeat(9, 1fr);
            grid-template-rows: repeat(1, 1fr);
            gap: 0.75rem;
        }

            .project-overview-inner .card-status {
                grid-column: span 5 / span 5;
            }

            .project-overview-inner .card-budget {
                grid-column: span 2 / span 2;
                grid-column-start: 6;
                grid-row-start: unset;
            }

            .project-overview-inner .card-compliant {
                grid-column: span 2 / span 2;
                grid-column-start: 8;
                grid-row-start: unset;
            }


            .project-overview-inner .card-status {
                gap: 4rem;
                align-items: center;
            }



            .project-overview-inner .card p {
                font-size: 0.9rem;
            }



        .card.card-budget .card-body {
            flex-direction: column;
        }

        .card.card-compliant .card-body {
            flex-direction: column;
        }
    }







    .project-overview-inner .card-status .status-container {
        flex: 1 0;
    }

        .project-overview-inner .card-status .status-container .date-container {
            display: flex;
            justify-content: space-between;
            padding: 0.25rem 0 0;
        }

        .project-overview-inner .card-status .status-container .status {
            display: flex;
            gap: 0.25rem;
        }

            .project-overview-inner .card-status .status-container .status.start {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .project-overview-inner .card-status .status-container .status.end {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
            }

            .project-overview-inner .card-status .status-container .status .label {
                color: #FFF;
                font-size: 0.6125rem;
                text-transform: uppercase;
                letter-spacing: 0.05rem;
                line-height: 1;
                font-weight: 300;
                color: rgba(255,255,255,0.5);
            }

            .project-overview-inner .card-status .status-container .status .date {
                color: #FFF;
                font-size: 0.8125rem;
                line-height: 1;
            }


    .project-overview-inner .card-status .progress-container {
        padding: 0.5rem 0 0.25rem;
    }

        .project-overview-inner .card-status .progress-container .progress {
            height: 0.25rem;
        }

    .project-overview-inner .card-status .progress-details {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }



        .project-overview-inner .card-status .progress-details .progress-figure {
            color: #FFF;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1;
        }


        .project-overview-inner .card-status .progress-details .progress-remaining {
            font-size: 0.75rem;
            font-weight: 300;
            color: #FFF;
        }


    .project-overview-inner .card.card-compliant i {
        line-height: 0;
        font-size: 1.5rem;
    }


    .project-overview-inner .card.card-compliant .compliant-status {
        display: flex;
    }

        .project-overview-inner .card.card-compliant .compliant-status span {
            display: flex;
            width: 1.25rem;
            height: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 1rem;
        }

        .project-overview-inner .card.card-compliant .compliant-status span {
            line-height: 1;
            display: flex;
        }

    .project-name-container.dashboard .project-status {
        grid-template-columns: repeat(4, 1fr);
        display: grid;
    }

    .project-overview-inner .card p {
        color: #FFF;
        margin: 0;
        font-size: 0.725rem;
        font-weight: 400;
    }

    .budget-status {
        width: 1.25rem;
        height: 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1rem;
    }

        .budget-status i {
            font-size: 1.125rem !important;
        }

        .budget-status.on-budget {
            background-color: var(--color-green-400);
        }






    @media screen and (min-width: 768px) {





        .project-overview-inner .card p {
            font-size: 0.8125rem;
        }
    }





    .project-name-container {
        display: flex;
        gap: 1rem;
        /*padding: 0.5rem;
    border: 1px solid var(--neutral--200);
    background-color: var(--neutral--100);*/
        background-color: #fff;
        flex-direction: column;
        border-radius: 0.75rem;
    }



        .project-name-container .project-name {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--color-pareto-grey);
        }

            .project-name-container .project-name i {
                font-size: 1.25rem;
            }

            .project-name-container .project-name h2 {
                font-size: 0.875rem;
                margin: 0;
                font-weight: 500;
            }


    .project-code {
        display: none;
    }

    .project-status {
        display: flex;
        gap: 0.75rem;
    }

        .project-status .card {
            background-color: rgba(255, 255, 255, 0.05);
            background-color: rgba(0, 0, 0, 0.08);
            border-radius: 0.5rem;
            border: none;
            gap: 1rem;
            padding: 0.5rem 0.75rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex: 1;
            justify-content: space-between;
            /*background-color:var(--color-pareto-lilac);*/
        }

            .project-status .card p {
                /*color:#FFF;*/
                margin: 0;
                font-size: 0.8125rem;
            }

            .project-status .card span {
                line-height: 1;
            }


            .project-status .card i {
                font-size: 1.5rem;
                line-height: 1;
            }

    .project-name-container .project-name i {
        font-size: 1.25rem;
    }

    .project-name-container .project-name h2 {
        font-size: 0.875rem;
    }









    @media screen and (min-width: 992px) {
        /*.page-panel-body {
        padding: 1rem;
    }*/

        .project-code {
            display: flex;
            font-family: monospace;
            letter-spacing: 0.1rem;
            color: #444;
            font-weight: 500;
            font-size: 0.7rem;
            background-color: #FFF;
            padding: 0.375rem 0.75rem;
            border-radius: 100px;
            border: 1px solid var(--color-gray-200);
            line-height: 1;
        }

        .project-name-container {
            /*padding: 0.5rem 0.75rem;
        border-radius: 0.5rem;*/
            justify-content: space-between;
            flex-direction: row;
        }

        .project-status .card {
            flex: unset;
        }

        .project-name-container .project-name i {
            font-size: 1.5rem;
        }

        .project-name-container .project-name h2 {
            font-size: 0.875rem;
        }
    }







    .document-store-container {
        /*padding: 0.75rem;
            border: 1px solid var(--neutral--100);
            border-radius: 1rem;*/
    }




    .dashboard-grid {
        display: grid;
    }

        .dashboard-grid.actions {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
        }

        .dashboard-grid.stores {
            grid-template-columns: repeat(1, 1fr);
            gap: 0.5rem;
        }

    @media screen and (min-width: 550px) {

        .dashboard-grid.stores {
            grid-template-columns: repeat(2, 1fr);
        }
    }


    @media screen and (min-width: 768px) {

        .dashboard-grid.actions {
            grid-template-columns: repeat(3, 1fr);
        }

        .dashboard-grid.stores {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
        /*.document-store-container {
                padding: 1.25rem;
            }*/
    }


    @media screen and (min-width: 992px) {
        .dashboard-grid.actions {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(1, 1fr);
            gap: 1rem;
        }

        .dashboard-grid.stores {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
        }
    }

    @media screen and (min-width: 1400px) {



        .dashboard-grid.actions {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        .dashboard-grid.stores {
            grid-template-columns: repeat(1, 1fr);
            gap: 0.5rem;
        }


        .dashboard-grid .grid-item7, .dashboard-grid .grid-item8 {
            display: none;
        }
    }


    .card-cdm {
        box-shadow: none;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--neutral--50);
        border-radius: 0.5rem;
        transition: all 0.25s ease-in-out;
        background-color: var(--neutral--100);
        gap: 0.75rem;
        /*min-height: 200px;*/
        cursor:pointer;
    }

        .card-cdm.store {
            padding: 0.5rem;
            background-color: var(--neutral--50);
        }

        .card-cdm.actions {
            /*height: 7rem;*/
            border-color: transparent;
            background-color: var(--neutral--100);
        }

            .card-cdm.actions:hover {
                background-color: var(--neutral--200) !important;
            }

        .card-cdm:hover {
            background-color: #FFF;
            background-color: var(--neutral--100) !important;
            box-shadow: none;
        }

        .card-cdm .card-header {
            border: none;
            display: flex;
            justify-content: space-between;
            /*justify-content: flex-start;*/
            padding: 0.5rem 0.5rem 0;
            background-color: transparent;
            gap: 0.75rem;
        }

        .card-cdm .card-body {
            padding: 0 0.5rem 0.75rem;
        }

        .card-cdm .card-header .card-header-inner {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }


        .card-cdm .notification {
            background-color: #2ed4e5;
            font-size: 0.6875rem;
            color: #2a373a;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.125rem;
            min-width: 1.125rem;
            height: 1.125rem;
            min-height: 1.125rem;
            position: absolute;
            top: -0.375rem;
            right: -0.375rem;
            font-weight: 500;
            background-color: var(--color-pareto-lilac);
            color:#FFF;
            /*background-color: var(--color-red-400);*/
        }

        .card-cdm .card-icon {
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--color-neutral-100);
            border-radius: 0.5rem;
        }


            .card-cdm .card-icon.inverted {
                background-color: rgba(0,0,0,0.05);
            }

            .card-cdm .card-icon i {
                line-height: 0;
            }

            .card-cdm .card-icon i {
                font-size: 2rem;
                color: var(--color-pareto-purple-500);
                color: rgba(42,55,58,1);
                line-height: 1;
            }

        .card-cdm .card-body {
            background-color: transparent;
            display: inline-flex;
            flex-direction: column;
            justify-content: flex-end;
            /*gap: 0.75rem;*/
            /*align-items: flex-start;*/
        }

        .card-cdm .card-title {
            display: flex;
            margin: 0;
            align-items: center;
            font-size: 0.875rem;
            color: #000;
            text-decoration: none;
            display: flex;
            font-family: 'Inter', 'DM Sans', sans-serif;
            font-weight: 500;
        }


        .card-cdm .card-sub-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .card-cdm .card-sub-title-figures {
            display: flex;
            align-items: flex-end;
            gap: 0.5rem;
        }

        .card-cdm .card-sub-title .label {
            font-size: 0.75rem;
            margin: 0;
        }

        .card-cdm .card-sub-title-figures .figure {
            margin: 0;
            font-size: 0.875rem;
        }

        .card-cdm .card-sub-title-figures i {
            line-height: 0;
            display: flex;
            font-size: 1.25rem;
        }

        .card-cdm .card-title a {
            margin: 0;
            color: #000;
            text-decoration: none;
        }

        .card-cdm .card-footer {
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .card-cdm .card-footer .btn i {
                line-height: 0;
            }

    .badge {
        display: inline-flex;
        align-items: center;
        background-color: transparent;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.05rem;
        font-size: 0.625rem;
        border-radius: 100px;
        font-weight: 400;
        padding: 0.375rem 0.75rem;
        border: 1px solid transparent;
        gap: 0.25rem;
    }

        .badge.confirmed, .badge.viewed {
            background-color: var(--color-green-100);
            color: var(--color-green-700);
            border: 1px solid var(--color-green-200);
            background-color: var(--color-green-200);
        }

        .badge.expired {
            background-color: var(--color-red-100);
            color: var(--color-red-700);
            border: 1px solid var(--color-red-200);
            background-color: var(--color-red-200);
        }

        .badge.warning {
            background-color: var(--color-amber-100);
            color: var(--color-amber-700);
            border: 1px solid var(--color-amber-200);
            background-color: var(--color-amber-200);
        }

        .badge.not-viewed {
            background-color: var(--color-slate-100);
            color: var(--color-slate-700);
            border: 1px solid var(--color-slate-200);
            background-color: var(--color-slate-200);
        }

        .badge.text-bg-danger {
            background-color: var(--color-red-500) !important;
        }


        .badge.badge-project {
            background-color: var(--color-pareto-lilac);
            color:#FFF;
        }

        .read-only-status {
            display:flex;
            gap:0.5rem;
            padding:0.375rem 0.5rem;
            font-size:0.9rem;
            line-height:1;
            align-items:center;
            background-color:var(--color-pareto-lilac-tint-30);
            border-radius:.5rem;
        }

        .read-only-status i {
            font-size:1.5rem;
        }
            .read-only-status span {
                line-height:1;
                font-weight:600;
            }



            @media screen and (min-width: 768px) {


                .card-cdm .card-title {
                    font-size: 0.9375rem;
                }
                /*.card-cdm.actions {
            height: 7rem;
        }*/
            }

            @media screen and (min-width: 1200px) {

                .card-cdm.actions {
                    gap: 2.5rem;
                }

                .card-cdm .card-header {
                    padding: 0.75rem 0.75rem 0;
                }

                .card-cdm .card-body {
                    padding: 0 0.75rem 0.75rem;
                }

                .card-cdm.actions .card-icon {
                    width: 48px;
                    height: 48px;
                }
                /*.card-cdm.actions .card-icon i {
                font-size: 2.5rem;
            }*/

                .card-cdm .card-title {
                    font-size: 1.125rem;
                }

                .card-cdm.store {
                    padding: 1rem;
                    padding: 0.5rem;
                    background-color: var(--neutral--50);
                }

                    .card-cdm.store .card-title {
                        font-size: 1rem;
                    }

                    .card-cdm.store i {
                        font-size: 1.25rem;
                    }
            }







            .btn-compliance {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                background-color: var(--color-pareto-grey);
                border-radius: 0.75rem 0.75rem 0 0;
                height: 64px;
                z-index: 9;
            }


            .compliance-container {
                background-color: #2A373A !important;
                /*background-color: #6e54ed;*/
                padding: 1rem;
                border-radius: 1REM;
                height: 40dvh !important;
            }

            .compliance-container-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(1, 1fr);
                gap: 0.5rem;
            }

            .compliance-container h2 {
                font-size: 1.2rem;
                color: var(--color-neutral-200);
                margin: 0;
                margin-bottom: 1rem;
            }

            .compliance-container .card {
                background-color: rgba(255,255,255,0.05);
                background-color: rgba(0,0,0,0.16);
                border-radius: 1rem;
                border: none;
                gap: 1rem;
                padding: 1rem;
            }

                .compliance-container .card h3 {
                    font-size: 0.8rem;
                    color: #FFF;
                    margin: 0;
                }

                .compliance-container .card p {
                    font-size: 1.2rem;
                    color: #FFF;
                    margin: 0;
                }

                .compliance-container .card i {
                    font-size: 2rem;
                    color: var(--color-pareto-blue-400);
                    line-height: 1;
                }

            @media screen and (min-width: 768px) {

                .compliance-container {
                    height: fit-content !important;
                    background-color: var(--color-pareto-grey-tint-60) !important;
                    background-color: var(--color-pareto-lilac) !important;
                }

                    .compliance-container .card h3 {
                        font-size: 1rem;
                    }
            }

            @media screen and (min-width: 992px) {

                .compliance-container {
                    padding: 1.5rem;
                }
            }

            @media screen and (min-width: 1400px) {



                .compliance-container-grid {
                    grid-template-columns: repeat(1, 1fr);
                    grid-template-rows: repeat(3, 1fr);
                }
            }
            /* ---------------------- PAGE TABLES ----------------------*/


            .progress-bar {
                background-color: var(--color-green-400);
                background-color: var(--color-pareto-lilac);
            }

                .progress-bar span {
                    font-weight: 400;
                }

            .page-panel-header {
                display: flex;
                justify-content: space-between;
                flex: 1 0; /*flex-direction:column;*/
                padding: 0;
                /*align-items: center;*/
            }

            .page-buttons {
                display: flex;
                justify-content: space-between;
                align-items: start;
                gap: 0.5rem;
            }

            .page-header {
                display: flex;
                align-items: center;
                margin-bottom: 2rem;
                gap: 1rem;
            }

            .page-title img {
                display: none;
            }

            .page-title h1 {
                font-size: 1.25rem;
                margin-bottom: 0;
            }

            .page-title h2 {
                font-size: 1.3rem;
                margin: 0;
            }

            .page-title h6 {
                font-weight: 400;
                color: #999;
                font-size: 0.875rem;
            }

            .page-header .page-tile {
                font-size: 0.875rem;
            }



            @media screen and (min-width: 992px) {

                .page-title h1 {
                    font-size: 1.375rem;
                }
            }


            .page-lists {
                margin-top: 0;
            }
            /*.page-buttons {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-column-gap: 8px; grid-row-gap: 8px;   }*/

            .page-buttons {
                flex-direction: column;
            }

                .page-buttons > * {
                    width: 100%;
                }

            .dropdown-toggle {
                white-space: break-spaces;
            }

            .buttons-menu {
                width: calc(100% - 2rem) !important;
                height: max-content;
                right: 1rem !important;
                top: 1rem !important;
                border-radius: 8px;
            }

            @media screen and (min-width: 768px) {
                /* .page-buttons > * {width:max-content;}*/
                .page-buttons {
                    flex-direction: row;
                }

                    .page-buttons > * {
                        width: unset;
                    }

                .buttons-menu {
                    width: 100% !important;
                    height: unset !important;
                }
            }

            @media screen and (min-width: 992px) {
                /*     .page-buttons {grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); display: grid;  grid-column-gap: 8px; grid-row-gap: 8px; }
*/ .dropdown-toggle {
                    white-space: nowrap;
                }
            }


            @media screen and (min-width: 1200px) {

                .page-buttons {
                    grid-template-columns: unset;
                    display: flex;
                }
            }









            .breadcrumb {
                display: flex;
                align-items: center;
                background-color: transparent;
                padding: 0;
                margin: 0;
            }

                .breadcrumb .breadcrumb-item:first-child {
                    padding-left: 0;
                }

                .breadcrumb .breadcrumb-item {
                    display: flex;
                    align-items: center;
                    padding-left: 0.5rem;
                    font-size: 0.875rem;
                    margin-bottom: 0;
                    color: var(--neutral--400);
                }

                    .breadcrumb .breadcrumb-item a {
                        color: #99a1b7;
                        text-decoration: none;
                    }

                        .breadcrumb .breadcrumb-item a:hover {
                            color: #222;
                        }

                    .breadcrumb .breadcrumb-item:before {
                        content: none;
                    }

            .bullet {
                display: inline-block;
                border-radius: 6px;
                width: 8px;
                height: 1px;
                flex-shrink: 0;
                background: #99a1b7;
            }



            .filter-container {
                margin-bottom: 1rem;
                background: var(--neutral--100); /*border:solid 1px #e7e7e7;*/
                border-radius: 8px;
                padding: 0.5rem;
                display: flex;
                /*flex-direction: column;*/
                gap: 0.25rem;
                background-color: unset;
                padding: 0;
                flex-wrap: wrap;
            }

                .filter-container .radios-container {
                    display: flex;
                    flex-direction: row;
                }

                .filter-container input.form-control, .filter-container span.form-control, .filter-container .form-select,
                .filter-container2 input.form-control, .filter-container2 span.form-control, .filter-container2 .form-select {
                    max-width: 350px;
                }

                .filter-container .radio-blue {
                    padding: 1rem 1rem 0 0;
                }

                    .filter-container .radio-blue.disabled {
                        opacity: 0.5;
                    }


                        .filter-container .radio-blue.disabled [type="radio"]:checked + label, .filter-container .radio-blue.disabled [type="radio"]:not(:checked) + label {
                            cursor: not-allowed
                        }


            .page-panel-header .collapse.show {
                gap: 0.25rem;
                display: flex;
                flex-direction: column;
            }
            /*.btn-back-button {
        align-items: center;
        justify-content: center;
        background: var(--neutral--200);
        border: 1px solid var(--neutral--200);
        border-radius: 24px;
        color: #000;
        display: flex;
        height: 32px;
        width: 32px;
    }

        .btn-back-button i {
            font-size: 1rem;
        }

        .btn-back-button:hover {
            background: var(--neutral--100);
            color: var(--neutral--500);
            border-color: var(--neutral--200) !important;
        }

        .btn-back-button:active {
            background: var(--neutral--300) !important;
            color: var(--neutral--800) !important;
            border-color: var(--neutral--300) !important;
        }*/







            .btn.btn-filter-absolute {
                position: fixed;
                bottom: 0.5rem;
                left: 0.5rem;
                right: 0.5rem;
                width: calc(100% - 1rem);
                z-index: 9;
                padding: 0.75rem;
            }


            .filter-container2.offcanvas-md {
                background-color: var(--neutral--100) !important;
                border-radius: 8px;
                padding: 0;
                display: flex;
                flex-direction: column;
                min-height: min-content;
                margin: 0.5rem;
                overflow: hidden;
            }

                .filter-container2.offcanvas-md .offcanvas-body {
                    gap: 0.5rem;
                    display: flex;
                    flex-direction: column;
                }


            @media screen and (min-width: 768px) {


                .page-panel-header {
                    flex-direction: row;
                    padding: 0;
                    align-items: center;
                }

                .btn-back-button {
                    position: unset;
                    bottom: unset;
                }

                .filter-container2.offcanvas-md {
                    padding: 0.5rem;
                    border-radius: 8px;
                    min-height: unset;
                    margin: 0 0 1rem;
                }

                    .filter-container2.offcanvas-md .offcanvas-body {
                        flex-direction: row;
                    }

                .filter-container .radio-blue {
                    padding: 0 1rem 0 0;
                }
            }



            .page-lists {
                width: 100%;
                padding: 0 0 2rem;
            }

                .page-lists .log-item {
                    text-align: unset;
                    overflow: unset;
                    font-size: 0.85rem;
                    position: unset;
                    padding: 0.75rem;
                    margin-bottom: 1rem; /*margin-bottom:1rem; border:solid 1px #e0e0e5;  */
                    border: solid 1px #e0e0e5;
                    border-radius: 4px;
                }

                .page-lists .row.tableheaders {
                    display: none;
                }

                .page-lists .log-item h4 {
                    font-size: 0.875rem;
                    font-weight: 400;
                    line-height: 1.5;
                    margin: 0;
                    color: var(--neutral--600);
                }

                    .page-lists .log-item h4 a {
                        color: var(--neutral--600);
                        text-decoration: none;
                    }

                        .page-lists .log-item h4 a:hover {
                            color: #6c757d;
                        }

                .page-lists .log-item span.label {
                    color: #6c757d;
                    font-weight: 600;
                }

                .page-lists .log-item span {
                    font-weight: 300;
                }

                .page-lists .log-item .field-released {
                    text-align: left;
                    font-weight: 700;
                    display: flex; /* flex-direction:column; font-size:0.75rem; */
                }

                .page-lists .log-item .field-high {
                    text-align: left;
                    min-width: 50px;
                }

                .page-lists .log-item .field-medium {
                    text-align: left;
                    min-width: 70px;
                }

                .page-lists .log-item .field-files {
                    display: flex;
                    justify-content: end;
                }

                .page-lists .log-item .col-view {
                    display: flex;
                    justify-content: end;
                }

                .page-lists .log-item span.medium-value {
                    background: orange;
                    color: #fff;
                    background: var(--color-orange-200);
                    color: var(--color-orange-700);
                    margin-left: 3px;
                    font-size: 0.7rem;
                    padding: 10px;
                    border-radius: 100px;
                    display: inline-flex;
                    width: 20px;
                    height: 20px;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                }

                .page-lists .log-item span.high-value {
                    background: red;
                    color: #fff;
                    background: var(--color-red-200);
                    color: var(--color-red-700);
                    margin-left: 3px;
                    font-size: 0.7rem;
                    padding: 10px;
                    border-radius: 100px;
                    display: inline-flex;
                    width: 20px;
                    height: 20px;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                }


            .dropdown-item {
                font-size: 0.875rem;
            }

            .table-wrapper, .risk-box {
                border: none;
            }



            @media screen and (min-width: 576px) {

                .page-lists .log-item {
                    justify-content: end;
                }

                    .page-lists .log-item .btn {
                        margin-top: unset;
                    }

                    .page-lists .log-item .col-view .btn {
                        width: unset;
                    }

                    .page-lists .log-item span.label {
                        font-size: 0.75rem;
                        font-weight: 300;
                    }
            }


            @media screen and (min-width: 768px) {

                .filter-container {
                    flex-direction: row;
                    align-items: center;
                    gap: 0.5rem;
                }

                    .filter-container .collapse {
                        display: flex;
                    }



                .page-lists .log-item {
                    margin-bottom: 0.5rem;
                }

                    .page-lists .log-item .field-released {
                        min-width: 90px;
                    }
            }


            @media screen and (min-width: 992px) {
                /*.filter-container {
            gap: 1rem;
        }*/

                .filter-container input.form-control,
                .filter-container span.form-control,
                .filter-container .form-select,
                .filter-container2 input.form-control,
                .filter-container2 span.form-control,
                .filter-container2 .form-select {
                    max-width: 160px;
                }

                .page-title {
                    align-items: start;
                    display: flex;
                    flex-direction: column;
                    font-size: 0.875rem;
                    font-weight: 300;
                    gap: 0.5rem;
                    justify-content: center;
                }
                /*.page-lists .log-item {margin-bottom:0.5rem;}*/

                .page-lists {
                    padding: 0 0 2rem;
                    /*padding-left: 3rem;*/
                }

                    .page-lists .log-item {
                        border: unset;
                        border-top: solid 1px #e0e0e5;
                        padding: 0.75rem 0;
                        margin-bottom: 0;
                        border-radius: unset;
                    }

                        .page-lists .log-item h4 {
                            display: flex;
                            align-items: center;
                        }

                        .page-lists .log-item .field-medium {
                            min-width: 35px;
                        }

                        .page-lists .log-item .field-high {
                            min-width: 35px;
                        }

                    .page-lists .row.tableheaders .released, .page-lists .row.tableheaders .medium, .page-lists .row.tableheaders .high {
                        text-align: center;
                    }
            }


            @media screen and (min-width: 1200px) {

                .page-lists .log-item {
                    justify-content: space-between;
                }

                .page-lists .row.tableheaders {
                    overflow: hidden;
                    margin-top: 1rem;
                    color: #222;
                    margin-bottom: 10px;
                    padding: 10px 6px;
                    text-align: unset;
                    font-weight: 400;
                    font-size: 0.8rem;
                }
                /*
		.col-name-meta {background:pink;}
		.col-name-buttons {background:lime;}
		*/
            }







            .item-log-header {
                display: none;
            }

            .item-log-item {
                padding: 0.75rem;
                margin-bottom: 0.75rem;
                border: solid 1px #e0e0e5;
                border-radius: 8px;
                font-size: 0.875rem;
                color: var(--neutral--500);
                font-weight: 300;
            }

                .item-log-item h4, .item-log-item h4 a {
                    font-size: 0.875rem;
                    font-weight: 400;
                    line-height: 1.5;
                    margin: 0;
                    color: var(--neutral--500);
                    text-decoration: none;
                }

                .item-log-item .label {
                    color: #6c757d;
                    font-weight: 600;
                }

                .item-log-item span.value {
                    font-size: 0.8rem;
                    padding: 10px;
                    border-radius: 100px;
                    display: inline-flex;
                    width: 24px;
                    height: 24px;
                    justify-content: center;
                    align-items: center;
                    font-weight: 700;
                }


                    .item-log-item span.value.low {
                        background: var(--color-green-200);
                        color: var(--color-green-600);
                    }

                    .item-log-item span.value.medium {
                        background: var(--color-orange-200);
                        color: var(--color-orange-600);
                    }

                    .item-log-item span.value.high {
                        background: var(--color-red-200);
                        color: var(--color-red-700);
                    }

                .item-log-item .div2, .item-log-item .div25, .item-log-item .div3, .item-log-item .div4 {
                    display: inline-flex;
                    gap: 0.25rem;
                    align-items: center; /*background:#f1f1f1; border-radius:8px; padding:0.25rem 0.5rem;*/
                }

            .div1 {
                margin-bottom: 0.5rem;
                padding: 0 0 0.5rem;
            }

            .div25 {
                margin: 0 0.25rem;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-radius: 0 !important;
                padding: 0 0.5rem;
            }

            .div3 {
                margin: 0 0.25rem;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-radius: 0 !important;
                padding: 0 0.5rem;
            }

            .div5 {
                margin-top: 1rem;
                gap: 0.25rem;
                justify-content: space-between;
                width: 100%;
                display: flex;
            }
            /* OTHER DOCS */
            .item-log-item.other-docs .div3 {
                border: none;
            }

            .item-log-item.other-docs .div25 {
                border: none;
            }



            @media screen and (min-width: 992px) {


                .item-log-header {
                    display: grid;
                    grid-template-columns: 10fr 1.5fr repeat(2, 1fr) 3fr;
                    grid-template-rows: 1fr;
                    grid-column-gap: 8px;
                    grid-row-gap: 8px;
                    align-items: center;
                    margin: 1.5rem 0 0.5rem;
                }

                    .item-log-header .label {
                        padding: 0;
                        color: #848484;
                        font-weight: 300;
                        font-size: 0.75rem;
                        text-decoration: none;
                    }

                .item-log-item {
                    display: grid;
                    grid-template-columns: 10fr 1.5fr repeat(2, 1fr) 3fr;
                    grid-template-rows: 1fr;
                    grid-column-gap: 8px;
                    grid-row-gap: 8px;
                    align-items: center;
                    border: none;
                    border-bottom: solid 1px #e0e0e5;
                    margin: 0;
                    border-radius: 0;
                    padding: 0.75rem 0;
                }

                    .item-log-item .div2, .item-log-item .div25, .item-log-item .div3, .item-log-item .div4 {
                        background: unset;
                        padding: 0;
                    }

                .div1 {
                    margin-bottom: 0;
                    padding: 0;
                }

                .div25 {
                    margin: unset;
                    border: none;
                    padding: unset;
                }

                .div3 {
                    margin: unset;
                    border: none;
                    padding: unset;
                }

                .div5 {
                    margin: unset;
                }

                .div1 {
                    grid-area: 1 / 1 / 2 / 1;
                }

                .div2 {
                    grid-area: 1 / 2 / 2 / 2;
                    justify-content: start;
                }

                .div25 {
                    grid-area: 1 / 3 / 2 / 3;
                    justify-content: start;
                }

                .div3 {
                    grid-area: 1 / 4 / 2 / 4;
                    justify-content: start;
                }

                .div4 {
                    grid-area: 1 / 5 / 2 / 5;
                    justify-content: start;
                }

                .div5 {
                    grid-area: 1 / 6 / 2 / 6;
                    justify-content: start;
                }
                /* POLICIES */
                .item-log-header.policies,
                .item-log-item.policies {
                    grid-template-columns: 5fr repeat(3, 1fr) 5fr;
                }

                    .item-log-item.policies .div4 {
                        justify-content: end;
                    }
                /* OTHER DOCS */
                .item-log-header.other-docs,
                .item-log-item.other-docs {
                    grid-template-columns: 7fr repeat(2, 1fr);
                }
            }



            @media screen and (min-width: 1400px) {


                .item-log-header,
                .item-log-item {
                    grid-template-columns: 10fr 1.5fr repeat(3, 1fr) 2.5fr;
                }

                    .item-log-header .div5,
                    .item-log-item .div5 {
                        justify-content: end;
                    }
            }


            .page-lists .ra-list-item {
                text-align: unset;
                overflow: unset;
                font-size: 0.85rem;
                position: unset;
                padding: 0.75rem;
                margin-bottom: 1rem;
                border: solid 1px #e0e0e5;
                border-radius: 4px;
            }

                .page-lists .ra-list-item h4 {
                    font-size: 0.875rem;
                    font-weight: 400;
                    line-height: 1.5;
                    margin: 0;
                    color: var(--neutral--600);
                }

                    .page-lists .ra-list-item h4 a {
                        color: var(--neutral--600);
                        text-decoration: none;
                    }

                .page-lists .ra-list-item span.medium-value {
                    background: orange;
                    color: #fff;
                    background: var(--color-orange-200);
                    color: var(--color-orange-700);
                    margin-left: 3px;
                    font-size: 0.7rem;
                    padding: 10px;
                    border-radius: 100px;
                    display: inline-flex;
                    width: 20px;
                    height: 20px;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                }

                .page-lists .ra-list-item span.high-value {
                    background: red;
                    color: #fff;
                    background: var(--color-red-200);
                    color: var(--color-red-700);
                    margin-left: 3px;
                    font-size: 0.7rem;
                    padding: 10px;
                    border-radius: 100px;
                    display: inline-flex;
                    width: 20px;
                    height: 20px;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                }

                .page-lists .ra-list-item .div1 {
                    width: 100%;
                    background: red;
                }





            .item-obs, .item-desc {
                margin-bottom: 0;
            }

            .lblIssues-number {
                top: 0;
                right: 0;
                background: red;
            }

            .logbook-table th {
                color: #999;
                padding: 0 0.25rem 1.5rem;
                font-weight: 500;
                font-size: 0.7rem;
                text-align: left;
            }

                .logbook-table th a {
                    color: #222222;
                    padding: 0;
                    font-weight: 700;
                    font-size: 0.8rem;
                    color: #848484;
                    font-weight: 300;
                    font-size: 0.75rem;
                    text-decoration: none;
                }

            .logbook-table tbody {
                font-size: 0.9rem;
            }

                .logbook-table tbody tr {
                    border-bottom: 1px solid #eee;
                }

                    .logbook-table tbody tr td {
                        padding: 0.5rem;
                        font-size: 0.875rem;
                        font-weight: 300;
                        color: var(--neutral--500);
                    }

                        .logbook-table tbody tr td i {
                            font-size: 0.875rem;
                        }

                        .logbook-table tbody tr td:last-of-type {
                            text-align: right;
                        }

                    .logbook-table tbody tr:hover {
                        background: #f9f9f9;
                        background: var(--color-primary-50);
                        background: var(--neutral--50);
                    }

            .logbook-table .check-type {
                font-weight: 400;
            }

            .logbook-table tbody tr.pgr:last-child {
                border-bottom: none;
            }

                .logbook-table tbody tr.pgr:last-child td {
                    padding: 1rem 0;
                }

                .logbook-table tbody tr.pgr:last-child:hover {
                    background: none;
                }

            .logbook-table tbody tr:first-of-type th {
                padding: 0.5rem 0.25rem 2rem 0.5rem;
                vertical-align: bottom;
            }

            .logbook-table tbody tr:first-of-type:hover {
                background: none;
            }


            .NotesPopup {
                cursor: pointer;
                background-color: #ddd;
                border-width: 0;
                max-width: 200px;
                height: auto;
                padding: 0.25rem;
                text-align: left;
                font-size: 0.7rem;
                color: #000;
                font-weight: 400;
                transition: 0.5s ease-in-out all;
                border-radius: 3px;
            }

            .date-inputs {
                position: relative;
            }

                .date-inputs .calendar svg {
                    fill: var(--teal)
                }

                .date-inputs .calendar_short { /*	left:0; bottom:0; position:absolute; */
                    background: #07b7c475;
                    background: var(--neutral--200);
                    width: 44px;
                    padding: 15px;
                    border-radius: 0.375rem 0 0 0.375rem;
                    border: 1px 0 1px 1px solid #dee2e6;
                }


                .date-inputs .form-control-calendar {
                    border-radius: 0 0.375rem 0.375rem 0;
                }
            /* ---------------------- RISK ITEMS ACCORDRION ----------------------*/


            .width60 {
                width: 60%;
                display: inline;
                max-width: 180px;
            }

            .width40 {
                width: 38%;
                display: inline;
            }

            .widthfixed40 {
                width: 80px;
                display: inline;
            }

            .NotesParent {
                top: 0;
            }

            .risk-box {
                position: relative;
            }

            .risk-box {
                font-size: 0.8rem;
                font-size: 1rem;
            }

                .risk-box.accordion-item:first-of-type {
                    border-top: none;
                }

            .risk-label {
                display: flex;
                position: absolute;
                right: 1.5rem;
            }

            .Risk1, .Risk2, .Risk3 {
                height: unset;
                background-repeat: unset;
                display: inline-flex;
                position: unset;
                margin-top: unset;
                width: unset;
                display: flex;
                align-items: center;
            }

                .Risk1 i, .Risk2 i, .Risk3 i {
                    line-height: 1;
                    font-size: 0.5rem;
                }

                .Risk1 i {
                    color: #28d628;
                }

                .Risk2 i {
                    color: #ff9800;
                }

                .Risk3 i {
                    color: #eb1c1c;
                }
                /* .Risk1::before, .Risk2::before, .Risk3::before {padding:0.35rem 0.5rem; border-radius:30px; font-size:0.6rem; font-weight:700; line-height:1; color:#fff; letter-spacing:0.15rem; width:50px; text-align:center;} */
                .Risk1::before, .Risk2::before, .Risk3::before {
                    font-size: 0.6rem;
                    font-weight: 400;
                    line-height: 0;
                    letter-spacing: 0.1rem;
                    margin-right: 5px;
                }

                .Risk1::before {
                    content: 'LOW';
                    color: #28d628;
                    color: #999;
                }

                .Risk2::before {
                    content: 'MED';
                    color: #ff9800;
                    color: #999;
                }

                .Risk3::before {
                    content: 'HIGH';
                    color: #eb1c1c;
                    font-weight: 700;
                }



            .risk-box .accordion-button i {
                font-size: 1.5rem;
                color: var(--color-slate-200);
                line-height: 1;
                display: flex;
            }

            i.status-in-progress {
                color: var(--color-yellow-500) !important;
            }

            i.status-complete, i.text-success {
                color: var(--color-emerald-500) !important;
                color: var(--color-green-400) !important;
            }

            i.status-cancelled {
                color: var(--color-slate-500) !important;
            }

            .accordion {
                border-bottom: none;
                background-color: #f9f9f9;
            }

            .accordion-item {
                background: #fbfbfb;
                border-top: 1px solid #e9e9e9
            }

                .accordion-item:first-of-type .accordion-button {
                    border-radius: unset;
                }

                .accordion-item:not(:first-of-type) {
                    border-top: 1px solid #e9e9e9;
                }

            .accordion-button {
                border-radius: unset;
                background-color: #fff;
                display: flex;
                justify-content: space-between;
                gap: 0.5rem;
                padding: 0.75rem;
            }

                .accordion-button.collapsed:hover {
                    background: var(--color-gray-100);
                }


                .accordion-button:not(.collapsed) {
                    background-color: #fbfbfb;
                    background-color: #fff;
                    background-color: var(--color-gray-200);
                    color: var(--neutral--600);
                    box-shadow: none;
                }

                    .accordion-button:not(.collapsed) i.lni-circle {
                        color: var(--color-gray-400);
                    }

                .accordion-button h4 {
                    font-size: 1rem;
                    /*max-width: 65%;*/
                    font-weight: 400;
                    line-height: 1;
                    font-family: 'Inter', 'DM Sans', sans-serif;
                }

                .accordion-button:focus {
                    box-shadow: none;
                }

                .accordion-button::after {
                    content: "\e550";
                    font-family: lineicons !important;
                    font-style: normal;
                    font-weight: normal !important;
                    font-variant: normal;
                    background-image: unset;
                    display: flex;
                    align-items: center;
                    margin-left: unset !important;
                    justify-content: center;
                }

                .accordion-button:not(.collapsed)::after {
                    background-image: unset;
                }

                .accordion-button.accordion-button-empty::after {
                    display: none;
                }

            .accordion-body {
                padding: 1rem;
                background: #fff;
                font-size: 0.875rem;
            }

                .accordion-body h5 {
                    font-size: 1rem;
                    margin-top: 0;
                    margin-bottom: 0.25rem;
                    font-weight: 500;
                    color: #000;
                    font-family: 'Inter', 'DM Sans', sans-serif;
                }

                .accordion-body p, .accordion-body li {
                    font-size: 0.925rem;
                    margin-bottom: 0.5rem;
                }

            .accordion.riskitem textarea.form-control {
                min-height: 140px;
            }

            .completed-show {
                background: #eee;
                height: 1rem;
                width: 1rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 100px;
                margin-right: 10px;
            }

                .completed-show i {
                    line-height: 0;
                    display: none
                }

            .complete .completed-show {
                background: #43e443;
            }

                .complete .completed-show i {
                    color: #fff;
                    display: flex;
                }

            .comment-box {
                font-family: 'Space Grotesk', sans-serif;
                border-radius: 4px;
                overflow: hidden;
            }

            .comment-box {
                font-size: 0.8rem;
                height: unset;
                width: 100%;
                background-color: #f6f6f6;
                border: unset; /* border-radius: 5px; */
                margin: 0.5rem 0 1rem;
                padding: 0.75rem;
            }

            .proof-table {
                margin-bottom: 1rem;
                border-radius: 4px;
                overflow: hidden;
            }

                .proof-table table {
                    margin-top: 0.5rem;
                    margin-bottom: 1rem;
                    font-weight: 300;
                }
                    /*.proof-table table tr td {
                color: var(--neutral--400);
                line-height: 1.4;
                font-weight: 300;
                padding: 0.25rem 0;
                font-size: 0.825rem;
            }*/

                    .proof-table table tr {
                        border-bottom: dotted 0.1rem #ddd;
                    }

            .comment-table, .proof-table {
                border-radius: 4px;
                overflow: hidden;
                font-size: 0.875rem;
                font-weight: 300;
            }
                /*.comment-table table td:nth-child(2) {
            padding: 0 2rem;
        }*/

                .comment-table table td:first-child {
                    font-weight: 400;
                }

                .comment-table table td:last-child {
                    color: var(--neutral--400);
                }

                .comment-table table td,
                .proof-table table td {
                    vertical-align: middle;
                    /* padding-bottom: 1rem;*/
                }

            .table-btn {
                height: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 0.9rem;
            }

                .table-btn.edit {
                    color: #333;
                }

                .table-btn.delete {
                    color: red;
                }

                .table-btn i {
                    line-height: 1;
                }


            .printed-text {
                font-family: 'Space Grotesk', sans-serif;
                font-size: 0.9rem;
                color: #515151;
            }



            @media screen and (min-width: 768px) {

                .accordion-button {
                    padding: 0.75rem 0.75rem;
                    padding: 1rem;
                }

                .accordion-body {
                    padding: 1.25rem 1.25rem;
                }

                .completed-show {
                    margin-right: 20px;
                }

                .risk-label {
                    right: 3rem;
                }
            }
            /* ---------------------- MODALS ----------------------*/
            .modal-fullscreen {
                margin: 1rem;
                width: calc(100vw - 4rem);
                height: calc(100% - 2rem);
            }

            .modal.basic .modal-header {
                background-color: var(--neutral--100) !important;
                border-bottom: none;
            }
            /*.modal.basic .modal-header h5 {
            font-size: 1rem;
            font-weight: 500;
        }*/

            .modal.basic .modal-body {
                padding: 1rem;
                background: #ededed;
                background: #fff;
            }

                .modal.basic .modal-body textarea.form-control {
                    min-height: 120px;
                }

            .modal.basic .modal-content .modal-footer {
                background: #fff;
                border: none;
                padding: 0.5rem;
            }

            .modal.basic .modal-body table td {
                background-color: transparent;
            }
            /* ---------------------- FORMS ----------------------*/

            .btn-filter {
                background-color: #FFF !important;
                border: 1px solid #dee2e6;
            }

                .btn-filter:hover {
                    border: 1px solid #dee2e6;
                }
            /*.btn-filter:active, .btn-filter.show {
        border: 1px solid #dee2e6 !important;
    }*/



            input::placeholder, input:-ms-input-placeholder, input:-ms-input-placeholder {
                color: red;
            }
            /*input.form-control, span.form-control, .form-select {color:#111; font-size:0.825rem; padding:0.65rem 0.85rem; font-size:0.875rem;}*/
            input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
                -webkit-box-shadow: 0 0 0 30px white inset !important;
            }


            .option {
                font-size: 0.8rem;
                margin: 0;
                color: var(--midnight);
                line-height: 1.3;
                font-weight: 500;
            }

            .form-label {
                font-size: 0.8rem;
                display: flex;
                align-items: center;
            }
            /*textarea.form-control {font-size:0.75rem; color:#999; }
*/ .span-body {
                font-size: 0.8rem;
                line-height: 1.5;
                display: flex;
            }

            .checkbox-style .form-control {
                display: flex;
                flex-direction: row;
                grid-template-columns: 1em auto;
                gap: 1rem;
                border-radius: 0;
                border-radius: 6px;
                align-items: center;
            }

                .checkbox-style .form-control + .form-control {
                    margin-top: 0.5rem;
                }

            .checkbox-style .form-control--disabled {
                color: var(--form-control-disabled);
                cursor: not-allowed;
            }

            .checkbox-style input[type=checkbox] { /* Add if not using autoprefixer */
                -webkit-appearance: none; /* Remove most all native input styles */
                -moz-appearance: none;
                appearance: none; /* For iOS < 15 */
                background-color: #fff; /* Not removed via appearance */
                margin: 0;
                font: inherit;
                color: #fff;
                border-radius: 0.25rem;
                /*transform: translateY(-0.075em);*/
                display: grid;
                place-content: center;
                min-width: 24px;
                min-height: 24px;
                height: 24px;
                width: 24px;
                background-color: var(--color-emerald-50);
                background-color: var(--color-neutral-50);
                border: var(--bs-border-width) solid var(--bs-border-color);
            }

                .checkbox-style input[type=checkbox]::before {
                    content: "";
                    width: 0.6rem;
                    height: 0.6rem;
                    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
                    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
                    transform: scale(0);
                    transform-origin: bottom left;
                    transition: 80ms transform ease-in-out;
                    box-shadow: inset 1em 1em var(--form-control-color); /* Windows High Contrast Mode */
                    background-color: var(--color-emerald-500);
                }

            .checkbox-style span {
                padding: 0.25rem 0.75rem 0.25rem 0.25rem;
                border: 1px solid #dee2e6;
                border-radius: 1rem;
                color: #666;
                gap: 0.5rem;
            }

            .checkbox-style input[type=checkbox]:checked {
                min-width: 24px;
                min-height: 24px;
                height: 24px;
                width: 24px;
                /*background-color: var(--color-emerald-50);*/
            }

            .opacity-100 {
                opacity: 1;
            }

            .checkbox-style input[type=checkbox]:checked::before {
                transform: scale(1);
            }

            .checkbox-style input[type=checkbox]:focus {
                outline: max(2px, 0.15em) solid var(--color-primary-300); /* outline-offset: max(2px, 0.15em); */
            }

            .checkbox-style input[type=checkbox]:disabled {
                --form-control-color: var(--form-control-disabled);
                color: var(--form-control-disabled);
                cursor: not-allowed;
            }

            .checkbox-style input[type="radio"] {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background-color: #fff;
                margin: 0;
                font: inherit;
                border-radius: 50%; /* key difference */
                display: grid;
                place-content: center;
                width: 20px;
                height: 20px;
                border: 1px solid #dee2e6;
            }

                .checkbox-style input[type="radio"]::before {
                    content: "";
                    width: 0.6rem;
                    height: 0.6rem;
                    border-radius: 50%; /* circular dot */
                    transform: scale(0);
                    transition: 80ms transform ease-in-out;
                    background-color: var(--color-emerald-500);
                }

                .checkbox-style input[type="radio"]:checked {
                    background-color: var(--color-emerald-50);
                }

                    .checkbox-style input[type="radio"]:checked::before {
                        transform: scale(1);
                    }

                .checkbox-style input[type="radio"]:focus {
                    outline: max(2px, 0.15em) solid var(--color-primary-300);
                }

                .checkbox-style input[type="radio"]:disabled {
                    cursor: not-allowed;
                    opacity: 0.6;
                }

            .checkbox-style label {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.25rem 0.75rem 0.25rem 0.25rem;
                /*border: 1px solid #dee2e6;*/
                border-radius: 1rem;
                color: #666;
                cursor: pointer;
            }

            .radio-list tbody {
                display: flex;
                flex-direction: row;
                gap: 1rem;
                flex-direction: column;
            }

            .radio-list tr {
                display: contents;
            }

            .radio-list th, .radio-list td {
                display: flex;
                align-items: center;
                padding: 0 !important;
            }

            [type="radio"]:checked, [type="radio"]:not(:checked) {
                position: absolute;
                left: -9999px;
            }

                [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
                    position: relative;
                    padding-left: 26px;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #666;
                    font-size: 0.875rem;
                }

                    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 18px;
                        height: 18px;
                        border: 1px solid #cbcbcb;
                        border-radius: 100%;
                        background: #fff;
                    }

                    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
                        content: '';
                        width: 10px;
                        height: 10px;
                        background: var(--color-pareto-purple);
                        position: absolute;
                        top: 4px;
                        left: 4px;
                        border-radius: 100%;
                        -webkit-transition: all 0.2s ease;
                        transition: all 0.2s ease;
                    }

                    [type="radio"]:not(:checked) + label:after {
                        opacity: 0;
                        -webkit-transform: scale(0);
                        transform: scale(0);
                    }

                    [type="radio"]:checked + label:after {
                        opacity: 1;
                        -webkit-transform: scale(1);
                        transform: scale(1);
                    }


            .form-check-input:checked {
                background-color: var(--color-emerald-500);
                border-color: var(--color-emerald-500);
                box-shadow: 0 0 0 .25rem var(--color-emerald-100);
            }



            .table.comments {
                font-size: 0.7rem;
            }

                .table.comments td {
                    background: transparent;
                }

            .comment {
                font-size: 0.8rem;
                display: flex;
                flex-direction: column;
                border-bottom: #d7d7d7 dotted 1px;
                padding: 0.75rem 0;
            }

                .comment .comment-meta {
                    font-size: 0.7rem;
                    font-weight: 600;
                    color: #000;
                }

            .error-text {
                font-size: 0.8rem;
                color: #dc3545;
                font-weight: 100;
                display: flex;
                letter-spacing: 0.05rem;
            }

            .complete-icon-bg {
                background: #43e443;
                padding: 5px;
                border-radius: 40px;
            }

            .problem-icon-bg {
                background: #f3705f;
                padding: 5px;
                border-radius: 40px;
            }



            .alert {
                border-radius: 0.375rem;
                font-size: 0.875rem;
                display: flex !important;
                align-items: flex-start;
                padding: 0.75rem;
                gap: 0.75rem;
            }

                .alert::before {
                    font-size: 1.25rem;
                    line-height: 1;
                }


            .alert-success {
                background: var(--color-green-100);
                color: #000;
                display: flex !important;
                border-color: var(--color-green-200);
            }

                .alert-success::before {
                    font-family: lineicons-solid;
                    content: '\e4ec';
                    color: var(--color-green-500);
                }



            .alert-error {
                background: var(--color-red-100);
                color: #181818;
            }

                .alert-error::before {
                    font-family: 'lineicons-solid';
                    content: '\f55c';
                    color: var(--color-red-500);
                }

                .alert-error.medium {
                    background: var(--color-orange-100);
                }

                    .alert-error.medium::before {
                        color: var(--color-orange-500);
                    }


            .alert-warning {
                background: var(--color-amber-100);
                color: #000;
            }

                .alert-warning::before {
                    font-family: 'lineicons-solid';
                    content: '\e78b';
                    color: var(--color-amber-500);
                }

            .alert-sm {
                font-weight: 500;
                padding: 0.5rem 0.5rem;
                margin-top: 0.5rem;
                display: inline-flex;
                line-height: 1;
                font-size: 0.75rem;
            }

                .alert-sm::before {
                    font-size: 0.75rem;
                    margin-right: 0.25rem;
                }

            .alert-error-inline {
                color: #ef4d61 !important;
                padding: 0.25rem 0;
                margin: 0;
                font-weight: 500;
                color: #181818;
                font-size: 0.8rem;
                display: inline-flex !important;
            }

                .alert-error-inline::before {
                    font-family: 'lineicons-solid';
                    content: '\f55c';
                    color: #ef4d61;
                    font-size: 0.75rem;
                    margin-right: 0.25rem;
                }

            .alert-error-code {
                color: #ef4d61 !important;
                padding: 0.25rem 0;
                margin: 0;
                font-weight: 500;
                color: #181818;
                font-size: 0.8rem;
                display: inline-flex !important;
            }


            table.document-upload tr th:first-child {
                width: 40px;
            }

            .btn-accept {
                background: #ebfbf5;
                color: #35d39d;
                border: 1px solid #35d39d;
                text-decoration: none;
            }

                .btn-accept:hover {
                    background: #35d39d;
                    color: #fff;
                }
            /* ---------------------- DASHBOARD CARDS ----------------------*/

            body.admin {
                background: #fff;
            }

            main.admin {
                background: #fff;
            }

            .admin aside.dashboard-menu.offcanvas-xl {
                background-color: #fff !important;
                border-right: 1px solid #e8e8e8;
            }

                .admin aside.dashboard-menu.offcanvas-xl .offcanvas-header {
                    height: 70px;
                    padding: 0 1.375rem;
                }

            .admin .sidebar-nav ul li.nav-item.active .nav-link {
                color: #000;
                font-weight: 600;
            }

            .admin .sidebar-top .logo {
                margin: unset;
                padding: 1rem 1.25rem;
            }

            .admin .sidebar-top .pareto-logo {
                max-width: 110px;
                margin: 0rem 0 1rem;
            }

            .admin .user-mode-title {
                font-size: .75rem;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 0.1rem;
                padding: 0 0.5rem 0 0rem;
            }


            .admin .sidebar-nav .pemcoOnly {
                border-top: #eee solid 1px;
                border-radius: 6px;
                margin-top: 1rem;
                padding-top: 1rem;
            }

                .admin .sidebar-nav .pemcoOnly a.nav-link {
                    font-weight: 600;
                }




            table.table th {
                color: #000;
                padding: 0 0.25rem 1.5rem;
                font-weight: 600;
                font-size: 0.875rem;
                text-align: left;
            }

                table.table th a {
                    color: #000;
                    padding: 0;
                    text-decoration: none;
                    display: flex;
                    align-items: center;
                }

                    table.table th a:after {
                        content: "\e4fe";
                        font-family: lineicons-solid !important;
                        font-style: normal;
                        font-weight: normal !important;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 0.9375rem;
                        padding-left: 0.125rem;
                    }

                    table.table th a:hover {
                        color: #666;
                    }
            /*table.table tbody {
        font-size: 0.9rem;
    }*/

            table.table tbody tr {
                border-bottom: 1px solid #e8e8e8;
            }
                /*table.table tbody tr:hover {
            background: #f9f9f9;
        }*/

                table.table tbody tr.pgr {
                    border-bottom: none;
                }

                    table.table tbody tr.pgr td {
                        padding: 1rem 0 0.5rem !important;
                        border-bottom: none;
                    }

                    table.table tbody tr.pgr:hover {
                        background: none;
                    }
                /*table.table tbody tr td {
                font-size: 0.875rem;*/
                /*vertical-align: middle;*/
                /*font-weight: 400;
                padding: 0.375rem 0.25rem;
            }*/

                table.table tbody tr td .folder-name {
                    font-weight: 400;
                    text-decoration: none;
                    color: var(--color-primary-500);
                }


            table.table tbody td {
                vertical-align: middle;
                font-size: 0.875rem;
            }


            table.table .check-type {
                font-weight: 500;
            }

            table.table .date {
                font-size: 0.75rem;
            }


            .table-issues th {
                display: none;
            }

            .table-issues:hover {
                background: unset;
            }

            table.table.table-issues td {
                display: block;
                vertical-align: top;
                border: none;
            }


            @media screen and (min-width: 768px) {
                .table-issues th {
                    display: table-cell;
                    padding: .5rem .5rem !important;
                }

                table.table.table-issues td {
                    display: table-cell;
                    padding: .5rem .5rem !important;
                }
            }





            .table.document-upload a {
                color: #000;
            }

            .table.document-upload td {
                vertical-align: middle;
            }


            .admin .date-inputs .calendar {
                top: 8px;
                right: 0.75rem;
            }

            .ajax__calendar .ajax__calendar_container {
                border-color: #eee !important;
            }

            .ajax__calendar_container {
                width: 100% !important;
                min-width: 215px !important;
                border-radius: 6px !important;
                margin-top: 10px !important;
            }

            .table.document-upload td:first-child a {
                visibility: hidden;
                text-decoration: none;
            }

                .table.document-upload td:first-child a::before {
                    font-family: 'lineicons';
                    color: red;
                    content: '\f4eb';
                    visibility: visible;
                    font-size: 1.5rem;
                }

            .folder-name img {
                display: none;
            }

            .folder-name::before {
                font-family: lineicons;
                content: '\e990';
                color: var(--color-primary-500);
                font-size: 1.5rem;
                line-height: 1;
                margin-right: 0.5rem;
            }

            tr.pgr a:hover {
                color: #999;
                border: 1px solid #ddd;
            }


            .cke_reset_all, .cke_reset_all * {
            }

            .cke_top {
                padding: 0.5rem !important;
                background: none !important;
                background-image: none !important;
                border-bottom: 1px solid #e8e8e8 !important;
            }

            .cke_bottom {
                background: none !important;
                background-image: none !important;
                border-top: none !important;
            }

            .cke_chrome {
                border: #e8e8e8 solid 1px !important;
                box-shadow: none !important;
            }

            .cke_toolgroup, .cke_combo_button {
                border: 1px solid #e8e8e8 !important;
                background: none !important;
                background-image: none !important;
            }




            @media screen and (min-width: 768px) {
                /*		.admin .sidebar-nav li.nav-item a.nav-link { padding: 0.4rem 0.8rem; font-size: 0.9rem; }
*/ .admin .sidebar-nav .sidebar-dropdown {
                    margin-bottom: 0.25rem;
                }
                /*		.admin .sidebar-nav .sidebar-dropdown li.nav-item a.nav-link { padding: 0.4rem 1.2rem; font-weight: 400; font-size: 0.85rem; }
*/ .admin .sidebar-nav [data-bs-toggle=collapse]:after {
                    right: 1rem;
                }

                .admin .offcanvas-inner {
                    height: 100vh;
                }

                .admin main {
                    flex: 1 0 74%;
                }
                /* .admin header {position:unset;} */
            }



            @media screen and (min-width: 1200px) {

                .admin aside.dashboard-menu.offcanvas-xl {
                    width: 280px;
                    max-width: 280px;
                    position: fixed;
                }

                main.admin {
                    padding: unset;
                    margin-left: 280px;
                    margin-top: 0;
                    min-height: 100vh;
                }
            }




            .img-wrapper { /*
				background-color:    var(--base);
		*/
                display: flex;
                flex: 1 1 100%;
                height: 100%;
                overflow: hidden;
                padding: var(--spacing);
                position: relative;
            }

                .img-wrapper img { /* filter:              grayscale(100%) contrast(1) blur(var(--blur));
				mix-blend-mode:      var(--bg-blend);
				opacity:             var(--opacity);
  */
                    flex: 1 0 100%;
                    height: 100%;
                    max-width: 100%;
                    object-fit: cover;
                    position: relative;
                    width: 100%;
                }

                .img-wrapper::before { /* 
				 background-color:    var(--foreground);
				mix-blend-mode:      var(--fg-blend);
		*/
                    bottom: 0;
                    content: '';
                    height: 100%;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 100%;
                    z-index: 1;
                }
            /*  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		   H E L P   O F F C A N V A S

		  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

            html {
                scroll-behavior: smooth;
            }

            .offcanvas-help {
                width: 48vw !important;
                background: #fdfdfd;
                font-family: 'Inter', 'DM Sans 14pt', 'Sans Serif Collection';
                border: 1px solid #e7e7e7 !important;
                margin: 1rem;
                border-radius: 0.5rem;
                overflow: hidden;
            }

                .offcanvas-help .offcanvas-body {
                    padding: 0 !important;
                }

                .offcanvas-help .offcanvas-header {
                    border-bottom: 1px solid #e7e7e7;
                    background-color: var(--color-neutral-200);
                    padding: 0.75rem 1rem;
                }

                    .offcanvas-help .offcanvas-header h5 {
                        font-size: 0.9rem;
                        font-weight: 600;
                    }

                .offcanvas-help .help-wrapper {
                    display: flex;
                    flex-direction: row;
                }

                    .offcanvas-help .help-wrapper aside {
                        background-color: var(--color-neutral-50);
                        min-width: 180px;
                        padding: 1rem;
                        position: -webkit-sticky;
                        position: sticky;
                        top: 0rem;
                        display: block !important;
                        height: calc(100vh - 5rem);
                        overflow-y: auto;
                    }

                    .offcanvas-help .help-wrapper section {
                        padding: 1.5em 2rem;
                        background-color: var(--color-neutral-50);
                        border-left: 1px solid #e7e7e7;
                    }


                .offcanvas-help article {
                    margin-bottom: 10rem;
                }

                    html, .offcanvas-help article, .offcanvas-help article h1, .offcanvas-help article h2 {
                        scroll-margin-top: 1rem;
                    }

            .help-nav-heading {
                margin-bottom: 0.5rem;
                font-size: 0.85rem;
            }

                .help-nav-heading a {
                    color: #111;
                    font-weight: 500;
                    text-decoration: none;
                }

            .help-navigation {
                padding: 0;
                margin: 0;
                margin-bottom: 1rem;
            }

                .help-navigation li {
                    margin: 0;
                    list-style-type: none;
                    font-size: 0.8rem;
                }

                    .help-navigation li a {
                        text-decoration: none;
                        color: #111;
                        font-weight: 400;
                        padding: .1875rem .5rem;
                        margin-top: .125rem;
                        border-radius: 4px;
                    }

                        .help-navigation li a:hover {
                            background: var(--neutral--200);
                        }




            .offcanvas-help .offcanvas-body h1 {
                font-size: 1.25rem;
                font-weight: 400;
            }

            .offcanvas-help .offcanvas-body h2 {
                font-size: 1.125rem;
                font-weight: 400;
                margin: 3rem 0 1.5rem;
            }

            .offcanvas-help .offcanvas-body h3 {
                font-size: 1rem;
                font-weight: 400;
                margin: 3rem 0 1.5rem;
            }

            .offcanvas-help .offcanvas-body h4 {
                font-size: 1.2rem;
                font-weight: 400;
            }

            .offcanvas-help .offcanvas-body p {
                font-size: 0.8rem;
                margin-bottom: 0.75rem;
                color: #111;
            }














            :root {
                --sidebar-expanded: 320px;
                --sidebar-collapsed: 0px;
                --help-width: 320px;
            }

            @media screen and (min-width: 768px) {
                :root {
                    --sidebar-expanded: 250px;
                    --sidebar-collapsed: 61px;
                    --help-width: 380px;
                }
            }

            .page-wrapper {
                display: flex;
                height: 100vh;
                overflow-y: auto;
            }
            /* Sidebar */
            .sidebar {
                flex: 0 0 auto;
                width: var(--sidebar-expanded);
                transition: width 0.22s ease;
                background-color: var(--color-pareto-grey) !important;
                border-right: 1px solid #dee2e6;
                z-index: 999;
                height: 100vh;
                overflow-y: auto;
                position: absolute;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
            }

                .sidebar .label {
                    transition: opacity .15s ease, transform .15s ease;
                    white-space: nowrap;
                }

            .admin .sidebar {
                background-color: var(--color-pareto-grey-tint-40) !important;
            }
            /*	
.admin .page-wrapper header {
    border-bottom-color:#999 !important;
    }
*/
            /* Collapsed state */
            .sidebar.collapsed {
                width: var(--sidebar-collapsed);
                opacity: 0;
            }

                .sidebar.collapsed .label {
                    opacity: 0;
                    transform: translateX(-6px);
                    pointer-events: none;
                }

                .sidebar.collapsed li.nav-divider {
                    opacity: 0;
                    transform: translateX(-6px);
                    pointer-events: none;
                    margin: 0;
                    height: 14px;
                    padding: 0;
                }

                .sidebar.collapsed li.nav-item .nav-link span {
                    opacity: 0;
                    transform: translateX(-6px);
                    pointer-events: none;
                    /*height: 20px;*/
                    margin-left: 0;
                }

                .sidebar.collapsed .sidebar-bottom {
                    /*opacity: 0;
            transform: translateX(-6px);
            pointer-events: none;*/
                }

                    .sidebar.collapsed .sidebar-bottom .privacy-container {
                        opacity: 0;
                        transform: translateX(-6px);
                        pointer-events: none;
                        display: none !important;
                    }

                .sidebar.collapsed .sidebar-top {
                    padding: 0;
                }

                .sidebar.collapsed .sidebar-bottom {
                    padding: 0;
                }


            .admin .sidebar-nav [data-bs-toggle=collapse]:after {
                display: none;
            }
            /* Hovering state added by JS (more reliable than :hover in complex layouts) */
            .sidebar.collapsed.hovering {
                width: var(--sidebar-expanded);
                opacity: 1;
                padding: 1rem
            }

                .sidebar.collapsed.hovering .label {
                    opacity: 1;
                    transform: translateX(0);
                    pointer-events: auto;
                }

                .sidebar.collapsed.hovering li.nav-divider {
                    opacity: 1;
                    transform: translateX(0);
                    pointer-events: auto;
                    border-bottom: 1px solid transparent;
                    height: unset;
                    padding: 1rem 0 0.5rem;
                }

                .sidebar.collapsed.hovering li.nav-item .nav-link span {
                    opacity: 1;
                    transform: translateX(0);
                    pointer-events: auto;
                }
            /*.sidebar-nav {padding:0 0.rem;}*/ /* Main content */
            .main-content {
                flex: 1 1 auto;
                min-width: 0;
                transition: margin-right 0.22s ease;
                overflow: auto; /* overflow: auto; background: #fff;*/
            }
            /* Help Drawer (pushes content) */
            /*.help-drawer { flex: 0 0 auto; width: 0; background: var(--neutral--100); border-left: 1px solid #dee2e6; transition: width 0.22s ease; overflow: auto; height:100vh; z-index:100; overflow-y:auto; right:0; top:0;}*/

            .help-drawer {
                flex: 0 0 auto;
                width: 0;
                background: #fff;
                border-left: 1px solid #dee2e6;
                transition: width 0.22s ease;
                overflow: hidden;
                background: var(--neutral--100);
                border-left: 1px solid #dee2e6;
            }



                .help-drawer.open {
                    width: var(--help-width);
                    transform: translateX(0);
                }


            .main-content.with-help {
                margin-right: var(--help-width);
                margin-right: unset;
            }

            .app-header {
                position: sticky;
                top: 0;
                z-index: 5;
                background: #fff;
            }
            /* small visual niceties */
            .placeholder {
                height: 1000px;
                border-radius: .5rem;
                background: linear-gradient(180deg,#fff,#f7f7f7);
                border: 1px dashed #e9ecef;
            }
            /* AL ADDED */
            .sidebar-top {
                padding: 1.25rem 1rem;
                overflow: unset;
            }



            .sidebar .sidebar-top .product-logo-container {
                display: flex;
                align-items: center;
                /*margin-top: 4rem;*/
            }

                .sidebar .sidebar-top .product-logo-container .product-logo.logo-symbol {
                    display: none;
                }




            @media screen and (min-width: 667px) {

                .sidebar .sidebar-top product-logo {
                    display: flex;
                }
            }

            .sidebar .sidebar-top product-logo {
                padding-bottom: 1rem;
            }

            .sidebar.collapsed .sidebar-top product-logo {
                padding-bottom: 0;
            }

            .sidebar.collapsed.hovering .sidebar-top product-logo {
                padding-bottom: 1rem;
            }


            .sidebar .sidebar-top .product-logo-container .product-logo.logo-full {
                display: flex;
                height: 28px;
            }


            @media screen and (min-width: 768px) {

                main.dashboard {
                    padding: unset;
                    margin-left: unset;
                    margin-top: 0;
                    min-height: 100vh;
                    background-color: #f9f9f9;
                    background-color: #fff;
                }

                .sidebar.collapsed {
                    opacity: 1;
                    padding: 1rem 0.5rem;
                    overflow: clip;
                }



                    .sidebar.collapsed .sidebar-nav li.nav-item a.nav-link {
                        padding: 0.5rem;
                        gap: 0;
                        justify-content: center;
                    }

                .sidebar .sidebar-top .product-logo-container .product-logo.logo-symbol {
                    height: 22px;
                    display: flex;
                }

                .sidebar.collapsed.hovering .sidebar-top .product-logo-container .product-logo.logo-symbol {
                    display: none;
                }

                .sidebar .sidebar-top .product-logo-container .product-logo.logo-full,
                .sidebar.collapsed.hovering .sidebar-top .product-logo-container .product-logo.logo-full {
                    display: flex;
                    height: 28px;
                }


                .sidebar.collapsed li.nav-item .nav-link span {
                    display: none;
                }

                .sidebar.collapsed.hovering li.nav-item .nav-link span {
                    display: flex;
                }

                .sidebar.collapsed.hovering .sidebar-nav li.nav-item a.nav-link {
                    gap: 0.75rem;
                }


                .sidebar .sidebar-top .product-logo-container,
                .sidebar.collapsed.hovering .sidebar-top .product-logo-container {
                    margin-top: unset;
                    justify-content: flex-start;
                }

                .sidebar.collapsed .sidebar-top .product-logo-container {
                    justify-content: center;
                }

                .sidebar .sidebar-top product-logo {
                    display: flex;
                    padding-bottom: 1.5rem;
                }

                .sidebar.collapsed .sidebar-top product-logo {
                    display: none;
                    padding-bottom: 0;
                }

                .sidebar.collapsed.hovering .sidebar-top product-logo {
                    display: flex;
                    padding-bottom: 1.5rem;
                }

                .sidebar .sidebar-top .product-logo .logo-full {
                    display: flex;
                }

                .sidebar .sidebar-top .product-logo .logo-symbol {
                    display: none;
                }

                .sidebar.collapsed .sidebar-top .product-logo .logo-full {
                    display: none;
                }

                .sidebar.collapsed .sidebar-top .product-logo .logo-symbol {
                    display: flex;
                }


                .sidebar.collapsed.hovering .sidebar-top .product-logo .logo-full {
                    display: flex;
                }



                .sidebar {
                    position: unset;
                }
            }

            .sidebar.collapsed #sidebarToggle {
                background: #fff;
                border-radius: 100px;
                box-shadow: 1px 1px 3px 2px #0000000d;
            }


            @media screen and (max-width: 991px) {

                #sidebarToggle { /*position: absolute;*/
                    top: 0.75rem;
                    left: 0.75rem;
                    z-index: 9999;
                }
            }









            .bg-module-hs {
                background: #F3705F3D;
            }

            .bg-module-jobs {
                background: #07B7C43D;
            }

            .bg-module-dig {
                background: #A44B7A3D;
                background: #5e00ff40;
            }

            .bg-module-doc {
                background: #EAB4533D;
            }

            .bg-module-bsc {
                background: #5AACEB3D;
            }


            .card.card-dashboard-category {
                padding: 1.5rem;
                border-radius: 1rem;
                border: 1px solid #F3F4F6;
                box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.05);
            }

                .card.card-dashboard-category .card-header {
                    padding: 0;
                    display: flex; /*padding-bottom: 0.75rem;*/
                    align-items: flex-start;
                    gap: 0.5rem;
                    align-self: stretch;
                    background-color: transparent;
                    border: none;
                    justify-content: space-between;
                }

                    .card.card-dashboard-category .card-header .title {
                        color: var(--Gray-900, #181D27);
                        font-size: 1.0625rem;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 1.5rem;
                        margin: 0;
                    }

                .card.card-dashboard-category .card-body {
                    padding: 0.75rem 0 0 0;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.5rem;
                    flex: 1 0 0;
                }

                .card.card-dashboard-category .module-item {
                    display: flex;
                    padding: 1rem;
                    align-items: center;
                    gap: 0.75rem;
                    align-self: stretch;
                    border-radius: 0.75rem;
                    background: #FAFAFA;
                    background: #f1f1f1;
                    position: relative;
                }

                    .card.card-dashboard-category .module-item .module-item-icon {
                        min-width: 2.5rem;
                        min-height: 2.5rem;
                        width: 2.5rem;
                        height: 2.5rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 0.75rem;
                        position: relative;
                    }

                        .card.card-dashboard-category .module-item .module-item-icon i {
                            font-size: 1.5rem;
                            color: #323544;
                        }

                    .card.card-dashboard-category .module-item .module-item-title {
                        color: #181D27; /* Text sm/Medium */
                        font-size: 0.875rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 1.25rem; /* 142.857% */
                    }

                        .card.card-dashboard-category .module-item .module-item-title a {
                            text-decoration: none;
                            color: #181D27;
                        }

                    .card.card-dashboard-category .module-item .module-item-sub-title {
                        color: #535862;
                        font-size: 0.75rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 1.25rem; /* 166.667% */
                    }

                    .card.card-dashboard-category .module-item:hover {
                        background: #f7f7f7;
                    }


            h1.dashboard-title {
                color: #181D27;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 600;
                line-height: 2.375rem;
                margin: 0 0 0.25rem;
            }

            .pemco-tag {
                background: #222;
                width: 16px;
                height: 16px;
                border-radius: 100px;
                color: #fff;
                position: absolute;
                bottom: -4px;
                right: -4px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 0.5rem;
            }

            .collapse-icon {
                cursor: pointer;
                transition: transform 0.3s;
            }

                .collapse-icon.collapsed {
                    transform: rotate(180deg);
                }


            .card-container {
                position: relative;
                margin-bottom: 20px;
            }

            .module-locked.module-item .module-item-icon {
                opacity: 0.5;
                filter: grayscale(20%);
                transition: all 0.3s ease;
            }
            /*.module-locked.module-item .module-item-icon i {
        opacity: 0
    }*/

            .module-locked .card:hover {
                cursor: not-allowed;
            }

            .card.card-dashboard-category .module-item.module-locked .module-item-title a {
                color: #BBB;
            }

            .card.card-dashboard-category .module-item.module-locked .module-item-sub-title {
                color: #BBB;
            }



            .card.card-dashboard-category .module-item.module-locked {
                border: 1px solid var(--color-primary-100);
                background-color: #fff;
            }



            .locked-overlay {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.05);
                border-radius: 0.75rem;
                z-index: 10;
            }

            .module-locked .locked-overlay {
                display: flex;
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
            }

            .lock-icon {
                color: #666;
                font-size: 1.5rem;
                margin-bottom: 0;
                line-height: 1;
                margin-left: 1.5rem;
            }

            .lock-text {
                color: white;
                font-weight: 500;
            }


            .module-locked.coming-soon .locked-overlay {
                background-color: rgba(0, 0, 0, 0.05);
            }


            .locked-overlay.coming-soon {
                align-items: flex-end;
                justify-content: flex-start;
            }

            .module-item.coming-soon {
                cursor: not-allowed;
            }





            .card.card-dashboard-category .module-item.coming-soon:hover {
                background-color: #f1f1f1;
            }

            .coming-soon-badge {
                background-color: var(--color-orange-500);
                font-size: 0.65rem;
                color: var(--color-orange-800);
                color: #fff;
                padding: 0.5rem;
                border-radius: 0 .75rem 0 0.25rem;
                gap: 0.25rem;
                align-items: center;
                position: absolute;
                top: 0rem;
                right: 0rem;
                font-weight: 500;
                line-height: 1;
            }


            .upgrade-badge {
                background-color: var(--color-primary-500);
                font-size: 1.25rem;
                color: var(--color-orange-800);
                color: #fff;
                padding: 0.375rem;
                border-radius: 25rem;
                display: flex;
                gap: 0.25rem;
                align-items: center;
                position: absolute;
                top: 0.5rem;
                right: 0.5rem;
                font-weight: 500;
                line-height: 1;
            }

            .locked-overlay.coming-soon .coming-soon-badge i {
                font-size: 1rem;
            }
            /* Optional: Pulse animation for the lock icon */
            @keyframes pulse {
                0% {
                    transform: scale(1);
                }

                50% {
                    transform: scale(1.05);
                }

                100% {
                    transform: scale(1);
                }
            }

            .card-locked .lock-icon {
                animation: pulse 2s infinite;
            }
            /* The background panels on the dashboard pages */
            .card.dash-card { /*box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px;*/
                border-radius: 6px;
                border-color: #f1f1f4;
                border-color: #e6e6e6;
                margin-bottom: 1rem;
                overflow: hidden;
                border: none;
            }

                .card.dash-card .card-header {
                    padding: 0 0.75rem;
                    padding: 0;
                    background: #fff;
                    border-bottom: none;
                    padding-bottom: 1rem;
                }
                    /*.card.dash-card .card-header .card-title {display: flex; align-items: center; margin:0; margin-left: 0; flex-direction:column; align-items:start; justify-content:center;}*/
                    .card.dash-card .card-header .card-title {
                        font-size: 1.2rem;
                        letter-spacing: normal;
                        margin: 0 0 0.25rem;
                    }

                    .card.dash-card .card-header .sub-title {
                        font-size: 0.8rem;
                        letter-spacing: normal;
                        margin: 0;
                    }

                .card.dash-card .card-body {
                    padding: 0.75rem;
                    background: inherit;
                    padding: 0;
                }

            .dash-card.card-flush > .card-header {
                border-bottom: 0 !important;
                justify-content: space-between;
                align-items: stretch;
                flex-wrap: wrap;
                min-height: 70px;
            }



            .dashboard-marketing {
                border-radius: 1rem;
                background: #FAFAFA;
                background-color: var(--neutral--100);
                padding: 1.5rem; /*display: flex;justify-content: center; align-items: flex-start; gap: 1.5rem; align-self: stretch;*/
            }

                .dashboard-marketing .main-content {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.5rem;
                    flex: 1 0 0;
                }

                    .dashboard-marketing .main-content p {
                        color: #535862;
                        font-size: 0.825rem;
                        font-style: normal;
                        font-weight: 400;
                    }

                    .dashboard-marketing .main-content .title {
                        align-self: stretch;
                        color: #181D27;
                        font-size: 1.25rem;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 1.3; /* 150% */
                        margin: 0;
                    }

                    .dashboard-marketing .main-content .list-container {
                        display: flex; /*padding: 1.5rem 0rem 0.625rem 0rem;*/
                        align-items: flex-start; /*gap: 1.25rem;*/
                        align-self: stretch;
                    }

                        .dashboard-marketing .main-content .list-container .list-col {
                            display: flex;
                            width: 14.75rem;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 0.5rem;
                        }

                            .dashboard-marketing .main-content .list-container .list-col .list-item {
                                display: flex;
                                align-items: flex-start;
                                gap: 0.75rem;
                                align-self: stretch;
                            }

                                .dashboard-marketing .main-content .list-container .list-col .list-item .icon {
                                    width: 1.25rem;
                                    height: 1.25rem;
                                    min-width: 1.25rem;
                                    min-height: 1.25rem;
                                    border-radius: 100px;
                                    background: var(--color-green-200);
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                }

                                    .dashboard-marketing .main-content .list-container .list-col .list-item .icon i {
                                        color: var(--color-green-700);
                                        font-size: 1rem;
                                    }

                                .dashboard-marketing .main-content .list-container .list-col .list-item span {
                                    align-self: stretch;
                                    color: #535862;
                                    font-size: 0.825rem;
                                    font-style: normal;
                                    font-weight: 400;
                                }


                .dashboard-marketing .icon-list {
                    position: relative;
                    padding-left: 1.5rem;
                    margin: 0 0 1.5rem;
                }

                    .dashboard-marketing .icon-list li {
                        list-style-type: none;
                        position: relative;
                        margin-bottom: 0.5rem;
                        color: #535862;
                        font-size: 0.775rem;
                        font-style: normal;
                        font-weight: 400;
                    }

                        .dashboard-marketing .icon-list li::before {
                            position: absolute;
                            left: -1.5rem;
                            top: 0.25rem;
                            font-size: 1.0375rem;
                            color: var(--color-green-700);
                            color: var(--color-green-300); /*background:var(--color-green-200);*/
                            border-radius: 100px;
                        }








            .grid-parent {
                grid-template-columns: repeat(1, auto);
                grid-template-rows: repeat(5, 1fr);
                grid-column-gap: 16px;
                grid-row-gap: 16px;
            }

            .grid-child {
                height: auto;
            }


            @media screen and (min-width: 440px) {

                .grid-parent {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: repeat(3, 1fr);
                }
            }


            @media screen and (min-width: 992px) {

                .grid-parent {
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                }
            }


            @media screen and (min-width: 1366px) {

                .grid-parent {
                    grid-template-columns: repeat(3, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                }
            }
            /*  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		   CUSTOM BOOTSTRAP FILE UPLOAD CONTROL

		  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


            .custom-upload-text input[type=file]::-webkit-file-upload-button,
            .custom-upload-text input[type=file]::file-selector-button {
                display: none;
            }

            .custom-upload-text:hover label {
                cursor: pointer;
                filter: brightness(0.98);
            }

            .form-control.is-warning {
                padding-right: calc(1.5em + 0.75rem);
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23ffc107%22%20class%3D%22bi%20bi-exclamation-triangle%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.938%202.016A.13.13%200%200%201%208.002%202a.13.13%200%200%201%20.063.016.15.15%200%200%201%20.054.057l6.857%2011.667c.036.06.035.124.002.183a.2.2%200%200%201-.054.06.1.1%200%200%201-.066.017H1.146a.1.1%200%200%201-.066-.017.2.2%200%200%201-.054-.06.18.18%200%200%201%20.002-.183L7.884%202.073a.15.15%200%200%201%20.054-.057m1.044-.45a1.13%201.13%200%200%200-1.96%200L.165%2013.233c-.457.778.091%201.767.98%201.767h13.713c.889%200%201.438-.99.98-1.767z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.002%2012a1%201%200%201%201%202%200%201%201%200%200%201-2%200M7.1%205.995a.905.905%200%201%201%201.8%200l-.35%203.507a.552.552%200%200%201-1.1%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
                border-color: var(--bs-warning);
                background-position: right calc(0.375em + 0.1875rem) center;
            }

            .valid-feedback, .invalid-feedback {
                padding-right: 0.25rem;
            }

            .warning-feedback {
                display: none;
                width: 100%;
                margin-top: 0.25rem;
                padding-right: 0.25rem;
                font-size: 0.875em;
                color: var(--bs-warning);
            }

            .is-warning ~ .warning-feedback {
                display: block;
            }
            /*  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		   CUSTOM PHOTO UPLOAD CONTROL

		  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

            .editable-container {
                padding: 1rem;
                color: #333;
                background: #fff;
            }

                .editable-container div[contenteditable] {
                    /*border: 6px dashed #333;*/ /*background:var(--neutral--100);*/
                    padding: 1rem;
                    min-height: 100px;
                    max-height: 200px;
                    overflow: hidden;
                    overflow-y: auto;
                    text-align: center;
                    font-size: 0.8rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .editable-container div[contenteditable]:before {
                        content: attr(placeholder);
                        display: block; /* For Firefox */
                        color: gray
                    }

                    .editable-container div[contenteditable]:focus {
                        outline: 0;
                        background: var(--success--100);
                    }

            .photo-container {
                padding: .5rem;
                color: #333;
                background: var(--success--100);
                border: 1px dashed #333;
                border-color: var(--success--500);
                width: fit-content;
                border-radius: 4px;
            }

                .photo-container img {
                    max-height: 300px;
                }

            .magicpattern {
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center center;
                background-repeat: repeat;
                background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg mask=%22url(%23b)%22%3E%3Cg style=%22transform-origin:center center%22 fill=%22%239b9b9b%22%3E%3Ccircle cx=%2228%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%2228%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%2284%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22140%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22196%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22252%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22308%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22364%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22420%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22476%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22532%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22588%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22644%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22700%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22756%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22812%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22868%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%22924%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%22980%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%221036%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221092%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%221148%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221204%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%221260%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221316%22 r=%222.8%22%2F%3E%3Ccircle cx=%2228%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%2284%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22140%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22196%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22252%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22308%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22364%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22420%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22476%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22532%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22588%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22644%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22700%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22756%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22812%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22868%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22924%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%22980%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221036%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221092%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221148%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221204%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221260%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221316%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221372%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221428%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221484%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221540%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221596%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221652%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221708%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221764%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221820%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221876%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221932%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%221988%22 cy=%221372%22 r=%222.8%22%2F%3E%3Ccircle cx=%222044%22 cy=%221372%22 r=%222.8%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%228%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.92%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
            }







            .card.card-project-qr {
                background-color: var(--color-neutral-100);
                border: none;
            }

                .card.card-project-qr .card-header {
                    border: none;
                }



            .time-recording-container .input-group-text {
                min-width: 100px;
                font-size: 0.925rem;
                font-weight: 500;
            }

            .time-recording-container .form-floating {
                max-width: 160px;
            }

            @media screen and (min-width: 768px) {

                .time-recording-container .input-group-text {
                    min-width: 200px;
                    width: 50%;
                }

                .time-recording-container .form-floating {
                    min-width: 25%;
                }
            }




            .card-project-selector {
                border-color: var(--neutral--100);
                /*background-color: var(--neutral--50);*/
                border-radius: 0.5rem;
            }
                /*.card-project-selector:hover {
            background-color: var(--neutral--100);
        }*/

                .card-project-selector .card-body {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
                }

                    .card-project-selector .card-body h2 {
                        font-size: 1rem;
                        margin: 0;
                    }
            /*.card-project-selector .card-body .project-code {
                font-family: monospace;
                letter-spacing: 0.1rem;
                color: #444;
                font-weight: 500;
                font-size: 0.8rem;
                background-color: #FFF;
                padding: 0.25rem 0.75rem;
                border-radius: 100px;
                border: 1px solid #DDD;
            }*/


            .card-team-leader-info {
                background-color: var(--neutral--100);
                border: none;
            }

                .card-team-leader-info .card-header {
                    border: none;
                    background-color: transparent;
                }

                .card-team-leader-info .card-footer {
                    border: none;
                    align-items: center;
                }

                .card-team-leader-info .card-body p {
                    font-size: 0.875rem;
                }



                .card-team-leader-info .card-footer p {
                    font-size: 0.7rem;
                }

                .card-team-leader-info .card-footer i {
                    font-size: 1.5rem;
                }






            .safety-documents-header {
                display: none;
            }

            .safety-documents-item {
                padding: 0.75rem;
                margin-bottom: 0.75rem;
                border: solid 1px #e0e0e5;
                border-radius: 8px;
                font-size: 0.875rem;
                color: var(--neutral--500);
                font-weight: 300;
                gap: 0.25rem;
                display: grid;
            }


                .safety-documents-item p {
                    font-size: 0.875rem;
                }

                .safety-documents-item h4, .safety-documents-item h4 a {
                    font-size: 0.875rem;
                    font-weight: 400;
                    line-height: 1.5;
                    margin: 0;
                    color: var(--neutral--500);
                    text-decoration: none;
                }





                .safety-documents-item .div-version, .safety-documents-item .div-updated, .safety-documents-item .div3, .safety-documents-item .div4 {
                    display: inline-flex;
                    gap: 0.25rem;
                    align-items: center; /*background:#f1f1f1; border-radius:8px; padding:0.25rem 0.5rem;*/
                }

                .safety-documents-item .div-title {
                    gap: 1rem;
                    align-items: center;
                }


            @media screen and (min-width: 992px) {


                .safety-documents-header {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                    grid-column-gap: 8px;
                    grid-row-gap: 8px;
                    align-items: center;
                    margin: 1.5rem 0 0.5rem;
                }

                    .safety-documents-header .label {
                        color: #000;
                        padding: 0 0.25rem 1.5rem 0;
                        font-weight: 600;
                        font-size: 0.875rem;
                        text-align: left;
                    }

                .safety-documents-item {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                    grid-column-gap: 8px;
                    grid-row-gap: 0;
                    align-items: center;
                    border: none;
                    border-bottom: solid 1px #e0e0e5;
                    margin: 0;
                    border-radius: 0;
                    padding: 0.375rem 0;
                }


                .div-title {
                    margin-bottom: 0;
                    padding: 0;
                    display: flex;
                    align-items: center;
                    gap: 1rem;
                }

                .div-version {
                    margin: unset;
                    border: none;
                    padding: unset;
                }

                .div-updated {
                    margin: unset;
                    border: none;
                    padding: unset;
                }

                .div-view {
                    margin: unset;
                    width: 50px;
                }


                .div-title {
                    grid-column: span 3 / span 3;
                }

                .div-version {
                    grid-column-start: 4;
                }

                .div-updated {
                    grid-column-start: 5;
                }

                .div-status {
                    grid-column-start: 6;
                }

                .div-approve {
                    grid-column-start: 7;
                }
                /* POLICIES */
                /*.safety-documents-header.policies,
    .safety-documents-item.policies {
        grid-template-columns: 5fr repeat(3, 1fr) 5fr;
    }

        .safety-documents-item.policies .div4 {
            justify-content: end;
        }*/
                /* OTHER DOCS */
                /*.safety-documents-header.other-docs,
    .safety-documents-item.other-docs {
        grid-template-columns: 7fr repeat(2, 1fr);
    }*/
            }



            @media screen and (min-width: 1400px) {
                /*.safety-documents-header,
    .safety-documents-item {
        grid-template-columns: 10fr 1.5fr repeat(3, 1fr) 2.5fr;
    }*/

                .safety-documents-header .div,
                .safety-documents-item .div5 {
                    justify-content: end;
                }
            }







            .nav.nav-tabs {
                display: grid;
                grid-template-columns: repeat(8, 1fr);
                grid-template-rows: repeat(1, 1fr);
                gap: 0.5rem;
                border: none;
            }

                .nav.nav-tabs .nav-item {
                    border: none;
                    margin: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                }

                    .nav.nav-tabs .nav-item.weekly {
                        align-items: center;
                        justify-content: center;
                    }

                        .nav.nav-tabs .nav-item.weekly i {
                            font-size: 1.75rem;
                        }

                    .nav.nav-tabs .nav-item.active {
                        border: none;
                    }

                .nav.nav-tabs .nav-item-inner {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 0.25rem;
                }

                    .nav.nav-tabs .nav-item-inner .icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 0.125rem;
                        border-radius: 1rem;
                        border: 1px solid transparent;
                        font-size: 0.75rem;
                    }

                        .nav.nav-tabs .nav-item-inner .icon.icon-done {
                            border: 1px solid var(--color-green-300);
                            background: var(--color-green-200);
                            color: var(--color-green-600);
                        }

                        .nav.nav-tabs .nav-item-inner .icon.icon-future {
                            border: 1px solid var(--color-slate-300);
                            background: var(--color-slate-200);
                            color: var(--color-slate-600);
                        }

                        .nav.nav-tabs .nav-item-inner .icon.icon-not-done {
                            border: 1px solid var(--color-red-300);
                            background: var(--color-red-200);
                            color: var(--color-red-600);
                        }


                .nav.nav-tabs .nav-item a.nav-link {
                    padding: 0.25rem 0;
                    color: #000;
                    font-weight: 600;
                }

                .nav.nav-tabs .nav-item a.nav-link {
                    /*padding: 0.75rem 1rem;*/
                    border-radius: 0.25rem;
                    /*border: 1px solid #000;*/
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    background-color: var(--neutral--100);
                    border: none;
                }
                /*.nav.nav-tabs .nav-item a.nav-link.active {
                    background-color: transparent;
                    border: none;
                    color: var(--color-pareto-blue-500);
                    border-bottom: 2px solid var(--color-pareto-blue-500);
                }*/


                .nav.nav-tabs .nav-item.weekly a.nav-link {
                    padding: 0;
                }

            nav.nav-tabs .nav-item a.nav-link.active {
                background-color: #FFF;
                padding: 0.25rem;
                border: none;
                color: var(--color-pareto-blue-500);
                border-bottom: unset;
                background-color: var(--neutral--400);
                color: #FFF;
            }

            .nav.nav-tabs .nav-item a.nav-link.active {
                background-color: var(--neutral--400);
                color: #FFF;
            }

            .nav.nav-tabs .nav-item a.nav-link:hover {
                background-color: var(--color-neutral-200);
            }

            .nav.nav-tabs .nav-item a.nav-link.active:hover {
                background-color: var(--color-neutral-400);
            }
            /*.div8 {
                    grid-column: span 7 / span 7;
                }*/


            @media screen and (min-width: 550px) {
                .nav.nav-tabs .nav-item.weekly {
                    justify-content: flex-end;
                }

                    .nav.nav-tabs .nav-item.weekly a.nav-link {
                        padding: 0.25rem 0;
                    }
            }

            @media screen and (min-width: 992px) {

                .nav.nav-tabs {
                    display: grid;
                    grid-template-columns: repeat(9, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                    gap: 0.25rem;
                }

                    .nav.nav-tabs .nav-item-inner {
                        gap: 0.5rem;
                    }

                .div8 {
                    grid-column: span 2 / span 2;
                }

                .nav.nav-tabs {
                    border-bottom: none;
                    gap: 0.375rem;
                }

                    .nav.nav-tabs .nav-item a.nav-link {
                        padding: 0.75rem 1rem;
                        border-radius: 100px;
                        /*border: 1px solid #000;*/
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        background-color: var(--neutral--100);
                        border: 1px solid var(--neutral--100);
                    }

                        .nav.nav-tabs .nav-item a.nav-link.disabled {
                            border: 1px solid #DDD;
                            background-color: var(--neutral--50);
                        }



                    .nav.nav-tabs .nav-item.weekly a.nav-link {
                        justify-content: center;
                        display: flex;
                        padding: 0.75rem 1rem;
                    }

                    .nav.nav-tabs .nav-item a.nav-link.active {
                        background-color: #FFF;
                        padding: 0.75rem 1rem;
                        border: none;
                        color: var(--color-pareto-blue-500);
                        border-bottom: unset;
                        background-color: var(--neutral--400);
                        color: #FFF;
                    }

                    .nav.nav-tabs .nav-item a.nav-link:hover {
                        padding: 0.75rem 1rem;
                        background-color: var(--color-neutral-200);
                    }

                    .nav.nav-tabs .nav-item a.nav-link.active:hover {
                        background-color: var(--color-neutral-400);
                    }
            }



            @media screen and (min-width: 1200px) {
                .nav.nav-tabs {
                    gap: 0.75rem;
                }
            }



            .card-wizard {
                border: 1px solid #DDD;
            }

                .card-wizard .card-header {
                    background-color: var(--neutral--200);
                }

                .card-wizard .card-footer {
                    border-top: none;
                    background-color: transparent !important;
                }

            .time-recording-item {
                display: flex;
                padding: 0.5rem 0;
                border-radius: 0;
                /*background-color: #F9F9F9;*/
                border-bottom: 1px solid #eee;
                gap: 1rem;
            }

                .time-recording-item:last-of-type {
                    border-bottom: none;
                }

                .time-recording-item .text-success {
                    color: var(--color-green-500) !important;
                }



            .wizard-title {
                display: flex;
                justify-content: space-between;
                padding-bottom: 1rem;
                flex-direction: column;
            }




            .card-wizard-actions {
                /*background-color: #F9F9F9;*/
                border: none;
                padding: 0;
                border-bottom: 1px solid #eee;
            }

                .card-wizard-actions .card-body {
                    padding: 0rem 0 0.5rem;
                }

            .wizard-actions-status {
                display: flex;
                align-items: center;
                gap: 0.25rem;
                /*
        background-color: #FFF;
        border-radius: 0.25rem;
        */
            }


                .wizard-actions-status i {
                    font-size: 1.5rem;
                    line-height: 1;
                }


                    .wizard-actions-status i.lnis {
                        line-height: 0;
                    }

                .wizard-actions-status span {
                    font-size: 0.675rem;
                }



            @media screen and (min-width: 1200px) {

                .card-wizard-actions .card-body {
                    padding: 0rem 0.75rem 0.5rem;
                }

                .wizard-actions-status {
                    gap: 0.75rem;
                }

                    .wizard-actions-status span {
                        font-size: 0.875rem;
                    }
            }
            /* -----------------------------------------------------------
     Admin > InfoDashnoard
     ----------------------------------------------------------
 */


            table.table.table-project-list tr {
                border-bottom: 1px solid transparent;
            }


            .table.table-project-list td {
                padding: 0.125rem 0 !important;
            }


            .circle-progress {
                width: 140px;
                height: 140px;
                line-height: 140px;
                background: none;
                box-shadow: none;
                position: relative;
            }

                .circle-progress > span {
                    width: 50%;
                    height: 100%;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
                    z-index: 0;
                }

                .circle-progress .progress-left {
                    left: 0;
                }

                .circle-progress .progress-bar {
                    width: 100%;
                    height: 100%;
                    background: none;
                    border-width: 0.8rem;
                    border-style: solid;
                    position: absolute;
                    top: 0;
                    color: #6942E2;
                }

                .circle-progress .progress-left .progress-bar {
                    left: 100%;
                    border-top-right-radius: 80px;
                    border-bottom-right-radius: 80px;
                    border-left: 0;
                    -webkit-transform-origin: center left;
                    transform-origin: center left;
                }

                .circle-progress .progress-right {
                    right: 0;
                }

                    .circle-progress .progress-right .progress-bar {
                        left: -100%;
                        border-top-left-radius: 80px;
                        border-bottom-left-radius: 80px;
                        border-right: 0;
                        -webkit-transform-origin: center right;
                        transform-origin: center right;
                    }

                .circle-progress .progress-value {
                    width: 100%;
                    height: 100%;
                    font-size: 2rem;
                    font-weight: 500;
                    text-align: center;
                }

            .chart-container {
                width: 50%;
                height: 50%;
                margin: auto;
            }
            /* Table styling */


            table th,
            table td {
                padding: 0 !important;
                padding-bottom: 0.5rem !important;
            }


            @media screen and (min-width: 768px) {
                table th,
                table td {
                    padding: .375rem .25rem !important;
                }
            }



            :root {
                --bg: #0d0f14;
                --surface: #161b26;
                --surface2: #1e2535;
                --border: #2a3347;
                --text: #e8ecf4;
                --text-muted: #7a8499;
                --accent: #4f7ef8;
                --accent-glow: rgba(79, 126, 248, 0.25);
                /* Marker palette — one colour per marker, cycled by index */
                --c0: #4f7ef8; /* blue    */
                --c1: #f85c7e; /* rose    */
                --c2: #3ecf8e; /* emerald */
                --c3: #f8a830; /* amber   */
                --c4: #b06ef8; /* violet  */
                --c5: #38cdd6; /* teal    */
            }
            /* ─── Layout ───────────────────────────────────────────────── */
            #app {
                display: flex;
                flex-direction: column;
                height: 56dvh;
            }

            #map {
                border-radius: 0.5rem;
                flex: 1;
                max-height: 56dvh;
            }
            /* ─── Leaflet tile layer contrast tweak for dark UI ────────── */
            .leaflet-layer {
                filter: brightness(0.9) contrast(1.05);
            }
            /* ─── Custom Marker ─────────────────────────────────────────── */
            .pm-marker {
                /* sized to match MARKER_SIZE constant below */
                width: var(--marker-size, 44px);
                height: var(--marker-size, 44px);
                cursor: pointer;
            }

                .pm-marker svg {
                    overflow: visible;
                    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.55));
                    transition: transform 0.15s ease;
                }

                .pm-marker:hover svg {
                    transform: scale(1.12);
                }
            /* ─── Popup ─────────────────────────────────────────────────── */
            .leaflet-popup-content-wrapper {
                background: var(--surface2) !important;
                border: 1px solid var(--border) !important;
                border-radius: 12px !important;
                box-shadow: 0 16px 48px rgba(0,0,0,0.6) !important;
                padding: 0 !important;
                min-width: 220px;
                max-width: 300px;
                background: var(--color-pareto-grey) !important;
                border: 1px solid var(--color-pareto-grey) !important;
            }

            .leaflet-popup-tip-container {
                display: none;
            }

            .leaflet-popup-content {
                margin: 0 !important;
                width: auto !important;
            }

            .leaflet-popup-close-button {
                color: var(--text-muted) !important;
                font-size: 1.2rem !important;
                right: 10px !important;
                top: 8px !important;
            }

                .leaflet-popup-close-button:hover {
                    color: var(--text) !important;
                }

            .popup-inner {
                padding: 1rem;
            }

            .popup-header {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 10px;
            }

            .popup-badge {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Inter', 'DM Sans', sans-serif;
                font-size: 0.65rem;
                font-weight: 700;
                flex-shrink: 0;
                color: #fff;
            }

            .popup-title {
                font-family: 'Inter', 'DM Sans', sans-serif;
                font-size: 1rem;
                font-weight: 500;
                color: #FFF;
                line-height: 1.25;
            }

            .popup-body {
                font-family: 'Inter', 'DM Sans', sans-serif;
                font-size: 0.8125rem;
                color: #FFF;
                line-height: 1.55;
                margin-bottom: 14px;
            }

            .popup-divider {
                height: 1px;
                background: #656565;
                margin-bottom: 12px;
            }

            .popup-progress-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 0.5rem;
            }

            .popup-progress-label {
                font-size: 0.675rem;
                text-transform: uppercase;
                letter-spacing: 0.05rem;
                color: var(--color-gray-500);
            }

            .popup-progress-val {
                font-family: 'Inter', 'DM Sans', sans-serif;
                font-size: 0.82rem;
                font-weight: 700;
            }

            .popup-bar-track {
                height: 4px;
                border-radius: 99px;
                background: #000;
                margin-bottom: 1.25rem;
                overflow: hidden;
            }

            .popup-bar-fill {
                height: 100%;
                border-radius: 99px;
                transition: width 0.4s ease;
            }

            .popup-link {
                display: block;
                text-align: center;
                font-size: 0.78rem;
                font-weight: 600;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                padding: 8px;
                border-radius: 8px;
                text-decoration: none;
                background: var(--accent-glow);
                color: var(--accent);
                border: 1px solid rgba(79, 126, 248, 0.3);
                transition: background 0.15s, border-color 0.15s;
            }

                .popup-link:hover {
                    background: rgba(79,126,248,0.2);
                    border-color: var(--accent);
                }


            .leaflet-container a {
                font-family: 'Inter', 'DM Sans', sans-serif;
            }


            .leaflet-popup-content p {
                font-weight: 300;
                margin: 0.25rem 0 0.75rem;
            }



            .leaflet-popup .btn-view {
                background-color: var(--color-gre)
            }
            /* ─── Cluster overrides ─────────────────────────────────────── */
            .marker-cluster {
                background: none !important;
            }

                .marker-cluster div {
                    background: var(--color-gray-700) !important;
                    border: 2px solid var(--color-gray-900) !important;
                    border-radius: 8px;
                    box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
                    color: var(--text) !important;
                    font-family: 'Inter', 'DM Sans', sans-serif;
                    font-size: 0.8rem !important;
                    font-weight: 700 !important;
                }

                .marker-cluster span {
                    font-size: 10px;
                    line-height: 18px;
                }

            .marker-cluster-small div {
                height: 20px;
                width: 20px;
            }

            .marker-cluster-medium div {
                height: 23px;
                width: 23px;
            }

            .marker-cluster-large div {
                height: 26px;
                width: 26px;
            }

            .marker-cluster-large span {
                font-size: 11px;
                line-height: 23px;
            }
            /* ─── Map Legend ────────────────────────────────────────────── */


            .map-legend {
                background: var(--surface2);
                border: 1px solid var(--border);
                border-radius: 0.5rem;
                padding: 0.5rem;
                font-family: 'Inter', 'DM Sans', sans-serif;
                min-width: 150px;
                margin-bottom: 0.75rem;
            }


            .map-legend-item-container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 1fr);
                row-gap: 0.5rem;
                column-gap: 0.5rem;
            }

            .map-legend-title {
                font-family: 'Inter', 'DM Sans', sans-serif;
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--text-muted);
                margin-bottom: 8px;
            }

            .map-legend-item {
                display: flex;
                align-items: center;
                gap: 0.25rem;
                font-size: 0.6875rem;
                color: var(--text);
                line-height: 1.3;
            }

                .map-legend-item:last-child {
                    margin-bottom: 0;
                }



            @media screen and (min-width: 1200px) {

                .map-legend-item-container {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-template-rows: repeat(1, 1fr);
                }

                .map-legend-item {
                    gap: 0.5rem;
                }
            }