/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
:root {
    --mm-purple: #3b45ff;
    --mm-light-gray: hsla(0, 0%, 85.9%, 0.42);
    --mm-light-purple: rgba(59, 69, 255, 0.16); 
    --left-nav-size: 271px;
    --header-size: 60px;
    --nav-static-menu-size: 12%;
    --page-content-ps: 30px;
    --page-content-pe: 30px;
}

/*===============================================================================General================================================================================*/

html {
    position: relative;
    height: auto;
    min-height: 100%;
}

body {
    height: auto;
    min-height: 100% !important;
    overflow-y: overlay;
}

/*---auto complete--------*/

.ui-helper-hidden-accessible{
    display:none !important;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-autocomplete {
    border: 1px solid grey;
    max-width: 580px;
    padding-left: 0;
    background-color: lightgrey;
    border-radius: 5px;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    /* 
        Used in th Modal page to make sure the results are displayed 
        on top of the modal.
    */
    z-index: 1100;
    position: absolute;
}

.ui-autocomplete-loading {
    background: white url("../images/loading-disc.gif") right center no-repeat;
}

.ui-menu-item:hover {
    background-color: dimgrey;
}

/*
    This is used to display the focus with the arrow keys selection of the autocomplete
    Unfortunately the <li> don't seem to be flagged as :focus with the keyboard selection
    But the <div> inside the <li> have the active state
*/
.ui-state-active {
    background-color: dimgrey;
}

/*====================================================================== navigation bar styles====================================================================== */
 
.bottom-text {
    bottom: 5px;
}

.top-text-radio {
    top: 5px;
}

/* ===================================================================================body styles================================================================*/
.buttons-row {
    display: flex;
}

.border-bottom-grey {
    border-bottom: 1px solid hsla(0, 0%, 79.3%, 0.42);
    padding-bottom: 15px;
}

.border-bottom-blue {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mm-purple);
}

.centered-content {
    display: block;
    margin-top: 0px;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    padding-top: 10px
}

