* {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.h-10 {
    height: 10% !important;
}

.h-20 {
    height: 20% !important;
}

.h-30 {
    height: 30% !important;
}

.h-40 {
    height: 40% !important;
}

.h-60 {
    height: 60% !important;
}

.h-70 {
    height: 70% !important;
}

.h-80 {
    height: 80% !important;
}

.h-90 {
    height: 90% !important;
}

.mb-6,
.my-6 {
    margin-bottom: 3rem !important;
}

.bg-ultra-light {
    background: #ffffff40 !important;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Font-Family/GraphikRegular.otf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Aleo italic */

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Font-Family/GraphikItalic.otf")
        format("truetype");
    font-weight: 400;
    font-style: italic;
}

/* Aleo bold */

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Font-Family/GraphikBold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

*,
body {
    font-family: "Graphik", "Asap", Poppins, "sans-serif";
    font-weight: 500;
    font-size: 18px;
}

.font-asap {
    /* font-family: Asap, sans-serif; */
}

.font-muli {
    /* font-family: Muli, sans-serif; */
}

a,
a:hover {
    text-decoration: none !important;
}

.btn {
    border-radius: 10px;
}

ul {
    list-style: none !important;
}

.text-none {
    text-transform: none !important;
}

.text-blanc {
    color: #fff;
}

.session-logo {
    max-width: 80px;
    display: block;
}

.session-logo img {
    max-width: 100%;
    max-height: 100%;
}

.hr-nav {
    border-top: 1px solid rgba(255, 255, 255, 0.931);
    width: 50%;
}

.hr-modal {
    border-top: 1px solid rgba(255, 255, 255, 0.931);
    width: 20%;
}

.smooth-container {
    background: #fff;
    box-shadow: -1px 3px 11px rgba(209, 205, 199, 0.5);
    border-radius: 5px;
    overflow: hidden;
}

.fs-1-5 {
    font-size: 1.5rem;
}

.fs-1 {
    font-size: 1rem;
}

.fs-0-8 {
    font-size: 0.8rem;
}

.text-dark {
    color: #000000 !important;
}

.font-weight-normal {
    font-weight: 500 !important;
}

/** Dashboard page */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    color: #727272;
}

.preloader .preloader-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.5em;
}

.page-title {
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 1px;
}

#dashboard_list li {
    background: #ffffffb9;
    margin-bottom: 1.2rem;
    cursor: pointer;
    animation-delay: 0.4s;
}

.smooth-container {
    background: #fff;
    box-shadow: -1px 3px 11px rgba(209, 205, 199, 0.5);
    border-radius: 5px;
    overflow: hidden;
}

#container {
    padding: 15px;
}

#container h5 {
    margin-bottom: 20px;
    text-transform: none;
    font-size: 1.5rem;
}

.actionsChart {
    padding: 10px 15px;
    position: relative;
}

#dashboard_list .nav-icon {
    font-size: 2rem;
    margin-right: 22px;
    color: var(--ion-color-secondary);
}

.dashboard_list_right {
    height: 40px;
    width: 55px;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 1.2rem;
    color: var(--ion-color-primary);
    font-weight: bold;
}

.dashboard_list_text h5 {
    font-size: 1.2rem;
}

.local-db-count {
    display: none;
    font-size: 1.2em;
}

.sync-datas {
    display: none;
}

.liveshop-oos-container,
.liveshop-facing-container,
.liveshop-label-container,
.liveshop-mess-container {
}

.liveshop-component,
.liveshop-component-prices,
.liveshop-skeletton-item {
    border-radius: 4px;
    transition: all 0.2s ease;
    /*padding: 16px 14px;*/
    margin-bottom: 20px;
    display: block;
    animation-delay: 0.4s;
    position: relative;
}

.liveshop-component:active,
.liveshop-component-prices:active {
    cursor: pointer;
}

.ribbonOos {
    position: absolute;
    top: -6.1px;
    right: 10px;
    z-index: 10;
    border-radius: 0 8px 4px 4px;
}

