:root {
    --color-orange:#ff4500;
    --color-orange-subtle: #fff8f5;
    --color-orange-rgb:255,69,0;
    --color-dark-orange:#CC3600;
    --color-darkgrey:#30404a;
    --color-mediumgrey:#8C9296;
    --color-lightgrey:#a3abb0;
    --color-smokegrey:#F5F5F5;
    --color-bluegrey:#0171A2;
    --color-bluegrey-subtle: #e2ebef;
    --color-sand: #aa946c;
    --color-sand-subtle: #f3eee4;
}

html, body {
    width: 100%;
    height: 100%;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

/* -------------- ui --------------------------- */
.ui-selectable-helper {
    border: dashed 2px var(--bs-secondary);
    position: absolute;
    z-index: 1090;
    background: rgba(var(--bs-secondary-rgb),0.1);
}

.cursor-w-resize-hover:hover {
    cursor: url("../assets/fontawesome/left-long.svg"), w-resize;

}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25 !important;
}

.crossed {
    background:
            linear-gradient(to top left,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) calc(50% - 0.8px),
            var(--bs-border-color) 50%,
            rgba(0,0,0,0) calc(50% + 0.8px),
            rgba(0,0,0,0) 100%),
            linear-gradient(to top right,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) calc(50% - 0.8px),
            var(--bs-border-color) 50%,
            rgba(0,0,0,0) calc(50% + 0.8px),
            rgba(0,0,0,0) 100%);
}



/* -------------- transitions ------------------ */
.anime-opacity {-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}
.anime-height {-webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;-o-transition: height 0.2s ease-in-out;transition:height 0.2s ease-in-out}
.anime-background {-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;transition:background 0.2s ease-in-out}
.anime-transform {-webkit-transition: transform 0.2s ease-in-out;-moz-transition: transform 0.2s ease-in-out;-o-transition: transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out}
.anime-color {-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;transition:color 0.2s ease-in-out}

