:root{--font-primary:"Nunito",sans-serif;--color-dropdown-hover:#f5f5f5;--color-light:#f9f9f9;--color-dark:#333;--color-gray:#eee;--color-gray-dark:#cecece;--color-gray-darkest:grey;--color-primary:#32c8c8;--color-primary-dark:#26b4b4;--color-primary-light:#e9ffff;--color-orange:#ffedcb;--color-yellow:#f6d16c;--color-yellow-light:#fff8e3;--color-green-dark:#509a50;--color-green:#76f076;--color-green-light:#e6ffe6;--color-warning:#f85c5c;--color-warning-light:#ffe5e5;--color-status-change:#f6bf5a;--color-status-change-light:#fff4df;--color-complete:#75bf75;--color-complete-light:#deffde;--color-user-update:#8d62fa;--color-user-update-light:#f2edff;--color-update:#32c8c8;--color-update-light:#e9ffff}*{box-sizing:border-box;margin:0;padding:0}body,html{font-size:62.5%}body,html,input{font-family:Nunito,sans-serif;font-family:var(--font-primary)}input{border:none}::-webkit-input-placeholder{font-family:Nunito,sans-serif;font-family:var(--font-primary)}::placeholder,input{font-family:Nunito,sans-serif;font-family:var(--font-primary)}button{cursor:pointer;font-family:Nunito,sans-serif;font-family:var(--font-primary)}.btn-transparent{background-color:initial;border:none}.link-transparent{color:inherit;text-decoration:none}.color--primary{color:#32c8c8}.color--yellow{color:#f6bf5a}.color--green{color:#75bf75}.container{display:flex;height:100vh;width:100vw}.aside-container{border-right:1px solid var(--color-gray);height:100vh;position:relative;transition:.3s;width:300px}.aside-container-disabled{width:100px}.aside-container .icon-button{align-items:center;background-color:initial;border-radius:50%;color:var(--color-gray-dark);display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:30px}.aside-container:hover .icon-button{background-color:var(--color-light);color:var(--color-gray-dark)}.aside-container .icon-button:hover{background-color:var(--color-gray);color:var(--color-gray-darkest)}.main-container{flex:1 1;height:100vh}.aside{overflow:hidden;width:100%}.aside__button-container{display:flex;flex-direction:column;height:calc(100vh - 150px);justify-content:space-between;overflow-y:scroll;padding-bottom:50px;width:100%}.aside__button-container--top{margin-bottom:50px}.aside__logo{align-items:center;display:flex;height:150px;justify-content:center;overflow:hidden;transition:.2s;width:300px}.aside-container-disabled .aside__logo{width:100px}.logo-container__logo{align-items:center;background-color:var(--color-primary);border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.logo-container__logo i{color:var(--color-light);font-size:30px}.logo-container__text{color:var(--color-primary);font-size:50px;font-weight:600;margin-left:15px}.fixed-btn{align-items:center;border-left:10px solid transparent;display:flex;height:60px;justify-content:flex-start;padding:0 15px 0 20px;width:100%}.fixed-btn:hover{background-color:var(--color-dropdown-hover);border-left:10px solid var(--color-dark);cursor:pointer}.fixed-btn i{font-size:1.8rem;margin-right:10px;transition:.2s}.aside-container-disabled .fixed-btn i{font-size:2.6rem;margin-left:5px;margin-right:0}.fixed-btn__title{font-size:2rem}.notify-btn{align-items:center;border-left:10px solid transparent;display:flex;height:60px;justify-content:flex-start;padding:0 15px 0 20px;position:relative;width:100%}.notify-btn:hover{background-color:var(--color-dropdown-hover);border-left:10px solid var(--color-dark);cursor:pointer}.notify-btn__icon{font-size:1.8rem;margin-right:10px;transition:.2s}.aside-container-disabled .notify-btn__icon{font-size:2.6rem;margin-left:5px;margin-right:0}.notify-btn__title{font-size:2rem}.notify-btn__notification-bubble{align-items:center;background-color:var(--color-orange);border-radius:20px;display:flex;font-weight:600;height:25px;justify-content:center;margin-left:auto;width:50px}.notify-btn:hover .notify-btn__notification-bubble{background-color:var(--color-gray-dark)}.notify-btn__notification-bubble--small{align-items:center;background-color:var(--color-orange);border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:24px;top:10px;width:20px}.notify-btn__notification-bubble--small i{font-size:14px}.notify-btn:hover .notify-btn__notification-bubble--small{background-color:var(--color-gray-dark)}.dropdown-selected{background-color:var(--color-dropdown-hover)}.dropdown-btn{align-items:center;border-left:10px solid transparent;display:flex;justify-content:flex-start;padding:15px 15px 15px 20px;width:100%}.dropdown-btn:hover{background-color:var(--color-dropdown-hover);border-left:10px solid var(--color-dark);cursor:pointer}.dropdown-btn i{font-size:1.8rem;margin-right:10px}.dropdown-btn i:last-child{font-size:1.8rem;margin-right:0}.dropdown__left{align-items:center;display:flex;flex:1 1}.dropdown-btn__icon{transition:.2s}.dropdown-btn__title{font-size:2rem}.dropdown-btn--dropdown{align-items:center;display:flex;height:40px;justify-content:center;width:50px}.dropdown-btn--dropdown i{margin:0}.dropdown-btn__icon--small{font-size:1.8rem;margin-left:auto}.dropdown-content{border-left:3px solid var(--color-gray-dark);margin-left:40px;max-height:220px;overflow-y:scroll;padding-bottom:10px}.dropdown-content__input-form{display:flex;flex:1 1;justify-content:space-between;margin:0 15px 15px 0;padding-left:30px}.dropdown-content__input-form .input-form__input{background-color:initial;border:none;border-bottom:2px solid var(--color-gray-dark);flex:1 1;font-family:var(--font-primary);font-size:1.6rem;margin-right:10px;max-width:80%;padding:7px 5px 5px}.dropdown-content__input-form .input-form__button{background-color:var(--color-dropdown-hover);border-radius:50%;color:var(--color-darkest);font-family:var(--font-primary);font-size:1.6rem;height:30px;margin-right:5px;min-height:30px;min-width:30px;width:30px}.dropdown-content__input-form .input-form__button:hover{cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.aside-container-disabled .dropdown-btn__icon{font-size:2.6rem}.dropdown-content__options{display:flex;flex-direction:column}.dropdown-content__button{align-items:center;background-color:var(--color-dropdown-hover);color:var(--color-gray-darkest);display:flex;padding:10px 10px 10px 30px}.dropdown-content__button:hover{background-color:var(--color-dark);color:var(--color-light);cursor:pointer}.dropdown-content__button--icon-left,.dropdown-content__button--icon-right{font-size:1.6rem}.dropdown-content__button--icon-left{margin-right:10px}.dropdown-content__button--icon-right{font-size:1.6rem;margin:0 20px}.dropdown-content__button--text{-ms-overflow-style:none;flex:1 1;font-size:1.6rem;font-weight:600;overflow-x:scroll;scrollbar-width:none;text-align:left;white-space:nowrap}.dropdown-content__button--text::-webkit-scrollbar{display:none}.main-content__header{align-items:center;display:flex;height:100px;padding:50px 50px 0}.main-content__header--icon-container{align-items:center;background-color:var(--color-primary);border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:20px;width:50px}.main-content__header--icon{color:#fff;font-size:28px}.main-content__header--header{font-size:4rem;font-weight:700}.main{height:100vh;overflow:scroll;overflow-x:hidden}.main-content{min-height:calc(100vh - 180px)}.footer{align-items:center;display:flex;justify-content:center;min-height:100px;padding:10px 20px}.footer__text{font-size:1.6rem;font-weight:300;line-height:1.5;text-align:center}.footer__text a{border-bottom:1px solid #000;font-weight:600;transition:.3s}.footer__text a:hover{border-bottom:1px solid var(--color-primary-dark);color:var(--color-primary-dark);cursor:pointer}.main-nav{align-items:center;background-color:#fff;display:flex;height:80px;justify-content:space-between;left:0;padding:0 50px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main-nav__text{font-size:1.8rem}.main-nav__profile{align-items:center;display:flex;position:relative}.main-nav__profile-name{font-size:1.8rem;font-weight:800;margin-right:10px}.main-nav__profile-pic{background-color:var(--color-primary);border-radius:50%;height:40px;transition:.5s;width:40px}.main-nav__profile-pic--icon{color:#fff;font-size:20px;transition:.5s}.main-nav__profile-pic:hover{background-color:var(--color-primary-dark)}.main-nav__profile-pic:hover .main-nav__profile-pic--icon{font-size:24px;-webkit-transform:rotate(2turn);transform:rotate(2turn)}.main-nav__profile-notification{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:profileNotificationAnimation;animation-name:profileNotificationAnimation;background-color:var(--color-primary);border-radius:10px;bottom:-90px;color:#fff;font-size:1.6rem;padding:10px;position:absolute;right:-500%;text-align:center;transition:.3s;width:200px}.main-nav__profile-pic:hover+.main-nav__profile-notification{right:0}@-webkit-keyframes profileNotificationAnimation{0%{background-color:var(--color-primary)}50%{background-color:var(--color-primary-dark)}to{background-color:var(--color-primary)}}@keyframes profileNotificationAnimation{0%{background-color:var(--color-primary)}50%{background-color:var(--color-primary-dark)}to{background-color:var(--color-primary)}}.main-nav__back-button{background-color:var(--color-dropdown-hover);border-radius:50%;height:40px;transition:.3s;width:40px}.main-nav__back-button--icon{color:var(--color-gray-darkest);font-size:2rem;transition:.3s}.main-nav__back-button:hover{background-color:var(--color-gray);cursor:pointer}.main-nav__back-button:hover .main-nav__back-button--icon{-webkit-transform:scale(120%);transform:scale(120%)}.dashboard{min-height:calc(100vh - 380px);padding:0 50px 20px;width:100%}.dashboard__name{align-items:center;display:flex;margin:10px 70px 50px}.dashboard__name--text{font-size:1.8rem;font-weight:100}.dashboard__grid{grid-gap:20px;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2 auto);height:calc(100vh - 380px);min-height:300px;min-width:500px;width:100%}.grid-button{background-color:var(--color-dropdown-hover);border-top:5px solid var(--color-gray);color:var(--color-gray-darkest);overflow:hidden;position:relative;transition:.2s}.grid-button--large{grid-row-end:3;grid-row-start:1}.grid-button__background-icon--large{font-size:400px}.grid-button__background-icon,.grid-button__background-icon--large{color:var(--color-gray-dark);left:20px;opacity:.2;position:absolute;top:50%;-webkit-transform:translateX(-20%) translateY(-50%);transform:translateX(-20%) translateY(-50%);transition:.2s}.grid-button__background-icon{font-size:140px}.grid-button__title{font-size:3.4rem;font-weight:700;margin-bottom:10px}.grid-button__info-container{align-items:center;display:flex;justify-content:flex-start;margin:0 auto;width:300px}.grid-button__icon-container{align-items:center;background-color:var(--color-gray-dark);border-radius:50%;display:flex;height:30px;justify-content:center;margin-right:10px;transition:.2s;width:30px}.grid-button__icon{color:#fff;font-size:16px}.grid-button__text{font-size:1.8rem;font-weight:300}.grid-button--large .grid-button__title{margin-bottom:25px}.grid-button--large .grid-button__info-container:not(:last-child){margin-bottom:10px}.grid-button:hover{background-color:var(--color-primary-light);border-top:5px solid var(--color-primary);color:#000}.grid-button:hover .grid-button__background-icon,.grid-button:hover .grid-button__background-icon--large{color:var(--color-primary);-webkit-transform:translateX(-20%) translateY(-50%) scale(120%);transform:translateX(-20%) translateY(-50%) scale(120%)}.grid-button:hover .grid-button__icon-container{background-color:var(--color-primary)}.logout{min-height:calc(100vh - 380px);padding:0 50px 50px;width:100%}.empty-message-container{align-items:center;background-color:initial;color:var(--color-gray-dark);display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;transition:.3s;width:100%}.empty-message-container__icon{font-size:50px;margin-bottom:20px}.empty-message-container__text{font-size:1.8rem;line-height:1.5;text-align:center}.empty-message-container:hover{background-color:var(--color-light)}.notification-container{animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-name:notificationBubbleIn;-webkit-animation-name:notificationBubbleIn;background-color:var(--color-primary);border-radius:20px;display:inline-block;margin:0 0 30px 70px;padding:10px 20px;-webkit-transform:translateX(-500px);transform:translateX(-500px)}.notification{align-items:center;color:#fff;display:flex}.notification--text{font-size:1.6rem}.notification-container--empty{background-color:var(--color-gray)}.notification-container--empty .notification{color:var(--color-gray-darkest)}@-webkit-keyframes notificationBubbleIn{0%{-webkit-transform:translate(-500px);transform:translate(-500px)}75%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes notificationBubbleIn{0%{-webkit-transform:translate(-500px);transform:translate(-500px)}75%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{-webkit-transform:translate(0);transform:translate(0)}}.message-container{margin-bottom:20px;transition:.3s;width:100%}.message-container__button{min-height:60px;overflow:hidden;width:100%}.message-container__button--top{display:flex}.message__icon-container{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.message__icon{color:var(--color-primary);font-size:30px}.message__content{align-items:center;display:flex;flex:1 1;font-size:1.6rem;min-height:60px;padding:10px 20px}.message__content--header{color:#000;line-height:1.5;text-align:center}.message__details{align-items:center;display:flex;justify-content:center;min-height:60px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:.3s;width:140px}.message__details--text{color:var(--color-primary-dark);font-size:1.6rem;line-height:1.5;text-align:center}.message-container__button--bottom{padding-bottom:20px;position:relative}.message-container__content{border-left:6px solid #a8e9e9;margin-left:27px;margin-right:150px;padding:0 0 0 50px}.message-container__content--text{font-size:1.8rem;font-weight:100;line-height:1.5;margin-bottom:20px;text-align:left}.message-container__content--info{align-items:center;color:var(--color-primary);display:flex;font-size:1.6rem;font-weight:600;justify-content:space-between}.message-container__delete-button{bottom:15px;height:30px;position:absolute;right:20px;width:30px}.message-container__delete-button--icon{color:var(--color-update);font-size:20px}.message-container__delete-button:hover .message-container__delete-button--icon{-webkit-filter:brightness(90%);filter:brightness(90%)}.message-container:hover{background-color:var(--color-primary-light);-webkit-transform:translateX(-10px);transform:translateX(-10px)}.message-container:hover .message__details{-webkit-transform:translateX(0);transform:translateX(0)}.message-read .message__content--header{font-weight:300}.message-read .message__icon{opacity:.5}.message-hidden .message-container__button--bottom{display:none}.messages{min-height:calc(100vh - 380px);padding:0 50px 50px;width:100%}.messages .notification-container{margin-top:30px}.messages__display{display:flex;flex-direction:column-reverse}.messages .empty-message-container{margin-top:50px}.button-strong{align-items:center;background-color:var(--color-dark);color:#fff;display:flex;justify-content:center;padding:10px 20px;transition:.3s}.button-strong:hover{background-color:#000}.button-strong__icon{font-size:1.8rem;margin-right:10px}.button-strong__text{font-size:2rem;font-weight:100;white-space:nowrap}.project-box{align-items:center;border-top:3px solid var(--color-gray-darkest);display:flex;flex-direction:column;min-width:300px;overflow-x:hidden;padding:30px 0 70px}.project-box:hover{background-color:var(--color-primary-light);border-top:3px solid var(--color-primary);cursor:pointer}.project-box__header{width:100%}.project-box__header--icon-container{align-items:center;background-color:var(--color-primary);border-radius:50%;display:flex;height:40px;justify-content:center;margin:0 auto 20px;min-height:40px;min-width:40px;width:40px}.project-box__header--icon{color:#fff;font-size:2rem;transition:1s}.project-box__header--text{font-size:2.6rem;font-weight:700;padding:0 20px;text-align:center}.project-box__notification-container{min-height:40px;padding:5px 0;position:relative;width:100%}.project-box__notification{color:var(--color-primary-dark);font-size:1.6rem;font-weight:300;position:absolute;right:-100%;top:50%;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0);transition:.3s;white-space:nowrap}.project-box__summary{grid-gap:20px;display:flex;grid-template-columns:1fr 1fr 1fr;height:20px;margin:0 auto}.project-box__summary-inner{align-items:center;display:flex;justify-content:center;transition:.3s}.project-box__summary--icon{font-size:2.6rem;margin-right:10px}.project-box__summary--text{font-size:2.6rem;font-weight:700}.project-box:hover .project-box__header--icon-container{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:projectBoxColourChange;animation-name:projectBoxColourChange}.project-box:hover .project-box__header--icon{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:projectIconShake;animation-name:projectIconShake}.project-box:hover .project-box__notification{right:50%;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%)}.project-box:hover .project-box__summary-inner{color:var(--color-primary-dark);margin-top:30px}@-webkit-keyframes projectIconShake{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(120%);transform:scale(120%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes projectIconShake{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(120%);transform:scale(120%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes projectBoxColourChange{0%{background-color:var(--color-primary)}50%{background-color:var(--color-primary-dark)}to{background-color:var(--color-primary)}}@keyframes projectBoxColourChange{0%{background-color:var(--color-primary)}50%{background-color:var(--color-primary-dark)}to{background-color:var(--color-primary)}}.projects{min-height:calc(100vh - 380px);padding:30px 50px 50px;width:100%}.projects__add-form{align-items:center;display:flex;margin-left:50px;max-width:600px}.add-form__input{background-color:#fff;border-bottom:2px solid var(--color-gray-dark);font-size:2rem;padding:10px 20px;transition:.5s}.add-form__input:focus,.projects__add-form:hover .add-form__input{flex:1 1}.add-form__input::-webkit-input-placeholder{font-weight:300}.add-form__input::placeholder{font-weight:300}.projects__add-form .button-strong{margin-left:10px}.projects .empty-message-container{margin-top:50px}.projects__content--large{margin-top:50px;overflow-x:scroll;width:calc(100vw - 400px)}.projects__content--small{margin-top:50px;overflow-x:scroll;width:calc(100vw - 200px)}.projects__project-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.project-page{min-height:calc(100vh - 180px);padding:0 50px;width:100%}.main__head{padding:70px 0 50px}.head-info__title{border:none;flex:1 1;font-family:var(--font-primary);font-size:4.4rem;font-weight:600;margin-bottom:10px}.head-info__title::-webkit-input-placeholder{font-family:var(--font-primary);font-size:4rem;font-weight:400}.head-info__title::placeholder{font-family:var(--font-primary);font-size:4rem;font-weight:400}.head-info__date{color:var(--color-gray-darkest);font-size:1.8rem;font-weight:100}.main__content{display:flex;width:100%}.main__content--large{display:flex;overflow-x:scroll;width:calc(100vw - 400px)}.main__content--small{display:flex;overflow-x:scroll;width:calc(100vw - 200px)}.main__list{flex:1 1;margin-right:30px}.main__list:last-child{margin-right:0}.main__list-header{align-items:center;display:flex;margin-bottom:20px}.main__list-header--icon{font-size:40px;margin-right:20px}.list-header__title{font-size:2.4rem;font-weight:800;text-transform:uppercase}.list-header__subtitle{color:var(--color-gray-darkest);font-size:1.6rem;font-weight:300}.list__add-btn{align-items:center;background-color:var(--color-dark);border:none;color:var(--color-light);display:flex;justify-content:center;padding:10px;width:100%}.list__add-btn:hover{background-color:#000}.list__add-btn--icon{font-size:1.8rem;margin-right:8px}.list__add-btn--text{font-size:1.8rem;font-weight:400}.list{margin:30px 0;overflow-y:scroll;width:100%}.project-page .empty-message-container{height:250px}.list-item{border-top:3px solid var(--color-gray-darkest);margin-bottom:20px;min-width:250px;width:100%}.list-item:last-child{margin-bottom:0}.list-item__button{width:100%}.list-item__top{align-items:flex-start;display:flex;flex-direction:column;padding:20px 10px 0;width:100%}.list-item__title{font-size:2rem;margin-bottom:5px;text-align:left}.list-item__info{color:var(--color-gray-darkest);font-size:1.6rem;font-weight:100}.list-item__description{font-size:1.6rem;font-weight:300;margin:15px 0;text-align:left}.list-item__footer{align-items:center;display:flex;justify-content:space-between;padding:0 10px 20px}.list-item__tag{color:#fb71e2;color:var(--color-primary)}.list-item__comments-btn,.list-item__tag{font-size:1.6rem;font-weight:600;text-transform:uppercase}.list-item__comments-btn{align-items:center;color:var(--color-gray-darkest);display:flex;padding:5px}.list-item__comments-btn i{margin-right:10px}.list--to-do .list-item:hover,.list-item:hover{background-color:var(--color-primary-light);border-top:3px solid var(--color-primary)}.list--in-progress .list-item:hover{background-color:var(--color-yellow-light);border-top:3px solid var(--color-yellow)}.list--complete .list-item:hover{background-color:var(--color-green-light);border-top:3px solid var(--color-green)}.list--in-progress .list-item__tag{color:var(--color-yellow);-webkit-filter:brightness(90%);filter:brightness(90%)}.list--complete .list-item__tag{color:var(--color-green);-webkit-filter:brightness(90%);filter:brightness(90%)}.report-container{margin-bottom:20px;transition:.3s;width:100%}.report-container:hover{background-color:var(--color-primary-light)}.report-container__button{min-height:70px;overflow:hidden;width:100%}.report-container__button--top{display:flex}.report__icon-container{height:70px;width:70px}.report__icon-container,.report__icon-container-inner{align-items:center;display:flex;justify-content:center}.report__icon-container-inner{background-color:var(--color-primary);border-radius:50%;height:35px;width:35px}.report__icon{color:#fff;font-size:20px}.report__content{align-items:center;display:flex;flex:1 1;font-size:1.6rem;min-height:60px;padding:10px 20px}.report__content--header{color:#000;line-height:1.5;text-align:left}.report__details{align-items:center;display:flex;justify-content:center;min-height:60px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:.3s;width:140px}.report__details--text{color:var(--color-primary-dark);font-size:1.6rem;line-height:1.5;text-align:center}.report__type-box{background-color:var(--color-primary);color:#fff;padding:3px 7px}.report-container__delete-button{bottom:15px;height:30px;position:absolute;right:20px;width:30px}.report-container__delete-button--icon{color:var(--color-update);font-size:20px}.report-container__delete-button:hover .report-container__delete-button--icon{-webkit-filter:brightness(90%);filter:brightness(90%)}.report-container:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.report-container:hover .report__details{-webkit-transform:translateX(0);transform:translateX(0)}.report-container__button--bottom{padding-bottom:20px;position:relative}.report-container__content{border-left:6px solid #a8e9e9;margin-left:31px;margin-right:150px;padding:0 0 0 50px}.report-container__content--text{font-size:1.8rem;font-weight:100;line-height:1.5;margin-bottom:30px;text-align:left}.report-container__content--info{align-items:center;color:var(--color-primary);display:flex;font-size:1.6rem;font-weight:600;justify-content:space-between}.report-read .report--header{font-weight:300}.report-read .report__icon-container-inner{background-color:var(--color-primary-light);background-color:initial;background-color:var(--color-primary);opacity:.5}.report-read .report__icon{color:var(--color-primary-dark);color:#fff}.report-read .report__content--header{font-weight:300}.report-hidden .report-container__button--bottom{display:none}.report--warning .report__icon-container-inner{background-color:var(--color-warning)}.report--warning:hover{background-color:var(--color-warning-light)}.report--warning .report-container__content{border-left:6px solid #ffb0b0}.report--warning .report-container__content--info,.report--warning .report-container__delete-button--icon{color:var(--color-warning)}.report--warning .report__type-box{background-color:var(--color-warning)}.report--warning .report__details--text{color:var(--color-warning)}.report--status-change .report__icon-container-inner{background-color:var(--color-status-change)}.report--status-change:hover{background-color:var(--color-status-change-light)}.report--status-change .report-container__content{border-left:6px solid #fbe4b8}.report--status-change .report-container__content--info,.report--status-change .report-container__delete-button--icon{color:var(--color-status-change)}.report--status-change .report__type-box{background-color:var(--color-status-change)}.report--status-change .report__details--text{color:var(--color-status-change)}.report--complete .report__icon-container-inner{background-color:var(--color-complete)}.report--complete:hover{background-color:var(--color-complete-light)}.report--complete .report-container__content{border-left:6px solid #baeaba}.report--complete .report-container__content--info,.report--complete .report-container__delete-button--icon{color:var(--color-complete)}.report--complete .report__type-box{background-color:var(--color-complete)}.report--complete .report__details--text{color:var(--color-complete)}.report--user-update .report__icon-container-inner{background-color:var(--color-user-update)}.report--user-update:hover{background-color:var(--color-user-update-light)}.report--user-update .report-container__content{border-left:6px solid #d1c5f0}.report--user-update .report-container__content--info,.report--user-update .report-container__delete-button--icon{color:var(--color-user-update)}.report--user-update .report__type-box{background-color:var(--color-user-update)}.report--user-update .report__details--text{color:var(--color-user-update)}.report--update .report__icon-container-inner{background-color:var(--color-update)}.report--update:hover{background-color:var(--color-update-light)}.report--update .report-container__content{border-left:6px solid #a1e4e4}.report--update .report-container__content--info,.report--update .report-container__delete-button--icon{color:var(--color-update)}.report--update .report__type-box{background-color:var(--color-update)}.report--update .report__details--text{color:var(--color-update)}.reports{min-height:calc(100vh - 380px);padding:0 50px 50px;width:100%}.reports .notification-container{margin-top:30px}.reports__display{display:flex;flex-direction:column-reverse}.reports .empty-message-container{margin-top:50px}.settings{min-height:calc(100vh - 380px);padding:0 50px 50px;width:100%}.comment-box{align-items:center;background-color:initial;display:flex;margin-top:10px;min-height:80px;padding:15px 20px 15px 30px;transition:all .3s;width:100%}.comment-box:hover{background-color:var(--color-primary-light);-webkit-transform:translateX(-10px);transform:translateX(-10px)}.comment-box__icon{align-self:center;color:var(--color-primary);font-size:40px;margin-right:30px}.comment-box__content{border-left:5px solid var(--color-primary);flex:1 1;height:100%;justify-content:center;padding-left:20px}.comment-box__content,.comment-box__content--top{display:flex;flex-direction:column}.comment-box__content--top p:first-child{font-size:2rem;font-weight:600;margin-bottom:4px}.comment-box__content--top p:last-child{font-size:1.6rem;font-weight:100}.comment-box__comment{font-size:1.8rem;font-weight:200;line-height:1.5;margin-top:10px}.comment-box__button-container{display:flex}.comment-box__button{height:40px;width:40px}.comment-box__button--icon{font-size:26px;opacity:.5;transition:.2s}.comment-box__button-container:hover{cursor:pointer}.comment-box__button:hover .comment-box__button--icon{-webkit-transform:scale(120%);transform:scale(120%)}.icon-checked{opacity:1}.ticket-container--primary .comment-box__button--icon,.ticket-container--primary .comment-box__icon{color:var(--color-primary)}.ticket-container--primary .comment-box__button--icon .ticket-container--primary .comment-box__content{border-left:5px solid var(--color-primary)}.ticket-container--primary .comment-box:hover{background-color:var(--color-primary-light)}.ticket-container--yellow .comment-box__button--icon,.ticket-container--yellow .comment-box__icon{color:var(--color-yellow)}.ticket-container--yellow .comment-box__content{border-left:5px solid var(--color-yellow)}.ticket-container--yellow .comment-box:hover{background-color:var(--color-yellow-light)}.ticket-container--green .comment-box__button--icon,.ticket-container--green .comment-box__icon{color:var(--color-complete)}.ticket-container--green .comment-box__content{border-left:5px solid var(--color-complete)}.ticket-container--green .comment-box:hover{background-color:var(--color-complete-light)}.ticket-container{margin:0 50px}.ticket__head{margin:70px 0 5px}.main__head-info--top{align-items:center;display:flex}.main__head-info--top .button--delete{background-color:var(--color-dropdown-hover);border-radius:50%;height:50px;margin-left:20px;min-height:50px;min-width:50px;width:50px}.main__head-info--top .button--delete i{color:var(--color-gray-darkest);font-size:20px;transition:.2s}.main__head-info--top .button--delete:hover{background-color:initial}.main__head-info--top .button--delete:hover i{color:var(--color-warning);font-size:28px}.delete__options-container{display:flex;height:50px;position:relative;width:110px}.options-container__button{background-color:var(--color-dropdown-hover);border-radius:50%;height:50px;min-height:50px;min-width:50px;width:50px}.options-container__button:last-child{margin-left:10px}.options-container__button i{color:var(--color-gray-darkest);font-size:20px;transition:.2s}.options-container__button:hover{background-color:initial}.options-container__button:hover i{font-size:28px}.options-container__button:hover .options-container__button--close{color:#000}.options-container__button:hover .options-container__button--delete{color:var(--color-warning)}.options-container__bar--outer{border-radius:5px;height:10px;left:0;overflow:hidden;position:absolute;top:-20px;transition:linear;width:100%}.options-container__bar--inner{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:timeOutBar;animation-name:timeOutBar;background-color:var(--color-warning);border-radius:5px;float:right;height:100%;width:100%}@-webkit-keyframes timeOutBar{0%{width:100%}to{width:0}}@keyframes timeOutBar{0%{width:100%}to{width:0}}.ticket-info__info{align-items:center;display:flex;margin-bottom:10px}.ticket-info__icon{color:var(--color-primary);font-size:20px;margin-right:5px}.ticket-info__subtitle{font-family:var(--font-primary);font-size:1.8rem;font-weight:300}.ticket-info__title{word-wrap:break-word;border:none;font-family:var(--font-primary);font-size:4.4rem;font-weight:600;margin-bottom:10px;width:100%}.ticket-info__title::-webkit-input-placeholder{font-family:var(--font-primary);font-size:4rem;font-weight:400}.ticket-info__title::placeholder{font-family:var(--font-primary);font-size:4rem;font-weight:400}.ticket-info__date{color:var(--color-gray-darkest);font-size:1.8rem;font-weight:100;margin-bottom:15px}.ticket-info__text--strong{font-weight:700}.ticket-info__tag-and-status{justify-content:space-between}.ticket-info__tag-and-status,.ticket-info__tag-container{align-items:center;display:flex}.ticket-info__tag-icon{color:var(--color-primary);font-size:20px;margin-right:3px}.ticket-info__tag-input{border:none;color:var(--color-primary);font-family:var(--font-primary);font-size:2rem;font-weight:700;padding:5px 3px;text-transform:uppercase}.ticket-info__tag-input::-webkit-input-placeholder{font-family:var(--font-primary);font-weight:400;text-transform:none}.ticket-info__tag-input::placeholder{font-family:var(--font-primary);font-weight:400;text-transform:none}.ticket-info__button-container{align-items:center;display:flex}.ticket-info__status-text{font-size:1.8rem;font-weight:700;margin-right:10px}.ticket-info__status-button{align-items:center;background-color:var(--color-dropdown-hover);border-radius:50%;color:var(--color-gray-darkest);display:flex;height:50px;justify-content:center;width:50px}.ticket-info__status-button:not(:last-child){margin-right:10px}.ticket-info__status-button.hover--blue:hover{background-color:var(--color-update);color:#fff}.ticket-info__status-button.hover--yellow:hover{background-color:var(--color-yellow);color:#fff}.ticket-info__status-button.hover--green:hover{background-color:var(--color-complete);color:#fff}.to-do-button--selected{background-color:var(--color-update);color:#fff}.in-progress-button--selected{background-color:var(--color-yellow);color:#fff}.complete-button--selected{background-color:var(--color-complete);color:#fff}.ticket-info__status-button i{font-size:2rem;transition:.2s}.ticket-info__status-button:hover i{font-size:2.6rem}.ticket-info__status-button p{font-size:1.6rem}.ticket-info__status-button--small{background-color:var(--color-dropdown-hover);border-radius:50%;color:var(--color-gray-darkest);height:50px;min-height:50px;min-width:50px;width:50px}.ticket-info__status-button--small:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}.ticket-info__status-button--small:hover i{font-size:2.8rem}.ticket-container--primary .ticket-info__status-button--small{background-color:var(--color-update)}.ticket-container--yellow .ticket-info__status-button--small{background-color:var(--color-yellow)}.ticket-container--green .ticket-info__status-button--small{background-color:var(--color-complete)}.ticket-info__status-button--small i{color:#fff;font-size:2.4rem;transition:.2s}.ticket__description{background-color:initial;border:none;font-family:var(--font-primary);font-size:2rem;font-weight:100;line-height:1.5;margin:20px 0;max-width:100%;min-height:50px;min-width:100%;padding-bottom:20px;padding-right:10px;resize:vertical;width:100%}::-webkit-resizer{display:none}.comments-container{width:100%}.comments-container__header{font-size:2.4rem;font-weight:600}.comments-container__comments{padding-bottom:50px}.ticket-container--primary .ticket-info__icon,.ticket-container--primary .ticket-info__tag-icon,.ticket-container--primary .ticket-info__tag-input{color:var(--color-update)}.ticket-container--yellow .ticket-info__icon,.ticket-container--yellow .ticket-info__tag-icon,.ticket-container--yellow .ticket-info__tag-input{color:var(--color-yellow)}.ticket-container--green .ticket-info__icon,.ticket-container--green .ticket-info__tag-icon,.ticket-container--green .ticket-info__tag-input{color:var(--color-complete)}.ticket-container .empty-message-container{margin-top:30px}.task-page__add-task-form{align-items:center;display:flex;margin:40px 50px;max-width:600px;width:100%}.add-task-form__input{background-color:#fff;border-bottom:2px solid var(--color-gray-dark);flex:1 1;font-size:2rem;margin-right:10px;padding:10px 20px;transition:.5s}.add-task-form__input::-webkit-input-placeholder{font-weight:300}.add-task-form__input::placeholder{font-weight:300}
/*# sourceMappingURL=main.699d9b81.css.map*/