#blazor-error-ui{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1000;display:none;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);text-align:center;}#blazor-error-ui>.dialog{border:1px solid #ee3442;border-top:20px solid #ee3442;border-radius:8px;background:#fff;box-shadow:0 0 20px rgba(238,52,66,.2);position:relative;top:30vh;min-width:30%;margin:auto auto;display:inline-block;padding:20px;}#blazor-error-ui>.dialog h1{font-size:60px;position:relative;top:-10px;}#blazor-error-ui .dismiss{position:initial;}body,htnl{font-family:"Noto Sans Thai";font-weight:normal;font-size:14px;}.feature-container{backdrop-filter:blur(10px) brightness(110%) saturate(200%);background-color:rgba(41,172,226,.2);background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:16px;overflow:hidden;transition:all ease 1s;padding:24px;background-color:rgba(255,255,255,.9);border:2px solid #025fac;margin-bottom:48px!important;transition-duration:.2s;}.feature-container .title-tools{display:flex;align-items:center;}.feature-container .title-tools h2{flex-grow:1;margin:0;}div.body{background-image:url('/images/bg.webp');background-repeat:no-repeat;background-size:cover;background-position:center bottom;background-attachment:fixed;}.dropdown-menu.listSelector,.dropdown-menu.titleSelector{height:50lvh;overflow-y:scroll;}.fileSelectZone{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}@media only screen and (max-width:767px){.fileSelectZone{width:140px;}}.fileSelectZone input{cursor:pointer;}.fileSelectZone .btn,.fileSelectZone i{pointer-events:none!important;cursor:pointer;}.fileSelectZone:hover{filter:brightness(120%);background-color:rgba(0,0,0,.4);color:#fff;}.fileSelectZone:hover .btn-outline-primary{background-color:var(--bs-blue);color:#fff;}.fileSelectZone input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;}.rainbow-box{background-color:#302244;border:3px solid transparent;border-image:linear-gradient(to bottom right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image-slice:1;height:200px;margin:20px auto;width:200px;}@keyframes shimmer{0%{background-position:100% 100%;}100%{background-position:0 0;}}.bootstrap-select button.btn-light{background-color:transparent;}.bootstrap-select .bs-searchbox{padding-bottom:8px;border-bottom:1px solid #29ace2;margin-bottom:8px;}.bootstrap-select .dropdown-menu{padding:8px;box-shadow:0 10px 10px rgba(0,0,0,.4);}.topbar{backdrop-filter:blur(10px) brightness(150%);background-color:rgba(255,255,255,.8);box-shadow:10px 0 20px white;position:fixed;width:100lvw;height:70px;z-index:4;}.topbar .topbar-logo{font-size:30px;}.topbar .topbar-logo img{height:48px;border-radius:8px;margin-right:16px;}.topbar .topbar-nav{width:auto;flex-grow:1;position:relative;left:-80px;}.topbar .topbar-nav .nav-link{padding:4px 16px;margin:8px;border-radius:4px;cursor:pointer;}.topbar .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);cursor:pointer;}.topbar .dropdown-menu .dropdown-item:hover{background-color:var(--bs-primary)!important;color:#fff;}.topbar .dropdown-menu .dropdown-item.text-danger:hover{background-color:var(--bs-danger)!important;color:#fff!important;}.topbar .dropdown-menu.download-progress .dropdown-item{display:flex;gap:24px;align-items:flex-end;position:relative;padding-bottom:5px;pointer-events:none;}.topbar .dropdown-menu.download-progress .dropdown-item span:nth-child(2){font-size:80%;}.topbar .dropdown-menu.download-progress .dropdown-item .percentbar{position:absolute;height:3px;bottom:0;max-width:calc(100% - 32px);background:#2a7b9b;background:linear-gradient(259deg,#2a7b9b 0%,#57c785 50%,#eddd53 100%);}.topbar .dropdown-menu.download-progress .dropdown-item.error span{color:#f00;}.topbar .dropdown-menu.download-progress .dropdown-item.error .percentbar{background:none;background-color:#f00!important;}#folder-browser-modal .modal-body{height:70lvh;margin:16px;overflow-y:scroll;}#folder-browser-modal .modal-title{flex-grow:1;text-align:center;}#folder-browser-modal .modal-title .nav-pills{margin:0!important;margin:auto;display:inline-flex;}#folder-browser-modal .modal-title .nav-pills .nav-link{font-size:16px;}#folder-browser-modal .list-group-item{font-size:16px!important;position:relative;align-items:center;user-select:none;}#folder-browser-modal .list-group-item:hover{background-color:rgba(41,172,226,.1);}#folder-browser-modal .list-group-item i{margin-right:16px;font-size:150%;}#folder-browser-modal .list-group-item .bi-folder-fill{color:#ffce44;text-shadow:2px 3px 2px rgba(0,0,0,.7);}#folder-browser-modal .list-group-item.selected{font-weight:bold;background-color:rgba(41,172,226,.4);}#folder-browser-modal .list-group-item.endlist{padding-left:68px;color:rgba(0,0,0,.5);}#folder-browser-modal .list-group-item.create{color:#025fac;padding-left:96px;background-color:rgba(1,169,81,.05);}#folder-browser-modal .list-group-item.create:hover{background-color:rgba(1,169,81,.1);}#folder-browser-modal .list-group-item.loading{background:linear-gradient(90deg,transparent 30%,#ffce44 50%,transparent 70%);background-size:400%;animation:shimmer 1.5s infinite linear;}#folder-browser-modal .list-group-item .loading-text{flex-grow:1;text-align:right;font-weight:bold;}#folder-browser-modal .list-group-flush{padding-left:24px;}#folder-browser-modal .subfolder-parent{opacity:0;position:relative;top:-32px;overflow:clip;transition:all ease .25s;}#folder-browser-modal .subfolder-parent.showsubfolders{opacity:1;top:0;}.uprev-finder .dropdown-menu{width:auto;min-width:40lvw;height:30lvh;position:relative;z-index:999;overflow-x:hidden;overflow-y:scroll;user-select:none;box-shadow:0 15px 20px rgba(0,0,0,.5);}.uprev-finder .dropdown-menu .dropdown-item:hover{color:#fff;background-color:#025fac;}.uprev-finder .dropdown-menu .dropdown-item:hover .text-subtle{color:#fff;}.uprev-finder .dropdown-menu .dropdown-item{padding-left:16px;cursor:pointer;}.uprev-finder .dropdown-menu .dropdown-item .text-subtle{font-size:80%;color:#025fac;}.uprev-finder .dropdown-menu .folder{white-space:nowrap;padding-left:8px;}input.loading{background:linear-gradient(90deg,transparent 30%,#008000 50%,transparent 70%);background-size:400%;animation:shimmer 1.5s infinite linear;}.loading{background:linear-gradient(90deg,transparent 30%,#ccc 50%,transparent 70%);background-size:400%;animation:shimmer 1.5s infinite linear;}.folder-picker-modal-dialog{width:60lvw!important;max-width:100%!important;}.uploadtable td:nth-child(3){width:20%!important;}.uploadtable td:nth-child(3) .uprev-finder{display:flex;}.delete-picker .uprev-finder{display:flex;max-width:40lvw;margin:auto;}.form-control-static,.pendingshimmer,input,textarea{font-size:.9rem!important;}.grid-star-container{gap:0!important;}.disabled input,.disabled textarea{background-color:#ebebeb;}.node-meta-pannel{overflow-y:auto;flex-grow:0;background-color:#f3f2f1;}.custom-p-fc{padding:2.5lvh 2.5lvw;}.files-container{padding:2.5lvh 2.5lvw;}.clickable{cursor:pointer;}.app-container{padding:24px;padding-top:96px;}.playlist-prop-input>input{width:200px;}.file-container{position:relative;backdrop-filter:blur(10px) brightness(120%);background-color:rgba(41,172,226,.2);border-radius:4px;box-shadow:0 10px 10px rgba(0,0,0,.2);overflow:hidden;transition:all ease .3s;}.file-container div.title,.file-container div.check{transition:all ease .3s;}.file-container div.check{position:absolute;right:8px;top:8px;width:32px;font-size:32px;z-index:9999;}.file-container div.check i{position:absolute;text-shadow:0 0 20px white;color:#fff;cursor:pointer;}.file-container div.check i.active{text-shadow:0 0 20px #f05423;}.file-container div.check i.bi-circle{color:rgba(240,84,35,.8);}.file-container div.check i.bi-check-circle-fill{color:#f05423;}.file-container div.title{position:absolute;display:flex;bottom:0;width:100%;font-size:120%;background-color:rgba(255,255,255,.2);backdrop-filter:blur(20px) brightness(200%);box-shadow:0 -10px 10px rgba(0,0,0,.2);}.file-container div.title .meta{flex-grow:1;padding:8px;padding-top:16px;}.file-container div.title .meta>span{display:block;font-size:80%;color:#4d4d4d;}.file-container div.title .meta>span>b{width:200px;display:inline-block;}.file-container div.title .meta>span.grid b{display:none;}.file-container div.title .meta>.doc-title{color:#025fac;margin-bottom:8px;font-size:100%;font-weight:bold;text-shadow:0 0 10px white;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;cursor:pointer;line-height:110%;}.file-container div.title .meta>.doc-title:hover{text-decoration:underline;}.file-container div.title .meta>.doc-number{font-weight:bold;}.file-container div.title .tools{padding:8px;font-size:120%;background-color:#fff;}.file-container div.title .tools>div,.file-container div.title .tools>a{cursor:pointer;padding:4px;}.file-container div.title .tools .bi-star,.file-container div.title .tools .bi-star-fill{color:#fec52e;}.file-container div.title .tools .bi-info-circle{color:#01a3ae;}.file-container div.title .tools .bi-cloud-arrow-down{color:#01a951;}.file-container div.title .tools>div.check{display:none;}.file-container .file-thumbnail{display:block;cursor:zoom-in;transition:ease .25s;}.file-container .file-thumbnail.dwg{filter:invert();}.file-container:hover{transform:scale(1.5) translateY(15%);box-shadow:0 10px 20px rgba(0,0,0,.5);z-index:9998;}.file-container:hover div.title,.file-container:hover div.check{transform:scale(.75) translateY(12.5%);}.files-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}.files-container.list .file-container{margin-bottom:8px;display:flex;}.files-container.list .file-container>div.check{display:none;}.files-container.list .file-container .tools>div.check{position:static;font-size:100%;height:36px;display:block;}.files-container.list .file-container div.title{position:static;box-shadow:none;background-color:rgba(255,255,255,.6);backdrop-filter:blur(20px) brightness(3000%);}.files-container.list .file-container:hover{transform:none;}.files-container.list .file-container:hover div.title,.files-container.list .file-container:hover div.check{transform:none;}.files-container.list .file-container .meta span{display:flex;align-items:stretch;margin-bottom:4px;gap:4px;}.files-container.list .file-container .meta span>*{padding:4px;display:block;}.files-container.list .file-container .meta span b{display:block;width:150px;background-color:#fff;flex-shrink:0;}.files-container.list .file-container .meta span span{word-break:break-all;}.files-container.list .file-container .doc-title{-webkit-line-clamp:none;margin-bottom:16px!important;}.files-container.list.density-3{display:flex!important;gap:8px;}.files-container.list.density-3>.file-container{width:24%;flex-grow:1;display:flex;flex-direction:column;}.files-container.list.density-3>.file-container .file-thumbnail{width:auto;height:auto;max-height:calc(100lvh/6);display:block;margin:auto;flex-grow:0;box-shadow:0 0 60px rgba(0,0,0,.8);}.files-container.list.density-3>.file-container .title{flex-grow:1;}.files-container.list.density-3>.file-container .meta span b{width:100px;}.files-container.list.density-2{display:flex!important;gap:8px;}.files-container.list.density-2>.file-container{width:33%;flex-grow:1;display:flex;flex-direction:column;}.files-container.list.density-2>.file-container .file-thumbnail{width:auto;height:auto;max-height:calc(100lvh/4);display:block;margin:auto;flex-grow:0;box-shadow:0 0 60px rgba(0,0,0,.8);}.files-container.list.density-2>.file-container .title{flex-grow:1;}.files-container.list.density-2>.file-container .meta span b{width:150px;}.files-container.list.density-1{display:block;}.files-container.list.density-1 .file-thumbnail{width:auto;height:auto;max-height:calc(100lvh/4);}.files-container.grid.density-3 .file-thumbnail{height:calc(100lvw/6);}.files-container.grid.density-2 .file-thumbnail{height:calc(100lvw/4);}.files-container.grid.density-1 .file-thumbnail{height:calc(100lvw/3);}.files-container.nozoom .file-container:hover{transform:none;}.files-container.nozoom .file-container:hover div.title,.files-container.nozoom .file-container:hover div.check{transform:none;}.files-container.nozoom .file-container:hover .file-thumbnail{transform:none;}.files-container.nozoom .file-container:hover .file-thumbnail.wide{transform:none;}.files-container.list.nozoom .file-container:hover div.title{position:static;width:100%;}#browse>.container{max-width:90lvw;}