.documentContainer{display:flex;min-height:100vh}.documentContainer .document-left{width:350px;background:rgba(255,255,255,.31);backdrop-filter:blur(17.8723px);padding:24px;flex-shrink:0}.documentContainer .document-left h2{font-weight:bold;font-size:18px;color:#fff;text-align:center;margin-bottom:16px}.documentContainer .document-left .input-search{position:relative}.documentContainer .document-left .input-search input{border:1px solid #d2d1d1;border-radius:10px}.documentContainer .document-left .input-search .ic-search{position:absolute;top:10px;right:10px}.documentContainer .document-left .document-folder .document-folder-item{display:flex;align-items:center;background:#33565c;border-radius:10px;padding:10px;margin-top:10px}.documentContainer .document-left .document-folder .document-folder-item img{flex-shrink:0}.documentContainer .document-left .document-folder .document-folder-item img.ic-foundation-map{display:block}.documentContainer .document-left .document-folder .document-folder-item img.ic-foundation-map-active{display:none}.documentContainer .document-left .document-folder .document-folder-item h5{font-weight:bold;font-size:14px;color:#fff;margin-bottom:0;margin-left:8px}.documentContainer .document-left .document-folder .document-folder-item.active{background:rgba(255,255,255,.8)}.documentContainer .document-left .document-folder .document-folder-item.active h5{color:#33565c}.documentContainer .document-left .document-folder .document-folder-item.active img.ic-foundation-map{display:none}.documentContainer .document-left .document-folder .document-folder-item.active img.ic-foundation-map-active{display:block}.documentContainer .document-right{flex:1;padding:24px 0}.documentContainer .document-right .document-item{background:#fff;backdrop-filter:blur(21px);border-radius:30px;padding:16px;margin-bottom:24px}.documentContainer .document-right .document-item img.img-document-item{height:200px;object-fit:cover}.documentContainer .document-right .document-item h2{font-weight:bold;font-size:16px;color:#6d736e;margin-top:8px;line-height:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.documentContainer .document-right .document-item h5{font-weight:normal;font-size:14px;color:#33565c;margin-bottom:10px}.documentContainer .document-right .document-item .download-item{display:flex;align-items:center;justify-content:center}.documentContainer .document-right .document-item .download-item span{font-size:14px;font-weight:bold;color:#22d16c;margin-left:8px}.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{max-height:350px;overflow-x:hidden;overflow-y:auto}.ui-state-active{background:#33565c!important;color:#fff!important}.auto-complete-search{padding-right:40px}.folder-loading-spinner{display:none}.folder-loading-spinner>div{height:18px;width:18px}.loading-state{opacity:.75;pointer-events:none}.loading-state .folder-loading-spinner{display:inline-block}.pagination-wrap{display:flex;justify-content:center}.show-folder-tree-btn{display:none;right:0;top:-7px;stroke:white;fill:white}.show-folder-tree-btn path{stroke:white;fill:white}@media only screen and (min-width:768px) and (max-width:1024px){.documentContainer{display:block}.documentContainer .document-left{width:100%}}@media only screen and (max-width:480px){.documentContainer{display:block;min-height:unset;height:calc(100vh - 65px);overflow:auto}.documentContainer .document-left{width:100%;position:fixed;top:65px;z-index:10;background:#33565c;backdrop-filter:none}.documentContainer .document-left .document-folder.folder-container{height:0;overflow:hidden}.documentContainer .document-left .document-folder.folder-container.open{height:calc(100vh - 65px);overflow:unset}.documentContainer .document-left .show-folder-tree-btn{display:block}.documentContainer .document-left .show-folder-tree-btn.open{transform:rotate(180deg)}.documentContainer .document-right{padding-top:145px}}