@font-face{font-family:ubuntu-regular;src:url(/fonts/Ubuntu/Ubuntu-Regular.ttf)}html{position:relative;min-height:100%;font-size:14px}@media (min-width:768px){html{font-size:16px}}body{font-family:Rubik}.fullPage{page-break-after:always}.bg-blue{background-color:#0080c5}.bg-grey{background-color:#fbfbfb}.bg-green{background-color:#5dc7d1}.text-green{color:rgba(40,167,70,.9)}.text-blue{color:#1e90ff}.text-white{color:#fff}.text-light-blue,a#forgot-password{color:#9ae1e7}.btn-login{border-color:#f8f9fa}.chartDivider{height:20px;width:100%}.checkbox-image [type=radio]{position:absolute;opacity:0;width:0;height:0}.checkbox-image [type=radio]+img{cursor:pointer}.checkbox-image [type=radio]:checked+img{box-shadow:0 0 0 1pt blue}.chartLegend{width:13px;height:13px}.infoPopover{height:1.3em}.table .thead-green th{background-color:#5dc7d1}a.navbar-brand{white-space:normal;text-align:center}.tab-content{border:1px solid #ddd;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:10px}.nav-tabs{border:none;position:relative;top:2px}.scrolling-type-badges{overflow-x:auto;white-space:nowrap}.type-badge{display:inline-block;width:120px;margin-bottom:5px}#cookieConsent{position:fixed;width:500px;height:200px;margin:5% auto;left:0;right:0;bottom:0;z-index:3}#startLesson{top:97px;position:absolute}.field-validation-error{color:red}.profile-stats .badge-value{font-size:11px;margin-top:-16px}@media (max-width:576px){.navbar .navbar-collapse{height:unset}}.breadcrumb{border-radius:0}.dropdown-item{cursor:pointer}.unit .progress-bar{background-color:unset;color:#000;cursor:pointer;border-radius:3px}.unit .progress-bar:hover{opacity:.9}.unit .progress-bar.success{color:#fff}.unit .progress-bar.exerciseDisabled{border:none;color:grey;cursor:default}.breadcrumb{background-color:unset}.ct-point{stroke-width:15px}.accuracy-legend{background-color:#51c1ce}.wpm-legend{background-color:#c7aa13}.accuracy-stroke{stroke:#51c1ce}.wpm-stroke{stroke:#c7aa13}body{margin-bottom:60px}footer{position:absolute;bottom:0;width:100%;white-space:nowrap;height:60px;line-height:60px}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}button.accept-policy{font-size:1rem;line-height:inherit}div.dataTables_wrapper div.dataTables_filter{display:inline;float:right}.dataTables_length{display:inline}.dt-buttons{margin-right:10px}table.dataTable thead tr{background-color:#5dc7d1}.table-bordered td,.table-bordered th{border:none}table.dataTable tbody td.selected a,table.dataTable tbody th.selected a,table.dataTable tbody tr.selected a{color:unset}.webgl-content .logo,.webgl-content .progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.webgl-content .logo{background:url(/games/TemplateData/progressLogo.Light.png) no-repeat 50%/contain;width:154px;height:130px}.webgl-content .progress{height:18px;width:141px;margin-top:90px}.webgl-content .progress .empty{background:url(/games/TemplateData/progressEmpty.Light.png) no-repeat 100%/cover;float:right;width:100%;height:100%;display:inline-block}.webgl-content .progress .full{background:url(/games/TemplateData/progressFull.Light.png) no-repeat 0/cover;float:left;width:0;height:100%;display:inline-block}.webgl-content .logo.Dark{background-image:url(/games/TemplateData/progressLogo.Dark.png)}.webgl-content .progress.Dark .full{background-image:url(/games/TemplateData/progressFull.Dark.png)}.webgl-content .footer{margin-top:5px;height:38px;line-height:38px;font-family:Helvetica,Verdana,Arial,sans-serif;font-size:18px}.fullscreen,.title,.webgl-content .footer .webgl-logo{height:100%;display:inline-block;background:transparent 50% no-repeat}.webgl-content .footer .webgl-logo{background-image:url(/games/TemplateData/webgl-logo.png);width:204px;float:left}.webgl-content .footer .title{margin-right:10px;float:right}.webgl-content .footer .fullscreen{background-image:url(/games/TemplateData/fullscreen.png);width:38px;float:right}.navbar-collapse{height:70px}.navbar{border-bottom:60px solid #9ae1e7;margin-bottom:20px}.nav-logo{height:60px}.nav-item .border-left{border-left:1px solid #45a2d4!important}div#light-blue-bar{height:60px;background-color:#9ae1e7;margin-bottom:20px}div#light-blue-bar nav{max-width:1140px;margin-left:auto;margin-right:auto}li.breadcrumb-item.active{color:#917f7f;font-size:18pt}li.breadcrumb-item a{font-size:18pt}.breadcrumb-item+.breadcrumb-item:before{color:#917f7f;font-size:18pt}#notification-header{display:none}div#notification-bubble{border:2px solid #9ae1e7;border-radius:20px;background-color:#fff;max-width:400px;position:absolute;top:102px;right:140px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:2;white-space:pre-line}div#notification-bubble:after,div#notification-bubble:before{left:99.9%;top:40px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div#notification-bubble:after{border-color:hsla(0,0%,84%,0);border-left-color:#fff;border-width:15px;margin-top:-15px}div#notification-bubble:before{border-color:rgba(194,225,245,0);border-left-color:#9ae1e7;border-width:18px;margin-top:-18px}div#notification-bubble p{padding:0 20px;margin:0}div#notification-robot{position:absolute;top:100px;right:10px;z-index:1}div#notification-robot img{height:75px}a,div,h1,h2,h3,h4,h5,h6,li,ol,p,span,ul{font-family:ubuntu-regular,Helvetica,sans-serif}a{color:#0080c5}.text-secondary{color:#6c757d!important;text-transform:uppercase;font-size:11pt}.btn-primary{border-color:#0080c5}.btn-primary,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0080c5}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#9ae1e7 #9ae1e7 #fff;border-bottom:0}.nav-tabs .nav-link{border:2px solid transparent;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:3px -4px 15px #8080801f,-3px -4px 15px #80808008;padding:6px;min-width:100px;text-align:center;margin-top:6px;border-color:#e9ecef #e9ecef #dee2e6;border-bottom:0}a.nav-link.active{box-shadow:none;padding:10px;margin-top:0}.nav-tabs .nav-item{margin-right:10px;margin-bottom:0!important}a.nav-link{color:#000}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;border-bottom:0}.nav-tabs .active:focus,.nav-tabs .active:hover{border-color:#9ae1e7 #9ae1e7 #fff}.tab-content{border:2px solid #9ae1e7}.profile{margin-top:-70px}div#avatar-circle{border:5px solid #9ae1e7;border-radius:50%;width:150px;height:150px;margin-left:auto;margin-right:auto;margin-bottom:15px;background-color:#fff}label.avatarLocked img{border:5px solid #d5d5d7;border-radius:50%;width:65px;height:65px;object-fit:cover}img#avatar{position:relative;width:120px;height:auto;margin-top:-200px}div#username{color:#2e6065}hr{border-top:2px solid #9ae1e7}.progress{height:5px}.progress-success{background-color:#7ed321}div#progress-number{width:50px;position:relative;margin-left:-25px;background-color:#e4e4e4;padding:5px;font-size:11pt;color:#2e6065;text-align:center;border-radius:5px;z-index:2}div#progress-number:after,div#progress-number:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div#progress-number:after{border-color:hsla(0,0%,100%,0);border-top-color:#e4e4e4;border-width:5px;margin-left:-5px}div#progress-number:before{border-color:hsla(0,0%,100%,0);border-top-color:#e4e4e4;border-width:6px;margin-left:-6px}.checkbox-image{padding:10px 20px 0}label.avatarSelect img{border-radius:50%;border:5px solid #9ae1e7;width:65px;height:65px;object-fit:cover}.checkbox-image [type=radio]:checked+img{box-shadow:none;border:5px solid #0080c5}input#editedName{border:2px solid #9ae1e7}.avatar-btn{width:auto;margin:5px}#save-name-btn,#showLess,#showMore,.avatar-btn{border-radius:25px}span.expand-icon{color:#6c757d}button#showLess,button#showMore{border:2px solid #6c757d;background-color:transparent;color:#6c757d;margin-left:auto;margin-right:auto;width:105px}@media only screen and (max-width:1377px){label.avatarSelect img{border:2px solid #9ae1e7;width:45px;height:45px}}@media only screen and (max-width:991px){label.avatarSelect img{width:65px;height:65px}}@media only screen and (max-width:670px){label.avatarSelect img{width:45px;height:45px}}.page-item.active .page-link{background-color:#9ae1e7;border-color:#9ae1e7}.page-link{color:#0080c5}table.dataTable thead tr{background-color:#9ae1e7}table.dataTable td img{height:23px;width:auto}.form-control:disabled,.form-control[readonly]{background-color:#fff;border:1px solid #9ae1e7}.reportBtn{border-radius:25px;height:38px}.table thead th{border:0}#averageWPMdiv img{height:33px;width:auto;margin-top:2px;padding-left:50px}p.badge-value{margin-top:-24px;text-align:center;margin-bottom:5px;font-size:11pt}.badges p.badge-value{margin-top:-15px;font-size:8pt}.badge-container,.badge-container-profile{display:inline-block;width:120px;height:110px}.badge-container-profile img{width:120px}.badge-container-profile h3,.badge-container h3{color:#0080c5;text-align:center;font-size:14pt}.badges.row{max-width:100%;margin:0}.badges .badge-container-profile{width:31%;margin:1%}.badges .badge-container-profile img,.badges .badge-container img{width:100%}.badges .badge-container-profile h3,.badges .badge-container h3{text-transform:uppercase;font-size:8pt;color:#2e6065;font-weight:700}.badge-container-profile p{width:120px}.modal-body-badges p.badge-value{margin-top:-70px}.average-stats{max-width:100%;margin:0}.profile-stats img{width:100%}.profile-stats{width:31%;margin:1%}.sidebar-stat-value{color:#2e6065;font-size:16pt;line-height:18pt}.sidebar-stat-name{color:#5cc7d1;font-size:8pt;text-transform:uppercase;line-height:8pt}.lesson{width:100%}.lesson-container{max-width:1000px;margin-left:auto;margin-right:auto;box-shadow:0 15px 20px #e6e6e6}div#unit-stats-accuracy,div#unit-stats-speed,div#unit-stats-wpm{display:inline-block;text-align:center;margin-right:30px;width:72px;color:#97b0b2}div#unit-stats-images{margin-top:-80px;float:right}div#unit-stats-images div#unit-stats-accuracy,div#unit-stats-images div#unit-stats-speed,div#unit-stats-images div#unit-stats-wpm{color:#9ae1e7}div#lesson-profile{margin-top:-70px;width:20%;float:left}p.stats-subtitle{font-size:11pt;color:#5cc7d1;text-align:right;right:350px;position:relative}hr.stats-line{margin-bottom:5px;border-top:5px solid #9ae1e7;border-radius:10px}p.stat-value{margin:0;font-size:22pt;line-height:22pt}.lessons-progress.lessons-list{width:60%;float:left}div#unit-stats{float:right;width:40%;text-align:right}.lessons-progress .progress{height:auto;background-color:#0080c5;padding:10px 0;border-radius:0}.lessons-progress .progress.inactive{background-color:#acb3b3}.unit .progress-bar{height:20px;margin:2px;width:100%}p.exercise-name{margin-top:17px;color:#000}.lessons-progress .progress:first-of-type{border-radius:10px 0 0 10px}.lessons-progress .progress:last-of-type{border-radius:0 10px 10px 0}.unit .progress-bar.success{background-color:#7ed321}.unit .progress-bar{background-color:#6acbff}.unit .progress-bar.selected{border:2px solid #fff}.unit .progress-bar.exerciseDisabled{background-color:gray;opacity:.6}.unit .progress:first-of-type .progress-bar{margin-left:10px}.unit .progress:last-of-type .progress-bar{margin-right:10px}.startExerciseBtn{height:40px;line-height:24pt;border-radius:25px;min-width:100px;background-color:#7ed322;border:0;text-transform:uppercase;color:#2e6065;margin-left:10px}.startExerciseBtn:before{content:url(/images/ic_play_arrow.png);margin-right:5px}.startExerciseBtn.restart{padding-left:31px}.startExerciseBtn.restart:before{background-image:url(/images/icons/refresh-dark.png);content:"";height:22px;width:16px;position:absolute;background-repeat:no-repeat;margin-top:5px;margin-left:-22px}.lesson-stats{margin-top:-40px}div#proficiency{font-size:10pt;color:#1e90ff}#exerciseProgress div#progress-number{margin-bottom:10px}.stats-value{color:#2e6065;font-size:16pt;line-height:16pt}.stats-title{color:#1e90ff;font-size:10pt}.clear-both{clear:both}img#fingerImage,img#handImage,img#shiftFingerImage,img#shiftHandImage{opacity:.7}#keyboardPressedImage,.keyboardChild{position:absolute;max-height:100%;left:-120px;padding-left:.5rem!important;width:1200px}#keyboardPressedImage{max-width:none;height:529px}.lesson-container{max-width:1100px}#exerciseWords{font-size:30px;height:140px;overflow:auto;width:100%;margin-bottom:10px;box-shadow:0 0 15px 0 #7da1db}#exerciseInformation .lessons-progress{width:420px;top:36px;padding:2px 8px}#exerciseInformation .lessons-progress,.lesson-info h5{position:absolute;background:#74b9bf;border-radius:5px;color:#fff}.lesson-info h5{font-size:14pt;margin-top:3px;margin-bottom:0;width:855px;padding:3px 8px;text-align:right}.lesson-info span.text-white{float:left}#lessonPage .lightBlueHeader{height:85px!important}#exerciseInformation .lesson-info,#exerciseInformation div#lesson-profile{margin-top:-85px!important}div#lessonOptions{width:190px;background-color:#fff;border:2px solid #9ae1e7;text-align:center;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,50%,.25);position:absolute;right:20px;margin-top:-50px;padding:10px 0}.unit-progress-title{font-size:14pt}.unit-progress-title small{font-size:100%!important}.lesson-stats{padding-right:220px!important;max-width:460px}div#robotTutorial{width:100%;background-color:#fff;border:2px solid #9ae1e7;text-align:center;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,50%,.25);padding:10px;margin-top:90px;min-height:70px}div#typeHands{height:529px}@media only screen and (max-width:1377px){.lesson-container{max-width:900px}#keyboardPressedImage{height:397px}#keyboardPressedImage,.keyboardChild{width:900px;left:-65px}#exerciseWords{font-size:20px;height:auto}.lesson-info h5{font-size:12pt;width:695px}.unit-progress-title{font-size:12pt}div#avatar-circle{width:100px;height:100px}img#avatar{width:70px;margin-top:-140px}.statistic img{width:50px;height:50px}div#lessonOptions{width:150px;padding:5px 0;margin-top:-35px}.lesson-stats{padding-right:170px!important;max-width:350px}div#progress-number{width:30px;margin-left:-15px;padding:3px;font-size:10pt}#exerciseProgress div#progress-number{margin-bottom:0}div#robotTutorial{margin-top:80px}div#exerciseProgress{margin-top:-54px!important;padding-left:11px;height:75px!important}.stats-value{font-size:14pt}div#typeHands{height:400px}div#robotTutorial{font-size:8pt}#lessonPage .lightBlueHeader{height:80px!important}#exerciseInformation .lesson-info,#exerciseInformation div#lesson-profile{margin-top:-80px!important}}.modal-content.robot{display:block}.modal-content.robot .modal-character{float:left;width:20%}.modal-content.robot .modal-body{border:1px solid #7edfef;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);float:left;width:76%;margin:2%;color:#2f6d77}.modal-content.robot .modal-body:after,.modal-content.robot .modal-body:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.modal-content.robot .modal-body:after{border-color:hsla(0,0%,100%,0);border-right-color:#fff;border-width:10px;margin-top:-10px}.modal-content.robot .modal-body:before{border-color:rgba(126,223,239,0);border-right-color:#7edfef;border-width:11px;margin-top:-11px}.modal-body .avatar-container img{margin-top:-110px}.modal-body .game-container img{margin-top:-100px}.modal-results{clear:both}span#results-accuracy,span#results-time,span#results-wpm{color:#2f6d77;font-size:22pt}@media only screen and (max-width:1200px){.game-image{height:300px}.game-button{top:-150px}}@media only screen and (max-width:1000px){.game-image{height:200px}.game-button{top:-100px}}.pyro{width:120px;height:120px;z-index:0;position:relative;top:-30px;left:-20px}.pyro>.after,.pyro>.before{position:absolute;z-index:0!important;width:5px;height:5px;border-radius:50%;box-shadow:-50px -80.66667px #f9c,-40px -30px #9cf,-60px -30px #6fc,-50px -40px #cf9,-45px -20px #ff9,15px -10px #f93,100px -70px #f06,75px -10px #96f,5px -20px #0cf,0 -20px #f3c,10px -90px #f06,25px -110px #96f,-25px -120px #0cf,-15px -100px #f3c;animation:1s a ease-out infinite backwards,1s b ease-in infinite backwards,5s c linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes a{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes b{to{transform:translateY(50px);-moz-transform:translateY(50px);-webkit-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);opacity:0}}@keyframes c{0%,to{margin-top:100px;margin-left:50%}}.avatar-container img,.badge-container img,.game-container img{-webkit-animation:fadeinbadge .5s linear 1 normal forwards}.avatar-container img,.game-container img{-webkit-animation:fadein .5s linear 1 normal forwards}