.p-color-orange {
    color: rgb(255, 102, 0) !important;
}
.p-color-black {
    color: rgb(0, 0, 0) !important;
}
.p-color-gray-2 {
    color: rgb(89, 89, 89) !important;
}
.p-color-gray-1 {
    color: rgb(143, 143, 143) !important;
}
.p-bg-color-gray-0 {
    background-color: rgb(214, 214, 214) !important;
}
.p-bg-color-orange {
    background-color: rgb(255, 102, 0) !important;
}
.p-bg-no {
    background-image: none !important;
}
.p-color-gray-0 {
    color: rgb(214, 214, 214) !important;
}

.p-btn-orange {
    color: #fff !important;
    background-color: rgb(255, 102, 0) !important;
    border-color: rgb(237, 99, 7) !important;
}

.p-btn-danger{
    color: #fff !important;
    background-color: #e63757;
    border-color: #e63757;
}

.echart-bar-weekly-sales-orange {
  width: 8.5rem;
}

.echart-default-total-order-orange {
    width: 8.625rem;
    height: 100%;
}

.echart-bar-top-products-orange {
    min-height: 18.4375rem;
}

.echart-market-share-orange {
    width: 6.625rem;
    height: 6.625rem;
}

.page-link:hover {
    z-index: 2;
    color: var(--falcon-pagination-hover-color);
    text-decoration: none;
    background-color: rgb(255, 102, 0) !important;
    border-color: var(--falcon-pagination-active-color);
}

.page-link:focus {
    z-index: 3;
    /*color: var(--falcon-pagination-hover-color);*/
    background-color: var(--falcon-pagination-hover-color);
    outline: 0;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: rgb(255, 102, 0) !important;
    border-color: var(--falcon-pagination-active-color);
}

.marker-orange {
    color: rgb(255, 102, 0) !important;
}

.marker-mtn {
    color: hsl(53, 100%, 50%) !important;
}

.marker-moov {
    color: rgb(255, 102, 0) !important;
}

.marker-ci-data {
    color: rgb(255, 102, 0) !important;
}

.marker-canal-box {
    color: rgb(255, 102, 0) !important;
}

.marker-wave {
    color: rgb(255, 102, 0) !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: rgb(255, 102, 0) !important;
    background-color: transparent;
    border-bottom: 2px solid rgb(255, 102, 0) !important;
}

/*-----------------------------------------------
|   Search box
-----------------------------------------------*/
.search-box-orange {
    position: relative;
    width: 21rem;
    font-size: 0.8333333333rem;
}

.search-box-orange .search-box-icon {
    position: absolute;
    color: var(--falcon-400);
    top: 50%;
    left: 0.9rem;
    -webkit-transform: translateY(-48%);
    -ms-transform: translateY(-48%);
    transform: translateY(-48%);
}

.search-box-orange .search-input-orange {
    padding-left: 2rem;
    padding-right: 2rem;
    line-height: 1.7;
    border-radius: 50rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-box-orange .search-input::-webkit-search-cancel-button {
    display: none;
}

.search-box-orange [data-bs-toggle=search]:not(.show) + [data-bs-dismiss=search] {
    display: none;
}

.search-box-orange .file-thumbnail {
    width: 1.75rem;
    height: 1.75rem;
}

.safari .search-box-orange .search-input-orange {
    line-height: 2;
}

.errorlist {
    color: red;
}

.list-group-item img {
    width: 32px; /* Set image width */
    height: 32px; /* Set image height */
    margin-right: 10px; /* Space between image and text */
    object-fit: cover; /* Ensure image fits well within dimensions */
}

.list-group-item label {
    flex: 1; /* Allow label to take remaining space */
    overflow-wrap: break-word; /* Break long words */
    word-break: break-word; /* Ensure long text breaks */
    margin: 0; /* Remove margin from label */
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgb(255, 102, 0) !important;
    color: white;
}

.select2-container *:focus {
    outline: 1px solid rgb(255, 102, 0) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgb(255, 102, 0) !important;
    border: 1px solid rgb(255, 102, 0) !important;
    color: white;
}

.marker-free {
    color: rgb(9, 138, 27) !important;
}

.marker-selected {
    color: rgb(175, 7, 39) !important;
}


#campaign-map {
    height: calc(100vh - 120px); /* Ajuste la hauteur de la carte en tenant compte de la hauteur de la barre de navigation */
    width: 100%;
}

.progress-container {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.progress-bar {
    background-color: rgb(255, 102, 0);
    text-align: center;
    padding-left: 3px;
}

.progress {
    flex-grow: 1;
    margin-right: 2px;
    background-color: #e9ecef;
    height: 20px;
    border-radius: 4px;
}

.stage-name {
    width: 40%;
    background-color: #e6effc;
    height: 20px;
    border-radius: 4px;
    position: relative;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 1px;
}

.stage-header-name {
    width: 40%;
    height: 20px;
    border-radius: 4px;
    position: relative;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 1px;
}

.stage-count, .stage-percent {
    width: 50px;
    text-align: center;
    background-color: #e6effc;
    height: 20px;
    padding-top: 1px;
}

.stage-count, .stage-total {
    width: 40px;
    text-align: center;
    color: #0f0f0f;
    background-color: #fadfba;
    height: 20px;
    padding-top: 1px;
    margin-right: 2px;
}


.stage-count, .stage-header {
    width: 40px;
    text-align: center;
    height: 20px;
    padding-top: 1px;
    margin-right: 2px;
}

.stage-header img {
    height: 12px;
}

.loader {
    border: 3px solid #f3f3f3; /* Couleur de fond */
    border-top: 3px solid rgb(255, 102, 0); /* Couleur de la barre de chargement */
    border-radius: 50%;
    width: 35px; /* Taille du loader */
    height: 35px; /* Taille du loader */
    animation: spin 0.8s linear infinite; /* Animation de rotation */
    display: inline-block; /* Pour l'afficher à côté du bouton */
    margin: 10px;
    vertical-align: middle; /* Alignement vertical */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.item-line-orange {
    border: solid 1px rgb(255, 102, 0);
}
.start-0 {
    left: 0 !important
}

.start-2 {
    left: 2% !important
}

.start-3 {
    left: 3% !important
}

.start-4 {
    left: 4% !important
}

.start-5 {
    left: 5% !important
}

.start-10 {
    left: 10% !important
}

.start-25 {
    left: 25% !important
}

.start-33 {
    left: 33% !important
}

.start-66 {
    left: 66% !important
}

.start-75 {
    left: 75% !important
}

.start-99 {
    left: 99% !important
}

.end-25 {
    right: 25% !important
}

.end-33 {
    right: 33% !important
}

.end-66 {
    right: 66% !important
}

.end-75 {
    right: 50% !important
}

.end-99 {
    right: 99% !important
}
.leaflet-control-custom {
    /*background-color: white;*/
    padding: 10px;
    border-radius: 5px;
}

.vue-dropdowns-container {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}
.custom-open-offcanvas {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}
.custom-offcanvas-position {
    top:73px;
}

.custom-offcanvas-position2 {
    top:73px;
}
.jconfirm {
    z-index: 9999;
}
.bg-map-filter {
    background-color: #e8831d;
}