@import url(https://fonts.googleapis.com/css?family=Rubik);@import url(https://fonts.googleapis.com/css?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Carter+One&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.page-mask{background:rgba(0,0,0,.3);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.btn{background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);width:50px;height:50px;border-radius:100%;box-shadow:10px 10px 30px #aaa;position:fixed;bottom:50px;right:50px;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bolder;cursor:pointer;transition:.15s;transition-timing-function:ease-out}.btn svg{fill:#fff}.btn:hover{box-shadow:20px 20px 30px #aaa;width:52px;height:52px}.questionOptions{display:flex;flex-direction:column}.optionsBtnAdd{background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);width:50px;height:50px;border-radius:100%;box-shadow:10px 10px 30px #aaa;position:fixed;bottom:120px;right:50px;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bolder;cursor:pointer;transition:.15s;transition-timing-function:ease-out;-webkit-animation:e 1s 1 forwards;animation:e 1s 1 forwards}.optionsBtnAdd svg{fill:#fff}.optionsBtnImport{background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);width:50px;height:50px;border-radius:100%;box-shadow:10px 10px 30px #aaa;position:fixed;bottom:180px;right:50px;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bolder;cursor:pointer;transition:.15s;transition-timing-function:ease-out;-webkit-animation:f 1s 1 forwards;animation:f 1s 1 forwards}.optionsBtnImport svg{fill:#fff}.addQuestionLabel{bottom:131px;-webkit-animation:e 1s 1 forwards;animation:e 1s 1 forwards}.addQuestionLabel,.importQuestionsLabel{position:fixed;right:115px;background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);box-shadow:10px 10px 30px #aaa;color:#fff;padding:6px 8px}.importQuestionsLabel{bottom:190px;-webkit-animation:f 1s 1 forwards;animation:f 1s 1 forwards}.importSVG{position:fixed;left:17px;width:20px;height:20px}.edit_mode{background-color:#d6dde1;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:20px}.edit_mode h1{text-decoration:none}.edit_mode button{padding:10px;border-radius:20px;background-color:#4356d5;border-color:transparent;outline:none;color:#fff;margin:10px;cursor:pointer;width:70px}@-webkit-keyframes e{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes e{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes f{to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes f{to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}input:focus,select:focus,textarea:focus{outline:none}.formContainer{position:absolute;top:0;bottom:0;right:0;width:60%;font-family:"Roboto",sans-serif}.formContainer,form{display:flex;flex-direction:column;justify-content:center;align-items:center}form{width:100%;padding:10px}form .elem:last-of-type{margin-bottom:40px}form .selectContainer{width:100%;position:relative;margin:30px;display:flex;align-items:flex-start}form .selectContainer select{width:100%;height:30px;border:none;border-bottom:3px solid #59b3d5;background:none;cursor:pointer;font-family:"Roboto",sans-serif;color:#252b33;font-weight:500;font-size:16px}form .selectContainer select option{font-family:"Roboto",sans-serif;color:#252b33;font-weight:500;font-size:14px}form .selectContainer:after{content:" ";position:absolute;top:0;right:0;bottom:3px;width:20px;pointer-events:none}form .checkbox{width:55%;margin:20px 0;display:flex;justify-content:flex-start}form .checkbox input{display:none}form .checkbox p{font-weight:light;color:#252b33;margin:0}form .checkbox label{height:20px;width:20px;background-color:#ddd;border:2px solid #ddd;display:block;margin:0 20px;border-radius:3px}form .checkbox label img{width:20px;height:20px;visibility:hidden}form .checkbox label:hover{border:2px solid #59b3d5}form .checkbox input[type=checkbox]:checked+label{background:#59b3d5;border:2px solid #59b3d5}form .checkbox input[type=checkbox]:checked+label img{visibility:visible}form a{text-decoration:none;color:#59b3d5;font-weight:light;font-size:14px;margin:5px 15px;outline:none;background-color:transparent;padding:10px}form .submitBtn,form a{border:none;cursor:pointer}form .submitBtn{width:50%;margin:0 20px 20px;height:40px;color:#fff;background-image:linear-gradient(90deg,#252b33 0,#0071b3 50%,#59b3d5);font-weight:700}form .submitBtn:hover{background-image:linear-gradient(90deg,#252b33 20%,#0071b3 70%,#59b3d5)}.inputContainer{position:relative;margin:10px 20px;overflow:hidden;width:50%;padding:20px 0}.inputContainer input{background-color:transparent;border:none;border-bottom:3px solid #aaa;height:40px;width:100%;outline:none;position:absolute;bottom:0}.inputContainer label{position:absolute;bottom:10px;left:0;width:100%;height:100px;pointer-events:none;font-weight:500;padding:20px}.inputContainer label .label-content{color:#252b33;position:absolute;bottom:0;left:0;transition:all .5s ease}.inputContainer label:after{content:"";position:absolute;width:100%;height:100%;border-bottom:4px solid #59b3d5;left:0;bottom:-1px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.inputContainer input:focus+label .label-content{-webkit-transform:translateY(-150%);transform:translateY(-150%);font-size:14px;color:#aaa}.inputContainer input:focus+label:after{-webkit-transform:translateX(0);transform:translateX(0)}.inputContainer input:valid{border:none}.inputContainer input:valid+label .label-content{-webkit-transform:translateY(-150%);transform:translateY(-150%);font-size:14px;color:#aaa}.inputContainer input:valid+label:after{-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (max-width:900px){.formContainer{width:100%}.formContainer form{width:80%}}ul.react-autocomplete-input{background-color:#333;color:#fff}.react-autocomplete-input{color:red}.items-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start}.items-container .items-form{width:100%;margin:0;padding:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.items-container .items-form span{width:80%}.items-container .items-form span .TF-choice,.items-container .items-form span input{width:100%}.items-container .items-form input{border:none;border-bottom:3px solid #59b3d5;width:100%;padding:10px;margin:10px 0}.items-container .items-form button{border:none;background-color:transparent}.items-container .items-form svg{width:24px;height:24px;cursor:pointer;padding:0;margin:0 0 5px;fill:#aaa;transition:fill .2s ease-out}.items-container .items-form svg:hover{fill:#59b3d5}.choices{width:100%}.choices .hidden-radio{visibility:hidden;height:0}.choices .choice-container{display:flex;align-items:center;justify-content:space-between}.choices .choice-container svg{fill:#dbccca;cursor:pointer}.choices .choice-container:hover svg{fill:#d13f28}.choices .choice{margin:10px 0}.choices .choice,.choices .choice-tf{box-sizing:border-box;background-color:#f9f9f9;width:90%;border-radius:10px;padding:5px 10px;min-height:30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px #eee;color:#777;cursor:pointer;transition:box-shadow .2s ease-out;transition:color .2s ease-out}.choices .choice-tf{margin:10px 24px}.choices .choice-active,.choices .choice:hover{box-shadow:0 4px 5px #eee;color:#252b33}.choices .choice-active{border:2px solid #00a15d}.choices .choice-active:after{content:url(/static/media/checkmark.53f9e0f3.svg)}.TF-choice{box-sizing:border-box;background-color:#f9f9f9;width:90%;border-radius:10px;padding:5px 10px;min-height:30px;box-shadow:0 2px 5px #eee;color:#777;cursor:pointer}.TF-choice input{height:0}.TF-choice label{height:20px}.tags{display:flex;flex-wrap:wrap}.tags .tag{padding:5px;background-color:#59b3d5;margin:5px;color:#fff;border-radius:5px;font-size:14px}.tags .tag svg{fill:#fff;width:12px;height:12px;padding:0 0 0 5px;transition:.1s ease-out}.tags .tag svg:hover{fill:#d13f28}.msg{font-weight:lighter;font-size:12px;color:#666;padding:8px;border-radius:20px;display:inline-flex}.error{background-color:#f7beb5;border:2px solid #d13f28}.success{background-color:#adf0d3;border:2px solid #00a15d}.category-group{display:flex;align-items:center;justify-content:space-between}.category-group .category-group-badge{background-color:#ebecf0;border-radius:2em;color:#172b4d;display:inline-block;font-size:12;font-weight:400;width:auto!important;padding:.16666666666667em .5em;text-align:center}.category-multi-select .select__control{border:none;border-bottom:3px solid #59b3d5;box-shadow:none;margin:0}.category-multi-select .select__control:hover{border-bottom:3px solid #59b3d5}.category-multi-select .select__control .select__value-container{padding-left:2px}.error.msg{margin-bottom:10px}#reset_image{max-width:10%}#question_image_input{max-width:40%}#question_image_title{max-width:30%}.category-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0}.popup{position:absolute}.popup .modal{z-index:9999;min-height:150px;position:relative;width:22%;height:150px;top:37.5%;margin:0 auto;color:#252b33;background-color:#fff;box-shadow:0 3px 30px #a4aff6;border-radius:10px;min-width:320px}.popup .modal .errorContainer{width:100%;display:flex;justify-content:center;align-items:center}.popup .modal header{border-radius:10px 10px 0 0;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.popup .modal header h3{margin:10px 0}.popup .modal header{border-bottom:3px solid #f9f9f9}.popup .modal .formContainer{position:relative;width:100%}.popup .modal form{width:80%}.popup .modal form .footer{display:flex;width:100%;justify-content:center;align-items:center;background-color:transparent}.popup .modal form .footer .popupButton{height:30px;width:100px;border:1px solid #3a54d3;cursor:pointer;background-color:#3a54d3;color:#fff;border-radius:10px}.popup .modal form .footer .popupButton:hover{color:#f5ee9e;border:1px solid #f5ee9e}.popup .modal .alert{margin-bottom:10px;color:red}.content .wrapper .animated{width:40%;position:absolute;min-width:400px;right:30%;left:30%}.content .wrapper .animated .modal{margin-top:30px;z-index:9999;color:#252b33;background-color:#fff;box-shadow:0 3px 30px #a4aff6;border-radius:10px}.content .wrapper .animated .modal .errorContainer{width:100%;display:flex;justify-content:center;align-items:center}.content .wrapper .animated .modal header{border-radius:10px 10px 0 0;padding:10px 20px;display:flex;align-items:center;justify-content:center}.content .wrapper .animated .modal header h3{margin:10px 0}.content .wrapper .animated .modal header{border-bottom:3px solid #f9f9f9}.content .wrapper .animated .modal .formContainer{position:relative;width:100%;margin:10px 0}.content .wrapper .animated .modal .formContainer .menu{display:flex;justify-content:center;align-items:center;width:80%;margin-top:10px}.content .wrapper .animated .modal .formContainer .menu p{font-weight:700}.content .wrapper .animated .modal .formContainer .menu label{font-size:14px}.content .wrapper .animated .modal .formContainer .menu #type-selector{font-size:.9rem;min-width:10rem}.content .wrapper .animated .modal .formContainer .menu #type-selector .type-select__control{border:none;box-shadow:none}.content .wrapper .animated .modal .formContainer .menu #type-selector .type-select__control .type-select__value-container{justify-content:center}.content .wrapper .animated .modal .formContainer .menu #type-selector .type-select__control .type-select__dropdown-indicator{color:#666}.content .wrapper .animated .modal .formContainer .menu #type-selector .type-select__control .type-select__dropdown-indicator:hover{color:#333}.content .wrapper .animated .modal .formContainer form{width:80%}.content .wrapper .animated .modal .formContainer form textarea{width:100%;padding:10px;border:3px solid #59b3d5;margin:10px;border-radius:5px;font-family:"roboto",sans-serif;font-size:12px;box-sizing:border-box;height:120px}.content .wrapper .animated .modal .formContainer form .inputContainer{width:100%}.content .wrapper .animated .modal .formContainer form .inputContainer input{padding:0 10px}.content .wrapper .animated .modal .formContainer form .inputContainer label{left:100%}.content .wrapper .animated .modal .formContainer form .inputContainer label:after{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.content .wrapper .animated .modal .formContainer form .radio .radio-choices label{background-color:#f9f9f9}.content .wrapper .animated .modal .formContainer form .radio .radio-choices label:hover{background-color:#59b3d5}.content .wrapper .animated .modal .formContainer form .radio .radio-choices input:checked+label{color:#fff;background-color:#59b3d5}.content .wrapper .animated .modal .formContainer form .footer{display:flex;width:100%;justify-content:flex-end;align-items:center;background-color:transparent;margin-top:50px}.content .wrapper .animated .modal .formContainer form .footer button{border:none;outline:none;background-color:transparent;color:#252b33;padding:10px;cursor:pointer;margin-right:5px}.content .wrapper .animated .modal .formContainer form .footer .submitBtn{margin:10px 0;width:150px;cursor:pointer;color:#fff}#inline-form{width:100%}.file-input,.radio{width:100%;margin:20px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.file-input .span-box,.radio .span-box{display:flex}.file-input .time-picker,.radio .time-picker{width:40px;margin:5px}.file-input .time-label,.radio .time-label{background-color:#f9f9f9;color:#777}.file-input p,.radio p{font-size:14px}.file-input .radio-choices input,.radio .radio-choices input{display:none}.file-input .radio-choices label,.radio .radio-choices label{cursor:pointer;padding:5px 10px;width:30%;background-color:#f9f9f9;color:#777;transition:.2s ease-out}.file-input .radio-choices label:hover,.radio .radio-choices label:hover{color:#fff;background-color:#59b3d5}.wrapper .filter{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:767px){.wrapper .filter{padding-left:0;padding-right:0}}.wrapper .filter .row{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.wrapper .filter .row .search{display:flex;justify-content:center;align-items:baseline}.wrapper .filter .row .search .searchBtn{border:none;height:32px;width:32px;margin-left:0;margin-bottom:0;border-radius:100%;position:relative;left:-30px;bottom:5px}.wrapper .filter .row .search .inputContainer{width:300px;margin-left:0;margin-right:0;margin-bottom:0}.wrapper .filter .row .search .inputContainer input{width:300px}.wrapper .filter .row button{color:#59b3d5;font-weight:700;background-color:transparent;outline:none;border:1px solid #59b3d5;border-radius:5px;height:40px;width:80px;display:flex;justify-content:space-around;align-items:center;transition:.2s ease-out;cursor:pointer}.wrapper .filter .row button svg{width:12px;height:12px;fill:#59b3d5}.wrapper .filter .row .active,.wrapper .filter .row button:hover{color:#fff;background-color:#59b3d5}.wrapper .filter .row .active svg,.wrapper .filter .row button:hover svg{fill:#fff}.wrapper .filter .filterClear{display:flex;justify-content:flex-end;align-items:center;margin:30px 0 0;border-top:1px solid #eee;padding-top:30px}.wrapper .filter .filterClear div{display:flex;justify-content:center;align-items:center;margin:0 30px 0 0}.wrapper .filter .filterClear .filterClearText{font-size:14px;color:#666;cursor:pointer;transition:.2s ease-out}.wrapper .filter .filterClear .filterClearIcon{margin:0 5px;width:14px;height:14px;fill:#d13f28;transition:.2s ease-out}.wrapper .filter .filterTextUnderline:hover{color:#333;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.wrapper .filter .filterOptions{margin-top:10px;min-height:100px;width:100%;display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-bottom:40px}.wrapper .filter .filterOptions .toggleSwitch{display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper .filter .filterOptions .toggleSwitch p{font-size:14px}.wrapper .filter .filterOptions .toggleSwitch .switch{position:relative;display:inline-block;width:80px;height:24px}.wrapper .filter .filterOptions .toggleSwitch .switch input{opacity:0;width:0;height:0}.wrapper .filter .filterOptions .toggleSwitch .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ddd;transition:.4s ease-out;border-radius:34px}.wrapper .filter .filterOptions .toggleSwitch .switch .slider:before{content:"";position:absolute;height:16px;width:16px;border-radius:100%;left:4px;bottom:4px;background-color:#fff;transition:.4s ease-out}.wrapper .filter .filterOptions .toggleSwitch .switch input:checked+.slider{background-color:#59b3d5}.wrapper .filter .filterOptions .toggleSwitch .switch input:checked+.slider:before{-webkit-transform:translateX(40px);transform:translateX(40px)}.wrapper .filter .filterOptions button{outline:none;display:flex;justify-content:center;align-items:center;background-color:transparent;color:#59b3d5;width:200px;height:30px;border-radius:5px;font-weight:700;border:1px solid #59b3d5;cursor:pointer;transition:.2s ease-out}.wrapper .filter .filterOptions button svg{fill:#59b3d5;width:14px;height:14px;padding:0 0 0 5px}.wrapper .filter .filterOptions button:hover{background-color:#59b3d5;color:#fff}.wrapper .filter .filterOptions button:hover svg{fill:#fff}.wrapper .filter .filterOptions .time-div{width:10%}.wrapper .filter .filterOptions .col{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.wrapper .filter .filterOptions .col .radio{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.wrapper .filter .filterOptions .col .radio .radio-choices label{background-color:#fff}.wrapper .filter .filterOptions .col .radio .radio-choices label:hover{background-color:#59b3d5}.wrapper .filter .filterOptions .col .radio .radio-choices input:checked+label{color:#fff;background-color:#59b3d5}.wrapper .filter .filterOptions .col span{width:80%}.wrapper .filter .filterOptions .col span input{width:100%}.wrapper .filter .filterOptions .col input{border:none;border-bottom:3px solid #59b3d5;width:80%;padding:10px;margin:10px 0;background-color:transparent}@media only screen and (max-width:550px){.filterOptions{width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.filterOptions .col{width:100%}}.col.category-filter{width:250px;align-self:normal;margin-top:10px}.col.category-filter .add-category{width:100%}.question-level{display:flex;justify-content:center;align-items:center}.question-level .bar{width:40px;height:10px;background-color:#ddd;margin:0 2px;border-radius:10px}.question-level .green{background-image:linear-gradient(45deg,#085a10,#1fb214)}.question-level .yellow{background-image:linear-gradient(45deg,#b5a61d,#fbf31d)}.question-level .red{background-image:linear-gradient(45deg,#5a0808,#b21414)}.question{background-color:#fff;box-shadow:0 3px 10px #d6dde1;max-width:400px;min-width:200px;grid-row-end:span 2;padding:20px;border-radius:10px;font-family:sans-serif;transition:.3s ease-out;flex-direction:column;align-items:flex-start}.question,.question header{display:flex;justify-content:space-between}.question header{width:100%;align-items:center}.question header .left{display:flex;justify-content:center;align-items:center}.question header .left i{color:#aeadba;font-size:16px;padding:2px}.question header .left span{padding-right:10px;font-size:11px;color:#aaa}.question header .right{font-size:11px;color:#aaa}.question header .right svg{fill:#f2c9c7;cursor:pointer;transition:all .1s ease-out;padding:0 5px;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:18px;height:18px}.question header .right svg:hover{fill:#ed4539}.question header .right .up{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.question header .right .down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.question main{margin:10px 0;overflow:hidden;color:#777;transition:.2s ease-out;font-weight:600;display:flex;flex-direction:column;width:100%;height:100%}.question main .question-image-container{text-align:center;margin-top:10px}.question main .question-image-container .question-image{max-width:75%}.question main .question-title-image{display:flex;justify-content:space-between;width:100%}.question main .question-title-image .question-title-container{display:flex;flex-direction:column;width:90%}.question main .question-choices{font-weight:300;display:flex;justify-content:flex-start;width:100%}.question main .question-choices ul{list-style-type:none;padding:0;width:100%}.question main .question-choices ul .correct{color:#9bc9a8;transition:.2s ease-out;border:2px solid #00a15d}.question main .question-choices ul li{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin:10px 0;background-color:#fafafa;padding:10px 20px;border-radius:20px}.question main .question-choices ul li:after{content:"";display:inline-block;margin:0 10px;border-radius:100%}.question main .question-choices ul .correct:after{content:url(/static/media/correct.0514c246.svg);visibility:visible;margin-bottom:5px;background-color:transparent;width:11px;height:11px}.question main .tags{margin-top:auto;margin-bottom:20px}.question footer{display:flex;justify-content:space-between;width:100%}.question footer svg{fill:#c0cce8;transition:.2s ease-out}.question footer span{padding:0 5px;color:#777;transition:.2s ease-out;font-weight:600}.question footer .type:before{content:"";display:inline-block;width:12px;height:12px;border-radius:100%;background-color:#c0cce8;margin:0 4px;transition:.2s ease-out}.long{grid-row-end:span 4}.long main{height:100%;margin-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.long,.question:hover{box-shadow:6px 9px 13px #d6dde1}.long main,.question:hover main{color:#2c2d58}.long main .question-choices ul .correct,.question:hover main .question-choices ul .correct{color:#00a15d}.long footer svg,.question:hover footer svg{fill:#81a0e8}.long footer span,.question:hover footer span{color:#2c2d58}.long footer .type:before,.question:hover footer .type:before{background-color:#81a0e8}.wrapper{display:grid;grid-template-columns:repeat(1,1fr);margin:0 auto;width:90%;height:90vh}@media (max-width:767px){.wrapper{margin:0}}.wrapper .que-container{width:100%;padding:20px 20px 20px 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto);grid-column-gap:20px;grid-row-gap:20px}@media (max-width:767px){.wrapper .que-container{padding-right:0}}.wrapper .pages{margin-top:0;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.wrapper .pages svg{padding:5px;fill:#333;height:18px;width:18px;cursor:pointer}.wrapper .pages svg:hover{fill:#4356d5}.wrapper .pages #rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wrapper .pages span{min-width:20px;min-height:20px;padding:5px;margin:5px;cursor:pointer;background-color:#eee;color:#333;border-radius:100%;transition:.1s ease-out;display:flex;justify-content:center;align-items:center}.wrapper .pages span:hover{color:#4356d5}.wrapper .pages .active{background-color:#4356d5;color:#fff}.wrapper .pages .active:hover{color:#fff}.emptyState{grid-column-end:span 3;width:100%}.emptyState,.emptyState .text{display:flex;flex-direction:column;justify-content:center;align-items:center}.emptyState .text{color:#888;margin-bottom:50px}.emptyState img{height:200px;width:200px;opacity:.8}@media only screen and (max-width:800px){.wrapper .que-container{grid-template-columns:repeat(2,1fr)}.wrapper .inputContainer{margin-left:30px}}@media only screen and (max-width:550px){.wrapper .que-container{grid-template-columns:repeat(1,1fr)}}.fileInput{margin-top:10px;display:flex;flex-direction:row;justify-content:start;width:80%}.fileInput .input{margin-left:auto;padding:20px}.footerActions .import-submit{width:25%;margin-top:0}.footerActions .import-submit,.submitExcel{display:flex;align-items:center;justify-content:center;height:40px;border:none;color:#fff;background-image:linear-gradient(90deg,#252b33 0,#0071b3 50%,#59b3d5);font-weight:700;cursor:pointer}.submitExcel{width:200px;margin:20px 0;text-decoration:none}.submitExcel:hover{background-image:linear-gradient(90deg,#252b33 20%,#0071b3 70%,#59b3d5)}input[type=checkbox]{height:20px;width:20px;margin-left:auto}.checboxLabel{padding:5px 0}.disabledDiv{pointer-events:none;opacity:.5}.defaultCheck{display:flex;flex-direction:row;justify-content:start;width:80%;margin-top:20px}input[type=file]::-webkit-file-upload-button{border:none;padding:5px 15px;color:#fff;font-size:1em;-webkit-transition:all .4s;transition:all .4s;cursor:pointer;border-radius:20px;outline:none;background-image:linear-gradient(90deg,#252b33 0,#0071b3 50%,#59b3d5);font-weight:700}input[type=file]::-webkit-file-upload-button:hover{background-image:linear-gradient(90deg,#252b33 20%,#0071b3 70%,#59b3d5)}.sample-csv{margin-top:30px;width:80%}.right{display:flex;justify-content:flex-end}.note{font-weight:700}@media only screen and (max-width:600px){.content .wrapper .animated{width:90%;position:absolute;left:10px;right:10px}}@media only screen and (max-width:400px){.content .wrapper .animated{width:100%;position:absolute;left:0;right:0}}.status-modal .animated.slideInUp{width:26%!important;left:37%;right:37%}.status-modal .modal{text-align:center;padding:10px}.status-modal .modal .close-div{display:flex;flex-direction:row-reverse}.status-modal .modal .close-div .close-icon{font-size:20px;cursor:pointer}.status-modal .modal header{flex-direction:row-reverse;justify-content:center!important;padding:0 20px 10px!important;border:0!important}.status-modal .modal .status-icon{text-align:center;margin-right:10px}.status-modal .modal .status-icon .material-icons.md-75{font-size:75px;color:#5294e2}.status-modal .modal .status-icon .failed-import{color:#b21414!important}.status-modal .modal .content{padding:0 5px}.status-modal .modal .content .questions-status .questions-success{display:flex;align-items:center;margin:5px;color:#1fb214}.status-modal .modal .content .questions-status .questions-failed{display:flex;align-items:center;margin:5px;color:#b21414}.status-modal .modal .content .download-tip{border-top:2px dotted #666;font-size:14px;color:#333;margin-top:13px;margin-bottom:3px;text-align:left;padding:10px}.status-modal .modal .content .download-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;width:35%;margin:0 auto 20px;height:40px;border:none;color:#fff;background-image:linear-gradient(90deg,#252b33 0,#0071b3 50%,#59b3d5);font-weight:700;cursor:pointer}.status-modal .modal .content .errors-tip{font-size:13px;color:#444;margin-top:13px;margin-bottom:3px;text-align:left;padding:10px}.applications-page{height:100%;width:100%;display:grid;grid-template-columns:10% 80% 10%;margin:40px 0}.applications-page span{grid-column-start:2;grid-column-end:3;margin:20px 0;font-weight:700;color:#333;width:100%;display:flex;justify-content:flex-start;justify-content:space-between;align-items:center}.applications-page span .col{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.applications-page span .col span{width:80%}.applications-page span .col span input{width:100%}.applications-page span .col input{border:none;border-bottom:3px solid #59b3d5;width:80%;padding:10px;margin:10px 0;background-color:transparent}.applications-page span .toggleSwitch{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.applications-page span .toggleSwitch p{font-size:14px}.applications-page span .toggleSwitch .switch{position:relative;display:inline-block;width:80px;height:24px}.applications-page span .toggleSwitch .switch input{opacity:0;width:0;height:0}.applications-page span .toggleSwitch .switch .slider{position:absolute;cursor:pointer;margin:0;top:0;left:0;right:0;bottom:0;height:100%;background-color:#ddd;transition:.4s ease-out;border-radius:34px;border-top-left-radius:34px;border-top-right-radius:34px;border-bottom-right-radius:34px;border-bottom-left-radius:34px}.applications-page span .toggleSwitch .switch .slider:before{content:"";position:absolute;height:16px;width:16px;border-radius:100%;left:4px;bottom:4px;background-color:#fff;transition:.4s ease-out}.applications-page span .toggleSwitch .switch input:checked+.slider{background-color:#59b3d5}.applications-page span .toggleSwitch .switch input:checked+.slider:before{-webkit-transform:translateX(40px);transform:translateX(40px)}.applications-page .application{grid-column-start:2;grid-column-end:3;background-color:#fff;min-height:100px;margin:10px 0;box-shadow:0 3px 6px rgba(0,0,0,.1);transition:.1s ease-out;display:flex;justify-content:space-around;align-items:flex-start;padding:1.2em}@media only screen and (max-width:1070px){.applications-page .application{flex-direction:column}}@media (max-width:767px){.applications-page .application{flex-direction:column}}.applications-page .application section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:20%}@media (max-width:767px){.applications-page .application section{max-width:100%}}.applications-page .application section button{border:none;outline:none;background-color:#4356d5;color:#fff;font-weight:700;padding:5px 10px;cursor:pointer;box-shadow:0 2px 10px #ddd;border-radius:5px}.applications-page .application section button:hover{box-shadow:0 5px 15px #ddd}.applications-page .application section button[disabled],.applications-page .application section button[disabled]:hover{background-color:#ddd;box-shadow:0 2px 10px #ddd}.applications-page .application section span{margin:10px 0}.applications-page .application section .label{color:#aaa;font-size:1rem}@media (max-width:767px){.applications-page .application section .label{margin-bottom:5px}}.applications-page .application section .value{color:#252b33;font-weight:700;font-size:1rem}@media (max-width:767px){.applications-page .application section .value{margin-top:0;margin-bottom:15px}}.applications-page .application section .placeholder-label{height:12px;width:70%;animation:pulse 1s ease-in-out infinite;-webkit-animation:pulse 1s ease-in-out infinite}.applications-page .application section .placeholder-value{height:12px;width:90%;animation:pulse 1s ease-in-out infinite;-webkit-animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{background-color:hsla(0,0%,64.7%,.1)}50%{background-color:hsla(0,0%,64.7%,.3)}to{background-color:hsla(0,0%,64.7%,.1)}}@-webkit-keyframes pulse{0%{background-color:hsla(0,0%,64.7%,.1)}50%{background-color:hsla(0,0%,64.7%,.3)}to{background-color:hsla(0,0%,64.7%,.1)}}@media (max-width:767px){.applications-page .application section .submit-label{display:none}}.applications-page .application section .submit-btn{padding:.4rem;margin-top:.7rem}.applications-page .application .placeholder-section{min-width:20%}@media (max-width:767px){.applications-page .application .submit-section{align-self:center}}.applications-page .application .remaining-time-under-submit-button{display:flex;align-items:center}.applications-page .application:hover{box-shadow:0 3px 15px rgba(0,0,0,.1)}.applications-page .application-exam{flex-wrap:wrap;padding:.4rem 1rem 1rem .875rem!important;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem}.applications-page .application-exam .ribbon-container{flex:0 0 100%}.applications-page .application-exam .ribbon-container .ribbon{background-color:#5294e2!important;border-color:#3a54d3!important;color:#fff!important;left:calc(-1rem - 1.2em);position:relative;min-width:-webkit-max-content;min-width:max-content;border-radius:0 .28571429rem .28571429rem 0!important;font-size:.84rem;display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;text-decoration:none;box-sizing:inherit;cursor:default}.applications-page .application-exam .ribbon-container .ribbon:hover{background-color:#576cd4!important;border-color:#427abd!important}.applications-page .application-exam .ribbon-container .ribbon:after{position:absolute;content:"";top:100%;left:0;background-color:transparent!important;border-color:transparent;border-style:solid;border-width:0 1.2em 1.2em 0;border-right-color:inherit;width:0;height:0;box-sizing:inherit}.applications-page .red{border-left:10px solid #d13f28}.applications-page .yellow{border-left:10px solid #f5ee9e}.tab-button{height:50px;width:150px;background-color:#fff;border:none;border-bottom:4px solid #4356d5;cursor:pointer;font-size:14px;color:#000;outline:none}.tab-button:hover{cursor:pointer;font-weight:700;color:#f5ee9e;text-decoration:none;font-size:14px}.button-container{display:flex;align-items:center;justify-content:start;width:80%;flex-direction:row;margin-top:30px}.applications-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.view_btn{text-decoration:none;background-color:#3a54d3;padding:10px;height:15px;border-radius:20px;margin-top:1.2rem;cursor:pointer;color:#fff}.pages{margin-top:0;margin-bottom:10px}.fixed-width-date{width:130px}.fixed-width{width:130%}.fixed-width-duration{width:100%}.exam-filters{display:flex}.exam-filters .filter-item{margin-left:2.5rem}.exam-filters .radio{display:flex;flex-direction:column;align-items:flex-start;margin:0}.exam-filters .radio .radio-choices label{background-color:#f9f9f9}.exam-filters .radio .radio-choices label:hover{background-color:#59b3d5}.exam-filters .radio .radio-choices input:checked+label{color:#fff;background-color:#59b3d5}.pages{margin:20px;display:flex;justify-content:center;align-items:center}.pages svg{padding:5px;fill:#333;height:18px;width:18px;cursor:pointer}.pages svg:hover{fill:#4356d5}.pages #rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pages span{min-width:20px;min-height:20px;padding:5px;margin:5px;cursor:pointer;background-color:#eee;color:#333;border-radius:100%;transition:.1s ease-out;display:flex;justify-content:center;align-items:center}.pages span:hover{color:#4356d5}.pages .active{background-color:#4356d5;color:#fff}.pages .active:hover{color:#fff}.selectedTab{border-bottom:4px solid #f5ee9e;background-color:#4356d5;font-weight:700;color:#f5ee9e}.nav-container{position:static;height:8vh;width:100vw;margin:0;background-color:#4356d5;padding:0;box-shadow:0 10px 15px #d6dde1;display:flex;align-items:center}.nav-container .logo{height:28px;padding:10px 50px}.nav-container .links-container{display:flex;height:100%;flex-direction:row}.nav-container .links-container a{text-decoration:none;align-self:stretch;border-bottom:4px solid #4356d5;border-top:4px solid #4356d5;display:flex;justify-content:center;align-items:center}.nav-container .links-container a .item{color:#d6dde1;width:120px;padding:10px;display:flex;justify-content:center;align-items:center}.nav-container .links-container a .item svg{fill:#d6dde1;width:20px;height:25px}.nav-container .links-container a .item span{font-size:14px;color:#d6dde1}.nav-container .links-container .active{background-color:#4a57b2;border-bottom:4px solid #f5ee9e;border-top:4px solid #4a57b2}.nav-container .links-container .active .item .item-content{font-weight:700;font-size:14px;color:#f5ee9e;text-decoration:none}.nav-container .links-container .active .item svg{fill:#f5ee9e;stroke:#f5ee9e;stroke-width:1}.nav-container a:hover{cursor:pointer;font-weight:700;color:#f5ee9e;text-decoration:none}.nav-container a:hover .item svg{fill:#f5ee9e;stroke:#f5ee9e;stroke-width:1}.nav-container a:hover .item .item-content{font-size:14px;color:#f5ee9e}.profile-container{position:absolute;right:30px;color:#d6dde1;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-around;height:60px}.profile{display:flex}.profile a{text-decoration:none;color:#d6dde1}.profile .actions,.profile a{display:flex;justify-content:space-between;align-items:center}.profile .actions{height:100%;margin-left:15px}.profile .actions svg{fill:#fff;width:30px;padding:20px 10px}.profile .actions .active,.profile .actions svg:hover{fill:#f5ee9e;stroke:#f5ee9e;stroke-width:1;cursor:pointer}.profile #user-name{padding-right:20px}.profile #user-name:hover,.profile .active{font-weight:700;color:#f5ee9e;cursor:pointer}.profile #user-pic{width:40px;height:40px;border-radius:30px;margin-right:10px;background-color:#4a57b2}.profile #user-pic svg{fill:#fff;margin:5px 0 0 11px;width:25px}.profile #user-pic img{height:100%;width:100%;border-radius:100%}@media screen and (max-width:800px){.nav-container .logo{padding:10px;height:18px;cursor:pointer}.nav-container .profile-container{right:10px}.nav-container .profile #user-pic{margin:0 0 5px}.nav-container .profile #user-name{display:none}.nav-container .actions{margin-left:10px}.nav-container .item{max-width:20px}.nav-container .item .item-content{display:none}.nav-container .item svg{min-width:30px;min-height:30px;padding:0 0 0 10px}}.exam_svg{padding-right:4px;padding-bottom:6px}.exam_title{margin-top:20px;display:flex;flex-direction:row;justify-content:start;width:80%}.exam_title input{width:60%;border:none;border-bottom:3px solid #59b3d5;outline:none;margin-left:30px}.exam_description{margin-top:30px;display:flex;flex-direction:row;justify-content:start;width:80%}.exam_description textarea{width:100%;padding:10px;border:3px solid #59b3d5;border-radius:5px;font-family:"roboto",sans-serif;font-size:14px;box-sizing:border-box;height:120px}.disabledDates{pointer-events:none;opacity:.5;width:80%}.end_date,.start_date{display:flex;padding:5px;flex-direction:row;justify-content:start;width:100%}.picker{margin-left:auto}.exam_time input{margin-left:20px;width:30%}.exam_time .calculated-time{font-size:15px;margin:2px 0 0 2px;color:#59b3d5}.disabledTime{pointer-events:none;opacity:.5}.time{display:flex;flex-direction:row;justify-content:start}.footerActions{display:flex;width:80%;justify-content:flex-end;align-items:center;background-color:transparent;margin:20px 0}.footerActions button{border:none;outline:none;background-color:transparent;color:#252b33;padding:10px;cursor:pointer;margin-right:5px}.footerActions .addExamButton{display:flex;align-items:center;justify-content:center;width:25%;margin-top:0;height:40px;border:none;color:#fff;background-image:linear-gradient(90deg,#252b33 0,#0071b3 50%,#59b3d5);font-weight:700;cursor:pointer}.add-exam-animated{left:30%}.modal{margin-top:30px;z-index:9999;color:#252b33;background-color:#fff;box-shadow:0 3px 30px #a4aff6;border-radius:10px}.modal .errorContainer{width:100%}.modal .errorContainer,.modal header{display:flex;justify-content:center;align-items:center}.modal header{border-radius:10px 10px 0 0;padding:10px 20px}.modal header h3{margin:10px 0}.modal header{border-bottom:3px solid #f9f9f9}.modal .formContainer{position:relative;width:100%;margin:10px 0}.modal .formContainer form{width:80%}.modal .formContainer form textarea{width:100%;padding:10px;border:3px solid #59b3d5;margin:10px;border-radius:5px;font-family:"roboto",sans-serif;font-size:12px;box-sizing:border-box;height:120px}.modal .menu{display:flex;justify-content:center;align-items:center;width:100%}.modal .menu p{font-weight:700}.modal .menu label{font-size:14px}.modal .menu #type-selector{font-size:.9rem;min-width:10rem}.modal .menu #type-selector .type-select__control{border:none;box-shadow:none}.modal .menu #type-selector .type-select__control .type-select__value-container{justify-content:center}.modal .menu #type-selector .type-select__control .type-select__dropdown-indicator{color:#666}.modal .menu #type-selector .type-select__control .type-select__dropdown-indicator:hover{color:#333}.modal .menu #type-selector .select-label-container{display:flex;align-items:center;justify-content:space-between}.modal .menu #type-selector .select-label-container .exam-select-label{padding-top:2px;padding-right:.5rem}.modal .menu #type-selector .select-label-container .tooltip-icon{font-size:1.2rem}.examBtnAdd{background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);width:50px;height:50px;border-radius:100%;box-shadow:10px 10px 30px #aaa;position:fixed;bottom:50px;right:50px;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bolder;cursor:pointer;transition:.15s;transition-timing-function:ease-out}.examBtnAdd svg{fill:#fff}.edit-btn{margin-left:auto;border-radius:20px;margin-top:25px;border:1px solid #3a54d3;height:30px;padding-left:10px;padding-right:10px;font-weight:bolder;background-color:#3a54d3;color:#fff;cursor:pointer;outline:none}svg.disabled{opacity:.3;fill:#acacac!important}.animated{z-index:999;width:40%;height:100vh;position:absolute;top:0;bottom:0;right:0}.animated .profile-info{height:100%;background:linear-gradient(45deg,#f5f0b8 40%,#fbf9e0 60%);display:flex;flex-direction:column;align-items:center;padding:20px}.animated .profile-info .formContainer{position:static;width:100%;justify-content:flex-start}.animated .profile-info .formContainer form{width:100%;flex-direction:row;justify-content:center;flex-wrap:wrap}.animated .profile-info .formContainer form .elem{margin-bottom:0}.animated .profile-info .formContainer form .inputContainer{width:40%}.animated .profile-info .formContainer .emailContainer{height:30px;width:40%;margin:30px 20px 0;position:relative;display:inline-block}.animated .profile-info .formContainer .emailContainer input:disabled{margin-top:12px;outline:none;background-color:transparent;border:none;border-bottom:3px solid #aaa;width:100%}.animated .profile-info .formContainer .emailContainer span{visibility:hidden;position:absolute;top:30px;left:0;z-index:1;background-color:#333;color:#ddd;border-radius:3px;padding:5px 10px;transition:.2s ease-out;opacity:.8}.animated .profile-info .formContainer .emailContainer:hover span{visibility:visible}.animated .profile-info .icons{display:flex;width:100%;justify-content:flex-end}.animated .profile-info .icons svg{cursor:pointer;width:24px;height:24px;margin:10px;fill:#0d1321}.animated .profile-info .icons .red{fill:#d13f28}.animated .profile-info .icons .green{fill:green;width:36px;height:36px;margin:5px}.animated .profile-info .icons .submitBtns{background-color:transparent;border:none;padding:0}.animated .profile-info .propicContainer{display:flex}.animated .profile-info .propicContainer #pp{height:200px;width:200px;border-radius:100%;background-size:cover;margin-top:10px;box-shadow:10px 10px 30px #d8b15f;flex-shrink:0}.animated .profile-info .editPic{display:flex;width:100%;justify-content:flex-start;align-items:center;position:relative}.animated .profile-info .editPic #pp{margin:0 0 10px 30px;width:100px;height:100px}.animated .profile-info .editPic span svg{fill:#59b3d5;position:absolute;left:100px;bottom:0;width:36px;height:36px;z-index:999;cursor:pointer}.animated .profile-info .title{display:flex;flex-direction:column;align-items:center;margin:20px;width:60%;padding:10px;border-bottom:2px solid #efe994}.animated .profile-info .title h3,.animated .profile-info .title h4{color:#0d1321;padding:5px;margin:0}.animated .profile-info ul{padding:0;list-style:none}.animated .profile-info ul li{font-weight:700;color:#7e7a40;padding:10px;display:flex;justify-content:center}.animated .profile-info ul li span{color:#0d1321;font-weight:400;padding-left:10px}.animated .profile-info ul li svg{width:24px;margin:0;fill:#7e7a40}@media only screen and (max-width:900px){.animated{width:100%}}.exam-container{margin:0;padding:0;height:100vh;display:flex}@media (max-width:767px){.exam-container{flex-direction:column}}.exam-container *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.exam-container .exam-side-panel{background-color:#4356d5;min-width:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#fff;font-family:"Roboto",sans-serif}@media (max-width:767px){.exam-container .exam-side-panel{flex-direction:row-reverse;justify-content:space-between;padding:7px}}.exam-container .exam-side-panel .actions a{position:absolute;bottom:0;font-size:14px;margin-bottom:15px;margin-top:15px;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-text-decoration-color:#59b3d5;text-decoration-color:#59b3d5}.exam-container .exam-side-panel .actions a .d-lg{margin-left:-79px;color:#fff}.exam-container .exam-side-panel .actions a .d-sm{display:none}@media (max-width:767px){.exam-container .exam-side-panel .actions a{color:#fff;text-decoration:none}.exam-container .exam-side-panel .actions a .d-lg{display:none}.exam-container .exam-side-panel .actions a .d-sm{display:flex;justify-content:center;align-items:center;font-size:1.3em;color:#fff;font-weight:bolder;transition:.15s}.exam-container .exam-side-panel .actions a .d-sm svg{fill:#fff;margin-right:5px}}.exam-container .exam-side-panel .submit-exam{outline:none;background-color:#4356d5;color:#f5ee9e;font-size:1.1em;border:2px solid #f5ee9e;border-radius:10px;padding:10px 55px;position:absolute;bottom:40px}@media (max-width:767px){.exam-container .exam-side-panel .submit-exam{position:fixed;color:#fff;bottom:20px;right:20px;background:linear-gradient(45deg,#2e3ea7 40%,#4356d5);border-radius:30px;padding:9px;border:none;font-size:1em}}.exam-container .exam-side-panel .save-answers-button{outline:none;background-color:transparent;color:#f5ee9e;font-size:1.1em;border:2px solid #f5ee9e;border-radius:10px;padding:10px 22px}.exam-container .exam-side-panel #current a{color:#fff}.exam-container .exam-side-panel button:hover{color:#4356d5;background-color:#f5ee9e}.exam-container .exam-side-panel .side-panel-timer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px auto 25px}.exam-container .exam-side-panel .side-panel-timer h1{font-size:2.5em;font-family:"Rubik",sans-serif;margin:0}.exam-container .exam-side-panel .side-panel-timer span{margin:0;padding:0}@media (max-width:767px){.exam-container .exam-side-panel .side-panel-timer{margin:5px}.exam-container .exam-side-panel .side-panel-timer h1{font-size:1.8em}.exam-container .exam-side-panel .side-panel-timer span{font-size:.8em}}.exam-container .exam-side-panel .save-question-list{text-align:center}.exam-container .exam-side-panel .side-panel-list{margin:25px auto 50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll;scrollbar-color:#ddd transparent;scrollbar-width:thin;scroll-behavior:smooth;max-height:400px}@media (max-width:767px){.exam-container .exam-side-panel .side-panel-list{display:none}}.exam-container .exam-side-panel .side-panel-list ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10px;list-style-type:none}.exam-container .exam-side-panel .side-panel-list ul li{margin:5px 0;cursor:pointer}.exam-container .exam-side-panel .side-panel-list ul li a{text-decoration:none;color:#a5b6de}.exam-container .exam-side-panel .side-panel-list ul li:hover+a{color:#fff}.exam-container .exam-side-panel .side-panel-list ul li:before{content:"";display:inline-block;width:16px;height:14px;border-radius:100%;background-color:rgba(0,0,0,.1);margin:0 10px;padding-top:2px}.exam-container .exam-side-panel .side-panel-list ul .active a{color:#fff}.exam-container .exam-side-panel .side-panel-list ul .done a{text-decoration:line-through}.exam-container .exam-side-panel .side-panel-list ul .done:before{content:url(/static/media/checkmark.6d3ac74a.svg);display:inline-flex;align-items:center;justify-content:center;background-color:#f5ee9e}.exam-container .exam-slider{position:absolute;margin-top:20px;right:30px;height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.exam-container .exam-slider .slider-bar{width:7px;height:60px;background-color:#ddd;border-radius:20px;margin:5px 0}.exam-container .exam-slider #current{background-color:#4356d5}.exam-container .question-container{height:100%;width:100%;scroll-behavior:smooth;display:grid;grid-template-columns:150px auto 150px;grid-gap:10px;grid-auto-rows:minmax(100vh,auto);grid-column-gap:20px;grid-row-gap:20px;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:scroll}@media (max-width:767px) and (min-width:501px){.exam-container .question-container{grid-template-columns:0 auto 150px}}@media (max-width:499px){.exam-container .question-container{grid-template-columns:0 100px 150px}}.exam-container .question-container .exam-question{grid-column-start:2;grid-column-end:3;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#252b33}@media (max-width:767px) and (min-width:501px){.exam-container .question-container .exam-question{grid-column-start:1;grid-column-end:3}}@media (max-width:499px){.exam-container .question-container .exam-question{grid-column-start:1;grid-column-end:4}}.exam-container .question-container .exam-question .question-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:50%}@media (max-width:767px){.exam-container .question-container .exam-question .question-body{width:100%;height:90%}}.exam-container .question-container .exam-question .question-body p{padding:20px;font-weight:700;font-size:1.3em}@media (max-width:767px){.exam-container .question-container .exam-question .question-body p{padding:0 20px;font-weight:700;font-size:1.15em;margin-top:-120px;max-height:35%}}.exam-container .question-container .exam-question .question-body form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (max-width:767px){.exam-container .question-container .exam-question .question-body form{max-height:35%}}.exam-container .question-container .exam-question .question-body form .multiple-tip{padding:5px 0 15px 20px;color:#6c757d;font-size:14px}@media (max-width:767px){.exam-container .question-container .exam-question .question-body form .multiple-tip{font-size:13px}}.exam-container .question-container .exam-question .question-body form .checkbox p{padding:0}.exam-container .question-container .exam-question .question-body form textarea{resize:none;width:100%;height:200px;border:2px solid #ddd;border-radius:10px;padding:10px;font-family:"Roboto",sans-serif}.exam-container .question-container .exam-question .question-body form textarea .question-img{max-height:100px}@media (max-width:449px){.exam-container .question-container .exam-question .question-body form textarea{max-width:190px}}.exam-container .question-container .exam-question .question-body form textarea:focus{border:2px solid #59b3d5}.exam-container .question-container .exam-question .question-img-lg{box-shadow:0 4px 8px 0 rgba(67,86,213,.2),0 6px 20px 0 rgba(67,86,213,.7);max-width:40%;max-height:90%;margin-left:40px;cursor:zoom-in}@media (max-width:767px){.exam-container .question-container .exam-question .question-img-lg{display:none}}.exam-container .question-container .exam-question .question-img-lg:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.exam-container .question-container .exam-question .question-img-sm{display:none}@media (max-width:767px){.exam-container .question-container .exam-question .question-img-sm{display:flex;padding:0 0 10px 20px;color:#4356d5;align-items:center}}.exam-container .question-container .exam-question .question-img-sm:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.question-choice{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.question-choice input{display:none}.question-choice input+label{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px}.question-choice input+label:before{content:"";display:inline-block;height:15px;min-width:15px;background-color:#ddd;border:2px solid #ddd;margin:0 10px;padding:2.5px}.question-choice input[type=radio]+label:before{content:"";border-radius:100%}.question-choice input[type=radio]+label:hover:before{border:2px solid #59b3d5}.question-choice input[type=checkbox]+label:before{border-radius:3px}.question-choice input[type=checkbox]+label:hover:before{border:2px solid #59b3d5}.question-choice input[type=checkbox]:checked+label:before,.question-choice input[type=radio]:checked+label:before{content:url(/static/media/checked.dd12c1a1.svg);background:#59b3d5;border:2px solid #59b3d5}.side-panel-list::-webkit-scrollbar,textarea::-webkit-scrollbar{background-color:transparent;width:6px}.side-panel-list::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background-color:#a5b6de;border-radius:20px}.side-panel-list::-webkit-scrollbar-thumb:active,textarea::-webkit-scrollbar-thumb:active{background-color:#f5ee9e}.side-panel-list::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.loader{border:16px solid #f3f3f3;border-top-color:#4356d5;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;top:30%;left:45%;z-index:1000;position:absolute}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hero .scroll-down{position:absolute;bottom:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none}@media (min-width:769px){.hero .scroll-down{display:none}}.hero .scroll-down .mouse{width:1.25rem;height:2.5rem;border:2px solid #454545;border-radius:1.8rem;margin-bottom:.1rem;display:flex}.hero .scroll-down .mouse span{width:.65rem;height:.65rem;background-color:#454545;display:block;border-radius:50%;margin:auto;-webkit-animation:move-wheel 1s linear infinite;animation:move-wheel 1s linear infinite}.hero .scroll-down .arrow span{display:block;width:.65rem;height:.65rem;margin-bottom:.3rem;border-color:transparent #454545 #454545 transparent;border-style:solid;border-width:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:arrow-down 1s infinite alternate;animation:arrow-down 1s infinite alternate}.hero .scroll-down .scroll-text{color:#454545;text-decoration:none;font-size:.84rem}@-webkit-keyframes move-wheel{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}@keyframes move-wheel{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}@-webkit-keyframes arrow-down{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes arrow-down{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}.guide-page .guide-container{width:60%;height:100vh;display:grid;grid-template-columns:auto 500px auto;grid-template-rows:auto 500px auto}.guide-page .guide-container .guide-info{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.guide-page .guide-container .guide-info .info,.guide-page .guide-container .guide-info .instructions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.guide-page .guide-container .guide-info .info{color:#31346b;border-left:10px solid #f5ee9e;padding:0 10px}.guide-page .guide-container .guide-info .info .exam-title{font-size:2em;margin:10px 0}.guide-page .guide-container .guide-info .info span{font-weight:lighter}.guide-page .guide-container .instructions .instructions-title{margin:0;font-weight:lighter;color:#31346b;font-family:"Pacifico",cursive}.guide-page .guide-container .instructions ul{list-style-type:none;color:#252b33;padding-left:0}.guide-page .guide-container .instructions ul li{margin:5px 0;display:flex;justify-content:flex-start;align-items:baseline}.guide-page .guide-container .instructions ul li:before{content:url(/static/media/target.3191ee07.svg);display:inline-flex;padding:5px}.guide-page .guide-container .start{display:flex;justify-content:space-between;align-items:center}.guide-page .guide-container .start button{cursor:pointer;border:none;outline:none;background-color:#4356d5;border-radius:20px;padding:10px 20px;display:flex;justify-content:space-around;align-items:center;margin-right:20px;box-shadow:3px 3px 10px #59b3d5;transition:.2s ease-out}.guide-page .guide-container .start button span{font-weight:700;color:#fff;margin:0 10px;font-family:"Roboto",sans-serif}.guide-page .guide-container .start button svg{fill:#fff;width:12px;height:12px;padding:5px}.guide-page .guide-container .start button:hover{box-shadow:3px 3px 25px #59b3d5}.guide-page .guide-container .start a,.guide-page .guide-container .start a:visited{text-decoration:none;color:#4356d5;text-decoration:underline}.guide-page img{height:100vh;position:absolute;bottom:0;top:0;right:-100px}@media only screen and (max-width:1050px){ul{width:50%}}@media only screen and (max-width:900px){.guide-info{margin-left:50px}}@media only screen and (max-width:800px){ul{width:100%}.guide-info{margin-left:20%}.image_guide{display:none}}body{scroll-behavior:smooth}.mark-exam{grid-template-columns:300px auto;width:100%;grid-column-gap:50px}@media (max-width:767px){.mark-exam{display:flex;flex-direction:column;height:auto;margin-bottom:130px}}.mark-exam .application-info{padding:0 20px;margin:20px;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;height:100%;color:#252b33}@media (max-width:767px){.mark-exam .application-info{height:auto}}.mark-exam .application-info #submitExamReview,.mark-exam .application-info #toTop{cursor:pointer;position:fixed;bottom:30px;background-color:#4356d5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #aaa;transition:.2s ease-out}.mark-exam .application-info #toTop{left:40px;border-radius:100%;width:50px;height:50px;text-decoration:none}.mark-exam .application-info #toTop svg{fill:#fff;width:18px;height:18px}.mark-exam .application-info #submitExamReview{right:40px;border-radius:20px;width:80px;height:40px;border:none;outline:none;font-weight:700}.mark-exam .application-info #submitExamReview:hover,.mark-exam .application-info #toTop:hover{box-shadow:0 10px 20px #aaa}.mark-exam .application-info .show{visibility:visible}.mark-exam .application-info ul{padding:0;list-style-type:none}.mark-exam .application-info ul li{margin:5px 0;cursor:pointer;transition:.2 ease-out}.mark-exam .application-info ul li a{text-decoration:none;color:#aaa}.mark-exam .application-info ul li:hover a{color:#252b33}.mark-exam .application-info ul .done{text-decoration:line-through}.mark-exam .mark-question{grid-column-start:2;grid-column-end:3;border-bottom:1px solid #eee;padding:20px 0;box-sizing:border-box;margin:0 150px 0 0}@media (max-width:767px){.mark-exam .mark-question{width:90%;margin:0 auto}}.mark-exam .mark-question p{font-size:18px}.mark-exam .mark-question .view-image{color:#4356d5;cursor:pointer;display:flex;align-items:center}.mark-exam .mark-question .markInput{width:100%;display:flex;justify-content:flex-end}.mark-exam .mark-question .markInput input{background-color:transparent;border:none;border-bottom:2px solid #59b3d5;width:30px}.mark-exam .mark-question .markInput span{font-weight:700}.mark-exam .mark-question .essay{border-left:5px solid #f5ee9e;padding:10px 20px;white-space:pre-wrap}.mark-exam .mark-question ul{list-style-type:none;padding:0;display:flex;flex-direction:column;align-items:flex-start}.mark-exam .mark-question ul li{background-color:#fff;padding:10px 20px;border-radius:20px;margin:10px 0;box-shadow:0 3px 5px #eee;display:flex;align-items:center;justify-content:space-between;min-width:50%}.mark-exam .mark-question ul li:after{content:"_";visibility:hidden;display:inline-block;padding:0 5px}.mark-exam .mark-question ul .wrong{color:#d13f28;border:2px solid #d13f28}.mark-exam .mark-question ul .wrong:after{content:url(/static/media/wrong.f9ed8e4a.svg);visibility:visible}.mark-exam .mark-question ul .correct{color:#00a15d;border:2px solid #00a15d}.mark-exam .mark-question ul .correct:after{content:url(/static/media/correct.0514c246.svg);visibility:visible}header h1{text-decoration:underline}.disable{pointer-events:none;opacity:.5}.metadata{margin-top:20px;background-color:#fff;box-shadow:0 3px 30px #a4aff6;width:90%;padding:10px 10px 30px;margin-left:40px;display:flex;flex-direction:column;justify-content:space-between}.metadata header{margin-left:20px;width:92%}.metadata header h1{margin-bottom:0}.metadata .input{border-bottom:none}.metadata .desc{width:65%;word-wrap:break-word;padding:21px}.metadata h4{width:150px}.metadata .flex{margin-left:20px;display:flex;flex-direction:row}.metadata .input{margin-left:20px;padding:21px}.questions{margin-top:20px;width:90%;padding:10px;margin-left:40px;background-color:#fff;box-shadow:0 3px 30px #a4aff6}.questions .exam_questions{padding:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto);grid-column-gap:10px;grid-row-gap:10px}.questions .qhead{margin-left:20px;display:flex;flex-direction:row;width:92%}.questions .qhead button{border-radius:20px;margin-top:25px;border:1px solid #3a54d3;height:30px;margin-left:5px;padding-left:10px;padding-right:10px;font-weight:bolder;background-color:#3a54d3;color:#fff;cursor:pointer;outline:none}.questions .actions{margin-left:auto}.head{display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:950px){.exam_questions{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:550px){.exam_questions{grid-template-columns:repeat(1,1fr)}}#error{position:absolute;top:200px;right:200px}.submitted-page{display:flex;flex-direction:row}@media (max-width:1024px){.submitted-page{justify-content:center}}.submitted-page .submitted-container{width:60%;height:100vh;display:flex;align-items:center}@media (max-width:1024px){.submitted-page .submitted-container{width:85%;justify-content:center}}.submitted-page .submitted-container .submitted-info{margin-left:10rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (max-width:1024px){.submitted-page .submitted-container .submitted-info{margin:0}}.submitted-page .submitted-container .submitted-info .info-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3rem}.submitted-page .submitted-container .info-section .info-title{font-weight:lighter;color:#31346b;font-family:"Carter One",cursive;margin:0 0 1rem}.submitted-page .submitted-container .info-section span{color:#444}.submitted-page .submitted-container .view-applications{display:flex;justify-content:space-between;align-items:center}.submitted-page .submitted-container .view-applications button{cursor:pointer;border:none;outline:none;background-color:#4356d5;border-radius:20px;padding:10px 20px;display:flex;justify-content:space-around;align-items:center;margin-right:20px;box-shadow:3px 3px 10px #59b3d5;transition:.2s ease-out}.submitted-page .submitted-container .view-applications button span{font-weight:700;color:#fff;margin:0 10px;font-family:"Roboto",sans-serif}.submitted-page .submitted-container .view-applications button svg{fill:#fff;width:12px;height:12px;padding:5px}.submitted-page .submitted-container .view-applications button:hover{box-shadow:3px 3px 25px #59b3d5}.submitted-page .submitted-container .view-applications a,.submitted-page .submitted-container .view-applications a:visited{text-decoration:none;color:#4356d5;text-decoration:underline}.submitted-page img{height:100vh;margin-left:-100px}@media (max-width:1024px){.submitted-page img{display:none}}.expired-container{text-align:center}.expired-container .expired-text{display:flex;flex-direction:column-reverse;align-items:center;margin:12px;color:#e53935;justify-content:center;font-size:2em;font-weight:700}.expired-container .expired-text img{height:90px;width:90px;margin-bottom:10px}body{color:#252b33;background-color:#fafafa;margin:0;overflow-x:hidden}#nprogress .bar{background:#f5ee9e!important;height:5px!important}#nprogress .peg{box-shadow:0 0 10px #f5ee9e,0 0 5px #f5ee9e!important}body{font-family:"Roboto",sans-serif}body #logo{z-index:1000;position:absolute;top:10px;left:10px}body .sidePic{background-image:url(/static/media/sidePic.1bb20bfd.png);background-size:cover;width:40%;height:100%;position:absolute;bottom:0;left:0;top:0}body .sidePic,body .sidePic .welcome{display:flex;justify-content:center;align-items:center;flex-direction:column}body .sidePic h1{color:#fff;letter-spacing:10px;margin-bottom:0}body .sidePic p{padding:10px;margin:0;color:#a8c6e8;font-size:18px}@media only screen and (max-width:900px){body{justify-content:flex-start;align-items:flex-start}body,body .content{flex-direction:column}body .content .root-form{background-color:#fafafa;width:100%;height:90%}body .content .root-form form{width:100%}body .content .root-form form .inputContainer,body .content .root-form form .submitBtn{width:60%}body .content .root-form form .checkbox{margin:20px 0}body .content .root-form form .checkbox label{margin:0 20px 0 0}body .content .root-form button{margin:0}body .sidePic{height:50px;width:100%;z-index:20}body .sidePic .welcome{display:none}}
/*# sourceMappingURL=main.62029e66.chunk.css.map */