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

.wallColorB
{

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 #AB182D;
  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;
}

.optionColorText {
  width: 242px;

  position: absolute;
  top: 15px;
  left: 92px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
}

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

}

#optionColor1_2,
#sectionoptionColor1_2,
#house1optionColor1_2,
#house2optionColor1_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;
}