@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{line-height:1;font-family:Roboto,sans-serif;min-height:100%}body,ul{margin:0;padding:0}ul nav{margin:1}header{border-bottom:1px solid #8092e2;background-color:#8092e2;-webkit-transition:height .2s ease-in;transition:height .2s ease-in;height:45px;z-index:400;position:fixed;top:0;width:100%}header nav{display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;max-width:700px!important;margin:auto;height:50px}header nav div.logo{padding-left:1px;grid-area:1/1;margin-left:20px}header nav div.logo img{width:50px}header nav div.logo img:hover{color:#000}header nav div.settings{grid-area:1/2;text-align:right}header nav div ul{float:right;display:flex}header nav div ul li{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:right;margin-right:8px;list-style-type:none;cursor:pointer;text-align:center;vertical-align:middle;float:left}header nav div ul li:hover{border-radius:20px}header nav div ul li button{background-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important;cursor:pointer;display:flex;padding-right:10px;outline:none;border:1px solid transparent}header nav div ul li button,header nav div ul li button a,header nav div ul li button a:visited{color:#000;text-decoration:none}header nav div ul li button:hover{background-color:transparent;border:1px solid #fff;border-radius:10px;color:#fff}.wrap{padding-top:100px;width:100%;justify-content:center;align-items:center;background:#fafafa}.form,.wrap{height:100%;display:flex}.form{flex-direction:column;width:375px;margin:0 auto;border:1px solid #ddd;padding:1.5rem;background:#fff;border-radius:20px}.form-header{text-align:center;margin-bottom:2rem}.form-input{background:#fafafa;border:1px solid #eee;width:100%;border-radius:20px;text-align:center;height:50px}.form-input:hover{border-color:#000}.form-group{margin-bottom:1rem}.form-button,.form-group{display:flex;justify-content:center}.form-button{background:#8092e2;border:1px solid #ddd;color:#fff;width:100%;text-transform:uppercase;border-radius:20px;height:50px;text-align:center;justify-self:center;justify-items:center;align-items:center;margin:0}.form-button:hover{border-color:#000}.form-button img,.form-button svg{height:37px;width:37px;align-items:center}.form-button p{padding-left:10px;display:flex;align-items:center}.form-footer{text-align:center}.add-liste{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important;display:flex;flex-direction:column;width:100%;justify-items:center;border-top:1px solid rgba(168,166,166,.184314);padding:13px 20px 40px 12px}.add-liste__input{margin-bottom:19px}.add-liste__navn{width:100%;border:2px solid #8092e2;border-radius:5px;height:30px;text-align:center}.add-liste__fortryd,.add-liste__submit{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important}.add-liste__submit{cursor:pointer;width:75px;color:#fff!important;background-color:#8092e2;border:3px solid transparent;font-weight:bolder;margin-top:10px;margin-right:5px;font-size:13px;line-height:18px;padding:6px 12px 7px;position:relative;display:inline-block;white-space:nowrap;border-radius:5px!important;text-decoration:none!important;text-align:center;outline:none;width:100%}.add-liste__vis{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important;display:flex;justify-content:center;border-radius:5px;border:2px solid transparent}.add-liste__vis:hover{border:2px solid #8092e2;color:#000}.add-liste__vis-setVis{align-self:center;padding-left:10px;font-size:14px;color:#bebdbd;cursor:pointer;font-weight:lighter}.add-liste__vis-setVishover{color:#000}.add-liste__fortryd{padding:5px;color:#bebdbd;cursor:pointer;font-size:14px;font-weight:lighter}.add-liste__fortryd:hover{color:#000}::-webkit-scrollbar{display:none!important}.sidebar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important;width:136px;position:fixed;margin-top:0;max-height:calc(100vh - 5rem);overflow-y:auto;border-right:1px solid transparent;background-color:#fafafa}.sidebar_liste li{border-radius:5px;outline:none!important;list-style-type:none;display:flex;flex-direction:column;cursor:pointer;line-height:1.8;padding-left:0;padding-right:0;font-size:12px}.sidebar_liste li div{outline:none;width:100%;display:flex;display:-ms-flexbox;padding:8px 0 10px 7px}.sidebar_liste li div span{margin-right:5px;display:flex;align-items:center}.sidebar_liste li div span svg{width:17px!important;height:17px!important;color:#000}.sidebar_liste li div span svg:hover{color:#fff}.sidebar_liste li div span svg.skjult{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:#fff}.sidebar_liste li div span:nth-of-type(3n){display:flex;justify-content:right;justify-self:right;justify-items:right;margin-left:auto}.sidebar_liste li div span:nth-of-type(3n) svg{color:#f37a7a}.sidebar_liste li.aktivListe{outline:none;display:flex}.sidebar_liste li.aktivListe,.sidebar_liste li:hover{background-color:#8092e2!important;color:#fff!important}.sidebar_liste li.aktivListe svg,.sidebar_liste li:hover svg{color:#fff}.tilføj-punkt{padding-top:10px}.tilføj-punkt__input{width:100%;border:1px solid #ddd;border-radius:5px;height:30px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15),0 8px 0 -5px hsla(0,0%,93.3%,.342),0 8px 1px -4px rgba(0,0,0,.15),0 16px 0 -10px hsla(0,0%,93.3%,.171),0 16px 1px -8px rgba(0,0,0,.15);padding:17px 17px 17px 37px}.tilføj-punkt__submit{cursor:pointer;width:75px;color:#fff!important;background-color:#8092e2;border:3px solid transparent;font-weight:bolder;margin-top:10px;margin-right:5px;font-size:13px;line-height:18px;padding:6px 12px 7px;position:relative;display:inline-block;white-space:nowrap;border-radius:5px!important;text-decoration:none!important;text-align:center;outline:none}.checkbox-holder{margin-right:7px;display:flex;align-items:center;justify-content:center;line-height:20px}.checkbox-holder svg{color:#fff}.checkbox-holder .checkbox{cursor:pointer;height:15px;width:15px;display:block;border-radius:100px}.checkbox-holder .done{background-color:rgba(0,255,0,.575);border-color:rgba(0,255,0,.3);margin-right:8px}.checkbox-holder .delete{background-color:red;border-color:rgba(251,51,51,.3)}.punkter{width:350px;min-height:80%;vertical-align:top;padding-left:10px;padding-right:7px;padding-bottom:100px;max-width:700px!important;width:auto;display:flex;flex-direction:column}.punkter__liste-container{display:flex;flex-direction:row!important}.punkter__liste-container li{color:#424242;display:flex;line-height:13px;padding-top:6px;padding-bottom:6px;font-size:12px;list-style-type:none;border-top:1px solid rgba(168,166,166,.184314);width:100%}.punkter__liste-container li span::-moz-selection{background-color:#8092e2}.punkter__liste-container li span::selection{background-color:#8092e2}.punkter__liste-container li span.punkt-punkt{position:relative;width:70%;align-self:center}.punkter__liste-container li span.punkt-dato{font-style:italic;display:inline-block;text-align:right;font-size:9px;width:29%;text-transform:lowercase}.punkter-overskrift{height:42px;display:flex;flex-direction:row;justify-content:space-between;margin-left:0;padding-left:0}.punkter-overskrift h2{color:#fff;align-self:flex-end;padding-left:10px;margin-top:10px;margin-bottom:10px;text-transform:lowercase;font-size:30px;font-weight:lighter;text-shadow:-2px 1px 10px #2a2a2a}.punkter-overskrift h2:first-letter{text-transform:capitalize}.content{align-items:center;grid-template-columns:1fr auto;max-width:700px!important;margin:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.3),0 6px 20px 0 rgba(36,35,35,.15);min-height:100vh}.content__not-signed-in{padding-top:60px}.content__not-signed-in p{text-align:center}.content__not-signed-in p a:active,.content__not-signed-in p a:link,.content__not-signed-in p a:visited{text-decoration:none}.content__not-signed-in p a{margin:10px;padding:5px;background-color:#8092e2;color:#fff;border-radius:10px}.content__toggle-sidebar{padding:50px 5px 10px 0;display:flex;justify-content:flex-end}.content__toggle-sidebar .switch{cursor:pointer;position:fixed;width:48px;height:28px}.content__toggle-sidebar .switch input{opacity:0;width:0;height:0}.content__toggle-sidebar .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8092e2;-webkit-transition:1s;transition:1s;border:1px solid transparent;border-radius:5px}.content__toggle-sidebar .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border:1px solid transparent;border-radius:5px}.content__toggle-sidebar input:checked+.slider{background-color:#8092e2}.content__toggle-sidebar input:focus+.slider{box-shadow:0 0 1px #8092e2}.content__toggle-sidebar input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.content__toggle-sidebar .slider.round{border-radius:34px}.content__toggle-sidebar .slider.round:before{border-radius:50%}.content__sort-by{display:flex;justify-content:flex-end;padding:0;max-width:90%}.content__sort-by-inner{position:fixed;text-align:center}.content__sort-by-inner select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-moz-text-align-last:center;text-align-last:center;font-weight:700;background-color:#8092e2;color:#fff;border:1px solid transparent;border-radius:5px;height:28px;width:48px;cursor:pointer;position:relative;top:-10px;font-size:13px}.content__sort-by-inner select:active,.content__sort-by-inner select:focus{outline:none;box-shadow:none}
/*# sourceMappingURL=main.73792288.chunk.css.map */