:root {
    --orange: 233, 82, 54;			/*#e95236*/
    --orange2: 219, 182, 166;		/*#dbb6a6*/	
    --bleu: 64, 100, 181;			/*#4064b5*/
    --bleu2: 43, 44, 56;			/*#2b2c38*/
    --bleu3: 166, 204, 219;			/*#a6ccdb*/
    --blanc: 255, 255, 255;
    --noir: 0, 0, 0;
    --gris1: 28, 29, 36;			/*#1c1d24*/
    --gris2: 31, 31, 38;			/*#1f1f26*/
    --gris3: 190, 190, 190;
    --gris4: 233, 233, 229; 		/*#e9e9e5*/
    --gris5: 248, 248, 244; 		/*#f8f8f4*/
}

.select-custom-wrapper { position: relative; display: inline-block; user-select: none; }
.select-custom-wrapper select { display: none; }
.select-custom-wrapper .select-custom { position: relative; display: inline-block; padding:12px 20px; width:100%;  }
.select-custom-wrapper + .select-custom-wrapper .select-custom { border-left:1px dotted rgba(var(--bleu), 0.5); }
.select-custom-wrapper .select-custom .select-custom-trigger { position: relative; display: flex; align-items:center; justify-content:center; font-weight: bold; line-height: 1.03; letter-spacing: 0.35px; color:rgba(var(--bleu))!important; cursor: pointer; }
.select-custom-wrapper .select-custom .select-custom-trigger:after { font-family:"Material icons"; content:"expand_more"; color:rgba(var(--bleu))!important; margin-left:10px; }
.select-custom-wrapper .select-custom.opened { background-color:rgba(var(--bleu)); border-radius:7px; }
.select-custom-wrapper .select-custom.opened .select-custom-trigger { color:rgba(var(--blanc))!important; }
.select-custom-wrapper .select-custom.opened .select-custom-trigger:after { color:rgba(var(--blanc))!important; content:"expand_less"; }
.select-custom-wrapper .select-custom .custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; width: 100%; min-width:300px; margin: 7px 0; border: 1px solid rgba(var(--gris3)); border-radius: 15px; box-sizing: border-box; background: rgba(var(--blanc)); transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); z-index:10; padding:10px; }
.select-custom-wrapper .select-custom.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); border-color:rgba(var(--gris3),0.5); }
.select-custom-wrapper .select-custom.opened .custom-options .custom-option { color: rgba(var(--gris2))!important; position: relative; display: flex; align-items:center; justify-content:space-between; cursor: pointer; transition: all .4s ease-in-out; padding:5px 10px; border-radius:25px; }
.select-custom-wrapper .select-custom.opened .custom-options .custom-option span { color: rgba(var(--bleu))!important; margin-left:5px; }
.select-custom-wrapper .select-custom.opened .custom-options .custom-option + .custom-option { margin-top:5px; }
.select-custom-wrapper .select-custom.opened .custom-options .custom-option.selection { background-color:rgba(var(--bleu)); color:rgba(var(--blanc))!important; }
.select-custom-wrapper .select-custom.opened .custom-options .custom-option.selection span { color: rgba(var(--blanc))!important; }