/* ************************************************ */
/* ************************************************ */
/*       NE PAS TOUCHER AU FICHIER oxaproc.CSS      */
/* le fichier est écrasé a chaque mise a jours scss */
/* ************************************************ */
/* ************************************************ */

:root {
    --color-bg-default: #FEFEFE;
    --main-color-full: black;
    --main-color-grey1: #7C7C7C;
    --main-color-grey2: #E4E4E4;
    --main-color-grey3: #F7F7F7;
    // si changement de la couleur, il faut changer la couleur des icone : Global/add.svg, Misc/cross.png, Misc/moins.png
    --main-color-blue: #215ba4; //#3377cb // #0058cc
    --main-color-blue-hover: #1174ef;

    --color-pagination-primary: #337ab7;
    --color-pagination-active: #23527c;
    --color-pagination-hover: #f8f8f8;
    --color-ariane-disabled: var(--main-color-grey1); //#b6b6b6;
    --color-input-color: #555555;
    --color-input-border: #7C7C7C;
    --color-input-border-disabled: #CCC;
    --color-input-option-hover: #E1E1E1;
    --color-input-bg: #FEFEFE;
    --color-menuprofile-btn: #F7F7F7;
    --color-menuprofile-btn-hover: #E4E4E4;
    --color-menuprofile-border: #E4E4E4;
    --color-menuprofile-hover: rgba(74, 85, 107, 0.06);
    --box-shadow : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    --box-shadow2 : rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    --color-text-default: #FEFEFE;
    --color-text-light: #FFF;


    // Following var are inserted by php (see src/TwigExtension/OutilExtension.php)
    //--main-color-client1
    //--main-color-client2 // TODO : is it still used ? if yes then add to .hight-contrast-mode
    //--main-color-opac15 // TODO : is it still used ? if yes then add to .hight-contrast-mode
    //--main-color-opac25 // TODO : is it still used ? if yes then add to .hight-contrast-mode
    --error : #FD0D0D; /* old value #d01944*/

    --warning : #FF6B3D;
    --info : #2B7de2;
    --success : #5BB5AD;
    --good : #39b54a;
    --bad : var(--error);
    --error-opac15: #fd0d0dbf; 
    --warning-opac15: #ff6a3dbf;
    --info-opac15: #2B7de2;
    --success-opac15: #5BB5AD;
    --good-opac15: #39b54abf;

    font-size: 12px;
    // DEPRECATED Font size
    --fs-32: 1.916rem;
    --fs-23: 1.916rem;
    --fs-21: 1.75rem;
    --fs-18: 1.5rem;
    --fs-16: 1.325rem;
    --fs-15: 1.25rem;
    --fs-14: 1.167rem;
    --fs-11: 0.917rem;
    --fs-10: 0.833rem;

    // Font size
    --fs-ari-tab: 1.167rem;
    --fs-icon: 1.5rem;
    --fs-base: 1rem;
    --fs-btn-notif-count: 0.666rem;

    --space-large: 40px;
    --space-big: 25px;
    --space-base: 15px;
    --space-small: 10px;
    --space-tiny: 5px;
    --space-auto: auto;
    --space-0: 0;
}


/********** Global ********/
@import 'global';

/********** Component ********/
@import 'Component/typo';
@import 'Component/spacer';
@import 'Component/grid';
@import 'Component/animation';
@import 'Component/form';
@import 'Component/input';
@import 'Component/highcharts';
@import 'Component/flex';


/********** Section ********/
@import 'Section/accessibility';
@import 'Section/layout';
@import 'Section/menuTop';
@import 'Section/menuLeft';
@import 'Section/menuProfile';

/********** Tableau ********/
@import 'tableau';

/********** Ariane ********/
@import 'ariane';

/********** menu contextuel ********/
@import 'menuContextuel';

/********** Popup ********/
@import 'popup';

/********** Notification ********/
@import 'notification'; 

/********** Icones ********/
@import 'icones';

/********** doubleListe ********/
@import 'doubleListe';

/********** tooltips ********/
@import 'tooltips';

/********** button ********/
@import 'button';

/********** pagination ********/
@import 'pagination';

/********** media ********/
@import 'media';

/********** utils ********/
@import 'utils';

/********** --- ********/

/********** Module - consultation ********/
@import 'Modules/consultation';

/********** Module - fournisseur ********/
@import 'Modules/fournisseur';

/********** Module - etatStatistique ********/
@import 'Modules/etatStatistique';

/********** Module - facture ********/
@import 'Modules/facture';

/********** Module - index 55451 ********/
@import 'Modules/index';

/********** Module - projetAchat ********/
@import 'Modules/projetAchat';

/********** Module - contrat ********/
@import 'Modules/contrat';

/********** Module - collecteDesBesoins ********/
@import 'Modules/collecteDesBesoins';

/********** Module - Evaluation ********/
@import 'Modules/evaluation';

/********** Module - Utilisateur ********/
@import 'Modules/utilisateur';

/********** Module - recherche Articles ********/
@import 'Modules/rechercheArticles';

/********** Module - Parametre ********/
@import 'Modules/parametre';

/********** Module - Suivi ********/
@import 'Modules/suivi';
/********** Module - Workflow ********/
@import 'Modules/workflow';
/********** Module - Parametre ********/
@import 'Modules/api';

/********** Module - Panier ********/
@import 'Modules/panier';
@import 'Modules/budget';

/** Modules - Catalogue **/
@import 'Modules/catalogue';

/** Modules - Stock **/
@import "Modules/stock";
