html{scroll-behavior:smooth}body{background-color:#fff}.circle-icon{background:#ffc0c0;padding:30px;border-radius:50%}.navbar-custom{background-color:#fff}.navbar-custom .navbar-brand,.navbar-custom .navbar-nav .nav-link,.navbar-custom .navbar-text{color:#2837ff}.navbar-custom .nav-item.active .nav-link,.navbar-custom .nav-item:hover .nav-link{color:#8e8e8e}#index-wrapper{height:calc(100% - 50px)}.slider-wrapper{position:relative;height:70vh;overflow:hidden;width:100%}.slide{height:70vh;background-size:cover!important}.slide:before{content:"";display:block;position:absolute;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));background:linear-gradient(transparent,rgba(0,0,0,.9));bottom:0;left:0}.nextButton,.previousButton{margin-left:10px;margin-right:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:url(/build/images/slider-arrow.4c5a60f7.png) no-repeat 50%/30px;width:32px;height:32px;text-indent:-9999px;cursor:pointer}.nextButton:hover,.previousButton:hover{background:url(/build/images/slider-arrow.4c5a60f7.png) no-repeat 50%/10px}.previousButton{left:0;-webkit-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%)}.previousButton:hover{left:-10px}.nextButton{right:0}.nextButton:hover{right:-10px}.slider-content{text-align:center}.slider-content .inner{padding:0 70px;box-sizing:border-box;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider-content .inner button{-webkit-transition-delay:0s;transition-delay:0s}.redirect-button{-webkit-appearance:none;appearance:none;-webkit-filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));-webkit-transition:all .5s ease;transition:all .5s ease;border:none;background:#2837ff;border-radius:30px;text-transform:uppercase;box-sizing:border-box;padding:15px 40px;font-weight:400;font-size:13px}.redirect-button:hover{background:#fff;border:1px solid #2837ff;color:#2837ff;transition-delay:0s!important}.slider-content .inner h1{font-weight:600;margin:0 auto;max-width:840px;color:#fff;font-size:64px;line-height:1}.slider-content .inner p{color:#fff;font-size:14px;line-height:1.5;margin:20px auto 30px;max-width:640px}.slider-content section{position:absolute;bottom:20px;left:20px}.slider-content section span{color:#fff;color:hsla(0,0%,100%,.5);font-size:12px;display:inline-block;text-align:left;line-height:1.4;vertical-align:middle;margin-left:10px}.slider-content section img{width:40px;height:40px;border:2px solid hsla(0,0%,100%,.5);border-radius:100%;vertical-align:middle}.slider-content section span strong{color:#fff;font-size:14px;display:block}#purpose{width:100%;margin-top:70px}.section-heading{margin-top:30px;text-align:center}.section-heading hr{border:0;height:2px;background:#333;background-image:-webkit-linear-gradient(270deg,#ccc,#333,#ccc);background-image:-moz-linear-gradient(to left,#ccc,#333,#ccc);background-image:-ms-linear-gradient(to left,#ccc,#333,#ccc);background-image:-o-linear-gradient(to left,#ccc,#333,#ccc);background-image:linear-gradient(270deg,#ccc,#333,#ccc)}.section-item{text-align:center;font-size:17px;margin-top:30px}.section-item p{color:#999}.section-item:hover .section-col-icons{color:#fff;background:#2837ff}.section-col-icons{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:25px;color:#2837ff;border:2px solid #2837ff;width:100px!important;height:100px!important}#contact-form{width:100%;margin-top:70px;margin-bottom:60px}.contact-form-area{margin-top:30px;border:2px solid #00f;border-radius:30px;padding:20px;min-height:570px}.contact-form-group input{height:45px;border-radius:10px;border:1px solid #ccc}.dropdown-item:hover{background-color:#444;color:#fff}.dropdown-menu a,:hover{text-decoration:none;color:inherit}#footer{display:table;width:100%;height:60px;background-color:#2837ff;color:#fff;margin-top:0;text-align:center;z-index:-1}#footer p,a{display:table-cell;vertical-align:middle}#home-wrapper{min-height:calc(100vh - 50px);height:auto}.arrow-btn{outline:0;border:0}.arrow-btn:focus{outline:0}.arrow-btn:active{border:0;outline:0}.sidenav{left:0;background:hsla(0,0%,96.1%,.8);min-height:inherit;transition:width .4s;padding-left:5px;padding-top:10px;padding-right:5px;position:absolute}.sidenav.partial .menu-item{width:90px;overflow:hidden;text-overflow:ellipsis}.sidenav .dropdown:after{content:" ▾"}.sidenav hr{margin-bottom:5px!important;margin-top:5px!important}.sidenav a{text-decoration:none;color:#444}.sidenav.active{width:200px;font-size:16px}.sidenav.active .menu-link{color:#2c5cff}.sidenav.partial{text-align:center;width:100px;font-size:14px}.sidenav.partial .menu-icons{margin:0}.sidenav.partial .menu-link{color:#444}.sidenav .menu-sublink,.sidenav.partial .menu-link svg{color:#2c5cff}.menu-item:hover{background-color:#f5f5f5}.menu-icons{font-size:22px;margin-right:5px}.sidenav.active #collapse-menu .menu-item{text-indent:25px}.content{position:absolute;transition:margin-left .4s;-webkit-transition:margin-left .4s;-moz-transition:margin-left .4s;display:block;min-height:inherit}.content.active{width:calc(100% - 200px);margin-left:200px}.content.partial{margin-left:100px;width:calc(100% - 100px)}.switch-button-wrapper{width:100%;border-radius:30px;height:50px;box-shadow:0 0 10px 5px hsla(0,0%,60%,.46)}.switch-button{display:inline-grid;align-items:center;width:50%;position:relative;cursor:pointer;border:0;outline:none;height:100%;overflow:hidden;text-overflow:ellipsis}.left-switch-button{border-top-left-radius:30px;border-bottom-left-radius:30px;color:#2c5cff;background:linear-gradient(90deg,transparent 50%,#2c5cff 0);background-size:200% 100%;background-position:0 100%;transition:all .4s ease}.right-switch-button{border-top-right-radius:30px;border-bottom-right-radius:30px;color:#2c5cff;background:linear-gradient(90deg,#2c5cff 50%,transparent 0);background-size:200% 100%;background-position:100% 100%;transition:all .4s ease}.left-switch-button:focus{background-position:100% 100%}.left-switch-button:focus,.right-switch-button:focus{outline:none!important;border:none;color:#fff;background-color:#2c5cff}.right-switch-button:focus{background-position:0 100%}.invitation-list-wrap{height:calc(100vh - 160px)}.shown-list::-webkit-scrollbar{display:none}.shown-list{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;max-height:100%}.invitation-wrap{display:table;padding:10px;height:calc(10vh - 19px)}.invitation-wrap.odd div{background-color:#2c5cff;color:#fff;border-color:#2c5cff}.invitation-wrap.even div{border-color:#2c5cff}.invitation-description{margin-left:12px!important;display:inline;vertical-align:middle}.invitation-target{border-top-left-radius:15px;border-bottom-left-radius:15px;border-left:2px solid;border-top:2px solid;border-bottom:2px solid;vertical-align:middle;display:table-cell;width:85%;padding-left:10px}.invitation-target p{margin:auto}.invitation-action{font-size:24px;margin-right:10px;display:table-cell;vertical-align:middle;margin-left:auto;text-align:center;border-top-right-radius:15px;border-bottom-right-radius:15px;border-right:2px solid;border-top:2px solid;border-bottom:2px solid}.invitation-action svg{cursor:pointer}.no-invitations-message-box{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.pagination-wrap{position:absolute;bottom:0;left:0;right:0}.profile-button-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:10px}.profile-button-wrap input[type=file]{display:none}.file-upload{border:1px solid rgba(0,0,255,.65);background-color:#2c5cff;color:#fff;display:inline-block;padding-top:10px;padding-bottom:10px;cursor:pointer;border-radius:10px;width:80%;text-align:center}.file-upload:hover{text-decoration:none;color:#fff}.image-action{float:right;display:inline-block;font-size:17px}.user-data{margin-top:60px;width:100%}.user-data-leading-text{overflow:hidden!important}.user-data-leading-text,.user-data-leading-text p{text-overflow:ellipsis;font-weight:600;display:inline}.user-data-description-text{overflow:hidden!important;text-overflow:ellipsis}.user-data input{color:#1a1f25}.title-image{width:220px;height:220px;display:block;margin-left:auto;margin-right:auto;border:3px solid #2c5cff;border-radius:50%}.password-form-wrapper{position:absolute;height:100%;width:100%}.password-form{padding:15px 25px;margin-top:50px;margin-bottom:auto;background:#fff;border-radius:10px;border:2px solid #2c5cff}.password-form input{background:#dfdfdf}.password-form label{color:#000}.password-form small{color:#a30d08}.sorting-list-wrap{display:inline-grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;padding:5px;margin-top:30px}.sorting-list{display:flex;align-items:center;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000}.sorting-list p{margin-bottom:0}.sorting-list-heading{display:inline;margin-left:10px}.sorting-list-button{display:inline;float:right;margin-right:10px;margin-left:auto;font-size:20px;cursor:pointer}.friends-list-wrap{height:calc(100vh - 230px)}.friend-info-wrap{display:inline-grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;padding:5px}.friends-wrap{display:table;align-items:center;padding:10px;height:calc(10vh - 23px)}.friends-wrap.odd .friend-info{background-color:#2c5cff;color:#fff;border-color:#2c5cff}.friends-wrap.even .friend-info{border-color:#2c5cff}.friend-info{border:2px solid;border-radius:15px;vertical-align:middle;display:table-cell}.friend-info p{text-align:right;margin:auto}.add-friend-icon{color:#2c5cff;font-size:30px;cursor:pointer}.add-friend-icon :hover{color:#183482}.info-content{display:flex;cursor:default}.info-content,.info-content p{overflow:hidden;text-overflow:ellipsis}.info-content p{margin-right:5px}.col-md-4.group{height:calc(20vh - 38px);padding:20px}.col-md-4.group p{text-decoration:none!important;color:#000}.group-list{border:2px solid #2c5cff;border-radius:20px;width:100%;height:100%;overflow:hidden;padding:10px}.group-list-title{margin-bottom:5px;text-overflow:ellipsis;font-size:18px;white-space:nowrap;overflow:hidden}.group-list-description{color:#6c757d!important;line-height:normal}.clamp-lines__button,.form-group input[type=file]{display:none}.group-wrap{position:absolute;bottom:0;top:1.75rem;margin-top:50px}.group-section-heading{display:inline-grid;width:100%;grid-template-columns:1fr 1fr;margin-top:50px}.group-section-heading p{margin-bottom:0}.group-members-button,.group-members-text{display:flex;align-items:center}.group-members-button{float:right;margin-right:10px;margin-left:auto}.section-arrow{cursor:pointer;margin:0 5px 0 0!important}#group-members::-webkit-scrollbar{display:none}#group-members{height:calc(70% - 125px)}#group-members,.group-info-row{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.group-info-row{height:30%}.group-info-row::-webkit-scrollbar{display:none}.group-members-heading{width:100%;margin-top:50px;font-size:26px;position:relative;text-align:center}.group-members-heading hr{border:0;height:2px;background:#333;background-image:-webkit-linear-gradient(270deg,#ccc,#333,#ccc);background-image:-moz-linear-gradient(to left,#ccc,#333,#ccc);background-image:-ms-linear-gradient(to left,#ccc,#333,#ccc);background-image:-o-linear-gradient(to left,#ccc,#333,#ccc);background-image:linear-gradient(270deg,#ccc,#333,#ccc)}.group-member{height:12.5%;padding:10px;border-bottom:1px solid #999;display:flex;align-items:center}.group-member p{margin:0;font-size:18px}.group-page-description{width:70%;height:100%;overflow:auto;-ms-overflow-style:none}.group-page-description::-webkit-scrollbar{display:none}.update-group-icon{color:#2c5cff;font-size:30px;cursor:pointer}.delete-group-icon{color:red;font-size:30px;cursor:pointer;float:right;margin-top:6px;margin-right:10px}.add-task-icon{margin-left:auto;color:#2c5cff}.add-task-icon,.reduce-permission-icon{margin-right:12px;font-size:22px;cursor:pointer}.reduce-permission-icon{color:red}.give-permission-icon{margin-right:12px;font-size:22px;cursor:pointer;color:#0f0}.add-member-icon{margin-left:12px;color:#2c5cff;font-size:30px;cursor:pointer}.auth-user-crown-icon{margin-right:12px;color:#e67300;font-size:22px}.auth-user-crown-icon :hover{color:#630}.delete-group-icon :hover{color:#801f1f}.add-member-icon :hover,.add-task-icon :hover,.update-group-icon :hover{color:#183482}.give-permission-icon :hover{color:#1f802f}.reduce-permission-icon :hover{color:#801f1f}.react-datepicker-wrapper{width:100%}.react-datepicker-popper{z-index:100}.task-info .row{border-bottom:1px solid #dadada}.task-action{font-size:20px;cursor:pointer}.unfinished-task-mark{margin-left:12px;color:red}.done-task-mark{margin-left:12px;color:green}#user-account-container{height:calc(100vh - 50px);overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}#user-account-container::-webkit-scrollbar{display:none}.chat-button{bottom:60px;background-color:#183482;color:#fff;font-size:30px;height:60px;width:60px;text-align:center;line-height:60px;cursor:pointer;border-radius:50%}.chat-button,.group-chat{position:fixed;right:30px;z-index:1}.group-chat{bottom:130px;width:400px;height:500px;background-color:#fff;border:1px solid}.group-chat-messages::-webkit-scrollbar{display:none}.group-chat-messages{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;max-height:400px;width:100%;margin-left:0;margin-right:0}.group-chat-heading{background-color:#fefefe;margin:auto;padding:12px;border-bottom:1px solid #888;font-size:18px}.group-chat-send-button{display:inline;font-size:20px}.message-wrap{width:100%;padding:6px;margin-bottom:6px;margin-top:0}.message{margin:auto;padding:6px;border:1px solid #888;width:40%;position:relative;border-radius:10px}.message p{margin:0}.message-date,.message-sender{margin-left:5px;margin-bottom:0;color:#333;font-size:12px}.message-date{margin-right:5px}.message.user{float:right;background-color:rgba(53,184,53,.8352941176470589);color:#fff}.message.friend{float:left;background-color:rgba(80,99,160,.445);color:#000}@media only screen and (max-width:900px){.friends-list-wrap.tasks{height:calc(100vh - 260px)}}@media only screen and (max-width:768px){.sidenav.active{width:100px;text-align:center;font-size:14px}.sidenav.active .menu-item{width:90px;text-overflow:ellipsis;overflow:hidden}.sidenav.active .menu-link{color:#444}.sidenav.active .menu-link svg{color:#2c5cff}.sidenav.active #collapse-menu .menu-item{text-indent:0}.sidenav.partial{display:none}.content.active{margin-left:100px;width:calc(100% - 100px)}.content.partial{width:100%;margin-left:0}.sorting-list p,.user-data,.user-data input{text-align:center}.group-wrap .col-md-7{margin-top:30px;text-align:center}#group-members{height:calc(50% - 125px)}.group-page-description{width:100%}.group-info-row{height:50%}}.notification{cursor:pointer;z-index:1;position:fixed;bottom:30px;background-color:#fff;left:40px;width:280px;height:80px;box-shadow:6px 6px 6px 0 hsla(0,0%,47.8%,.8);padding:10px}.notification .clamp-lines p{font-size:14px;margin-top:4px;line-height:16px}.notification-title{line-height:30px;font-size:18px}.dropdown-notification-menu{max-height:600px;width:100%;margin:0;overflow-y:scroll}.dropdown-menu,.dropdown-notification-menu{-ms-overflow-style:none}.dropdown-menu ::-webkit-scrollbar,.dropdown-notification-menu ::-webkit-scrollbar{display:none}.dropdown-notification-item{font-weight:700;padding:10px}.dropdown-notification-item .info{margin-bottom:4px}.dropdown-notification-item small{display:inline}.dropdown-notification-item .date{float:right}.dropdown-notification-item .from{float:left}.dropdown-notification-menu hr{width:100%;margin:0}body,html{height:100%}#root{min-height:100%}.container-wrapper{width:100%;height:100%;margin:0;padding:0;background-size:cover;background-color:#00f;background-image:repeating-linear-gradient(-30deg,#001a66,#4d79ff);background-attachment:fixed}.forms.container{min-height:100vh;padding:20px 15px}.button-wrapper button{margin:auto;outline:none;border:none;border-radius:30px;background-color:#00f;height:40px;width:60%;background-image:repeating-linear-gradient(-30deg,#427bff,#2c5cff)}.button-wrapper{display:flex;align-items:center;justify-content:center}.heading-text{color:#193997;text-align:center;padding:10px;font-size:24px}.custom-file-upload{border:1px solid #dfdfdf;display:inline-block;padding:5px 10px;cursor:pointer;border-radius:10px}.redirect-p{text-align:center;margin-top:5px;margin-bottom:auto}.current-form{padding:15px 25px;margin-top:50px;margin-bottom:auto;background:#fff;border-radius:5px}.current-form input{background:#dfdfdf}.current-form input[type=file]{display:none}.current-form label{color:#000}.current-form small{color:#a30d08}hr{overflow:visible;padding:0;border-top:double #333;border-right-style:none;border-bottom-style:none;border-left-style:none;color:#333;text-align:center}hr:after{content:"§";display:inline-block;top:-.7em;font-size:1.5em;padding:0 .25em;background:#fff}.slider,hr:after{position:relative}.slider{width:100%;height:400px;overflow:hidden}.slider a.nextButton,.slider a.previousButton{font-size:22px;line-height:0;display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s linear;transition:all .3s linear;z-index:1;color:#333;padding:10px;text-decoration:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slider a.nextButton:not(.disabled):hover,.slider a.previousButton:not(.disabled):hover{-webkit-transform:translateY(-50%) scale(1.25);transform:translateY(-50%) scale(1.25);cursor:pointer}.slider a.previousButton{left:20px}.slider a.nextButton{right:20px}.slide{width:100%;height:100%;position:absolute;overflow:hidden}.slide.hidden{visibility:hidden}.slide.previous{left:-100%}.slide.current{left:0}.slide.next{left:100%}.slide.animateIn,.slide.animateOut{-webkit-transition:all 2s ease;transition:all 2s ease}.slide.animateIn.next,.slide.animateIn.previous{left:0;visibility:visible}.slide.animateOut.previous{left:100%}.slide.animateOut.next{left:-100%}.slide h1{transition:all .3s ease;-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.slide button,.slide p{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.slide button,.slide p,.slide section *{transition:all .3s ease}.slide section img{-webkit-transform:translateX(-10px);transform:translateX(-10px);opacity:0}.slide section span{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}.slide section span strong{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}.slide.animateIn.next button,.slide.animateIn.next h1,.slide.animateIn.next p,.slide.animateIn.next section *,.slide.animateIn.previous button,.slide.animateIn.previous h1,.slide.animateIn.previous p,.slide.animateIn.previous section *,.slide.current button,.slide.current h1,.slide.current p,.slide.current section *{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:.9s;transition-delay:.9s;opacity:1}.slide.animateIn.next p,.slide.animateIn.previous p{-webkit-transition-delay:1.1s;transition-delay:1.1s}.slide.animateIn.next button,.slide.animateIn.next section img,.slide.animateIn.previous button,.slide.animateIn.previous section img{-webkit-transition-delay:1.3s;transition-delay:1.3s}.slide.animateIn.next section span,.slide.animateIn.previous section span{-webkit-transition-delay:1.4s;transition-delay:1.4s}.slide.animateIn.next section span strong,.slide.animateIn.previous section span strong{-webkit-transition-delay:1.5s;transition-delay:1.5s}.slide.animateOut h1{-webkit-transition-delay:.3s;transition-delay:.3s}.slide.animateOut p{-webkit-transition-delay:.2s;transition-delay:.2s}.slide.animateOut section span{-webkit-transition-delay:.1s;transition-delay:.1s}.slide.animateOut section span strong{-webkit-transition-delay:0s;transition-delay:0s}