@import url(https://fonts.googleapis.com/css?family=Fira+Sans:500|Frank+Ruhl+Libre:400,900);body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{font-family:Fira Sans,sans-serif;font-size:14px}h2{font-size:16px}h2,h3{font-weight:500}h3{font-size:14px}p{font-size:16px;font-weight:300}label{color:#fff}a,button{outline:none;text-decoration:none}.btn-login{background:#ef8396;min-height:4rem;border:none;color:#fff;margin:3rem 0 0;font-size:20px;text-transform:uppercase;cursor:pointer}.btn-publish{display:flex;justify-content:center;background-color:#75b799;font-size:16px;margin:0 auto}.btn-close,.btn-publish{align-items:center;border:1px solid #fff;color:#fff;cursor:pointer;padding:.5rem 4rem}.btn-close{background-color:#00697c;font-size:14px}.btn-load-more{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:#f5f5f5;border:2px solid #000;cursor:pointer;margin:1rem auto}.btn-logout{text-transform:uppercase;color:#000;margin:1rem 5rem}.back{grid-area:back;display:flex;align-items:center;justify-content:center;color:#000}.categories-wrapper,.page-wrapper{margin:0;padding:0;border-bottom:1px dotted #dbdbdb;color:#000}.categories-wrapper section,.page-wrapper section{flex-direction:row;flex-wrap:wrap;width:100%;display:flex;justify-content:flex-end;align-items:center}.categories-wrapper section .column,.page-wrapper section .column{flex:1 1;display:flex;flex-direction:column}.categories-wrapper section .column .blue-column,.page-wrapper section .column .blue-column{flex:1 1;display:flex;flex-direction:column;flex-basis:100%;justify-content:flex-start}.categories-wrapper section .column .blue-column h3,.page-wrapper section .column .blue-column h3{font-size:18px}.categories-wrapper section .column .categories,.categories-wrapper section .column .extra-info,.page-wrapper section .column .categories,.page-wrapper section .column .extra-info{padding:0 0 0 5rem;display:flex;margin:0;align-items:center}input{outline:none;padding:.5rem;font-size:14px}.input{border:none;height:3rem;outline:none;padding:0 10px;font-size:20px}.dropdown{display:flex;flex-direction:column}.dropdown select{background-color:#fff;font-size:15px;height:2rem;outline:none;margin:0 0 .5rem;border:solid #fff}textarea{height:10rem;padding:.5rem;font-size:14px;resize:none}.search,textarea{border:none;width:100%;outline:none;box-sizing:border-box}.search{background:#dbdbdb;height:2rem;font-size:15px;padding:0 1rem;margin:1rem 0}.wrapper-login{min-height:100vh;display:grid;background:#000 url(/static/media/front.4e055c5a.jpg) no-repeat 0 100%/cover;grid-template-columns:repeat(4,1fr);grid-template-rows:12rem auto;grid-template-areas:"logo . . ." ". login login ."}.wrapper-login .logo{grid-area:logo;background:url(/static/media/BE\ Logotyp_White.300e81ba.png) no-repeat;background-size:8rem;margin:3rem}.wrapper-login>div{grid-area:login}.wrapper-login>div form h1{font-size:5rem;margin:0 0 3rem;color:#fff}.wrapper-login>div .enter{text-transform:uppercase;width:25rem;display:flex;flex-direction:column;font-size:20px}.wrapper-login>div .enter label{margin:.3rem 0}.wrapper-menu{background-color:#ef8396;display:flex;justify-content:space-between}.wrapper-menu .logo{background:url(/static/media/BE\ Logotyp_Black.dc6eea7d.png) no-repeat 0;background-size:3rem;padding:0 2rem;margin:0 2rem}.content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-template-areas:"lista lista add-form"}.content .lista{grid-area:lista}.content .lista h1{margin:3rem 0 0 14rem}.content .wrapper-list{background-color:#f5f5f5;padding:1rem 4rem;margin:3rem 3rem 3rem 10rem}.content .wrapper-list .categories-wrapper{border-bottom:2px solid}.content .wrapper-list .start-list{margin:2rem;text-decoration:none}form h1{margin:3rem}form .wrapper-add{background-color:#75b799;margin:3rem 10rem 0 0}form .wrapper-add .add-form{grid-area:add-form;color:#fff;padding:2rem 3rem;text-transform:uppercase}form .wrapper-add .add-form h3{margin:.3rem 0}form .wrapper-add .add-form h2{margin:.5rem 0}form .wrapper-add .add-form h5{margin:.5rem}form .wrapper-add .add-form .add-write{display:flex;flex-direction:column;margin:0 0 1rem}form .wrapper-add .add-form .add-write input{height:2rem;border:none}form .wrapper-add .add-form .add-write p{margin:.7rem 0 0}.wrapper-case{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto;grid-template-areas:"back topic topic . ." ". issue issue info info" ". list-comment list-comment close close" ". text text . ." ". addComment addComment . ."}.wrapper-case .topic{grid-area:topic;text-transform:uppercase;margin:2rem}.wrapper-case .topic h1{margin:1rem 0}.wrapper-case .topic h2{color:#75b799;margin:0}.wrapper-case .issue{grid-area:issue;background-color:#f5f5f5;padding:1rem 2rem;margin:0 1rem 1rem 0}.wrapper-case .info{grid-area:info;min-width:14rem;background-color:#dbdbdb;padding:1rem 3rem;margin:0 12rem 1rem 3rem}.wrapper-case .text{grid-area:text;font-size:18px;padding:1rem 4rem;margin:0;text-transform:uppercase}.wrapper-case .list-comment{grid-area:list-comment}.wrapper-case .list-comment #comments{margin:0;list-style-type:none;padding:0 1rem 0 0}.wrapper-case .list-comment #comments .com:nth-child(odd){margin:0 0 .5rem;padding:1rem 2rem;background-color:#dbdbdb}.wrapper-case .list-comment #comments .com:nth-child(2n){margin:.5rem 0;padding:1rem 2rem;background-color:#f5f5f5}.wrapper-case .list-comment #comments>div{margin:2rem 0}.wrapper-case .close{grid-area:close;min-width:14rem;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#00697c;padding:1rem 3rem;margin:0 12rem 1rem 3rem;max-height:5rem}.wrapper-case .close h2{margin:0 0 .5rem;color:#fff}.wrapper-case .addComment{grid-area:addComment;background-color:#75b799;padding:.5rem 4rem;margin:0 1rem 1rem 0}.wrapper-case .addComment h2{color:#fff;text-transform:uppercase;margin:.5rem 0}.wrapper-case .addComment .btn-publish{float:right;margin:1rem 0}.wrapper-case .addComment textarea{padding:10px;height:8rem;display:flex}@media (max-width:720px){.wrapper-menu .logo{margin:.5rem}.wrapper-menu .btn-logout{margin:auto 1rem}.wrapper-login{grid-template-columns:1fr;grid-template-rows:4rem auto;grid-template-areas:"logo" "login"}.wrapper-login .logo{grid-area:logo;background-size:2rem;margin:1rem}.wrapper-login>div form{margin:0 3rem}.wrapper-login>div form h1{font-size:35px}.wrapper-login>div .enter{width:100%;font-size:14px}.wrapper-login>div .enter .input{font-size:18px}.content{grid-template-columns:1fr;grid-auto-rows:auto;grid-template-areas:"add-form" "lista"}.content .lista h1{margin:3rem}.content .wrapper-list{margin:1rem;padding:3rem}.content .wrapper-list .categories-wrapper section .column .categories,.content .wrapper-list .page-wrapper section .column .categories{flex-direction:column;margin:0;padding:0}.content .wrapper-list .categories-wrapper section .column .extra-info,.content .wrapper-list .page-wrapper section .column .extra-info{padding:0;display:flex;flex-direction:column}form .wrapper-add{margin:1rem}form .wrapper-add .add-form{padding:2rem}.wrapper-case{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"back" "topic" "issue" "list-comment" "text" "addComment" "info" "close"}.wrapper-case .addComment,.wrapper-case .close,.wrapper-case .info,.wrapper-case .issue,.wrapper-case .list-comment,.wrapper-case .text{margin:1rem;padding:1rem}.wrapper-case .close,.wrapper-case .info{display:flex;flex-direction:column;margin:1rem auto;padding:2rem}.wrapper-case #comments{margin:1rem}}.cssload-container *{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-container{margin:19px auto 0;max-width:545px}.cssload-container ul li{list-style:none}.cssload-flex-container{display:flex;display:-o-flex;display:-ms-flex;display:-moz-flex;flex-direction:row;-o-flex-direction:row;-moz-flex-direction:row;flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around}.cssload-flex-container li{padding:10px;height:97px;width:97px;margin:29px 19px;position:relative;text-align:center}.cssload-loading,.cssload-loading:after,.cssload-loading:before{display:inline-block;position:relative;width:5px;height:49px;background:#000;margin-top:5px;border-radius:975px;-o-border-radius:975px;-ms-border-radius:975px;-webkit-border-radius:975px;-moz-border-radius:975px;animation:cssload-upDown2 1.15s ease infinite;-o-animation:cssload-upDown2 1.15s ease infinite;-ms-animation:cssload-upDown2 1.15s ease infinite;-webkit-animation:cssload-upDown2 1.15s ease infinite;-moz-animation:cssload-upDown2 1.15s ease infinite;animation-direction:alternate;-o-animation-direction:alternate;-ms-animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-delay:.29s;-o-animation-delay:.29s;-ms-animation-delay:.29s;-webkit-animation-delay:.29s;-moz-animation-delay:.29s}.cssload-loading:after,.cssload-loading:before{position:absolute;content:"";animation:cssload-upDown 1.15s ease infinite;-o-animation:cssload-upDown 1.15s ease infinite;-ms-animation:cssload-upDown 1.15s ease infinite;-webkit-animation:cssload-upDown 1.15s ease infinite;-moz-animation:cssload-upDown 1.15s ease infinite;animation-direction:alternate;-o-animation-direction:alternate;-ms-animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate}.cssload-loading:before{left:-10px}.cssload-loading:after{left:10px;animation-delay:.58s;-o-animation-delay:.58s;-ms-animation-delay:.58s;-webkit-animation-delay:.58s;-moz-animation-delay:.58s}@keyframes cssload-upDown{0%{-webkit-transform:translateY(19px);transform:translateY(19px)}to{-webkit-transform:translateY(-19px);transform:translateY(-19px)}}@-webkit-keyframes cssload-upDown{0%{-webkit-transform:translateY(19px)}to{-webkit-transform:translateY(-19px)}}@keyframes cssload-upDown2{0%{-webkit-transform:translateY(29px);transform:translateY(29px)}to{-webkit-transform:translateY(-19px);transform:translateY(-19px)}}@-webkit-keyframes cssload-upDown2{0%{-webkit-transform:translateY(29px)}to{-webkit-transform:translateY(-19px)}}
/*# sourceMappingURL=main.46cb7b39.chunk.css.map */