.stepMain{ position: absolute;z-index: 10;right:0px;overflow-y: auto;display: none;text-align: left;}
#materials {background-color: #e6e6e6;border:1px solid #d6d7d7;max-width: 500px;padding: 20px;right:10px; top:74px;max-height: calc(100% - 114px);font-weight: normal;}


#materialsMenuMain {margin-bottom: 20px;width: 100%;border-bottom: 1px solid #ccc;padding-left: 5px;}
#materialsMenu {}
#materialsObsah {}
.matSadaMenuMain{display: inline-block;margin-bottom:-1px!important;margin: 0px;border-bottom: 1px solid  #e6e6e6;  background-color: #e6e6e6;padding: 10px 20px;cursor:pointer;text-align: center;

}
.matSadaGroupMenuItemGroupSelected{color: var(--main-color);border: 1px solid  var(--main-color); border-bottom: 2px solid #e6e6e6; bottom:-1px; }

.stepHeaderik{margin-left: 5px; margin-right: 5px;}
.matSadaGroupMenuItem{display: inline-block;border:1px solid #d6d7d7;margin: 0px;margin-left: 5px; margin-right: 5px;  margin-bottom: 10px;background-color: #fff;padding: 10px 17px;
    cursor:pointer;text-align: center;min-width: 73px;font-size: 12px;text-transform: uppercase;}
.matSadaGroupMenuItemSelected{color: var(--main-color);border: 1px solid  var(--main-color);}
.materialikItemGroupP{margin: 0px;padding: 0px;}

.materialikItemP{margin: 0px;padding: 0px;font-size: 11px;text-align: center;margin-bottom: 10px;margin-top: -4px;}
.materialikItemImg{width: 85px;}
.materialikItem{display: inline-block; margin-left: 5px; margin-right: 5px;}
.popisMAtGroup{font-size: 12px;}

@media only screen and (max-width: 1300px) {
    #summary {max-width:400px}
    #materials {max-width:400px!important;}
}
@media only screen and (max-width: 1100px) {
    #summary {max-width:300px}
    #materials {max-width:300px!important;}
}
.showHiddMatButt:hover{background-color:#ddd; cursor: pointer;}