.project-invite-auth-modal .el-dialog{border-radius:10px;border:1px solid #99d6e9;min-width:630px;margin-top:40vh!important}.project-invite-auth-modal .el-dialog__header{display:flex;width:100%}.project-invite-auth-modal .el-dialog__title{flex:1;text-transform:uppercase;font-size:15px;font-weight:500;text-align:center;letter-spacing:1px}.project-invite-auth-modal .el-dialog__body{padding-top:10px!important;padding-left:0;padding-right:0}.project-invite-auth-modal .rounded-btn{height:36px;border-radius:18px;border:none;font-size:14px;background-color:#637c8f;color:#fff;padding-left:25px;padding-right:25px}.project-invite-auth-modal .rounded-btn.apply{background-color:#0dabd8;margin-left:33px}.project-invite-auth-modal .rounded-btn.send{background-color:#0dabd8;line-height:4px;float:right;margin-top:10px}.project-invite-auth-modal .arrow-action{max-width:110px!important}.project-invite-auth-modal .f-red{color:red}.project-invite-auth-modal .el-input__inner{background-color:#f5f5f5;padding:5px}.project-invite-auth-modal .input-container{display:flex;border:1px solid #f2f2f2;justify-content:space-between;background-color:#f5f5f5;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom:2px solid #0dabd8!important}.project-invite-auth-modal .input-container input:active,.project-invite-auth-modal .input-container input:focus{outline:none}.project-invite-auth-modal .input-container input{border:none}.project-invite-auth-modal .tag-input{width:100%;font-size:inherit;box-sizing:border-box;padding:0 10px;background-color:#f5f5f5}.project-invite-auth-modal .tag-input__tag{height:30px;float:left;margin-right:10px;background-color:#fff;margin-top:10px;line-height:30px;padding:0 5px;border-radius:10px}.project-invite-auth-modal .tag-input__tag>span{cursor:pointer;opacity:.75}.project-invite-auth-modal .tag-input__text{border:none;outline:none;line-height:50px;background:none}.project-invite-auth-modal .el-icon-close{display:none!important}.project-invite-auth-modal .success-div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.project-invite-auth-modal .success-icon{display:flex;justify-content:space-between;align-items:center;width:440px;height:140px;border:1px solid transparent;background-color:#f4fdf9;border-radius:100px}.project-invite-auth-modal .success-img{width:30%;text-align:center}.project-invite-auth-modal .success-content{width:70%;padding-right:20px}#content .project-title{font-size:30px;font-weight:600}#content .project-desc{font-size:14px;font-weight:300}#content .folders{display:flex;margin:20px 0;flex-wrap:wrap}#content .folder{width:24%;margin:40px 105px 10px 0;display:flex;align-items:center}#content .folder .folder-name{display:flex;flex-direction:column}#content .folder .folder-name .f-title{color:#21455e;font-weight:500}#content .folder .img{margin:0 5px}#content .medias{display:flex;margin:20px 0;flex-wrap:wrap}#content .medias a{text-decoration:none;cursor:pointer;color:#000;margin-top:10px}#content .media{margin:40px 105px 10px 0;display:flex;flex-direction:column;position:relative}#content .media .duration{position:absolute;right:5px;top:125px;background-color:rgba(1,26,34,.5647058823529412);border-radius:14px;color:#fff;padding:2px 5px;font-size:14px}#content .media .media-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;width:273px;overflow-wrap:break-word}#content .media img{width:273px;height:154px;border-radius:5px}.breadcrumbs{cursor:pointer}#content{width:100%;padding:20px;min-height:100vh;transition:all .3s;margin-left:330px}#content .playlist-title{font-size:30px;font-weight:600}#content .playlist-desc{font-size:14px;font-weight:300}.view-img{width:15px}#content .collections{display:flex;margin:20px 0;flex-wrap:wrap}#content .collection{margin:40px 135px 10px 0;display:flex;flex-direction:column;position:relative;margin-left:0}#content .collection .collection-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:20px;width:90%;overflow-wrap:break-word}#content .collection .collection_img{width:234px;height:144px;box-shadow:6px 0 10px rgba(0,0,0,.1607843137254902);border-radius:5px}.collection-ovelay{top:5px;z-index:-1}.collection-ovelay,.collection-ovelay-2{position:absolute;width:234px;height:144px}.collection-ovelay-2{top:10px;z-index:-2}.collection-ovelay .bg{margin:auto;background:#21455e;width:212px;height:100%;border-radius:6px}.collection-ovelay-2 .bg{margin:auto;background:#789eb8;width:199px;height:100%;border-radius:6px}#app{padding-top:0}body,html{font-family:Poppins,sans-serif;padding:0;margin:0;height:auto!important;overflow-x:hidden}h3{font-weight:400}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 40px}.header_main{display:flex}.header_logo{width:30%;margin-top:10px}.header_logo svg{width:165px;height:75px}.search_area{display:flex;justify-content:space-between;align-items:center}.search_result{font-size:30px}.search_text{font-weight:700}input[type=search]{padding:5px;border:1px solid #99d6e9}.sidebar-link{margin-top:10px}.search_btn,.slidebar-link-point{cursor:pointer}.search_icon{display:flex;align-items:center}.search_icon button{background:#99d6e9;margin-left:-8px;color:#fff}.search_button,.search_icon button{padding:5px;border:1px solid #99d6e9}.search_button{height:30px;width:30px;border-radius:25px;background:#fff;margin-left:10px;cursor:pointer;position:relative;text-align:center}.search_button svg{position:absolute;top:4px;right:4px}.search_input{display:inline-block}.searchInputRound{border:1px solid #99d6e9;border-radius:16px;transition:all .3s ease-out;box-sizing:border-box}.searchInputRound :hover{border:1px solid #99d6e9}.video_sec_main{display:flex;margin:0 -20px;flex-wrap:wrap}.video_sec_main .video_frame{width:calc(33.33% - 62px);background:#fff;margin:30px;border:1px solid #99d6e9;border-radius:0 0 15px 15px}.video_frame img{width:314px;height:154px}hr{margin-bottom:5px;border:0;border-top:1px solid #000}.time_duration{background:#000;position:absolute;bottom:10px;right:5px;border-radius:25px;padding:3px 10px;opacity:.7;color:#fff}.image_button{cursor:pointer;position:relative;display:inline-block}.video_sec_main iframe{width:100%}.video_detail{padding:30px 15px}.video_detail .video_title{font-size:15px}.video_detail .video_date{font-size:12px}@media (max-width:767px){.video_sec_main .video_frame{width:calc(100% - 50px)}.container{padding:0 20px}}@media (min-width:768px) and (max-width:1023px){.video_sec_main .video_frame{width:calc(50% - 62px)}}@media (max-width:900px){.search_area{flex-direction:column;align-items:flex-start}}.large{font-size:5em;color:rgba(0,186,242,.6);text-decoration:none}.inner:hover .large{color:rgba(0,186,242,.9)}.button{background:#000;height:30px;width:30px}.button,.inner{position:absolute}.inner{top:50%;left:50%;transform:translate(-50%,-50%)}#top-bar{display:none}.wrapper{display:flex;width:100%;align-items:stretch;margin:0}#sidebar{min-width:270px;max-width:270px;height:100vh;min-height:100vh;background:#f5f6f9;color:#626263;transition:all .3s;position:fixed;box-shadow:-2px 0 6px rgba(0,0,0,.4);padding:0 20px;z-index:2}#sidebar ul{text-decoration:none;list-style:none;line-height:40px;padding-left:20px}#sidebar .logo{width:25px}#sidebar .logo-media{width:50px}.rec-media{font-size:11px;margin:auto 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}.search{width:100%;text-align:center;position:relative}.search input{width:212px;margin:0 auto;height:35px;background-color:#e9e9ed;border:none;border-radius:4px;padding:0 25px}.search .search-logo{position:absolute;top:10px;left:15px}.user-brand-logo{width:120px}.rec-devices,.sidebar-titles{font-weight:500}#sidebar .footer{position:absolute;display:flex;justify-content:center;flex-direction:column;width:100%;bottom:20px;padding:0 20px}.recent-added-media{margin-top:50px;padding:0 20px}#sidebar .footer hr{width:85%;margin:0}#sidebar.active{margin-left:-270px}#sidebar .sidebar-header{padding:20px;background:#f5f6f9;display:flex}#sidebar .sidebar-header img{border-radius:30px;margin-right:10px}.device,.ip{display:flex;align-items:center}.access-point{line-height:30px}.mt-3{margin-top:10px}.ms-2{margin-left:5px}.d-flex{display:flex}.f-11{font-size:11px}.f-13{font-size:13px}.fw-500{font-weight:500}.align-items-center{align-items:center}.active{font-weight:700}.navbar-toggle{display:none;float:right}@media (max-width:768px){#sidebar{margin-left:-330px}#sidebar.active{margin-left:0}#sidebarCollapse span{display:none}#content{margin-left:0}#content .folder,#content .media{margin:25px auto}.navbar-toggle{display:block}}.sidebar-toggle{margin-left:0!important}.loading-box-container{position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;background-color:rgba(1,26,34,.3);transition:1s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:center;align-items:center}