.anime-border {
    -webkit-transition: border-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.anime-all {
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important
}
.fadein { -webkit-animation: fadein 500ms;-moz-animation: fadein 500ms;-ms-animation: fadein 500ms;-o-animation: fadein 500ms;animation: fadein 500ms}

.scroll-smooth {
    scroll-behavior: smooth;
}

/*** width ***/
.max-content {
    width: max-content!important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-66 {
    width: 66% !important;
}

.w-60 {
    width: 60% !important;
}

.w-150px {
    width: 150px;
}

.w-3vw {
    width: 3vw;
}

.w-4vw {
    width: 4vw !important;
}
.w-7vw {
    width: 7vw;
}
.w-10vw {
    width: 10vw;
}

.minw-10vw {
    min-width: 10vw;
}

.w-15vw {
    width: 15vw !important;
}

.w-20vw {
    width: 20vw !important;
}

.w-25vw {
    width: 25vw;
}

.w-34vw {
    width: 34vw;
}

.w-50vw {
    width: 50vw;
}

.w-70vw {
    width: 70vw;
}

.w-75vw {
    width: 75vw;
}

.w-80vw {
    width: 80vw;
}

.w-90vw {
    width: 90vw;
}


.minw-100 {
    min-width: 100%;
}

/*** top ***/
.top-2rem {
    top: 2rem !important;
}
.top-3rem {
    top: 3rem !important;
}

.top-4rem {
    top: 4rem !important;
}
.top-5rem {
    top: 5rem !important;
}


/*** modal scroller ***/
.modal-dialog.modal-xxl {
    max-width: 90%;
}

@media (min-width: 992px) {
    .maxw-lg-30vw {
        max-width: 30vw !important;
    }
}


.maxw-75 {
    max-width: 75% !important;
}

.minw-3rem {
    min-width: 3rem;
}

.minh-100 {
    min-height: 100%;
}

.minh-70vh {
    min-height: 70vh;
}

.minh-60vh {
    min-height: 60vh;
}

.maxh-85vh {
    max-height: 85vh;
}
.maxh-80vh {
    max-height: 80vh;
}
.maxh-75vh {
    max-height: 75vh;
}
.maxh-70vh {
    max-height: 70vh;
}
.maxh-65vh {
    max-height: 65vh;
}
.maxh-60vh {
    max-height: 60vh;
}

.maxh-55vh {
    max-height: 55vh;
}

.maxh-40vh {
    max-height: 40vh;
}

.maxh-30vh {
    max-height: 30vh;
}

.h-150px {
    height: 150px;
}

.h-4rem {
    height: 4rem;
}

.h-60vh {
    height: 60vh;
}

.h-70vh {
    height: 70vh;
}

.h-75vh {
    height: 75vh;
}

.h-80vh {
    height: 80vh;
}

.h-85vh {
    height: 85vh;
}

.h-90vh {
    height: 90vh;
}

.h-25vh {
    height: 25vh;
}

.h-30vh {
    height: 30vh;
}

.h-40vh {
    height: 40vh;
}

.h-50vh {
    height: 50vh;
}

.h-55vh {
    height: 55vh;
}

.z-1015 {
    z-index: 1015 !important;
}

.z-1025 {
    z-index: 1025 !important;
}
.z-1030 {
    z-index: 1030 !important;
}
.z-1035 {
    z-index: 1035 !important;
}

.z-1040 {
    z-index: 1040 !important;
}
.z-1045 {
    z-index: 1045 !important;
}

.z-1050 {
    z-index: 1050 !important;
}

.z-2000 {
    z-index: 2000 !important;
}

.fw-semi {font-weight: 600}
.xsmall {font-size: 0.75em}

.pastille-3rem {
    width: 3rem;
    height: 3rem;
}

.pastille-2 {
    width: 2.5rem;
    height: 2.5rem;
}

.pastille {
    width: 2rem;
    height: 2rem;
}

.pastille-4 {
    width: 1.5rem;
    height: 1.5rem;
}

/**** ratios ***/
@media (min-width: 992px) {
    .ratio-lg {
        position: relative;
        width: 100%;
    }

    .ratio-lg::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio-lg > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.text-white a {
    color: #FFFFFF !important;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

.triangle-orange-te::after {
    background: url(/themes/baticloud/assets/flags/triangle-orange.svg);
    content: " ";
    width: 15%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.indic {
    width: 1rem;
    height: 1rem;
    transform: translate(-50%,-50%) rotate(45deg) !important;
    opacity: 0;
    top: 60%;
}

.indic.show {
    opacity: 1;
    top: 100%;
}

/*** analyse -> assistant ***/

.prompt.pholder::before {
    content: attr(data-placeholder);
    color: var(--bs-secondary);
    pointer-events: none;
    font-style: italic;
}


.focus-ring-none {
    --bs-focus-ring-color:transparent;
}

.bg-smokegrey {
    background: var(--color-smokegrey) !important;
}

.bg-baticloud {
    --bs-bg-opacity:1;
    background-color: rgba(var(--color-orange-rgb),var(--bs-bg-opacity));
}
.bg-baticloud-subtle {
    background-color: var(--color-orange-subtle) !important;
}

.bg-bluegrey-subtle {
    background-color: var(--color-bluegrey-subtle) !important;
}

.bg-sand-subtle {
    background-color: var(--color-sand-subtle) !important;
}

.border-baticloud {
    border-color: var(--color-orange) !important;
}

.border-smokegrey {
    border-color: var(--color-smokegrey) !important;
}

.border-lightgrey {
    border-color: var(--color-lightgrey) !important;
}

.border-bottom.border-dotted {
    border-bottom-style: dotted !important;
}

.text-baticloud,.link-baticloud {
    color: var(--color-orange);
}

.text-bluegrey {
    color: var(--color-bluegrey);
}

.text-sand {
    color: var(--color-sand);
}

.link-baticloud:hover {
    color: var(--color-orange);
}

.btn-outline-baticloud {
    color: var(--color-orange);
    border-color: var(--color-orange);
}
.btn-outline-baticloud:hover,.btn-outline-baticloud.active {
    background: var(--color-orange) !important;
    color: #FFFFFF !important;
}

.btn-baticloud {
    --bs-btn-color: RGBA(var(--bs-white-rgb),1);
    --bs-btn-bg: var(--color-orange);
    --bs-btn-disabled-color: rgba(var(--bs-white-rgb),0.5);
    --bs-btn-disabled-bg: var(--bs-secondary-bg);
    --bs-btn-disabled-border-color: none;
    --bs-btn-hover-bg: var(--color-dark-orange);
    --bs-btn-hover-color: #FFFFFF;
}
.btn-baticloud:hover,.btn-outline-baticloud.active {
    --bs-btn-hover-bg: var(--color-dark-orange);
    --bs-btn-hover-color: #FFFFFF;
}

.btn-light-baticloud {
    --bs-btn-color: RGBA(var(--bs-secondary-rgb),1);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: none;
    --bs-btn-hover-color: rgba(var(--color-orange-rgb),1);
    --bs-link-color-rgb:rgba(var(--color-orange-rgb),1);
    --bs-link-hover-color-rgb:var(--color-orange-rgb);
    --bs-btn-hover-bg: #f4f4f4;
    --bs-btn-hover-border-color: none;
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: rgba(var(--color-orange-rgb),1);
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: none;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--bs-secondary-rgb),0.5);
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: none;
}

.btn-light-danger {
    --bs-btn-color: RGBA(var(--bs-danger-rgb),1);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: none;
    --bs-btn-hover-color: rgba(var(--bs-danger-rgb),1);
    --bs-link-color-rgb:rgba(var(--bs-danger-rgb),1);
    --bs-link-hover-color-rgb:var(--bs-danger-rgb);
    --bs-btn-hover-bg: rgba(var(--bs-danger-rgb),0.10);
    --bs-btn-hover-border-color: none;
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: rgba(var(--bs-danger-rgb),1);
    --bs-btn-active-bg: rgba(var(--bs-danger-rgb),0.5);
    --bs-btn-active-border-color: none;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--bs-danger-rgb),0.5);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: none;
}


.btn-light-baticloud.active {
    background:#f8f9fa !important;
    color: rgba(var(--color-orange-rgb),1);
}

.form-check-baticloud:checked {
    background-color: var(--color-orange) !important;
    border-color: var(--color-orange) !important;
}

.form-check-success:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.form-check-warning:checked {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

.form-check-danger:checked {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.scale-hover:hover {
    scale: 1.03;
    box-shadow: var(--bs-box-shadow-sm) !important;
}


.shadow-secondary {
    box-shadow: 0 0 5px 1px var(--bs-gray-500);
}

.underline {
    width: 4rem;
    max-width: 60px;
    border-bottom: 3px solid var(--color-orange);
    display: block;

}

.underline.underline-sm {
    width: 2.5rem;
}
/** .hover:hover a **/
.hover:hover {
    background:var(--color-smokegrey);
    /*color: #FFFFFF !important;*/
}

.hover-warning:hover {
    background: rgba(var(--bs-warning-rgb),0.25);
}

.hover-success:hover {
    background: rgba(var(--bs-success-rgb),0.25);
}

.hover-secondary:hover {
    background: rgba(var(--bs-secondary-rgb),0.15);
}
.hover-light:hover {
    background: var(--bs-light);
}


/*** slick slider ***/
.dgdManager .slick-list {
    overflow: clip!important;
}


#documentsManager .slick-slider .slick-list,.slick-slider.slick-h100 .slick-list {
    height: 100% !important;
}

#documentsManager .slick-slider .slick-list .slick-track,.slick-slider.slick-h100 .slick-list .slick-track {
   height: 100% !important;
}



/*** bs list-group ***/
.list-group-item.active {
    background: var(--color-orange);
    border-color: var(--color-orange);
}


/*** nav-tabs ***/
li.nav-item {margin-top: -1px}
.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
}
.nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 2px solid var(--bs-secondary);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--color-orange) !important;
    background-color: transparent!important;
    border: none;
    border-bottom: 2px solid var(--color-orange) !important;
}

