@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,h1,h2,h3,h4,p{color:#2c2d3d}header{position:fixed;z-index:100;top:0;left:0;width:100%;-webkit-animation:revealHeader .3s ease-out 1;animation:revealHeader .3s ease-out 1;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}header .header-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1920px;margin:auto;padding:.7em;position:relative}header .profile-text{font-size:.9em;margin-left:.7em}header .profile-text span{margin-left:.7em;padding-left:.7em;font-weight:600;border-left:2px solid #2c2d3d}header.hideHeader{-webkit-transition:transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@-webkit-keyframes revealHeader{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes revealHeader{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}header .button{white-space:nowrap;font-size:.9em}header .button.no-bg{box-shadow:none}.App{color:#2c2d3d;display:flex;flex-direction:column;padding:5.6em .7em 2.8em}.background{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-2;-webkit-animation:revealBg .3s ease-out 1;animation:revealBg .3s ease-out 1}@-webkit-keyframes revealBg{0%{opacity:0}to{opacity:1}}@keyframes revealBg{0%{opacity:0}to{opacity:1}}.background.hide{-webkit-animation:hideBg .3s ease-out 1;animation:hideBg .3s ease-out 1;opacity:0}@-webkit-keyframes hideBg{0%{opacity:1}to{opacity:0}}@keyframes hideBg{0%{opacity:1}to{opacity:0}}.card-container,.container,.posts-container{display:flex;flex-direction:column;max-width:26em;width:100%;background:#fff;box-sizing:border-box;border-radius:.5em;position:relative;margin:auto auto 1.4em}.card-container:before,.container:before,.posts-container:before{content:"";position:absolute;width:90%;height:100%;z-index:-1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 10px 30px rgba(0,0,0,.1)}.card-container .content-wrapper,.container .content-wrapper,.posts-container .content-wrapper{overflow:visible}.card-container .content-wrapper:last-child,.container .content-wrapper:last-child,.posts-container .content-wrapper:last-child{border-radius:0 0 .5em .5em}@media (max-width:520px){.App{min-height:auto}.card-container{display:block;margin-top:2.8em}}@media (min-width:520px){.card-container{margin-top:2.8em}}@media (max-width:26em){.card-container,.container,.posts-container{display:block}.card-container .content,.container .content,.posts-container .content{padding-left:1.4em;padding-right:1.4em}.card-container{margin-top:2.8em}}@-webkit-keyframes toggleOverflow{0%{overflow:hidden}to{overflow:hidden}}@keyframes toggleOverflow{0%{overflow:hidden}to{overflow:hidden}}@-webkit-keyframes reveal{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes reveal{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes hide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.content-wrapper{-webkit-animation:toggleOverflow .3s ease-out 1;animation:toggleOverflow .3s ease-out 1}.content{padding:2.8em;-webkit-animation:reveal .3s ease-out 1;animation:reveal .3s ease-out 1;display:flex;flex-direction:column;-webkit-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out}.content figure{padding:1.4em}.content figure img{display:block;width:100%;height:auto;margin-bottom:.7em}.content figure .button{font-size:.9em;float:right}.card-container.no-padding .content{padding:0}.card-container.no-padding .content>.form{padding:2.8em}@media (max-width:26em){.card-container.no-padding .content>.form{padding:1.4em}}.overflow-hidden .content-wrapper{overflow:hidden}.slide-out .content{-webkit-transform:translateX(150%);transform:translateX(150%);-webkit-animation:hide .3s ease-in 1;animation:hide .3s ease-in 1}.card-container h1,.card-container h2,.container-no-bg h1,.container-no-bg h2,.container h1,.container h2,.posts-container h1,.posts-container h2{margin-bottom:2.1em;font-size:1.2em;text-align:center}.card-container .admin-title,.container-no-bg .admin-title,.container .admin-title,.posts-container .admin-title{padding:2.8em 1.4em}.card-container .admin-title h1,.container-no-bg .admin-title h1,.container .admin-title h1,.posts-container .admin-title h1{margin:0}.card-container .fieldContainer,.container-no-bg .fieldContainer,.container .fieldContainer,.posts-container .fieldContainer{width:100%;display:flex;justify-content:center;flex-direction:column;margin-bottom:1.4em}.card-container .fieldContainer>label,.container-no-bg .fieldContainer>label,.container .fieldContainer>label,.posts-container .fieldContainer>label{color:#7d7d7f;font-size:.8em}.card-container .form,.container-no-bg .form,.container .form,.posts-container .form{display:flex;flex-direction:column}.card-container .form .errorMessage,.card-container .form .infoMessage,.card-container .form .loginMessage,.container-no-bg .form .errorMessage,.container-no-bg .form .infoMessage,.container-no-bg .form .loginMessage,.container .form .errorMessage,.container .form .infoMessage,.container .form .loginMessage,.posts-container .form .errorMessage,.posts-container .form .infoMessage,.posts-container .form .loginMessage{display:block;max-height:0;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out;-webkit-transform-origin:top;transform-origin:top;overflow:hidden}.card-container .form .errorMessage p,.card-container .form .infoMessage p,.card-container .form .loginMessage p,.container-no-bg .form .errorMessage p,.container-no-bg .form .infoMessage p,.container-no-bg .form .loginMessage p,.container .form .errorMessage p,.container .form .infoMessage p,.container .form .loginMessage p,.posts-container .form .errorMessage p,.posts-container .form .infoMessage p,.posts-container .form .loginMessage p{display:block;color:#721c24;background:#f8d7da;width:100%;font-size:.9em;margin-top:.7em;line-height:1em;padding:.7em;border:1px solid #f5c6cb}.card-container .form .errorMessage p svg,.card-container .form .infoMessage p svg,.card-container .form .loginMessage p svg,.container-no-bg .form .errorMessage p svg,.container-no-bg .form .infoMessage p svg,.container-no-bg .form .loginMessage p svg,.container .form .errorMessage p svg,.container .form .infoMessage p svg,.container .form .loginMessage p svg,.posts-container .form .errorMessage p svg,.posts-container .form .infoMessage p svg,.posts-container .form .loginMessage p svg{margin-right:1em;-webkit-transform:scale(1.5);transform:scale(1.5)}.card-container .form .errorMessage.infoMessage p,.card-container .form .errorMessage.loginMessage p,.card-container .form .infoMessage.infoMessage p,.card-container .form .infoMessage.loginMessage p,.card-container .form .loginMessage.infoMessage p,.card-container .form .loginMessage.loginMessage p,.container-no-bg .form .errorMessage.infoMessage p,.container-no-bg .form .errorMessage.loginMessage p,.container-no-bg .form .infoMessage.infoMessage p,.container-no-bg .form .infoMessage.loginMessage p,.container-no-bg .form .loginMessage.infoMessage p,.container-no-bg .form .loginMessage.loginMessage p,.container .form .errorMessage.infoMessage p,.container .form .errorMessage.loginMessage p,.container .form .infoMessage.infoMessage p,.container .form .infoMessage.loginMessage p,.container .form .loginMessage.infoMessage p,.container .form .loginMessage.loginMessage p,.posts-container .form .errorMessage.infoMessage p,.posts-container .form .errorMessage.loginMessage p,.posts-container .form .infoMessage.infoMessage p,.posts-container .form .infoMessage.loginMessage p,.posts-container .form .loginMessage.infoMessage p,.posts-container .form .loginMessage.loginMessage p{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.form input,.form select,.form textarea{padding:1em}.form input,.form textarea{font-size:1em;border-radius:5px;background:#ecf0f5;border:none;width:100%}.input-wrapper{position:relative}.input-wrapper label{position:absolute;top:0;left:0;color:#7d7d7f;-webkit-transform:translate(1em,1em) scale(1);transform:translate(1em,1em) scale(1);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;pointer-events:none}.input-wrapper input:not(:placeholder-shown)+label{-webkit-transform:translateY(-1em) scale(.8);transform:translateY(-1em) scale(.8)}.input-wrapper input:focus+label,.input-wrapper input:invalid+label{-webkit-transform:translateY(-1em) scale(.8);transform:translateY(-1em) scale(.8)}.input-wrapper textarea:not(:placeholder-shown)+label{-webkit-transform:translateY(-1em) scale(.8);transform:translateY(-1em) scale(.8)}.input-wrapper textarea:focus+label,.input-wrapper textarea:invalid+label,input.hasInput+label,textarea.hasInput+label{-webkit-transform:translateY(-1em) scale(.8);transform:translateY(-1em) scale(.8)}.fieldContainer.error .errorMessage,.form.error .errorMessage,.form.message .infoMessage,.form.message .loginMessage{max-height:3em}.fieldContainer.error input,.fieldContainer.error textarea,.form.error input,.form.error textarea{-webkit-animation:errorHighlight 1s ease-in-out;animation:errorHighlight 1s ease-in-out}textarea{min-height:6em;resize:vertical}.button{border-radius:none;border-radius:4px;padding:1.05em;font-weight:600;background-color:#ff7000;color:#fff;border:none;font-size:1em;-webkit-transition:background-color .3s ease-out,-webkit-transform .1s ease-out;transition:background-color .3s ease-out,-webkit-transform .1s ease-out;transition:background-color .3s ease-out,transform .1s ease-out;transition:background-color .3s ease-out,transform .1s ease-out,-webkit-transform .1s ease-out;cursor:pointer;position:relative;white-space:nowrap}.button:active,.button:hover{background-color:#cc5a00}.button:focus{outline-style:solid}.button.warning{background:#ff512e}.button.warning:active,.button.warning:hover{background-color:#ff3c15}@-webkit-keyframes errorHighlight{50%{background:#f8d7da}}@keyframes errorHighlight{50%{background:#f8d7da}}.button.no-bg{background:transparent;color:#2c2d3d}.button.no-bg:active,.button.no-bg:hover{background-color:rgba(0,0,0,.05)}.main-container .card-container{margin-top:0}.content-header{display:flex;align-items:center;justify-content:center}.content-header h2{margin:0}.content-header:last-child{margin-bottom:0}.content-header .title-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.content-header .title-wrapper .form{display:none;width:100%}.content-header .title-wrapper .form .fieldContainer{margin:0}.content-header .title-wrapper.changingName{display:flex;width:100%}.content-header .title-wrapper.changingName .actions{position:relative;-webkit-transform:none;-webkit-transform:initial;transform:none;top:0;left:0}.content-header .title-wrapper.changingName h1{display:none}.content-header .title-wrapper.changingName .form{display:block}.content-header .title-wrapper:hover .actions{display:flex;opacity:.8}.content-header .title-wrapper h1{margin-bottom:0}.content-header .title-wrapper h1 svg{margin-right:.7em}.content-header .title-wrapper .actions{opacity:.2;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;padding-left:.7em}.content-header .title-wrapper .actions .button{color:rgba(44,45,61,.8);font-size:.9em}@media (max-width:26em){.content-header .title-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.content-header .title-wrapper .actions{position:relative;-webkit-transform:none;-webkit-transform:initial;transform:none;top:0;left:0}}.userInfo{margin-top:1.4em;font-size:.9em}.userInfo p{margin-bottom:.7em;color:rgba(44,45,61,.6)}.userInfo p b{color:#2c2d3d}.userInfo p:last-child{margin-bottom:0}.container-no-bg{display:flex;flex-direction:column;max-width:26em;width:100%;margin:4.2em auto auto;align-items:center;padding:.7em}.container-no-bg .button{color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1)}.message-sent{display:flex;align-items:stretch;justify-content:space-evenly;flex-direction:column;height:10em;padding-top:.7em}.message-sent h1{margin-bottom:2.8em}.message-sent svg{align-self:center;margin-right:1.4em;-webkit-transform:scale(2);transform:scale(2);color:#1f8035;-webkit-filter:drop-shadow(0 3px 2px rgba(0,0,0,.1));filter:drop-shadow(0 3px 2px rgba(0,0,0,.1))}.login{padding-bottom:1.4em}.login .login-footer{margin-top:1.4em;display:flex;justify-content:space-between}.login .login-footer .button.no-bg{font-size:.9em}@media (max-width:26em){.login .login-footer .button.no-bg{font-size:.8em}}.select-container{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-container .selected-value{background:#fff;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;width:100%;text-align:left;border:none;padding:.7em;border-radius:.5em;position:relative;cursor:pointer;font-size:1em;box-shadow:0 2px 3px rgba(0,0,0,.1)}.select-container .selected-value .text{pointer-events:none}.select-container .selected-value:before{content:"▼";position:absolute;color:#7d7d7f;padding:.7em;right:0;top:50%;-webkit-transform:translateY(-50%) scaleY(.7);transform:translateY(-50%) scaleY(.7)}.select-container .selected-value:hover{background:#f2f2f2}.select-container .item-container{margin-top:.35em;display:block;-webkit-transform:translateY(-.5em);transform:translateY(-.5em);opacity:0;pointer-events:none;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;position:absolute;top:100%;left:0;width:100%;z-index:10;border-radius:.5em;background:#fff}.select-container .item-container:before{content:"";position:absolute;width:90%;height:100%;z-index:-1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 10px 40px rgba(0,0,0,.3)}.select-container .item-container .wrapper{max-height:11em;border-radius:.5em;overflow-y:scroll}.select-container .item-container .select-item{width:100%;text-align:left;border:none;font-size:1em;background:#fafafa;padding:.7em;display:block;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.select-container .item-container .select-item:first-child{border-radius:.25em .25em 0 0}.select-container .item-container .select-item:last-child{border-radius:0 0 .25em .25em}.select-container .item-container .select-item:nth-child(2n+2){background:#f2f2f2}.select-item.selected{display:block}.select-container.expanded .selected-value:before{-webkit-transform:translateY(-50%) scaleY(.7) rotate(180deg);transform:translateY(-50%) scaleY(.7) rotate(180deg)}.select-container.expanded .item-container{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.select-container.expanded .select-item:hover{background:#e5e5e5}.select.input-wrapper label{-webkit-transform:translate(.7em,.7em);transform:translate(.7em,.7em)}.select.input-wrapper label.selected{-webkit-transform:translateY(-1em) scale(.8);transform:translateY(-1em) scale(.8)}.fieldContainer.error .select-container .selected-value{-webkit-animation:errorHighlight 1s ease-in-out;animation:errorHighlight 1s ease-in-out}.button-ripple{position:relative;overflow:hidden;outline-width:thin}.button-ripple .innerText{pointer-events:none;margin-left:.7em}.button-ripple svg{pointer-events:none}.button-ripple svg:last-child{margin-right:0}.button-ripple .pulse{background-color:hsla(0,0%,100%,.5);border-radius:50%;left:0;margin:0 -50%;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.transition-container{-webkit-animation:revealHistory .5s ease-out;animation:revealHistory .5s ease-out;-webkit-transition:opacity .3s ease-out,transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out}@-webkit-keyframes revealHistory{0%{opacity:0;-webkit-transform:translateY(4em);transform:translateY(4em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes revealHistory{0%{opacity:0;-webkit-transform:translateY(4em);transform:translateY(4em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.transition-container.hide{opacity:0;-webkit-transform:translateY(4em);transform:translateY(4em)}.posts-container{margin-bottom:.7em;overflow:visible;overflow:initial}.posts-container h2{padding:1.4em;margin:0;position:relative;z-index:1}.posts-container ul{list-style:none}.posts-container ul .post-item:hover .listHeader{background:#ededed}.posts-container ul .post-item:last-child{overflow:hidden;border-radius:0 0 .5em .5em}.posts-container ul .post-item:nth-child(odd) .listHeader{background:#fafafa}.posts-container ul .post-item:nth-child(odd):hover .listHeader{background:#ededed}.posts-container ul .post-item .header-wrapper{position:relative;overflow:hidden}.posts-container ul .post-item .header-wrapper .status{position:absolute;left:0;top:0;height:100%;z-index:1;min-width:10em;display:flex;align-items:center;justify-content:center;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:background-color .2s ease-out,-webkit-transform .3s ease-out;transition:background-color .2s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,background-color .2s ease-out;transition:transform .3s ease-out,background-color .2s ease-out,-webkit-transform .3s ease-out;border-left:.5em solid #000;font-weight:600;font-size:.9em;color:#fff}.posts-container ul .post-item .header-wrapper .status.sent{background:#fb3;border-color:#fb3}.posts-container ul .post-item .header-wrapper .status.sent:after{content:"";height:100%;width:1em;position:absolute;top:0;left:100%;-webkit-transform:translateX(0);transform:translateX(0);background:#fb3;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.posts-container ul .post-item .header-wrapper .status.confirmed{background:#004085;border-color:#004085}.posts-container ul .post-item .header-wrapper .status.confirmed:after{content:"";height:100%;width:1em;position:absolute;top:0;left:100%;-webkit-transform:translateX(0);transform:translateX(0);background:#004085;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.posts-container ul .post-item .header-wrapper .status.active{background:#155724;border-color:#155724}.posts-container ul .post-item .header-wrapper .status.active:after{content:"";height:100%;width:1em;position:absolute;top:0;left:100%;-webkit-transform:translateX(0);transform:translateX(0);background:#155724;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.posts-container ul .post-item .header-wrapper .status.done{background:#d6d8db;border-color:#d6d8db;color:#2c2d3d}.posts-container ul .post-item .header-wrapper .status.done:after{content:"";height:100%;width:1em;position:absolute;top:0;left:100%;-webkit-transform:translateX(0);transform:translateX(0);background:#d6d8db;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.posts-container ul .post-item .header-wrapper .status:hover{-webkit-transform:translateX(0);transform:translateX(0)}.posts-container ul .post-item .header-wrapper .status:hover.sent:hover+button{-webkit-transform:translateX(14em);transform:translateX(14em)}.posts-container ul .post-item .header-wrapper .status:hover:hover+button{-webkit-transform:translateX(10em);transform:translateX(10em)}.posts-container ul .post-item .listHeader{width:100%;text-align:left;background:#fff;cursor:pointer;padding:1.4em 2.8em;font-size:.9em;display:flex;justify-content:space-between;border:none;border-left:0 solid #ff7000;-webkit-transition:background-color .2s ease-out,-webkit-transform .3s ease-out;transition:background-color .2s ease-out,-webkit-transform .3s ease-out;transition:background-color .2s ease-out,transform .3s ease-out;transition:background-color .2s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out;position:relative}.posts-container ul .post-item .listHeader:before{content:"▼";position:absolute;color:#7d7d7f;padding:1.4em;right:0;top:50%;-webkit-transform:translateY(-50%) scaleY(.7);transform:translateY(-50%) scaleY(.7)}.posts-container ul .post-item .listHeader .column{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;width:33.33333%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.posts-container ul .post-item .listHeader .column:nth-child(3n+2){text-align:center}.posts-container ul .post-item .listHeader .column:nth-child(3n+3){color:#7d7d7f}.posts-container ul .post-item.expand .listHeader:before{-webkit-transform:translateY(-50%) scaleY(.7) rotate(180deg);transform:translateY(-50%) scaleY(.7) rotate(180deg)}.posts-container ul .post-item .description{overflow:hidden;height:0;-webkit-transition:height .2s ease-out;transition:height .2s ease-out}.posts-container ul .post-item .description-content{padding:1.4em 2.8em;background:#f2f2f2;display:block}@media (max-width:26em){.posts-container ul .post-item .description-content{padding-left:1.4em;padding-right:1.4em}}.posts-container ul .post-item .description-content .detail-container{display:flex;margin-bottom:1.4em}.posts-container ul .post-item .description-content .detail-container:last-child{margin-bottom:0}.posts-container ul .post-item .description-content .detail-container svg{font-size:1.5em;margin-top:.2em;margin-right:.7em;color:rgba(0,0,0,.6)}.posts-container ul .post-item .description-content h4{color:rgba(0,0,0,.8);font-weight:600}.posts-container ul .post-item .description-content p{font-size:.9em;color:rgba(0,0,0,.8);margin-bottom:.7em}.posts-container ul .post-item .description-content p .title{font-weight:600;font-size:1em}.posts-container ul .post-item .description-content p:last-child{margin-bottom:0}.change-status{display:flex;justify-content:space-between}.change-status .button{width:31.66667%;font-size:.9em}.change-status .button.confirm{background:#004085}.change-status .button.confirm:hover{background:#00346c}.change-status .button.active{background:#155724}.change-status .button.active:hover{background:#10421c}.change-status .button.done{background:#d6d8db;color:#2c2d3d}.change-status .button.done:hover{background:#c8cbcf}.list-container{display:flex;flex-direction:column;max-width:26em;width:100%;margin:2.8em auto auto}.list-container .titleWrapper{padding:0 1.4em}.list-container h3,.list-container h4{font-weight:400;text-align:left;width:100%}.list-container h3{margin-bottom:1.4em;padding-bottom:.7em;border-bottom:1px solid #a8a9c0}.list-container .list-item{padding:.7em;font-size:.9em;display:flex;align-items:center;justify-content:space-between;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background:#fff;box-sizing:border-box;border-radius:.5em;margin-bottom:.7em;position:relative}.list-container .list-item .wrapper{position:relative;width:100%;display:flex;justify-content:space-between}.list-container .list-item:before{content:"";position:absolute;width:90%;height:100%;z-index:-1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 10px 30px rgba(0,0,0,.1)}.list-container .list-item .info-wrapper{display:flex}.list-container .list-item .info{margin-right:.7em}.list-container .list-item .info svg{font-size:1.5em;color:#1f8035;-webkit-filter:drop-shadow(0 3px 2px rgba(0,0,0,.1));filter:drop-shadow(0 3px 2px rgba(0,0,0,.1));-webkit-animation:displayWarning .3s ease-out 1;animation:displayWarning .3s ease-out 1}@-webkit-keyframes displayWarning{0%{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.list-container .list-item .info.warning svg{color:#ff512e}.list-container .list-item .info ul{pointer-events:none;position:absolute;background:rgba(0,0,0,.6);color:#fff;padding:.7em;border-radius:.5em;right:0;margin:.35em .7em 0 0;list-style:none;z-index:20;opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.list-container .list-item .info:hover ul{opacity:1}.navigation{max-width:26em;margin:auto auto .7em}.container-no-bg{padding:1.4em;margin-top:2.8em}.container-no-bg .setting-wrapper{width:100%;margin-bottom:1.4em}.container-no-bg .setting-wrapper .button{align-self:flex-start}.container-no-bg h3,.container-no-bg h4{font-weight:400;text-align:left;width:100%}.container-no-bg h3{margin-bottom:1.4em;padding-bottom:.7em;border-bottom:1px solid #7d7d7f}.container-no-bg p{width:100%;color:#2c2d3d;opacity:.8;font-size:.9em;margin-bottom:1.4em}.container-no-bg .form{margin-top:.7em;width:100%}.delete-container{max-width:26em;width:100%;margin:auto;position:relative;height:13em}.delete-container .container-no-bg{border:2px solid red;border-radius:3px;padding:1.4em;margin-top:4.2em}.delete-container .container-no-bg .button{align-self:flex-start}.delete-container .confirm-delete{position:absolute;top:0;left:0;-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0;-webkit-transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none;width:100%}.delete-container .confirm-delete.visible{opacity:1;-webkit-transform:translateY(-1em);transform:translateY(-1em);pointer-events:visible}.delete-container .confirm-delete .content .confirmButtons{display:flex;flex-direction:row;justify-content:space-between}.delete-container .confirm-delete .content .confirmButtons .button{width:100%}.delete-container .confirm-delete .content .confirmButtons .button:first-child{margin-right:.7em}.delete-container .confirm-delete .content .confirmButtons .button:last-child{margin-left:.7em}.setting-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7em 1.4em}.setting-container:nth-child(2n+2){background:#fafafa}.setting-container:last-child{border-radius:0 0 .5em .5em}.setting-container h1{margin-bottom:0}.setting-container .wrapper{display:flex;align-items:center;width:100%}.setting-container .color-circle{width:1.4em;height:1.4em;display:block;border-radius:50%;margin-right:.7em}.setting-container .setting-title{font-weight:600}.setting-container .actions{display:flex;opacity:.2;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;padding-left:.7em}.setting-container .actions .button{color:rgba(0,0,0,.8);font-size:.9em}.setting-container .form{display:block;visibility:hidden;width:0}.setting-container .form .fieldContainer{margin:0}.setting-container.changingInput .wrapper,.setting-container.changingInput h1{display:none}.setting-container.changingInput .form{width:100%;visibility:visible}.setting-container:hover .actions{opacity:.8}.content-wrapper:nth-child(2) .setting-container:nth-child(odd){background:#fafafa}.content-wrapper:nth-child(2) .setting-container:nth-child(2n+2){background:#fff}.loading{opacity:.5;position:relative;pointer-events:none}.loading:before{content:"";z-index:10;position:absolute;display:block;width:30px;height:30px;margin-left:-15px;margin-top:-15px;border-radius:50% 50%;border:5px solid rgba(0,0,0,.1);border-bottom-color:#2c2d3d;top:50%;left:50%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-container{opacity:0;width:100%;height:100%;pointer-events:none;background:hsla(0,0%,100%,.5);position:fixed;top:0;left:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;z-index:100}.loading-container.loading{opacity:1;pointer-events:auto}.progress{position:absolute;top:0;left:0;width:0;height:100%;background:#fafafa;opacity:.5;z-index:0;-webkit-transition:width .1s ease-out;transition:width .1s ease-out;border-radius:.5em 0 0 .5em;pointer-events:none}.button-wrapper{position:relative}.button-wrapper .button{width:100%;opacity:1;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.button-wrapper .button:hover{opacity:.9}.button-wrapper .button.shadow{position:absolute;background:#000;left:0;top:0;pointer-events:none;box-shadow:none;border-radius:5px}.button.disabled{pointer-events:none}.button.disabled .innerText{margin-left:0}.invisible{visibility:hidden;pointer-events:none}main{position:relative;max-width:1920px;margin:0 auto;width:100%}.user-container{margin-top:2.8em}@media (min-width:1280px){.user-container{position:absolute;right:0;top:0;padding:1.4em;box-sizing:border-box;max-width:25em;margin-top:0;overflow-y:scroll;min-height:calc(100vh - 6em)}}.user-container .button{font-size:.9em}.user-confirmed{position:absolute;top:-1em;left:-1em}.user-confirmed svg{font-size:1.5em;color:#1f8035;-webkit-filter:drop-shadow(0 3px 2px rgba(0,0,0,.1));filter:drop-shadow(0 3px 2px rgba(0,0,0,.1));-webkit-animation:displayWarning .3s ease-out 1;animation:displayWarning .3s ease-out 1}@keyframes displayWarning{0%{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.user-confirmed:hover .toolTip{opacity:1}.toolTip{pointer-events:none;position:absolute;background:rgba(0,0,0,.6);color:#fff;padding:.7em;border-radius:.5em;left:0;margin:.35em .7em 0 0;list-style:none;z-index:20;white-space:nowrap;opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}*{outline-color:#000;outline-width:medium}body{background:#f6f8fa}.App{overflow:hidden;min-height:100vh}::selection{background:#343a40;color:#fff}::-moz-selection{background:#343a40;color:#fff}.react-datepicker-wrapper{width:100%}.react-datepicker-popper .react-datepicker{border:none}.react-datepicker-popper .react-datepicker:after{content:"";width:90%;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:absolute;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:-1}.react-datepicker-popper{width:100%;box-sizing:border-box;padding-right:2.8em}@media(min-width:420px){.react-datepicker-popper{padding-right:5.6em}}.react-datepicker__day-names,.react-datepicker__week{display:flex;justify-content:space-around}.react-datepicker,.react-datepicker__input-container,.react-datepicker__month-container{width:100%}.react-datepicker__triangle{display:none}.react-datepicker__header{border-bottom:none}.react-datepicker__day--selected{background-color:#3c4249}.react-datepicker__day--keyboard-selected{background-color:#57616b}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background-color:#343a40}.id-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100000;display:flex;justify-content:center;align-items:center;padding:11px}.id-modal .close-button{position:absolute;top:0;right:0;margin:5px;padding:5px 10px}
/*# sourceMappingURL=main.af5a07e9.chunk.css.map */