html {
    scroll-behavior: smooth;
}

button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.dropdown-item {
    text-wrap: wrap;
}

.hidden {
    display: none
}

.disabled-perso {
    cursor: not-allowed;
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.form-block-display {
    font-weight: bold;
    font-size: 1.2em;
    color: #377dff;
    margin-bottom: 1em;
}

.form-mega-block-display {
    font-weight: bold;
    font-size: 1.5em;
    color: #377dff;
    margin-bottom: -1em;
}

.form-mega-block-display::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #377dff;
    margin-top: 8px;
}

.form-mega-block-display:first-of-type {
    margin-top: 2rem;
}

.form_subblock_display {
    font-weight: bold;
    font-size: 1em;
    color: #377dff;
    margin-bottom: 1em;
    margin-left: 2em;
}

.form_subblock_display::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #377dff;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: -2em;
}

input.form-block-display {
    display: none;
}

input.form-mega-block-display {
    display: none;
}

.content-space-lg-3,
.content-space-b-lg-3 {
    overflow-x: auto;
}

.dropdown-header {
    color: #377dff;
    white-space: pre-wrap;
}

.dropdown-item-dark {
    color: rgba(255, 255, 255, .55);
}

.dropdown-menu-dark {
    background-color: #21325b;
}

.mega-menu-mobile-dark {
    background-color: #21325b;
    color: white;
}

.form-btn {
    margin-top: 5%
}

.bold-dropdown {
    font-size: 1rem;
    font-weight: bolder;
}

#champ-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.modal-content {
    padding: 10px 20px;
    border: 1px solid #ddd;
}

#preview-champs .preview-champ-item span {
    display: inline-block;
    margin: 0 5px;
}

.preview-text {
    border: 1px solid transparent;
    border-radius: 3px;
    margin-right: 2px;
}

.preview-text:hover {
    border-color: #007bff;
    background-color: #dfeaff !important;
}

.child-item {
    margin-left: 5%;
}

.without-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 10px;
    border: 1px solid #ddd;
}

.grid-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    flex-grow: 1;
}

.grid-item {
    border: 1px solid #000000;
    padding: 10px;
    text-align: center;
    cursor: grab;
}

.grid-item:active {
    cursor: grabbing;
}

#right_annonces {
    position: sticky;
    top: 20%;
    height: fit-content;
}

.file-div {
    margin-bottom: 5%;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    text-align: center;
}

.file-div .form-control {
    width: 40%;
    display: none;
}

.file-div input[type="file"] {
    display: none;
    /* Cache l'input original */
}

.dragging {
    border: 2px dashed #00aaff !important;
    background-color: #e6f7ff !important;
}

@keyframes background-move {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


#typing-screen {
    justify-content: flex-start;
    padding-top: 10%;
}

.loading-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    /* color: white; */
    /* text-align: center; */
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loading-text {
    display: flex;
    font-size: larger;
    border-radius: 4px;
    border: 1px solid #377DFF;
    background-color: #F8FAFC;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 1rem;
}

.ia-star {
    position: relative;
    bottom: 0.5em;
    right: 0.3em;
}

.ia-star-2 {
    position: relative;
    bottom: 0.2em;
}

.ia-star-3 {
    position: relative;
    bottom: 0.3em;
}

.line-break {
    background-color: #b9b9b9;
    color: black;
    font-size: 12px;
    text-align: center;
    cursor: grab;
    border: 1px dashed #999;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sep-break {
    background-color: #fbfbfb;
    height: 5px;
    color: black;
    font-size: 12px;
    text-align: center;
    cursor: grab;
    border: 1px dashed #999;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remove-line-break {
    background-color: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: 10px;
}

#edit-preview-btn {
    position: absolute;
    top: 1rem;
    right: .5rem;
    border: none;
    background: none;
    cursor: pointer;
}

.reduced {
    display: none !important;
}

.open-items-btn {
    color: white;
    background: #0D1127;
    padding: 1rem 3rem 1rem 3rem;
    border-radius: 5rem;
    border: 5px solid #5978F3;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: 0.075em;
    transition: background 0.3s;
}

.open-items-btn:hover {
    cursor: pointer;
    background: #0F1C53;
}



.ea-detail .field-group .field-label {
    width: 20% !important;
}

.recommanded-badge {
    border-radius: 50px;
    background: #377dff;
    box-shadow: 0px 0px 1px 0px #3476f0, 0px 0px 10px 0px #3a85ff;
    color: white;
    padding: 5px;
    font-size: x-small;
    position: relative;
    top: -10px;
    right: -10px;
}

.detail-link {
    color: #1e2022d6;
}

.action-header {
    color: #377dff
}

.ml-1 {
    margin-left: 1em;
}

.ml-2 {
    margin-left: 2em;
}

.ml-3 {
    margin-left: 3em;
}

