@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700);@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);@import url(https://fonts.googleapis.com/css?family=Nixie+One);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Open Sans",sans-serif;color:#24262b}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px;font-weight:700;margin-top:15px}h4{font-size:13px}i{font-style:italic}p{line-height:22px}.quiet{color:#333}.bold,.loud,b,strong{color:#000}.italic{font-style:italic}.bold,b,strong{font-weight:700}a,a:visited{color:#2240c2;text-decoration:none}a[disabled]{pointer-events:none}.media-screen-break-small-hidden{display:none}.media-screen-break-small-visible{display:inherit}#page{max-width:1200px;margin:0 auto 20px}#content{max-width:1230px}#content .nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:inline}#content .nav li{display:flex;cursor:pointer}#content .nav li a{color:#000;text-align:center;padding:14px 16px;text-decoration:none}#content .nav li a:hover{background-color:#bbb}#content .nav .active{background-color:#d7d6d5}button{background-color:#00457c;font-size:16px;font-family:"Open Sans",sans-serif;padding:7px 12px;cursor:pointer;border:2px solid #202d5e;border-radius:3px;-webkit-user-select:none;-ms-user-select:none;user-select:none}button,button i{color:#fff}button.green{background-color:#00a551;border-color:#00a551;border-radius:3px;margin-top:20px}button.red{background-color:#d80505;border-color:#d80505}button:hover{background-color:transparent;color:#24262b}button:hover i{color:#202d5e}button.disabled{background-color:#eae9e8;color:#52565e;border-color:#eae9e8;cursor:default}button.disabled i{color:#52565e}button.submit{border:2px solid #0a7c3b}button.submit i{color:#00a551}button.danger{background-color:#d80505;border-color:#d80505}button.danger:hover{color:#fff;background-color:#f90601;border-color:#f90601}button.green{background-color:#0a7c3b;border-color:#0a7c3b}button.green:hover{color:#fff;background-color:#00a551;border-color:#00a551}p{margin-top:20px;margin-bottom:20px}.callout{background-color:#efeeed;padding:20px;margin-top:30px;border-radius:3px;line-height:22px}.success-message{color:#0a7c3b}.success-message,.warning-text{font-size:18px;font-weight:700;display:block}.warning-text{color:#c00}.hidden{display:none}.question-count{font-weight:700;margin-bottom:30px;margin-top:15px}.navigation{width:100%;display:inline-block;margin-top:20px}.navigation .prev-next{font-weight:600;font-size:14px;line-height:28px}.navigation .prev-next i{cursor:pointer}.navigation .prev-next .fa-arrow-left{margin-right:5px}.navigation .prev-next .fa-arrow-right{margin-left:5px}.dialog,.error{color:#c00;font-weight:700}.dialog .buttons .danger{margin-right:15px}#header .navigation,#header .title{padding:20px}#header .title{border-bottom:5px solid #00457c;width:100%;font-weight:300;font-family:"Nixie One",cursive}#header .title h1{font-size:42px}img{margin-top:20px;margin-bottom:20px}iframe,img{border:1px solid #373b47;border-radius:5px}.multiple-choice{margin-top:20px;display:inline-block}.multiple-choice .answer-key{display:flex;margin-top:30px;color:#777b7f}.multiple-choice .answer-key .strongly-disagree{margin-left:auto}.multiple-choice .radio{float:left;margin:10px;padding-top:5px;padding-bottom:5px;display:flex;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.multiple-choice .radio .radio-outer{width:16px;height:16px;border:3px solid #434a5a;border-radius:14px;float:left;display:flex;justify-content:center;align-items:center;margin-right:7px}.multiple-choice .radio .radio-outer .radio-inner{width:10px;height:10px;background-color:#434a5a;border-radius:5px}.multiple-choice .radio .radio-outer.disabled{border-color:#eae9e8;color:#434a5a}.multiple-choice .radio .text{float:left;font-size:16px;position:relative;top:3px}.check-answer{background-color:#00a551;border-color:#00a551;margin-top:20px}.select-answer-message{margin-top:20px;font-style:italic}.loading{margin-top:40px;width:272px;text-align:center}.keyboard-container{position:relative;width:800px;height:430px;margin-bottom:30px;margin-top:30px;background-image:url(http://drift.nps.edu/population-stereotypes/images/5.jpg);background-repeat:no-repeat;background-size:800px}.keyboard-container .key{width:45px;height:45px;position:absolute}.keyboard-container .key input{width:35px;height:35px;padding:0;font-size:24px;text-align:center;border:1px solid #178c9b;border-radius:2px;background-color:transparent}.keyboard-container .number0{bottom:55px;left:98px}.keyboard-container .number1{top:264px;left:142px}.keyboard-container .number2{top:198px;left:185px}.keyboard-container .number3{left:229px;top:264px}.keyboard-container .number4{bottom:55px;left:274px}.keyboard-container .number5{bottom:55px;left:493px}.keyboard-container .number6{top:265px;left:538px}.keyboard-container .number7{top:198px;left:583px}.keyboard-container .number8{top:264px;left:626px}.keyboard-container .number9{bottom:55px;left:669px}.error-message{color:#c00;margin-top:20px;font-weight:700}.window-container{position:relative;width:650px;height:506px;margin-bottom:30px;margin-top:30px;background-image:url(http://drift.nps.edu/population-stereotypes/images/10.jpg);background-repeat:no-repeat;background-size:650px}.window-container .key{width:100px;height:100px;border:1px solid #373b47;box-shadow:2px 2px 4px #989a9c;border-radius:3px;display:inline-block;margin-right:20px;position:relative}.window-container .key input{width:88px;height:86px;margin-top:5px;margin-left:5px;font-size:28px;text-align:center;border:1px solid #989a9c;border-radius:2px;background-color:hsla(0,0%,100%,.5)}.window-container .key.number0{top:63px;left:44px}.window-container .key.number1{top:61px;left:144px}.window-container .key.number2{top:59px;left:248px}.calculator-container{border:1px solid #373b47;border-radius:5px;padding:15px;width:340px;height:490px;margin-bottom:20px;position:relative;background-image:url(http://drift.nps.edu/population-stereotypes/images/14.jpg);background-repeat:no-repeat;background-size:370px}.calculator-container .absolute{position:absolute}.calculator-container .button{line-height:50px;display:inline-block}.calculator-container .button input{width:46px;height:43px;padding-top:2px;border-radius:2px;border:1px solid #373b47;text-align:center;font-size:30px;background-color:hsla(0,0%,100%,.5)}.calculator-container .number0{right:59px;top:159px}.calculator-container .number1{right:59px;top:247px}.calculator-container .number2{right:59px;top:334px}.calculator-container .number3{right:59px;top:421px}.calculator-container .number4{right:129px;top:421px}.elevator-container{width:400px;height:690px;border:1px solid #373b47;border-radius:5px;margin-bottom:20px;background-image:url(http://drift.nps.edu/population-stereotypes/images/15.jpg);background-repeat:no-repeat;background-size:400px}.elevator-container .light-container{width:170px;margin:0 auto;padding-top:30px;padding-bottom:30px;padding-left:20px}.elevator-container .light-container .light{width:60px;height:60px;display:inline-block;position:relative}.elevator-container .light-container .light input{width:55px;height:55px;border-radius:30px;margin-left:5px;margin-top:4px;border:1px solid #373b47;text-align:center;font-size:30px;background-color:hsla(0,0%,100%,.5)}.elevator-container .light-container .light.number0{top:46px;left:-20px}.elevator-container .light-container .light.number1{top:45px;left:43px}.elevator-container .light-container .light.number2{top:110px;left:-19px}.elevator-container .light-container .light.number3{top:109px;left:42px}.elevator-container .light-container .light.number4{top:171px;left:-19px}.elevator-container .light-container .light.number5{top:170px;left:41px}.elevator-container .light-container .light.number6{top:229px;left:-18px}.elevator-container .light-container .light.number7{top:230px;left:40px}.elevator-container .light-container .light.number8{top:284px;left:-17px}.elevator-container .light-container .light.number9{top:286px;left:40px}#result{display:inline-flex;align-items:flex-end;justify-content:space-evenly;margin-bottom:25px}#result .bar-container{position:relative;width:130px;display:table;border-bottom:2px solid #52565e}#result .bar-container .title,#result .bar-container .your-choice{text-align:center}#result .bar-container .title{position:absolute;font-size:14px;width:100%;top:100%;line-height:22px;margin-top:7px}#result .bar-container .title .text{margin-left:10px;margin-right:10px}#result .bar-container .title .text .your-choice{font-size:13px;display:block;margin-top:7px;line-height:14px}#result .bar-container .table-title table{margin:0 auto}#result .bar-container .table-title tr:first-child{border-top:1px solid #373b47}#result .bar-container .table-title tr{border-bottom:1px solid #373b47;border-radius:3px}#result .bar-container .table-title tr td{border-left:1px solid #373b47;width:25px}#result .bar-container .table-title tr td:last-child{border-right:1px solid #373b47}#result .bar-container .small{font-size:18px}#result .bar-container .bar{background-color:#777b7f;width:55px;position:relative;margin:0 auto;transition:1s}#result .bar-container .bar .count{font-size:20px;text-align:center;position:absolute;color:#373b47;width:70px;left:-7px;top:-26px}#result .bar-container .bar.chosen{background-color:#00a551}.result-container{margin-bottom:35px}.result-text{margin-top:25px;padding-top:20px;font-weight:600;margin-bottom:30px}.result-text .result-instruction{font-weight:300;font-style:italic}#instructor-view .tests,#student-view .tests{display:flex;flex-wrap:wrap;margin-bottom:10px;overflow:auto}#instructor-view .tests li,#student-view .tests li{background-color:#efeeed;margin-right:20px;float:left;height:195px;width:195px;padding:17px;margin-bottom:15px;border-radius:5px;cursor:pointer;border:2px solid #52565e;box-shadow:3px 3px 5px #989a9c;display:flex;flex-direction:column;justify-content:space-between}#instructor-view .tests li .disabled,#instructor-view .tests li .enabled,#student-view .tests li .disabled,#student-view .tests li .enabled{font-weight:700}#instructor-view .tests li .enabled,#student-view .tests li .enabled{color:#00a551}#instructor-view .tests li .disabled,#student-view .tests li .disabled{color:#f90101}#instructor-view .tests li:hover,#student-view .tests li:hover{background-color:#fff}#instructor-view .tests li h3,#student-view .tests li h3{margin-top:0}#instructor-view .tests li p,#student-view .tests li p{margin:0;max-height:65px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}#instructor-view .overlay,#student-view .overlay{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,.2)}#instructor-view .imports-window,#student-view .imports-window{background-color:#fff;position:fixed;flex-direction:column;display:flex;padding:20px;border-radius:5px;max-width:900px;width:calc(100% - 80px);max-height:calc(100% - 100px)}#instructor-view .imports-window .title,#student-view .imports-window .title{max-width:30%}#instructor-view .imports-window .description,#student-view .imports-window .description{max-width:70%}#instructor-view .imports-window .description,#instructor-view .imports-window .title,#student-view .imports-window .description,#student-view .imports-window .title{overflow:hidden;text-overflow:ellipsis}#instructor-view .imports-window button,#student-view .imports-window button{float:right;margin-top:8px}#instructor-view .imports-window .shareable-tests-container,#student-view .imports-window .shareable-tests-container{height:100%;max-height:500px;overflow-y:scroll}#instructor-view .imports-window .shareable-tests-container .shareable-tests,#student-view .imports-window .shareable-tests-container .shareable-tests{margin:5px}#instructor-view .imports-window .shareable-tests-container .shareable-tests li,#student-view .imports-window .shareable-tests-container .shareable-tests li{display:flex;background-color:#efeeed;padding:7px;border-radius:3px;cursor:pointer;border:2px solid transparent;margin-bottom:12px}#instructor-view .imports-window .shareable-tests-container .shareable-tests li:hover,#student-view .imports-window .shareable-tests-container .shareable-tests li:hover{border:2px solid #777b7f}#instructor-view .imports-window .shareable-tests-container .shareable-tests li .title,#student-view .imports-window .shareable-tests-container .shareable-tests li .title{font-weight:700;margin-right:10px}#instructor-view .imports-window .shareable-tests-container .shareable-tests li .description,#student-view .imports-window .shareable-tests-container .shareable-tests li .description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#instructor-view .imports-window .shareable-tests-container .shareable-tests li .description p,#student-view .imports-window .shareable-tests-container .shareable-tests li .description p{margin:-3px 0 0}#test-settings input,#test-settings textarea{margin-top:5px}#test-settings input[type=checkbox]{margin-left:5px;margin-top:0}.popup{position:fixed;background-color:#fff;width:400px;border-radius:3px;padding:20px;height:100px;left:calc(50% - 200px);top:calc(50% - 50px);box-shadow:5px 5px 8px #bbb}.popup p{margin:0}.popup button{margin-right:20px}body .item-list-editor li,body .sortable-item{border:1px solid #52565e;margin-bottom:20px;padding:15px 5px 15px 15px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;box-shadow:2px 2px 5px #d7d6d5;cursor:move;background-color:#fff}body .item-list-editor li input,body .sortable-item input{width:80%}body .item-list-editor li button,body .sortable-item button{margin-right:10px;background-color:#d7d6d5;border-color:#d7d6d5;color:#24262b}body .item-list-editor li button:hover,body .sortable-item button:hover{background-color:#fff;border-color:#24262b}body .item-list-editor li .edit,body .sortable-item .edit{background-color:#d7d6d5}body .item-list-editor li .category-name,body .item-list-editor li .question-text,body .sortable-item .category-name,body .sortable-item .question-text{max-width:720px;line-height:20px}body .item-list-editor li .options,body .sortable-item .options{display:flex;align-items:center}body .item-list-editor li .options .category,body .sortable-item .options .category{margin-right:10px}body .item-list-editor li .options .reverse-selection,body .sortable-item .options .reverse-selection{display:flex}body .item-list-editor li .options .reverse-selection input,body .sortable-item .options .reverse-selection input{margin-left:5px;width:auto;position:relative;top:1px;margin-right:10px}body .item-list-editor li .options select,body .sortable-item .options select{min-width:100px}body .sortable-item-dragging{box-shadow:4px 4px 7px #bbb}#admin{margin-bottom:50px}#admin .item-list-editor{margin-top:20px}#admin .item-list-editor .disabled{background-color:#efeeed;color:#bbb;border-color:#eae9e8;cursor:default;pointer-events:none}#admin .save{margin-right:10px}#admin .data{margin-top:5px;margin-left:32px}#admin .complete,#admin .error{margin-top:20px}#admin .complete{color:#0a7c3b;font-weight:700}#admin .dialog .warning-text{margin-right:20px}#admin .dialog .green{margin-left:10px}#admin .quiz-editor{margin-top:50px}
/*# sourceMappingURL=main.df335e03.chunk.css.map */