*{margin:0;padding:0;border-color:#d6d6d6;font-family:FreightSans}@font-face{font-family:FreightSans;src:url (fonts/FreightSans)}::-webkit-scrollbar-button{background-image:url("");background-repeat:no-repeat;width:5px;height:0}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#d6d6d6}::-webkit-resizer{background-image:url("");background-repeat:no-repeat;width:4px;height:0}::-webkit-scrollbar{width:6px}.grid-area{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:10vh 10vh 80vh;grid-template-areas:"n h h h h h h h h h h h h" "n t t t t t t t t t t t t" "n c c c c c c c c c c c c"}.navigation{grid-area:n;background:#282d33}.navigation__user img{display:block;width:90%;margin:20% auto 20% auto}.navigation__item{height:75%}.navigation ul{display:flex;flex-wrap:wrap;height:100%;text-align:center;list-style:none;color:#4e5052}.navigation ul li{align-self:flex-end;width:100%;margin:0 auto;font-size:32px;cursor:pointer}.navigation ul li p{font-size:14px}.navigation ul li svg{fill:#4e5052;transition:fill ease}.navigation ul li .dot{font-weight:700;line-height:.5}.navigation ul li:hover svg{fill:red;transition:.3s}.navigation ul li:hover p{color:#fff;transition:.3s}.navigation ul li:nth-child(3){margin-bottom:90%}.header{grid-area:h;display:flex;justify-content:space-between;background:#f1f1f1;font-size:14px}.header__btn-left{margin:20px 0 0 20px}.header__btn-left svg{width:15px;margin-bottom:-12px;background-color:#ff503f;padding:2px 10px;border-radius:50%;cursor:pointer}.header__btn-left svg:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.5s}.header__btn-left p{display:inline-block;margin-left:10px;padding:10px 15px 10px 15px;border:1px solid #d6d6d6;border-radius:20px;color:#4e5052;cursor:pointer}.header__btn-left p:hover{transition:.5s;background:#ff503f;color:#fff}.header__btn-right{margin:20px 20px 0 0}.header__btn-right img{width:15px;padding:8px;border-radius:50%;margin-bottom:-12px;background:#aacc4e;cursor:pointer}.header__btn-right p{display:inline-block;margin-left:10px;padding:10px 15px 10px 15px;border:1px solid #d6d6d6;border-radius:20px;color:#4e5052;cursor:pointer;text-transform:uppercase}.header__btn-right p:hover{transition:.5s;background:#aacc4e;color:#fff}#tabs{grid-area:t;width:100%;display:flex;align-items:flex-end;margin:0;color:#4e5052;background:#f1f1f1}#tabs .tab{display:inline-block;position:relative;z-index:2;padding:15px 20px;margin:0;cursor:pointer}#tabs .tab svg{width:30px;margin:-10px;margin-right:10px}#tabs .white-border{border:1px solid #d6d6d6;border-bottom:1px solid #fff;background:#fff}#tabs .header__search{align-self:center;margin:auto;margin-right:10%}#tabs .header__search input[type=text]{width:200px;border:0;background:#f1f1f1;outline:0}.hide{display:none}.show{display:block}.content{grid-area:c;display:flex;flex-wrap:nowrap}.content__tab{margin:10px 10px 20px 10px;width:70%;border:1px solid #d6d6d6;border-radius:5px;overflow:scroll;overflow-x:hidden}.content__user{margin:10px 10px 20px 0;width:30%;border:1px solid #d6d6d6;border-radius:5px}.content__project{display:flex;padding:20px;justify-content:space-between;border-bottom:1px solid #d6d6d6}.content__project-add{display:inline-block}.content__project-add .plus{display:inline-block;font-weight:700;color:#fff;background:#ff503f;border-radius:50%;padding:5px 10px;cursor:pointer}.content__project-title{display:inline-block;border:1px solid #d6d6d6;border-radius:20px;padding:5px;cursor:pointer}.content__project-title:hover{transition:.5s;background:#ff503f;color:#fff}.content__project-title img{width:15px;margin-bottom:-2px}.content input[type=text]{margin-top:5px;width:200px;border:0;outline:0}.content .item{width:100%;border-bottom:1px solid #d6d6d6;cursor:pointer}.content .item:hover{background:#fafafa}.content .item svg{width:12px;border:1px solid #d6d6d6;border-radius:50%;padding:0 10px;margin-bottom:-12px;fill:#d6d6d6;transition:fill ease;cursor:pointer}.content .item svg:hover{background:#ff503f;fill:#fff;transition:.3s}.content .item img{width:15px;border:1px solid #d6d6d6;border-radius:50%;padding:8px;margin-bottom:-11px;cursor:pointer}.content .item img:hover{background:#ff503f;transition:.3s}.content .item summary::-webkit-details-marker{display:none}.content .item details summary{outline-style:none}.content .item details[open] img{transition:.3s;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);background:#ff503f}.content .item__open{display:flex;justify-content:space-between;width:100%;padding:20px;border-top:1px solid #d6d6d6;box-sizing:border-box;cursor:auto;background:#fafafa}.content .item__open img{width:30px;padding:0;border:none;-webkit-transform:none!important;transform:none!important}.content .item summary{display:flex;justify-content:space-between;width:100%;padding:20px;box-sizing:border-box}.content p{display:inline-block;padding:3px;border-radius:3px;margin-right:5px;background:#ff503f;color:#fff}.content .item__btn{padding:8px 10px;margin-right:10px;border:1px solid #d6d6d6;border-radius:20px;cursor:pointer;text-transform:uppercase}.content .item__btn:hover{transition:.5s;background:#ff503f;color:#fff}.content .item__title{padding:0;width:50%;background:0 0;color:#000}.content__messenger{display:flex;justify-content:center}.content__user{overflow:scroll;overflow-x:hidden}.user__item{padding:10px;display:flex;align-items:center;color:#d6d6d6}.user__item img{margin-right:10px}.user__item img:nth-child(2){position:relative;margin-top:-18px;margin-left:-55px}.user__item b{color:#000}.user__item p{background:0 0;color:#000;font-size:14px;text-transform:uppercase;color:#d6d6d6}.user__item .user__item-info{margin-left:30px}