:root {
    --ecs-primary: var(--icons-color);
}

.text-1 {font-size: .8em !important;}
.text-2 {font-size: .9em !important;}
.text-3 {font-size: 1em !important;}
.text-4 {font-size: 1.2em !important;}
.text-5 {font-size: 1.5em !important;}

.font-monospace {font-family: monospace !important;}

.white-space-nowrap {white-space: nowrap !important;}

.color-ecs-primary {color: var(--ecs-primary) !important;}
.color-ecs-muted {color: var(--ecs-muted-color) !important;}
.color-white {color: white !important;}
.color-silver {color: silver !important;}
.color-grey {color: #777 !important;}
.color-444 {color: #444 !important;}
.color-777 {color: #777 !important;}
.color-999 {color: #999 !important;}
.color-eee {color: #eee !important;}
.color-green {color: #009200 !important;}
.color-chocolate {color: chocolate !important;}
.color-red {color: #FF6773 !important;}
.color-red-full {color: red !important;}
.color-gold {color: gold !important;}
.color-bleu {color: blue !important;}
.color-cyan {color: cyan !important;}

.hover-ecs-primary:hover {color: var(--ecs-primary) !important;}
.hover-ecs-muted:hover {color: var(--ecs-muted-color) !important;}
.hover-white:hover {color: white !important;}
.hover-silver:hover {color: silver !important;}
.hover-grey:hover {color: #777 !important;}
.hover-444:hover {color: #444 !important;}
.hover-777:hover {color: #777 !important;}
.hover-999:hover {color: #999 !important;}
.hover-eee:hover {color: #eee !important;}
.hover-green:hover {color: #009200 !important;}
.hover-chocolate:hover {color: chocolate !important;}
.hover-red:hover {color: #FF6773 !important;}
.hover-red-full:hover {color: red !important;}
.hover-gold:hover {color: gold !important;}
.hover-bleu:hover {color: blue !important;}
.hover-cyan:hover {color: cyan !important;}

.background-color-ecs-primary {background-color: var(--ecs-primary) !important;}
.background-color-ecs-muted {background-color: var(--ecs-muted-color) !important;}
.background-color-white {background-color: white !important;}
.background-color-silver {background-color: silver !important;}
.background-color-grey {background-color: #777 !important;}
.background-color-444 {background-color: #444 !important;}
.background-color-777 {background-color: #777 !important;}
.background-color-999 {background-color: #999 !important;}
.background-color-eee {background-color: #eee !important;}
.background-color-green {background-color: #009200 !important;}
.background-color-chocolate {background-color: chocolate !important;}
.background-color-red {background-color: #FF6773 !important;}
.background-color-red-full {background-color: red !important;}
.background-color-gold {background-color: gold !important;}
.background-color-bleu {background-color: blue !important;}
.background-color-cyan {background-color: cyan !important;}

.border-color-ecs-primary {border-color: var(--ecs-primary) !important;}
.border-color-ecs-muted {border-color: var(--ecs-muted-color) !important;}
.border-color-white {border-color: white !important;}
.border-color-silver {border-color: silver !important;}
.border-color-grey {border-color: #777 !important;}
.border-color-444 {border-color: #444 !important;}
.border-color-777 {border-color: #777 !important;}
.border-color-999 {border-color: #999 !important;}
.border-color-eee {border-color: #eee !important;}
.border-color-green {border-color: #009200 !important;}
.border-color-chocolate {border-color: chocolate !important;}
.border-color-red {border-color: #FF6773 !important;}
.border-color-red-full {border-color: red !important;}
.border-color-gold {border-color: gold !important;}
.border-color-bleu {border-color: blue !important;}
.border-color-cyan {border-color: cyan !important;}

.border-top-none {border-top: none !important;}

[role=button] {
    cursor: pointer;
}

.laurent-test-asset {color: greenyellow;}

.color-ecs-primary {
    color: var(--ecs-primary) !important;
}