/* Document summary upload composer only. */
.document-page .mainBox .inpBox:has(.fileBox){
  box-sizing:border-box!important;
  height:232px!important;
  min-height:232px!important;
  padding:14px 16px!important;
  overflow:hidden!important;
}

.document-page .mainBox .inpBox:has(.fileBox)>div:first-child{
  min-width:0!important;
}

.document-page .mainBox .inpBox:has(.fileBox) .fileBox{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

.document-page .mainBox .inpBox:has(.fileBox) .file{
  box-sizing:border-box!important;
  height:104px!important;
  padding:0!important;
  background:transparent!important;
}

.document-page .mainBox .inpBox:has(.fileBox) .flexfileBox{
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 4px 4px!important;
  scrollbar-width:thin;
}

.document-page .mainBox .inpBox:has(.fileBox) .file>div:last-child{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}

.document-page .mainBox .inpBox:has(.fileBox) .file>div:last-child::-webkit-scrollbar{
  display:none;
}

.document-page .mainBox .inpBox:has(.fileBox) .labelCol{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  max-width:280px!important;
  height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  overflow:hidden!important;
  border:1px solid #3b474d!important;
  border-radius:9px!important;
  background:#182024!important;
  color:#e8eeea!important;
  line-height:32px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.document-page .mainBox .inpBox:has(.fileBox) .labelCol:hover{
  border-color:#6eff48!important;
  background:#1d2922!important;
}

.document-page .mainBox .inpBox:has(.fileBox) textarea.inp{
  box-sizing:border-box!important;
  height:54px!important;
  min-height:54px!important;
  margin-top:10px!important;
  padding:8px 120px 8px 8px!important;
}

.document-page .mainBox .inpBox:has(.fileBox)>.handleIcon,
.document-page .mainBox .inpBox:has(.fileBox)>.handleIcon1,
.document-page .mainBox .inpBox:has(.fileBox)>div[style*="border-radius:50%"],
.document-page .mainBox .inpBox:has(.fileBox)>div[style*="border-radius: 50%"]{
  bottom:14px!important;
  transform:none!important;
}

.document-page:has(.mainBox .fileBox) .messageBox{
  bottom:270px!important;
}

@media(max-width:760px){
  .document-page .mainBox .inpBox:has(.fileBox){
    height:242px!important;
    min-height:242px!important;
    padding:12px!important;
  }

  .document-page .mainBox .inpBox:has(.fileBox) .labelCol{
    max-width:220px!important;
    font-size:13px!important;
  }

  .document-page .mainBox .inpBox:has(.fileBox) textarea.inp{
    padding-right:112px!important;
  }

  .document-page:has(.mainBox .fileBox) .messageBox{
    bottom:278px!important;
  }
}