.send-order {
    width: 64px;
    position: relative;
    display: none;
}

.floppy-icon {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    width: 25px !important;
    height: 25px !important;
}

.icon {
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-sizing: border-box;
}

.save {
    /*width: 39px;*/
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d9a762;
    box-sizing: border-box;
    height: 39px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 10px;
}

.send-order1 {
    position: relative;
}

.chevrons-icon {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.next {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d9a762;
    box-sizing: border-box;
    height: 39px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 12px 12px 18px;
    gap: 10px;
    color: #d9a762;
}

.submit-btn {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px;
    background-color: #fff !important;
    border: 1px solid #d9a762 !important;
    box-sizing: border-box;
    height: 39px;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0px 2px;
    box-sizing: border-box;
    gap: 10px;
    text-align: center !important;
    font-size: 14px !important;
    color: #d9a762 !important;
    font-family: Ubuntu important;
}

.right {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0px 2px;
    box-sizing: border-box;
    gap: 10px;
    text-align: center;
    font-size: 14px;
    color: #d9a762;
    font-family: Ubuntu;
}

.person-icon {
    width: 10px;
    position: relative;
    height: 10px;
}

.icon2 {
    border-radius: 8px;
    background-color: #d9a762;
    border: 1px solid #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.information-gnrales {
    width: 680px;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.title {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 0px 5px;
    box-sizing: border-box;
    gap: 15px;
    text-align: left;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.placeholder2 {
    position: relative;
}


.icon3 {
    width: 12px;
    height: 31px;
}

.input {
    flex: 1;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    min-height: 55px;
}

.inputMP {
    flex: 1;
    background-color: #fff;
    border: none !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    min-height: 20px;
    width: 200px;
}

.inputFix {
    flex: 1;
    background-color: #fff;
    border: 1px solid #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    min-height: 55px;
}


.line-2 {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    text-align: left;
    font-size: 14px;
    color: #aaa;
    font-family: Ubuntu;
}
.lineMP {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-size: 14px;
    color: #aaa;
    font-family: Ubuntu;
}

.field-label {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #aaa !important;

}

input[type=text]:focus {
    outline: 1px solid white;
    border-color: white;
    ;
}

.questions {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 0px;
    box-sizing: border-box;
    gap: 20px;
    text-align: left;
    font-size: 14px;
    color: #aaa;
    font-family: Ubuntu;
}

.est-ce-que-vous {
    position: relative;
}

.radio-icon {
    width: 12px;
    position: relative;
    height: 12px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.icon5 {
    height: 31px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.radio-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.radio-choices2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.radio2 {
    flex: 1;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
}

.line-6 {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-size: 14px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.dans-le-cadre {
    margin: 0;
}

.dans-le-cadre-container {
    position: relative;
    font-size: 14px !important;
    font-family: Ubuntu !important;
    color: #3b3b3b;
    text-align: left;
    display: inline-block;
}

/*new*/
.person-icon {
    width: 13px;
    position: relative;
    height: 13px;
}

.icon10 {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.information-gnrales {
    position: relative;
    width: auto;
}

.subinfo {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: #aaa;
}

.labels {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}

.step-1 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.divider-child {
    align-self: stretch;
    width: 1px;
    position: relative;
    background-color: #e9e9e9;
}

.divider {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.icon1 {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    opacity: 0.5;
}

.labels1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    opacity: 0.5;
}

.steps {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-size: 12px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.arb {
    position: relative;
}

.calendar4-icon {
    width: 10px;
    position: relative;
    height: 10px;
    display: none;
}

.end-date {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #aaa;
}

.title10 {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 0px 5px;
    box-sizing: border-box;
    gap: 15px;
    text-align: left;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.titleGenerel {
    width: 100%;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 0px 5px;
    box-sizing: border-box;
    gap: 15px;
    text-align: left;
    font-size: 18px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

/*Energies*/
.pencil-icon {
    width: 11px;
    position: relative;
    height: 11px;
    display: none;
}

.b {
    position: relative;
    font-size: 18px;
}

.lectricit-consomme-lie {
    position: relative;
    font-size: 16px;
}

.subtitle {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    gap: 15px;
    text-align: left;
    font-size: 12px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.iconEnergie {

    position: relative;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    text-align: left;
    font-size: 12px;
    color: #3b3b3b;
    font-family: Ubuntu;
}

.bottom-nav {
    width: 100%;
    position: absolute;
    margin: 0 !important;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 15px 30px 33px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #d9a762;
    font-family: Ubuntu;
}

/*DropDown*/
.placeholderdd {
    position: relative;
}

.chevrons-icondd {
    width: 12px;
    position: relative;
    height: 12px;
}

.icondd {
    height: 31px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.inputdd {
    width: 100%;
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    min-height: 55px;
    text-align: left;
    font-size: 14px;
    color: #aaa;
    font-family: Ubuntu;
}

/*Matière première*/
.catgoriemp {
    position: relative;
    white-space: nowrap;
}
.thmp {
    border-right: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
}
.trmp {
    align-self: stretch;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 0;
}
.optionsmp {
    width: 945px;
    margin: 0 !important;
    position: absolute;
    top: 63px;
    left: 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background-color: #fff;
    height: 195px;
    overflow: hidden;
    flex-shrink: 0;
    display: none;
    z-index: 1;
}
.tablemp {
    width: 945px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    gap: 8px;
    z-index: 6;
    font-size: 14px;
}
.iconmp {
    width: 12px;
    height: 31px;
}
.inputmp {
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 55px;
    z-index: 0;
}
.plus-lg-iconmp {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.icon1mp {
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-sizing: border-box;
}
.btn-primary{
    background-color: #d9a762 !important;
    font-weight: 1 !important;
    font-family: Ubuntu !important;
    border-style: none !important;
    padding: 6px 6px !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: #fff3f32b !important;
}

.buttonmp {
    border-radius: 10px;
    background-color: #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3px 3px 3px 3px;
    gap: 10px;
    z-index: 1;
    text-align: center;
    color: #fff;
}
.options1mp {
    width: 945px;
    margin: 0 !important;
    position: absolute;
    top: 63px;
    left: 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background-color: #fff;
    height: 195px;
    overflow: hidden;
    flex-shrink: 0;
    display: none;
    z-index: 2;
}
.pencil-iconmp {
    width: 12px;
    position: relative;
    height: 12px;
}
.ctamp {
    margin: 0 !important;
    position: absolute;
    top: 12px;
    right: 13px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    z-index: 3;
}
.topmp {
    align-self: stretch;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 12px 5px 20px;
    position: relative;
    z-index: 5;
    font-size: 14px;
    color: #3b3b3b;
}
.button1mp {
    border-radius: 10px;
    background-color: #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 18px 12px 12px;
    gap: 10px;
}
.top-ctamp {
    width: 945px;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    z-index: 4;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.modal-backdrop.in
{
    opacity:0.5 !important;
    position:fixed; /*  This makes it cover the entire scrollable page, not just browser height */
    height:100%;
}
.valuemp {
    position: relative;
    font-size: 14px;
    color: #3b3b3b;
    white-space: nowrap;
}
.filledmp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}
.icon3mp {
    width: 10px;
    height: 31px;
}
.iconsmp {
    width: 37px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.input1mp {
    width: 156px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: initial;
    justify-content: space-between;
    padding: 12px 20px;
    box-sizing: border-box;
}
.subline-1mp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 65px;
    z-index: 0;
}
.input5mp {
    width: 156px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: initial;
    justify-content: space-between;
    padding: 0px 20px 12px;
    box-sizing: border-box;
}
.value7mp {
    align-self: stretch;
    position: relative;
    font-size: 14px;
    color: #3b3b3b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.filled7mp {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}
.input8mp {
    flex: 1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: initial;
    justify-content: space-between;
    padding: 0px 20px 12px;
}
.subline-2mp {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 65px;
    z-index: 1;
}
.cta1mp {
    margin: 0 !important;
    position: absolute;
    top: 12px;
    right: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    z-index: 3;
}
.line-1mp {
    width: 945px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 3;
}
.value15mp {
    align-self: stretch;
    position: relative;
    font-size: 14px;
    color: #3b3b3b;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-2mp {
    width: 945px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}
.line-3mp {
    width: 945px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}
.line-11mp {
    width: 925px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.line-32mp {
    width: 925px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.materialsmp {
    overflow: auto;
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9f9f9;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
    gap: 15px;
    z-index: 0;
}
.questionsmp {
    width: 100%;
    position: relative;
    height: 583px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    text-align: left;
    font-size: 10px;
    color: #aaa;
    font-family: Ubuntu;
    
}
.inputRadioMP {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 3px 3px;
    min-height: 55px;
}

.form-select {
    font-size: 14px !important;
    /* color: #aaa !important; */
    color: #000 !important;
}

/* Home */
.arrow-repeat-iconHome {
    width: 19px;
    position: relative;
    height: 19px;
}
.send-orderHome {
    position: relative;
}
.buttonHome1 {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 18px 12px 12px;
    gap: 10px;
}
.buttonHome2 {
    background-color: #fff;
    border-bottom: 1px solid #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3px 3px;
    gap: 10px;
    color: #d9a762;
}
.file-plus-iconHome {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.iconHome {
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.createHome {
    border-radius: 10px;
    background-color: #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 18px 12px 12px;
    gap: 10px;
}
.filter-iconHome {
    width: 18px;
    position: relative;
    height: 18px;
}
.filterHome {
    width: 43px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d9a762;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
}
.rightHome {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    color: #fff;
}
.topHome {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 0px 20px;
    text-align: center;
    font-size: 14px;
    color: #d9a762;
    font-family: Ubuntu;
}

.amfHome {
    position: relative;
}
.badgeHome {
    border-radius: 8px;
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.pencil-iconHome {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.iconHome {
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-sizing: border-box;
}

.titleHome {
    align-self: stretch;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 10px;
    font-size: 14px;
    color: #3b3b3b;
    flex-wrap: wrap;
}
.pencil-square-icoHomen {
    width: 16px;
    position: relative;
    height: 16px;
    display: none;
}
.rightHome {
    flex: 1;
    height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.envelope-iconHome {
    width: 16px;
    position: relative;
    height: 16px;
    z-index: 0;
}
.divHome {
    align-self: stretch;
    position: relative;
}
.counterHome {
    width: 12px;
    margin: 0 !important;
    position: absolute;
    top: -4px;
    left: 10.2px;
    border-radius: 50px;
    background-color: #8fd962;
    height: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.leftHome {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    gap: 10px;
    opacity: 0.8;
}
.ctaHome {
    align-self: stretch;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 10px;
    color: #fff;
}
.valueHome {
    position: relative;
    font-size: 14px;
    color: #3b3b3b;
}
.line-1Home {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}
.rapportHome {
    position: relative;
    display: none;
}
.line-4Home {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
}
.contentHome {
    align-self: stretch;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    text-align: left;
}
.button1Home {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d9a762;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px 18px 9px 12px;
    gap: 10px;
    font-size: 14px;
    color: #d9a762;
}
.bHome {
    position: relative;
    color: #3b3b3b;
}
.progressionHome {
    margin: 0 !important;
    position: absolute;
    top: -12.5px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    z-index: 0;
}
.left1Home {
    align-self: stretch;

    border-radius: 12px;
    background-color: #d9a762;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.progressHome {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f6f1e9;
    height: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.badge1Home {
    border-radius: 8px;
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 5px;
    text-align: center;
    font-size: 14px;
    color: #3b3b3b;
}
.bottomHome {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0px 5px;
    gap: 20px;
    text-align: left;
}
.form-cardHome {
    /* width: 100%; */
    width: 250px;
    position: relative;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px 12px;
    gap: 10px;
    text-align: center;
    font-size: 10px;
    color: #aaa;
    font-family: Ubuntu;
    height: 100px;
    flex: 1 0 21%; /* explanation below */
}
.form-cardHomeNoShadow {
    width: 100%;
    position: relative;
    border-radius: 0px;
    border: 0px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px 12px;
    gap: 10px;
    text-align: center;
    font-size: 10px;
    color: #aaa;
    font-family: Ubuntu;
    height: 100px;
    flex: 1 0 21%; /* explanation below */
}
.flexHome {
    display: grid;
    grid-auto-flow:row;
    grid-gap: 20px;
    grid-template-rows: 100px 100px;
    grid-template-columns: 100px 100px;
    padding: 10px;
  }

  .parentHome  {
    display: flex;
    flex-wrap: wrap;
  }
  
  .childHome  {
    flex: 1 0 21%; /* explanation below */
    margin: 5px;
    height: 100px;
    color: #aaa;
  }

  .custom-tooltip {
    --bs-tooltip-bg: #aaa;
    --bs-tooltip-color: var(--bs-black);
  }


  .dropdown-menu li {
    position: relative;
    }
    .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    }
    .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
    }
    .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    }

    /* Menus */ 
    .static-top.navbar .menu-bar > .navbar-nav > li > a {
        /* font-family: ubuntu !important; */
        font-size: 16px !important;

    }