@import "../../../../styles/varibale.scss";
.footerContainer{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: $lightBorder;
    padding: 0 1rem 0.5rem;
    background: $whiteBackground;
    z-index: 999;
}

.displayImagesContainer{
    display: flex;
   
    align-items: center;
    justify-content: space-between;
}
.iconDisplay{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom : 0.5rem ;
}
.iconDisplayDrop{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom : 0.25rem ;
    margin-top: 1rem;
}
.dropdownParent{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 !important;
border: 0;
top:2px;
background: transparent;
margin: 3px 0 0 0 !important;
  line-height: 1.5;

}

.iconDisplayDrop  > span {
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:$primaryColor ;
  padding: 0 !important;
  font-weight: 400;
  font-size: 14px;
}
.labelData{
    padding: 0.75rem 1rem 0.75rem 0.5rem;
    background: $white;
    margin: 0.25rem;
    border-bottom: 1px solid #f2f2f2;
    width: 180px !important;
}
.dropdownParent  > div {
padding: 0 !important;
margin: 0 !important;
line-height: 0;
    position: absolute;
    left: 90%;
    transform: translate(-90%, 1px);
}