.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: 0px; background-color: #e6e6e6;padding:6px 16px;cursor:pointer;text-align: center; margin-right: 5px; margin-bottom: 8px; margin-top: 5px;

}
.matSadaMenuMainGroup{display: inline-block; margin: 0px; background-color: #e6e6e6;padding:6px 16px;cursor:pointer;text-align: center; margin-right: 5px; margin-bottom: 4px;

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

.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;}