/* 
In other css files, vscode will display the color values 
of the last declared theme in this file 
*/

:root.dark {

/* text colors */
--txt-color3: #a7a7a7;  /* lateral nav 1st menu, forms */
--txt-color4:  #7486eb; /* .btn.btn-text-dark */
--txt-color13: #5846a7; /* top nav icons */
--txt-color14: #a7a7a7; /* some text */
--txt-color21: #007bff; /* A */
--txt-color22: #3699ff; /* A:hover */
--txt-color27: #c1c1c1; /* card title, modal .close X */
--txt-color28: #2eb7b0;
--txt-color29: #f3b02e; /* revision */
--txt-color46: #c1c1c1; /* swal title */
--txt-color53: #c1c1c1; /* tooltip */
--txt-color67: #3699ff; /* .alert-blue */
--txt-color71: #382958; /* widget_fgblue */
--txt-color88: #f27474; /* card title a */
--txt-color90: #4978a6; /* .dropdown-item */
--txt-color91: #fff;    /* .text-dark */
--txt-color92: #8ca8c5; /* form-control */
--txt-color95: #a7a7a7; /* btn-white:hover */
--txt-color98: #Fa7070;
--txt-color99:#eb4d4b; /* rouge non dispo */
--txt-color100: #a7a7a7; /*  */
--txt-color105:#6ab04c; /* vert dispo */
--txt-color106: #e78e98; /* .alert-red */   

/* background colors */
--bkg-color1: #0f0f0f; /* lateral nav, top nav, path bar */
--bkg-color5: #1c1c1c; /* graycard/widget rounded border effect */
--bkg-color8: #222222; /* category nav buttons */
--bkg-color9: #090909; /* category nav (under path nav) */
--bkg-color12: #222222; /* form input .form-control .grey-button-arrow */
--bkg-color14: #1c2632; /* sliders */
--bkg-color15: #181818; /* .button-default:hover */
--bkg-color16: #333333; /* badge-inactive */
--bkg-color21: #040404; /* background */
--bkg-color28: #24262C; /* .container-fluid, .newTable tr.newTable-tr:hover, .text-en-gris */
--bkg-color30: #222222; /* select, text area */
--bkg-color33: #222222; /* for highlighted label */ 
--bkg-color31: #252525; /* .table-striped */
--bkg-color41: #333333; /* .grey-button-arrow:hover */
--bkg-color42: #252525; /* top searchbar */
--bkg-color45: #181818; /* .bootstrap-select .no-results */
--bkg-color59: #171717; /* card header, card body, .modal-content */
--bkg-color60: #561b1b; /* .alert-red */
--bkg-color61: #252525; /* stats-participations */
--bkg-color66: #283c41; /* dropdown categorie */
--bkg-color71: #303030; /* .label.label-key */
--bkg-color72: #1c2632; /* table.new-table tbody tr:hover */
--bkg-color77: #252525; /* .stats-activites, .alert-orange */
--bkg-color79: #252525; /* .alert-blue */
--bkg-color80: #252525; /* .alert-green-apple */
--bkg-color81: #252525; /* .stats-members, .alert-violet */
--bkg-color82: #252525; /* .alert-grey */
--bkg-color89: #252525; /* stats-dispos */
--bkg-color95: #1c1c1c; /* non-installed addons background */
--bkg-color107: #171717; /* .infos-principal-title, .dopdow-menu bkg */
--bkg-color108: #171717; /* graycard/widget */
--bkg-color109: #252525; /* profile dropdown-menu item hover*/
--bkg-color110: #222222; /* chart background */
--bkg-color111: #222222; /* .newTable .week, default color */
--bkg-color112: #586d5f; /* .newTable .week_end */
--bkg-color113: #333d3c; /* .newTable .widget_bggreen */
--bkg-color114: #caa7ff; /* .newTable .widget_bgblue */
--bkg-color115: #383632; /* .newTable .widget_bgorange */
--bkg-color116: rgba(255, 255, 255, 0.025); /* .dropdown-item.option-ebrigade.active.selected */
--bkg-color117: rgba(0, 0, 0, 0.2);  /* .dropdown-item.option-ebrigade */
--bkg-color119: #252525; /* name='btGo' */
--bkg-color127: #252525; /* table border */
--bkg-color128: #222222; /* input-group-text ombre_btn */
--bkg-color134: #f7dada;
--bkg-color135: #171717; /* conteneurTabSignature */
--bkg-color136: #171717; /* conteneurTabSignature > div */
--bkg-color137: #252525; /* #dessinSignature */
--bkg-color139: #2d2d2d;
--bkg-color142: #a7a7a7; /* calendar */
--bkg-color143: #333; 

/* border colors */
--bor-color1: #c1c1c1;  /* .border */
--bor-color2: #c1c1c1;  /* tooltip */
--bor-color4: #3c3c3c;  /* top nav bottom */
--bor-color6: #3c3c3c;  
--bor-color9: #11131A;
--bor-color14: #1c1c1c; /* form input */
--bor-color17: #3c3c3c; /* lateral nav close button */
--bor-color18: #252525; /* .nav-tabs .nav-link bottom */
--bor-color29: #3c3c3c;
--bor-color30: grey;    /* .dropdown-divider2 */
--bor-color32: #3c3c3c; /* category nav bottom, .modal-header .nav-link */
--bor-color42: #0f0f0f; /* .text-en-gris */
--bor-color44: #171717; /* Consignes op�rationnelles icons background */
--bor-color49: #171717; /* border conteneurBoutonSignature */
--bor-color50: #a7a7a7; /* border signature tab active */ 
/* shadow colors */
--sha-color9: black; /* modal buttons */
--sha-color10: rgba(0, 0, 0, 0.7); /* .btn */

/* images */
--no-result-img: url(./images/Aucun_resultat2.png);
--crm-dashboard-img: url(./modules/accesclient/images/crm_dashboard_sombre.jpg);

/* TODO 
Move or remove inline styles in the appropriate style sheet 
*/
}

