@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

: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-black: #000;
    --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: #576841;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #b5dc86;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 135, 162, 98;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 181, 220, 134;
    --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: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #576841;
    --bs-link-hover-color: #3F4B2F;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;

    /* Mes couleurs distincts */
    --pedibus-color-red:#e6194B; /* 230, 25, 75 */
    --pedibus-color-red-light: #E93562; /* 233, 53, 98 */
    --pedibus-color-green:#3cb44b; /* 60, 180, 75 */
    --pedibus-color-yellow:#ffe119; /* 255, 225, 25 */
    --pedibus-color-blue:#4363d8; /* 0, 130, 200 */
    --pedibus-color-blue-light:#4565d9; /* 69, 101, 217 */
    --pedibus-color-orange:#f58231; /* 245, 130, 48 */
    --pedibus-color-purple:#911eb4; /* 145, 30, 180 */
    --pedibus-color-cyan:#42d4f4; /* 70, 240, 240 */
    --pedibus-color-magenta:#f032e6; /* 240, 50, 230 */
    --pedibus-color-lime:#bfef45; /* 210, 245, 60 */
    --pedibus-color-pink:#fabed4; /* 250, 190, 212 */
    --pedibus-color-teal:#469990; /* 0, 128, 128 */
    --pedibus-color-lavender:#dcbeff; /* 220, 190, 255 */
    --pedibus-color-brown:#9A6324; /* 170, 110, 40 */
    --pedibus-color-beige:#fffac8; /* 255, 250, 200 */
    --pedibus-color-maroon:#800000; /* 128, 0, 0 */
    --pedibus-color-mint:#aaffc3; /* 170, 255, 195 */
    --pedibus-color-olive:#808000; /* 128, 128, 0 */
    --pedibus-color-apricot:#ffd8b1; /* 255, 215, 180 */
    --pedibus-color-navy:#000075; /* 0, 0, 128 */
    --pedibus-color-grey:#a9a9a9; /* 128, 128, 128 */
}
.nav-pills .nav-link.link-dark.active, .nav-pills .show > .nav-link.link-dark{
    background-color: var(--bs-gray-400);
}

.link-admin.link-dark{
    color: var(--bs-gray-600)!important;
}

.text-bg-info {
    background-color: RGBA(181, 220, 134,var(--bs-bg-opacity,1)) !important;
}

/* Primary : #87a262 */
/* Primary darker : #607444 */

/* Primary-dark darker : #576841 */
/* Primary-dark darker : #3F4B2F */
.btn-primary {
    --bs-btn-bg: #576841;
    --bs-btn-border-color: #576841;
    --bs-btn-hover-bg: #3F4B2F;
    --bs-btn-hover-border-color: #3F4B2F;
    --bs-btn-active-bg: #3F4B2F;
    --bs-btn-active-border-color: #3F4B2F;
    --bs-btn-disabled-bg: #576841;
    --bs-btn-disabled-border-color: #576841;
}

.btn-outline-primary {
    --bs-btn-color: #576841;
    --bs-btn-border-color: #576841;
    --bs-btn-hover-bg: #576841;
    --bs-btn-hover-border-color: #576841;
    --bs-btn-focus-shadow-rgb: 128, 128, 0;
    --bs-btn-active-bg: #576841;
    --bs-btn-active-border-color: #576841;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #576841;
    --bs-btn-disabled-border-color: #576841;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #576841;
}

