:root {
    --primary: #F79492;
    --primary-dark: rgb(217, 118, 116);
    --primary-70: rgba(247, 148, 146, .7);
    --primary-50: rgba(86, 101, 239, .5);
    --primary-30: rgba(247, 148, 146, .3);
    --primary-10: rgba(247, 148, 146, .1);
    --logo: #FFF;
    --sidebar-icon: rgba(255, 255, 255, 0.9);
    --bleu-EAI-1: #5665EF;
    --bleu-EAI-2: #8991dc;
    --bleu-EDI-2: #686BAF;
    --bleu-imperial: #1D1465;
    --rouge: #F86860;

    --transparent: transparent;
    --black: #22292f;
    --white: #fff;
    --white-50: hsla(0, 0%, 100%, .5);
    --danger: #e74444;
    --success: #21b978;
    --warning: #ffeb3b;
    --info: #03a9f4;
    --20: #f6fbff;
    --30: #f4f7fa;
    --40: #eef1f4;
    --50: #e3e7eb;
    --60: #bacad6;
    --70: #b3b9bf;
    --80: #3C3C3B;
    --90: #3C3C3B;
    --90-half: rgba(60, 60, 59, .5);
    --warning-light: #fff382;
    --warning-dark: #684f1d;
    --success-light: #c6f6d5;
    --success-dark: #38a169;
    --danger-light: #fed7d7;
    --danger-dark: #e53e3e;
    --info-light: #bee3f8;
    --info-dark: #3182ce;
    --bg-blue: rgba(125, 142, 239, 0.24);

    --tenor-color-primary : #164194;
    --tenor-color-link : #3f78b8;
    --tenor-color-link-active : #0b4ca4;
    --tenor-color-btn : #1990cf;
}

html {
    border: none !important;
}

.font-bold {
    font-weight: 600;
}

.py-view {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    /*padding-bottom: 3.125rem;    VERY OLD VALUE*/
}

.card {
    background-color: var(--white);
    -webkit-box-shadow: -1px 5px 4px 0 rgb(0 0 0 / 5%);
    box-shadow: -1px 5px 4px 0 rgb(0 0 0 / 5%);
    border-radius: .5rem;
}

.pt-header {
    padding-top: 5.25rem;
}

svg .cls-1 {
    fill: #1d1465 !important;
}

svg .cls-2 {
    fill: var(--rouge) !important;
}

.font-sans, input {
    font-family: Barlow, Nunito, system-ui, BlinkMacSystemFont, -apple-system, sans-serif;
    letter-spacing: 0.05em;
}

.font-normal {
    font-size: 16px;
    line-height: 20px;
}

.text-base {
    font-size: 16px;
}

.text-2xl {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}

.text-sm {
    font-size: 16px;
}

button.text-xs, select.text-xs {
    color: var(--80);
}

select.text-xs option {
    color: var(-90)
}

.text-xs {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.5);
}

h3.flex.items-center.font-normal.text-white.mb-3.text-base.no-underline {
    color: rgba(255, 255, 255, 0.9);
}

[dusk$="-resource-link"] {
    font-size: 15px;
}

.font-medium, .font-normal {
    font-weight: 400;
}

ul.list-reset.mb-8 {
    margin-bottom: 1rem;
}

.leading-tight {
    line-height: 24px;
}

