@font-face {
    font-family: Fieldwork;
    src: url(../../libs.fonts/Fieldwork/Fieldwork1GeoHair.otf);
    font-display: swap;
}

@font-face {
    font-family: FieldworkBold;
    src: url(../../libs.fonts/Fieldwork/Fieldwork7GeoLight.otf);
    font-display: swap;
}

html,body,h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, sans-serif;}

:root {
    --primary: #B4A11F;
    --appBgColor: #B4A11F;
    --appBgColor2: #E4DEB9;
    --appBgColor3: #BF1B22;
    --appColor: #ffffff;
    --appHeaderBgColor: #45453D;
    --appErrorColor: #DC4B3E;
    --appErrorColorTransparent: #ECC5BF;
    --appErrorColorTransparentSelected: #998480;
    --appSuccessColor: #0DC143;
    --appSuccessColorTransparent: #BAE8C3;
    --appSuccessColorTransparentSelected: #819984;
    --appGrayColor: #9F9F9F;
    --appWarningColorTransparent: #F0FBAD;
    --appWarningColorTransparentSelected: #A1A679;
    --levelTreatedBgColor: red;
    --accountTreated: rgba(130, 205, 193, 0.2);
    --terror: #F86C6B;
    --tsuccess: #1F7246;
    --tnormal: #20a8d8;
    --toast-text: #fff;
    --blue: #20a8d8;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #f86c6b;
    --orange: #f8cb00;
    --yellow: #ffc107;
    --green: #4dbd74;
    --teal: #20c997;
    --cyan: #63c2de;
    --white: #fff;
    --gray: #536c79;
    --gray-dark: #29363d;
    --blue: #20a8d8;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #f86c6b;
    --orange: #f8cb00;
    --yellow: #ffc107;
    --green: #4dbd74;
    --teal: #20c997;
    --cyan: #63c2de;
    --white: #fff;
    --gray: #536c79;
    --secondary: #a4b7c1;
    --success: #4dbd74;
    --info: #63c2de;
    --warning: #ffc107;
    --danger: #f86c6b;
    --light: #f0f3f5;
    --dark: #29363d;
    --blue: #20a8d8;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #f86c6b;
    --orange: #f8cb00;
    --yellow: #ffc107;
    --green: #4dbd74;
    --teal: #20c997;
    --cyan: #63c2de;
    --gray-100: #f0f3f5;
    --gray-200: #c2cfd6;
    --gray-300: #a4b7c1;
    --gray-400: #869fac;
    --gray-500: #678898;
    --gray-600: #536c79;
    --gray-700: #3e515b;
    --gray-800: #29363d;
    --gray-900: #151b1e;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.fa{ cursor: pointer; }
.fa.primary{ color: var(--primary); }

file-drop-zone{
    display: block;
    border: 2px dashed #8E8E8E;
    border-radius: 10px;
    width: 80vw;
    max-width: 480px;
    min-height: 250px;
    font-family: sans-serif;
    margin: 3% auto;
    padding: 20px;
    background-color: #E2E2E2;
}

file-drop-zone input[type="file"] {
    display: none;
}


file-drop-zone .button{
    padding: 5px;
    background-color: var(--appBgColor);
    color: var(--appColor);
    cursor: pointer;
}

file-drop-zone.highlight {
    border: 4px dashed var(--appBgColor);
}

.import-file-options{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    height: auto;
    gap: 10px;
}

ul.import-file-options{
    justify-content: center;
}

.import-file-options li{
    display: block;
    list-style: none;
    padding: 2px 5px 2px 5px;
    background-color: var(--appBgColor);
    color: var(--appColor);
    border-radius: 10px;
    /* box-shadow: 1px 1px 2px 1px #7C7E8B; */
    cursor: pointer;
}

.cellCenterText{
    text-align: center !important;
}

.cellCapitalize{
    text-transform: capitalize !important;
}

.cellUpperCase{
    text-transform: uppercase !important;
}

.quantiteStockAlert {
    background-color: #FCCECD !important;
}
.quantiteStockNormal {
    background-color: rgba(60, 138, 126, 0.3) !important;
}
.quantiteStockNA {
    background-color: rgba(135, 132, 140, 0.2) !important;
}

.statutDatePeremptionAlertOff{
    background-color: #FCCECD !important;
}
.statutDatePeremptionAlertNear{
    background-color: yellow !important;
}

.cell-yellow-background{
    background-color: yellow !important;
    text-transform: capitalize !important;
}

select.form-control {
    color: black !important;
}


.md-toast-content {
    display: block !important;
    /* width: 500px !important; */
    max-width: 500px !important;
    white-space: nowrap !important;
    overflow: hidden !important; 
    text-overflow: ellipsis !important;
    height: 50px;
    line-height: 50px;
}
.md-toast-content .fa{
    font-size: 1.8em;
    float: left;
    margin-top: 11px;
}

md-autocomplete[is-disabled="true"] button[aria-label="Clear Input"] {
    display: none !important;
}

.form-group {
    margin-top: 25px;
}

.errors-table{
    width: 100%;
    border: solid 1px white;
}

.errors-table td,th{
    border: solid 1px white;
    width: fit-content!important;
}

#body{
    position: absolute; 
    z-index: 0; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
}

.search-container input {
    text-transform: uppercase !important;
}