.ribbonOos span {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-radius: 0 8px 4px 4px;
    width: 90px;
    color: #fff;
}

.ribbonOos.danger {
    background-color: #f8463f;
}

.ribbonOos.warning {
    background-color: #f47530;
}

.ribbonOos span:before,
.ribbonOos span:after {
    position: absolute;
    content: "";
}

.ribbonOos span:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #f8463f;
}

.ribbonOos span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #c02031;
}

.ribbonSession span:before,
.ribbonSession span:after {
    background: var(--ion-color-primary);
}

.toolbar-background {
    background: var(--ion-color-primary) !important;
}

.liveshop-component--title {
    font-size: 15px;
    font-weight: bold;
}

.liveshop-component--cat {
    font-style: italic;
    font-weight: bold;
    font-size: 10px;
    color: var(--ion-color-primary);
}

.liveshop-component--text .liveshop-component--description {
    font-size: 12px;
}

.liveshop-component--text .liveshop-component--duration {
    font-size: 14px;
    position: absolute;
    bottom: 0;
}

.liveshop-component--image {
    overflow: hidden;
    border-radius: 5px;
    max-height: 150px;
}

.liveshop-component--image.product {
    position: absolute;
    right: 5px;
    bottom: 0;
}

.liveshop-component--image.product img {
    max-height: 35px;
    max-width: 120px;
}

.liveshop-component--image img {
    max-height: 80px;
    width: auto;
    margin-left: auto;
    display: block;
}

.ls-component-offline {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 1.4em;
}

.ls-reserve-component .ls-reserve-treatment-component,
.ls-reserve-component .ls-reserve-result,
.treatment-in-progress {
    display: none;
}

.icon-md {
    font-size: 1.4em;
}

.skeletton-image {
    height: 80px;
}

/* Modal */

.modal-duration-time {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.815);
    height: 35px;
    color: #fff;
    padding: 5px 10px;
    border-bottom-right-radius: 8px;
}

.modal-oos-type {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.815);
    height: 35px;
    color: #fff;
    padding: 5px 10px;
    border-bottom-left-radius: 8px;
}

.modal-oos-type.warning {
    background-color: #f47530;
}

.modal-oos-type.danger {
    background-color: #f8463f;
}

.imageOos {
    max-height: 40vh;
    margin: 0 auto;
    display: block;
}

.liveshop-component .oosTypeIcon {
    position: absolute;
    bottom: 2px;
    right: 3px;
    color: var(--ion-color-primary);
}

.modal-camera #iconVideoChecked {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 2;
    font-size: 2rem;
}

.scrollTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    outline: none !important;
}

.overflow-x-scroll {
    overflow-x: auto;
}

.overflow-y-scroll {
    overflow-y: auto;
}

.update-available-alert {
    font-size: 0.95em;
}

.update-available-alert .spinner-border {
    width: 1.7rem;
    height: 1.7rem;
}

:root {
    --animate-duration: 0.5s;
    --animate-delay: 0.5s;
    --animate-repeat: 1;

    --kt-info: #788ae9 !important;
}

.badge-info {
    background-color: #788ae9 !important;
}

.swal2-title {
    font-size: 1.5rem !important;
}

