@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);@media all{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html,body,select,input,textarea{font-family:'Roboto',Arial,Helvetica,sans-serif}html{font-size:90%;height:100%}body,select,textarea,input,button{font-size:1em}body{margin:0;padding:0;background:#dee1e4;color:#111}.page-width{width:90%;max-width:960px;margin:0 auto}.no-list,.no-list li,.form-list,.form-list li{list-style:none;list-style-type:none;margin:0;padding:0}.page-width>form{background:rgba(255,255,255,.8);padding:2em 3em;box-shadow:rgba(0,0,0,.2) 0 2px 3px;border-radius:3px}header{background:#fff;color:#111;padding:1em 0}header>.page-width{position:relative}header::after,header>.page-width::after{content:'';clear:both;height:0;display:block}header .home{text-decoration:none;font-size:1.2em;color:#111;display:inline-block;padding:1rem 0;font-weight:500}header .home::before{content:'ITEM SCORMPlayer'}section.intro{margin-bottom:2em;padding:1.5em 0;background:#004467;color:#fff}section.info{margin:2em auto 0}section.info h1{margin-bottom:.5em}h1{font-size:1.8em;line-height:1em;font-weight:400}h1>span.header{max-width:calc(100% - 9em);display:block;overflow:hidden;white-space:nowrap;line-height:initial;text-overflow:ellipsis;padding-top:.2rem}h1>span.sub-header{font-size:.6em;display:block;line-height:1.35rem}h1 a.back{padding:.5em 0 0;color:inherit;float:left;margin-bottom:15px;width:3.5rem;transition:all .15s ease-in-out}main{padding:0 0 3em}body.course{height:100%;background:#fff}body.course:not(.noTitleBar){display:flex;flex-direction:column;flex-wrap:nowrap}body.course section#course{display:flex;flex-wrap:nowrap;flex:100%}body.course:not(.noToc) section#course #tocWrapper{flex:24em;max-width:24em;margin-left:-24em;transition:all .5s ease-in-out;display:none;background:#f5f5f5;border-right:solid 1px #ddd;overflow:auto}body.course:not(.noToc) section#course #scoFrame{flex:100%;max-width:100%;transition:all .5s ease-in-out;height:100%}body.course.withToc section#course #tocWrapper{margin-left:0}body.course.withToc section#course #scoFrame{flex:calc(100% - 24em)}body.course.noTitleBar section#course{height:100%}body.course.noToc nav.scoNavigation{display:none}body.course.noToc section#course #tocWrapper{display:none}body.course.noToc section#course #scoFrame{width:100%;height:100%}body.course header{padding:0 2em;background:#004467;color:#fff;display:flex;align-items:center}body.course header nav{margin-right:1em}body.course header nav a{text-decoration:none;color:#fff;display:inline-block;margin-right:1em}body.course header nav a#navTrigger{display:none}body.course header nav a i{font-size:2em;line-height:2em}body.course header nav a[href]:hover{color:#9bb7c5}body.course header nav a.disabled{opacity:.25}body.course header h1{font-size:1.1em;font-weight:700;padding:1.5rem 0;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.login .page-width form{margin-top:3em}body.login form#login-form:not(.user-form){max-width:480px;margin:5em auto}body.login form#login-form:not(.user-form) .form-list .status{width:auto}.user-form .form-list .status{box-sizing:border-box;width:98.5%}.referer-error{background:#d04f4f;padding:1em 2em;font-weight:600;margin-top:2em;border-radius:3px;color:#fff;text-align:center}.user{float:right;padding-top:.25em}.user .user-initials{width:2.75rem;height:2.75rem;font-size:1.4em;text-align:center;line-height:2.75rem;display:inline-block;border-radius:50%;background:#004467;color:#fff;font-weight:700;text-decoration:none;transition:all .2s ease-in-out}.user nav.menu.active{margin-top:3.4em}nav.menu{margin-top:.25em;box-shadow:rgba(0,0,0,.2) 0 2px 3px;background:#fff;border-radius:4px;height:0;max-height:0;overflow:hidden;position:absolute;transition:max-height .5s ease-in-out;z-index:100;min-width:15em}nav.menu:not(.no-right){right:0}nav.menu .info{padding:1em;text-align:right;border-bottom:solid 1px #dde6ee}nav.menu .info .title{display:block;white-space:nowrap;font-weight:600}nav.menu .info .sub-title{font-size:.85em}nav.menu ol{padding:1em 0}nav.menu ol li.group{position:relative}nav.menu ol li.group .group-buttons{height:0;max-height:0;left:0;right:0;overflow:hidden;transition:max-height .5s ease-in-out;box-shadow:rgba(0,0,0,.2) 0 2px 3px;background:#fff;border-radius:4px}nav.menu ol li.group>button::after{content:'…';font-weight:700;position:absolute;right:1em;top:.25em;color:#000}nav.menu ol li.group.active .group-buttons{height:auto;max-height:20em;z-index:100}nav.menu ol li.group.active>button{background-color:#f1f1f1;color:#000}nav.menu ol li.group.active>button::after{transform:rotate(90deg);top:.5em;right:.5em}nav.menu ol a{display:block;padding:.5em 1em;color:#000;text-decoration:none}nav.menu ol button{display:block;border:none;background:none;padding:.5em 1em;color:#000;width:100%;text-align:left;outline:none}nav.menu ol button:disabled{opacity:.5;cursor:not-allowed}nav.menu ol a[href]:hover,nav.menu ol button:not(:disabled):hover{background-color:#f1f1f1;color:#000}nav.menu.active{height:auto;max-height:50em;border:solid 1px #f0f2f5}body.course .user{float:none;margin:0;position:absolute;right:4rem;top:.6rem}body.course .user .user-initials{background-color:#fff;color:#004467}body.course .user nav,body.course .user nav a{color:#000}body.course .user nav a:hover{background:none;color:#000}body.course-index header .page-width{position:relative}body.course-index main{padding:0}body.course-index div.category{clear:both;font-weight:600;margin:1rem 0 0}body.course-index .course-list{display:flex;flex-wrap:wrap;margin:0 -1em 2em;clear:both}body.course-index .course-list>li{border:solid 1px #ddd;margin-bottom:1em;max-width:740px}body.course-index .course-list .card{flex:calc(50% - 2em);max-width:calc(50% - 2em);margin:1em;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column}body.course-index .course-list .card h2{font-size:1.1em}body.course-index .course-list .card h2 a{font-size:inherit;text-decoration:none;color:inherit;display:block;max-width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.course-index .course-list .card .actions{padding:2em;position:absolute;bottom:0}body.course-index .course-list .card .content{padding:2em;height:auto;overflow:auto}body.course-index .course-list .card .actions+.content{padding-bottom:5rem}body.course-index .course-list .card .tip+.actions+.content{padding-top:1em}body.course-index #admin-login{position:fixed;bottom:1em;right:1em;font-size:small;text-decoration:none;color:inherit;opacity:.6;transition:all .2s ease}body.course-index #admin-login:hover{opacity:1}ul#toc{list-style:none;padding:0;margin:2em}ul#toc li{list-style:none;padding:0;margin:0}ul#toc li>span,ul#toc li>a{display:inline-block;padding:.35em 0 .35em 2em;position:relative}ul#toc li a{text-decoration:none;color:#222}ul#toc li i{position:absolute;left:0}ul#toc li a span{position:relative;top:2px}ul#toc li a i{margin-right:.25em;top:.15em}ul#toc li>span{margin-top:.75em}ul#toc li>span i{top:0}ul#toc li a:hover span{font-weight:500}ul#toc li a:not(#res_index):hover i::after{content:'radio_button_checked';margin-left:-1em}ul#toc li a.active{color:#004467;font-weight:500}ul#toc li a:not(#res_index).active i::after{content:'radio_button_checked';margin-left:-1em}ul#toc li a:not(#res_index).passed i:after{content:'sentiment_very_satisfied';margin-left:-1em;background:#f5f5f5}ul#toc li a:not(#res_index).failed i:after{content:'sentiment_dissatisfied';margin-left:-1em;background:#f5f5f5}ul#toc li>ul{margin-bottom:.25em;padding:0 0 0 2em}.card{box-shadow:rgba(0,0,0,.2) 0 2px 3px;background:#fff;border-radius:3px;padding:0;margin:0 0 1.75em 0;width:100%;float:left;position:relative}.card.text{padding-bottom:2em}.card.text h1{margin-bottom:1rem}.card h2{font-weight:400;font-size:1.2em;background:#004467;border-radius:3px 3px 0 0;color:#fff;padding:.75em 1rem .75em 2rem;margin:0}.card h2>span{white-space:nowrap;display:block;float:left;max-width:70%;overflow:hidden;text-overflow:ellipsis;line-height:2rem}.card h2>i{float:left;font-size:1.3rem;margin-right:.35rem}.card h2::after{content:'';clear:both;height:0;display:block}.card .content{padding:2em 2em 0;height:auto;overflow:auto}.card .actions{padding:1.25em 2em 2.5em;margin-top:1em;position:relative}.card p.description{margin-bottom:1rem}.card.before-upload{float:none}.card.help{margin-top:2em}.card.help .content{padding:3em}.card.help h3{font-weight:600;margin-top:1em}.card.help p{margin-bottom:.5em}.card .tip{font-size:.8em;padding:.5rem 2rem;background-color:#d8e7ef;color:#004467}.card .tip i{font-size:1.6em;vertical-align:middle;margin-right:.35rem}.card .tip i+span{display:inline-block;vertical-align:middle}.card .tip+.content,.card .tip+.actions+.content{padding-top:1em}.card .actions a,form .actions a,a.action{display:inline-block;text-decoration:none;color:#004467;margin-right:2em;vertical-align:middle;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:uppercase;font-weight:600}.card.course .actions a{vertical-align:unset}a.action.floating{position:absolute;z-index:100;right:2em;bottom:1em;width:4em;height:4em;line-height:4em;background:#5fab4d;color:rgba(255,255,255,.95) !important;border-radius:50%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block;box-shadow:rgba(0,0,0,.2) 0 2px 3px}a.action.floating.sunken{bottom:-2em}a.action.floating i{font-size:35px}a.action i{vertical-align:middle}a.action.floating.add-new{position:static;clear:both;margin:2em auto;background:#9ca4ab}a.action.floating:not(.more):not(.readonly):hover{background:#70c75b}a.action.disabled{opacity:.25;color:#000;cursor:not-allowed}.card-list>li{padding:1em 2em;border-bottom:solid 1px rgba(0,0,0,.125);background:#fff;-moz-animation-duration:.35s;-o-animation-duration:.35s;-webkit-animation-duration:.35s;animation-duration:.35s}.card-list>li h4{font-weight:600}.card-list>li .info{display:block;font-size:smaller;font-weight:400;color:#555}.change-password .important,#auth-user-data-form .important{padding:1em;background:#9bb7c5;color:#fff;margin-bottom:2em;font-weight:500}#auth-user-data-form .render-error{color:#bf4949}#auth-user-data-form .render-error h2{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}form legend{display:none}.form-list>li{padding:.5em 0;position:relative;clear:both}.form-list>li>label{display:block;width:24%;margin-right:3%;font-weight:500;float:left;padding-top:.5em}.form-list>li>input.check-box+label{padding-top:0}.form-list .text-box,.form-list .select,.form-list input:not([type="checkbox"]),.form-list textarea{padding:.5em .75em;border:solid 1px #ccc;border-radius:2px;width:calc(72% - 1.5em - 2px);outline:none}.form-list textarea{height:8em;resize:vertical}.form-list textarea.large{height:16em}.form-list .actions{padding-left:27%;padding-top:1.5em;clear:both}.form-list .text-box.error,.form-list select.error{border-color:#bf4949}.form-list button{background:#788fa3;color:#fff;cursor:pointer;border:none;border-radius:3px;padding:.75em 3em;margin-right:2.5em;display:inline-block;vertical-align:middle;font-weight:600;text-transform:uppercase}form:not(.user-form) .form-list label.error{display:none !important}form label.error+.chosen-container .chosen-single{border-color:#bf4949}.check-box{position:absolute;left:-100vw}.check-box+.checkbox-toggler{left:.35rem;position:relative;cursor:pointer}.check-box+.checkbox-toggler::before{transform:scale(1.5)}.check-box+label.checkbox-toggler::before{content:'';background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBjbGFzcz0idG9nZ2xlci1iZyIgZD0iTTE3IDdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWgxMGMyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXpNNyAxNWMtMS42NiAwLTMtMS4zNC0zLTNzMS4zNC0zIDMtMyAzIDEuMzQgMyAzLTEuMzQgMy0zIDN6Ii8+PHBhdGggY2xhc3M9InRvZ2dsZXItaGFuZGxlIiBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9zdmc+');display:inline-block;margin-right:1em;vertical-align:middle;width:2.25em;height:2.25em;background-size:cover;cursor:pointer;opacity:.7}.check-box+label.checkbox-toggler::after{display:inline-block;vertical-align:middle;font-size:smaller}.check-box+label.checkbox-toggler[data-false]::after{content:attr(data-false)}.check-box+label.checkbox-toggler:not([data-false])::after{content:'Nej'}.check-box:checked+label.checkbox-toggler::before{background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBjbGFzcz0idG9nZ2xlci1iZyIgZD0iTTE3IDdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWgxMGMyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXptMCA4Yy0xLjY2IDAtMy0xLjM0LTMtM3MxLjM0LTMgMy0zIDMgMS4zNCAzIDMtMS4zNCAzLTMgM3oiLz48cGF0aCBjbGFzcz0idG9nZ2xlci1oYW5kbGUiIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=');opacity:1}.check-box:checked+label.checkbox-toggler[data-true]::after{content:attr(data-true)}.check-box:checked+label.checkbox-toggler:not([data-true])::after{content:'Ja'}form .form-list div.status{padding:1em;margin-bottom:2em;background-color:#999;color:#fff;border-radius:2px;width:calc(72% - 1.5em - 2px)}form .form-list div.status.success{background-color:#70c75b}form .form-list div.status.error{background-color:#bf4949}.user-form{padding:2em;background:#fff;max-width:42em}.user-form .status{font-size:smaller;padding:1.5em;background:#f7f7f7;margin-bottom:1.5em;border-radius:2px}.user-form:not(.change-password-form) legend{display:block;font-size:2em;font-weight:600;margin:0 0 1rem}.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;user-select:none}.chosen-container *{box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:rgba(0,0,0,.15) 1px 1px 3px 0;clip:rect(0,0,0,0);margin-bottom:2em}.chosen-container.chosen-with-drop .chosen-drop{clip:auto}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#eee;color:#111}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:bold;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-single{font-size:1em}.chosen-container-single .chosen-single{display:block;padding:.5em .75em;border:solid 1px #ccc;position:relative}.chosen-container-single .chosen-single:hover{color:#212121}.chosen-container-single .chosen-single::after{content:'⯆';position:absolute;right:.5em;top:.65em;font-size:.75em}.chosen-container-single .chosen-search{margin:.5em .75em}.chosen-container-single .chosen-search input{padding:.25em .5em;width:100%}.chosen-container-single .chosen-results li.no-results{margin:.5em .75em;white-space:normal;line-height:1.4em;font-size:.9em}.chosen-container-single .chosen-results li.no-results span{font-weight:500}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px 5px;width:100%;height:auto;border:1px solid #ccc;background-color:#fff;cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:2px 0 0 0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type="text"]{margin:3px 0 0;padding:0;height:21px;outline:0;border:0 !important;background:transparent !important;box-shadow:none;color:#999;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:5px 5px 0 0;padding:3px 20px 3px 5px;border:1px solid #e8e8e8;max-width:100%;border-radius:2px;background-color:#dee1e4;color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;font-size:1.4em}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{color:#bf4949}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{content:"×"}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #adc2d8;-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #adc2d8;box-shadow:0 0 4px rgba(0,0,0,.15)}.chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#222 !important}.chosen-disabled{opacity:.5 !important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}}@media screen and (max-width:1024px){html{font-size:85%}body.course header{padding:0 1.5em}body .course a.navTrigger{display:inline-block}body.course section#course #tocWrapper{display:none !important}body.course section#course #scoFrame{max-width:none;width:100%}body.course:not(.noToc) header nav a#navTrigger{display:inline-block}nav#tocWrapper{position:fixed;background:#fff;top:4em;left:-35em;width:30em;bottom:0;transition:left .25s ease-in-out}body.course.withNav nav#tocWrapper{left:0}body.course-index .course-list .card{flex:calc(100% - 2em);max-width:unset;margin:1em;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between}}@media screen and (max-width:768px){html{font-size:82%}body.course nav.scoNavigation{display:none !important}nav#tocWrapper{left:-90%;width:90%}}@media screen and (max-width:767px){html{font-size:80%}body.course-index #admin-login{position:static;font-size:1em;text-align:center;display:block;margin-top:2em;opacity:1}h1>span.header{max-width:100%}}