:root,
:root.light {

/* text colors */
--txt-color1: #fff;
--txt-color2: transparent;
--txt-color3: #3f4254;
--txt-color4: #181c32;
--txt-color5: #b5b5c3;
--txt-color6: #d20019;
--txt-color7: red;
--txt-color8: #5E6278;
--txt-color9: #7E8299;
--txt-color10: #666666;
--txt-color11: #fa7070;
--txt-color12: #c2c2cd;
--txt-color13: #342c57;
--txt-color14: #303030; /* $mydarkcolor; */
--txt-color15: #808080;
--txt-color16: #b19595;
--txt-color17: green;
--txt-color18: #003399;
--txt-color19: #004d4d;
--txt-color20: #3d3d5c;
--txt-color21: #007bff;
--txt-color22: #777;
--txt-color23: purple;
--txt-color24: #3699ff;
--txt-color25: #7e8299;
--txt-color26: #2196F3;
--txt-color27: black;
--txt-color28: #107873; /* $widget_fggreen */
--txt-color29: #f3b02e;
--txt-color30: #171717;
--txt-color31: #F1F1F1;
--txt-color32: yellow;
--txt-color33: orange;
--txt-color34: #6c7293;
--txt-color35: #EF6F00;
--txt-color36: #005300;
--txt-color37: #009999;
--txt-color38: #e67300;
--txt-color39: #666699;
--txt-color40: blue;
--txt-color41: #C00000;
--txt-color42: #000080;
--txt-color43: #999;
--txt-color44: #444;
--txt-color45: #B5B5C3;
--txt-color46: #595959;
--txt-color47: #545454;
--txt-color48: #cccccc;
--txt-color49: #f27474;
--txt-color50: #f8bb86;
--txt-color51: #87adbd;
--txt-color52: #a5dc86;
--txt-color53: #555555;
--txt-color54: #127873;
--txt-color55: #8A8A8A;
--txt-color56: #F6A94E;
--txt-color57: #592a6c;
--txt-color58: #6d5e17;
--txt-color59: #116073;
--txt-color60: #AE704B;
--txt-color61: #936CA0;
--txt-color62: #436349;
--txt-color63: #696b42;
--txt-color64: #A9A9A9;
--txt-color65: #717171;
--txt-color66: #e0eaff;
--txt-color67: #113ad9bf;
--txt-color68: #2b7c11;
--txt-color69: #663cbc;
--txt-color70: #ff0066;
--txt-color71: #7556b6;
--txt-color72: #D98880;
--txt-color73: #77a0fd;
--txt-color74: #868686;
--txt-color75: #a0b0c1;
--txt-color76: #46BA48;
--txt-color77: #BA4646;
--txt-color78: #0c5460;
--txt-color79: #d1d3e0;
--txt-color80: #6a6ad9;
--txt-color81: #b1b1b1;
--txt-color82: #a1a5b7;
--txt-color83: #575252;
--txt-color84: #333;
--txt-color85: #A6A6A6;
--txt-color86: #545454;
--txt-color87: #3F4254;
--txt-color88: black;
--txt-color89: #2b224f;
--txt-color90: #212529;
--txt-color91: #343a40;
--txt-color92: #495057;
--txt-color93: #0056b3;
--txt-color94: #6c757d;
--txt-color95: #212529;
--txt-color96: #fd7e14;
--txt-color97: #365be3;
--txt-color98: #FFFFFF;
--txt-color99: red;
--txt-color100: #3996ed; /*  */
--txt-color101: #007bff; 
--txt-color102: #000000;
--txt-color103: #f64e60;
--txt-color104: #d9a300; /* remplace txt-color29 sur certaines icones */
--txt-color105:#6ab04c; /* vert dispo */
--txt-color106: #d20b20; /* .alert-red */
--txt-color107: #996400;



/* background colors */
--bkg-color1: #fff;
--bkg-color2: transparent;
--bkg-color3: rgba(0, 0, 0, 0.5);
--bkg-color4: #dddddd;
--bkg-color5: #F1F1F1;
--bkg-color6: #ECECEC;
--bkg-color7: #DADADA;
--bkg-color8: #3699ff;
--bkg-color9: #f8f8f9;
--bkg-color10: rgba(168,209,240,0.2);
--bkg-color11: rgba(209,209,240,0.2);
--bkg-color12: #f3f6f9;
--bkg-color13: #fafafa;
--bkg-color14: #1875d8;
--bkg-color15: #Fa7070;
--bkg-color16: #CCCCCC;
--bkg-color17: #666666;
--bkg-color18: #ff6600;
--bkg-color19: yellow;
--bkg-color20: red;
--bkg-color21: black;
--bkg-color22: blue;
--bkg-color23: green;
--bkg-color24: purple;
--bkg-color25: orange;
--bkg-color26: #303030;
--bkg-color27: rgba(255, 0, 0, 0.85);
--bkg-color28: #eef0f8;
--bkg-color29: #FCF3CF;
--bkg-color30: #F8F8F8;
--bkg-color31: #f8f9fa;/* .table-striped */
--bkg-color32: #181c32;
--bkg-color33: #e1f0ff;
--bkg-color34: rgba(27, 197, 189, 0.671);
--bkg-color35: #1bc5bd;
--bkg-color36: #324bb0;
--bkg-color37: #ffa800;
--bkg-color38: #ee9d01;
--bkg-color39: #C6C6C6;
--bkg-color40: #FAFAFAFA;
--bkg-color41: #e4e6ef;
--bkg-color42: #f8f4fc;
--bkg-color43: grey;
--bkg-color44: #000080;
--bkg-color45: #f5f5f5;
--bkg-color46: rgba(0,0,0,0.3);
--bkg-color47: #d78f00;
--bkg-color48: #0bb7af;
--bkg-color49: #f3283e;
--bkg-color50: rgba(0, 0, 0, 0.4);
--bkg-color51: rgba(0, 0, 0, 0.1);
--bkg-color52: rgba(0, 0, 0, 0.2);
--bkg-color53: #3085d6;
--bkg-color54: #aaa;
--bkg-color55: #f0f0f0;
--bkg-color56: #f27474;
--bkg-color57: #a5dc86;
--bkg-color58: #add8e6;
--bkg-color59: #fffffffa;
--bkg-color60: #ffe2e5;
--bkg-color61: #c9f7f5;
--bkg-color62: #D3D3D3;
--bkg-color63: #FFF2E2;
--bkg-color64: #C19ED0;
--bkg-color65: #ECD8A3;
--bkg-color66: #9AD9E9;
--bkg-color67: #DCCFBF;
--bkg-color68: #DCBFDC;
--bkg-color69: #BFDCCD;
--bkg-color70: #F1EACD;
--bkg-color71: #f2f2f2;
--bkg-color72: #EEEEEE;
--bkg-color73: #cbcbff;
--bkg-color74: #b8b8ff;
--bkg-color75: #2196F3;
--bkg-color76: #f8d7da;
--bkg-color77: #fff4de;
--bkg-color78: #77a0fd;
--bkg-color79: #77a0fda8;
--bkg-color80: #d7f9d3;
--bkg-color81: #eee5ff;
--bkg-color82: #ededed;
--bkg-color83: #ff016114;
--bkg-color84: #ffa500b5;
--bkg-color85: #008000ad;
--bkg-color86: #3699FF;
--bkg-color87: #ebedf3;
--bkg-color88: #FADBD8;
--bkg-color89: #e0eaff;
--bkg-color90: #f9f9f9;
--bkg-color91: #868686;
--bkg-color92: #E4E4E4;
--bkg-color93: #a0b0c1;
--bkg-color94: rgba(255, 255, 255, 0.7);
--bkg-color95: #e7e2e2;
--bkg-color96: #AAE4AB;
--bkg-color97: #E4AAAA;
--bkg-color98: #d1ecf1;
--bkg-color99: #187de4;
--bkg-color100: #a2d0ff;
--bkg-color101: #2ba805;
--bkg-color102: #49e819;
--bkg-color103: #c9f7f5;
--bkg-color104: #93d3a2;
--bkg-color105: #ffb01f;
--bkg-color106: #ed9aa2;
--bkg-color107: #fff;
--bkg-color108: #fff;
--bkg-color109: #e9ecef;
--bkg-color110: #fff;
--bkg-color111: #f5f4f6;
--bkg-color112: #D0FFE0;
--bkg-color113: #c9f7f5;
--bkg-color114: #eee5ff;
--bkg-color115: #fff4de;
--bkg-color116: rgba(255, 192, 192, 0.2);
--bkg-color117: rgba(255, 204, 51, 0.2);
--bkg-color118: #3F4254;
--bkg-color119: #fff;
--bkg-color120: #a377fd;
--bkg-color121: #f64e60; /* $widget_fgred */
--bkg-color122: #0000;
--bkg-color123: #33ce29;
--bkg-color124: #4562f5;
--bkg-color125: #88908b;
--bkg-color126: F1F1F1F1;
--bkg-color127: #BEBEBE;
--bkg-color128: #edeff7;
--bkg-color129: #Fa7070;
--bkg-color130: #28a745;
--bkg-color131: #218838;
--bkg-color132: #dc3545;
--bkg-color133: #c82333;
--bkg-color134: #ffe9e9;
--bkg-color135: #f2f5f7; /* #conteneurTabSignature */
--bkg-color136: white;   /* #conteneurTabSignature > div , #conteneurTypeSignature*/
--bkg-color137: #f2f5f7; /* #dessinSignature */
--bkg-color138: #fff4de;
--bkg-color139: #e9ecef;
--bkg-color140: #1875d8;
--bkg-color141: #ffe2e5;
--bkg-color142: #ffe9e9; /* calendar */
--bkg-color143: #dcd1ba; 

/* border colors */
--bor-color1: #eee;
--bor-color2: rgb(255,255,255);
--bor-color3: transparent;
--bor-color4: #ebedf3; /* rgb(235, 237, 243); */
--bor-color5: black;
--bor-color6: #FA7070;
--bor-color7: #666;
--bor-color8: #D8D8D8;
--bor-color9: #E4E6EF;
--bor-color10: #818181;
--bor-color11: #2196f3;
--bor-color12: #303030;
--bor-color13: #181c32;
--bor-color14: #f3f6f9;
--bor-color15: #000080;
--bor-color16: #999;
--bor-color17: #D8D7D8;
--bor-color18: #3699FF;
--bor-color19: #D5D5D5;
--bor-color20: #a5dc86;
--bor-color21: #d9d9d9;
--bor-color22: #f27474;
--bor-color23: #b4dbed;
--bor-color24: #facea8;
--bor-color25: #007bff;
--bor-color26: #c9dae1;
--bor-color27: rgba(165, 220, 134, 0.3);
--bor-color28: rgba(50, 100, 150, 0.4);
--bor-color29: #E6E6E6;
--bor-color30: #dbdbdb;
--bor-color31: #f5c6cb;
--bor-color32: #dee2e6;
--bor-color33: #B5B5C3;
--bor-color34: #5f6368;
--bor-color35: red;
--bor-color36: #187de4;
--bor-color37: #e9ecef;
--bor-color38: #aaa;
--bor-color39: #bce7c6;
--bor-color40: #70c684;
--bor-color41: #ebedf3d1;
--bor-color42: #eef0f8;
--bor-color43: #6868b9;
--bor-color44: #fff;
--bor-color45: #28a745;
--bor-color46: #1e7e34;
--bor-color47: #dc3545;
--bor-color48: #bd2130;
--bor-color49: #e3e5e7 ; /* border conteneurBoutonSignature */
--bor-color50: #3996ed; /* border signature tab active */ 


/* shadow colors */
--sha-color1: rgba(0, 0, 0, 0.5);
--sha-color2: rgba(24,28,50,.25);
--sha-color3: rgba(0,0,0,.075);
--sha-color4: rgba(82, 63, 105, 0.08);
--sha-color5: rgba(0,0,0,0.3);
--sha-color6: #FA7070;
--sha-color7: rgba(82,63,105,.05);
--sha-color8: #719ECE;
--sha-color9: grey;
--sha-color10: rgba(0, 0, 0, .15);
--sha-color11: #d9d9d9;
--sha-color12: #fff;
--sha-color13: rgba(50, 100, 150, 0.4);
--sha-color14: rgba(0, 0, 0, 0.06);
--sha-color15: #f27474;
--sha-color16: #c4e6f5;
--sha-color17: rgba(0, 0, 0, 0.4);
--sha-color18: #342c57;
--sha-color19: #f64e60; 
--sha-color20: rgba(232, 76, 61, 0);
--sha-color21: #2196F3;
--sha-color22: rgba(0,0,0,0.2);
--sha-color23: #ebedf3;
--sha-color24: rgba(82,63,105,.05);
--sha-color25: rgb(0 0 0 / 6%);
--sha-color26: rgb(0 0 0 / 16%);
--sha-color27: #2ba805;
--sha-color28: #49e819;
--sha-color29: #999999;

/* fill colors */
--fil-color1: #fff;

/* images */
--no-result-img: url(./images/aucun_resultat2.png);
--crm-dashboard-img: url(./modules/accesclient/images/crm_dashboard.jpg);
}