.nav-tabs .nav-link.disabled {
    opacity: 0.3!important;
}

.tabs-baticloud {
    padding: 0.25rem 1rem 0.25rem 1rem;
    text-decoration: none;
    color: var(--bs-secondary);
    border-bottom: 2px solid transparent;
}

.tabs-baticloud:hover, .tabs-baticloud.active {
    color: var(--color-orange) !important;
    border-color: var(--color-orange) !important;
}


/*** pac container (google maps autocomplete) ***/
.pac-container {
    z-index: 2000;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*** filtres ***/
.filtered .dropdown-toggle {
    color: var(--color-orange) !important;
    border-color: var(--color-orange) !important;
}
.filtre.active {
    background: var(--color-orange);
}
.filtre.active .text-baticloud {
    color: #FFFFFF !important;
}


/*** configuration workflow ***/
.validants .validant:last-child .adder {
    margin-bottom: 1rem;
}
.validants .validant:last-child .adder .branch-bottom {
    display: none;
}



/*** configuration projet ***/
.btn-setup {
    color: var(--color-mediumgrey);
    text-decoration: none;
}

.btn-setup:hover,.btn-setup.active {
    color: var(--color-orange);
    text-decoration: none;
}

/*** lots ***/
.gantt .day {
    width: 25px !important;
}

.gantt .timeline .events {
    height: 23px;
}

.gantt .timeline .indice {
    left: 25vw;
}

.gantt .jalon .etiquette {
    top: 59px;
    color: #FFFFFF;
}


/*** situation ***/
.dropdown.histo .dropdown-menu {
    min-width: 17rem !important;
}

/*** documents manager ***/
#documentsManager .slider .document .options {
    bottom: 17px!important;
    width: calc(100% - 17px) !important;
}