.btn-primary {
    background: var(--tenor-color-btn);
    color: var(--white);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.rounded {
    border-radius: .5rem;
}

[dusk$="index-component"] .v-popover:not([dusk="select-all-dropdown"]) button .dropdown-trigger {
    background: var(--tenor-color-btn);
    color: white;
    border-radius: .5rem;
    border: 0px;
}

[dusk$="index-component"] .v-popover:not([dusk="select-all-dropdown"]) button h3 {
    color: white;
}

[dusk$="index-component"] .v-popover:not([dusk="select-all-dropdown"]) button .dropdown-trigger svg,
[dusk$="index-component"] .v-popover:not([dusk="select-all-dropdown"]) button .dropdown-trigger svg path {
    fill: var(--white);
    max-height: 15px;
}

.text-primary {
    color: var(--tenor-color-link);
}

.text-primary:hover{
    color: var(--tenor-color-link-active);
}

.bg-logo {
    z-index: 20;
    text-align: center;
    -webkit-box-shadow: -4px 6px 4px 0 rgba(0 0 0 / 5%);
    box-shadow: -4px 6px 4px 0 rgba(0 0 0 / 5%);
}

.h-header {
    height: 4rem;
}

.bg-grad-sidebar {
    background: var(--tenor-color-primary);
}

.router-link-active .indicator{
    background: var(--tenor-color-btn) !important;
}

.btn-primary:not([disabled]):not(.btn-disabled):hover{
    background: var(--tenor-color-link-active);
}

.btn-outline{
    color: var(--tenor-color-link);
    border-color: var(--tenor-color-link);
}

.btn-outline:hover{
    color : var(--tenor-color-link-active);
    border-color : var(--tenor-color-link-active);
}

a[dusk=edit-resource-button] {
    background: var(--tenor-color-btn) !important;
}

.form-global-search, .form-search {
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    border-radius: 6px;
    padding-bottom: 4px;
    font-size: 14px;
}

[dusk="global-search-component"] svg, [dusk$="index-component"] svg.search-icon-center {
    height: 12px;
    width: 12px;
    top: 12px;
    left: 8px;
}

a[dusk=edit-resource-button] {
    padding: 7px;
    width: 35px;
    height: 35px;
    left: 20px;
    top: 156px;
    border-radius: 8px;
    color: white;
    background: linear-gradient(
        180deg, #7D8EEF 0%, var(--bleu-EAI-1) 100%);
}

button[dusk=open-delete-modal-button] {
    padding: 7px;
    width: 35px;
    height: 35px;
    left: 20px;
    top: 156px;
    border-radius: 8px;
    color: white;
    background: var(--rouge);
}

button.btn.btn-default.btn-icon.btn-white.mr-3 svg {
    color: white;
}

[dusk$="-edit-button"], [dusk$="-view-button"], .checkbox, .btn-link {
    color: var(--tenor-color-link);
}

[dusk$="-edit-button"]:hover, [dusk$="-view-button"]:hover, .checkbox:hover, .btn-link:hover {
    color: var(--tenor-color-link-active);
}

[dusk$="-delete-button"] {
    color: var(--rouge);
}

[dusk^="dashboard-"] > h1 {
    display: none;
}


p.mt-8.text-center.text-xs.text-80 {
    color: var(--80);
}

.height-auto {
    height: auto;
!important;
}

.vs__open-indicator {
    fill: rgb(15 59 183 / 50%) !important;
}

.user-dropdown .dropdown-trigger.h-dropdown-trigger span {
    padding: 0 0.5rem;
}

.user-dropdown .dropdown-trigger{
    padding: 0 0.3rem;
}

.user-dropdown svg path {
    fill: var(--bleu-EAI-1) !important;
}

canvas#bar-chart {
    margin-top: 15px;
}

.chart-choice {
    bottom: 10px !important;
}

[data-trix-dialog="variable"] {
    max-height: 320px;
    width: 115%;
}

.flatpickr-input[readonly] {
    cursor: pointer !important;
}

.detail-facture > .relative:not(.overflow-hidden) {
    display: flex;
    flex-flow: wrap;
}

/*[dusk^='doc-fichier-'][dusk$="detail-component"]:nth-child(2),*/
[dusk^='doc-fichier-'][dusk$="detail-component"]:last-child {
    width: 100%;
    padding: 1rem;
}

[dusk^='doc-fichier-'][dusk$="detail-component"] {
    width: 50%;
    padding: 1rem;
}

.detail-facture > .relative > div:nth-child(2):not(.mb-8) {
    display: block;
    width: 100%;
    height: 90px;
}

[dusk^='doc-fichier-'] [dusk="delete-menu"] {
    display: none;
}

[dusk^='doc-fichier-'][dusk$="detail-component"] > div > .flex {
    flex-wrap: wrap;
}

[dusk^='doc-fichier-'][dusk$="detail-component"] > div > .flex > .flex {
    margin-left: 0;
    margin-top: 10px;
}

[dusk^='doc-fichier-'][dusk$="detail-component"] > div > .flex > .flex div:nth-child(2) {
    margin-left: 0;
}

#Calque_1 .cls-1 {
    fill: #3C3c3B !important;
}



