:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.document-card{display:-ms-grid;display:grid;grid-template-areas:"checkbox title info comment";-ms-grid-columns:calc(20 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw) calc(270 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw) calc(224 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw) 1fr;grid-template-columns:calc(20 / var(--screensize) * 100vw) calc(270 / var(--screensize) * 100vw) calc(224 / var(--screensize) * 100vw) 1fr;gap:calc(24 / var(--screensize) * 100vw);padding:calc(24 / var(--screensize) * 100vw) calc(0 / var(--screensize) * 100vw);border-top:1px solid var(--line-color);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.document-card .custom-checkbox{-ms-grid-row:1;-ms-grid-column:1;grid-area:checkbox}.document-card .title-wrapper{-ms-grid-row:1;-ms-grid-column:3;grid-area:title;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:calc(16 / var(--screensize) * 100vw)}.document-card .title-wrapper img{width:calc(24 / var(--screensize) * 100vw);height:calc(24 / var(--screensize) * 100vw)}.document-card .title-wrapper .title{font-size:calc(16 / var(--screensize) * 100vw);font-weight:600;line-height:128%}.document-card .info{-ms-grid-row:1;-ms-grid-column:5;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(24 / var(--screensize) * 100vw);grid-area:info}.document-card .info .company{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(10 / var(--screensize) * 100vw)}.document-card .info .company svg{width:calc(12 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw)}.document-card .info .company p{font-size:calc(12 / var(--screensize) * 100vw);font-weight:600;line-height:115%;color:var(--gray-light-color)}.document-card .info .date{font-size:calc(12 / var(--screensize) * 100vw);font-weight:600;line-height:115%;color:var(--gray-light-color)}.document-card .comment-wrapper{-ms-grid-row:1;-ms-grid-column:7;grid-area:comment}.document-card .comment-wrapper .comment{font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.document-card .comment-wrapper .add-comment-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(15 / var(--screensize) * 100vw)}.document-card .comment-wrapper .add-comment-btn svg{width:calc(14 / var(--screensize) * 100vw);height:calc(14 / var(--screensize) * 100vw)}.document-card .comment-wrapper .add-comment-btn p{color:var(--violet-color);font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.document-card .comment-wrapper .textarea-wrapper textarea{height:calc(144 / var(--screensize) * 100vw);border-radius:calc(6 / var(--screensize) * 100vw)}.document-card .comment-wrapper .textarea-wrapper .btns{margin-top:calc(12 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(12 / var(--screensize) * 100vw)}.document-card .comment-wrapper .textarea-wrapper .btns .btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:calc(0 / var(--screensize) * 100vw) calc(36 / var(--screensize) * 100vw);gap:calc(10 / var(--screensize) * 100vw)}.document-card .comment-wrapper .textarea-wrapper .btns .btn span{text-transform:uppercase;font-size:calc(14 / var(--screensize) * 100vw);font-weight:500;line-height:128%;letter-spacing:calc(1 / var(--screensize) * 100vw)}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.document-card{-ms-grid-columns:calc(20 / var(--screensize) * 100vw) calc(12 / var(--screensize) * 100vw) 1fr calc(12 / var(--screensize) * 100vw) calc(224 / var(--screensize) * 100vw);grid-template-columns:calc(20 / var(--screensize) * 100vw) 1fr calc(224 / var(--screensize) * 100vw);gap:calc(12 / var(--screensize) * 100vw);-ms-grid-rows:auto calc(12 / var(--screensize) * 100vw) auto;grid-template-areas:"checkbox title info" "comment comment comment"}.document-card .custom-checkbox{-ms-grid-row:1;-ms-grid-column:1}.document-card .title-wrapper{-ms-grid-row:1;-ms-grid-column:3}.document-card .info{-ms-grid-row:1;-ms-grid-column:5}.document-card .comment-wrapper{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5}}@media (max-width:767px){:root{--screensize:360}.document-card{-ms-grid-columns:calc(20 / var(--screensize) * 100vw) calc(12 / var(--screensize) * 100vw) 1fr;grid-template-columns:calc(20 / var(--screensize) * 100vw) 1fr;gap:calc(12 / var(--screensize) * 100vw);-ms-grid-rows:auto calc(12 / var(--screensize) * 100vw) auto calc(12 / var(--screensize) * 100vw) auto;grid-template-areas:"checkbox title" "checkbox info" "checkbox comment"}.document-card .title-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(12 / var(--screensize) * 100vw)}.document-card .comment-wrapper .textarea-wrapper .btns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.document-card .comment-wrapper .textarea-wrapper .btns .btn{width:100%}.document-card .custom-checkbox{-ms-grid-row:1;-ms-grid-row-span:5;-ms-grid-column:1}.document-card .title-wrapper{-ms-grid-row:1;-ms-grid-column:3}.document-card .info{-ms-grid-row:3;-ms-grid-column:3}.document-card .comment-wrapper{-ms-grid-row:5;-ms-grid-column:3;-ms-grid-column-span:1}}