.modalremark{border:none;outline:none}.smr_OrderModalBox{border:none;outline:none;width:90%;min-width:300px;max-width:500px;margin:0 auto}.smr_OrderModalBox .smr_projectRemarkBtn-group{justify-content:flex-end;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarksave-btn{color:#fff;cursor:pointer;background-color:#7d7f85;border:1px solid #7d7f85;width:100px;height:35px;font-size:14px;transition:background-color .3s,color .3s;border-radius:6px!important}.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarksave-btn:hover{color:#7d7f85;background-color:#fff}.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarkcancel-btn{color:#7d7f85;cursor:pointer;background-color:#fff;border:1px solid #7d7f85;width:100px;height:35px;font-size:14px;transition:background-color .3s,color .3s;border-radius:6px!important}.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarkcancel-btn:hover{color:#fff;background-color:#7d7f85}@media (max-width:768px){.smr_OrderModalBox{width:95%;min-width:0;max-width:100%}}@media (max-width:474px){.smr_OrderModalBox{width:95%!important;padding:20px 8px!important}.smr_OrderModalBox h2{color:#7d7f85!important;font-size:14px!important}.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarksave-btn,.smr_OrderModalBox .smr_projectRemarkBtn-group .smr_remarkcancel-btn{padding:5px 10px!important;font-size:10px!important}.smr_OrderModalBox .smr_orderRemarkMoalInput textarea{font-size:16px!important}}