.admin-button{position:relative;width:auto;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;border:solid 1px #a9a9a9;border-radius:3px;text-decoration:none;font-size:14px;font-weight:bold;padding:0;-webkit-transition:all .15s;transition:all .15s;background-color:#fff;color:#000}.admin-button span{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:48px;display:inline-block;padding:0 20px}.admin-button:hover{border-color:#a9a9a9;-webkit-box-shadow:0 0 3px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.admin-button--margin-top{margin-top:10px}.admin-button[disabled]{opacity:.5}.admin-tabs{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:48px;margin:0;padding:0;border-top:1px solid #b6b6b6;background:#fafafa;border-bottom:solid 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.12)}.admin-tabs ul{margin:0 0 0 30px;padding:0;float:left;border-left:1px solid #b6b6b6}.admin-tabs ul li{display:inline-block;float:left;margin:0 0 0 0;color:#58595b;border-right:1px solid #b6b6b6}.admin-tabs ul li a{float:left;font-size:14px;padding:15px 15px;text-decoration:none;color:#58595b}.admin-tabs ul li a:hover{text-decoration:underline}.admin-tabs ul li a.is--selected{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:underline;position:relative}.admin-tabs ul li a.is--selected:after,.admin-tabs ul li a.is--selected:before{position:absolute;content:'';left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);border-right:8px solid transparent;border-bottom:0;border-left:8px solid transparent}.admin-tabs ul li a.is--selected:after{bottom:-10px;border-top:10px solid #fafafa}.admin-tabs ul li a.is--selected:before{bottom:-11px;border-top:10px solid rgba(0,0,0,.3)}.admin-tabs ul li a.is--disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#ccc;cursor:default}.admin-tabs ul li a.is--disabled,.admin-tabs ul li a.is--disabled:hover{text-decoration:none}sbl-aspect-ratio-scale{display:block}sbl-audio-edit{display:block}.audio-edit{width:100%;margin-top:10px}.audio-edit+*{margin-top:10px}.audio-edit__container{height:38px;width:50%;float:left}.audio-edit__container__input{width:100%;max-width:200px}.audio-edit__container audio{width:100%}sbl-color-edit{display:block}.color-edit{position:relative;height:28px}.color-edit__preview{border-right:solid 1px #b6b6b6;position:absolute;left:0;top:0;bottom:0;width:28px}.color-edit__input{padding-left:35px!important}sbl-lab-repository{visibility:hidden;opacity:0;position:absolute;overflow:hidden;bottom:105%;right:3em;left:3em;-webkit-transition-property:opacity,visibility;-moz-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-duration:.25s;-moz-transition-duration:.25s;transition-duration:.25s}sbl-lab-repository.active{visibility:visible;opacity:1}.lab-repository-dialog{height:60vh;padding:30px;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-sizing:border-box;background-color:#f9f9f9}.lab-repository-dialog .lab-repository-intro{position:absolute;left:0;width:100%;box-sizing:border-box;text-align:center}.lab-repository-dialog .lab-repository-intro p{margin:0}.lab-repository-dialog .lab-repository-objects{overflow:auto;box-sizing:border-box;position:relative;height:100%;border-top:30px solid transparent;text-align:left}.lab-repository-dialog .lab-repository-objects ul{margin:0;padding:0}.lab-repository-dialog .lab-repository-objects ul li{display:inline-block;text-align:center;vertical-align:top;max-width:160px;margin:0 15px 15px 0}.lab-repository-dialog .lab-repository-objects ul li a{font-size:11px;color:#58595b;text-decoration:none}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box{position:relative;width:160px;height:120px;box-sizing:border-box;border:solid 1px #f0f0f0;border-radius:3px;background-color:#fff;padding:10px;margin:0 0 5px 0}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-text{font-size:2em;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;text-align:center}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-icon{position:relative;display:inline-block;width:40px;height:40px;padding-top:53px;opacity:.4;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:0 auto}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-video{background-image:url("/LabApplication/src/assets/img/lab/video.svg")}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-audio{background-image:url("/LabApplication/src/assets/img/lab/audio.svg")}.close-button{background-color:transparent;background-image:url("/LabApplication/src/assets/img/icons/close-icon--gray.svg");background-repeat:no-repeat;background-position:center center;border:none;box-shadow:none;border-radius:0;position:absolute;top:10px;right:10px;width:15px;height:15px;margin:0;padding:0}.close-button:focus,.close-button:hover{outline:none;box-shadow:none}.error-message{position:absolute;top:0;left:0;right:0;z-index:10;-webkit-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;text-align:center;color:#fff;padding:.4em;font-size:16px;border-top:32px solid transparent}.error-message p{padding:0 30%}.error-message .dismiss-btn{background:transparent url("/LabApplication/src/assets/img/icons/close-icon--white.svg") no-repeat center center;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:none;position:absolute;right:1em;top:1em}.error-message .dismiss-btn:hover{opacity:.7;cursor:pointer}.error-message.success{background:#77cd5a}.error-message.warn{background:#ffa500}.error-message.error{background:red}.error-message.active{-webkit-transform:translate(0,0);transform:translate(0,0)}.goto-edit-button{background-color:transparent;background-image:url("/LabApplication/src/assets/img/icons/goto-edit--gray.svg");background-repeat:no-repeat;background-position:center center;background-size:20px 20px;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;position:absolute;right:194px;top:5px;height:22px;width:22px;margin:0;padding:0}.goto-edit-button:focus,.goto-edit-button:hover{outline:none;-webkit-box-shadow:none;box-shadow:none}.goto-edit-button.title-edit,.goto-edit-button.chapter-edit{position:relative;margin:5px 0 0 0;padding:0;right:0;top:0;left:0;bottom:0}sbl-image-select{display:block}.image-select{margin-top:5px}.image-select__preview::after{clear:both;content:"";display:table}.image-select__preview__image{float:left;max-width:100%;min-height:25px;padding:5px}.image-select__preview__image:not(.no--border){border:1px solid #b6b6b6}.image-select__preview__image.is--full-width{max-width:100%}.image-select__preview__info{float:left;margin:5px;padding:5px}.image-select__container{width:100%;position:relative;overflow:hidden;padding:5px;padding-right:68px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px -5px -5px -5px}.image-select__menu{float:left;width:100%;overflow:auto;max-height:360px;background-color:#fff;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.7);box-shadow:2px 2px 5px rgba(0,0,0,.7)}.image-select__menu img{width:100%;margin-bottom:4px}.image-select__image-list{float:left;width:100%;padding:4px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-select__image-list__item{float:left;width:97px;padding:2px;margin:2px;border:1px solid #b6b6b6;word-break:break-all}.image-select__image-list__item *{float:left;width:100%}.image-select .button__upload{text-indent:-9999px;width:28px;height:28px;float:left;padding:0;position:absolute;top:5px;right:35px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:12px auto;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPiAgPHBhdGggZD0iTTAgMHYxaDh2LTFoLTh6bTQgMmwtMyAzaDJ2M2gydi0zaDJsLTMtM3oiIC8+PC9zdmc+)}.image-select .button__upload input{text-indent:0;position:absolute;width:28px;height:28px;left:0;top:0;opacity:0}.image-select .button__menu-open{position:absolute;top:5px;right:1px;text-indent:-9999px;width:28px;height:28px;float:left;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:12px auto;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPiAgPHBhdGggZD0iTTAgMHYyaDJ2LTJoLTJ6bTMgMHYyaDJ2LTJoLTJ6bTMgMHYyaDJ2LTJoLTJ6bS02IDN2Mmgydi0yaC0yem0zIDB2Mmgydi0yaC0yem0zIDB2Mmgydi0yaC0yem0tNiAzdjJoMnYtMmgtMnptMyAwdjJoMnYtMmgtMnptMyAwdjJoMnYtMmgtMnoiIC8+PC9zdmc+)}.image-select .button__menu-close{position:absolute;top:5px;right:1px;text-indent:-9999px;width:28px;height:28px;float:left;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:12px auto;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPiAgPHBhdGggZD0iTTEuNDEgMGwtMS40MSAxLjQxLjcyLjcyIDEuNzggMS44MS0xLjc4IDEuNzgtLjcyLjY5IDEuNDEgMS40NC43Mi0uNzIgMS44MS0xLjgxIDEuNzggMS44MS42OS43MiAxLjQ0LTEuNDQtLjcyLS42OS0xLjgxLTEuNzggMS44MS0xLjgxLjcyLS43Mi0xLjQ0LTEuNDEtLjY5LjcyLTEuNzggMS43OC0xLjgxLTEuNzgtLjcyLS43MnoiIC8+PC9zdmc+)}sbl-instructions{display:block;position:absolute;top:46px;right:13px;visibility:hidden;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}sbl-instructions.active{visibility:visible;opacity:1}.instructions-dialog{position:relative;max-width:650px;max-height:60vh;height:60vh;overflow:hidden;padding:40px 30px 30px 30px;border-radius:3px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f9f9f9;display:block}.instructions-dialog__content{margin-top:20px;font-size:16px;line-height:1.5em}.instructions-dialog__container{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:auto;height:100%;padding:0 10px}.instructions-dialog h1{font-size:30px;margin:0 0 10px 0}.instructions-dialog h2{font-size:16px;margin:0}.instructions-dialog b,.instructions-dialog strong{font-weight:bold}.instructions-dialog i,.instructions-dialog em{font-style:italic}.instructions-button{background-color:transparent;background-image:url("/LabApplication/src/assets/img/icons/instructions--gray.svg");background-repeat:no-repeat;background-position:center center;background-size:20px 20px;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;position:absolute;right:20px;top:5px;width:22px;height:22px;margin:0;padding:0}.instructions-button:focus,.instructions-button:hover{outline:none;-webkit-box-shadow:none;box-shadow:none}.close-button{background-color:transparent;background-image:url("/LabApplication/src/assets/img/icons/close-icon--gray.svg");background-repeat:no-repeat;background-position:center center;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;position:absolute;top:10px;right:10px;width:15px;height:15px;margin:0;padding:0}.close-button:focus,.close-button:hover{outline:none;-webkit-box-shadow:none;box-shadow:none}#keep-alive{display:none}.lab-config-objects{position:relative;display:block}.lab-config-objects__lists{-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px}.lab-config-objects__lists::after{clear:both;content:"";display:table}.lab-config-objects__lists h3{margin-bottom:10px}.lab-config-objects__lists__list{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.lab-config-objects__lists__list+.lab-config-objects__lists__list{margin-top:18px}.lab-config-objects__lists__list__item{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:5px}.lab-config-objects__lists__list__item+.lab-config-objects__lists__list__item{margin-left:5px}.lab-config-objects__lists__list__item a{font-size:11px;color:#000;text-decoration:none}.lab-config-objects__lists__list__item a .lab-repository-image-box{position:relative;width:120px;height:90px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #ccc;border-radius:3px;background-color:#fff;padding:10px;margin:0 0 5px 0}.lab-config-objects__lists__list__item a .lab-repository-image-box .lab-repository-text{font-size:2em;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lab-config-objects__lists__list__item a .lab-repository-image-box .lab-repository-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;text-align:center}.lab-config-objects__lists__list__item a .lab-repository-image-box .lab-repository-icon{position:relative;display:inline-block;width:40px;height:40px;padding-top:27px;opacity:.4;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:0 auto}.lab-config-objects__lists__list__item a .lab-repository-image-box .lab-repository-video{background-image:url("/LabApplication/src/assets/img/lab/video.svg")}.lab-config-objects__lists__list__item a .lab-repository-image-box .lab-repository-audio{background-image:url("/LabApplication/src/assets/img/lab/audio.svg")}.lab-config{display:block}.lab-config::after{clear:both;content:"";display:table}.lab-config label+input{margin-left:0}.lab-config label+*{margin-top:10px}.lab-config .label-note{font-weight:normal;font-size:12px;display:inline-block;border-left:2px solid #ffa500;padding-left:6px;margin-left:10px;padding-top:1px}.lab-config p{float:left;width:100%;margin:0 0 0 0;max-width:600px}.lab-config p+p{margin-top:10px}.lab-config h2{margin:10px 15px 17px 15px}.lab-config h3{border-bottom:1px solid #d8d8d8;padding:0 0 10px 0;float:left;width:100%;margin:0 0 10px 0}.lab-config h3+ul,.lab-config h3+p,.lab-config h3+*{margin-top:10px}.lab-config ul{list-style-type:none;float:left;width:100%;margin:-5px;padding:0 0 0 0}.lab-config ul::after{clear:both;content:"";display:table}.lab-config li{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:50%;padding:5px;position:relative}.lab-config li ul{float:left;padding:10px 0 0 15px}.lab-config li.is--full-width{width:100%}.lab-config textarea{display:block;float:left;width:100%;height:auto;min-height:100px;padding:.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:0;box-shadow:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transition:all 100ms ease;transition:all 100ms ease;resize:none}.lab-config textarea:focus{outline:none}.lab-config textarea:placeholder{color:transparent}.lab-config textarea.is--large{min-height:300px}.lab-config input[type="checkbox"]+label{position:relative;top:1px;margin-left:3px}.lab-config input[type="text"],.lab-config input[type="number"],.lab-config select{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:28px}.lab-config select{height:28px}.lab-config button.button--copy-object{margin-top:20px}.lab-config button.has--validation{-webkit-transition:background-color 100ms ease;transition:background-color 100ms ease}.lab-config button.has--validation.is--active{background-color:#feb000;color:#fff}.lab-config button.is--full-width{width:100%}.lab-config .input--group label+label{margin-left:20px}.lab-config .input--group label *{margin-right:7px}.lab-config__body{display:none;padding:15px;margin-top:-20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;background-color:#fafafa}.lab-config__body::after{clear:both;content:"";display:table}.lab-config__body>h2{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-config__body.is--active{display:block}.lab-config__body,.lab-config__body *{-webkit-box-sizing:border-box;box-sizing:border-box}.lab-config__body h3{padding:0 15px 10px 15px;margin:0 -15px 0 -15px;float:none;width:auto;min-width:100%}.lab-config__tabs{width:auto;margin:0 0 20px 0;padding:0 15px;border:none;border-bottom:1px solid #b6b6b6}.lab-config__tabs__tab{width:auto;border:1px solid #b6b6b6;-webkit-box-shadow:none;box-shadow:none;border-radius:.25em .25em 0 0;background-color:#fafafa;position:relative;bottom:-1px}.lab-config__tabs__tab.is--active{border-bottom-color:#fafafa;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lab-config .container__section-wrapper{float:left;width:50%;padding:0 15px}.lab-config .container__section-wrapper::after{clear:both;content:"";display:table}.lab-config .container__section-wrapper.is--full-width{margin-right:50%;padding-bottom:15px}.lab-config .container__section-wrapper,.lab-config .container__section-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}.lab-config .container__section{float:left;width:100%}.lab-config .container__section::after{clear:both;content:"";display:table}.lab-config .container__section+.container__section{margin-top:15px}.lab-config .container__section__button-list{margin-top:10px}.lab-config .container__section__button-list li{width:auto;display:inline}.lab-config--content-area-wrapper{max-width:1440px;margin:15px;height:-webkit-calc(100% - 30px);height:calc(100% - 30px)}.lab-config--content-area-wrapper,.lab-config--content-area-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}.lab-config--content-area{background:#fff;min-height:400px;padding:30px 0;margin:15px;border:1px solid #b6b6b6}.lab-config--content-area h1{float:left;width:100%;padding:0 15px;margin:0 0 40px 0}.lab-config .instructions-dialog{max-height:100%}sbl-lab-text{display:inline-block;vertical-align:bottom;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:5em}.sized sbl-lab-text{position:static}.sized sbl-lab-text svg{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:5%;left:5%;right:5%;bottom:5%;width:90%!important;height:90%!important;z-index:130}sbl-lab-text svg{display:inline-block;vertical-align:bottom;color:#000;max-width:100%}sbl-lab-image{display:inline-block;vertical-align:bottom;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat}.sized sbl-lab-image{z-index:120}sbl-lab-audio .placeholder{position:absolute;top:25%;left:25%;width:50%;height:50%;text-align:center;z-index:110}sbl-lab-audio svg{position:absolute;top:0;left:0;width:100%!important;height:100%!important}sbl-lab-video{display:inline-block;margin-bottom:0;width:100%;height:100%}.sized sbl-lab-video .video-player{position:absolute;width:100%;height:100%;top:0;left:0;z-index:140}.pointer sbl-lab-content-overlay .deflect-pointer-events{display:none}.pointer sbl-lab-content-overlay .absorb-pointer-events{display:block}sbl-lab-content-overlay .deflect-pointer-events,sbl-lab-content-overlay .absorb-pointer-events{position:absolute;top:0;left:0;width:100%;height:100%}sbl-lab-content-overlay .deflect-pointer-events{z-index:200;background:#000;opacity:0}sbl-lab-content-overlay .absorb-pointer-events{display:none;z-index:139}sbl-lab-content-overlay .absorb-pointer-events rect{fill:transparent}.content-object{width:100%;height:-webkit-calc(100% - 32px);height:calc(100% - 32px);min-height:-webkit-calc(100% - 32px);min-height:calc(100% - 32px)}.content-object .lab{width:100%;height:100%;min-height:100%}.content-object .lab .lab-editor{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;min-height:100%}.content-object .lab .lab-editor .lab-panels{width:100%;height:-webkit-calc(100% - 48px);height:calc(100% - 48px);min-height:-webkit-calc(100% - 48px);min-height:calc(100% - 48px)}.content-object .lab .lab-editor .lab-panels .lab-body{overflow:auto;width:100%;height:-webkit-calc(100% - 60px);height:calc(100% - 60px);min-height:-webkit-calc(100% - 60px);min-height:calc(100% - 60px);background-color:#d8d8d8}.content-object .lab .lab-editor .lab-panels .lab-body::after{clear:both;content:"";display:table}.content-object .lab .lab-editor .lab-panels .lab-body .left-col{float:left;height:100%;width:-webkit-calc(100% - 320px);width:calc(100% - 320px);-webkit-box-sizing:border-box;box-sizing:border-box}@media(min-width:1440px){.content-object .lab .lab-editor .lab-panels .lab-body .left-col{width:-webkit-calc(100% - 380px);width:calc(100% - 380px)}}.content-object .lab .lab-editor .lab-panels .lab-body .left-col .lab-area-wrapper{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-calc(100% - 200px);height:calc(100% - 200px);min-height:-webkit-calc(100% - 200px);min-height:calc(100% - 200px);width:100%}.content-object .lab .lab-editor .lab-panels .lab-body .left-col .lab-area-wrapper .lab-area-sizer{position:relative;margin:0 auto}.content-object .lab .lab-editor .lab-panels .lab-body .left-col .lab-area-wrapper .lab-area-sizer .lab-area{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);background-color:#fff;border-radius:3px}.content-object .lab .lab-editor .lab-panels .lab-body .left-col .lab-objects-wrapper{background-color:#fafafa;height:200px;width:100%;overflow:auto}.content-object .lab .lab-editor .lab-panels .lab-body .right-col{-webkit-box-sizing:border-box;box-sizing:border-box;border-left:solid 1px #b6b6b6;float:right;width:320px;height:100%;min-height:100%;overflow:auto}@media(min-width:1440px){.content-object .lab .lab-editor .lab-panels .lab-body .right-col{width:380px}}sbl-lab-text-dialog{position:absolute;top:0;left:0;width:350px;height:auto;visibility:hidden;opacity:0;z-index:20;-webkit-transition:opacity .25s;transition:opacity .25s}sbl-lab-text-dialog.active{visibility:visible;opacity:1}.lab-text-dialog{padding:0;margin:-12px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;text-align:left}.lab-text-dialog .dialog-fieldset{display:block;padding:0;margin:0;border:none}.lab-text-dialog .dialog-fieldset button{width:80px;float:right;margin:0 0 0 7px;border:solid 1px #a9a9a9}.lab-text-dialog .dialog-fieldset .text-dialog-input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:24px;font-size:16px;margin-bottom:15px;border:0;background-color:rgba(216,216,216,.6);color:#000}.lab-notes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:transparent;display:block}.pointer .lab-notes{pointer-events:none}.resize-handle{position:absolute;padding:.3em;z-index:210;right:4px;bottom:4px;cursor:se-resize}.resize-handle svg{vertical-align:middle}.rotate-handle{position:absolute;padding:.3em;z-index:210;right:4px;top:4px;cursor:all-scroll}.rotate-handle svg{vertical-align:middle}.rotatable{-webkit-transform-origin:center center;transform-origin:center center}sbl-lab-object{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}sbl-lab-object .lab-object-wrapper{position:relative;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}sbl-lab-object.invisible{opacity:0;visibility:visible}sbl-lab-object.to-be-removed{opacity:.4}.lab-area sbl-lab-object{position:absolute}.edit-mode sbl-lab-object.invisible{visibility:visible;opacity:.5}.edit-mode sbl-lab-object.no-visible-content{outline:2px dashed}.edit-mode sbl-lab-object.selected{outline:none;-webkit-box-shadow:0 0 0 2px #b3b3b3;box-shadow:0 0 0 2px #b3b3b3}.edit-mode sbl-lab-object.selected .controls{display:block;opacity:1}sbl-lab-object .controls{display:none;-webkit-box-sizing:border-box;box-sizing:border-box}sbl-lab-object:hover .controls{display:block;opacity:.5}sbl-lab-object.selected{outline:none}.touch sbl-lab-object:hover .controls{display:none}sbl-lab-repository{visibility:hidden;opacity:0;position:absolute;overflow:hidden;bottom:105%;right:3em;left:3em;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-duration:.25s;transition-duration:.25s}sbl-lab-repository.active{visibility:visible;opacity:1}.lab-repository-dialog{height:60vh;padding:30px;border-radius:3px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fafafa}.lab-repository-dialog .lab-repository-intro{position:absolute;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.lab-repository-dialog .lab-repository-intro p{margin:0}.lab-repository-dialog .lab-repository-objects{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;height:100%;border-top:30px solid transparent;text-align:left}.lab-repository-dialog .lab-repository-objects ul{margin:0;padding:0}.lab-repository-dialog .lab-repository-objects ul li{display:inline-block;text-align:center;vertical-align:top;max-width:160px;margin:0 15px 15px 0}.lab-repository-dialog .lab-repository-objects ul li a{font-size:11px;color:#58595b;text-decoration:none}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box{position:relative;width:160px;height:120px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #efefef;border-radius:3px;background-color:#fff;padding:10px;margin:0 0 5px 0}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-text{font-size:2em;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;text-align:center}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-icon{position:relative;display:inline-block;width:40px;height:40px;padding-top:53px;opacity:.4;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:0 auto}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-video{background-image:url("/LabApplication/src/assets/img/lab/video.svg")}.lab-repository-dialog .lab-repository-objects ul li a .lab-repository-image-box .lab-repository-audio{background-image:url("/LabApplication/src/assets/img/lab/audio.svg")}.close-button{background-color:transparent;background-image:url("/LabApplication/src/assets/img/icons/close-icon--gray.svg");background-repeat:no-repeat;background-position:center center;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;position:absolute;top:10px;right:10px;width:15px;height:15px;margin:0;padding:0}.close-button:focus,.close-button:hover{outline:none;-webkit-box-shadow:none;box-shadow:none}sbl-lab-toolbox{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.toolbox{margin:0 auto;text-align:center;padding:0}.toolbox li{position:relative;display:inline-block;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbox li.divider{border-left:solid 1px #e0e0e0}.toolbox li#color svg .brush-outline{position:absolute;top:0;left:0;width:100%;height:100%;stroke-width:18;stroke-linecap:round;stroke:#fff}.toolbox li#color svg .dark-outline{stroke:#58595b}.toolbox li#objects{position:static}.toolbox li.selected .toolbox-icon{background-color:#eeeeef}.toolbox li.selected .toolbox-icon svg .outline{fill:#fff}.toolbox li.selected .toolbox-icon svg .fill{fill:#58595b}.toolbox li.selected .toolbox-icon svg .shadow{fill:#bbbdbf}.toolbox li button.toolbox-icon{-webkit-appearance:none;outline:none;background:transparent;border:none;display:block;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;padding:8px;margin:0 2px;-webkit-box-shadow:none;box-shadow:none}.toolbox li button.toolbox-icon.settings-text{width:55px}.toolbox li button.toolbox-icon svg{width:auto;height:24px}.toolbox li button.toolbox-icon svg .outline{fill:#58595b}.toolbox li button.toolbox-icon svg .fill{fill:#fff}.toolbox li button.toolbox-icon.drop-to-remove{background-color:red}sbl-lab-color-dialog{visibility:hidden;opacity:0;-webkit-transition:all .25s;transition:all .25s}sbl-lab-color-dialog.active{visibility:visible;opacity:1}.lab-color-dialog{position:absolute;width:470px;padding:20px;height:285px;top:-295px;left:-210px;border-radius:3px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f9f9f9;text-align:left}.brush{position:absolute;top:0;left:0;width:100%;height:100%;stroke-width:12;stroke-linecap:round;stroke:#000}.dialog-fieldset{display:block;padding:10px 0 20px 0;margin:10px 0;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #dfdfdf;font-size:11px}.dialog-fieldset:last-child{border-bottom:none}#transparency-selector{margin-top:0}#transparency-selector input[type=range]{-webkit-appearance:none;width:100%;margin:10px 0 0 0;padding:0;height:16px;display:block;border-radius:2px}#transparency-selector input[type=range]:focus{outline:none;border:0}#transparency-selector input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.25);box-shadow:0 0 2px 2px rgba(0,0,0,.25);border:0;height:25px;width:25px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:0}#transparency-selector input[type=range]::-moz-range-track{height:0}#transparency-selector input[type=range]::-moz-range-thumb{box-shadow:0 0 2px 2px rgba(0,0,0,.25);border:0;height:25px;width:25px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:0}#transparency-selector input[type=range]::-moz-focus-outer{border:0}#transparency-selector input[type=range]::-ms-track{width:100%;height:0;background:transparent;border-color:transparent;color:transparent}#transparency-selector input[type=range]::-ms-tooltip{display:none}#transparency-selector input[type=range]::-ms-thumb{box-shadow:0 0 2px 2px rgba(0,0,0,.25);border:0;height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer;margin-top:0}.color-radio{display:none}.color-radio+label{display:inline-block;border-radius:2px;background-color:transparent;text-align:center;width:40px;height:40px;line-height:40px;margin:0;vertical-align:middle;cursor:pointer}.color-radio:checked+label{background-color:#e9eaea}.color-radio+label span{vertical-align:middle;display:inline-block;width:25px;height:25px;border:3px solid #f9f9f9;border-radius:50%}.color-radio:checked+label span{border:3px solid #fff}.brush-radio{display:none}.brush-radio+label{display:inline-block;border-radius:2px;background-color:transparent;text-align:center;width:40px;height:40px;line-height:40px;margin:0;vertical-align:middle;cursor:pointer}.brush-radio:checked+label{background-color:#e9eaea}.brush-radio+label span{vertical-align:middle;display:inline-block;border:3px solid #f9f9f9;border-radius:50%;background-color:#231f20}.brush-radio:checked+label span{border:3px solid #fff}label>*{pointer-events:none}sbl-lab-toolbox .toolbox-style-ball{display:inline-block;border-radius:15px;width:20px;height:20px;border:solid 2px #666;position:relative;overflow:hidden;background-size:50%;background-image:url("/LabApplication/src/assets/img/toolbox/transparency-grid.png")}sbl-lab-toolbox .toolbox-style-ball .toolbox-style-ball-trans{position:absolute;top:0;left:0;height:100%;width:45%;margin:0;padding:0}sbl-lab-toolbox .toolbox-style-ball .toolbox-style-ball-color{position:absolute;top:0;right:0;height:100%;width:55%;margin:0;padding:0}.lab-view{position:absolute;bottom:0;left:0;right:0;top:0;width:100%;height:100%}.lab-view.cover_image{background-size:cover}.lab-view .lab-area-sizer{position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto}.lab-view .lab-background{position:absolute;bottom:0;left:0;right:0;top:0;width:100%;height:100%;background-color:#edeeee}.lab-view .lab-area{position:absolute;bottom:0;left:0;right:0;top:0;margin:1em;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);background-color:#fff;border-radius:3px}html,body{height:100%}.lab-objects{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden}.pointer{cursor:url("/LabApplication/src/assets/img/cursors/cursor-pointer.png") 8 0,url("/LabApplication/src/assets/img/cursors/cursor-pointer.cur") 8 0,pointer}.pen{cursor:url("/LabApplication/src/assets/img/cursors/cursor-pen.png") 0 24,url("/LabApplication/src/assets/img/cursors/cursor-pen.cur") 0 24,crosshair}.line{cursor:url("/LabApplication/src/assets/img/cursors/cursor-crosshair.png") 13 13,url("/LabApplication/src/assets/img/cursors/cursor-crosshair.cur") 13 13,crosshair}.text{cursor:url("/LabApplication/src/assets/img/cursors/cursor-text.png") 12 12,url("/LabApplication/src/assets/img/cursors/cursor-text.cur") 12 12,text}.erase{cursor:url("/LabApplication/src/assets/img/cursors/cursor-erase.png") 12 12,url("/LabApplication/src/assets/img/cursors/cursor-erase.cur") 12 12,crosshair}.pan{cursor:url("/LabApplication/src/assets/img/cursors/cursor-pan.png") 12 12,url("/LabApplication/src/assets/img/cursors/cursor-pan.cur") 12 12,-webkit-grab;cursor:url("/LabApplication/src/assets/img/cursors/cursor-pan.png") 12 12,url("/LabApplication/src/assets/img/cursors/cursor-pan.cur") 12 12,grab}.loader{position:absolute;top:-webkit-calc(50% - 32px);top:calc(50% - 32px);left:-webkit-calc(50% - 32px);left:calc(50% - 32px)}.loader__image{width:64px;height:64px}body{background:#edeeee}.menu-head{height:32px;background:#fafafa;border-bottom:solid 1px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.12);z-index:10}.menu-body{padding:20px;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row}.title-box{max-width:270px;min-width:200px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;-ms-flex-positive:1;color:#58595b}.title-box .cover-image{width:100%;border:solid 1px #e4e4e4;box-shadow:0 0 3px #e4e4e4;box-sizing:border-box;border-radius:5px;margin-bottom:15px}.title-box h1{font-size:20px;margin:0 0 10px 0}.title-box h2{font-size:14px;margin:0}.title-box p{font-size:12px}.menu{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-flex-grow:3;-moz-flex-grow:3;flex-grow:3;-ms-flex-positive:3}.menu ul{list-style-type:none;margin:0 0 0 20px;padding:0}.menu ul li{display:inline-block;margin:0 16px 20px 0}.menu-box,.back-button{border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 0 3px #e4e4e4;border:solid 1px #e4e4e4;text-decoration:none;color:#58595b;display:block;box-sizing:border-box}.menu-box:hover,.back-button:hover{border:solid 1px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.chapter-box{width:260px}.chapter-box::after{clear:both;content:"";display:table}.chapter-box img{width:129px;float:left}.chapter-box .chapter-description{width:109px;float:right;padding:10px;text-align:center}.chapter-box .chapter-description h3{width:100%;border-bottom:solid 1px #edeeee;font-size:20px;margin:0 0 20px 0;padding:5px 0 15px 0}.chapter-box .chapter-description h4{font-size:14px;margin:0 0 20px 0}.chapter-box .chapter-description p{font-size:12px;color:#e65c4f;margin:0}.section-box{overflow:hidden;width:260px}.section-box img{width:100%}.section-box .chapter-description{padding:10px;text-align:center}.section-box .chapter-description h3{width:100%;font-size:20px;padding:5px 0 0 0;margin:0}.laboration-box{width:260px;height:190px;text-align:center;padding:15px 15px 20px 15px}.laboration-box h3{width:100%;font-size:20px;padding:0 0 5px 0;margin:0}.laboration-box p{font-size:12px;margin:0 0 10px 0;min-height:1.1667em}.laboration-box .chapter-image-container{width:160px;height:100px;background-repeat:no-repeat;background-size:contain;background-position:center center;margin:0 auto}.laboration-box img{visibility:hidden}.back-button{background-color:#fff;background-image:url("/assets/img/menu/back-arrow.svg");background-repeat:no-repeat;background-size:auto 11px;background-position:15px center;border:solid 1px #e4e4e4;width:140px;padding:5px 0;text-align:right;margin:40px auto 0 auto}.back-button span{display:inline-block;border-left:solid 1px #edeeee;padding:10px 15px 10px 20px;height:100%}sbl-spread-edit{display:block}.spread-view{position:absolute;bottom:0;left:0;right:0;top:0;padding:1em}.spread-view__pages{position:relative;bottom:0;left:0;right:0;top:0;width:100%;height:100%}.spread-view__pages__scaled{position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:3px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);background-color:#fff}.spread-view__pages__scaled--with-sound{padding-bottom:-webkit-calc(32px + 2em);padding-bottom:calc(32px + 2em)}.spread-view__pages__scaled__page{height:100%;width:100%}.spread-view__pages__scaled__page.is--double{width:50%}.spread-view__sounds{position:absolute;padding:1em 0;bottom:0;left:0;right:0;height:32px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.spread-view__sounds__sound{position:relative;display:block;margin:0 5px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}sbl-strings-edit{display:block}.strings-edit__container{position:relative}.strings-edit__container+.strings-edit__container{margin-top:5px}.strings-edit__container+.strings-edit__button--add{margin-top:10px}.strings-edit__item{padding-right:20px!important}.strings-edit__button--remove{position:absolute;top:1px;right:1px;height:26px;width:20px;line-height:26px;padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid #a9a9a9}.strings-edit__button--remove:hover{border-color:#a9a9a9;-webkit-box-shadow:0 0 3px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.tabs{border-bottom:solid 1px #d8d8d8;position:relative;margin-bottom:18px;margin-left:-20px;margin-right:-20px;height:36px;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs__wrapper{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);position:relative;margin-left:20px;margin-right:20px;overflow:hidden}.tabs__slider{-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;margin-right:146px;-webkit-transition:margin-left .25s ease-out;transition:margin-left .25s ease-out}.tabs__slider__tab{cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:1px;height:36px;padding:10px;font-size:14px;font-weight:bold;color:#252837;background-color:#e5e5e5;-webkit-transition:background-color linear .25s;transition:background-color linear .25s}.tabs__slider__tab.selected{color:#fff;background-color:#252837}.tabs__slider__tab:not(.selected):hover{background-color:#f4f4f4;-webkit-transition:background-color linear .25s;transition:background-color linear .25s}.tabs__prevnext{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:106px;height:36px;padding:3px 0 3px 9px;top:0;right:0;text-align:right;background-image:-webkit-gradient(linear,right top,left top,color-stop(70%,white),to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(right,white 70%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to left,white 70%,rgba(255,255,255,0) 100%)}.tabs__prevnext button{pointer-events:auto;width:30px;height:30px;padding:0;margin-right:5px;border-radius:2px;background-color:#fff;border:solid 1px #e5e5e5}.tabs__prevnext button:last-child{margin-right:0}.tabs__prev{background-image:url("/LabApplication/src/assets/img/icons/chevron-left.svg");background-position:center center;background-repeat:no-repeat}.tabs__next{background-image:url("/LabApplication/src/assets/img/icons/chevron-right.svg");background-position:center center;background-repeat:no-repeat}.tutorial{}.tutorial__body{display:none;margin-top:37px}.tutorial__body.extended{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tutorial__body__main{width:-webkit-calc(100% - 298px);width:calc(100% - 298px);min-width:-webkit-calc(100% - 298px);min-width:calc(100% - 298px);margin-right:20px}.tutorial__body__main__content{background-color:#fff;padding:0 10px 0 0}.tutorial__body__main__content__headline{font-size:22px;line-height:26px;margin:0 0 10px 0}.tutorial__body__main__content__introduction{font-size:18px;line-height:24px;color:#58595b;margin:0 0 10px 0}.tutorial__body__main__content__markup{font-size:14px;color:#212529}.tutorial__body__main__content__markup ul,.tutorial__body__main__content__markup ol{margin:0 0 20px 0;font-size:14px;line-height:26px;float:none}.tutorial__body__main__content__markup ul li,.tutorial__body__main__content__markup ol li{float:none;width:auto;padding:0}.tutorial__body__main__content__markup ul{list-style-type:disc}.tutorial__body__main__content__markup ol{list-style-type:decimal}.tutorial__body__main__content__markup p{line-height:20px;font-size:14px;margin:0 0 20px 0;float:none}.tutorial__body__main__content__markup h1,.tutorial__body__main__content__markup h2,.tutorial__body__main__content__markup h3,.tutorial__body__main__content__markup h4,.tutorial__body__main__content__markup h5{font-size:18px;font-weight:bold;color:#000;margin:30px 0 5px 0}.tutorial__body__main__content__markup a{text-decoration:underline;color:inherit}.tutorial__aside{width:276px}.tutorial__aside__images{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px -5px 25px -5px}.tutorial__aside__images .image{padding:5px;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.tutorial__aside__images .image:only-child{width:100%}.tutorial__aside__images .image img{width:100%;height:auto;margin:0 auto}.tutorial__aside__block{border-bottom:solid 1px #d8d8d8;padding-bottom:10px;margin-bottom:30px}.tutorial__aside__block .resource__button{position:relative;width:100%;height:48px;border-radius:3px;text-decoration:none;font-size:16px;font-weight:bold;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}.tutorial__aside__block .resource__button span{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 10px;line-height:48px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial__aside__block .resource__button.white{background-color:#fff;color:#252837}.tutorial__aside__block .resource__button.yellow{background-color:#feb000;color:#fff}.tutorial__aside__block .resource__button.white-yellow{background-color:#fff;color:#feb000}.tutorial__aside__block .resource__button.pdf{padding:0 48px;text-align:center;-webkit-transition:all .15s;transition:all .15s;border:solid 1px #da9a09}.tutorial__aside__block .resource__button.pdf:hover{border-color:#a9a9a9;-webkit-box-shadow:0 0 3px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.tutorial__aside__block .resource__button.pdf:before{content:"";background:transparent url("/LabApplication/src/assets/img/icons/document-pdf--white.svg") no-repeat center center;position:absolute;height:100%;width:48px;left:0;top:0;border-right:solid 1px #da9a09}.tutorial__aside__block .resource__button.pdf:after{content:"";background:transparent url("/LabApplication/src/assets/img/icons/download--white.svg") no-repeat center center;position:absolute;height:100%;width:48px;right:0;top:0;border-left:solid 1px #da9a09}.tutorial__aside__block .resource__button.audio{border-bottom:solid 1px #e5e5e5;margin-bottom:0;padding:0 48px 0 0;text-align:left}.tutorial__aside__block .resource__button.audio.open:after{background-image:url("/LabApplication/src/assets/img/icons/minus--black.svg")}.tutorial__aside__block .resource__button.audio.closed:after{background-image:url("/LabApplication/src/assets/img/icons/plus--black.svg")}.tutorial__aside__block .resource__button.audio:after{content:"";background-color:transparent;background-repeat:no-repeat;background-position:center center;position:absolute;height:100%;width:48px;right:0;top:0;border-left:solid 1px #e5e5e5}.tutorial__aside__block .resource__button.link{text-align:left;border:solid 1px #e5e5e5;padding:0 48px 0 0;-webkit-transition:all .15s;transition:all .15s}.tutorial__aside__block .resource__button.link:hover{border-color:#a9a9a9;-webkit-box-shadow:0 0 3px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.tutorial__aside__block .resource__button.link:after{content:"";background:#feb000 url("/LabApplication/src/assets/img/icons/forward-arrow--white.svg") no-repeat center center;position:absolute;height:100%;width:48px;right:0;top:0}.tutorial__aside__block .resource__audio-container{border:solid 1px #e5e5e5;border-radius:3px;background-color:#fff;color:#252837;width:100%;margin-bottom:10px;-webkit-transition:all .15s;transition:all .15s}.tutorial__aside__block .resource__audio-container:hover{border-color:#a9a9a9;-webkit-box-shadow:0 0 3px #a9a9a9;box-shadow:0 0 3px #a9a9a9}.tutorial__aside__block .resource__audio-container .audio-player{display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px}.tutorial__aside__block .resource__audio-container .audio-player.visible{display:block}.tutorial__aside__block .resource__audio-container .audio-player audio{max-width:100%}.tutorial-edit__header{padding:20px 15px}.tutorial-edit__header::after{clear:both;content:"";display:table}.tutorial-edit__body{border-top:solid 1px #a9a9a9;padding:20px 15px}.tutorial-edit__body__block{padding:20px 0;border-bottom:solid 1px #a9a9a9}.tutorial-edit__body__block::after{clear:both;content:"";display:table}.tutorial-edit__body__block:last-child{border-bottom:0}.tutorial-edit__body__block textarea.markup{min-height:250px}.tutorial-edit__body__block .resource-group{margin-bottom:30px;background-color:#fafafa;border:solid 1px #b6b6b6;padding:15px}.tutorial-edit__body__block .resource-group::after{clear:both;content:"";display:table}.tutorial-edit__body__block__footer{width:100%;clear:both}.tutorial-edit__body .image-block{float:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px -5px 20px -5px}.tutorial-edit__body .image-block li{float:none;border:solid 1px #e5e5e5;margin:5px;padding:10px 15px 15px 15px;width:-webkit-calc(50% - 10px);width:calc(50% - 10px)}.tutorial-edit__footer{width:100%;border-top:solid 1px #a9a9a9;padding:20px 15px 0 15px}.tutorial-edit__footer::after{clear:both;content:"";display:table}.tutorial{display:block}.tutorial h3{font-size:24px;font-weight:bold;line-height:26px;color:#000;margin:0 0 20px 0}.tutorial__header{padding:12px 0;margin-bottom:10px}.tutorial__header__text{padding:0 0 50px 0}.tutorial__header__text h2{font-size:32px;font-weight:bold;color:#000;padding:0;margin:0}.tutorial__header__text .intro{color:#58595b;font-size:18px;line-height:26px;margin:1em 0 0 0}.tutorial__header__text .intro h1,.tutorial__header__text .intro h2,.tutorial__header__text .intro h3,.tutorial__header__text .intro h4,.tutorial__header__text .intro h5{font-size:24px;font-weight:bold;color:#000;margin:30px 0 5px 0}.tutorial__header__text .intro a{text-decoration:underline;color:inherit}.tutorial__header__button{float:right;background-color:#252837;border-radius:18px;color:#fff;font-size:14px;font-weight:bold;height:36px;padding:0 40px 0 20px;background-repeat:no-repeat;background-position:right 8px center;white-space:nowrap}.tutorial__header__button.plus{background-image:url("/LabApplication/src/assets/img/icons/circle-plus--white.svg")}.tutorial__header__button.minus{background-image:url("/LabApplication/src/assets/img/icons/circle-minus--white.svg")}sbl-view-audio-player{display:block}.view-audio-player::-webkit-media-controls-panel{background-color:transparent}.view-navigator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.view-navigator__breadcrumb{padding:7px 20px;width:100%}.view-navigator__breadcrumb__icon{display:inline-block;height:16px;float:left}.view-navigator__breadcrumb__list{margin:0 0 0 5px;padding:0;float:left}.view-navigator__breadcrumb__list .breadcrumb-item{display:inline-block;height:16px;color:#58595b;position:relative}.view-navigator__breadcrumb__list .breadcrumb-item a,.view-navigator__breadcrumb__list .breadcrumb-item .current{display:inline-block;cursor:pointer;font-size:12px;line-height:16px;padding:0 5px}.view-navigator__breadcrumb__list .breadcrumb-item .current{background:transparent url("/LabApplication/src/assets/img/icons/nav-arrow-down--gray.svg") no-repeat right center;padding-right:12px}.view-navigator__breadcrumb__list .breadcrumb-item a{text-decoration:none;color:#58595b}.view-navigator__breadcrumb__list .breadcrumb-item a:hover{text-decoration:underline}.view-navigator__breadcrumb__list .breadcrumb-item span.current{color:#191919}.view-navigator__breadcrumb__list .breadcrumb-item:after{content:" / "}.view-navigator__breadcrumb__list .breadcrumb-item:last-child::after{content:""}.view-navigator__dropdown{position:absolute;top:30px;background:#fff;border:solid 1px #e5e5e5;border-radius:3px;padding:8px 4px;margin-left:-webkit-calc(-100px + 50%);margin-left:calc(-100px + 50%);width:190px;list-style-type:none;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.view-navigator__dropdown:after,.view-navigator__dropdown:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.view-navigator__dropdown:after{border-color:transparent;border-bottom-color:#fff;border-width:9px;margin-left:-9px}.view-navigator__dropdown:before{border-color:transparent;border-bottom-color:#efefef;border-width:10px;margin-left:-10px}.view-navigator__dropdown .dropdown-item{border-radius:2px;padding:8px 10px;color:#58595b;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.view-navigator__dropdown .dropdown-item:hover{background-color:#f2f2f2}.view-navigator__dropdown .dropdown-item.selected{font-weight:bold}.view-navigator__dropdown .dropdown-item__title{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-navigator__prevnext{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:solid 1px #e5e5e5;border-radius:2px;background:#fff;float:right;margin:4px 60px 4px 0;height:22px}.view-navigator__prevnext__indicator{color:#58595b;text-align:center;height:22px;width:64px;font-size:12px;font-weight:bold;line-height:22px}.view-navigator__prevnext__button{display:inline-block;height:22px;width:25px;border-radius:0;padding:0;-webkit-box-shadow:none;box-shadow:none}.view-navigator__prevnext .prev{background:transparent url("/LabApplication/src/assets/img/icons/nav-carret-left--gray.svg") no-repeat center center;border-right:solid 1px #e5e5e5}.view-navigator__prevnext .prev:hover{background-image:url("/LabApplication/src/assets/img/icons/nav-carret-left--gray--dark.svg")}.view-navigator__prevnext .next{background:transparent url("/LabApplication/src/assets/img/icons/nav-carret-right--gray.svg") no-repeat center center;border-left:solid 1px #e5e5e5}.view-navigator__prevnext .next:hover{background-image:url("/LabApplication/src/assets/img/icons/nav-carret-right--gray--dark.svg")}html,body{height:100%}.view-page{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.view-page__header{position:relative;max-height:32px;min-height:32px;height:32px;background:#fafafa;border-bottom:solid 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.12);z-index:10}.view-page__player{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background:#edeeee;position:relative;z-index:9}.view-page__player__template{position:absolute;bottom:0;left:0;right:0;top:0;width:100%;height:100%}.view-page__player.cover_image{background-size:cover}.view-page__footer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media print{.view-page__player{display:none;height:100px;max-height:100px;background-color:#aaa;z-index:-123}}.zoom-pan{display:block;position:absolute;bottom:0;left:0;right:0;top:0;width:100%;height:100%}