/* Common CSS
Styles common to all portals : Espace Pro, Back office, Front
*/

:root {
    --body-bg: #f4f6f9;
    --body-color: #48494c;
    --light-color: #ebeef3;
    /* --primary: #94c020;
    --primary-hover: #779e15;
    --secondary: #174192;
    --secondary-hover: #0d3179; */
    --link-color: var(--primary);
    --default-color: var(--primary);
    --default-color-darker: var(--primary-hover);

    --default-color-rgb: 255,116,67;
    --on-default-color: #fff;
    --alert-info-color: #0c5460;
    --heading-color: #363636;

    --border-radius: 6px;
    --border-radius-xl: 12px;
    --heading-font-family: 'Poppins', 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";
    --heading-font-weight: 600;
    --bs-body-font-family: 'Poppins', 'Open Sans', 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";
    --link-color: var(--primary);
    --link-hover-color: var(--primary-hover);
    --link-decoration: underline;
    --link-hover-decoration: none;

    --font-size-root: 15px;
    --shadow: 0px 0px 20px 10px rgb(93 102 135 / 4%);
    --border: 1px solid #e0e0e0;
    --spacer: 1.5rem;

    --card-border-style: none;
    --header-padding-y: 3rem;
    --img-header-height: 70px;
}

/* Modal */
div.opaque{
    opacity:.4;
}


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

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

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    box-shadow: 0 0 0 0.2rem rgb(255 116 67 / 20%);
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
}


.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
}

.btn-secondary.focus,
.btn-secondary:focus {
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
    box-shadow: 0 0 0 0.2rem rgb(255 116 67 / 20%);
}


.item-activate {
    cursor:pointer;
}
.cursor-info{
    cursor: help!important;
}

.alert-light{
    border:1px solid #ececec !important;
}

.relative{
    position:relative;
}