#documentsManager .slider .documentUploader .modele {
    bottom: 25%;!important;
}

#documentsManager .slider .document .options .content:hover {
    background: rgba(255,255,255,0.8) !important;

}

/*** previsions ***/
.form-control.form-control-xsmall {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.previsions .lot:hover,.previsions .lot:hover .titre {
    background-color: var(--bs-gray-200) !important;
}

/*** rapport analyse ***/

.grabbing {
    cursor: grabbing;
}
.rapport {
    cursor: grab;
    overflow: hidden;
    white-space: nowrap;
}

.rapport .stats.show {
    margin-left: 0 !important;
    position: sticky;
    left: 15vw;
}

.rapport .stats {
    margin-left: -10vw;
    left: 0;
}

.rapport .param:hover {
    border-bottom: 1px solid var(--color-orange) !important;
}
.rapport .param:has(+ .param:hover) {
    border-bottom: 1px solid var(--color-orange) !important;
}


/*** export manager ***/
.exportManager .headers .w-4vw {
    width: calc(4vw - 3px) !important;
    padding: 0;
    border-right: 1px solid transparent;
}

/*** taggage des lots ***/
.tagger .designation {
    border-right: 1px solid transparent;
}

.tagger .tag {
    height: 150px;
    white-space: nowrap;
    border-right: 1px solid transparent;
    padding: 0;
}
.tagger .headers .cache {
    transform: skewX(-45deg);
    width: calc(100% + 4.8rem);
}

.tagger .headers .tag .titre, .rotate315deg {
    transform: translate(calc(4vw - 1px),2px) rotate(315deg);
    width: calc(4vw - 1px);
    transform-origin: bottom left;
}

.bg-rotate315deg {
    width: 150px;
    height: calc(5vh + 2px);
    z-index: -1;
    transform: skewX(45deg) translateX(18px) translateY(-17px);
    transform-origin: bottom left;
    margin: 0px;
}

.tagger .headers .tag .titre .etiquette {
    width: 150px;
}

.tagger .triangle {
    height: 4vw;
    position: absolute;
    bottom: 0;
    width: 4vw;
    transform: skew(315deg) translateX(2vw);
}

/*** pdfUploader document Uploader ***/
.filepond--root,
.filepond--root .filepond--drop-label {
    height: 80%;
    margin-bottom:0 !important;
}

/*** dpgf ***/
.composants .principal .position-sticky {top: 2.6rem !important;}
.composants .principal .ligne.titre {top:4.8rem !important}