h2,
.centered-content h1 {
    line-height: 36px;
    margin-top: 20px;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.btn-save-icon {
    width: 15px;
    height: 15px;
    background-image: url(../images/save.ico);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%; /* Safari */
    -khtml-background-size: 100% 100%; /* Konqueror */
    -moz-background-size: 100% 100%; /* Firefox */
    display: inline-block;
}
 
.btn-cancel-icon {
    width: 15px;
    height: 15px;
    background-image: url(../images/cancel.ico);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%; /* Safari */
    -khtml-background-size: 100% 100%; /* Konqueror */
    -moz-background-size: 100% 100%; /* Firefox */
    display:inline-block;
}

.hidden-content {
    display: none;
}

.form-group {
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    align-content: flex-start;
}

.validation-group {
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

.link-layout {
    display: flex;
    width: auto;
    height: 50px;
    margin: 0px 10px 5px 0px;
    padding-right: 10px;
    padding-left: 10px;
    align-items: center;
    border-radius: 13px;
    background-color: #fff;
    box-shadow: 1px 1px 3px -1px #000;
    text-decoration: none;
    cursor: pointer;
    color: var(--mm-purple);
}

    .link-layout:hover {
        background-color: rgba(59, 69, 255, 0.11);
        color: var(--mm-purple);
    }

.section-links {
    display: flex;
    margin: 0px auto;
    flex-wrap: wrap;
}

.floating-div-grey,
.floating-div {
    display: block;
    height: auto;
    margin: 10px auto;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
}

.floating-div-grey {
    background-color: var(--mm-light-gray);
}

.floating-div-header {
    display: block;
    flex-direction: row;
    justify-content: space-between;
}

.floating-btn-add,
.custom-floating-btn-add { 
    margin-top: 12px;
}

.image-icon {
    width: auto;
    height: 10px;
    background-color: transparent;
    color: #101820;
    padding-right: 5px;
}
 
/*======================== Modal=============================*/
.floating-inner-element {
    border: 1px solid rgba(59, 69, 255, 0.28);
    border-radius: 9px;
}

.link-exit {
    width: 20px;
    height: 20px;
    margin: 1% !important;
    padding: 0 !important;
    background-image: url(~/../../images/close.png);
    background-size: 100% 100%;
}

.link-add-circled {
    background-image: url(~/../../images/add-icon.png);
    cursor: pointer;
}

.link-edit:not(.dropdown-item) {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(~/../../images/edit-icon.png);
    background-position: 50% 50%;
    background-size: 20px 20px;
}

.link-edit, .link-delete, .link-add, .card-composante, .card-typecomposante, .card-role {
    cursor: pointer;
}

.link-save {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(~/../../images/save.ico);
    background-position: 50% 50%;
    background-size: 20px 20px;
    cursor: pointer;
}

.link-cancel {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(~/../../images/cancel.ico);
    background-position: 50% 50%;
    background-size: 20px 20px;
    cursor: pointer;
}

.status-incomplete,
.status-pending,
.status-confirmed,
.status-rejected,
.status-complete,
.status-selfproclaimed,
.status-createdbythirdparty,
.status-socan,
.status-validate,
.new-window-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 50%;
    background-size: 15px 15px;
}

.status-incomplete {
    background-image: url("../images/Iconographie/warning.png");
    width: 18px;
    height: 16px;
    background-size: 18px 16px;
}

.status-pending {
    background-image: url(~/../../images/pending-icon.png);
}

.status-confirmed {
    background-image: url(~/../../images/success-icon.png);
}

.status-rejected {
    background-image: url(~/../../images/rejected-icon.png);
}

.status-complete {
    background-image: url(~/../../images/complete-icon.png);
}

.status-selfproclaimed {
    background-image: url(~/../../images/self-proclaimed-icon.png);
}

.status-createdbythirdparty {
    background-image: url(~/../../images/created-by-third-party-icon.png);
}

.status-socan {
    background-image: url(~/../../images/catalogue.png);
}

.status-validate {
    background-image: url(~/../../images/validate.png);
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
}

.new-window-icon {
    background-image: url(~/../../images/new-window-icon.png);
    cursor: pointer;
    width: 10px !important;
    height: 10px !important;
    background-size: 10px 10px !important;
}

.invite-icon {
    background-image: url(~/../../images/invite-icon.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-position: 50% 50%;
    display: inline-block;
    vertical-align: bottom;
}

.search-icon {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("../images/loading-disc.gif");
    background-size: contain;
    left: 56%;
    top: 10.5%;
}

.search-section {
    display: inline-block;
    vertical-align: middle;
}

.border-bl-radius-10 {
    border-bottom-left-radius: 10px !important;
}

.border-br-radius-10 {
    border-bottom-right-radius: 10px !important;
}

.border-tl-radius-none {
    border-top-left-radius: 0px !important;
}

.border-tr-radius-none {
    border-top-right-radius: 0px !important;
}

.floating-inner-element {
    border: 1px solid rgba(59, 69, 255, 0.28);
    border-radius: 9px;
}

.disabled-element {
    background-color: var(--mm-light-gray);
    opacity: 0.3;
    pointer-events: none;
}

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

#InfoModalMessage {
    width: 90%;
    border: none;
    resize: none;
    margin-top: 5px;
    font-size: larger;
}

#LigneNum {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

/* ------------------- Spinner ------------- */
/* Adapted from : https://stackoverflow.com/questions/54993078/spinner-overlay-bootstrap-4-card-body-only-flex-alignment/54993111  */
.spinner {
    height: 60px;
    width: 60px;
    margin: auto;
    display: flex;
    position: absolute;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(59, 69, 255, .15);
    border-right: 6px solid rgba(59, 69, 255, .15);
    border-bottom: 6px solid rgba(59, 69, 255, .15);
    border-top: 6px solid rgba(59, 69, 255, .8);
    border-radius: 100%;
}

    .spinner.spinner-sm {
        height: 35px;
        width: 35px;
    }

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

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

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

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

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

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

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

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

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.spinner-panel {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 99999;
    cursor: pointer;
    border-radius: 9px;
    pointer-events: none;
}

/* ------------------- END Spinner ------------- */

.color-mm-grey {
    color: #999;
}

.color-mm-black {
    color: #101820 !important;
}

.accordion {
    font-size: 14px;
    vertical-align: -3px;
    color: var(--mm-purple);
}

.accordion:hover, 
.tools-chevron:hover {
    cursor: pointer;
}

.accordion-all {
    text-align: right !important;
}

.accordion-all-item {
    border: 0 !important;
    display: inline-flex;
}

.accordion-all-item-label {
    text-decoration: underline;
}

.accordion-section {
    margin: 0px auto;
}

.accordion-closed:after, .accordion-closed-manual:after {
    content: "▼";
    /* -- Rotate the same as opened to keep the same size of content -- */
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0;
    padding: 0;
    float:right;
}

.accordion-opened:after, .accordion-opened-manual:after {
    content: "▼";
    margin: 0;
    padding: 0;
    float: right;
}

.required:after {
    content: "*";
    color: var(--mm-purple);
    font-size: 14px;
}

.link-metamusique {
    color: var(--mm-purple);
    font-style: normal;
    text-decoration: none;
}

.link-metamusique:hover {
    color: black !important;
    cursor: pointer;
}

    .link-metamusique:visited {
        color: var(--mm-purple);
        font-style: normal;
        text-decoration: none;
    }

.duration-fields {
    display: flex;
}
/* ------------------- 
    Enlever les fleches pour augmenter/diminuer de numéro sur les inputs de type="number"
   ------------- */
/* 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;
}
/* -------------------------------- */

.paroles-dimensions {
    width: 100%;
    height: 129px;
    min-height: 129px;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #6C757D;
    border: 1px solid transparent;
}

.navbar-nav li:hover .dropdown-menu {
    display: block;
}

.dropdown-item:active {
    color: black !important;
    background-color: white !important;
}

.font-size-small {
    font-size: small;
}

.label-color-metamusique {
    color: var(--mm-purple);
}

.flex-grow-i {
    flex-grow: inherit !important;
    -webkit-flex-grow: inherit !important;
}

.w-90 {
    width: 90%;
}

.form-group .auto-search input[type="search"].form-control {
    padding-left: 2.1rem;
}


.form-group .auto-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.navbar-logo-mm { 
    padding-left: 30px;
    padding-bottom: 41px;
}

.input-group-prepend {
    width: 201px;
    height: 40px;
}


.icon-username {
    padding: 0rem 0rem 1rem 2rem;
}

.max-width-100{
    max-width: 100%
}

.search {
    position: relative;
    color: #aaa;
    font-size: 14px;
}

.search input {
    width: 512px;
    height: 40px; 
}

.search input {
    text-indent: 16px;
}

.search .fa-search {
    position: absolute;
    top: 0.8rem;
    left: 1rem;
    font-size: 14px;
}


.page-content {
    background: #F4F1EA;
    border-radius: 10px 0px 0px 0px;
    margin-left: var(--left-nav-size);
    padding: 50px var(--page-content-pe) 0px var(--page-content-ps);
}

.container {
    padding-left: 49px;
    padding-right: 30px;
}

.container-content {
    max-width: calc(100vw - var(--left-nav-size)) !important;
}

.header-container {
    margin-left: var(--left-nav-size);
}

.header-contents {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.donutchart-body, .lastactivities-body {
    margin: 10px;
    font-size: 14px;
}
.donutchart-title, .lastactivities-title {
    height: 28px
}
.donutchart-icon-text, .lastactivities-icon-text {
    display: flex;
    align-items: center;
}
 
.card-body-status {
    border-style: none !important;
    box-shadow: none !important;
    padding: 30px 30px 30px 30px;
}
 
 .donutchart-desc {
    height: 42px;
}

.bg-confirmed {
    background-color: var(--bs-blue-light);
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.bg-incomplete {
    background-color: var(--bs-orange);
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.bg-pendingInformation {
    background-color: var(--bs-purple);
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.bg-completed {
    background-color: var(--bs-green);
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.bg-rejected {
    background-color: var(--bs-danger);
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.bg-validate {
    background-color: #FFEA99;
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
}

.hidden-element{
    display:none;
}

.center {
    display: inline-flex;
    align-items: center; 
}

span.circle {
    background: transparent;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 6px; 
    display: flex;
    font-weight: bold;
    line-height: 40px; 
    text-align: center;
    min-width: 40px;
    color: white;
    border-color: white;
    border: solid;
    padding: 0px 3px 2px 0px;
    margin: 0px 12px 0px 12px;
}

.btn-ariane{
    padding: 4px 4px 4px 4px;
    background-color: white; 
}

.titre-creation {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden; 
    border-bottom: none;
    background-color: transparent;
    outline: none; 
    width: inherit;
}

.titre-creation::placeholder {
    color: var(--bs-secondary);
    opacity: 0.2;
}
 
.titre-creation::placeholder, .titre-creation {
    font-family: Spoof;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
}

.fullw-action-btns {
    position: fixed;
    bottom: 0px;
    width: calc(100vw - 25% - var(--left-nav-size) - 37px);
}

.fullw-action-btns {
    width: calc(100vw - var(--left-nav-size));
    padding: 1.25rem 3.05rem;
    left: var(--left-nav-size);
}

.headerTitle {
    border: none;
    background-color: transparent;
}

    .headerTitle:read-only, .headerTitle:disabled, headerTitle.disabled {
        color: var(--bs-black);
    }

.long-dropdown{
    max-height: 300px;
    overflow: scroll !important;
}
 
.navbar-vertical-side{
    width: var(--left-nav-size) !important;
    overflow-x: hidden;
}

.card.floating-card {
    border: 0;
    border-radius: 10px 10px;
}

    card.floating-card .floating-card-body {
        padding-bottom: inherit;
        border: none;
        box-shadow: none;
    }

.btn[aria-expanded="false"] .collapse-blurred-box {
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 90%);
    top: -8rem;
    left: -5px;
    width: 80vw;
    height: 6rem;
}

.w-sm-75 {
    width: 75%;
}

.centered-body .split-content .left-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(97vh - var(--header-size));
    max-height: calc(97vh - var(--header-size));
    border-radius: 10px;
}

.navbar-item .nav-link {
    display: inline-flex;
    justify-content: flex-start;
}

.navbar-toggleable-sm {
    margin-left: 30vw;
    margin-right: 30px;
    height: var(--header-size);
}

.rounded-pill{
    width:40vw;
    flex-wrap:inherit;
}

.top-13{
    top:13px;
}

.top-8 {
    top: 0px;
}

.nav-rechercheGlobale .nav-item.show .nav-link, .nav-rechercheGlobale .nav-link.active { 
    border-bottom: 3px solid #000;
}
 
.nav-rechercheGlobale .nav-link {
    background-color: #FFF; 
    color: #000;
    border-radius: 0;
}
.nav-rechercheGlobale .nav-link .badge {
    background-color: #F4F1EA;
    color: #000;
}

.nav-rechercheGlobale .nav-link.show .badge, .nav-rechercheGlobale .nav-link.active .badge {
    background-color: #3B45FF;
    color: #FFF;
}

.nav-rechercheGlobale{
    border-radius: 10px;
}
    .nav-rechercheGlobale .nav-item .nav-link span {
        white-space: nowrap;
    }

.text-wrapping {
    white-space: normal;
    word-break: break-all;
}

/* START: Validations */
.input-validation-error {
    background-color: var(--bs-warning);
}

.field-validation-error {
    top: 0.8rem;
    color: black !important;
}

    .field-validation-error::before {
        content: "";
        display: inline-block;
        width: 1.875rem;
        height: 1.675rem;
        background-size: 1.875rem 1.675rem;
        background-image: url("../images/Iconographie/warning.png");
        vertical-align: middle;
        margin-right: 0.5rem;
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
/* END: Validations */

/* BEGIN: Document (Politics & terms of use) */
.centered-body.document-layout {
    margin: 0 35rem;
    padding-top: 5rem;
}

    .centered-body.document-layout li {
        padding: 0 15px;
    }

.list-group-letters {
    list-style-type: lower-alpha;
}

.list-group-line {
    list-style: none;
}

    .list-group-line > li:before {
        content: "-";
        position: absolute;
        left: 0;
    }

.list-group-none {
    list-style: none;
    padding: 0;
}

    .list-group-none.space-between > li {
        margin: 1rem 0;
        padding: 0;
    }
/* END: Document (Politics & terms of use) */

/* BEGIN: Floatind cards */
.card.floating-card .card-body {
    padding: 25px;
}

.card-composante .card-header {
    background-color: transparent !important;
    border-bottom: none !important;
}

.card-composante .card {
    padding: 1rem;
}

.card-composante .card-header,
.card-composante .card-body,
.card-composante .card-footer {
    padding: 0.5rem 1rem !important;
}

.card-composante .card-footer {
    background-color: transparent !important;
    border-top: none !important;
}

.card-add {
    min-height: 45rem;
}

.card-add .card-body {
    flex: none;
    height: 50%;
}

button.CancelProduitComposante {
    border-width: inherit;
    background: none;
}

.composante-autre {
    background-color: var(--bs-orange);
}

.composante-pochette {
    background-color: var(--bs-purple);
}

.composante-support {
    background-color: var(--bs-green);
}
/* END: Floatind cards */

textarea.headerTitle {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    resize: none;
}

.action-btns-profile {
    position: fixed;
    bottom: 0px;
    width: calc(100vw - var(--left-nav-size) - 37px);
    z-index: 1;
}

/* START: Global notifications fixed at the bottom of the screen. */
#global-message {
    display: flex;
    position: fixed;
    top: 0;
    z-index: 2;
    flex-direction: column-reverse;
    width: calc(100% - var(--left-nav-size) - var(--page-content-ps) - var(--page-content-pe));
}
 
    #global-message .alert {
        width: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        max-width: 50%;
        z-index: 500;
        margin-left: auto;
        margin-right: auto;
    }
/* END: Global notifications fixed at the bottom of the screen. */

.min-card-height {
    min-height: 22rem;
}

.color-orangered {
    color: orangered;
}

.editComposante {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.input-date-icon {
    width: 4rem !important;
    height: 3rem !important;
}

.limited {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.readable-textarea {
    background-color: white !important;
    border: none;
    pointer-events: fill !important;
}

.tab-composante {
    border-bottom: 2px solid black !important;
    color: black;
    cursor: pointer;
    white-space: nowrap;
}
.tab-composante.show {
    color: #3B45FF;
    border-bottom: 2px solid #3B45FF !important;
}
.nav-tabs.nav-tabs-composante {
    border-bottom: none !important;
}

.link-accept, .link-reject {
    cursor: pointer;
}

.btn-tooltip-info {
    transform: translate(100%, -30%);
    overflow: hidden;
    margin-left: -2.2rem;
    width: fit-content;
    height: fit-content;
    z-index: 100;
}
.btn-tooltip-info .icon.infos {
    background-color: white;
}

.button_text {
    transition: all 0.2s;
}
.button:active {
    background: #007a63;
}
.button--loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.button--loading .button_text, .button--loading i {
    visibility: hidden;
    opacity: 0;
}

.w-fit-content {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
}

.justify-content-center {
    justify-content: center;
}

.b-0{
    bottom: 0 !important;
}

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

.box_input {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--bs-beige);
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-color: var(--bs-beige);
}

.box_input.drag-over-active {
    background-color: grey;
}

.box-file-text {
    background-color: var(--bs-beige);
    border: 1px solid var(--bs-beige);
    display: inline;
    width: 70%;
    border-radius: 10rem;
}

.box-file-text.drag-over-active {
    background-color: grey;
    border: 1px solid gray;
}

.default-btn-rd {
    border-radius: 10rem;
}

.tooltip .tooltip-inner {
    text-align: left;
}

.full-modal {
    width: 100vw;
    max-width: none;
    min-height: 100%;
    height: max-content;
    margin: 0;
}

    .full-modal .modal-content {
        min-height: 100vh;
        height: max-content;
    }

.min-w-max-content {
    min-width: max-content;
}