@import "../public-variables/border.module.css";
@import "../public-variables/colors.module.css";
@import "../public-variables/typography.module.css";
@import "../public-variables/layoutunits.module.css";

/*

.menuBar{
    background: #b20101; 
 } 
.mainMenuCount{ 
    background: #ffffff;
    color : #000000; 
}
.inputSearch{ 
    background: #6b0101;
}
.listCount{
    background: #000000;
    color: #fff;
}
.mainMenuActive, .mainMenu:hover {
    background-color: #6c0001;
}
.listItem:hover, .listItem.selected {
    background-color: #6c0001;
}
.tools{
    background: #ffffff;
    color : #000000; 
}
.versionPart span, .tools span{
      color : inherit; 
}
.tools:hover {
    background-color: #07ab67;
}
.activeComponent::after{
    background-color: #ffffff;
}

.infoactive, .infoTabs span:hover{
    background: #d50101;
    color: #fff;
} 
.toolOptions{
    background: #5b5e61;
    border-radius: 2px;
    border: 1px solid #5b5e61;
}
.toolOptions .groupOption{
   background-color: #5b5e61;
   border: 3px solid #6c0001;
}
.toolOptions .responsiveOption:hover, .toolOptions .activeOption{
  background-color: #d50101;
}

.iframeSection{
   border: 6px solid #5b5e61;
    border-radius: 2px;
    width: 100% !important
}
.toolOptions .optionsList{
    row-gap: 10px;
    column-gap: 10px;
    padding: 10px 0px;
}

*/
