@import url(https://fonts.googleapis.com/css?family=Ruda);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);.circle[data-v-f75d1fc8]{position:relative;display:inline-block}.circle-text-body[data-v-f75d1fc8]{position:absolute;width:100px;height:100px;left:0;top:0}.circle-text-body .legend-text[data-v-f75d1fc8]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5em;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:16px}.loading{z-index:111}.load-more{display:flex;justify-content:center;padding:10px;color:#015ec8;font-weight:600}.header-panel{width:100%;padding:0 16px;display:block}.header-panel .search-box{width:100%;margin:75px 0 16px;position:relative}.header-panel .search-box label{position:absolute;left:12px;top:50%;display:flex;transform:translateY(-50%)}.header-panel .search-box label img{height:20px;width:20px}.header-panel .search-box input{width:100%;padding:14px 16px 14px 42px;border-radius:8px;border:none;background:#f8f8f8;outline:none;font-size:1em;font-weight:500}.header-panel .search-box input::-webkit-input-placeholder{color:#898989}.header-panel.inner-head{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;position:fixed;top:0;left:0;background:#fff;padding:16px 16px 16px 12px;z-index:111}.header-panel.inner-head .logo,.header-panel.inner-head .profile-img{display:none}.header-panel.inner-head .main-header{width:auto;position:relative;padding:0}.header-panel.inner-head .main-header .back-btn{display:flex}.header-panel.inner-head .search-box{margin:0 0 0 auto;width:calc(100% - 4px)}.main-header{width:100%;display:flex;align-items:center;flex-wrap:wrap;position:fixed;top:0;left:0;background:#fff;padding:16px;z-index:111}.main-header .back-btn{display:none}.main-header .logo{display:flex}.main-header .logo svg{height:32px;width:auto}.main-header .profile-img{height:42px;width:42px;border-radius:100px;overflow:hidden;flex-shrink:0;margin-left:auto}.main-header .profile-img img{height:42px;width:42px;-o-object-fit:cover;object-fit:cover}.back-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;justify-content:flex-start;height:32px;width:32px}.back-btn img{width:24px}.breadcumb{width:100%;display:block}.breadcumb ul{width:100%;height:auto;display:flex;padding:0;margin:0;flex-wrap:wrap}.breadcumb ul li{width:auto;padding:2px 16px 2px 0;list-style:none;color:#262626;font-size:.75em;position:relative;text-transform:capitalize}.breadcumb ul li:after{content:"/";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#727272}.breadcumb ul li:last-child{padding:2px 0 2px 0}.breadcumb ul li:last-child:after{display:none}.breadcumb ul li.text-link{color:#015ec8}.create-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:16px;z-index:111;display:none;left:0}.create-popup.active{display:flex}.create-popup .content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:16px}.create-popup .content h2{color:#3a3a3a;font-size:1em;margin-bottom:16px}.create-popup .content label{font-size:.75em;display:block;color:rgba(58,58,58,.38);font-weight:700}.create-popup .content input{width:100%;border:none;outline:none;border-bottom:1px solid #d9d9d9;font-size:1em;padding:8px 0;font-weight:600;color:#3a3a3a}.create-popup .content input::-moz-placeholder{color:rgba(58,58,58,.38)}.create-popup .content input:-ms-input-placeholder{color:rgba(58,58,58,.38)}.create-popup .content input::-ms-input-placeholder{color:rgba(58,58,58,.38)}.create-popup .content input::placeholder{color:rgba(58,58,58,.38)}.create-popup .content .save-btn{display:block;margin-top:16px;background:#015ec8;border-radius:8px;padding:12px;box-shadow:0 0 30px rgba(0,0,0,.04);color:#fff;font-size:1em;font-weight:700;text-align:center}.create-popup .content .close{display:inline-block;position:absolute;left:50%;bottom:-50%;margin-left:-14px}.create-popup .content .close img{height:24px}.uploading-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:16px;z-index:111;display:none;left:0}.uploading-popup.active{display:flex}.uploading-popup .up-content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:15px 15px 60px;position:relative}.uploading-popup .up-content.hid{display:none}.uploading-popup .up-content h2{font-size:1em;color:#3a3a3a}.uploading-popup .up-content p{font-size:.85em;color:#898989;padding-top:8px}.uploading-popup .up-content .upload-bar{padding-top:24px}.uploading-popup .up-content .upload-bar .file-details{display:flex;align-items:center;justify-content:center;flex-shrink:0;justify-content:space-between;padding-bottom:10px}.uploading-popup .up-content .upload-bar .file-details .file-name{color:#262626;font-size:.85em;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:30px}.uploading-popup .up-content .upload-bar .file-details .prcnt{display:block;text-align:right;font-size:.875em;color:#015ec8;font-weight:500;flex-shrink:0}.uploading-popup .up-content .upload-bar .file-details .prcnt:after{content:"%"}.uploading-popup .up-content .upload-bar .line-bar{width:100%;height:10px;box-shadow:0 3px 3px rgba(1,94,200,.47);background:rgba(1,94,200,.19);overflow:hidden;border-radius:25px;position:relative}.uploading-popup .up-content .upload-bar .line-bar .grow{background:#015ec8;display:block;position:absolute;left:0;top:0;bottom:0}.uploading-popup .up-content .upload-bar .line-bar .grow:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);z-index:1;background-size:50px 50px;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}@-webkit-keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.uploading-popup .up-content .cancel-btn{position:absolute;right:12px;bottom:12px;font-size:.875em;padding:4px 10px;border:1px solid #015ec8;color:#015ec8;border-radius:25px;transition:.2s}.uploading-popup .up-content .cancel-btn:active{background:#015ec8;color:#fff}.uploading-popup .cancel-uploading{width:100%;background:#fff;padding:15px;border-radius:8px;display:none}.uploading-popup .cancel-uploading.show{display:block}.uploading-popup .cancel-uploading h2{font-size:1em;color:#3a3a3a}.uploading-popup .cancel-uploading p{font-size:.85em;color:#898989;padding-top:10px}.uploading-popup .cancel-uploading .btn{padding-top:16px;text-align:right}.uploading-popup .cancel-uploading .btn span{display:inline-block;padding:6px 20px;color:#015ec8;border-radius:5px;transition:.2s;font-size:.9em;font-weight:500}.uploading-popup .cancel-uploading .btn span:active{background:#015ec8;color:#fff}.search-header{width:100%;padding:10px 12px;background:#fff;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:2}.search-header .file-search-box{flex-grow:1;margin-left:10px;position:relative}.search-header .file-search-box label{display:flex;position:absolute;left:0;height:100%;padding:8px 10px}.search-header .file-search-box label img{height:18px}.search-header .file-search-box input{width:100%;padding:9px 9px 9px 40px;border-radius:6px;border:none;background:#f8f8f8;outline:none;font-size:.9em}.option-footer{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 20px hsla(0,0%,44.3%,.2);position:fixed;transition:all .3s ease;bottom:-100px;left:0;z-index:11;padding:16px}.option-footer.active{bottom:0}.option-footer .item{text-align:center}.option-footer .item img{height:16px}.option-footer .item span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item2{text-align:center}.option-footer .item2 img{height:16px}.option-footer .item2 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item3{text-align:center}.option-footer .item3 img{height:16px}.option-footer .item3 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item4{text-align:center}.option-footer .item4 img{height:16px}.option-footer .item4 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item5{text-align:center}.option-footer .item5 img{height:16px}.option-footer .item5 span{font-size:.6em;display:block;color:#3a3a3a}.move-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:16px;z-index:111;display:none;left:0}.move-popup.active{display:flex}.move-popup .content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.move-popup .content h2{padding:16px;font-size:1em;color:#3a3a3a;border-bottom:1px solid #e6e6e6;margin-bottom:0}.move-popup .content ul{max-height:200px;overflow-y:auto;width:100%}.move-popup .content ul::-webkit-scrollbar{display:none}.move-popup .content ul li{display:flex;align-items:center;padding:12px 16px;transition:all .3s ease;width:100%;position:relative}.move-popup .content ul li.active{background:hsla(0,0%,53.7%,.27)}.move-popup .content ul li.active span{font-weight:700}.move-popup .content ul li img{height:16px;flex-shrink:0}.move-popup .content ul li .folder-icon{width:auto;height:auto}.move-popup .content ul li .folder-icon svg{fill:#b8b8b8}.move-popup .content ul li .text-title{width:100%;display:flex;padding:0 16px}.move-popup .content ul li .text-title p{text-transform:capitalize;font-size:.875em;color:#262626;transition:all .3s ease;font-weight:600}.move-popup .content ul li .mark-icon{width:8px;height:8px;border-right:1px solid #898989;border-bottom:1px solid #898989;transform:rotate(-45deg);position:absolute;right:16px}.move-popup .content .popup-footer{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e6e6e6}.move-popup .content .popup-footer span{font-size:1em;font-weight:600;padding:16px;color:#bfbfbf}.move-popup .content .popup-footer span:first-child{color:#015ec8}.move-popup .close-move-popup{height:32px;width:32px;display:flex;position:absolute;bottom:8%}.delete-popup,.move-popup .close-move-popup{align-items:center;justify-content:center;flex-shrink:0}.delete-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;padding:16px;z-index:111;display:none;left:0}.delete-popup.active{display:flex}.delete-popup .delete-content{background:#fff;width:100%;padding:16px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.delete-popup .delete-content h2{font-size:1em;color:#3a3a3a;margin-bottom:8px}.delete-popup .delete-content p{color:#898989;font-size:.875em}.delete-popup .delete-content .btn{padding-top:32px;display:flex;align-items:center;justify-content:flex-end}.delete-popup .delete-content .btn span{padding:8px 16px;color:#015ec8;font-size:1em;font-weight:500;border-radius:8px;transition:all .2s}.delete-popup .delete-content .btn span:active{background:#015ec8;color:#fff}.move-ftr{width:100%;padding:16px 0;display:flex;align-items:center;justify-content:flex-end;background:#fff;position:fixed;box-shadow:0 2px 20px hsla(0,0%,44.3%,.2);bottom:0;left:0;z-index:8}.move-ftr span{width:auto;padding:0 16px;font-size:.875em;color:#262626;font-weight:500}.move-ftr .cancel-btn{color:#015ec8}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.splash-screen{width:100%;height:100vh;background:url(../img/splash.6eb0b956.jpg) no-repeat 50%;background-size:100% 100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.splash-screen img{height:50px}.home{width:100%;position:relative}.home .storege-status{margin:0;background:#fff;box-shadow:0 2px 8px rgba(138,149,158,.2);padding:16px;border-radius:8px}.home .storege-status .head{display:flex;align-content:center;justify-content:space-between;padding-bottom:16px}.home .storege-status .head span{font-weight:600}.home .storege-status .head span:first-child{color:#262626;font-size:.95em}.home .storege-status .head span:last-child{color:#015ec8;font-size:.813em}.home .storege-status .content{display:flex}.home .storege-status .content .ldBar{position:relative;flex-shrink:0}.home .storege-status .content .ldBar.label-center>.ldBar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 4px #fff;font-size:1.5em;font-weight:500;color:#262626}.home .storege-status .content .ldBar-label:after{content:"%";display:inline}.home .storege-status .content .ldBar.no-percent .ldBar-label:after{content:""}.home .storege-status .content .ldBar path.mainline{stroke-width:8;stroke:#617be3;stroke-linecap:round}.home .storege-status .content .ldBar path.baseline{stroke-width:8;stroke:#dbdfe1;stroke-linecap:round}.home .storege-status .content .details{flex-grow:1;padding-left:16px}.home .storege-status .content .details h4{font-size:1em;color:#262626;margin-top:8px;font-weight:600}.home .storege-status .content .details span{font-size:.75em;color:#898989;display:block;margin:4px 0}.home .mid-content{padding:0 16px 16px 16px}.folders{width:100%;padding:0;margin:16px 0 90px 0}.folders h2{font-size:1em;color:#262626;margin-bottom:16px}.folders.selecteditems{margin:16px 0 132px 0}.folders.selecteditems .add-btn{bottom:80px}.folders.selecteditems .add-popup ul{bottom:148px}.folder-listing{list-style-type:none}.folder-listing .list{width:100%;display:flex;align-items:center;position:relative;margin-bottom:16px}.folder-listing .list .inner{width:100%;display:flex;align-items:center;padding:16px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(138,149,158,.2);transition:all .2s}.folder-listing .list .inner:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .inner .icon{height:20px;width:20px;flex-shrink:0}.folder-listing .list .inner .icon img{width:100%}.folder-listing .list .inner .text{flex-grow:0;padding:0 16px;width:calc(100% - 32px)}.folder-listing .list .inner .text h3{font-size:.875em;font-weight:700;text-transform:capitalize;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.folder-listing .list .inner .text p{color:#262626;font-size:.85em}.folder-listing .list .inner .text span{color:#898989;font-size:.75em;padding-top:4px;display:block}.folder-listing .list .dot-icon{position:absolute;right:2px;top:20px;padding:0;border-radius:50%;transition:all .2s;width:32px;height:32px}.folder-listing .list .dot-icon:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .dot-icon .option-icon{height:30px;width:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.folder-listing .list .dot-icon .option-icon img{height:30px}.folder-listing .list .dot-icon .option-list{width:160px;background:#fff;border-radius:8px;position:absolute;right:0;top:0;z-index:9;box-shadow:0 2px 8px rgba(138,149,158,.2);overflow:hidden;display:none}.folder-listing .list .dot-icon .option-list.show-option{display:block;z-index:111}.folder-listing .list .dot-icon .option-list li{display:flex;align-items:center;font-size:.75em;color:#2c2c2c;font-weight:500;padding:10px 30px 10px 16px;transition:all .2s}.folder-listing .list .dot-icon .option-list li:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .dot-icon .option-list li .opt-icon{height:18px;width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:10px}.folder-listing .list .dot-icon .option-list li .opt-icon img{height:14px}.folder-listing .file-block{display:flex;align-items:center;flex-wrap:wrap;padding-top:0;margin:0 -8px;position:relative}.folder-listing .file-block .file-item{width:calc(50% - 16px);margin:0 8px 16px;background:#fff;overflow:hidden;position:relative;transition:all .5s ease}.folder-listing .file-block .file-item.icons img{-o-object-fit:contain;object-fit:contain;padding:50px;background:#f8f8f8}.folder-listing .file-block .file-item.select-img{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.folder-listing .file-block .file-item.select-img .select-icon:after{background:url(../img/tick.3a696873.svg) no-repeat 50%;background-size:contain}.folder-listing .file-block .file-item.select-img .file-title{border-color:#66c136}.folder-listing .file-block .file-item.select-img .file-title span{font-weight:700}@-webkit-keyframes zoomIn{0%{opacity:1;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:1;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.folder-listing .file-block .file-item img{width:100%;height:20vh;-o-object-fit:cover;object-fit:cover;border-radius:12px;position:relative;z-index:11}.folder-listing .file-block .file-item .select-icon{height:22px;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:4px;top:4px;z-index:11}.folder-listing .file-block .file-item .select-icon:after{content:"";position:absolute;height:16px;width:16px;background:url(../img/tick_blank.283f527c.svg) no-repeat 50%;background-size:contain}.folder-listing .file-block .file-item span{padding:8px;font-size:.75em;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.folder-listing .file-block .file-item .file-title{width:100%;border-radius:0 0 12px 12px;border:1px solid #d9d9d9;padding:42px 8px 8px;position:relative;margin-top:-42px;transition:all .5s ease}.folder-listing .file-block .file-item .file-title span{padding:8px 0 2px 0;font-weight:500;transition:all .5s ease}.folder-listing .file-block .file-item .image-preview{padding:0;width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.folder-listing .file-block .file-item .formate-box{background:#f8f8f8;border-radius:12px;width:100%;height:150px;position:relative;z-index:1}.folder-listing .file-block .file-item .formate-box iframe{display:none}.folder-listing .file-block .file-item .formate-box .video_tag{padding:0;width:100%;height:100%;display:none}.folder-listing .file-block .file-item .formate-box .formate-icon{width:100%;position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.folder-listing .file-block .file-item .formate-box .formate-icon svg{fill:#898989}.close-option{position:fixed;width:100%;height:100%;top:0;left:0;background:transparent;z-index:8;display:none}.close-option.show_overlay{display:block}.add-btn{height:56px;width:56px;position:fixed;right:20px;bottom:20px;background:#015ec8;border-radius:50%;box-shadow:0 6px 7px rgba(1,94,200,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:111;transition:all .5s ease}.add-btn img{transition:all .5s;height:18px;transform:rotate(0deg)}.add-btn img.rotate{transform:rotate(135deg)}.add-popup{width:100%;height:100vh;background:rgba(0,0,0,.47);position:fixed;top:0;left:0;z-index:111;display:none}.add-popup.active{display:block}.add-popup ul{position:absolute;right:20px;bottom:90px;background:#fff;list-style:none;padding:10px 30px 10px 10px;box-shadow:0 2px 8px rgba(138,149,158,.2);border-radius:10px}.add-popup ul li{display:flex;align-items:center;padding:10px;position:relative}.add-popup ul li img{flex-shrink:0}.add-popup ul li span{font-size:.875em;color:#2c2c2c;font-weight:500;padding-left:10px}.add-popup ul li .upload-file input{width:160px;position:absolute;left:0;right:0;height:100%;top:0;opacity:0}.add-popup ul li:last-child span{padding-left:14px}.mid-content{padding:8px 16px 16px 16px}.file-wrapper{width:100%}.file-wrapper .mid-content{padding:78px 16px 16px 16px}.file-wrapper .top-heading{padding:0;display:flex;align-items:center;justify-content:space-between;margin-top:16px}.file-wrapper .top-heading h2{font-size:.875em;color:#262626;width:50%;flex-shrink:0;flex-grow:0;text-transform:capitalize}.file-wrapper .top-heading span{color:#898989;font-size:.75em}.file-wrapper .no-data{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-direction:column;margin-top:24%}.file-wrapper .no-data img{height:100px;margin-top:0}.file-wrapper .no-data span{font-size:1em;color:#262626;margin-top:16px}.file-wrapper .fill-data{padding:12px}