.swal2-container .animate__animated {
    -webkit-animation-duration: 0.5;
    animation-duration: 0.5s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.reimplantation-canvas-container {
    width: 100%;
    height: 90vh;
    position: relative;
    z-index: 99;
    box-shadow: rgb(0, 0, 0, 0.12) 0px 4px 16px;
}

.reimplantation .konvajs-content,
.reimplantation .konvajs-content canvas {
    max-width: 100%;
    max-height: 100%;
}

.reimplantation .fab-button-in-list {
    width: 50px !important;
    height: 50px !important;
}

.reimplantation .fab-button-in-list ion-icon {
    width: 1.3em;
    height: 1.3em;
}

.plano-creation-content
    ion-slides.plano-creation-slider
    ion-slide.plano-creation-secondary-slide {
    overflow-y: auto;
    height: auto;
}

.plano-creation-content ion-slides.plano-creation-slider {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.smart-tagging-content
    ion-slides.smart-tagging-slider
    ion-slide.smart-tagging-secondary-slide {
    overflow-y: auto;
    height: auto;
}

.smart-tagging-content ion-slides.smart-tagging-slider {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
ion-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.plano-creation-barcode-overlay {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.plano-creation-barcode-overlay lottie-player {
    width: 100%;
    max-width: 80%;
}

.plano-creation-scanner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #000;
}

.plano-creation-barcode-overlay img {
    max-width: 300px;
}

.plano-creation-interactive video {
    height: 100%;
    filter: brightness(80%);
}

.plano-creation-interactive #qr-shaded-region {
    /* display: none; */
}

.plano-creation-modal-product-container {
    position: absolute;
    bottom: 5px;
    width: 100%;
    transform: translateY(200%);
    transition: 0.2s ease-in;
}

.plano-creation-product-card.plano-creation-modal {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.475rem;
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    border: 0;
    transition: all 0.2s ease;
    min-height: 100px;
    width: 85%;
    margin: 0 auto;
}

.plano-creation-product-card .row {
    min-height: 80px;
}

.plano-creation-product-card .plano-creation-header-divider {
    height: 20px;
    position: relative;
}

.plano-creation-product-card .plano-creation-header-divider .close-card {
    top: 50%;
    right: 12px;
    transform: translateY(-11%);
    position: absolute;
    border-radius: 10px;
    border: none;
    display: none;
    height: 20px;
    width: 20px;
    display: none;
    font-size: 1.3rem;
    justify-content: center;
    align-items: center;
    color: rgb(204 204 204);
}

.plano-creation-product-card .plano-creation-header-divider .divider {
    height: 3px;
    width: 12%;
    background: rgb(204 204 204);
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 10px;
    border: none;
}

.plano-creation-product-card .plano-creation-product-image {
    max-width: 100%;
    max-height: 100%;
}

.plano-creation-product-card .plano-creation-product-oos-image,
.plano-creation-product-card .plano-creation-product-found-image {
    max-width: 90px;
    max-height: 100px;
}

.plano-creation-product-card.detection-template
    .plano-creation-icons-container.pending-validate,
.plano-creation-product-card.detection-template
    .plano-creation-icons-container.product-validate,
.plano-creation-product-card.detection-template.pending-validation
    .plano-creation-icons-container.pending-sync,
.plano-creation-product-card.detection-template.product-validate
    .plano-creation-icons-container.pending-sync {
    display: none;
}

.plano-creation-product-card.active {
    min-height: 70vh;
}

.plano-creation-product-card.active .plano-creation-header-divider .close-card {
    display: flex;
}

.plano-creation-product-card.detection-template.pending-validation
    .plano-creation-icons-container.pending-validate,
.plano-creation-product-card.detection-template
    .plano-creation-icons-container.pending-sync,
.plano-creation-product-card.detection-template.product-validate
    .plano-creation-icons-container.product-validate {
    display: block;
}

.plano-creation-icons-container {
    --background: #fff;
}

/* smart tagging  */

.smart-tagging-barcode-overlay {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.smart-tagging-barcode-overlay lottie-player {
    width: 100%;
    max-width: 80%;
}

.smart-tagging-scanner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #000;
}

.smart-tagging-barcode-overlay img {
    max-width: 300px;
}

.smart-tagging-interactive video {
    height: 100%;
    filter: brightness(80%);
}

.smart-tagging-interactive #qr-shaded-region {
    /* display: none; */
}

.smart-tagging-modal-product-container {
    position: absolute;
    bottom: 5px;
    width: 100%;
    transform: translateY(200%);
    transition: 0.2s ease-in;
}

.smart-tagging-product-card.smart-tagging-modal {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.475rem;
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    border: 0;
    transition: all 0.2s ease;
    min-height: 100px;
    width: 85%;
    margin: 0 auto;
}

.smart-tagging-product-card .row {
    min-height: 80px;
}

.smart-tagging-product-card .smart-tagging-header-divider {
    height: 20px;
    position: relative;
}

.smart-tagging-product-card .smart-tagging-header-divider .close-card {
    top: 50%;
    right: 12px;
    transform: translateY(-11%);
    position: absolute;
    border-radius: 10px;
    border: none;
    display: none;
    height: 20px;
    width: 20px;
    display: none;
    font-size: 1.3rem;
    justify-content: center;
    align-items: center;
    color: rgb(204 204 204);
}

.smart-tagging-product-card .smart-tagging-header-divider .divider {
    height: 3px;
    width: 12%;
    background: rgb(204 204 204);
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 10px;
    border: none;
}

.smart-tagging-product-card .smart-tagging-product-image {
    max-width: 100%;
    max-height: 100%;
}

.smart-tagging-product-card .smart-tagging-product-oos-image,
.smart-tagging-product-card .smart-tagging-product-found-image {
    height: 200px;
    max-width: 150px;
    max-height: 100px;
    width: auto;
}

.smart-tagging-product-card.detection-template
    .smart-tagging-icons-container.pending-validate,
.smart-tagging-product-card.detection-template
    .smart-tagging-icons-container.product-validate,
.smart-tagging-product-card.detection-template.pending-validation
    .smart-tagging-icons-container.pending-sync,
.smart-tagging-product-card.detection-template.product-validate
    .smart-tagging-icons-container.pending-sync {
    display: none;
}

.smart-tagging-product-card.active {
    min-height: 70vh;
}

.smart-tagging-product-card.active .smart-tagging-header-divider .close-card {
    display: flex;
}

.smart-tagging-product-card.detection-template.pending-validation
    .smart-tagging-icons-container.pending-validate,
.smart-tagging-product-card.detection-template
    .smart-tagging-icons-container.pending-sync,
.smart-tagging-product-card.detection-template.product-validate
    .smart-tagging-icons-container.product-validate {
    display: block;
}

.smart-tagging-icons-container {
    --background: #fff;
}
.rotate {
    animation: rotation 1s infinite linear;
}

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

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

.swiper-slide,
ion-slide {
    display: block;
}

.plano-creation-shelf-slide-image-container img {
    max-height: 30%;
    max-width: 60%;
    margin: 10px 0 20px;
    pointer-events: none;
}

ion-footer ion-button,
.reimplantation-new ion-footer ion-button {
    --padding-start: 0 !important;
    --padding-end: 0 !important;
    height: auto !important;
}

.plano-creation-modal-shelf-container {
    height: 50%;
}

.plano-creation-interactive {
    height: 100%;
    width: 100vw;
}

.plano-creation-interactive-middle {
    height: 50%;
    width: 100vw;
}

.plano-creation-shelf-slide-image-container img {
    max-width: 50%;
    max-height: 100px;
}

.plano-creation-shelf-slide-image-container .article-image {
    display: none;
}

.plano-creation-shelf-slide-image-container.article-found .article-image {
    display: block;
}

.swiper-pagination {
    z-index: -1;
}

.plano-creation-shelf-infos-banner {
    min-height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 600;
    --background: #f9f9f9;
    border-radius: 5px !important;
    margin: 0 auto;
}

.plano-creation-shelf-infos-banner ion-label .title {
    font-size: 18px;
}

.plano-creation-shelf-slide ion-chip.light {
    background: #f9f9f9;
}

.plano-creation-content ion-fab.footer-actions {
    bottom: -25px !important;
}

.plano-creation-content ion-fab.footer-details {
    bottom: -25px !important;
    margin-inline-start: -60px;
}

.plano-creation-content ion-fab.footer-toggle .fab-button-in-list ion-icon {
    font-size: 1.5rem;
}

/* SMART TAGGING */
.smart-tagging-shelf-slide-image-container img {
    max-height: 30%;
    max-width: 60%;
    margin: 10px 0 20px;
    pointer-events: none;
}

ion-footer ion-button,
.reimplantation-new ion-footer ion-button {
    --padding-start: 0 !important;
    --padding-end: 0 !important;
    height: auto !important;
}

.smart-tagging-modal-shelf-container {
    height: 50%;
}

.smart-tagging-interactive {
    height: 100%;
    width: 100vw;
}

.smart-tagging-interactive-middle {
    height: 50%;
    width: 100vw;
}

.smart-tagging-shelf-slide-image-container img {
    max-width: 50%;
    max-height: 100px;
    min-height: 90px;
}

.smart-tagging-shelf-slide-image-container .article-image {
    display: none;
}

.smart-tagging-shelf-slide-image-container.article-found .article-image {
    display: block;
}

.swiper-pagination {
    z-index: -1;
}

.smart-tagging-shelf-infos-banner {
    min-height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 600;
    --background: #f9f9f9;
    border-radius: 5px !important;
    margin: 0 auto;
}

.smart-tagging-shelf-infos-banner ion-label .title {
    font-size: 18px;
}

.smart-tagging-shelf-slide ion-chip.light {
    background: #f9f9f9;
}

.smart-tagging-content ion-fab.footer-actions {
    bottom: -25px !important;
}

.smart-tagging-content ion-fab.footer-details {
    bottom: -25px !important;
    margin-inline-start: -60px;
}

.smart-tagging-content ion-fab.footer-toggle .fab-button-in-list ion-icon {
    font-size: 1.5rem;
}
ion-fab ion-fab-button {
    width: 48px;
    height: 48px;
}

hr {
    border-top: 3px solid rgb(0 0 0 / 10%);
}

.plano-creation-zoom-container ion-fab {
    position: fixed !important;
}

.plano-creation-zoom-container ion-fab.zoom {
    bottom: -12px !important;
}

.plano-creation-zoom-container ion-fab ion-fab-button {
    font-size: 21px;
}

.plano-creation-main-zoom-container ion-fab.zoom {
    bottom: 75px !important;
}

.plano-creation-zoom-container .toggle-plano-icons .fa-eye,
.plano-creation-zoom-container .toggle-plano-icons.active .fa-eye-slash,
.plano-creation-image-modal-zoom-container .toggle-plano-icons .fa-eye,
.plano-creation-image-modal-zoom-container
    .toggle-plano-icons.active
    .fa-eye-slash,
.plano-creation-modal-toggle-icons .toggle-plano-icons .fa-eye,
.plano-creation-modal-toggle-icons .toggle-plano-icons.active .fa-eye-slash {
    display: none;
}

.plano-creation-zoom-container .toggle-plano-icons.active .fa-eye,
.plano-creation-zoom-container .toggle-plano-icons .fa-eye-slash,
.plano-creation-image-modal-zoom-container .toggle-plano-icons.active .fa-eye,
.plano-creation-image-modal-zoom-container .toggle-plano-icons .fa-eye-slash,
.plano-creation-modal-toggle-icons .toggle-plano-icons.active .fa-eye,
.plano-creation-modal-toggle-icons .toggle-plano-icons .fa-eye-slash {
    display: block;
}

.plano-creation-image-modal-zoom-container .toggle-plano-icons {
    font-size: 20px;
}

.reimplantation-content
    ion-slides.reimplantation-slider
    ion-slide.reimplantation-secondary-slide {
    overflow-y: auto;
    height: auto;
}

.reimplantation-content ion-slides.reimplantation-slider {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.reimplantation-barcode-overlay {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.reimplantation-barcode-overlay lottie-player {
    width: 100%;
    max-width: 80%;
}

.reimplantation-scanner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #000;
}

.reimplantation-barcode-overlay img {
    max-width: 300px;
}

.reimplantation-interactive video {
    height: 100%;
    filter: brightness(80%);
}

.reimplantation-interactive #qr-shaded-region {
    /* display: none; */
}

.reimplantation-modal-product-container {
    position: absolute;
    bottom: 5px;
    width: 100%;
    transform: translateY(200%);
    transition: 0.2s ease-in;
}

.reimplantation-product-card.plano-creaton-modal {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.475rem;
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    border: 0;
    transition: all 0.2s ease;
    min-height: 100px;
    width: 85%;
    margin: 0 auto;
}

.reimplantation-product-card .row {
    min-height: 80px;
}

.reimplantation-product-card .reimplantation-header-divider {
    height: 20px;
    position: relative;
}

.reimplantation-product-card .reimplantation-header-divider .close-card {
    top: 50%;
    right: 12px;
    transform: translateY(-11%);
    position: absolute;
    border-radius: 10px;
    border: none;
    display: none;
    height: 20px;
    width: 20px;
    display: none;
    font-size: 1.3rem;
    justify-content: center;
    align-items: center;
    color: rgb(204 204 204);
}

.reimplantation-product-card .reimplantation-header-divider .divider {
    height: 3px;
    width: 12%;
    background: rgb(204 204 204);
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 10px;
    border: none;
}

.reimplantation-product-card .reimplantation-product-image {
    max-width: 100%;
    max-height: 100%;
}

.reimplantation-product-card .reimplantation-product-oos-image,
.reimplantation-product-card .reimplantation-product-found-image {
    max-width: 90px;
    max-height: 100px;
}

.reimplantation-product-card.detection-template
    .reimplantation-icons-container.pending-validate,
.reimplantation-product-card.detection-template
    .reimplantation-icons-container.product-validate,
.reimplantation-product-card.detection-template.pending-validation
    .reimplantation-icons-container.pending-sync,
.reimplantation-product-card.detection-template.product-validate
    .reimplantation-icons-container.pending-sync {
    display: none;
}

.reimplantation-product-card.active {
    min-height: 70vh;
}

.reimplantation-product-card.active .reimplantation-header-divider .close-card {
    display: flex;
}

.reimplantation-product-card.detection-template.pending-validation
    .reimplantation-icons-container.pending-validate,
.reimplantation-product-card.detection-template
    .reimplantation-icons-container.pending-sync,
.reimplantation-product-card.detection-template.product-validate
    .reimplantation-icons-container.product-validate {
    display: block;
}

.reimplantation-icons-container {
    --background: #fff;
}

.reimplantation-shelf-slide-image-container img {
    max-height: 30%;
    max-width: 60%;
    margin: 10px 0 20px;
    pointer-events: none;
}

.reimplantation-modal-shelf-container {
    height: 50%;
}

.reimplantation-interactive {
    height: 100%;
    width: 100vw;
    background: #e5e5e5;
}

.reimplantation-interactive-middle {
    height: 50%;
    width: 100vw;
}

.reimplantation-shelf-slide-image-container img {
    max-width: 50%;
    max-height: 135px;
    min-height: 100px;
}

.reimplantation-shelf-slide-image-container .article-image {
    display: none;
}

.reimplantation-shelf-slide-image-container.article-found .article-image {
    display: block;
}

.reimplantation-shelf-infos-banner {
    min-height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 500;
    --background: #f9f9f9;
    border-radius: 5px !important;
    margin: 0 auto;
}

.reimplantation-shelf-infos-banner ion-label .title {
    font-size: 18px;
}

.reimplantation-shelf-slide ion-chip.light {
    background: #f9f9f9;
}

.reimplantation-content ion-fab.footer-actions {
    bottom: -40px !important;
    margin-inline-start: 30px;
}

.reimplantation-content ion-fab.footer-details {
    bottom: -40px !important;
    margin-inline-start: -100px;
}

.reimplantation-content ion-fab.footer-toggle {
    bottom: -40px !important;
    margin-inline-start: -30px;
}

.reimplantation-content ion-fab.footer-toggle .fab-button-in-list ion-icon {
    font-size: 1.5rem;
}

.reimplantation-zoom-container ion-fab {
    position: fixed !important;
}

.reimplantation-zoom-container ion-fab.zoom {
    bottom: -12px !important;
}

.reimplantation-zoom-container ion-fab ion-fab-button {
    font-size: 21px;
}

.reimplantation-main-zoom-container ion-fab.zoom {
    bottom: 75px !important;
}

.reimplantation-zoom-container .toggle-plano-icons .fa-eye,
.reimplantation-zoom-container .toggle-plano-icons.active .fa-eye-slash,
.reimplantation-image-modal-zoom-container .toggle-plano-icons .fa-eye,
.reimplantation-image-modal-zoom-container
    .toggle-plano-icons.active
    .fa-eye-slash,
.reimplantation-modal-toggle-icons .toggle-plano-icons .fa-eye,
.reimplantation-modal-toggle-icons .toggle-plano-icons.active .fa-eye-slash {
    display: none;
}

.reimplantation-zoom-container .toggle-plano-icons.active .fa-eye,
.reimplantation-zoom-container .toggle-plano-icons .fa-eye-slash,
.reimplantation-image-modal-zoom-container .toggle-plano-icons.active .fa-eye,
.reimplantation-image-modal-zoom-container .toggle-plano-icons .fa-eye-slash,
.reimplantation-modal-toggle-icons .toggle-plano-icons.active .fa-eye,
.reimplantation-modal-toggle-icons .toggle-plano-icons .fa-eye-slash {
    display: block;
}

.reimplantation-image-modal-zoom-container .toggle-plano-icons {
    font-size: 20px;
}

.scandit .scandit-video.mirrored {
    transform: scaleX(1);
}

.scandit .scandit-laser,
.scandit .scandit-logo {
    display: none !important;
}

.actionsStatusModalButton {
    /* --border-radius: 20px; */
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3f4254;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    box-shadow: none;
    appearance: none;
    cursor: pointer;
}

.form-select:focus {
    border-color: #b5b5c3;
    outline: 0;
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none;
}

.form-select:disabled {
    background-color: #eff2f5;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #181c32;
}

.form-select-sm {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    padding-left: 0.75rem;
    font-size: 0.925rem;
}

.form-select-lg {
    padding-top: 0.825rem;
    padding-bottom: 0.825rem;
    padding-left: 1.5rem;
    font-size: 1.15rem;
}

.form-select.form-select-solid {
    background-color: #f5f8fa;
    border-color: #f5f8fa !important;
    color: #5e6278;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.shelves-page ion-buttons,
.list-page ion-buttons {
    margin-top: 7px;
}

.plano-creation-shelf-item .shelf-item-chart,
.reimplantation-shelf-item .shelf-item-chart {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.shelf-fab-modal {
    width: 45px;
    height: 45px;
}

.scanner-hidden-input {
    position: absolute;
    left: -10000px;
    width: 20px;
}

body.swal2-no-backdrop .swal2-container {
    z-index: 9999999;
}

.type-shelves .alert-checkbox-label {
    text-overflow: ellipsis;
    white-space: break-spaces !important;
    line-height: 1.5;
}

.plano-creation-shelf-slide-image-container {
    min-height: 80px;
}

.spinner-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 10px;
}

.reimplantation-action-card {
    min-width: 80px;
    height: 90px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(0, 0, 0, 0.07) 0px 4px 16px;
    font-size: 0.9rem;
    padding: 0 27px;
    border-radius: 5px;
    margin-bottom: 0;
}

.reimplantation-action-card.map-creator-action-card.active {
    background: #18c180;
}

.reimplantation-action-card ion-icon {
    font-size: 2rem;
    margin-bottom: 5px;
    color: #313131;
}

.reimplantation-content ion-segment {
    min-height: 40px;
}

.reimplantation .d-none {
    display: none !important;
}

.reimplantation .reimplantation-details-container {
    /* position: absolute;
    bottom: 0; */
    background: #fff;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.reimplantation .reimplantation-details-container::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

/* Track */

.reimplantation .reimplantation-details-container::-webkit-scrollbar-track {
    background: #ffffff;
}

.reimplantation .reimplantation-details-container::-webkit-scrollbar-thumb {
    background: rgb(184, 184, 184);
    border-radius: 10px;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--ion-color-primary) !important;
}
.product {
    margin: 0;
}

.product-img img {
    width: 45px;
    height: auto;
}

.product-rupture {
    font-size: 20pt !important;
}

.product-description {
    font-size: 12px !important;
}

.shelf {
    padding-top: 12px;
}

.prod_ref {
    color: #727272;
}

.calendar {
    font-size: 18px !important;
}

.calendar-label {
    font-size: 11px !important;
}

.date-badge {
    color: #5260ff;
}

.shelf-header {
    font-size: 14px !important;
    padding-bottom: 3px;
}

.shelf-accordion.accordion-collapsed .date-badge {
    display: none !important;
}

.rate {
    color: black;
}

.shelf-image-component-template {
    position: absolute;
    top: -1000%;
    right: -1000%;
    max-width: max-content;
}

ion-tab-button:has(.ls-tab-bar-btn) {
    --ripple-color: transparent;
}

ion-tab-button {
    margin: 0 10px;
}

.ls-tab-bar-btn {
    background-color: transparent !important;
    transition: all 0.3s ease-out;
    border-radius: 30px !important;
}

.ls-tab-bar-btn .ls-tab-bar-icon {
    font-size: 1.9rem !important;
}

.ls-tab-bar-btn .ls-tab-bar-label {
    display: none;
}

.ls-tab-bar-btn.active {
    padding: 5px 10px !important;
}

.ls-tab-bar-btn.active .ls-tab-bar-label {
    display: block;
}

.ls-tab-bar-btn.active .ls-tab-bar-icon {
    font-size: 1.7rem !important;
}

.tab-selected {
    /* --color-selected: #cc0000; */
    border-radius: 50px !important;
    background: var(--primary-lighten);
}

ion-tab-bar .ion-ripple-effect {
    display: none !important;
}

.line-clamp,
.line-clamp-3,
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
}

.backroom-list-item {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}
.backroom-list-item:last-child {
    border: none;
    padding-bottom: 0;
}

.product-card-footer-informations,
.product-informations-container {
    width: 100%;
}

ion-content .separator.separator-dashed:last-child {
    display: none;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.result-popover-stock-management {
    --width: 80%;
    --max-height: 60%;
}
#ls_detention_rupture_sync_btn {
    width: 42px;
    height: 42px;
    background: #f0f0f0;
    border-radius: 80%;
    box-shadow: 6px 6px 10px #bebebe, -6px -6px 10px #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

#ls_control_stock_synchro {
    width: 42px;
    height: 42px;
    background: #f0f0f0;
    border-radius: 80%;
    box-shadow: 6px 6px 10px #bebebe, -6px -6px 10px #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.spin {
    animation: spinAnimation 1s linear infinite; /* Fait tourner l'icône en continu */
}

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

.head_border {
    border-bottom: 1px solid rgb(226 232 240);
}

.card {
    border: 1px solid rgb(226 232 240) !important;
    --tw-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 4px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 4px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.bg-body {
    background-color: rgb(247, 251, 252) !important;
}

.bg-white-border {
    background-color: #fff !important;
    border: 1px solid rgb(226 232 240) !important;
}

@media (max-width: 768px) {
    .card .card-body {
        padding: 1rem 1rem !important;
    }
}

.animation-rotate {
    animation: spin 2s linear infinite;
}

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

/* Base icon (mask + currentColor) */
.mask-icon {
    inline-size: 30px;
    block-size: 30px;
    border-radius: 4px;

    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.menu-element img {
    display: none !important;
}

.menu-element {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.kpi-home-count-container {
    cursor: pointer;
}

.kpi-home-count-container .dropdown-icon {
    transition: transform 0.2s ease;
}

.kpi-home-count-container.open .dropdown-icon {
    transform: rotate(180deg);
}
.menu-element--pricecontrols .mask-icon {
    --svg: url("/assets/media/images/icons/pricetag-outline.svg");
    color: #3b82f6;
    /* blue-500 */
}