html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-weight:normal;vertical-align:baseline;background:transparent}main,article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,object,embed{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}body,select,input,textarea{color:rgba(0,0,0,0.9)}::-moz-selection{background:#5ea4e7;color:rgba(0,0,0,0.9);text-shadow:none}::selection{background:#5ea4e7;color:rgba(0,0,0,0.9);text-shadow:none}a:link{-webkit-tap-highlight-color:#5ea4e7}ins{background-color:#4f98e0;color:rgba(0,0,0,0.9);text-decoration:none}mark{background-color:#4f98e0;color:rgba(0,0,0,0.9);font-style:italic;font-weight:bold}input::-moz-placeholder{color:#a9a9a9}textarea::-moz-placeholder{color:#a9a9a9}input::-webkit-input-placeholder{color:#a9a9a9}textarea::-webkit-input-placeholder{color:#a9a9a9}input:-ms-input-placeholder{color:#a9a9a9}textarea:-ms-input-placeholder{color:#a9a9a9}input::-ms-input-placeholder{color:#a9a9a9}textarea::-ms-input-placeholder{color:#a9a9a9}blockquote{padding:1rem;background:#eee}html{font-size:80%;font-family:"Open Sans",sans-serif}@media (min-width: 768px){html{font-size:100%}}@media (min-width: 900px){html{font-size:120%}}body{background:#fff;height:100%;margin:0;min-height:100vh}main{padding:0 1rem 5rem}h1{font-size:2.2rem;font-weight:800;text-transform:uppercase;margin:1rem 0}h3{font-size:1.7rem;font-weight:800;text-transform:uppercase;margin:0.7rem 0}a{color:inherit;text-decoration:none}.centered-content{display:flex;justify-content:center;align-items:center}.display-none{display:none !important}.asset-details{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}.asset-details>div:first-child{flex:1}.asset-details .card-list{margin-top:1rem}@media (min-width: 900px){.asset-details{flex-direction:row}.asset-details>div:last-child{width:20rem}}#DocumentUploadForm,#DocumentLinkForm{display:none}.activity-edit-form{display:flex;flex-direction:column}.activity-edit-form>div:first-child{flex:1}@media (min-width: 900px){.activity-edit-form{flex-direction:row}.activity-edit-form>div:last-child{width:20rem}}main.login{display:flex;justify-content:center;align-items:center;min-height:100vh}main.login .card{padding-bottom:0.5rem}main.login .head{height:10rem;display:flex}main.login .head>div{background-image:url("../DiggaDigitalt-logo.png");background-repeat:no-repeat;background-position:center center;background-size:contain;margin:0.5rem;flex:1}main.login a{font-size:0.7rem;text-align:right}main.login div.reset{display:none}main.login div.reset.reset-active{display:contents}button,a.button,label.button{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;background:#f4f8fd;font-size:1.2rem;padding:0.3rem 1.2rem;font-weight:normal;text-transform:none}button:hover,a.button:hover,label.button:hover{background:#d1e4f7}button.smaller,a.button.smaller,label.button.smaller{font-size:1rem;padding:0.2rem 0.9rem}div.calendar{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden}div.calendar>.header{margin:2rem}div.calendar>.header>.edit-cancel{display:none}div.calendar>.header>.delete{display:none}div.calendar.editing>.header>.edit{display:none}div.calendar.editing>.header>.edit-cancel{display:block}div.calendar.has-selected>.header>.delete{display:block}div.calendar.has-selected div[data-date]:hover::after{content:'Flytta hit';position:absolute;top:0;left:0;right:0;bottom:0;align-content:center;background:#f4f8fd;cursor:pointer}div.calendar>div.calendar-data{display:grid;grid-template-columns:min-content repeat(5, 1fr);text-align:center}div.calendar>div.calendar-data>div{position:relative;display:none}div.calendar>div.calendar-data>div:first-child,div.calendar>div.calendar-data>div.browse,div.calendar>div.calendar-data>div.show{display:contents}div.calendar>div.calendar-data>div .month{grid-column:1 / 7;background:#d1e4f7;font-weight:bold;font-size:0.7rem;padding:0.1rem 0}div.calendar>div.calendar-data>div.browse a{grid-column:1 / 7;padding:0.25rem 0;background:#f4f8fd;border-top:2px solid #d1e4f7}div.calendar>div.calendar-data>div.browse a:hover{background:#d1e4f7}div.calendar>div.calendar-data>div>div{position:relative;border-top:2px solid #d1e4f7;border-right:2px solid #d1e4f7;min-height:1rem}div.calendar>div.calendar-data>div>div.today{background:#f4f8fd}div.calendar>div.calendar-data>div>div.today>span{padding:0.5rem;background:#d1e4f7;border-radius:.25rem}div.calendar>div.calendar-data>div>div:last-child{border-right:0}div.calendar>div.calendar-data>div>.week{padding:.25rem}div.calendar>div.calendar-data>div:hover>.week{background:#f4f8fd}div.calendar>div.calendar-data>div:first-child>div{padding:.5rem}div.curriculum-stats{display:flex;flex-wrap:wrap;margin:1rem;gap:1rem}div.curriculum-stats>a{flex:1;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:1fr min-content;align-items:center;border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden}div.curriculum-stats>a>span.icon{display:inline-block;aspect-ratio:1 / 1;background-image:var(--icon);background-position:left center;background-size:contain;background-repeat:no-repeat;width:2rem;height:2rem;margin:0.1rem}div.curriculum-stats>a>h5{padding-left:0.25rem;font-weight:bold;font-size:1.1rem;align-content:center}div.curriculum-stats>a>.progress{grid-column:1/3;border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;margin:0.1rem;position:relative;height:1rem}div.curriculum-stats>a>.progress:before{position:absolute;content:'';background:#d1e4f7;top:0;left:0;bottom:0;width:var(--progress)}div.curriculum-stats>a:hover{background:#f4f8fd}nav{position:sticky;display:flex;background:#f8fdfe;padding:0 1rem;margin-bottom:3rem}nav>.menu{flex-grow:1;padding:1rem 0 0 1rem}nav>.menu>a{position:relative;display:inline-block;font-size:1.4rem;padding:1rem 1rem;text-decoration:none;color:rgba(0,0,0,0.9)}nav>.menu>a:hover::after,nav>.menu>a.selected::after{content:'';position:absolute;left:0px;right:0px;bottom:0px;height:4px;margin:0 20%;background:#4f98e0}nav>.menu>a:hover::after,nav>.menu>a.selected:hover::after{background:#5ea4e7}nav .user{position:relative;display:flex;gap:1rem;justify-content:center;align-items:center}.form-field{display:flex;flex-direction:column;margin:1rem;gap:0.3rem}.form-field>label{grid-column:1 / 2;font-weight:bold;font-size:0.7rem;text-transform:uppercase}.form-field>label>span{text-transform:none;padding-left:0.5rem}.form-field>label.button{font-weight:normal;align-self:start;text-transform:none}.form-field>div.controls{margin-top:0.5rem}.form-field .errors{color:red;font-size:0.7rem}.form-field input,.form-field textarea,.form-field select{grid-column:1 / 3;padding:0.2rem}.form-field textarea{min-height:3rem;min-width:20rem;resize:vertical}.form-field.form-field-expandable>label{padding-left:1rem;background-image:url("../icons/chevron-right.svg");background-position:left center;background-repeat:no-repeat;background-size:1.1rem}.form-field.form-field-expandable.form-field-expanded>label{background-image:url("../icons/chevron-down.svg")}.form-field .form-field-radiobuttons,.form-field .form-field-checkboxes,.form-field .form-field-curriculum,.form-field .form-field-tags{font-size:0.8rem}.form-field .form-field-radiobuttons label,.form-field .form-field-checkboxes label,.form-field .form-field-curriculum label,.form-field .form-field-tags label{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;margin:0.1rem;padding:0.1rem 0.5rem;display:inline-block}.form-field .form-field-radiobuttons label:hover,.form-field .form-field-checkboxes label:hover,.form-field .form-field-curriculum label:hover,.form-field .form-field-tags label:hover{background-color:#f4f8fd}.form-field .form-field-radiobuttons label.all-toggle-checked,.form-field .form-field-radiobuttons input[type=checkbox]:checked+label,.form-field .form-field-radiobuttons input[type=radio]:checked+label,.form-field .form-field-checkboxes label.all-toggle-checked,.form-field .form-field-checkboxes input[type=checkbox]:checked+label,.form-field .form-field-checkboxes input[type=radio]:checked+label,.form-field .form-field-curriculum label.all-toggle-checked,.form-field .form-field-curriculum input[type=checkbox]:checked+label,.form-field .form-field-curriculum input[type=radio]:checked+label,.form-field .form-field-tags label.all-toggle-checked,.form-field .form-field-tags input[type=checkbox]:checked+label,.form-field .form-field-tags input[type=radio]:checked+label{background-color:#d1e4f7}.form-field .form-field-radiobuttons input[type=radio],.form-field .form-field-radiobuttons input[type=checkbox],.form-field .form-field-checkboxes input[type=radio],.form-field .form-field-checkboxes input[type=checkbox],.form-field .form-field-curriculum input[type=radio],.form-field .form-field-curriculum input[type=checkbox],.form-field .form-field-tags input[type=radio],.form-field .form-field-tags input[type=checkbox]{display:none}.form-field .form-field-curriculum .curriculum-area{display:contents}.form-field .form-field-curriculum .curriculum-area>span{display:none;font-weight:bold}.form-field .form-field-curriculum label{padding-left:1.4rem;background-image:var(--icon);background-position:left top;background-repeat:no-repeat;background-size:1.1rem}.form-field .form-field-curriculum input:not(:checked)+label{display:none}.form-field.form-field-expanded .form-field-curriculum{padding:0 0 0 0.5rem}.form-field.form-field-expanded .form-field-curriculum input:not(:checked)+label,.form-field.form-field-expanded .form-field-curriculum label{display:block}.form-field.form-field-expanded .form-field-curriculum .curriculum-area{display:block;margin:1rem 0}.form-field.form-field-expanded .form-field-curriculum .curriculum-area>span{display:block}.form-field .form-field-cards .card-holder{display:flex;width:100%}.form-field .form-field-cards .card-holder .card-controls{align-self:center;display:flex;flex-direction:column;gap:0.25rem}.form-field .form-field-cards .card-holder .card-controls>span{width:1rem;height:1rem;padding:0.25rem 0.5rem;cursor:pointer;background-position:center;background-size:contain;background-repeat:no-repeat}.form-field .form-field-cards .card-holder .card-controls>span.move-up{background-image:url("../icons/chevron-up.svg")}.form-field .form-field-cards .card-holder .card-controls>span.remove{background-image:url("../icons/trash-2.svg")}.form-field .form-field-cards .card-holder .card-controls>span.move-down{background-image:url("../icons/chevron-down.svg")}.form-field .form-field-cards .card-holder .card{flex:1}.form-field .form-field-cards .card-holder:first-child .card-controls .move-up{opacity:0.5;cursor:auto}.form-field .form-field-cards .card-holder:last-child .card-controls .move-down{opacity:0.5;cursor:auto}main#search div.header a{--icon-size: 4rem}div.search-bar{--icon: url('../icons/search.svg');--icon-color: #4f98e0;border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;display:grid;grid-template-columns:min-content 1fr;margin-bottom:2rem}div.search-bar:before{content:'';display:block;aspect-ratio:1 / 1;background-color:var(--icon-color);mask-image:var(--icon);mask-position:left center;mask-size:contain;mask-repeat:no-repeat}div.search-bar:before{color:#4f98e0}div.search-bar>input{border:0;padding:0.2rem}.card{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content 1fr;gap:0.5rem;width:16rem;overflow:hidden}.card:hover{background-color:#f4f8fd}.card>*{margin:0 0.5rem}.card>.thumb,.card>.head{margin:0;height:8rem;background-color:#f4f8fd}.card>.thumb{background-image:var(--thumb);background-position:center;background-size:contain;background-repeat:no-repeat}.card>p{font-size:0.8rem;--line-clamp: 4;--line-height: 1.1rem;display:block;display:-webkit-box;max-height:calc(var(--line-clamp) * var(--line-height));line-height:var(--line-height);-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.form-field-cards,.card-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.form-field-cards.adding-card::after{content:'';display:block;border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;min-height:3rem;width:100%}.form-field-cards .card,.card-list-horizontal .card{width:100%;grid-template-columns:6rem 1fr;grid-template-rows:unset}.form-field-cards .card>.thumb,.card-list-horizontal .card>.thumb{height:auto;width:6rem;grid-column:1 / 2;grid-row:1 / 4}.card-asset.card-asset-theme .type{color:green}.event{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;display:block;margin:0.2rem;padding:0.2rem}.event>h6{font-weight:bold;padding-bottom:0.2rem}.event.selected{background:#d1e4f7}.infobox{border-radius:.5rem;border:2px solid #d1e4f7;overflow:hidden;background-color:#f4f8fd;padding:0.5rem;margin:0.5rem;align-self:flex-start}.infobox>.details{display:flex}.infobox>.details>*{flex:1}.infobox .curriculum{font-size:0.8rem}.infobox .curriculum .curriculum-area{padding:0.5rem}.infobox .curriculum .curriculum-area>span{display:block;font-weight:bold}.infobox .curriculum .curriculum-area>p{font-style:italic}.infobox .curriculum .curriculum-area>div{padding:0.2rem 0 0.2rem 1.4rem;background-image:var(--icon);background-position:left top;background-repeat:no-repeat;background-size:1.1rem}.two-columns-first-weighted{display:flex;flex-wrap:wrap;gap:1rem}.two-columns-first-weighted>*:first-child{flex-grow:1}.columns-wrap{display:flex;flex-wrap:wrap}.columns-wrap>*{flex:1}.columns-wrap>.form-field{margin-top:0}.data-field{margin:0.5rem}.data-field h6{font-weight:normal}p.info{font-style:italic;font-size:0.7rem;color:rgba(0,0,0,0.8)}div.header{display:flex;gap:0.5rem}div.header h1,div.header h2,div.header h3,div.header h4,div.header h5,div.header h6{flex:1;white-space:nowrap}div.header>a,div.header .action{--icon-size: 3rem;font-size:0.9rem;min-width:var(--icon-size);padding-top:var(--icon-size);background-size:var(--icon-size) var(--icon-size);background-image:var(--icon);background-position:top center;background-repeat:no-repeat;text-align:center}.checked{display:grid;grid-template-columns:min-content 1fr;--icon: url('../icons/check.svg')}.checked:before{content:'';display:inline-block;aspect-ratio:1 / 1;background-image:var(--icon);background-position:left center;background-size:contain;background-repeat:no-repeat}.card>.details,.event>.details{display:flex;font-size:0.75rem;font-weight:bold;gap:0.5rem}.card>.details .type,.event>.details .type{flex:1}.card>.details .ageGroups,.event>.details .ageGroups{--icon: url('../icons/user.svg');--icon-color: rgba(0,0,0,0.9);display:grid;grid-template-columns:min-content 1fr}.card>.details .ageGroups:before,.event>.details .ageGroups:before{content:'';display:block;aspect-ratio:1 / 1;background-color:var(--icon-color);mask-image:var(--icon);mask-position:left center;mask-size:contain;mask-repeat:no-repeat}.card>.details .ageGroups>span,.event>.details .ageGroups>span{margin-left:0.2rem}.card>.details .time,.event>.details .time{--icon: url('../icons/clock.svg');--icon-color: rgba(0,0,0,0.9);display:grid;grid-template-columns:min-content 1fr}.card>.details .time:before,.event>.details .time:before{content:'';display:block;aspect-ratio:1 / 1;background-color:var(--icon-color);mask-image:var(--icon);mask-position:left center;mask-size:contain;mask-repeat:no-repeat}.card>.details .time>span,.event>.details .time>span{margin-left:0.2rem}.card>.details .activities,.event>.details .activities{--icon: url('../icons/file.svg');--icon-color: rgba(0,0,0,0.9);display:grid;grid-template-columns:min-content 1fr}.card>.details .activities:before,.event>.details .activities:before{content:'';display:block;aspect-ratio:1 / 1;background-color:var(--icon-color);mask-image:var(--icon);mask-position:left center;mask-size:contain;mask-repeat:no-repeat}.card>.details .activities>span,.event>.details .activities>span{margin-left:0.2rem}.card>.details .curriculum,.event>.details .curriculum{display:flex;gap:0.2rem}.card>.details .curriculum>span,.event>.details .curriculum>span{display:inline-block;aspect-ratio:1 / 1;background-image:var(--icon);background-position:left center;background-size:contain;background-repeat:no-repeat}.event>.details>.curriculum{flex:1}.submenu-container{position:relative;display:flex}.submenu-container>label[for=create-menu]{display:flex;border-radius:1rem;cursor:pointer;background:red;padding:0.25rem 0.5rem}.submenu-container>label[for=create-menu]>span{color:#fff;font-size:0.8rem;font-weight:bold}.submenu-container>label[for=user-menu]{display:flex;border:2px solid #4f98e0;border-radius:100%;cursor:pointer;width:2.5rem;height:2.5rem;background:#d1e4f7;align-items:center;justify-content:center}.submenu-container>label[for=user-menu]>span{font-size:1.2rem;color:#4f98e0}.submenu-container>input{display:none}.submenu-container>input:checked+.submenu{display:flex}.submenu-container>.submenu{display:none;position:absolute;top:calc(100% + 0.5rem);right:0px;background:#d1e4f7;border:2px solid #4f98e0;padding:1rem;gap:1rem;flex-direction:column}.submenu-container>.submenu>.unit{font-size:0.8rem}.submenu-container>.submenu>a{white-space:nowrap}
