*{box-sizing:border-box !important;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth}html body{font-family:"Open Sans",sans-serif;user-select:none}html body a{color:#000;text-decoration:none}html body ul{list-style-type:none;padding:0;margin:0}.header-page{margin:20px 20px 40px;font-weight:700;font-size:32px;letter-spacing:-1px}.header-page::before,.header-page::after{content:"";height:3px;position:absolute;bottom:-10px;left:0}.header-page::before{background-color:#fff;width:120px}.header-page::after{background-color:#000;width:40px}::-webkit-scrollbar{width:12px}.responsive-table::-webkit-scrollbar{height:6px}::-webkit-scrollbar-thumb{background:#0075ff}::-webkit-scrollbar-track{background:#fff}.responsive-table::-webkit-scrollbar-track{background:#fff}.responsive-table.dark::-webkit-scrollbar-track{background:#141824}body.dark::-webkit-scrollbar-track{background:#141824}::-webkit-scrollbar-thumb:hover{background:#0d69d5}.popup-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:2000;cursor:zoom-out}.popUp{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);margin:0;padding:0}@media(max-width: 767px){.popUp{width:370px}}.popUp img{width:730px;max-width:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;cursor:grab}.popUp img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.mega:hover{box-shadow:0 2px 15px rgba(0,0,0,.2)}.toggle-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:none}.toggle-switch{background-color:#ccc;width:68px;height:26px;position:relative;cursor:pointer;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.toggle-switch::before{font-family:var(--fa-style-family-classic);content:"";font-weight:900;background-color:#fff;width:20px;height:20px;position:absolute;border-radius:50%;top:3px;left:3px;display:flex;justify-content:center;align-items:center;color:#aaa;transition:.3s}.toggle-checkbox:checked+.toggle-switch{background-color:#0075ff}.toggle-checkbox:checked+.toggle-switch::before{content:"";left:45px;color:#0075ff}@keyframes left-right{0%{transform:translateX(0px) rotate(180deg);-webkit-transform:translateX(0px) rotate(180deg);-moz-transform:translateX(0px) rotate(180deg);-ms-transform:translateX(0px) rotate(180deg);-o-transform:translateX(0px) rotate(180deg)}100%{transform:translateX(-10px) rotate(180deg);-webkit-transform:translateX(-10px) rotate(180deg);-moz-transform:translateX(-10px) rotate(180deg);-ms-transform:translateX(-10px) rotate(180deg);-o-transform:translateX(-10px) rotate(180deg)}}@keyframes rotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}25%{transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg)}50%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}75%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg)}100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}}@keyframes splash{0%{background-color:#0075ff}100%{background-color:#fff}}@keyframes pulse{100%{transform:scale(2.5);-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);opacity:0}}@keyframes up-down{0%,100%{bottom:0px}50%{bottom:30px}}.sidebar{width:250px;box-shadow:0 0 10px #ddd;padding:20px;min-height:100vh}@media(max-width: 767px){.sidebar{width:58px;padding:10px}}.sidebar .holder{width:180px;height:100vh}@media(max-width: 767px){.sidebar .holder{width:36px}}.sidebar .holder>h3{margin-bottom:40px;font-size:20px}.sidebar .holder>h3:hover{color:#0075ff}.sidebar .holder>h3:hover::after,.sidebar .holder>h3:hover::before{background-color:#0075ff}@media(max-width: 767px){.sidebar .holder>h3{font-size:14px;left:-3px}}.sidebar .holder>h3::after,.sidebar .holder>h3::before{content:"";position:absolute;background-color:#000;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}@media(max-width: 767px){.sidebar .holder>h3::after,.sidebar .holder>h3::before{display:none}}.sidebar .holder>h3::before{width:80px;height:2px;bottom:-20px}.sidebar .holder>h3::after{width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;bottom:-30px;border:4px solid #fff !important}.sidebar .holder .links{margin-top:20px}@media(max-width: 767px){.sidebar .holder .links{margin-top:-30px}}.sidebar .holder .links ul{margin-top:50px !important}.sidebar .holder .links ul li{margin-left:-3px}.sidebar .holder .links ul li a{display:block;padding:8px 16px 8px 15px;transition:.3s;margin-bottom:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-weight:500}.sidebar .holder .links ul li a:hover,.sidebar .holder .links ul li a.active{background-color:#f6f6f6}.sidebar .holder .links ul li a svg{font-size:14px}.sidebar .holder .links ul li a span{font-size:14px;margin-left:10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}@media(max-width: 767px){.sidebar .holder .links ul li a span{display:none}}.sidebar .holder .links ul li:hover svg{color:#0075ff !important}.sidebar .holder .links ul li:hover span{transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);color:#000 !important}.sidebar .log-out{position:absolute;bottom:40px;width:100%;margin-left:40px}@media(max-width: 767px){.sidebar .log-out{margin-left:10px}}.sidebar .log-out svg{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);margin-right:2px}.sidebar .log-out span{font-size:14px;font-weight:bold}@media(max-width: 767px){.sidebar .log-out span a{display:none}}.sidebar .log-out span a:hover{color:#f44336 !important}.sidebar .log-out:hover svg{animation:left-right .6s infinite;-webkit-animation:left-right .6s infinite}.sidebar .log-out:hover a{color:red}.dashboard{background-color:#f1f2f6}.dashboard .dashboard-page{background-color:#f1f2f6;padding:20px;padding-bottom:0;padding-top:0 !important}@media(max-width: 767px){.dashboard .dashboard-page{padding:10px;padding-bottom:0}}.dashboard .wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(450px, 1fr));gap:20px}@media(max-width: 767px){.dashboard .wrapper{grid-template-columns:minmax(200px, 1fr);gap:10px}}.dashboard .wrapper .welcome{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden}@media(max-width: 767px){.dashboard .wrapper .welcome{text-align:center}}.dashboard .wrapper .welcome .banner{padding:20px;background-color:#eee}.dashboard .wrapper .welcome .banner img{width:200px;margin-bottom:-10px}@media(max-width: 767px){.dashboard .wrapper .welcome .banner img{display:none}}@media(max-width: 767px){.dashboard .wrapper .welcome .banner{height:120px}}.dashboard .wrapper .welcome .info{flex:1;padding:20px;margin-top:20px;margin-bottom:20px;font-weight:500;border-top:1px solid #eee;border-bottom:1px solid #eee}@media(max-width: 767px){.dashboard .wrapper .welcome .info{display:block !important}}.dashboard .wrapper .welcome .info div span{color:#888;font-size:14px;margin-top:10px;display:block;font-weight:500}@media(max-width: 767px){.dashboard .wrapper .welcome .info div:not(:last-child){margin-bottom:20px}}.dashboard .wrapper .welcome .link{padding:0 20px 20px}.dashboard .wrapper .welcome .link a{margin:0 0 0 auto}.dashboard .wrapper .welcome .avatar{width:64px;height:64px;border:2px solid #fff;border-radius:50%;padding:2px;box-shadow:0 0 5px #ddd;margin-left:20px;margin-top:-32px;transition:width .3s;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;cursor:pointer}.dashboard .wrapper .welcome .avatar:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.dashboard .wrapper .quick-draft{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.dashboard .wrapper .quick-draft input,.dashboard .wrapper .quick-draft textarea{border:none;outline:none;background-color:#eee;display:block;margin-bottom:20px;width:100%;padding:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;font-size:13px}.dashboard .wrapper .quick-draft input::placeholder,.dashboard .wrapper .quick-draft textarea::placeholder{transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s}.dashboard .wrapper .quick-draft input:focus::placeholder,.dashboard .wrapper .quick-draft textarea:focus::placeholder{opacity:0}.dashboard .wrapper .quick-draft textarea{resize:none;min-height:180px}.dashboard .wrapper .quick-draft .link a{margin:0 0 0 auto}.dashboard .wrapper .yearly-target{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .yearly-target .prog{display:flex;align-items:center;position:relative;margin-bottom:20px}.dashboard .wrapper .yearly-target .prog .theme{width:80px;height:80px;margin-right:15px}.dashboard .wrapper .yearly-target .prog .details{flex:1}.dashboard .wrapper .yearly-target .prog .details .data{font-weight:bold;margin-top:5px;margin-bottom:10px;display:block}.dashboard .wrapper .yearly-target .prog .details .data .percent{font-size:12px;padding:2px 4px;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.dashboard .wrapper .yearly-target .prog .details .name{font-size:14px;color:#888;display:block}.dashboard .wrapper .yearly-target .prog .details .progress{height:4px}.dashboard .wrapper .yearly-target .prog .details .progress span{position:absolute;left:0;top:0;height:100%;display:block;transition:2.4s;-webkit-transition:2.4s;-moz-transition:2.4s;-ms-transition:2.4s;-o-transition:2.4s}.dashboard .wrapper .statistics{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative;margin:0}.dashboard .wrapper .statistics .box{border:2px solid #eee;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin:10px;width:calc(50% - 20px);padding:20px;font-size:13px;color:#888}.dashboard .wrapper .statistics .box:first-of-type:hover{border-color:#f59e0b}.dashboard .wrapper .statistics .box:nth-of-type(2):hover{border-color:#0075ff}.dashboard .wrapper .statistics .box:nth-of-type(3):hover{border-color:#22c55e}.dashboard .wrapper .statistics .box:last-of-type:hover{border-color:#f44336}.dashboard .wrapper .statistics .box svg{margin-bottom:10px;font-size:26px}.dashboard .wrapper .statistics .box span{font-size:25px;color:#000;margin-bottom:5px;font-weight:bold}.dashboard .wrapper .news{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .news .data{margin-top:20px}.dashboard .wrapper .news .data .item{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}@media(max-width: 767px){.dashboard .wrapper .news .data .item{flex-direction:column;text-align:center}.dashboard .wrapper .news .data .item img{margin-bottom:20px}}.dashboard .wrapper .news .data .item:not(:last-of-type){border-bottom:1px solid #eee;padding-top:20px;padding-bottom:20px}.dashboard .wrapper .news .data .item:last-of-type{padding-top:20px;padding-bottom:20px}.dashboard .wrapper .news .data .item:hover{border-color:#0075ff;background-color:#eee}.dashboard .wrapper .news .data .item img{width:100px;margin-right:15px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer}.dashboard .wrapper .news .data .item img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.dashboard .wrapper .news .data .item .info{flex:1}.dashboard .wrapper .news .data .item .info h3{margin:0 0 6px;font-size:16px;font-weight:bold}.dashboard .wrapper .news .data .item .info p{color:#888;font-size:14px;display:block;margin:0}.dashboard .wrapper .news .data .item .time{margin:10px auto;width:fit-content;background-color:#eee;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:13px;padding:3px 10px;font-weight:500}.dashboard .wrapper .tasks{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .tasks .data{margin-top:20px}.dashboard .wrapper .tasks .data .item:not(:last-of-type){border-bottom:1px solid #eee;padding-top:15px;padding-bottom:15px}.dashboard .wrapper .tasks .data .item:last-of-type{padding-top:10px}.dashboard .wrapper .tasks .data .item:hover{border-color:#0075ff}.dashboard .wrapper .tasks .data .item.done{opacity:.3}.dashboard .wrapper .tasks .data .item.done:hover{border-color:#f44336}.dashboard .wrapper .tasks .data .item.done h3,.dashboard .wrapper .tasks .data .item.done p{text-decoration:wavy line-through;text-decoration-color:red;-moz-text-decoration-color:red}.dashboard .wrapper .tasks .data .item .contain-delete{padding:5px}.dashboard .wrapper .tasks .data .item .contain-delete .delete{cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;font-size:18px}.dashboard .wrapper .tasks .data .item .contain-delete .delete:hover{color:#f44336;animation:rotate .3s infinite;-webkit-animation:rotate .3s infinite}.dashboard .wrapper .tasks .data .item .info{flex:1}@media(max-width: 767px){.dashboard .wrapper .tasks .data .item .info{display:block}}.dashboard .wrapper .tasks .data .item .info h3{margin:0 0 5px;font-size:15px;font-weight:bold}.dashboard .wrapper .tasks .data .item .info p{color:#888;font-size:16px;display:block;margin:0}.dashboard .wrapper .search{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .search .data{margin-top:20px}.dashboard .wrapper .search .data .item:not(:first-of-type){padding-top:12px;padding-bottom:12px}.dashboard .wrapper .search .data .item .info{flex:1}@media(max-width: 767px){.dashboard .wrapper .search .data .item .info{display:block}}.dashboard .wrapper .search .data .item .info p{margin:0 0 5px;font-weight:500}.dashboard .wrapper .search .data .item .top{flex:1;padding-top:10px}@media(max-width: 767px){.dashboard .wrapper .search .data .item .top{display:block}}.dashboard .wrapper .search .data .item .top p,.dashboard .wrapper .search .data .item .top+p{color:#888;font-size:17px}.dashboard .wrapper .search .data .item span{background-color:#eee;font-size:16px;display:block;margin:0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:13px;padding:3px 10px;font-weight:500}.dashboard .wrapper .latest{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .latest .data{margin-top:20px}.dashboard .wrapper .latest .data .item{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;padding-top:8px;padding-bottom:8px}.dashboard .wrapper .latest .data .item:not(:last-of-type){border-bottom:1px solid #eee}.dashboard .wrapper .latest .data .item:hover{border-color:#0075ff;background-color:#eee}.dashboard .wrapper .latest .data .item img{width:40px;margin-right:10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer}.dashboard .wrapper .latest .data .item img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.dashboard .wrapper .latest .data .item .info{flex:1}.dashboard .wrapper .latest .data .item .info h3{margin:0 0 2px;font-size:16px}.dashboard .wrapper .latest .data .item .info p{color:#888;font-size:14px;display:block;margin:0}.dashboard .wrapper .latest .data .item .time{margin:10px auto;width:fit-content;background-color:#eee;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:13px;padding:3px 10px;font-weight:500}.dashboard .wrapper .projects{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .projects .list{margin-top:20px}.dashboard .wrapper .projects .list ul{position:relative}.dashboard .wrapper .projects .list ul::before{content:"";position:absolute;left:10px;top:0;height:90%;background-color:#0075ff;width:2px}.dashboard .wrapper .projects .list ul li{position:relative;display:flex}.dashboard .wrapper .projects .list ul li:not(:last-of-type){margin-bottom:10px}.dashboard .wrapper .projects .list ul li::before{content:"";position:absolute;left:-2px;top:0;height:24px;width:24px;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #fff;outline:2px solid #0075ff}.dashboard .wrapper .projects .list ul li span{height:20px;width:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative;z-index:1;display:block;bottom:50%;margin-top:2px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .projects .list ul li span.compelete{display:flex;justify-content:center;align-items:center}.dashboard .wrapper .projects .list ul li span.compelete svg{color:#0075ff;font-weight:900;text-align:center;font-size:20px}.dashboard .wrapper .projects .list ul li span.current{animation:splash 1.2s infinite;-webkit-animation:splash 1.2s infinite}.dashboard .wrapper .projects .list ul li p{margin-left:20px;font-weight:500}.dashboard .wrapper .projects .list img{width:170px;position:absolute;bottom:10px;right:10px;opacity:.2;animation:up-down 5s infinite;-webkit-animation:up-down 5s infinite}.dashboard .wrapper .reminders{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative;padding-bottom:0}.dashboard .wrapper .reminders .data{margin-top:20px}.dashboard .wrapper .reminders .data .info-box{position:relative}.dashboard .wrapper .reminders .data .info-box .ball{position:relative;width:16px;height:16px;background-color:rgba(0,0,0,0);left:6px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:block}.dashboard .wrapper .reminders .data .info-box .ball::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;opacity:.6;animation:pulse 2s ease-out infinite;-webkit-animation:pulse 2s ease-out infinite;background-color:inherit}.dashboard .wrapper .reminders .data .info-box .ball::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;opacity:.6;animation:pulse 2s 1s ease-out infinite;-webkit-animation:pulse 2s 1s ease-out infinite;background-color:inherit}.dashboard .wrapper .reminders .data .info-box .info{margin-left:27px;margin-bottom:15px;border-left:2px solid rgba(0,0,0,0);padding-left:15px}.dashboard .wrapper .reminders .data .info-box .info p{font-weight:bold;font-size:14px;margin-bottom:6px}.dashboard .wrapper .reminders .data .info-box .info span{font-size:13px;color:#888;display:block}.dashboard .wrapper .latest-post{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .latest-post .data:not(.active){display:none}.dashboard .wrapper .latest-post .top{margin-top:20px}.dashboard .wrapper .latest-post .top img{width:50px;margin-right:15px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.dashboard .wrapper .latest-post .top .info .name{margin-bottom:4px;font-weight:bold}.dashboard .wrapper .latest-post .top .info .time{color:#888;font-size:15px}.dashboard .wrapper .latest-post .post-content{padding:20px 0;margin:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:500;text-transform:capitalize;line-height:1.8;min-height:150px;user-select:text}@media(max-width: 767px){.dashboard .wrapper .latest-post .post-content{text-align:center}}.dashboard .wrapper .latest-post .post-stats{color:#888}.dashboard .wrapper .latest-post .post-stats .fa-heart{color:#f44336}.dashboard .wrapper .latest-post .post-stats .fa-comments{color:#22c55e}.dashboard .wrapper .social-media{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative}.dashboard .wrapper .social-media .data{margin-top:20px}.dashboard .wrapper .social-media .data .box{position:relative;padding:15px;margin-bottom:12px}.dashboard .wrapper .social-media .data .box.twitter{background-color:rgba(29,160,242,.2)}.dashboard .wrapper .social-media .data .box.facebook{background-color:rgba(24,118,242,.2)}.dashboard .wrapper .social-media .data .box.youtube{background-color:rgba(255,0,0,.2)}.dashboard .wrapper .social-media .data .box.linkedin{background-color:rgba(10,102,194,.2)}.dashboard .wrapper .social-media .data .box svg{position:absolute;left:0;top:0;width:52px;height:100%;font-weight:400;color:#fff;padding:10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .social-media .data .box:hover svg{transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg)}.dashboard .wrapper .social-media .data .box .info{margin:0 auto 0 50px}.dashboard .wrapper .social-media .data .box a{border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;font-size:13px;padding:3px 10px;font-weight:500}.dashboard .wrapper .social-media .data .box a:hover{color:#fff}.dashboard .table{padding:20px;margin-top:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}@media(max-width: 767px){.dashboard .table{margin-top:10px}}.dashboard .table .responsive-table{margin-top:20px;overflow-x:scroll}.dashboard .table .responsive-table table{font-size:15px;font-weight:500;min-width:1000px;border-spacing:0;width:100%}.dashboard .table .responsive-table table thead{background-color:#eee;border:1px solid #eee}.dashboard .table .responsive-table table thead th{padding:15px}.dashboard .table .responsive-table table tbody{border:none}.dashboard .table .responsive-table table tbody tr:hover td{background-color:#faf7f7}.dashboard .table .responsive-table table tbody tr td{padding:15px;border-bottom:1px solid #eee;border-left:1px solid #eee;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .table .responsive-table table tbody tr td:last-child{border-right:1px solid #eee}.dashboard .table .responsive-table img{width:34px;height:34px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #fff;cursor:pointer}.dashboard .table .responsive-table img:hover{position:relative;z-index:1000}.dashboard .table .responsive-table img:not(:first-of-type){margin-left:-20px}.dashboard .table .responsive-table .label{border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;font-size:13px;padding:3px 10px;font-weight:500;cursor:pointer}.dashboard{background-color:#f1f2f6}.dashboard .plans-page{background-color:#f1f2f6;padding:20px;padding-top:0 !important}@media(max-width: 767px){.dashboard .plans-page{padding:10px}}.dashboard .wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(450px, 1fr));gap:20px}@media(max-width: 767px){.dashboard .wrapper{grid-template-columns:minmax(200px, 1fr);gap:10px}}.dashboard .wrapper .plan{padding:20px;background-color:#fff}.dashboard .wrapper .plan .top{text-align:center;padding:20px;color:#fff;border:3px solid #fff;outline:3px solid #fff}.dashboard .wrapper .plan .top.bg-green{outline-color:#22c55e}.dashboard .wrapper .plan .top.bg-blue{outline-color:#0075ff}.dashboard .wrapper .plan .top.bg-orange{outline-color:#f59e0b}.dashboard .wrapper .plan .top h2{margin:0;font-size:24px;font-weight:bold}.dashboard .wrapper .plan .top div{font-size:40px;font-weight:500}.dashboard .wrapper .plan ul{padding:12px 0}.dashboard .wrapper .plan ul li{padding:14px 0;display:flex}.dashboard .wrapper .plan ul li span{font-size:15px;font-weight:500}.dashboard .wrapper .plan ul li:not(:last-of-type){border-bottom:1px solid #eee}.dashboard .wrapper .plan ul li svg{font-size:18px;color:#f44336;margin-right:5px}.dashboard .wrapper .plan ul li svg.yes{color:#22c55e}.dashboard .wrapper .plan ul li svg.help{color:#888;margin-left:auto;display:block}.dashboard .wrapper .plan a{border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;font-size:14px;padding:3px 10px;font-weight:500;width:fit-content}.dashboard .wrapper .plan p{color:#888;margin:0;text-align:center}.dashboard{background-color:#f1f2f6}.dashboard .projects-page{background-color:#f1f2f6;padding:20px;padding-top:0 !important}@media(max-width: 767px){.dashboard .projects-page{padding:10px}}.dashboard .wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(450px, 1fr));gap:20px}@media(max-width: 767px){.dashboard .wrapper{grid-template-columns:minmax(200px, 1fr);gap:10px}}.dashboard .wrapper .project{padding:20px;background-color:#fff;position:relative;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.dashboard .wrapper .project>span{font-size:13px;color:#888;float:right;display:block;margin-top:-10px;margin-right:-10px}.dashboard .wrapper .project h4{font-size:16px;margin-top:0px}.dashboard .wrapper .project p{font-size:14px;color:#888;margin-bottom:10px;margin-top:10px;font-weight:400}.dashboard .wrapper .project .team{margin-top:40px;margin-bottom:18px}.dashboard .wrapper .project .team a img{width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #fff;cursor:pointer}.dashboard .wrapper .project .team a:hover{position:relative;z-index:1000}.dashboard .wrapper .project .team a:not(:first-of-type){margin-left:-20px}.dashboard .wrapper .project .do{padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:end}@media(max-width: 767px){.dashboard .wrapper .project .do{flex-direction:column !important}}.dashboard .wrapper .project .do span{font-size:13px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;background-color:#eee;margin:3px;padding:3px 8px;font-weight:500;width:fit-content}.dashboard .wrapper .project .info{font-size:14px;color:#888;padding-top:15px;font-weight:500}.dashboard .wrapper .project .info svg{color:#22c55e}.dashboard .wrapper .project .info .prog{background-color:#eee;height:8px;width:260px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;overflow:hidden}@media(max-width: 767px){.dashboard .wrapper .project .info .prog{width:220px !important}}.dashboard .wrapper .project .info .prog span{display:block;height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.dashboard{background-color:#f1f2f6}.dashboard .files-page{background-color:#f1f2f6;padding:20px;display:flex;flex-direction:row-reverse;align-items:flex-start;padding-top:0}@media(max-width: 767px){.dashboard .files-page{padding:10px;flex-direction:column;align-items:normal}}.dashboard .statistics{padding:20px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-weight:500;margin-left:20px;min-width:260px}@media(max-width: 767px){.dashboard .statistics{margin-left:0;margin-bottom:10px}}.dashboard .statistics h4{font-weight:700;margin-bottom:14px}.dashboard .statistics .data{border:1px solid #eee;padding:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;margin-bottom:15px;font-size:13px}.dashboard .statistics .data:first-of-type:hover{border-color:#0075ff}.dashboard .statistics .data:nth-of-type(2):hover{border-color:#22c55e}.dashboard .statistics .data:nth-of-type(3):hover{border-color:#f44336}.dashboard .statistics .data:last-of-type:hover{border-color:#f59e0b}.dashboard .statistics .data .info .num{color:#888;display:block;margin-top:5px}.dashboard .statistics .data .size{color:#888}.dashboard .statistics .icon{width:40px;height:40px;margin-right:10px;padding:10px}.dashboard .statistics .size{margin-left:auto}.dashboard .statistics .upload{background-color:#0075ff;color:#fff;font-size:14px;padding:7px 16px;font-weight:500;border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;width:fit-content;margin:auto}.dashboard .statistics .upload svg{margin-right:5px}.dashboard .statistics .upload:hover{background-color:#0d69d5}.dashboard .files-content{flex:1;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px}@media(max-width: 767px){.dashboard .files-content{gap:10px}}.dashboard .files-content .file{padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:#fff}.dashboard .files-content .file:hover svg{color:#f44336}.dashboard .files-content .file svg{color:#888}.dashboard .files-content .file .icon{text-align:center}.dashboard .files-content .file .name{font-size:14px;text-align:center;font-weight:500;margin-top:18px;margin-bottom:10px}.dashboard .files-content .file .user{font-size:13px;color:#888;font-weight:500;margin-bottom:10px}.dashboard .files-content .file .info{font-size:13px;color:#888;font-weight:500;padding-top:10px}.dashboard .files-content img{width:64px;height:64px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .files-content .file:hover img{transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg)}.dashboard .files-content .info{border-top:1px solid #eee}.dashboard{background-color:#f1f2f6}.dashboard .friends-page{flex:1;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;background-color:#f1f2f6;padding:20px;padding-top:0 !important}@media(max-width: 767px){.dashboard .friends-page{grid-template-columns:minmax(200px, 1fr);gap:10px;padding:10px}}.dashboard .friends-page .friend{padding:20px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;background:#fff}.dashboard .friends-page .friend .tel{color:#888;background-color:#eee;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:10px;width:33px;height:33px;cursor:pointer;position:absolute;color:#888}.dashboard .friends-page .friend .tel:first-of-type{margin-left:-10px;margin-top:-10px}.dashboard .friends-page .friend .tel:last-of-type{margin-left:28px;margin-top:-10px}.dashboard .friends-page .friend .tel:hover{color:#fff;background-color:#0075ff}.dashboard .friends-page .friend img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-top:10px;margin-bottom:10px;width:100px;height:100px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .friends-page .friend img:hover{transform:scale(1.1) rotate(5deg);-webkit-transform:scale(1.1) rotate(5deg);-moz-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);-o-transform:scale(1.1) rotate(5deg)}.dashboard .friends-page .friend h4{font-size:16px;font-weight:bolder;margin-top:12px;margin-bottom:0;letter-spacing:-1px}.dashboard .friends-page .friend p{color:#888;font-size:13px;margin-top:5px;margin-bottom:0;font-weight:500}.dashboard .friends-page .friend .icons{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;padding:10px 0 0;font-weight:500;font-size:14px;color:#000}.dashboard .friends-page .friend .icons>div{margin-bottom:8px}.dashboard .friends-page .friend .icons>div svg{margin-right:5px}.dashboard .friends-page .friend .icons .vip{position:absolute;font-size:40px;opacity:.2;right:8px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.dashboard .friends-page .friend .info{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888;font-weight:500;padding-top:10px}.dashboard .friends-page .friend .info a{border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;font-size:13px;padding:4px 9px;font-weight:500}.dashboard{background-color:#f1f2f6}.dashboard .Profile-page{background-color:#f1f2f6;padding:18px !important;padding-top:0 !important}@media(max-width: 767px){.dashboard .Profile-page{padding:8px !important}}.dashboard .overview{padding:0 0 0 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#fff;margin-bottom:20px;overflow:hidden}@media(max-width: 767px){.dashboard .overview{margin-bottom:10px;flex-direction:column;padding:10px}}.dashboard .overview .avatar-box{text-align:center;padding:20px;width:300px}@media(min-width: 768px){.dashboard .overview .avatar-box{border-right:1px solid #eee}}.dashboard .overview .avatar-box img{width:120px;height:120px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;cursor:pointer}.dashboard .overview .avatar-box img:hover{transform:scale(1.1) rotate(5deg);-webkit-transform:scale(1.1) rotate(5deg);-moz-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);-o-transform:scale(1.1) rotate(5deg)}.dashboard .overview .avatar-box .steps{color:#888;margin-top:10px;font-weight:500}.dashboard .overview .avatar-box .name{margin:0;font-size:18px;font-weight:bold;margin-top:20px}.dashboard .overview .avatar-box .level{background-color:#eee;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;height:6px;width:70%;margin:10px auto;overflow:hidden}.dashboard .overview .avatar-box .level span{display:block;height:100%;background-color:#0075ff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.dashboard .overview .avatar-box .rating{font-size:14px}.dashboard .overview .avatar-box .rat{font-size:13px;color:#888;margin-top:10px}.dashboard .overview .info-box{width:100%}@media(max-width: 767px){.dashboard .overview .info-box{text-align:center}}.dashboard .overview .info-box .box{flex-wrap:wrap;padding:20px}@media(max-width: 768px){.dashboard .overview .info-box .box{flex-direction:column}}.dashboard .overview .info-box .box>div{padding:10px 0 0;color:#000;display:block}@media(min-width: 768px){.dashboard .overview .info-box .box>div{min-width:250px}}.dashboard .overview .info-box .box:not(:last-of-type){border-bottom:1px solid #eee}.dashboard .overview .info-box .box:hover{background-color:#f9f9f9}.dashboard .overview .info-box .box .heading{color:#888;font-size:15px;width:100%;margin:0}.dashboard .overview .info-box .box .c-grey,.dashboard .overview .info-box .box .c-grey+span{font-size:14px;font-weight:500}.dashboard .overview .info-box .toggle{display:block}.dashboard .overview .info-box .toggle-switch{height:21px;width:72px}@media(max-width: 767px){.dashboard .overview .info-box .toggle-switch{margin:auto}}.dashboard .overview .info-box .toggle-switch::before{width:15px;height:15px;font-size:10px}.dashboard .overview .info-box .toggle-checkbox:checked+.toggle-switch::before{left:54px}.dashboard .other-data{gap:20px}@media(max-width: 767px){.dashboard .other-data{flex-direction:column;gap:10px}}.dashboard .other-data .skills-card{flex-grow:1;padding:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#fff;overflow:hidden}.dashboard .other-data .skills-card ul li{padding:15px 0}.dashboard .other-data .skills-card ul li:not(:last-child){border-bottom:1px solid #eee}.dashboard .other-data .skills-card ul li span{display:inline-flex;padding:4px 10px;background-color:#eee;border-radius:6px;font-size:14px;cursor:pointer}.dashboard .other-data .skills-card ul li span:not(:last-child){margin-right:5px}.dashboard .other-data .skills-card ul.course{color:#000}@media(max-width: 767px){.dashboard .other-data .skills-card ul.course{text-align:center}}.dashboard .other-data .activities{flex-grow:2;padding:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#fff;overflow:hidden}.dashboard .other-data .activities .activity{margin-bottom:20px;padding-bottom:20px}.dashboard .other-data .activities .activity:not(:last-of-type){border-bottom:1px solid #eee}@media(max-width: 767px){.dashboard .other-data .activities .activity{text-align:center;flex-direction:column}}.dashboard .other-data .activities .activity img{width:64px;height:64px;margin-right:10px}@media(max-width: 767px){.dashboard .other-data .activities .activity img{margin-right:0;margin-bottom:15px}}.dashboard .other-data .activities .activity .info .span{margin-bottom:10px;color:#000;font-weight:500}.dashboard .other-data .activities .activity .info .span+span{color:#888;font-weight:500}.dashboard .other-data .activities .activity .date{font-size:15px}@media(min-width: 768px){.dashboard .other-data .activities .activity .date{margin-left:auto;text-align:right}}@media(max-width: 767px){.dashboard .other-data .activities .activity .date{margin-top:15px}}.dashboard{background-color:#f1f2f6}.dashboard .courses-page{flex:1;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;background-color:#f1f2f6;padding:20px;padding-top:0 !important}@media(max-width: 767px){.dashboard .courses-page{grid-template-columns:minmax(200px, 1fr);gap:10px;padding:10px}}.dashboard .courses-page .course{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;background:#fff;position:relative;overflow:hidden}.dashboard .courses-page .course .cover{width:100%}.dashboard .courses-page .course .instructor{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-top:10px;margin-bottom:10px;width:65px;height:65px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border:2px solid #fff;position:absolute;top:15px;left:20px}.dashboard .courses-page .course .instructor:hover{transform:scale(1.1) rotate(5deg);-webkit-transform:scale(1.1) rotate(5deg);-moz-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);-o-transform:scale(1.1) rotate(5deg)}.dashboard .courses-page .course h4{font-size:18px;font-weight:bolder;margin:10px 0 15px;letter-spacing:-1px}.dashboard .courses-page .course .description{color:#888;font-size:14px;margin-top:15px;margin-bottom:20px;font-weight:500;line-height:1.6}.dashboard .courses-page .course .info{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888;font-weight:500;position:relative;padding:15px;border-top:1px solid #eee}.dashboard .courses-page .course .info .title{border:none;outline:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;font-size:13px;padding:4px 9px;font-weight:500;position:absolute;top:-13px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);cursor:pointer;background-color:#0075ff}.dashboard .courses-page .course .info .title:hover{background-color:#0d69d5}.dashboard .courses-page .course .info .fa-user{color:#0075ff}.dashboard .courses-page .course .info .fa-dollar-sign{color:#22c55e}.dashboard{background-color:#f1f2f6}.dashboard .settings-page{background-color:#f1f2f6;padding:20px;padding-top:0 !important}@media(max-width: 767px){.dashboard .settings-page{padding:10px}}.dashboard .wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(450px, 1fr));gap:20px}@media(max-width: 767px){.dashboard .wrapper{grid-template-columns:minmax(200px, 1fr);gap:10px}}.dashboard .wrapper .settings{background-color:#fff;padding:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.dashboard .wrapper .settings span{font-weight:500}.dashboard .wrapper .settings span+p{color:#888;font-size:13px;margin-top:5px;margin-bottom:0}.dashboard .wrapper .settings textarea{resize:none;width:100%;border-color:#ddd;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;min-height:160px;padding:10px;font-size:13px;color:#888;outline:none;font-family:"Times New Roman",Times,serif;letter-spacing:1px}.dashboard .wrapper .settings textarea::placeholder{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .settings textarea:focus{border-color:#0075ff}.dashboard .wrapper .settings textarea:focus::placeholder{opacity:0}.dashboard .wrapper .settings label{font-size:14px;color:#888;display:block;margin-bottom:5px}.dashboard .wrapper .settings label+input{display:block;width:100%;height:40px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border:1px solid #ccc;outline:none;padding:5px 10px;font-size:13px;margin:0}.dashboard .wrapper .settings label+input::placeholder{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .settings label+input:focus{border-color:#0075ff}.dashboard .wrapper .settings label+input:focus::placeholder{opacity:0}.dashboard .wrapper .settings label+input.email{width:85%;display:inline;margin-right:10px;cursor:no-drop;background-color:rgba(116,116,180,.226)}@media(max-width: 767px){.dashboard .wrapper .settings label+input.email{width:75%}}.dashboard .wrapper .settings .change{font-weight:500;color:#0075ff}.dashboard .wrapper .settings .change:hover{color:#0d69d5}@media(max-width: 767px){.dashboard .wrapper .settings .change{font-size:14px}}.dashboard .wrapper .settings .sec-box:not(:last-of-type){border-bottom:1px solid #eee;padding:5px 0px 20px;font-weight:500}.dashboard .wrapper .settings .sec-box .click,.dashboard .wrapper .settings .sec-box .click2{font-weight:500;padding:3px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.dashboard .wrapper .settings .sec-box .click{background-color:#0075ff;color:#fff}.dashboard .wrapper .settings .sec-box .click:hover{background-color:#0d69d5}.dashboard .wrapper .settings .sec-box .click2{background-color:#eee;color:#000}.dashboard .wrapper .settings .sec-box .click2:hover{background-color:#ddd}.dashboard .wrapper .social-boxes svg{color:#888;background-color:#eee;padding:10px;width:35px;height:40px;font-size:12px;border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-ms-border-radius:6px 0 0 6px;-o-border-radius:6px 0 0 6px;border:1px solid #ccc;border-right:none}.dashboard .wrapper .social-boxes svg+input{height:40px;width:100%;border:1px solid #ccc;border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-ms-border-radius:0 6px 6px 0;-o-border-radius:0 6px 6px 0;font-size:13px;padding:5px;background-color:#eee;font-weight:500;outline:none}.dashboard .wrapper .social-boxes svg+input::placeholder{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .social-boxes svg+input:focus::placeholder{opacity:0}.dashboard .wrapper .social-boxes>div:focus-within svg{color:#000}.dashboard .wrapper .widgets-control .control{margin-bottom:6px;padding:3px}.dashboard .wrapper .widgets-control .control input{appearance:none;-webkit-appearance:none}.dashboard .wrapper .widgets-control .control input:checked+label::after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.dashboard .wrapper .widgets-control .control input:checked+label::before{border-color:#0075ff}.dashboard .wrapper .widgets-control .control input:hover+label::before{border-color:#0075ff}.dashboard .wrapper .widgets-control .control label{position:relative;display:block;margin-left:30px;color:#000;font-weight:500;font-size:16px}.dashboard .wrapper .widgets-control .control label::before{content:"";position:absolute;width:18px;height:18px;border:2px solid #888;top:50%;left:-28px;margin-top:-8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.dashboard .wrapper .widgets-control .control label::after{content:"";font-weight:900;font-family:"Font Awesome 5 Free";position:absolute;width:18px;height:18px;top:50%;left:-28px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#0075ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;padding:3px;margin-top:-9px;transform:scale(0) rotate(360deg);-webkit-transform:scale(0) rotate(360deg);-moz-transform:scale(0) rotate(360deg);-ms-transform:scale(0) rotate(360deg);-o-transform:scale(0) rotate(360deg);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .backup-control .date{margin-bottom:15px;padding:3px}.dashboard .wrapper .backup-control .date input{appearance:none;-webkit-appearance:none}.dashboard .wrapper .backup-control .date input:checked+label::after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.dashboard .wrapper .backup-control .date input:checked+label::before{border-color:#0075ff}.dashboard .wrapper .backup-control .date input:hover:not(:checked)+label::before{border-color:#0075ff;opacity:.3}.dashboard .wrapper .backup-control .date input:hover:not(:checked)+label::after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:.3}.dashboard .wrapper .backup-control .date label{position:relative;display:block;margin-left:30px;color:#000;font-weight:500;font-size:16px}.dashboard .wrapper .backup-control .date label::before{content:"";position:absolute;width:22px;height:22px;border:2px solid #888;top:50%;left:-28px;margin-top:-10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.dashboard .wrapper .backup-control .date label::after{content:"";position:absolute;width:12px;height:12px;top:50%;left:-23px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#0075ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;padding:3px;margin-top:-5px;transform:scale(0) rotate(360deg);-webkit-transform:scale(0) rotate(360deg);-moz-transform:scale(0) rotate(360deg);-ms-transform:scale(0) rotate(360deg);-o-transform:scale(0) rotate(360deg);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dashboard .wrapper .backup-control .servers{border-top:1px solid #eee;padding-top:10px}@media(max-width: 767px){.dashboard .wrapper .backup-control .servers{flex-wrap:wrap}}.dashboard .wrapper .backup-control .servers input{appearance:none;-webkit-appearance:none}.dashboard .wrapper .backup-control .servers input:checked+.server{border-color:#0d69d5}.dashboard .wrapper .backup-control .servers input:checked+.server label{color:#0d69d5}.dashboard .wrapper .backup-control .servers .server{width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:2px solid #eee;padding:17px 30px 14px;margin:5px;text-align:center;cursor:pointer}.dashboard .wrapper .backup-control .servers .server label{color:#000;font-size:16px;font-weight:500}.dashboard .wrapper .backup-control .servers .server label svg{display:block;margin:auto;margin-bottom:8px}.statistics-page{position:relative;width:100%;height:100%;text-align:center}.statistics-page h2{font-size:70px;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke:2px #495064;font-weight:bold;position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}@media(max-width: 767px){.statistics-page h2{font-size:50px}}.content{overflow:hidden;width:100%}.header{flex:1;box-shadow:0 0 10px #ddd;padding:15px}.header .search input{outline:none;border:1px solid #ccc;border-radius:10px;margin-left:5px;padding:8px;padding-left:30px;width:160px;transition:width .3s;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;font-size:13px;caret-color:#0075ff}.header .search input:focus{width:200px;border-color:#0075ff;color:#0075ff;font-weight:600}@media(max-width: 767px){.header .search input:focus{width:175px !important}}.header .search input:focus::placeholder{opacity:0}.header .search input:focus+svg{color:#0075ff;top:50%;transform:translateY(-50%) rotate(360deg);-webkit-transform:translateY(-50%) rotate(360deg);-moz-transform:translateY(-50%) rotate(360deg);-ms-transform:translateY(-50%) rotate(360deg);-o-transform:translateY(-50%) rotate(360deg)}.header .search input::placeholder{transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s}.header .search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);color:#ccc;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.header .notifications{position:absolute;right:100px;background-color:#ddd;padding:9px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;cursor:pointer}@media(max-width: 767px){.header .notifications{right:55px}}.header .notifications svg{font-size:18px;animation:rotate .3s infinite;-webkit-animation:rotate .3s infinite}.header .notifications::after{content:"";position:absolute;background-color:red;width:9px;height:9px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:0px;left:20px}.header .profile img{width:35px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.header .profile img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.header .profile span{font-size:14px;font-weight:600}@media(max-width: 767px){.header .profile span{display:none}}.header .profile:hover span{color:#0075ff}.header [id=darkmode-button]{background-color:#e4e3e3;width:36px;height:36px;font-size:17px;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:48px}@media(max-width: 767px){.header [id=darkmode-button]{margin-right:44px}}.header [id=darkmode-button]:hover svg{color:#0d69d5 !important}.header [id=darkmode-button]:hover svg.fa-sun{color:#ffc107 !important}.header [id=darkmode-button] svg{color:#000 !important}.header [id=darkmode-button]:hover{background-color:#d5d5d5 !important}.notif-container{position:fixed;top:60px;right:20px;max-width:320px;background:#fff;border:1px solid #ddd;box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;z-index:1000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;overflow-y:auto;height:40vh;width:330px}.notif-container.show{display:block}.notif-container h4{font-size:22px;margin:0;padding:10px;background:#f5f5f5;border-bottom:1px solid #ddd}.notif-container ul li{border-bottom:1px solid #eee;padding:10px;display:flex;align-items:center;justify-content:space-between;max-height:60px}.notif-container ul li img{width:32px;height:32px;border-radius:50%;margin-right:10px;margin-top:5px}.notif-container ul li div{flex:1;font-size:14px;margin-left:40px;margin-top:-34px}.notif-container ul li div span:first-child{font-weight:bold}.notif-container ul li div span:last-child{display:block;color:#888}.notif-container ul li.show{display:none}/*# sourceMappingURL=style.min.css.map */