.content-add-raw-material-oc-detail{display:flex;position:relative;height:85px;transition:1s;padding:15px;border-top:1px solid var(--primary-color-border-input)!important}.content-btn-add-raw-material-oc-detail{position:absolute;transition:.5s;left:0;margin-left:15px;width:150px}.content-btn-add-raw-material-oc-detail-active{position:absolute;width:150px;left:100%;margin-left:0;margin-right:25px;transform:translate(-110%)}.content-input-search-raw-material{width:340px;opacity:0;transition:.5s}.content-input-search-raw-material-active{width:340px;transition:.5s;opacity:1}@media (max-width:599px){.demoColorResponsive{background-color:#be88e2}.content-add-raw-material-oc-detail{display:block;position:static;height:auto;transition:1s;padding:15px;border-top:0 solid var(--primary-color-border-input)!important}.content-btn-add-raw-material-oc-detail,.content-btn-add-raw-material-oc-detail-active{position:static;transition:1s;margin-left:0;width:100%}.content-btn-add-raw-material-oc-detail-active{left:100%;margin-right:25px;margin-top:15px;transform:translate(0)}.content-input-search-raw-material{width:100%;opacity:0;height:0!important;transition:1s}.content-input-search-raw-material-active{width:100%;transition:1s;height:50px!important;opacity:1!important}}@media (min-width:600px) and (max-width:959px){.demoColorResponsive{background-color:#88e297}}@media (min-width:960px) and (max-width:1264px){.demoColorResponsive{background-color:#c97a53}}@media (min-width:1264px) and (max-width:1904px){.demoColorResponsive{background-color:#ccc66d}}@media (min-width:1904px){.demoColorResponsive{background-color:#71c7c9}}