:root {
    /*
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: red;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: red!important;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
    --bs-font-sans-serif:  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff; 
     */

    --bs-body-bg: #DFDFDF; /* gray1 */
    --eg-color1: #D61D4E; /* rosso scuro */
    --eg-color2: #FF0B55; /* rosso chiaro */
    --eg-color3: #7DB9B3; /* acqua marina */
    --eg-color4: #3E92A3; /* azzurro chiaro */
    --eg-color5: #166678; /* azzurro scuro */
    --eg-color6: #0E2E3B; /* blu */
    --eg-color7: #D8D7C3; /* sabbia */
    --eg-gray0: #F0F0F0; /*  */
    --eg-gray1: #DFDFDF; /*  */
    --eg-gray2: #C8C8C8; /*  */
    --eg-gray3: #555555; /*  */
    --eg-gray4: #323232; /*  */
}

/* CLASSI GENERICHE */

.bg-eg-color1 {
    background-color: var(--eg-color1);
}

.bg-eg-color2 {
    background-color: var(--eg-color2);
}

.bg-eg-color3 {
    background-color: var(--eg-color3);
}

.bg-eg-color4 {
    background-color: var(--eg-color4);
}

.bg-eg-color5 {
    background-color: var(--eg-color5);
}

.eg-gray0 {
    background-color: var(--eg-gray0);
}

.eg-gray1 {
    background-color: var(--eg-gray1);
}

.eg-gray2 {
    background-color: var(--eg-gray2);
}

.eg-gray3 {
    background-color: var(--eg-gray3);
}

.eg-gray4 {
    background-color: var(--eg-gray4);
}




/* ELEMENTI BASE */

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

a {
    color: var(--eg-color4);
}

    a:hover {
        color: var(--eg-color3);
    }


.btn {
    padding: 0.375rem 2.75rem;
    border-radius:0;
}

.btn-primary {
    color: #fff;
    background-color: var(--eg-color4);
    border-color: var(--eg-color4);
}


/* COMPONENTI */
/*nav pills*/
.eg-nav-pills {
    border-bottom: 1px solid var(--eg-color6);
    padding: 0 0.5rem;
}

    .eg-nav-pills .nav-item {
        background-color: var(--eg-gray2);
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0rem;
        border-bottom-left-radius: 0rem;
        margin: 0 0.5rem;
    }

        .eg-nav-pills .nav-item:hover {
            background-color: var(--eg-gray0);
        }

    .eg-nav-pills .nav-link.active, .eg-nav-pills .show > .nav-link {
        color: #fff;
        background-color: var(--eg-color6);
    }

    .eg-nav-pills .nav-link {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0rem;
        border-bottom-left-radius: 0rem;
        color: var(--eg-gray4);
    }



/*form*/
.eg-form .form-control {
    border:0;
    border-radius:0;
}

.eg-form .form-floating > label {
    padding: 1.3rem 1.75rem;
    color:var(--eg-color4);
    white-space:nowrap;
}
.eg-form .form-floating > .form-control {
    padding: 2rem 1.2rem 1rem 1.2rem;
}
.eg-form .form-floating > .form-control, .eg-form .form-floating > .form-select {
    height: calc(4rem + 5px);
    line-height: 1.25;
}