.ml-4 {
    margin-left: 4em;
}

.ml-5 {
    margin-left: 5em;
}

.mr-1 {
    margin-right: 1em;
}

.mr-2 {
    margin-right: 2em;
}

.mr-3 {
    margin-right: 3em;
}

.mr-4 {
    margin-right: 4em;
}

.mr-5 {
    margin-right: 5em;
}

.mr-auto {
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.mb-100 {
    margin-bottom: 15rem;
}

.blue {
    color: #377dff;
}

.login-modal-error {
    display: none;
    background-color: #fd3131;
    color: white;
    padding: 1em;
    margin-bottom: 2em;
}

.blink-error {
    animation: blink-animation 0.2s linear infinite alternate;
}

@keyframes blink-animation {
    0% {
        background-color: #fd3131;
        /* Couleur rouge clair (alerte) */
    }

    100% {
        background-color: #ff8080;
        /* Couleur légèrement différente pour l'effet */
    }
}

.navbar.navbar-light {
    background-color: #fff;
}

.open>.dropdown-menu {
    display: block;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.note-editable {
    color: black;
}

.fade.show {
    opacity: 1;
}

.form-control.is-valid {
    border-color: #2cc900;
}

.form-select.is-valid {
    border-color: #2cc900;
}

.form-control.maybe-valid {
    border-color: #ffa703;
}

.form-select.maybe-valid {
    border-color: #ffa703;
}

.color-soft-success {
    color: #00c9a7;
}

.color-soft-danger {
    color: #ed4c78;
}

.color-primary {
    color: #377DFF;
}

.color-secondary {
    color: #0F172A;
}

.color-danger {
    color: #CE0031;
}

.color-small {
    color: #6C757D;
}





.big-container {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.big-container:nth-of-type(odd) {
    background-color: #F2F4F7;
}

.big-container:nth-of-type(even) {
    background-color: white;
}

.big-container.force-even {
    background-color: white;
}

.big-container.force-odd {
    background-color: #F2F4F7;
}

.card-primary {
    border-radius: 4px;
    border: 1px solid #377DFF;
    background: #F8FAFC;
}

.card-secondary {
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    background: #F8FAFC;
}

.card-success {
    border-radius: 4px;
    border: 1px solid #00CE18;
    background: #ccf5d1;
    color: #00CE18;
}

.card-danger {
    border-radius: 4px;
    border: 1px solid #CE0031;
    background: #f5ccd6;
    color: #CE0031;
}

.card-warning {
    border-radius: 4px;
    border: 1px solid #FCDE30;
    background: rgba(252, 222, 48, 0.20);
}

.card-body-badge {
    padding: .5rem 1rem;
}

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

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

.card-secondary .card-footer {
    padding: 1rem 1rem;
}

.border-dashed {
    border: 1px dashed rgba(52, 64, 84, 0.40);
}

.white-bg {
    background: #ffffff !important;
}




.mega-menu-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-top: inherit;
    margin-bottom: auto;
}

.mega-menu-titles {
    border: 1px solid #E2E8F0;
    background: #FFF;
}

.mega-menu-content {
    background-color: #F8FAFC;
    padding-right: 0;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dropdown-content {
    border-radius: unset;
    border-right: 1px solid #E2E8F0;
    /* border-bottom: 1px solid #E2E8F0; */
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dropdown-content:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    /* Bordure du bas plus courte */
    height: 1px;
    background-color: #E2E8F0;
}

.dropdown-title {
    font-size: .875rem;
    text-wrap: auto !important;
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #0F172A;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E2E8F0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}

.dropdown-title:last-child {
    border-bottom: none;
}

.dropdown-title.selected {
    color: #377DFF;
    /* background-color: rgba(189,197,209,.2); */
    background-color: #F8FAFC;
}

.mega-menu-container .tab-pane {
    display: none;
}

.mega-menu-container .tab-pane.show.active {
    display: block;
}

.dropdown-title .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dropdown-title .icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M14.8299 11.29L10.5899 7.05001C10.497 6.95628 10.3864 6.88189 10.2645 6.83112C10.1427 6.78035 10.012 6.75421 9.87994 6.75421C9.74793 6.75421 9.61723 6.78035 9.49537 6.83112C9.37351 6.88189 9.26291 6.95628 9.16994 7.05001C8.98369 7.23737 8.87915 7.49082 8.87915 7.75501C8.87915 8.0192 8.98369 8.27265 9.16994 8.46001L12.7099 12L9.16994 15.54C8.98369 15.7274 8.87915 15.9808 8.87915 16.245C8.87915 16.5092 8.98369 16.7626 9.16994 16.95C9.26338 17.0427 9.3742 17.116 9.49604 17.1658C9.61787 17.2155 9.74834 17.2408 9.87994 17.24C10.0115 17.2408 10.142 17.2155 10.2638 17.1658C10.3857 17.116 10.4965 17.0427 10.5899 16.95L14.8299 12.71C14.9237 12.617 14.9981 12.5064 15.0488 12.3846C15.0996 12.2627 15.1257 12.132 15.1257 12C15.1257 11.868 15.0996 11.7373 15.0488 11.6154C14.9981 11.4936 14.9237 11.383 14.8299 11.29Z' fill='%230F172A'/%3e%3c/svg%3e");
}

.dropdown-title.selected .icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M14.8299 11.29L10.5899 7.05001C10.497 6.95628 10.3864 6.88189 10.2645 6.83112C10.1427 6.78035 10.012 6.75421 9.87994 6.75421C9.74793 6.75421 9.61723 6.78035 9.49537 6.83112C9.37351 6.88189 9.26291 6.95628 9.16994 7.05001C8.98369 7.23737 8.87915 7.49082 8.87915 7.75501C8.87915 8.0192 8.98369 8.27265 9.16994 8.46001L12.7099 12L9.16994 15.54C8.98369 15.7274 8.87915 15.9808 8.87915 16.245C8.87915 16.5092 8.98369 16.7626 9.16994 16.95C9.26338 17.0427 9.3742 17.116 9.49604 17.1658C9.61787 17.2155 9.74834 17.2408 9.87994 17.24C10.0115 17.2408 10.142 17.2155 10.2638 17.1658C10.3857 17.116 10.4965 17.0427 10.5899 16.95L14.8299 12.71C14.9237 12.617 14.9981 12.5064 15.0488 12.3846C15.0996 12.2627 15.1257 12.132 15.1257 12C15.1257 11.868 15.0996 11.7373 15.0488 11.6154C14.9981 11.4936 14.9237 11.383 14.8299 11.29Z' fill='%231D4ED8'/%3e%3c/svg%3e");
}

.block {
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.block-item {
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}

.block-item:hover {
    border-radius: 4px;
    border: 1px solid #377DFF;
    background: #F8FAFC;
}

.svg-wrapper .hover-svg {
    display: none;
}

.block-item:hover .hover-svg {
    display: inline-block;
}

.block-item:hover .default-svg {
    display: none;
}

.note-editable {
    height: auto !important;
}

.note-resizebar {
    display: none !important;
}

.card-secondary .note-editor {
    border: 0 !important;
}

.note-statusbar {
    border: 0 !important;
}

.bt-1 {
    border-top: 1px solid rgba(0, 0, 0, .196);
}

.input-conv {
    border-radius: 12px;
    border: 1px solid #B3B3B5;
    background: #FFF;
    border-width: 1px !important;
}

.btn-linkedin {
    background: #0a66c2;
    color: #fff;
}


.custom-scroll {
    overflow-y: auto;
    /* Active le scroll vertical */
}

/* Scrollbar pour Chrome, Edge et Safari */
.custom-scroll::-webkit-scrollbar {
    width: 15px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
    /* Supprime le fond */
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #EBECF0;
    /* Petit curseur gris */
    border-radius: 10px;
    /* Arrondi */
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #bbb;
    /* Un peu plus foncé au survol */
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

/* Supprime les boutons haut/bas sur Chrome */
.custom-scroll::-webkit-scrollbar-button {
    display: none;
}

.primary-border {
    border-radius: 4px;
    border: 1px solid #377DFF;
}

.secondary-border {
    border-radius: 4px;
    border: 1px solid #D7D7D7;
}

.badge-primary {
    border-radius: 4px;
    border: 1px solid #377DFF;
    background: rgba(55, 125, 255, 0.10);
    color: #377DFF;
    padding: .1rem 1.5rem .1rem 1.5rem;
    text-align: center;
    width: fit-content;
}

.badge-success {
    border-radius: 4px;
    border: 1px solid #00C9A8;
    background: rgba(0, 201, 168, 0.10);
    color: #00C9A8;
    padding: .1rem 1.5rem .1rem 1.5rem;
    text-align: center;
    width: fit-content;
}

.badge-warning {
    border-radius: 4px;
    border: 1px solid #F6C244;
    background: rgba(246, 194, 68, 0.10);
    color: #F6C244;
    padding: .1rem 1.5rem .1rem 1.5rem;
    text-align: center;
    width: fit-content;
}

.badge-danger {
    border-radius: 4px;
    border: 1px solid #CE0031;
    background: rgba(206, 0, 49, 0.10);
    color: #CE0031;
    padding: .1rem 1.5rem .1rem 1.5rem;
    text-align: center;
    width: fit-content;
}

.nav-link svg {
    margin-right: .5rem;
}

.white-rectangle {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0.27%, #FFF 65.15%);
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1rem;
    right: 3rem;
}

.form-round .form-check-input {
    border-radius: 100%;
}