.section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin:2rem 0;overflow:hidden;padding:0;position:relative}.section .app-file-overlay{border-radius:4px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:7}.section .app-file-overlay.show{background-color:rgba(0,0,0,.2);opacity:1;transition:all .3s ease;visibility:visible}.section i{cursor:pointer;font-size:22px;vertical-align:middle}.section .app-file-label{color:#bdbdbd;font-size:.8rem;font-weight:900;margin-left:3px;text-transform:uppercase}.section .sidebar-toggle{display:none;padding-top:.55rem}.section .sidebar-left{float:left;padding:1rem;position:relative;width:260px}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left{width:100%}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .app-file-sidebar-close{position:absolute;right:5px;top:2px}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .app-file-sidebar-close i{font-size:1.3rem}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .getfileInput{height:0;overflow:hidden;width:0}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .file-manager-drive{border:none;margin:1rem 0}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .file-manager-drive .file-item-action{border-bottom:none;color:#6b6f82;padding:10px 0}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .file-manager-drive .file-item-action.active{background:transparent;color:#3f51b5}.section .sidebar-left .app-file-sidebar .app-file-sidebar-left .file-manager-drive .file-item-action .chip{border-radius:50%;height:22px;line-height:22px;padding:0 8px}.section .sidebar-left .storage-icon{position:relative;top:5px}.section .app-file-sidebar-info{border-radius:0 .25rem .25rem 0;box-shadow:-8px 0 18px 0 rgba(25,42,70,.13);height:100%;opacity:0;position:absolute;right:32px;top:-1px;transform:translateX(110%);transition:all .3s ease;width:357px;z-index:8}.section .app-file-sidebar-info.show{background-color:#fff;opacity:1;transform:translateX(9%) translateY(1px)}.section .app-file-sidebar-info .card-header{border-bottom:1px solid #e0e0e0;padding:1rem 1.6rem}.section .content-right{float:right;width:calc(100% - 260px)}.section .content-right .app-file-area{border-left:1px solid #e0e0e0}.section .content-right .app-file-area .app-file-header{border-bottom:1px solid #e0e0e0;display:flex;padding:.2rem 1rem}.section .content-right .app-file-area .app-file-header .app-file-header-search{flex-grow:1}.section .content-right .app-file-area .app-file-header .app-file-header-search .input-field .prefix{font-size:1.6rem;top:.7rem}.section .content-right .app-file-area .app-file-header .app-file-header-search input{border-bottom:none;box-shadow:none;margin-bottom:0;margin-left:2.5rem}.section .content-right .app-file-area .app-file-header .app-file-header-icons .fonticon-wrap{margin-left:.7rem}.section .content-right .app-file-area .app-file-content{padding:1.6rem}.section .content-right .app-file-area .app-file-content .app-file-files .card,.section .content-right .app-file-area .app-file-content .app-file-folder .card,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card{border:1px solid #e0e0e0;border-radius:4px;margin-top:.5rem}.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-content-logo,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-content-logo,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-content-logo{border-radius:4px;cursor:pointer;margin-bottom:.5rem;overflow:hidden}.section .content-right .app-file-area .app-file-content .app-file-files .card .recent-file,.section .content-right .app-file-area .app-file-content .app-file-folder .card .recent-file,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .recent-file{display:block;margin:25px auto}.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-last-access,.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-name,.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-size,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-last-access,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-name,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-size,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-last-access,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-name,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-size{font-size:.9rem;margin-top:.3rem;word-break:break-all}.section .content-right .app-file-area .app-file-content .app-file-files .card .fonticon,.section .content-right .app-file-area .app-file-content .app-file-folder .card .fonticon,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .fonticon{position:absolute;right:5px}.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-folder-name,.section .content-right .app-file-area .app-file-content .app-file-files .card .app-file-folder-size,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-folder-name,.section .content-right .app-file-area .app-file-content .app-file-folder .card .app-file-folder-size,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-folder-name,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .app-file-folder-size{font-size:.9rem}.section .content-right .app-file-area .app-file-content .app-file-files .card .card-content,.section .content-right .app-file-area .app-file-content .app-file-folder .card .card-content,.section .content-right .app-file-area .app-file-content .app-file-recent-access .card .card-content{padding:.5rem}@media(max-width:992px){.sidebar-left{background-color:#fff;height:100%!important;left:-34px;position:absolute!important;transform:translateX(-110%);transition:transform .25s;width:260px!important;z-index:8}.sidebar-left.show{transform:translateX(13%) translateY(-1px)}.content-right{width:100%!important}.content-right .app-file-area{border-left:none!important}}@media(max-width:600px){.app-file-manager-wrapper .sidebar-left .app-file-sidebar .add-new-file{padding-top:1rem}}@media(max-width:450px){.app-file-sidebar-info{width:300px!important}.app-file-sidebar-info.show{transform:translateX(11%) translateY(1px)!important}}