.text-bg-pe-color-3{
    color: var(--pedibus-color-green);
    background-color: var(--bs-light);
}
.text-bg-pe-color-3.active{
    background-color: var(--pedibus-color-green);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-3 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%233cb44b'/></svg>");
}
.text-bg-pe-color-3 .form-check-input:focus{
    border-color: var(--pedibus-color-green);
    box-shadow: 0 0 0 0.25rem rgb(60 180 75 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%233cb44b'/></svg>");
}
.text-bg-pe-color-3 .form-check-input:checked{
    background-color: var(--pedibus-color-green);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-3 {
    fill: var(--pedibus-color-green);
}

.text-bg-pe-color-2{
    color: var(--pedibus-color-red);
    background-color: var(--bs-light);
}
.text-bg-pe-color-2.active{
    background-color: var(--pedibus-color-red);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-2 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23e6194B'/></svg>");
}
.text-bg-pe-color-2 .form-check-input:focus{
    border-color: var(--pedibus-color-red);
    box-shadow: 0 0 0 0.25rem rgb(230 25 75 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23e6194B'/></svg>");
}
.text-bg-pe-color-2 .form-check-input:checked{
    background-color: var(--pedibus-color-red);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-2 {
    fill: var(--pedibus-color-red);
}

.text-bg-pe-color-5{
    color: var(--pedibus-color-orange);
    background-color: var(--bs-light);
}
.text-bg-pe-color-5.active{
    background-color: var(--pedibus-color-orange);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-5 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23f58231'/></svg>");
}
.text-bg-pe-color-5 .form-check-input:focus{
    border-color: var(--pedibus-color-orange);
    box-shadow: 0 0 0 0.25rem rgb(245 130 48 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23f58231'/></svg>");
}
.text-bg-pe-color-5 .form-check-input:checked{
    background-color: var(--pedibus-color-orange);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-5 {
    fill: var(--pedibus-color-orange);
}

.text-bg-pe-color-6{
    color: var(--pedibus-color-teal);
    background-color: var(--bs-light);
}
.text-bg-pe-color-6.active{
    background-color: var(--pedibus-color-teal);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-6 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23469990'/></svg>");
}
.text-bg-pe-color-6 .form-check-input:focus{
    border-color: var(--pedibus-color-teal);
    box-shadow: 0 0 0 0.25rem rgb(0 128 128 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23469990'/></svg>");
}
.text-bg-pe-color-6 .form-check-input:checked{
    background-color: var(--pedibus-color-teal);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-6 {
    fill: var(--pedibus-color-teal);
}

.text-bg-pe-color-1{
    color: var(--pedibus-color-blue);
    background-color: var(--bs-light);
}
.text-bg-pe-color-1.active{
    background-color: var(--pedibus-color-blue);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-1 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%234363d8'/></svg>");
}
.text-bg-pe-color-1 .form-check-input:focus{
    border-color: var(--pedibus-color-blue);
    box-shadow: 0 0 0 0.25rem rgb(0 130 200 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%234363d8'/></svg>");
}
.text-bg-pe-color-1 .form-check-input:checked{
    background-color: var(--pedibus-color-blue);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-1 {
    fill: var(--pedibus-color-blue);
}

.text-bg-pe-color-4{
    color: var(--pedibus-color-purple);
    background-color: var(--bs-light);
}
.text-bg-pe-color-4.active{
    background-color: var(--pedibus-color-purple);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-4 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23911eb4'/></svg>");
}
.text-bg-pe-color-4 .form-check-input:focus{
    border-color: var(--pedibus-color-purple);
    box-shadow: 0 0 0 0.25rem rgb(145 30 180 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23911eb4'/></svg>");
}
.text-bg-pe-color-4 .form-check-input:checked{
    background-color: var(--pedibus-color-purple);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-4 {
    fill: var(--pedibus-color-purple);
}

.text-bg-pe-color-7{
    color: var(--pedibus-color-maroon);
    background-color: var(--bs-light);
}
.text-bg-pe-color-7.active{
    background-color: var(--pedibus-color-maroon);
    color: var(--bs-light);
    font-weight: bold;
}
.text-bg-pe-color-7 .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23800000'/></svg>");
}
.text-bg-pe-color-7 .form-check-input:focus{
    border-color: var(--pedibus-color-maroon);
    box-shadow: 0 0 0 0.25rem rgb(128 0 0 / 25%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23800000'/></svg>");
}
.text-bg-pe-color-7 .form-check-input:checked{
    background-color: var(--pedibus-color-maroon);
    border-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}
svg.bd-placeholder-img-color-7 {
    fill: var(--pedibus-color-maroon);
}

.text-bg-pe-colorized.active{
    color: var(--bs-light);
    background-color: var(--bs-primary);
}

/* Ligne 1 / Test #A1C2FA ... TEAL*/
/* Ligne 2 / Ligne du Centre #E65100 */