@import url(https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400,500,700,800,900&display=swap);*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:M PLUS\ 1p,sans-serif;font-weight:500}#app{background:#252a41;height:100vh;overflow:hidden}p.light{color:rgba(141,147,175,.88)}.app-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-box .left,.app-box .right{width:50%;overflow:hidden}.app-box .left{padding:30px 30px 0;color:#fff}.app-box .left .app-icon img,.left .app-parts .app-search,.projects-wrapper .projects-line .project div[class^=bg-]{background:#3b3f54}.app-box .left .app-icon img{padding:5px;height:40px;border-radius:15px}.app-box .left .app-parts{height:calc(100vh - 135px);padding:20px 130px 0}.left .app-parts .app-info .name h4{font-size:48px}.left .app-parts .app-info .description p{font-size:16px}.left .app-parts .app-search{margin:20px 0;padding:5px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left .app-parts .app-search img{width:15px;height:15px}.left .app-parts .app-search .search-text{width:calc(100% - 25px)}.left .app-parts .app-search .search-text input{width:100%;background:transparent;border:0;height:40px;outline:none;margin-left:10px}.left .app-parts .app-search .search-text input,.left .app-parts .app-search .search-text input::-webkit-input-placeholder{color:rgba(141,147,175,.88);font-weight:700}.left .app-parts .app-search .search-text input,.left .app-parts .app-search .search-text input:-ms-input-placeholder{color:rgba(141,147,175,.88);font-weight:700}.left .app-parts .app-search .search-text input,.left .app-parts .app-search .search-text input::-moz-placeholder{color:rgba(141,147,175,.88);font-weight:700}.left .app-parts .app-search .search-text input,.left .app-parts .app-search .search-text input::-ms-input-placeholder{color:rgba(141,147,175,.88);font-weight:700}.left .app-parts .app-search .search-text input,.left .app-parts .app-search .search-text input::placeholder{color:rgba(141,147,175,.88);font-weight:700}.left .app-projects .project-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left .app-projects .project-info h5{font-size:24px}.left .app-projects .project-info p{margin-left:5px;font-size:14px}.projects-wrapper .projects-line{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.projects-wrapper .projects-line .project{width:33.34%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects-wrapper .projects-line .project:nth-child(2){margin:10px 5%}.projects-wrapper .projects-line .project div[class^=bg-]{padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:25px;min-height:100px;min-width:100px}.projects-wrapper .projects-line .project .prject-name p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}.app-box .right{margin:10px;background:#fff;height:calc(100vh - 20px);overflow:hidden;border-radius:15px;padding:35px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app-box .right p.light{color:#a4a5ab}.app-box .right .info-data{display:-webkit-box;display:-ms-flexbox;display:flex}.app-box .right .info-data .info-text{width:70%}.app-box .right .info-data .info-text .info-users{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex}.info-users,.users{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.users .user-icon img{width:40px;border-radius:50%;border:2px solid #fff}.users .user-icon{margin-right:-10px}.users .user-icon:last-child{margin-right:0}.info-users .add-icon{margin-left:10px}.info-users .add-icon button{border:0;background:transparent}.info-users .add-icon button img{width:28px}.app-box .right .info-data .info-text h4{font-size:24px;color:#252a41;font-weight:700}.app-box .right .info-data .info-text p{font-size:14px;margin:5px 0}.app-box .right .info-details .info-today{padding:35px 0}.app-box .right .info-details .info-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-bottom:1px solid #cecece}.app-box .right .info-details .info-main .text h5{font-size:18px;font-weight:700}.app-box .right .info-details .info-main .icon img{width:25px}.info-section .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 0}.info-section .info:first-child{padding-top:10px}.info-section .info .text{width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;color:rgba(88,88,88,.87)}.info-section .info .tag{width:23%;padding:2px 2px;background:#e0e3ed;border-radius:25px;text-align:center;font-size:12px}.bg-indigo-plain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.add-new button{background:#894ec8;border:0;padding:10px 15px;border-radius:15px;-webkit-box-shadow:0 2px 15px #3d0579;box-shadow:0 2px 15px #3d0579;outline:none}.add-new button img{width:25px}@media (min-width:1024px) and (max-width:1200px){.app-box .left .app-parts{height:calc(100vh - 85px);padding:20px 80px 0}}