.icon-green {
    color: #2fe02f;
}

.icon-red {
    color: #d61111;
}

.icon-orange {
    color: #f79308;
}

.icon-inactive {
    color: #c7c7c7;
}

.icon-grey {
    color: #515151;
}

.portfolio-navbar.gradient {
    background: linear-gradient(92deg, #3a496a 0%, #d3e5ff 100%), var(--bs-white);
}

.mnd-card-header {
    background-color: #2fb690 !important;
}

.mnd-card-header-warning {
    background-color: #fac145 !important;
}

.mnd-card-header-danger {
    background-color: #f17391 !important;
}

.mnd-left-menu {
    margin-top: 70px;
    background-color: #20816a !important;
    position: fixed;
}

.icon-header {
    color: #3f5073 !important;
}

.icon-header-new-version {
    color: #55ee19 !important;
}

.icon-header-dropdown {
    font-size: 0.85rem !important;
}

.icon-left-menu {
    font-size: 1rem !important;
}

.mnd-modal-header {
    background-color: #8cadcc !important;
}

.left-menu-sub-menu {
    background-color: #bfd5ea !important;
    color: #3f5073 !important;
}

.left-menu-sub-menu h6 {
    color: #3f5073 !important;
}

.desk-user-screen-time {
    font-size: 16px;
    font-weight: bold;
    width: 100px;
}

.desk-central-screen-time {
    font-size: 14px;
    font-weight: bold;
    width: 100px;
}

.desk-central-screen-progenda-title {
    font-size: 12px;
}

.desk-user-screen-icon {
    font-size: 16px;
}

.desk-user-screen-icon-green {
    color: #009800;
}

.desk-user-screen-icon-orange {
    color: #eb952c;
}

.desk-user-screen-icon-red {
    color: #d61111;
}

.desk-user-screen-birthdate {
    font-size: 12px;
}

.desk-user-screen-calendar-name {
    font-size: 12px;
    float: right;
    padding-right: 15px;
}

.desk-user-screen-hide-button {
    font-size: 12px;
    float: right;
    /* color: #858796; */
    border-radius: 3px;
    /* background-color: #ffffff; */
}


.exit-full-screen-button {
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    color: #fff;
    background: rgba(90, 92, 105, .5);
    line-height: 46px
}

.exit-full-screen-button:focus,
.exit-full-screen-button:hover {
    color: #fff
}

.exit-full-screen-button:hover {
    background: #5a5c69
}

.exit-full-screen-button i {
    font-weight: 800
}

.central-screen-force-sync {
    position: fixed;
    right: 1rem;
    top: 6rem;
    width: 3.75rem;
    height: 2.75rem;
    text-align: center;
    color: #fff;
    background: rgba(90, 92, 105, .5);
    line-height: 46px
}

.central-screen-force-sync:focus,
.central-screen-force-sync:hover {
    color: #fff
}

.central-screen-force-sync:hover {
    background: #5a5c69
}

.central-screen-force-sync i {
    font-weight: 800
}



.modal-sub-title {
    font-size: 14px;
}

.modal-bcmc-details {
    color: #d61111;
    font-size: 14px;
    margin-left: 1.5rem;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fa-hourglass-half {
    animation: spin 2s infinite linear;
}

.payments-mapping-scrollable-card {
    max-height: 600px;
    /* Ajustez selon vos besoins */
    overflow-y: auto;
    /* Permet le défilement vertical si le contenu dépasse 200px */
}

.active-date-highlighted {
    border: 2px solid red;
}

.div-access-matrix {
    display: block;
    max-height: 800px;
    /* Ajustez selon votre besoin */
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-access-matrix thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #fff;
}

.sticky-col {
    position: sticky;
    left: 0;
    background-color: white !important;
    z-index: 2;
}

.customTooltip * {
    color: #4a4a4a;
    font-size: 18px
}

.customTooltip .introjs-tooltip-title {
    color: #0a41c9;
}

.introjs-tooltip-title {
    font-size: 18px;
    width: 90%;
    min-height: 1.5em;
    margin: 0;
    padding: 0;
    font-weight: 700;
    line-height: 1.5;
    display: none;
}

.customTooltip .introjs-tooltip-header {
    display: none;
}

.btn-appointment-show {
    color: #f79308;
    border-color: #c3cdca;
}

.btn-appointment-hide {
    color: #515151;
    border-color: #c3cdca;
}

.input-cannot-be-empty {
    border-color: #ff0000;
}

.btn-group .btn {
    flex: 1;
    /* Utilise flexbox pour permettre aux boutons de s'étendre équitablement */
}

.application-container {
    padding-top: 80px;
    padding-left: 250px;
}

.dashboard-last-table-line {
    background-color: #f0f0f0;
    color: #333;
    font-weight: bold;
}

.payment-modal-flex-container {
    display: flex;
    align-items: center;
    /* Centre les éléments verticalement dans le conteneur */
    justify-content: flex-start;
    /* Aligner les éléments à partir du début du conteneur */
}

.dp-custom-event-content {
    position: relative;
    padding-right: 60px;
    /* Ajuster pour laisser de l'espace au bouton */
}

.dp-custom-button-1 {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

.dp-custom-button-2 {
    position: absolute;
    top: 5px;
    right: 35px;
    z-index: 10;
}

.btn-titulaire {
    width: 60px;
}

.btn-ue {
    width: 80px;
}

.btn-ue_disabled {
    color: #6c757d;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.mnd-input-group-hh-mm {
    width: 200px !important;
}
.mnd-input-group-hh-mm-2-buttons {
    width: 300px !important;
}
.mnd-input-group-days {
    width: 200px !important;
}

.mnd-document-modal {
    max-width: 95%;
}

.dropzone-container {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #fafafa;
    min-height: 120px;
}

.dropzone-container:hover {
    border-color: #999;
    background-color: #f5f5f5;
}

.dropzone-container.has-file {
    border-color: #28a745;
    background-color: #e6ffed;
}

.dropzone-message {
    font-size: 0.9em;
    margin-top: 5px;
    color: red;
}

.card-dropzone {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.btn-scope {
    width: 300px;
}

.mnd-input-highlight-red {
    border: 2px solid #ff0000;
    color:#ff0000;
}