.pw-container{flex:1 1;display:flex;flex-direction:column;background-color:#ebebeb}.pw-container .page-title{margin-bottom:10px;padding:20px}.pw-container .page-title .title{font-size:1.5rem;font-weight:600}.pw-container .page-title .description{font-size:1rem;font-weight:400;padding-left:35px;margin-top:-10px}.pw-container .page-header-top{display:flex;grid-gap:24px;gap:24px;justify-content:space-between;padding:20px}.pw-container .page-header-top .page-header-title{display:flex;flex:1 1;overflow:hidden;justify-content:space-between}.pw-container .page-header-top .page-header-title h1{display:block;flex:1 1;font-size:var(--h1-size,32px);line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;font-weight:700;padding:10px 0;color:#131f64}.pw-container .page-header-top .page-header-title .title-wrapper .subtitle{color:var(--subtitle-color,#7d8391);font-size:90%;margin-top:-20px;font-size:1rem;font-weight:400;padding-left:30px}.pw-container .page-header-top .page-header-actions{display:flex;grid-gap:10px;gap:10px;align-items:center}.pw-container .page-header-top .page-header-actions a{background-color:#0d6efd;color:#fff;border-radius:6px;padding:5px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;border:1px solid #0d6efd;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);border-radius:10px}.pw-container .page-header-top .page-header-actions a:hover{background-color:rgba(13,109,253,.862745098);border-color:rgba(13,109,253,.862745098);outline:none;color:#dfdfdf}.pw-container .page-header-top .page-header-actions .default,.pw-container .page-header-top .page-header-actions a.default{background-color:#fff;color:#212529;font-size:1rem;height:42px;width:42px;border:1px solid #dbdbdb;justify-content:center;align-items:center;display:flex;border-radius:10px}.pw-container .page-header-top .page-header-actions .default:hover{background-color:#dbdbdb;border-color:#dbdbdb;outline:none;color:#292121;cursor:pointer}.pw-container .body{padding:0 20px 20px}.pw-container .body .tabs{display:flex;justify-content:start}.pw-container .body .tabs .tab_item{padding:10px 20px;cursor:pointer;transition:all .3s ease-in-out;border-top-left-radius:6px;border-top-right-radius:6px;color:#34495e;font-weight:600}.pw-container .body .tabs .tab_item:hover{color:#000}.pw-container .body .tabs .tab_item.active{background-color:#fff;color:#000}.pw-container .body .content{background-color:#fff;border-radius:10px;padding:10px}.pw-container .body .content.document{display:flex;grid-gap:20px;gap:20px}.pw-container .body .content.document .left{flex:1 1;padding:10px 20px 10px 10px;border-right:1px solid rgba(0,0,0,.062745098)}.pw-container .body .content.document .rigth{flex:1 1}.btn-gennumber{background-color:#0d6efd;color:#fff;border-radius:6px;padding:0 9px;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .3s ease-in-out;border:1px solid #0d6efd;box-shadow:inset 0 3px 5px rgba(0,0,0,.13);border-radius:10px;text-decoration:none}.btn-gennumber:hover{outline:none;color:#e0e0e0;text-decoration:none}.btn-gennumber.disabled{color:#dbdbdb;background:#a7a7a7;border-color:#a7a7a7}.AcceptDocument{width:100%;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column}.AcceptDocument .header{display:flex;justify-content:space-between;background:#ecf0f1;padding:10px;align-items:center}.AcceptDocument .header .close,.AcceptDocument .header .title{font-size:1.2rem;font-weight:700}.AcceptDocument .header .close{cursor:pointer}.AcceptDocument .body{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;padding:0}.AcceptDocument .body .left{flex:2 1;background-color:#ebebeb}.AcceptDocument .body .right{flex:3 1}.AcceptDocument .footer{display:flex;justify-content:flex-end;padding:10px;background:#000}.AcceptDocument .footer .btn{padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out;border:1px solid #0d6efd;box-shadow:inset 0 3px 5px rgba(0,0,0,.13);border-radius:10px;text-decoration:none}.AcceptDocument .footer .btn:hover{outline:none;color:#e0e0e0;text-decoration:none}.AcceptDocument .footer .btn.disabled{color:#dbdbdb;background:#a7a7a7;border-color:#a7a7a7}.doc_number{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;background-color:#0d6efd;padding:3px 10px;color:#fff;border-radius:30px;font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center}.doc_number.external{background-color:#0ba54b}a{text-decoration:none}a:hover{text-decoration:none!important}.time-show{color:#555;margin-top:10px;font-size:.8rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.time-show,.time-show:hover{text-decoration:none}.viceCHeck{font-weight:700;color:#696969;font-size:.9rem;border:1px solid #a1a1a1;padding:3px 5px;border-radius:30px}.senderInfo{max-width:200px}.senderInfo .sender{font-size:1rem;font-weight:700}.senderInfo .sender,.senderInfo .sender_org{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.senderInfo .sender_org{font-size:.8rem;color:#555}.inbox{background-color:#ebebeb;flex:1 1;overflow:auto;padding:10px}.table-inbox{max-width:100%}.table-inbox tr .title{max-width:700px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-inbox tr .big,.table-inbox tr .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.table-inbox tr .small{font-size:.8rem}.table-inbox tr td{border-bottom:1px solid #ecf0f1;box-shadow:inset 0 -1px 0 0 rgba(100,121,143,.122)}@media only screen and (max-width:600px){.table-inbox tr td.hideSmall{display:none}.table-inbox tr td .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80vw}}@media only screen and (max-width:600px){.table-inbox tr th.hideSmall{display:none}}.table-inbox tr:hover.new td,.table-inbox tr:hover.readed td{background-color:#bdc3c7;cursor:pointer;color:#000}.table-inbox tr:hover td{background-color:#bdc3c7;cursor:pointer}.table-inbox tr.readed td{background-color:#ecf0f1}.table-inbox tr.readed td,.table-inbox tr.readed td div{font-weight:400!important;color:#34495e}.table-inbox tr.new td,.table-inbox tr.new td div{font-weight:700!important;color:#000}.inboxDetail{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;background-color:#fff;padding-bottom:30px;margin-top:0}@media only screen and (max-width:600px){.inboxDetail{display:block}}.inboxDetail .left{flex:2 1}@media only screen and (max-width:600px){.inboxDetail .left{width:100%}}.inboxDetail .rigth{flex:1 1;padding:10px}@media only screen and (max-width:600px){.inboxDetail .rigth{width:100%}}.inboxDetail .rigth .detail{padding:5px}.inboxDetail .rigth .detail .download{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #95a5a6;color:#3a3a3a;text-decoration:none;display:inline-block}.inboxDetail .rigth .detail .item{padding-bottom:15px}.inboxDetail .rigth .detail .item .description{font-size:.9rem;color:#bdc3c7;margin-top:20px}.inboxDetail .rigth .detail .item label{font-size:.8rem;color:#5e5e5e;font-weight:700}.inboxDetail .rigth .detail .item div{font-size:1rem;color:#000}.inboxDetailContainer{background-color:#fff;display:flex;grid-gap:5px;gap:5px;flex:1 1;overflow:auto}@media only screen and (max-width:600px){.inboxDetailContainer{margin:0}}.inboxDetailContainer .smallList{width:350px;border-right:1px solid #bdc3c7;background:#ebebeb}@media only screen and (max-width:1200px){.inboxDetailContainer .smallList{display:none}}.inboxDetailContainer .smallList .itemList{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;border-bottom:1px solid #dce1e4;cursor:pointer}.inboxDetailContainer .smallList .itemList:hover{background-color:#fafeff}.inboxDetailContainer .smallList .itemList.active{background-color:#fff;color:#2c3e50;position:relative;right:-1px}.inboxDetailContainer .smallList .itemList .smalText{font-size:.8rem}.inboxDetailContainer .smallList .new .itemList{font-weight:700}.inboxDetailContainer .detail{flex:1 1}.inboxDetailContainer .indexDetailTitle .tool{display:flex;justify-content:space-between;align-items:center;grid-gap:15px;gap:15px}.inboxDetailContainer .indexDetailTitle .tool .title{font-size:1.2rem;font-weight:700;flex:1 1;display:flex;justify-content:start;align-items:center}.desc{font-size:.9rem;color:#000;padding:5px 5px 5px 10px}.InboxContainer{display:flex;flex-direction:row;flex:1 1;background:#ecf0f1;padding:10px;grid-gap:10px;gap:10px;overflow:hidden}.InboxContainer .left{width:450px;height:100%;overflow:auto;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;transition:width .3s ease-out}.InboxContainer .left.full{width:100%}.InboxContainer .left .xtitle{padding:10px;font-weight:700;display:flex;justify-content:space-between}.InboxContainer .left .xtitle *{font-weight:700}.InboxContainer .left .doc_list{flex:1 1;overflow:auto}.InboxContainer .left .doc_list .list .item{padding:10px;border-bottom:1px solid #e9e9e9;color:#4b4e4e;background-color:#fff}.InboxContainer .left .doc_list .list .item:hover{background-color:#ecf0f1;cursor:pointer}.InboxContainer .left .doc_list .list .item.active{background:#ecf0f1}.InboxContainer .left .doc_list .list .item.new{background:#fff;color:#000;border-left:3px solid #27ae60}.InboxContainer .left .doc_list .list .item.new .detail .name{font-weight:700;color:#27ae60}.InboxContainer .left .doc_list .list .item.new .title{font-weight:700;color:#000}.InboxContainer .left .doc_list .list .item.new .title .number{font-weight:700}.InboxContainer .left .doc_list .list .item .detail{display:flex;justify-content:space-between;font-size:14px}.InboxContainer .left .doc_list .list .item .detail .name{font-weight:700}.InboxContainer .left .doc_list .list .item .title{font-size:16px;padding:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d}.InboxContainer .left .doc_list .list .item .org{font-size:14px}.InboxContainer .rigth{flex:2 1;height:100%;overflow:auto}.InboxContainer .rigth .searchBox{background-color:#fff;padding:10px;border-radius:10px;margin-bottom:10px}.InboxContainer .rigth .nodoc{display:flex;justify-content:center;align-items:center;font-size:2rem;height:100%;font-weight:700}.InboxContainer .rigth .InboxDetail{border-radius:10px;background-color:#fff;padding:10px}.InboxContainer .rigth .InboxDetail .title{display:flex;justify-content:space-between;align-items:center}.InboxContainer .rigth .InboxDetail .title .titles{font-size:1.2rem;font-weight:700}.InboxContainer .rigth .InboxDetail .title .tool{cursor:pointer}.InboxContainer .rigth .InboxDetail .fact_name{padding-top:20px;padding-bottom:10px}.InboxContainer .rigth .InboxDetail .detail .tool .revice-btn{margin-bottom:30px;display:inline-block;padding:10px 20px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:2px solid #1abc9c;color:#1abc9c;border-radius:30px;font-size:1.2rem;transition:background-color .3s,color .3s,border-color .3s}.InboxContainer .rigth .InboxDetail .detail .tool .revice-btn:hover{background-color:#1abc9c;color:#fff;border-color:#fff}.InboxContainer .rigth .InboxDetail .detail .item{margin-bottom:10px}.InboxContainer .rigth .InboxDetail .detail .item label{font-weight:700;padding:0;margin:0}.loadingInbox{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700}.react-datetime-picker__calendar{z-index:999!important}.react-datetime-picker{width:100%}.personel_inbox{padding:10px;background-color:#ecf0f1;flex:1 1;display:flex}@media only screen and (max-width:900px){.personel_inbox{padding:0}}.personel_inbox .left{display:none}.personel_inbox .left.full{width:100%;display:block}.personel_inbox .left.full .personel_inbox-tap{display:block}.personel_inbox .left .searchBox{padding:10px;background-color:#fff;border-radius:10px}.personel_inbox .left .personel_inbox-tap .tabs{margin-top:10px}.personel_inbox .left .personel_inbox-tap .tabs .moblieManu{display:none}.personel_inbox .left .personel_inbox-tap .tabs .list{display:flex;list-style:none;margin:0}.personel_inbox .left .personel_inbox-tap .tabs .list .item{padding:10px 20px;cursor:pointer;border-top-right-radius:10px;border-top-left-radius:10px;transition:all .3s}.personel_inbox .left .personel_inbox-tap .tabs .list .item:hover{background-color:#fff}.personel_inbox .left .personel_inbox-tap .tabs .list .item.active{background:#fff;font-weight:700}@media only screen and (max-width:900px){.personel_inbox .left .personel_inbox-tap .tabs .list{margin:0;background-color:#fff;flex-direction:column;flex:1 1}.personel_inbox .left .personel_inbox-tap .tabs .list .item{border-radius:0;padding:10px;margin:0;display:none}.personel_inbox .left .personel_inbox-tap .tabs .list .item.active{display:block}.personel_inbox .left .personel_inbox-tap .tabs .list .item.active .bold{font-weight:700}}@media only screen and (max-width:900px){.personel_inbox .left .personel_inbox-tap .tabs{display:flex;justify-content:space-between;background-color:#fff;border-bottom:1px solid #ddd}.personel_inbox .left .personel_inbox-tap .tabs.open .list .item{display:block!important;border-bottom:1px solid #ddd}.personel_inbox .left .personel_inbox-tap .tabs.open .moblieManu{color:#0d6efd;transform:rotate(-90deg)}.personel_inbox .left .personel_inbox-tap .tabs .moblieManu{margin-top:5px;display:block;margin-right:10px;padding:3px 5px;position:absolute;right:10px;transition:all .3s ease-in}}.personel_inbox .left .document_list{background-color:#fff;padding:10px}.personel_inbox .left .document_list .tool{display:flex;padding:10px;border-bottom:2px solid #bdc3c7;justify-content:space-between;align-items:center}.personel_inbox .left .document_list .tool .counter{font-weight:700;padding:3px 10px;font-size:1rem;display:inline-block;border:1px solid #bdc3c7;border-radius:10px;background-color:#ecf0f1}.personel_inbox .left .document_list .tool .qiust{border:1px solid #bdc3c7;border-radius:10px;padding:3px 10px;cursor:pointer}.personel_inbox .left .document_list .tool .qiust:hover{background-color:#ecf0f1}.personel_inbox .left .document_list .document_list_personel .item{border-bottom:2px solid #ecf0f1;padding:10px;display:flex}.personel_inbox .left .document_list .document_list_personel .item .item_tool{width:30px}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star{cursor:pointer;font-size:1.5rem;color:#868686;z-index:100;position:relative}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star.active,.personel_inbox .left .document_list .document_list_personel .item .item_tool .star:hover{color:#f39c12}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star:hover.active{color:#868686}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star:hover.active:after{background-color:#e3e3e3}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star:hover:after{display:block}.personel_inbox .left .document_list .document_list_personel .item .item_tool .star:after{content:" ";display:none;opacity:0;position:absolute;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:-1;background:none;border-radius:50%;box-sizing:border-box;transform:scale(0);transition-property:transform,opacity;bottom:3px;left:-3px;width:30px;height:30px;background-color:#ffefd7;box-shadow:none;opacity:1;transform:scale(1);border-color:currentcolor currentcolor #e9cca0;border-style:none solid;border-width:1px medium medium}.personel_inbox .left .document_list .document_list_personel .item.new{background-color:#dff8ff;border-bottom:2px solid #6797da}.personel_inbox .left .document_list .document_list_personel .item.new .org .name{color:#1a73e8}.personel_inbox .left .document_list .document_list_personel .item.new .org .name .newItem{background-color:#1a73e8;border-radius:13px;border:1px solid #1a73e8;color:#fff;display:inline-block;font-size:12px;font-weight:400;letter-spacing:normal;line-height:15px;padding:0 10px;vertical-align:initial;position:relative;margin-right:10px}.personel_inbox .left .document_list .document_list_personel .item.new .titles{font-weight:700}.personel_inbox .left .document_list .document_list_personel .item .item_detail{flex:1 1}.personel_inbox .left .document_list .document_list_personel .item:hover{background-color:#c2dbff;cursor:pointer}.personel_inbox .left .document_list .document_list_personel .item .org{display:flex;justify-content:space-between}@media only screen and (max-width:600px){.personel_inbox .left .document_list .document_list_personel .item .org{display:block}.personel_inbox .left .document_list .document_list_personel .item .org .times{text-align:right}}.personel_inbox .left .document_list .document_list_personel .item .org .name{font-weight:700}.personel_inbox .left .document_list .document_list_personel .item .org .name .newItem{display:none}.personel_inbox .left .document_list .document_list_personel .item .detail{display:flex;grid-gap:10px;gap:10px}.personel_inbox .left .document_list .document_list_personel .item .detail span{background-color:transparent;border-radius:3px;border-style:solid;border-width:1px;display:inline-block;font-size:12px;font-weight:400;letter-spacing:normal;line-height:15px;padding:0 3px;vertical-align:initial}.personel_inbox .left .document_list .document_list_personel .item .detail span.docType{background-color:#fff;color:#000;border-color:#fff}.personel_inbox .left .document_list .document_list_personel .item .detail span.assign{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.personel_inbox .left .document_list .document_list_personel .item .detail span.toknow{background-color:#3498db;color:#fff;border-color:#3498db}.personel_inbox .left .document_list .document_list_personel .item .detail span.order{background-color:#f39c12;color:#fff;border-color:#f39c12}.personel_inbox .left .document_list .document_list_personel .item .detail span.rules{background-color:#e67e22;color:#fff;border-color:#e67e22}.personel_inbox .rigth{flex:2 1;background-color:#fff;overflow:auto}.personel_inbox .rigth .inAppTitle{background-color:#fff;margin-bottom:10px;grid-gap:10px;gap:10px;padding:10px;border-radius:10px;display:flex;align-items:center}@media only screen and (max-width:600px){.personel_inbox .rigth .inAppTitle{margin-top:10px;border-radius:0}}.personel_inbox .rigth .inAppTitle .btn-back{padding:5px 16px 5px 3px;border-radius:22px;background-color:#fff;font-weight:700;border:2px solid #2c3e50;color:#2c3e50}.personel_inbox .rigth .inAppTitle .titles{font-weight:700}.inAppTitle{background-color:#fff;margin-bottom:10px;grid-gap:10px;gap:10px;padding:10px;border-radius:10px;display:flex;align-items:center}@media only screen and (max-width:600px){.inAppTitle{margin-top:10px;border-radius:0}}.inAppTitle .btn-back{padding:5px 16px 5px 3px;border-radius:22px;background-color:#fff;font-weight:700;border:2px solid #2c3e50;color:#2c3e50}.inAppTitle .titles{font-weight:700}.documentation-tol{padding:20px 10px 10px;display:flex;justify-content:space-between}.documentation-tol .buttom{display:flex;justify-content:flex-start}@media(max-width:800px){.documentation-tol .buttom{flex-direction:column}.documentation-tol .buttom .download-original{margin-bottom:15px}}.documentation-tol .buttom .download-original{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #95a5a6;color:#3a3a3a;text-decoration:none;display:block}.documentation-tol .buttom .download-original svg{margin-right:5px;display:inline-block}.title-x{font-size:1.2rem;font-weight:700;padding:10px;display:flex;grid-gap:10px;gap:10px}.title-x .btn-back{padding:3px 10px;border-radius:22px;background-color:#fff;font-weight:700;border:2px solid #2c3e50;color:#2c3e50}.title-x .title{font-weight:700}.choose_faculty .btn-select-factulty{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #95a5a6;color:#3a3a3a;display:inline-block;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;margin-left:10px}.choose_faculty .btn-select-factulty:hover{outline:none;color:#ecf0f1;text-decoration:none;background-color:#3a3a3a}.choose_faculty .btn-send-mail{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #1b28d6;color:#ecf0f1;display:inline-block;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;margin-left:10px;background:#1b28d6}.choose_faculty .btn-send-mail:hover{outline:none;color:#ecf0f1;text-decoration:none;background-color:#1b28d6}.choose_faculty .facultyList{display:flex;flex-direction:column;grid-gap:10px;gap:10px;background-color:#fff;border-radius:10px;margin-top:10px;padding:10px}.choose_faculty .facultyList .facultyItem{padding:10px;border-radius:10px;border:1px solid #bdc3c7;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none}.choose_faculty .facultyList .facultyItem:hover{background-color:#ecf0f1}.choose_faculty .facultyList .facultyItem .name{font-weight:700}.choose_faculty .facultyList .facultyItem .name .btnRemoveFaculty{padding:1px 12px;border-radius:20px;border:0;display:inline-block;cursor:pointer;font-size:.9rem;transition:all .3s ease-in-out;text-decoration:none;background-color:#fff;color:#df0909}.choose_faculty .facultyList .facultyItem .pdf-infomation{padding:10px;border-radius:10px;border:1px solid #bdc3c7;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;display:flex;grid-gap:10px;gap:10px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin-top:10px;max-width:100%}.choose_faculty .facultyList .facultyItem .pdf-infomation .pdf-icon{display:flex;font-size:2rem;color:#7f8c8d}.choose_faculty .facultyList .facultyItem .pdf-infomation .infomation .pdf-name{font-weight:700}.choose_faculty .facultyList .facultyItem .pdf-infomation .infomation .pdf-size{color:#7f8c8d}.choose_faculty .facultyList .facultyItem .pdf-infomation .infomation .btn-delete{padding:2px 10px;border-radius:20px;border:1px solid #df0909;display:inline-block;cursor:pointer;font-size:.9rem;transition:all .3s ease-in-out;text-decoration:none;background-color:#fff;color:#df0909;font-weight:700}.choose_faculty .facultyList .facultyItem .pdf-infomation .infomation .btn-delete:hover{outline:none;color:#ecf0f1;text-decoration:none;background-color:#df0909}.logContainer .showLog{cursor:pointer;display:flex;flex-direction:row;grid-gap:12px;gap:12px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.logContainer .showLog:hover{color:#000}.logContainer .showLog.btn{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #95a5a6;color:#3a3a3a;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;margin-left:10px}.logContainer .showLog.btn:hover{outline:none;color:#ecf0f1;text-decoration:none;background-color:#3a3a3a}.logContainer .logDetail{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.1764705882);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.logContainer .logDetail .continer{width:500px;height:100%;background-color:#fff}.logContainer .logDetail .continer .header{display:flex;justify-content:space-between;background:#ecf0f1;padding:3px;align-items:center}.logContainer .logDetail .continer .header .title{font-size:1rem;font-weight:700}.logContainer .logDetail .continer .header .close{cursor:pointer;font-size:1rem}.logContainer .logDetail .continer .body{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;padding:0}.logContainer .logDetail .continer .body .left{flex:2 1;background-color:#ebebeb}.logContainer .logDetail .continer .body .right{flex:3 1}.css-ldm2bm{outline:none}*{font-family:"Noto Sans Thai",sans-serif}body,html{width:100%;font-size:16px}body,html{min-height:100%}body{background-color:#fff}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#eff3f5}body::-webkit-scrollbar-thumb{background-color:#b1b1b1}#root{width:100%;height:100%;display:flex;flex-direction:column}.header{padding:18px 30px;display:flex;flex-direction:row;background-image:linear-gradient(98deg,#fff,#fff)}.header .Logo{padding-right:30px}.header .Logo .LogoAndName{display:flex}.header .Logo img{width:105px}.header .topBar{outline:none;background-size:200%;font-size:1.2rem;font-family:"Poppins",sans-serif;cursor:pointer;transition:.5s;display:flex;justify-content:flex-start;align-items:center;flex:1 1;border:1px;border-right:none;border-left:none;border-color:#e6e8f2;border-style:solid;border-width:0 1px}.header .topBar a{margin:0 0 0 32px;color:#8389a2;text-decoration:none;font-weight:500;font-size:16px}.header .topBar a.is_active{font-weight:700;color:#1d3cb1}.header .UserAvatar{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-right:10px;padding-left:30px}.header .UserAvatar img{width:25px;border-radius:50%;margin-right:10px}.header .UserAvatar div{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.header .UserAvatar .iconLogout{margin-left:5px;color:#c0392b}.header .UserAvatar .iconLogout:hover{cursor:pointer;color:#fff;background:red;border-radius:50%}.header.forMobile{display:none}.form-pw-radio{display:inline-block;margin-right:10px;margin-bottom:25px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.form-pw-radio .checkmark{border:1px solid #636e72;color:#636e72;padding:5px 15px;border-radius:6px;position:relative;transition:all .4s ease-in}.form-pw-radio input.form-check-input{opacity:0;width:0;height:0}.form-pw-radio input:checked~.checkmark{border-color:#000;color:#000;font-weight:700;padding-left:30px;box-shadow:0 0 5px 0 #dedede}.form-pw-radio input:checked~.checkmark:before{left:10px;position:absolute;top:3px;display:inline-block;width:8px;height:17px;border:1px solid #000;border-width:0 3px 3px 0;transform:rotate(45deg);z-index:10;content:" "}.PageTitle{font-size:1.5rem;color:#fff;display:flex;justify-content:space-between;background-color:#1d3cb1;padding:10px 30px}.PageTitle a{color:#b9c8ff;font-size:1rem;text-decoration:none;border-radius:10px;transition:all .3s;display:inline-block}.PageTitle a:hover{color:#fff;text-decoration:none}.CatTitle{color:#000;padding-bottom:10px}.container{padding:45px}.container-full{padding:30px}.modal{position:fixed;width:100%;height:100%;background-color:rgba(48,50,58,.7882352941);top:0;left:0;z-index:99}.modal,.modal .alert{display:flex;justify-content:center;align-items:center}.modal .alert{background-color:#fff;min-width:445px;max-width:445px;min-height:auto;border-radius:4px;flex-direction:column;position:relative}.modal .alert .closeModal{position:absolute;right:24px;cursor:pointer;width:24px;height:24px;top:24px}.modal .alert .closeModal img{width:100%}.modal .alert .alert-icon{padding:40px 0 0;text-align:center}.modal .alert .alert-text{text-align:center;padding-top:30px;padding-bottom:40px}.modal .alert .alert-text .alert-title{margin:12px 0 0;font-size:2rem}.modal .alert .alert-text .alert-title-des{margin:10px 0 20px}.modal .alert .alert-btn{border-top:1px solid #e6e8f2;padding:24px 0;position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.modal .alert .alert-btn button{box-shadow:0 2px 4px 0 rgba(19,30,98,.2);background-image:linear-gradient(105deg,#1d3db4,#131e62);width:190px;height:44px;font-weight:500;color:#fff;cursor:pointer}.form-group{margin:0}.container{width:1100px;margin:auto;max-width:100%}.MuiGrid-spacing-xs-5>.MuiGrid-item{padding-top:0!important;padding-bottom:0!important}.hide{display:none}.loader,.loader:after,.loader:before{border-radius:50%;width:1.5em;height:1.5em;animation-fill-mode:both;animation:load7 1.4s ease-in-out infinite}.loader{color:#fff;font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.container-fluid,table{width:100%}table{padding:30px;border-spacing:0}table.pt0{padding-top:0}table thead,table thead th{font-weight:600}table thead th{padding:10px 7px;border-bottom:2px solid #d8d8d8;text-align:left;color:#272727;font-size:1rem}table thead th:first-child{border-radius:6px 0 0 0}table thead th:last-child{border-radius:0 6px 0 0}table tbody tr td{font-size:1rem;color:#666;line-height:1.2;font-weight:unset!important;padding-top:10px;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #f2f2f2}table tbody tr:hover td{background:#ececff}.nodata{display:flex;justify-content:center;align-items:center;font-weight:600;text-align:center;flex-direction:column;padding:30px;margin:30px auto auto;border-radius:10px}.nodata,.nodata .image{background-color:#fff}.nodata .text{font-size:24px;color:#b2bec3}.font3x{font-size:3rem}.Document{flex:1 1;display:flex;flex-direction:column;background-color:#dfe6e9}.Document .doc_list{padding:20px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}@media(max-width:1000px){.Document .doc_list{padding:0}}.title{padding:10px 0;color:#131f64}@media(max-width:1000px){.documentation{padding-top:0}}.documentation h2{font-size:1.3rem}.documentation .docTitle{font-size:1rem;font-weight:700}.documentation .showPDF{width:100%}.documentation .showPDF iframe{width:100%;height:100%;min-height:500px;border:0}.documentation .reviceDoc{padding:5px}.documentation .showPDF.full{position:absolute;top:0;left:0;width:100%;height:100%}.documentation .documentation-tol{padding:20px 10px 10px;display:flex;justify-content:space-between}.documentation .documentation-tol .buttom{display:flex;justify-content:flex-start}@media(max-width:800px){.documentation .documentation-tol .buttom{flex-direction:column}.documentation .documentation-tol .buttom .download-original{margin-bottom:15px}}.documentation .documentation-tol .buttom .download-original{padding:5px 20px;margin-right:10px;border-radius:20px;border:1px solid #95a5a6;color:#3a3a3a;text-decoration:none;display:block}.documentation .documentation-tol .buttom .download-original svg{margin-right:5px;display:inline-block}.documentation .Process_Document{display:flex;padding-top:0;border-radius:10px}.documentation .Process_Document .left{background-color:#fff;padding:20px;flex:3 1;border-radius:10px 0 0 10px}.documentation .Process_Document .rigth{padding:10px;margin-left:10px;background-color:#fff;flex:2 1;border-radius:0 10px 10px 0}@media(max-width:1000px){.documentation .Process_Document{padding:0;flex-direction:column}.documentation .Process_Document .signOption .option{padding:10px 20px}.documentation .Process_Document .left{padding:0;border-radius:0}.documentation .Process_Document .rigth{margin:0;border-radius:0}}.CatTitle{margin-top:30px;border-radius:20px 20px 0 0;padding:0 3px;font-weight:700;color:#1d3cb1;font-size:1.2rem;border-bottom:2px solid #1d3cb1}.mgb50{margin-bottom:50px}.titlePreview{font-weight:700;font-size:1.1rem;background-color:#1d3cb1;color:#fff;padding:10px;text-align:center;border-radius:20px 20px 0 0}.titlePreviewx2{padding:3px;font-weight:700;font-size:1.3rem;border-top:3px solid #1d3cb1;color:#1d3cb1}.signHistory{margin-top:30px;border-radius:6px}.htitle{font-weight:700;color:#fff;font-size:1.2rem;display:block;padding:3px 0}.titlex{border-bottom:2px solid #1d3cb1;border-radius:20px 20px 0 0;color:#1d3cb1}.hblock,.titlex{margin-bottom:10px}.hblock{padding:10px;border-radius:3px;display:flex;border-bottom:1px solid #dfe6e9}.hblock .picture{padding-right:5px}.hblock .picture .userPic{width:60px;height:60px;border-radius:50%;overflow:hidden;box-shadow:0 0 5px 0 hsla(0,0%,58.8%,.73)}.hblock .picture .userPic img{width:100%}.hblock .detail{flex:1 1;padding-left:15px;border-radius:10px}.hblock .detail .hname{font-weight:700;color:#2c3e50;font-size:1.1rem;display:flex;justify-content:space-between}.hblock .detail .htime{font-size:.8rem;color:#999}.hblock .detail .httitle{font-size:.9rem;margin-top:10px;color:#8d8d8d}.hblock .detail img{height:200px;border:1px solid #d3d2d2;border-radius:6px;margin-top:10px}.empty-text{color:#7f8c8d}.empty-text-pdf{color:#9a9ba2;width:100%;height:500px;display:flex;justify-content:center;flex-direction:column;background:#e2e2e2;align-items:center;border:2px solid #d6d6d6;font-size:3rem;border-radius:5px}.Deploy{padding-left:15px}.Deploy div{border-bottom:1px solid #020202}.Deploy div label{cursor:pointer;padding:2px 10px;margin-bottom:5px;border-radius:5px;display:inline-block;font-size:18px}.Deploy div input{margin-right:5px}.DisplayDesp{border:3px solid #020202}.DisplayDesp .htitle{border-bottom:2px solid #020202;background:#020202;margin-top:0;color:#fff;padding:10px}.groupDoc .title{color:#131f64;font-size:1.2rem}.groupDoc .groupDocNow{padding-left:15px}.groupDoc .choick{padding:5px}.groupDoc .choick label{font-size:1rem;cursor:pointer;display:inline-block;margin:0;padding:5px 5px 5px 10px;position:relative;display:flex;grid-gap:10px;gap:10px}.groupDoc .choick label:hover{color:#00b118}.groupDoc .choick label .checkedbox{display:flex;grid-gap:10px;gap:10px}.groupDoc .checked label{color:#1d3cb1;font-weight:700}.userGroup{margin-top:10px}.userGroup .title{display:block;background:#1d3cb1;color:#fff;padding:5px}.gu{margin-top:30px}.UserList{margin-top:0;flex-wrap:wrap;justify-content:space-between;border:2px solid #1d3cb1;margin-bottom:10px;padding-bottom:10px;padding-left:30px}.UserList,.UserList .user{display:flex;flex-direction:row}.UserList .user{margin-top:10px;padding:4px 10px;border-radius:6px;width:50%;justify-content:flex-start;align-items:flex-start}.UserList .user .avatar{height:30px;width:30px;overflow:hidden;border-radius:50%;margin-right:10px}.UserList .user .avatar img{width:100%}.UserList .user .name{font-size:1rem}.user.active{color:#fff;background:#27ae60}.user:hover{cursor:pointer;background:#f8f8f8}.user.active:hover{background:#27ae60}.departmentName{width:100%;font-size:.9rem;color:#868686;border-bottom:1px solid #dedede;padding:5px 20px 5px 0;margin-right:30px;display:flex;justify-content:space-between}.departmentName .departmentTool a{padding:0 10px;cursor:pointer}.departmentName .departmentTool a:hover{color:#1d3cb1}.fakeCheckBox{width:30px;height:100%;justify-content:center;align-items:center;display:flex;padding-right:10px}.inputCheck{width:20px;height:20px;border:2px solid #aaa;border-radius:3px;position:relative}.checked .inputCheck{border-color:#1d3cb1}.checked .inputCheck:before{width:5px;height:10px;content:" ";z-index:2;display:block;border-color:#1d3cb1;border-style:solid;border-width:0 3px 3px 0;transform:rotate(45deg);top:2px;position:relative;left:5px}.checked .avatar{box-shadow:0 0 4px 2px #1d3cb1}.userGroup .title{display:flex;justify-content:space-between}.userGroup .title .departmentTool a{font-size:1rem;padding:0 10px;cursor:pointer}.gtitle{justify-content:space-between}.gtitle,.gtitle .departmentTool{display:flex}.gtitle .departmentTool a{padding:0 10px;font-size:1rem;cursor:pointer;border:1px solid #1d3cb1;margin-left:10px;border-radius:3px}.revicePerson{font-size:1rem;color:#1d3cb1;padding-left:15px;font-weight:700}.FormSearch{border:1px solid #d8d8d8;padding:10px;background-color:#fff;border-radius:8px;margin-bottom:20px}@media(max-width:800px){.FormSearch{margin:10px}}.FormSearch .title{font-size:1.2rem;font-weight:700;padding:0!important}.FormSearch .form-group{margin-bottom:5px}.Footer{padding:10px;display:flex;font-size:1rem;margin-top:20px}@media(max-width:768px){.Footer{flex-direction:column}}.Footer .allItem{color:#aaa}.Footer .allItem b{font-weight:700;color:#949494}.Footer .page{margin-left:10px;color:#1d3cb1}@media(max-width:768px){.Footer .page{margin:10px 0 0}}.Footer .page span{color:#202020;border:1px solid #909396;padding:0 10px;border-radius:10px;background:#fff}.Footer .goTopage{display:flex;margin-left:10px}@media(max-width:768px){.Footer .goTopage{margin:10px 0 0}}.Footer .goTopage ul{list-style:none;display:flex}.Footer .goTopage ul li{margin-left:5px}.Footer .goTopage ul li a{padding:0 10px;color:#000;border:1px solid #34495e;display:block;text-decoration:none;border-radius:10px;background-color:#fff;cursor:pointer}.Footer .goTopage ul li a.active{background:#2c3e50;color:#fff;border-color:#34495e}.doc_type{color:#16a085;border:1px solid #16a085;font-size:.8rem;display:inline-block;padding:3px 10px;border-radius:3px;margin-right:10px;margin-top:3px}.inbox-item{display:block;color:#2c2c2c;text-decoration:none;margin-top:15px;margin-bottom:-20px;padding:7px 7px 7px 15px;position:relative}.inbox-item.active{color:#1d3cb1;font-weight:700;background:#fff;position:relative}.Inbox{display:flex;width:100%;height:100%}.Inbox .inboxLeft{width:250px;background-color:#fff}.Inbox .inboxLeft .title{padding-left:15px;font-size:1.3rem;color:#fff;font-weight:700;border-bottom:3px solid #1d3cb1;background-color:#1d3cb1}.Inbox .inboxRigth{flex:1 1;padding:20px}.Inbox .inboxRigth .document_list{border-radius:10px;overflow:hidden;background-color:#fff}.documentation.DocPocess{padding:0}.DocPocess{display:flex}@media(max-width:800px){.DocPocess{flex-direction:column}}.DocPocess .CLeft{flex:3 1;margin-top:0;background-color:#fff;padding:10px;border-radius:10px;overflow:hidden}@media(max-width:800px){.DocPocess .CLeft{order:2}}.DocPocess .CRigth{flex:2 1;margin-left:10px;background-color:#fff;padding:10px;border-radius:10px}@media(max-width:800px){.DocPocess .CRigth{margin-left:0;margin-top:10px;order:1}}.Sitext{padding-left:10px;padding-bottom:5px}.counterInbox{display:inline-block;position:absolute;right:2px;text-align:center;border-radius:10%;color:#797979;font-size:.9rem;padding-right:5px;padding-left:5px}.inbox-item.active .counterInbox{color:#1d3cb1}.signDocument.active{padding:20px;margin-top:20px}.signDocument.active .CatTitle{margin-top:0;color:#00b118;border:none}.signDraw{border:1px solid #d3d2d2;border-radius:6px;margin-top:10px}.smallText{font-size:.8rem}.ForwardReport{display:flex;flex-wrap:wrap;padding-top:10px;justify-content:space-between}.forward-box{position:relative;padding:5px;margin:1px;display:flex;width:49%;border-bottom:1px solid #bdc3c7}@media(max-width:800px){.forward-box{width:100%}}.forward-box.toknow .detail .SingStatus,.forward-box.toknow .detail .userName{color:#f1c40f}.forward-box .profilePic{width:40px;height:40px;border-radius:50%;overflow:hidden;border:3px solid #ebebeb}.forward-box .profilePic img{width:100%}.forward-box .detail{flex:1 1;margin-left:15px}.forward-box .detail.active{color:#00b118}.forward-box .detail .userName{font-weight:700;font-size:.9rem;display:inline-block;border-radius:30px}.forward-box .detail .userName .progress_type{font-size:.8rem;font-weight:400;color:#1289a7}.forward-box .detail .Time{font-size:.8rem}.forward-box .detail .actived{position:relative}.forward-box .detail .actived .Sign .title{font-size:.8rem;color:#555}.forward-box .detail .actived .Sign .text{padding:0}.forward-box .detail .actived .Sign .text img{width:250px;border:1px solid #e2e2e2;border-radius:6px;max-width:100%}.forward-box .detail .noactive{position:relative;font-size:.8rem;color:#919191}.actionType.end{font-size:1.2rem;font-weight:700;color:#e74c3c}.actionType.end .Text{border:2px solid #e74c3c;display:inline-block;padding:5px 25px}.actionType.forward{font-size:1.2rem;font-weight:700;color:#1d3cb1}.actionType.forward .Text{border:2px solid #1d3cb1;display:inline-block;padding:5px 25px}.actionType.deputy{font-size:1.2rem;font-weight:700;color:#00b118}.actionType.deputy .Text{border:2px solid #00b118;display:inline-block;padding:5px 25px}.status{font-size:.9rem;padding:3px 7px;border-radius:6px;display:inline-block}.status.st9.forward{color:#098a1a;border:1px solid #00b118}.status.st9.end{color:#e74c3c;border:1px solid #e74c3c}.status.st9.deputy{color:#2980b9;border:1px solid #2980b9}.text-sm{font-size:14px}.nextStep{display:flex}.nextStep .GroupType{font-size:1.2rem;font-weight:700;color:#00b118;color:#d35400;margin-right:10px;border:2px solid #d35400;display:inline-block;padding:5px 25px}.noreadText{font-size:.8rem;color:#d35400}.readText{font-size:.8rem;color:#27ae60}.connnectLine{font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px}.connnectLine .LogoNotify{padding-right:50px}.connnectLine .LogoNotify .logo{height:150px}.connnectLine .Textdescription{display:flex;flex-direction:column;justify-content:center;align-items:center}.connnectLine .Textdescription .title{text-align:center}.connnectLine .Textdescription .title .big{font-weight:700;font-size:3rem;color:#00b118}.connnectLine .Textdescription .btnConnect{border:3px solid #00b118;color:#00b118;display:block;padding:5px 30px;border-radius:7px;display:flex;text-decoration:none;cursor:pointer}.from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.docType{font-size:.8rem;padding:3px 5px;text-align:center;display:inline-block;border:1px solid #00b118;border-radius:3px}.docType.type_10{border-color:#27ae60;color:#27ae60}.docType.type_11{border-color:#f7d794;color:#ffae00}.docType.type_12{border-color:#f39c12;color:#aa6902}.docType.type_13{border-color:#2c3e50;color:#2c3e50}.docType.type_14{border-color:#ea2027;color:#ea2027}.docType.type_15{border-color:#1289a7;color:#1289a7}.docType.type_16{border-color:#833471;color:#833471}.FormSearch{padding-bottom:10px}.Grid{display:flex;padding:10px}.Grid .GridItem{flex:1 1;padding:10px}.Grid .GridLeft{border-right:3px solid #1d3cb1}.HomePage{padding:10px;text-align:center}.HomePage .homeLogo{padding-top:150px}.HomePage .homeLogo img{width:350px}.HomePage .TextLogo{padding-top:10px;font-weight:700;margin-top:30px;color:#7282c5}.HomePage .TextLogo .big{font-size:2.5rem}.HomePage .TextLogo .small{font-size:1.5rem}.profileLink{text-decoration:none;color:#000;font-weight:700}.Profile{display:flex;width:1000px;margin:auto;max-width:100%;background-color:#fff;border-radius:5px;padding:30px}@media(max-width:500px){.Profile{width:100%;flex-direction:column}.Profile .image{margin-right:0!important;text-align:center;margin-bottom:30px;padding:30px;width:100%!important;height:auto!important;border-radius:5px!important;background-color:#eee}.Profile .image img{width:100px!important;height:100%;border-radius:50%}.Profile .detail h1{font-size:18px;font-weight:700}}.Profile .image{margin-right:30px;width:100px;height:100px;border-radius:50%;overflow:hidden}.Profile .image img{width:100%}.Profile .detail{flex:1 1}.Profile .detail h1{color:#1d3cb1}.Profile .detail span{font-size:.8rem;color:#6e6e6e}.Profile .detail .value{font-weight:700;display:block;font-size:1rem;margin-bottom:10px;color:#2c3e50}.Profile .detail .lineConnectLink{margin-top:20px;font-weight:700;border:2px solid #cacaca;display:inline-block;padding:10px;border-radius:6px}.Profile .detail .lineConnectLink a{text-decoration:none;color:#00b118;font-size:1.2rem;border-bottom:2px solid #00b118}.Profile .detail .lineConnectLink a:hover{color:#1d3cb1;border-color:#1d3cb1}.Profile .detail .lineConnectLink .description{padding-top:10px;color:#020202;font-size:1rem;font-weight:400}.text-success{color:#00b118}.text-danger{color:#c0392b!important}.DocfileFORSign{margin-top:10px;padding:10px;background:#27ae60;text-align:center;font-size:1.2rem;border-radius:3px;border:2px solid #27ae60;border-top:3px solid rgba(3,133,57,.9921568627)}.DocfileFORSign .title{color:#ecf0f1}.DocfileFORSign a{border-color:rgba(3,133,57,.9921568627);color:#16a085;font-weight:700;font-size:1.5rem}.Canvas_contrainer{width:100%;height:100%;position:fixed;top:0;left:0}.Canvas_contrainer .draw{width:500px;height:300px;max-width:100%;max-height:500px;background-color:#fff;margin-top:10px;margin-bottom:20px;border-radius:5px}.Canvas_contrainer .draw .Canvas{border:1px solid #ecf0f1!important;border-radius:12px!important;overflow:hidden}.Canvas_contrainer .tool{display:flex;justify-content:space-between;align-items:stretch;width:100%;max-width:500px}.Canvas_contrainer .tool div{margin-top:10px;padding:5px 15px;font-size:1rem;font-weight:400;color:#2c3e50;background-color:#fff;border-radius:30px;cursor:pointer}@media(max-width:500px){.Canvas_contrainer .tool div{font-size:14px;padding:5px 10px}}.Canvas_contrainer .tool div:hover{background-color:#ecf0f1}.Canvas_contrainer .tool div.cancle{background-color:#e74c3c;color:#fff}.Canvas_contrainer .tool div.cancle *{color:#fff}.Canvas_contrainer .tool div.success{background-color:#27ae60;color:#fff}.Canvas_contrainer .tool div.success *{color:#fff}.Canvas_contrainer .show{width:300px}.Canvas_contrainer .show img{width:100%}.title-small{font-size:.8rem;color:#7f8c8d;display:block;padding-bottom:10px;padding-top:10px}.signOption{display:flex}.signOption .option{padding:10px 30px;background:#2c3e50;margin-right:10px;border-radius:30px;color:#fff;cursor:pointer;font-weight:700}.signOption .option:hover{background-color:#1abc9c}.signOption .option.active{background-color:#27ae60}.docPreview{display:block;width:100%;min-height:500px;display:flex;flex-direction:column}.docPreview .TiitleAndTool{padding:10px;display:flex;justify-content:space-between;min-height:41px;position:relative;z-index:10;background-color:#fff}.docPreview .TiitleAndTool .title{padding:0;color:#131f64;font-weight:700}.docPreview .TiitleAndTool .tool a{cursor:pointer;padding:3px 10px;border-radius:15px;color:#ecf0f1;background-color:#34495e}.docPreview .priviewDoc{flex:1 1;background:#f0f0f0;height:600px}.docPreview .priviewDoc iframe{width:100%;height:600px;border:0}.docPreview.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.docPreview.fullscreen .priviewDoc{flex:1 1;background:#2c3e50;height:100%}.docPreview.fullscreen .priviewDoc iframe{width:100%;height:100%}.time{font-size:.9rem;background:#cdd5fc;padding:5px 5px 5px 20px;font-weight:700;border-top:1px solid #e2eefd;color:#2b49f1;border-radius:0 0 10px 10px}.signText{background:#dce2ff;padding:5px 10px 5px 20px;color:#000;border-radius:10px 10px 0 0}.signature img{border:1px solid #e2eefd}.openSignatureDraw{color:#1d3cb1;margin-bottom:30px;display:inline-block;border-radius:30px;border:1px solid #1d3cb1;padding:5px 10px;margin-top:10px;font-weight:700;font-size:.8rem;cursor:pointer}.openSignatureDraw label{cursor:pointer}.openSignatureDraw:hover{background:#1d3cb1;color:#fff}.NohaveSignature{position:absolute;z-index:110;top:0;left:0;background:rgba(0,0,0,.631372549);color:#a11717;width:100%!important;height:100%!important}.NohaveSignature .alertBox{display:flex;flex-direction:column;width:450px!important;text-align:center;height:auto!important;padding:30px;background-color:#cfcdcd;border-radius:30px;border:3px solid #c00c0c}.NohaveSignature .alertBox div{width:100%!important;padding:20px}.penTool{display:flex;width:100%;max-width:500px;height:auto;text-align:center;justify-content:space-between}.penTool .LineColor{display:flex;padding-bottom:5px}.penTool .LineColor .LColor{width:25px;height:25px;background:sienna;border-radius:50%;margin-right:10px;cursor:pointer}.penTool .LineColor .RED{background-color:red}.penTool .LineColor .BLACK{background-color:#000}.penTool .LineColor .GREEN{background-color:green}.penTool .LineColor .YELLOW{background-color:#ff0}.penTool .LineColor .BLUE{background:#00f}.penTool .LineColor .Active{box-shadow:0 0 4px #fff}.penTool .LineSize{display:flex;padding-bottom:5px;justify-content:center;align-items:flex-end;position:relative}.penTool .LineSize .LSize{width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;font-size:1rem;margin-left:10px;font-weight:700;cursor:pointer;background-color:hsla(0,0%,100%,.27)}.penTool .LineSize .Active{box-shadow:0 0 0 1px #fff}.otherForward{font-size:1.2rem;margin-top:30px;border-bottom:3px solid #1d3cb1;color:#1d3cb1;font-weight:700}.text-noict{font-size:.9rem;color:#646464}.notfound{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:100px;position:fixed;z-index:998;top:0;left:0;background-color:#bdc3c7;color:#34495e;font-weight:700}.notfound .text404{font-size:3rem;text-transform:uppercase;text-align:center}.notfound .text div{text-align:center}.notfound .text div a{margin:10px;display:inline-block;padding:10px 70px;text-decoration:none;background-color:#ecf0f1;font-weight:700;border-radius:30px;color:#1d3cb1;border-bottom:3px solid #1d3cb1}.notfound .text div .label-footer{color:#7c7c7c;font-weight:400;margin-top:20px;display:inline-block}.newDocumentForm{display:flex;flex-direction:row;padding:30px;background-color:#dfe6e9;flex:1 1}.newDocumentForm .doc_list{flex:2 1;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.newDocumentForm .document-input{flex:2 1;background-color:#fff;border-radius:10px 0 0 10px;padding:20px}.newDocumentForm .filePreView{flex:3 1;margin-left:15px;background-color:#fff;border-radius:0 10px 10px 0;overflow:hidden}.newDocumentForm .filePreView iframe{border:0;border-bottom:2px solid #ddd;background-color:#fff;padding:10px;height:750px}.newDocumentForm .search{width:200px;padding-right:30px}.newDocumentForm .search .form-group{margin:1px 0;display:flex;flex-direction:column}.radio_input{display:flex}.radio_input label{padding:0 10px 10px}.radio_input label input{position:relative;border:none;background-color:#fff;margin-right:10px}.radio_input label input:after{content:" ";background-color:#fff;border:2px solid #34495e;width:20px;height:20px;display:flex;position:absolute;justify-content:center;align-items:center;top:-2px;left:0;border-radius:50%}.radio_input label input:checked:after{background-color:#d7ffe8;border-color:#06833a}.radio_input label input:checked:before{content:" ";width:5px;height:10px;display:flex;position:absolute;top:2px;left:8px;border:10px solid #06833a;border-width:0 2px 2px 0;z-index:10;transform:rotate(45deg)}.manager_sign .signHistory{margin-top:0}.manager_sign .signHistory .httitle{font-size:.9rem;margin-top:0;color:#8d8d8d}.manager_sign .signHistory .hblock{border:none;box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.manager_sign .signHistory .hblock .detail .hname{font-size:1rem;font-weight:400}.manager_sign .signHistory .hblock .detail .htime{font-size:.7rem}.manager_sign .signHistory .hblock .detail .signText{background:none;color:#00b30f;padding:0;font-size:1rem}.manager_sign .signHistory .hblock .detail .signText p{margin:0;padding:0}.manager_sign .signHistory .hblock .detail .time{font-size:.8rem;background:none;padding:0;font-weight:400;border:0;color:#2b49f1}.process{display:flex;align-items:center}.process a{margin-left:10px;background-color:red}.popup-person{position:fixed;width:800px;height:100vh;background-color:rgba(7,8,44,.8470588235);top:0;right:0;z-index:102;display:flex;justify-content:center;align-items:center;transition:all .5s;z-index:999}.popup-person.sLeft{right:calc(100% - 800px)}.popup-person .container-popup{width:100%;height:100%;overflow:hidden;background-color:#bdc3c7;display:flex;flex-direction:column}.popup-person .container-popup .person_tool{display:flex;justify-content:space-between;align-items:center;padding:10px}.popup-person .container-popup .person_tool .title{font-size:1rem;color:#000;font-weight:700;padding:0;display:flex;grid-gap:10px;gap:10px;align-items:center}.popup-person .container-popup .person_tool .title .btnsLR{border:1px solid #ecf0f1;padding:3px 5px;background:#fff;border-radius:30px;cursor:pointer;color:#34495e}.popup-person .container-popup .person_tool .title .btnsLR:hover{background-color:#ecf0f1}.popup-person .container-popup .person_tool .title .btnsLR.active{background-color:#00b118;color:#fff;border-color:#00b118}.popup-person .container-popup .person_tool .departmentTool{display:flex}.popup-person .container-popup .person_tool .departmentTool a{margin-right:10px;border-radius:20px;text-decoration:none;cursor:pointer;color:#000;background-color:#fff;display:block;padding:2px 10px;font-size:.9rem}.popup-person .container-popup .person_tool .departmentTool a.checked{color:#000}.popup-person .container-popup .person_list{flex:1 1;overflow-y:scroll;padding:10px;height:100%;background-color:#ecf0f1}.popup-person .container-popup .person_list::-webkit-scrollbar{width:12px}.popup-person .container-popup .person_list::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.popup-person .container-popup .person_list::-webkit-scrollbar-thumb{background-color:#fff;background:hsla(0,0%,57.3%,.548);border:3px solid #fff;border-radius:10px}.popup-person .container-popup .person_list .userGroup{margin-top:0;overflow:hidden}.popup-person .container-popup .person_list .userGroup .title{color:#4b4b4b;background-color:#dfe6e9;font-size:1rem;font-weight:300}.popup-person .container-popup .person_list .userGroup .title .departmentTool{display:flex}.popup-person .container-popup .person_list .userGroup .title .departmentTool a{font-size:.8rem;font-weight:400;background-color:#f1f1f1;margin-left:10px;border-radius:10px;color:#1f2124;padding:2px 10px;display:block}.popup-person .container-popup .person_list .userGroup .UserList{border:none;justify-content:start;background-color:#fff;border-radius:6px;box-shadow:0 1px 0 rgba(17,17,26,.1)}.popup-person .container-popup .person_list .userGroup .UserList .user{width:33%}.popup-person .container-popup .person_list .userGroup .UserList .user .avatar{transition:all .5s}.popup-person .container-popup .person_list .userGroup .UserList .user .name{flex:1 1;white-space:nowrap;overflow:hidden}.popup-person .container-popup .person_list .userGroup .UserList .user.checked .avatar{box-shadow:0 0 3px 2px #1d3cb1}.popup-person .container-popup .footer{padding:10px;display:flex;justify-content:space-between;grid-gap:5px;gap:5px}.popup-person .container-popup .footer a{border:0;padding:5px 15px;border-radius:20px;cursor:pointer;text-decoration:none}.popup-person .container-popup .footer a.btn-green{background-color:#27ae60;color:#fff}.popup-person .container-popup .footer a.btn-red{background-color:#ff1717;color:#fff}.popup-person .section::-webkit-scrollbar{width:10px}.popup-person .section::-webkit-scrollbar-track{background-color:#e22020;border-radius:100px}.popup-person .section::-webkit-scrollbar-thumb{border-radius:100px;border:6px solid rgba(0,0,0,.18);border-left:0;border-right:0;background-color:#8070d4}.showPopup{font-size:.8rem;cursor:pointer;text-decoration:none;padding:2px 10px;border-radius:20px;margin-left:36px}.showPopup:hover{text-decoration:none;background-color:#dfe6e9;color:#6b7e7e}.pdoc-list{padding:0 20px;width:100%}.pdoc-list .tool{display:flex;justify-content:end;padding:10px}.pdoc-list .tool .export{padding:3px 20px;border-radius:30px;border:1px solid #2ecc71;cursor:pointer;color:#27ae60;text-decoration:none}.pdoc-list .tool .export:hover{background-color:#2ecc71;color:#fff}.director{margin:30px;background-color:#fff;padding:0 10px;border-radius:10px}.nextProgressText{font-size:.8rem;margin-left:51px;color:#1d3cb1}.follow{display:flex;border-bottom:1px solid #ecf0f1;display:inline-block}.follow .follow_container{display:flex}.follow .follow_container .follow-btn{border:1px solid #f0f0f0;background-color:#f1f1f1;color:#0a0a0a;cursor:pointer;font-size:.8rem;text-align:center;padding:3px 10px;border-radius:6px}.follow .follow_container .follow-btn:hover{background-color:#f39c12;color:#fff}.follow .follow_container .follow-btn.checked{background-color:rgba(249,205,136,.3019607843);color:#f39600}.document{padding:10px;margin-top:10px;border-bottom:1px solid #ecf0f1}.document .document_title{font-size:1.2rem;padding-left:5px;color:#2c3e50;font-weight:700}.document .reviceDoc b{color:#34495e;font-weight:600}.btn-defaut{background-color:#dfe6e9}.miniLoading{display:block;height:12px;width:12px;animation:loader-2-1 3s linear infinite}@keyframes loader-2-1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.miniLoading span{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:12px;width:12px;clip:rect(16px,12px,12px,0);animation:loader-2-2 1.5s cubic-bezier(.77,0,.175,1) infinite}@keyframes loader-2-2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.miniLoading span:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:20px;width:20px;border:3px solid transparent;border-top-color:#131313;border-radius:50%;animation:loader-2-3 1.5s cubic-bezier(.77,0,.175,1) infinite}@keyframes loader-2-3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.miniLoading span:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:20px;width:20px;border:3px solid hsla(0,0%,48.6%,.5);border-radius:50%}.personlist{padding-left:10px;padding-bottom:30px}.personlist .inbox-item{font-size:1rem;margin:0 0 0 10px;text-decoration:none;padding:3px}.personlist .inbox-item.person_group_text{font-size:.8rem;color:#95a5a6;margin:0}.dashboard{padding:30px;display:flex;flex-wrap:wrap}.dashboard .chart{padding:15px 30px;background-color:#fff;display:flex;flex-direction:column;border-radius:7px;justify-content:center;align-items:center;margin-right:30px;text-align:center;width:300px;border:1px solid #bdc3c7}.dashboard .chart .chart-text .big{font-weight:400;font-size:1.5rem;color:#000}.dashboard .chart .chart-text .small{color:#bdc3c7}.dashboard .chart .number{font-size:3rem;color:#34495e;font-weight:400}.remove_forward{display:block;font-size:.8rem;color:#ecf0f1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#c0392b;padding:3px 10px;border-radius:20px;cursor:pointer}.remove_forward:hover{background-color:#e74c3c}.docListItem{border-bottom:1px solid #ecf0f1;padding-bottom:10px;padding-top:10px}.docListItem .doc-title{font-weight:700;color:#000}.docListItem .detail{display:flex}.docListItem .detail div{background-color:#ecf0f1;margin-right:10px;padding:3px 10px;border-radius:10px;font-size:.8rem}.docListItem .detail div.stauts0{background-color:#ffc832}.docListItem .detail div.stauts1{background-color:#f8e993}.docListItem .detail div.stauts2{background-color:#b4d7ff}.docListItem .detail div.stauts3{background-color:#8e44ad}.docListItem .detail div.stauts9{background-color:#00b118;color:#fff}.export-tool{border-bottom:2px solid #ecf0f1;display:flex;justify-content:end;padding-bottom:10px}.export-tool a{color:#000;background-color:#ecf0f1;padding:3px 10px;border-radius:7px;text-decoration:none}.export-tool a:hover{background-color:#00b118;color:#fff;cursor:pointer}.scoll-pw::-webkit-scrollbar{width:12px}.scoll-pw::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.scoll-pw::-webkit-scrollbar-thumb{background-color:#fff;background:hsla(0,0%,57.3%,.548);border:3px solid #fff;border-radius:10px}.numberIndoc{padding:1px 5px;border-radius:4px;background-color:#555;color:#fff;border:1px solid #cfcfcf}.doclist-datetime,.numberIndoc{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.9rem}.doclist-datetime{margin-top:5px;color:#000}.signHistoryList{border-bottom:1px solid #ecf0f1;margin-bottom:10px;background-color:#fff;padding:10px;border-radius:10px}.signHistoryList .title{font-weight:700;font-size:1.2rem;padding:0}.signHistoryList .detail .type{padding:0;margin:0;width:auto;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:7px;display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.signHistoryList .detail .type .number{font-size:1rem;font-weight:700;background-color:#fff;color:#000;padding:0 10px;border-radius:20px}.signHistoryList .detail .type.type1 .number{background:#4834d4;color:#fff;font-weight:700}.signHistoryList .detail .type.type2 .number{background:#6ab04c;font-weight:700;color:#fff}.signHistoryList .detail .date{font-size:.8rem;color:#7f8c8d}.signHistoryList .detail .date div:before{content:"รับเมื่อ "}.signHistoryList .comment .text{padding:10px;background-color:#ecf0f1;border-radius:10px;margin-top:10px;color:#000}.signHistoryList .comment .text ul{list-style:none}.signHistoryList .comment .comment_date{font-size:.8rem;color:#7f8c8d;padding-top:5px}.signHistoryList .comment .comment_date div:before{content:" เกษียณเมื่อ "}.signHistoryList .tool{display:flex;grid-gap:20px;gap:20px;margin-top:20px}.signHistoryList .tool button{background:#eee;border:1px solid #dadada;padding:3px 10px;border-radius:30px;cursor:pointer}.signHistoryList .tool button svg{font-size:1rem}.signHistoryList .tool button:hover{background-color:#fff;color:#000}.signHistoryList .tool button:disabled{cursor:not-allowed;background-color:#ddd;border:#ddd;color:#888}.signHistoryList.active{border:3px solid #2ecc71}.signHistoryList.active .title{color:#2ecc71}.signHistoryList.active .comment .text{background-color:#caffd3}.checkPerson{padding-left:10px}.checkPerson .checkBtn{padding:5px 10px;border:1px solid #16a085;border-radius:20px;font-size:1rem;color:#16a085;cursor:pointer;transition:all .5s}.checkPerson .checkBtn:hover{color:#000;border-color:#000}.checkPerson .personInCheck{margin-left:10px;font-weight:700}.errorMessage{color:red}.fc-time{display:none}.section{margin-top:10px}.section .label{font-size:.8rem;margin:0;padding:0;color:#7f8c8d}.section .values{color:#16a085}.section .values.small{font-size:.9rem}.section .values.bold{font-weight:700}.filter-box{padding:10px;background:#fff;margin-bottom:30px}.displayContainer{display:flex}#fileDriveUpload{padding-top:20px}#fileDriveUpload .fileGroup{display:flex;flex-direction:column}#fileDriveUpload .fileGroup.input{margin-top:7px}#fileDriveUpload .fileGroup .label{font-size:.8rem;color:#bdc3c7}#fileDriveUpload .fileGroup .value{color:#2c3e50}#fileDriveUpload .fileGroups{margin-top:10px}.FileList{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:5px;gap:5px}.FileList .fileItem{display:flex;margin-bottom:5px;border:1px solid #ecf0f1;padding:10px;background-color:#fff;border-radius:10px;width:33%}.FileList .fileItem:hover{background-color:hsla(0,0%,100%,.5411764706);cursor:pointer}.FileList .fileItem .FileIcon{width:50px;justify-content:center;align-items:center;height:100%;text-align:center;display:flex}.FileList .fileItem .fileDetail{flex:1 1}.FileList .fileItem .fileDetail .subject{font-weight:700}.FileList .fileItem .fileDetail .detail{font-size:.8rem;display:flex;grid-gap:30px;gap:30px;align-items:center}@media(max-width:600px){.FileList .fileItem{width:100%}}.fileBox{display:flex;grid-gap:10px;gap:10px}.fileBox .file{width:500px}.fileBox .file .iconSet{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;border:1px solid #ecf0f1;background-color:#f7f7f7;border-radius:20px}.fileBox .file .iconSet .ext{font-size:1.5rem;color:#00b30f;padding:20px}.fileBox .file .iconSet .deText{font-size:1.2rem;color:#949494}.fileBox .file img{width:100%;max-height:500px}.fileBox .file .buttonDownload a{border-radius:20px;margin-top:10px;background-color:#ecf0f1;padding:10px 20px;text-align:center;color:#000!important;display:block;border:1px solid #bdc3c7}.fileBox .detail{padding-left:10px}.fileBox .detail .name{font-weight:700}.fileBox .detail .details .times{font-size:1rem;color:#949494;margin-top:10px}.fileBox .detail .details .person{margin-top:10px;font-size:1rem;display:flex;grid-gap:10px;gap:10px}.fileBox .detail .details .person img{width:30px;border-radius:50%}.searchFil{background:#fff;padding:10px;margin-bottom:10px;flex-direction:column}.searchFil,.searchFil .searchButton{display:flex;grid-gap:10px;gap:10px}.person_listx{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:20px;gap:20px}.person_listx .person_list_item{width:24%;display:flex;justify-content:space-between;grid-gap:1%;gap:1%;align-items:start;border:1px solid #ecf0f1;padding:10px;background-color:#fff;border-radius:10px}.person_listx .person_list_item .detail{flex:1 1}.person_listx .person_list_item .detail .name{font-weight:700}.person_listx .person_list_item .detail .faculty{color:#1289a7}.person_listx .person_list_item .detail .is_active .Active{color:#00b118}.person_listx .person_list_item .detail .is_active .Deleted{color:#e74c3c}.in-searchBox{padding:10px;background-color:#fff;margin-bottom:10px}.in-searchBox .title{font-weight:700;border-bottom:1px solid #ecf0f1}.in-searchBox .search-body{padding:20px}#manageDocument .title{font-weight:700;font-size:1.1rem}#manageDocument .docStatus{padding:10px;border:1px solid #d3d2d2;border-radius:10px}#manageDocument .docStatus .groupTitle{font-weight:700;color:#2c3e50}#manageDocument .docStatus .currentStatus{display:flex;grid-gap:10px;gap:10px;align-items:center;padding-left:20px}#manageDocument .docStatus .newStatus{padding-left:20px;margin-top:10px}#manageDocument .docStatus .newStatus .changeStatusBt{cursor:pointer}#manageDocument .docStatus .newStatus .changeStatusBt:hover{color:#00b30f}#manageDocument .SignDetail{display:flex;grid-gap:10px;gap:10px;margin-top:10px}#manageDocument .SignDetail .left{flex:2 1;border:1px solid #d3d2d2;border-radius:10px}#manageDocument .SignDetail .left .stitle{font-weight:700;padding:10px;border-bottom:1px solid #d3d2d2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#ecf0f1}#manageDocument .SignDetail .left .stitle .text{font-weight:700}#manageDocument .SignDetail .left .stitle .action a{display:block;padding:5px 20px;background-color:#fff;border-radius:15px;border:1px solid #bdc3c7;transition:all .5s}#manageDocument .SignDetail .left .stitle .action a:hover{background-color:#eaeef1;cursor:pointer}#manageDocument .SignDetail .rigth{flex:3 1;border:1px solid #d3d2d2;border-radius:10px}#manageDocument .SignDetail .rigth .stitle{font-weight:700;padding:10px;border-bottom:1px solid #d3d2d2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#ecf0f1}#manageDocument .SignDetail .rigth .stitle .text{font-weight:700}#manageDocument .SignDetail .rigth .stitle .action a{display:block;padding:5px 20px;background-color:#fff;border-radius:15px;border:1px solid #bdc3c7;transition:all .5s}#manageDocument .SignDetail .rigth .stitle .action a:hover{background-color:#eaeef1;cursor:pointer}#manageDocument .SignDetail .rigth .signList{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;padding:10px}#manageDocument .SignDetail .rigth .signList .forward-box{width:350px;border:1px solid #d3d2d2;border-radius:10px}.followItem{margin-bottom:20px;padding:10px;border:1px solid #d3d2d2;background-color:#fff;border-radius:10px}.followItem .document .doc_name{font-weight:700;font-size:1rem}.followItem .document .doc_name a{font-weight:700;font-size:1rem;color:#2c3e50}.followItem .document .doc_name a:hover{color:#2980b9}.followItem .document .update_at{font-size:.8rem;color:#2c3e50}.followItem .commentsList{padding:10px}@media(max-width:750px){.followItem .commentsList{padding:0}}.followItem .commentsList .comment .item{display:flex;grid-gap:20px;gap:20px;margin-bottom:10px}.followItem .commentsList .comment .item .detail{flex:1 1}.followItem .commentsList .comment .item .detail .name{font-weight:700;font-size:1rem}.followItem .commentsList .comment .item .detail .times{font-size:.8rem;color:#2c3e50}.followItem .commentsList .comment .item .detail .signxext{background-color:#ecf0f1;padding:10px;border-radius:10px}.followItem .commentsList .comment .item .detail .signxext p{margin:0}.followItem .commentsList .comment .item .detail .signxext *{color:#000!important}.followItem .commentsList .comment .item .detail .noText{color:red;padding:5px 20px;display:inline-block;background-color:#fff2e6;border-radius:30px}.newStatuss{border:2px solid #e74c3c;margin-bottom:20px}.newStatuss .groupTitle{font-weight:700;padding:10px;color:#e74c3c}.newStatuss .newsBody{padding:10px}.deputyCheck{margin-left:30px;margin-bottom:20px}.deputyCheck .deputyCheckLabel{font-weight:700;margin-bottom:10px}.deputyCheck .choick .label{font-size:1rem;cursor:pointer;display:inline-block;margin:0;padding:5px 5px 5px 0;position:relative;display:flex;grid-gap:10px;gap:10px}.deputyCheck .choick .label:hover{color:#0f9960}.deputyCheck .choick .label .checkedbox{display:flex;grid-gap:10px;gap:10px}.deputyCheck .choick.checked,.deputyCheck .choick.checked label{color:#00b118}.deputyCheck .choick .showPopup{display:none}.groupHeader{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background-color:#f5f5f5;border-bottom:1px solid #ddd}.groupTitle{font-weight:700}.groupActions{display:flex;grid-gap:10px;gap:10px}.groupActions a{cursor:pointer;color:#06c;font-size:.9em;text-decoration:underline}.groupActions a:hover{color:#004080}.userGroup{margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}.group-header{justify-content:space-between;padding:10px 15px;background:linear-gradient(90deg,#f7f9fc,#eef2f7);border-bottom:1px solid #e0e0e0}.group-header,.group-info{display:flex;align-items:center}.group-info{grid-gap:12px;gap:12px}.group-icon{color:#3f51b5;background-color:rgba(63,81,181,.1);padding:6px;border-radius:50%}.group-details{display:flex;flex-direction:column}.group-name{font-weight:600;color:#333;font-size:1rem}.group-stats{font-size:.8rem;color:#666}.group-actions{display:flex;grid-gap:8px;gap:8px}.group-btn{background:none;border:none;color:#3f51b5;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.group-btn:hover{background-color:rgba(63,81,181,.1)}.select-group{color:#4caf50}.clear-group{color:#f44336}.departmentTool{display:flex;grid-gap:15px;gap:15px}.tool-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s ease;font-size:.9rem}.select-all{color:#4caf50}.clear-all{color:#f44336}.tool-btn:hover{background-color:rgba(0,0,0,.05)}.UserList{max-height:300px;overflow-y:auto;padding:8px}.user{border-radius:6px;margin:4px 0;transition:transform .1s ease}.user:hover{transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group label{font-style:normal;font-stretch:normal;letter-spacing:normal;color:#000;font-weight:500;margin:10px 0 8px;display:block}.form-group .input{display:block;color:#000;padding:4px 10px;width:100%;line-height:1.5;margin:0;border-radius:7px;border:1px solid #c5c9db;background-color:#fff;font-size:16px;font-family:"Sarabun",sans-serif}.form-group .input.input-date{width:250px;max-width:100%}.form-group .input-sm{padding:5px 10px;font-weight:400;color:#383838}.form-group .input:active,.form-group .input:focus{box-shadow:0 0 0 2px #cfd9ff;border:1px solid #e0e1e6;background-color:#fff;outline:none}.form-group .input:disabled{background-color:#ecf0f1;border:1px solid #bdc3c7}.btn-primary{display:inline-block;border-radius:4px;box-shadow:0 2px 4px 0 rgba(19,30,98,.2);background-image:linear-gradient(98deg,#0652dd,#0652dd);text-align:center;color:#fff;font-weight:500;border:0;cursor:pointer;padding:10px 20px;text-decoration:none;margin:0 5px 10px}.btn-primary.btn-sm,.btn-warning.btn-sm{padding:5px 10px;font-size:.8rem;font-weight:400}.btn-danger{border-radius:4px;background-image:linear-gradient(98deg,#e74c3c,#db321f);color:#fff;border:0}.btn-danger,.btn-def{display:inline-block;box-shadow:0 2px 4px 0 rgba(19,30,98,.2);text-align:center;font-weight:500;cursor:pointer;padding:10px 50px;margin:0 5px;text-decoration:none}.btn-def{border-radius:4px;background-image:linear-gradient(98deg,#fff,#fff);color:#1d3cb1;border:2px solid #1d3cb1}.btn-def.nobtn{border:none;box-shadow:none;color:#9e9e9e}.btn-def-sm{padding:4px 35px;margin:0 5px;font-size:1rem}.btn-warning{display:inline-block;border-radius:4px;box-shadow:0 2px 4px 0 rgba(19,30,98,.2);background-image:linear-gradient(98deg,#f1c40f,#f39c12);text-align:center;color:#000;font-weight:500;border:0;cursor:pointer;padding:10px 50px;margin:0 5px}.btn-danger.btn-sm{padding:3px 10px;font-size:14px;font-weight:400}.form-title{font-weight:700}.mb-10{margin-bottom:-10px}.DraftEditor-root{background:#fff;border-radius:10px;display:block;color:#000;padding:4px 10px;width:100%;line-height:1.5;margin:0;border-radius:7px;border:1px solid #c5c9db;background-color:#fff;font-size:16px;font-family:"Sarabun",sans-serif;min-height:100px}.DraftEditor-root .public-DraftEditorPlaceholder-hasFocus,.DraftEditor-root .public-DraftEditorPlaceholder-root{color:#000;opacity:.5;font-size:16px;font-family:"Sarabun",sans-serif}.DraftEditor-root .public-DraftEditor-content{height:100%}.ql-editor{font-size:13pt;font-family:"Sarabun",sans-serif}.DropdownInput{display:block;position:relative}.DropdownInput .dropdown{position:absolute;top:100%;left:0;width:100%;z-index:100;background:#fff;border:1px solid #c5c9db;box-shadow:0 0 0 2px #d6d6d6;padding:10px;margin-top:5px;max-height:400px;overflow-y:auto}.DropdownInput .dropdown ul{list-style:none;padding:0;margin:0}.DropdownInput .dropdown ul li{padding:5px;cursor:pointer;font-size:16px;font-family:"Sarabun",sans-serif;color:#000;border-radius:5px;border-bottom:1px solid #f1f1f1}.DropdownInput .dropdown ul li:hover{background:#f1f1f1}.DropdownInput .dropdown ul li .active{color:#007bff;font-weight:700}.Calendar{padding:20px}.mt-3{margin-top:10px}.calendar-tool{padding:10px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #ecf0f1;margin-bottom:10px}.calendar-tool .title,.calendar-tool a{font-weight:700;font-size:1.2rem}.calendar-tool a{padding:5px 10px;background:#fff;border-radius:30px;border:1px solid #ecf0f1}.calendar-tool a:hover{background:#ecf0f1;border:1px solid #ecf0f1;cursor:pointer}@media only screen and (min-device-width:481px)and (max-device-width:1025px)and (orientation:portrait){body{font-size:14px;width:100%;min-height:100%}.PageTitle{font-size:1.2rem}.MuiPaper-elevation1{padding:0!important}table{padding:10px}.header{display:flex;padding:0}.header .Logo a{text-decoration:none;color:#fff;font-weight:700}.header .topBar{border:none;padding:10px 0}.header.forMobile{display:block}.Login .LoginForm .form{background:#fff;border:3px solid #d0d0d0!important;box-shadow:-1px 2px 14px 0 hsla(0,0%,63.1%,.62)}.header.forPC{display:none}.TopbarTap{display:flex;justify-content:space-between;padding:10px;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;box-shadow:-5px -1px 9px -4px rgba(19,18,18,.75)}.MuiGrid-spacing-xs-5{margin:0}.from{max-width:150px}.boxContainer{padding:10px}.Login .LoginImage.hide-mobile{display:none}.bigText{font-size:2rem;color:#1d3cb1;font-weight:700}.smallText{font-size:1.2rem}.Login{display:block!important;background:#ecf0f1}.ForwardReport{display:block}.ForwardReport .forward-box{width:100%;margin:2px 0 0}}.Calendar{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.calendar-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.calendar-title-section{flex:1 1}.calendar-controls{display:flex;align-items:center;grid-gap:8px;gap:8px}.calendar-container{min-height:500px;margin-top:16px}.fc .fc-toolbar-title{font-size:1.5em}.fc .fc-list-event-dot{border-color:#1976d2}.fc .fc-list-event:hover td{background-color:#e3f2fd}.fc .fc-list-event-title a{color:#1976d2;font-weight:500}.fc-list-day-cushion{background-color:#f5f5f5!important}.fc-list-event-time{font-weight:500;color:#555}@media (max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-controls{margin-top:16px;width:100%;justify-content:space-between}}@media(max-width:500px){.Inbox{display:flex;flex-direction:column}.Inbox .inboxLeft{width:100%!important}.Inbox .inboxLeft .inbox-item{margin:auto!important}.Inbox .inboxRigth{width:100%}}@media(max-width:500px)and (max-width:900px){.Inbox .inboxRigth{padding-left:0;margin-top:10px}}.work-repost-form{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(19,19,19,.5333333333);z-index:10}.work-repost-form .form{width:700px;height:auto;min-height:200px;background-color:#fff;margin:100px auto auto;border-radius:5px;display:flex;flex-direction:column;overflow:hidden}@media(max-width:700px){.work-repost-form .form{width:90%}}.work-repost-form .form .form-header{padding:10px;border-bottom:2px solid #ededed;font-weight:700}.work-repost-form .form .form-body{padding:20px;flex:1 1}.work-repost-form .form .form-body .form-group{margin-top:0}.work-repost-form .form .form-body .form-group label{font-weight:400;font-size:.9rem}.work-repost-form .form .form-body .form-group .form-input input{padding:5px;outline:none;border:1px solid #dbdbdb;width:100%;border-radius:5px}.work-repost-form .form .form-body .form-group .form-input input:focus{border:1px solid #b8b8b8}.work-repost-form .form .form-body .form-group .form-input textarea{padding:5px;outline:none;border:1px solid #dbdbdb;width:100%;border-radius:5px}.work-repost-form .form .form-body .form-group .form-input textarea:focus{border:1px solid #b8b8b8}.work-repost-form .form .form-body .form-body-tool{padding-top:10px;display:flex}.work-repost-form .form .form-body .form-body-tool .addmore{padding:5px 15px;color:#fff;background:#2ecc71;border-radius:20px;cursor:pointer}.work-repost-form .form .form-body .form-body-tool .addmore:hover{background-color:#27ae60}.work-repost-form .form .form-body .form-row{display:flex;flex-direction:row}@media(max-width:700px){.work-repost-form .form .form-body .form-row{flex-direction:column}}.work-repost-form .form .form-body .form-row .row2{flex:2 1;padding-left:5px}.work-repost-form .form .form-body .form-row .row1{flex:1 1;padding-left:5px}.work-repost-form .form .form-footer{padding:10px;border-top:2px solid #efefef;background-color:#efefef;display:flex;justify-content:space-between}.work-repost-form .form .form-footer .btn{padding:5px 20px;background-color:#7e7e7e;color:#efefef}.work-repost-form .form .form-footer .btn.btn-save,.work-repost-form .form .form-footer .btn.danger{background:#2ecc71}.react-datepicker .borderless{border:1px solid #c9c9c9;padding:5px 10px;display:flex;justify-content:center;align-items:center;margin:1px;border-radius:5px}.work-header{display:flex;justify-content:center;align-items:flex-start;background-color:#fff;padding:10px;border-radius:5px;flex-wrap:wrap}@media(max-width:900px){.work-header{flex-direction:column;align-items:center}}.work-header .title{font-weight:700;width:100%}.work-header .fillter{flex:1 1;display:flex}.work-header .fillter label{font-weight:700}.work-header .fillter .box{padding:5px}.work-header .fillter .box .datepickerar .datepc{padding:4px 10px}.work-header .fillter .box .btn{padding:6px 20px;background-color:#0a4fce;color:#efefef;margin-top:7px}.work-header .fillter .box .btnx{padding:6px 10px;background-color:#0a4fce;color:#efefef;margin-left:10px;margin-right:10px;border-radius:4px;display:inline-block;text-decoration:none;cursor:pointer}.work-header .fillter .box .btnx:hover{background-color:#2b65cf}.work-header .fillter .box .btnx.btn-previous{margin-left:0}@media(max-width:900px){.work-header .tool{margin-top:20px;text-align:center}}.work-header .tool .newReport{text-align:center;padding:8px 25px;color:#000;cursor:pointer;color:#fff;background-color:#27ae60;border-radius:25px;margin-right:20px}.work-header .tool .newReport:hover{background-color:#48c77d;color:#fff}.work-header .tool .newReport span{margin-left:15px}.workListBody{padding:20px;background:#fff;margin-top:20px;border-radius:7px}.report_list .title{font-size:1.2rem;color:#34495e;font-weight:700}.report_list .dateshow{font-size:1rem;color:#919191;font-weight:700;border-bottom:2px solid #d8d8d8;margin-bottom:30px;padding-bottom:10px}.report_list .list{background-color:rgba(244,245,255,.226);padding:15px;border-bottom:1px solid #d0e1f1}.report_list .list:hover{cursor:pointer}.report_list .list .list-header-tool{display:flex;justify-content:space-between;font-size:.9rem}.report_list .list .list-header-tool .user{display:flex;align-items:center}.report_list .list .list-header-tool .user .userImage{width:50px;height:50px;border-radius:50%;overflow:hidden}.report_list .list .list-header-tool .user .userImage img{width:100%}.report_list .list .list-header-tool .user .username{padding-left:10px}.report_list .list .list-header-tool .user .username .name{font-size:1rem;font-weight:700;color:#0a4fce}.report_list .list .list-header-tool .user .username .datetime{font-size:.9rem;color:#616161}.report_list .list .list-header-tool .date{color:#1144eb;display:flex;flex:1 1}.report_list .list .list-header-tool .date .verify{margin-left:15px;color:#b4b4b4;background:#e2e2e2;width:20px;height:20px;display:flex;border-radius:50%;justify-content:center;align-items:center;border:1px solid #dbdbdb;font-size:.7rem}.report_list .list .list-header-tool .date .verify.check{color:#2ecc71;font-size:.7rem;background:#d6fae5;border-radius:50%;border:1px solid #d9f3e4}.report_list .list .list-header-tool .link{display:flex}.report_list .list .list-header-tool .link .link-item{color:#7e7e7e;padding:5px 11px;border-radius:20px;width:35px;height:35px;display:flex;justify-content:center;align-items:center;margin-top:-10px}.report_list .list .list-header-tool .link .link-item:hover{background-color:#fad4d3;color:#a00;cursor:pointer}.report_list .list .list-header-tool .link .link-item.item-edit:hover{background-color:#b0e9ff;color:#053bd1;cursor:pointer}.report_list .list .detail{padding-top:10px}.report_list .list .detail ol,.report_list .list .detail ul{list-style:none;padding:0;margin:0}.report_list .list .detail ol li,.report_list .list .detail ul li{padding:0;margin:0}.report_list .list .detail .work2 .text{background-color:#f3f3f3;border-radius:4px;padding:10px 10px 10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.report_list .list .detail .work2 .notFoand{width:100%;color:#e60000;margin-left:17px;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 30px;background-color:#ffdfdf;border-radius:30px;font-size:1rem}.report_list .list .detail .work{margin-left:30px;padding:10px}.report_list .list .detail .work .text{background-color:#f8f8f8;border-radius:10px;padding:10px 10px 10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;border:1px solid #e0e0e0}.report_list .list .detail .work .comment-contrainer{font-size:.8rem;margin-top:20px}.report_list .list .detail .work .comment-contrainer .comment-item{background:#fff;border:1px solid #dbdbdb;margin-bottom:5px;padding:3px 10px;border-radius:10px}.report_list .list .detail .work .comment-contrainer .comment-item .comment-name{display:flex}.report_list .list .detail .work .comment-contrainer .comment-item .comment-name .name-detail{flex:1 1}.report_list .list .detail .work .comment-contrainer .comment-item .comment-name .name-detail .name{font-weight:700}.report_list .list .detail .work .comment-contrainer .comment-item .comment-name .name-detail .date{font-size:.9rem;color:#95a5a6}.report_list .list .detail .work .comment-contrainer .comment-item .removeIcon{background:#fff;border:1px solid #e4e4e4;width:20px;height:20px;font-size:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#a5a5a5;cursor:pointer}.report_list .list .detail .work .comment-contrainer .comment-item .comment-text{font-size:.9rem;color:#000}.report_list .list .detail .work .comment-contrainer .commentBox{margin-top:10px}.report_list .list .detail .work .comment-contrainer .commentBox .input-group{display:flex}.report_list .list .detail .work .comment-contrainer .commentBox .input-group textarea{flex:1 1;border:1px solid #bdc3c7;background-color:#fff;outline:none;border-radius:5px 0 0 5px;font-size:.9rem;padding:7px 7px 7px 10px}.report_list .list .detail .work .comment-contrainer .commentBox .input-group textarea:focus{border:1px solid #9d9fa0}.report_list .list .detail .work .comment-contrainer .commentBox .input-group button{border:1px solid #27ae60;padding:3px 20px;background-color:#2ecc71;border-radius:0 5px 5px 0;color:#fff}.report_list .list .detail .work .comment-contrainer .commentBox .input-group button:hover{background-color:#27ae60}.report_list .list .detail .work .notFoand{width:100%;color:#e60000;margin-left:17px;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 30px;background-color:#ffdfdf;border-radius:30px;font-size:1rem}.flex{display:flex}.flex.flex-center{justify-content:center;align-items:center}.ant-input{padding:6px 6px 6px 15px;outline:none;border-radius:5px;border:1px solid #a5a5a5}*{box-sizing:border-box;margin:0;padding:0}.chat-app{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;position:absolute;z-index:999}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:#1a73e8;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.app-header h1{font-size:1.5rem;font-weight:500}.clear-btn{background-color:initial;border:0;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background-color .2s;margin-left:10px}.clear-btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.btn-back:hover{background-color:#b10707;color:#fff}.main-container{display:flex;height:calc(100vh - 60px)}.sidebar{width:250px;background-color:#f5f7fa;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;height:100%}.sidebar h2{padding:16px;color:#1a73e8;font-size:1.1rem;font-weight:500}.chat-list{flex:1 1;overflow-y:auto;padding:0 8px}.chat-item{position:relative;padding:12px 16px;margin:8px 0;border-radius:8px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.chat-item:hover{background-color:#f0f3f6}.chat-item.active{background-color:#e8f0fe;border-color:#d2e3fc}.chat-item-title{font-size:.95rem;margin-bottom:4px;color:#1a73e8;font-weight:500}.chat-item.active .chat-item-title{color:#1967d2}.chat-item-date{font-size:.8rem;color:#5f6368}.delete-session-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#5f6368;font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity .2s}.chat-item:hover .delete-session-btn{opacity:1}.new-chat-btn{margin:16px;padding:12px 0;background-color:#1a73e8;color:#fff;border:none;border-radius:24px;cursor:pointer;font-weight:500;transition:background-color .2s}.new-chat-btn:hover{background-color:#1967d2}.chat-container{background-color:#fff}.chat-container,.messages-container{flex:1 1;display:flex;flex-direction:column}.messages-container{padding:20px;overflow-y:auto}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#9aa0a6;font-size:1rem}.message{margin-bottom:16px;max-width:70%;padding:12px 16px;border-radius:16px;position:relative}.user-message{align-self:flex-end;background-color:#e8f0fe;color:#202124}.ai-message{align-self:flex-start;background-color:#f5f7fa;color:#202124;border:1px solid #e1e4e8}.message-content{font-size:.95rem;word-break:break-word}.message-timestamp{font-size:.75rem;color:#5f6368;margin-top:6px;text-align:right}.loading{display:flex;align-items:center}.loading:after{content:"...";overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis-animation 1.5s infinite;width:20px}@keyframes ellipsis-animation{to{width:50px}}.input-container{align-items:center;padding:16px;border-top:1px solid #f0f0f0}.input-container input{flex:1 1;padding:14px 16px;border:1px solid #e1e4e8;border-radius:24px;font-size:.95rem;background-color:#fff;transition:border-color .2s}.input-container input:focus{outline:none;border-color:#1a73e8}.send-btn{width:44px;height:44px;border-radius:50%;background-color:#1a73e8;color:#fff;border:none;display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer;transition:background-color .2s}.send-btn:hover{background-color:#1967d2}.send-btn:disabled{background-color:#dadce0;cursor:not-allowed}.send-btn svg{width:22px;height:22px}@media (max-width:768px){.main-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid #e1e4e8}.message{max-width:85%}}.ai-message .message-content{line-height:1.6;white-space:pre-wrap}.ai-message .message-content li,.ai-message .message-content p{margin-bottom:1px}.ai-message .message-content h1,.ai-message .message-content h2,.ai-message .message-content h3{margin-top:16px;margin-bottom:8px;font-weight:700}.ai-message .message-content h1{font-size:1.4em;border-bottom:1px solid #ccc;padding-bottom:5px}.ai-message .message-content h2{font-size:1.3em}.ai-message .message-content h3{font-size:1.2em}.code-block-container{margin:12px 0;border-radius:8px;overflow:hidden;background-color:#1e1e1e;border:1px solid #333}.code-block-header{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:8px 16px;font-family:monospace;font-size:12px;color:#e0e0e0}.copy-btn{background:#555;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background:#777}.ai-message code{font-family:monospace;background-color:#f0f0f0;padding:2px 4px;border-radius:3px;font-size:.9em}.ai-message .message-content ol,.ai-message .message-content ul{margin-left:20px;margin-bottom:16px;line-height:.8rem;list-style:none}.ai-message .message-content table{border-collapse:collapse;width:100%;margin:16px 0}.ai-message .message-content td,.ai-message .message-content th{border:1px solid #ddd;padding:8px;text-align:left}.ai-message .message-content th{background-color:#f2f2f2}.ai-message .message-content a{color:#2563eb;text-decoration:none}.ai-message .message-content a:hover{text-decoration:underline}.ai-message .message-content blockquote{border-left:4px solid #ccc;margin:8px 0;padding:8px 16px;background-color:#f9f9f9;font-style:italic}.formatted-text{line-height:1.6;white-space:pre-wrap}.formatted-text .heading-1{font-size:1.4em;font-weight:700;margin-top:16px;margin-bottom:8px;border-bottom:1px solid #eee}.formatted-text .heading-2{font-size:1.3em;font-weight:700;margin-top:14px;margin-bottom:6px}.formatted-text .heading-3{font-size:1.2em;font-weight:700;margin-top:12px;margin-bottom:4px}.formatted-text .code-header{background-color:#333;color:#fff;padding:4px 8px;font-family:monospace;border-top-left-radius:4px;border-top-right-radius:4px}.formatted-text .code-footer{margin-bottom:12px}.formatted-text .text-line{margin-bottom:8px}.formatted-text .list-item{padding-left:16px;margin-bottom:4px}.multi-line-input{width:100%;resize:none;border:none;border-radius:20px;padding:12px 16px;font-size:14px;font-family:inherit;background-color:#f5f5f5;outline:none;max-height:150px;min-height:48px;overflow-y:auto;transition:height .2s ease}.multi-line-input:focus{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.input-container{display:flex;align-items:flex-end;border-top:1px solid #eaeaea;padding:12px 16px;background-color:#fff}.delete-all-btn{background-color:#f44336;color:#fff;margin-left:8px}.delete-all-btn:hover{background-color:#d32f2f}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.new-chat-btn-small{width:28px;height:28px;border-radius:50%;background-color:#4caf50;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.new-chat-btn-small:hover{background-color:#43a047}.empty-chat-list{padding:16px;text-align:center;color:#757575;font-style:italic}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:1000;width:350px;max-width:90vw}.confirm-dialog-buttons{display:flex;justify-content:flex-end;margin-top:20px;grid-gap:10px;gap:10px}.confirm-dialog-cancel{padding:8px 16px;border:1px solid #ccc;background:#f5f5f5;border-radius:4px;cursor:pointer}.confirm-dialog-confirm{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}
/*# sourceMappingURL=main.96dc6e6c.chunk.css.map */