/* List widht Over Write */

.extended-menu-content {
  width: 100%;
  /* Change % value */
}


/* Selector button Color */

#floorplan-selector ul li.floorplan {
  background: #77CFD0;
  /* Background Normal (Use same color used on Theme > Styles > Menus > Background) */
  color: #ffffff;
  /* Font Normal (Use same color used on Theme > Styles > Menus > Item Icon) */
  border-left: 10px solid #cccccc;
  /* Left Border Color */
}

#floorplan-selector ul li.floorplan:hover {
  background: #77CFD0;
  /* Background Hover (Use same color used on Theme > Styles > Menus > Background) */
  color: #B7B2AA;
  /* Font Hover (Use same color used on Theme > Styles > Menus > Item Icon Hover) */
  border-left: 10px solid #9d9274;
  /* Left Border Color */
}

#floorplan-selector ul li.floorplan.active {
  background: #B7B2AA;
  /* Background Active (Use same color used on Theme > Styles > Menus > Item Active Background) */
  color: #ffffff;
  /* Font Active (Use same color used on Theme > Styles > Menus > Item Icon Active) */
  border-left: 10px solid #5c5649;
  /* Left Border Color */
}


/* Details Content Colors */

#floorplan-selector ul li.floorplan-details {
  color: #000000;
  /* Bullets Content Color */
}

.unit-detail-img {
  width: 100%;
  /* Image Max-Width */
  margin: 0px 0px 10px 0px;
  /* image Margin */
  /* T   R    B   L */
}


/* Bullets Content Link Color */

.floorplan-details a,
.floorplan-details a:visited {
  color: #ffffff; /* Button Font Normal (Use same color used on Theme > Styles > Menus > Item Icon) */
  background: #77CFD0; /* Button Background Normal (Use same color used on Theme > Styles > Menus > Background) */
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 3px 5px 3px 5px;
  border-radius: 5px;
  margin-top: 10px;
  width: 100px;
  display: inline-block;
}

.floorplan-details a:hover {
  color: #ffffff; /* Button Font Hover (Use same color used on Theme > Styles > Menus > Item Icon) */
  background: #B7B2AA; /* Button Background Hover Use same color used on Theme > Styles > Menus > Item Active Background */
}

#floorplan-selector ul li.floorplan-details {
  border-left: 10px solid #595e71;
  /* Content Left Border Color */
}


/* Custom List Floor Plans Commun CSS (No changes need)*/

#floorplan-selector {
  padding-top: 10px;
  height: inherit;
  font-size: 14px;
  /* Font Size */
}

#floorplan-selector h2 {
  font-size: 14px;
  /* Unit Tittle Font Size */
  margin: 0 0 10px 0;
}

#floorplan-selector ul {
  list-style: none;
}

#floorplan-selector ul li.floorplan {
  display: block;
  padding: 20px;
  cursor: pointer;
  cursor: hand;
  margin: 10px 10px 0 10px;
}

#floorplan-selector ul li.floorplan-details {
  display: block;
  padding: 20px;
  background: none;
  margin: 0 10px 0 10px;
}

#floorplan-selector .input-group {
  position: relative;
  vertical-align: top;
  padding: 10px;
  display: block;
  border: 1px solid #000;
  margin: 0px 10px 10px 10px;
}


/* ------------------------ End Custom List Floor Plans Changes ------------------------ */