/* Confirmed document-page design. Scope every rule to this route. */
.document-page{background:#090d0f!important;color:#eef3f0}
.document-page>[name="newSiderBar"]{width:340px!important;min-width:340px!important;flex:0 0 340px!important;height:100%!important;border-right:1px solid #252b2f!important;background:#0d1115!important;overflow:hidden!important}
.document-page>[name="newSiderBar"] .siderMain{width:340px!important;min-width:340px!important;height:100%!important;border-radius:0!important;background:#0d1115!important;overflow:hidden!important}
.document-page>[name="newSiderBar"] .mainBox1,.document-page>[name="newSiderBar"] .y-box{min-height:0!important;height:100%!important;overflow:hidden!important;background:#0d1115!important}
.document-page>[name="newSiderBar"] .y-box{padding:0!important}
.document-page>[name="newSiderBar"] .DocumentBox{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;background:#0d1115!important}
.document-page>[name="newSiderBar"] .topBox{flex:0 0 auto!important;padding:14px 16px 12px!important}
.document-page>[name="newSiderBar"] .createDocument{position:static!important;display:flex!important;align-items:center!important;width:100%!important;height:48px!important;padding:0 16px!important;border:1px solid rgba(104,255,68,.34)!important;border-radius:12px!important;background:rgba(83,255,58,.045)!important;color:#78ff50!important;box-shadow:none!important}
.document-page>[name="newSiderBar"] .createDocument:hover{background:rgba(83,255,58,.085)!important;border-color:rgba(104,255,68,.58)!important}
.document-page>[name="newSiderBar"] .createDocument>p:first-child{color:#71ff49!important;font-size:26px!important;line-height:1!important}
.document-page>[name="newSiderBar"] .createDocument .title{margin-left:10px!important;color:#75ff4c!important;font-size:15px!important;font-weight:650!important}
.document-page>[name="newSiderBar"] .inpBox{height:46px!important;margin-top:18px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:12px!important;background:#12171b!important;box-shadow:none!important}
.document-page>[name="newSiderBar"] .inpBox input{height:44px!important;color:#dfe6e2!important;font-size:14px!important;outline:none!important}
.document-page>[name="newSiderBar"] .inpBox input::placeholder{color:#717b76!important}
.document-page>[name="newSiderBar"] .record{position:static!important;left:auto!important;top:auto!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:0 16px 22px!important;overflow-x:hidden!important;overflow-y:auto!important}
.document-page>[name="newSiderBar"] .record::-webkit-scrollbar{width:5px}
.document-page>[name="newSiderBar"] .record::-webkit-scrollbar-thumb{border-radius:8px;background:#4b5650}
.document-page>[name="newSiderBar"] .recordTitle{padding:16px 12px 8px!important;color:#dfe7e2!important;font-size:13px!important;font-weight:600!important}
.document-page>[name="newSiderBar"] .record-item{position:relative!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;height:72px!important;margin:0 0 6px!important;padding:0 12px 0 48px!important;border:0!important;border-left:4px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#edf3ef!important}
.document-page>[name="newSiderBar"] .record-item:before{content:"";position:absolute;left:14px;top:22px;width:18px;height:23px;border:2px solid #dfe7e2;border-radius:3px;opacity:.9}
.document-page>[name="newSiderBar"] .record-item:after{content:"";position:absolute;left:19px;top:29px;width:9px;height:2px;background:#dfe7e2;box-shadow:0 5px 0 #dfe7e2,0 10px 0 #dfe7e2;opacity:.65}
.document-page>[name="newSiderBar"] .record-item:hover{background:rgba(255,255,255,.035)!important}
.document-page>[name="newSiderBar"] .record-item.active{border-left-color:#69ff45!important;background:linear-gradient(90deg,rgba(72,255,54,.105),rgba(72,255,54,.045))!important;box-shadow:none!important}
.document-page>[name="newSiderBar"] .record-item .itemName p{max-width:205px!important;margin:0!important;overflow:hidden!important;color:#edf3ef!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.document-page>[name="newSiderBar"] .record-item .more-blo{background:transparent!important}
.document-page>[name="newSiderBar"] .record-item .buttonBox{margin-left:auto!important}
.document-page .document-workspace{position:relative!important;min-width:0!important;height:100%!important;overflow:hidden!important;background:radial-gradient(circle at 54% 38%,rgba(31,42,48,.23),transparent 48%),#090d0f!important}
.document-page [name="SelectBlo"]{position:relative!important;z-index:5!important;margin:10px 0 0 28px!important}
.document-page .contentBox{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:92px 40px 190px!important}
.document-page .contentBox .upLoadBox{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:min(870px,82%)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.document-page .contentBox .upLoadBox>span:first-child{color:#f5f8f6!important;font-size:46px!important;font-weight:700!important;line-height:1.18!important}
.document-page .contentBox .upLoadBox>span:nth-child(2){margin-top:12px!important;color:#a0aaa4!important;font-size:17px!important;text-align:center!important}
.document-page .contentBox .upLoadBox>div[style*="width: 720px"],.document-page .contentBox .uploadDropzone{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:300px!important;min-height:300px!important;margin-top:32px!important;padding:34px 24px!important;border:1px dashed #43515a!important;border-radius:16px!important;background:rgba(12,17,21,.46)!important;color:#eef3f0!important;box-shadow:none!important;cursor:pointer!important}
.document-page .contentBox .upLoadBox>div[style*="width: 720px"]:hover,.document-page .contentBox .uploadDropzone:hover{border-color:#665cff!important;background:rgba(87,79,254,.045)!important;transform:none!important}
.document-page .contentBox .uploadDropzone img{width:72px!important;height:72px!important}
.document-page .mainBox{box-sizing:border-box!important;display:flex!important;justify-content:center!important;width:100%!important;left:0!important;bottom:26px!important;padding:0 44px!important;z-index:20!important}
.document-page .mainBox>div{position:relative!important;width:min(900px,100%)!important;max-width:900px!important;border:1px solid #384249!important;border-radius:16px!important;background:rgba(14,19,23,.97)!important;box-shadow:0 18px 48px rgba(0,0,0,.32)!important}
.document-page .mainBox .inpBox{box-sizing:border-box!important;width:100%!important;height:128px!important;padding:14px 16px!important}
.document-page textarea.inp{box-sizing:border-box!important;width:100%!important;height:62px!important;min-height:62px!important;padding:5px 8px!important;border:0!important;outline:0!important;resize:none!important;background:transparent!important;color:#eef3f0!important;font:15px/1.65 inherit!important;caret-color:#76ff4c!important}
.document-page textarea.inp::placeholder{color:#7f8a84!important}
.document-page .mainBox .btnBox{left:18px!important;bottom:14px!important}
.document-page .mainBox .btnItem1{border-color:#3b464d!important;background:rgba(255,255,255,.02)!important}
.document-page .mainBox .handleIcon,.document-page .mainBox .handleIcon1{position:absolute!important;right:72px!important;bottom:14px!important;width:40px!important;height:40px!important;margin:0!important;border-radius:50%!important;background:rgba(255,255,255,.055)!important;transform:none!important}
.document-page .mainBox .inpBox>div[style*="border-radius:50%"]{position:absolute!important;right:16px!important;bottom:14px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#70ff47!important;transform:none!important}
.document-page .mainBox .inpBox>div[style*="border-radius:50%"] img{filter:brightness(0) saturate(100%)!important}
.document-page .end{z-index:10!important}
@media(max-width:1200px){.document-page>[name="newSiderBar"],.document-page>[name="newSiderBar"] .siderMain{width:300px!important;min-width:300px!important;flex-basis:300px!important}.document-page .contentBox .upLoadBox{width:min(760px,88%)!important}.document-page .contentBox .upLoadBox>div[style*="width: 720px"],.document-page .contentBox .uploadDropzone{height:260px!important;min-height:260px!important}}
@media(max-width:900px){.document-page>[name="newSiderBar"]{display:none!important}.document-page .contentBox{padding:82px 16px 184px!important}.document-page .contentBox .upLoadBox{width:100%!important}.document-page .mainBox{padding:0 14px!important}.document-page .contentBox .upLoadBox>span:first-child{font-size:34px!important}}