.tab a:focus.active,
.tab a.active {
    background-color: #47812d !important;
    color: white !important;
}

.wallColorB {
    top: 244px;
    /* top: 176px; */
}

.wallColorB2 {
    top: 176px;
    position: relative;
    height: 136px;
"
}

.wallColorBtext {
    top: -35px;
}

.colorDoorTextDiv {
    position: absolute;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #072446;
    top: 10px;
}


.colorBuiDiv {
    position: relative;
    left: 0px;
    width: 325px;
    height: 55px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}


.buiColorButton0Class, .buiColorButton0Class:focus {
    position: absolute;
    left: 308px;
    height: 40px;
    width: 56px !important;

    background-color: #383e42;
    border: solid 1px #ffffff;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
    cursor: pointer;
}

.buiColorButton1Class, .buiColorButton1Class:focus {
    position: absolute;
    left: 369px;
    height: 40px;
    width: 56px !important;

    background-color: #0e0e10;
    border: solid 1px #ffffff;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    transition: 0.3s;
    cursor: pointer;
}


.optionColorActive {
    border: 1px solid #ff0000;
    box-sizing: border-box;
    cursor: pointer;
}

.optionColorInactive {
    border: 1px solid #cccccc;
    box-sizing: border-box;
    cursor: pointer;
}

.optionColorCheckboxActive {

    width: 24px;
    height: 24px;
    top: 0px;
    right: 0px;
    position: absolute;
    background-image: url("../css/checkboxactive.png");
    background-repeat: no-repeat;
}

.optionColor2image {
    width: 54px;
    height: 54px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-image: url("../css/wall_light.png");
    background-repeat: no-repeat;
}

.optionColor1image {
    width: 54px;
    height: 54px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-image: url("../css/wall_dark.png");
    background-repeat: no-repeat;
}


.optionColor3image {
    width: 54px;
    height: 54px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-image: url("../css/wall_3.png");
    background-repeat: no-repeat;
}


.optionColorText {
    width: 242px;
    position: absolute;
    top: 15px;
    left: 92px;
    font-family: 'Roboto', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
}

#house2optionColor1_3, #house1optionColor1_3 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 56px;
    left: 24px;
}


#house1optionColor1_1,
#house2optionColor1_1 {
    top: 118px;
    position: absolute;
    width: 408px;
    height: 56px;
    left: 24px;
}

#house1optionColor1_2,
#house2optionColor1_2 {
    top: 180px;
    position: absolute;
    width: 408px;
    height: 56px;
    left: 24px;


}

#sectionoptionColor1_1 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 118px;
    left: 24px;
}

#sectionoptionColor1_2 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 180px;
    left: 24px;
}

#sectionoptionColor1_3 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 56px;
    left: 24px;
}

#optionColor1_0 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 56px;
    left: 24px;
}


#optionColor1_1,
#house1optionColor1_1b,
#house2optionColor1_1b {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 56px;
    left: 24px;
}

#optionColor1_1 {
    top: 118px;
}

#optionColor1_2,
#house1optionColor1_2b,
#house2optionColor1_2b {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 118px;
    left: 24px;
}

#optionColor2_1,
#sectionoptionColor2_1,
#house1optionColor2_1,
#house2optionColor2_1,
#house1optionColor2_1b,
#house2optionColor2_1b {
    position: absolute;
    width: 408px;
    height: 56px;
    left: 24px;

}

#optionColor2_2,
#sectionoptionColor2_2,
#house1optionColor2_2,
#house2optionColor2_2,
#house1optionColor2_2b,
#house2optionColor2_2b {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 62px;
    left: 24px;
}


#builderOptions3 {
    position: relative;
}


#roofColor1 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 0px;
    left: 24px;
    background-image: url("../css/1_black.png");
    background-repeat: no-repeat;
}

#roofColor2 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 62px;
    left: 24px;
    background-image: url("../css/2_red.png");
    background-repeat: no-repeat;
}

#roofColor3 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 124px;
    left: 24px;
    background-image: url("../css/3_anthracite.png");
    background-repeat: no-repeat;
}

#roofColor4 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 186px;
    left: 24px;
    background-image: url("../css/4_black_glazed.png");
    background-repeat: no-repeat;
}

#roofColor5 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 248px;
    left: 24px;
    background-image: url("../css/5_red_glazed.png");
    background-repeat: no-repeat;
}


#waterpipeColor1 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 0px;
    left: 24px;
    background-image: url("../css/pipe_Metal.png");
    background-repeat: no-repeat;
}

#waterpipeColor2 {
    position: absolute;
    width: 408px;
    height: 56px;
    top: 62px;
    left: 24px;
    background-image: url("../css/pipe_Plastic.png");
    background-repeat: no-repeat;
}