.mainModal select:focus{outline:none!important}.mainModal .__modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5)}.mainModal .__modal aside.mainInnerModal{width:1000px;background:#fff;margin:0 auto;margin-top:60px;font-family:'Roboto';border-radius:5px}.mainModal .__modal.__modal__create-assessment{overflow:auto;z-index:99999999}.mainModal .__modal.__modal__create-assessment .modalHeader{width:100%;text-align:center;position:relative;border-bottom:1px solid #e2e2e2;padding:20px 0}.mainModal .__modal.__modal__create-assessment .submitConfirmAssessment{padding:24px 0!important;margin-top:2px;text-align:center}.mainModal .__modal.__modal__create-assessment .submitConfirmAssessment button{padding:6px 10px!important}.mainModal .__modal.__modal__create-assessment .submitConfirmAssessment button.mainGreen{background:#40b340;border:1px solid #4cab4b;color:#fff}#lottieLoader,#lottieLoaderQuestions{width:300px;margin:0 auto}.mainModal .__modal.__modal__create-assessment.darker{background:rgb(30 30 30 / 85%)}.mainModal .__modal.__modal__create-assessment .justIconNoBackground{background:none;margin-top:100px}.mainModal .__modal.__modal__create-assessment .justIconNoBackground .modalHeader{border:0!important}.mainModal .__modal.__modal__create-assessment .justIconNoBackground .modalHeader h4,.mainModal .__modal.__modal__create-assessment .justIconNoBackground .modalHeader p{color:#ececec}.mainModal .__modal.__modal__create-assessment .justIconNoBackground .modalHeader h4{margin-top:25px}.mainModal .__modal.__modal__create-assessment .modalHeader.darkTheme{border-top-right-radius:5px;border-top-left-radius:5px;background:linear-gradient(50deg,#1e3875,#15254a)}.mainModal .__modal.__modal__create-assessment .modalHeader.darkTheme h4{color:#fff;font-weight:400}.mainModal .__modal.__modal__create-assessment .modalHeader.darkTheme .closeModal{color:#fff}.mainModal .__modal.__modal__create-assessment .modalBody.grayBackground{background:#f5f7fa;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.mainModal .__modal.__modal__create-assessment .modalHeader h4{opacity:.9;font-size:19px;font-weight:500;letter-spacing:.3px;color:#34424d}.mainModal .__modal.__modal__create-assessment .modalHeader span.closeModal{position:absolute;top:13px;right:25px;font-size:33px;color:#1555ff;cursor:pointer}.mainModal .__modal.__modal__create-assessment .modalHeader span.closeModal.gray{color:#cbcbcb;font-size:29px;top:14px}.mainModal .__modal.__modal__create-assessment .modalHeader span.closeModal.gray:hover{opacity:.8;}.mainModal .__modal.__modal__create-assessment .modalBody{overflow:auto}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide{float:left;width:250px;padding:20px 20px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide{float:right;width:667px;border-left:1px solid #e2e2e2;background:#f5f7fa;border-bottom-right-radius:5px;padding:26px 20px;padding-bottom:20px;min-height:300px}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide img{width:60px;margin-left:100px;margin-top:18px}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide input{border-radius:2px;width:94%;padding:7px 6px;font-size:13px;color:#353535;border:1px solid #d5dae2;margin-top:31px}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide button{border-radius:6px;background:#0047ff;font-size:11px;font-weight:400;letter-spacing:.3px;color:#fff;border:0;padding:8px 16px;cursor:pointer;margin-top:14px;width:100%}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide button.saveTemplateDisabledForEditing{opacity:.4}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide button:hover{background:#3269f7}.mainModal .__modal.__modal__create-assessment .modalBody .leftSide p{opacity:.6;font-size:11px;line-height:20px;letter-spacing:.2px;text-align:center;color:#34424d;margin-top:20px;border-top:1px dashed #e2e2e2;padding-top:20px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea{overflow:auto}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea li{float:left;width:200px;border-radius:2px;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);border:solid 1px #e9edf3;background:#fff;margin-right:27px;margin-bottom:20px;text-align:center;padding:25px 0}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea li:nth-child(3n){margin-right:0}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea li h4{opacity:.9;font-size:14px;letter-spacing:.4px;color:#34424d}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea li button{font-size:10px;font-weight:500;letter-spacing:.2px;color:#0349ff;border:1px solid #d4d7e0;text-align:center;padding:4px 11px;border-radius:4px;opacity:.8;margin-top:15px;cursor:pointer}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide ul.assessmentArea li button:hover{opacity:1}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea{overflow:auto}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea .goBack{opacity:.9;font-size:14px;font-weight:500;letter-spacing:.3px;color:#0047ff;cursor:pointer;margin-bottom:23px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section{border-left:5px solid #c8d4f5;padding-left:12px;margin:12px 0;background:#eceff5;border-radius:3px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section p{opacity:.8;font-size:13px;letter-spacing:.3px;color:#3b464e;padding:8px 0;line-height:19px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section p a{color:#3577da;text-decoration:underline}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section p.optionsList,.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section p.numberedItem{padding:4px 0}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea section p.optionsList input{margin-right:3px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .showTemplateArea .editAfterNote{opacity:.8;font-size:11px;letter-spacing:.3px;color:#969ba9;margin-top:26px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide img.realtimeDemo{width:100%;border-radius:2px}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide textarea{width:97%;max-width:97%;min-width:97%;height:300px;max-height:300px;min-height:300px;font-size:14px;padding:7px;border-radius:3px;border:1px solid #c3cad4;line-height:19px;color:#383838}.mainModal .__modal.__modal__create-assessment .modalBody .rightSide .editorDashboardQuill{height:340px;background:#fff}.mainModal .__modal.__modal__create-assessment .modalBody .topArea{overflow:auto;padding:0 34px;margin-top:23px;margin-bottom:12px}.mainModal .__modal.__modal__create-assessment .modalBody .topArea .uploadDescr{float:left}.mainModal .__modal.__modal__create-assessment .modalBody .topArea .uploadDescr p{color:#0047ff;font-size:14px;padding-top:8px;opacity:.55;cursor:pointer}.mainModal .__modal.__modal__create-assessment .modalBody .topArea .createBlank{float:right}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain{overflow:auto;padding:27px 34px;padding-top:10px;max-height:500px;margin-top:20px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes{overflow:auto;display:flex}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes li{float:left;width:245px;background:#fff;margin-right:26px;border-radius:4px;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);border:1px solid #dee3ea;padding:44px 30px;text-align:center}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes li:last-child{margin-right:0}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes li img{width:65px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes li h4{letter-spacing:.4px;color:#34424d;font-weight:500;font-size:17px;margin-top:27px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.selectBoxes li p{line-height:22px;letter-spacing:.3px;color:#34424d;opacity:.6;font-size:14px;margin-top:24px;height:130px}.mainModal .__modal.__modal__create-assessment .modalBody button.mainActionBtn,.mainModal .__modal.__modal__create-assessment .modalBody button.createEmptyAssessment{border-radius:6px;background:#0047ff;font-size:11px;font-weight:400;letter-spacing:.3px;color:#fff;border:0;padding:8px 16px;cursor:pointer;width:130px;margin-top:34px}.mainModal .__modal.__modal__create-assessment .modalBody button.mainActionBtn:hover{background:#3269f7!important}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li button{margin-top:0;width:88px;padding:7px 16px}.mainModal .__modal.__modal__create-assessment .modalBody button.createEmptyAssessment{margin-top:0;width:188px;font-size:11px;font-weight:400;background:#f5f7fa;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);border:1px solid #d1d7e0;color:#537fe0;letter-spacing:.3px;opacity:.7}.mainModal .__modal.__modal__create-assessment .modalBody button.createEmptyAssessment:hover{opacity:1}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList{overflow:auto}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li.roleTemplatesHeader{border-bottom:1px solid #e2e2e2;font-weight:500;color:#404040;opacity:1;background:#f5f7fa!important}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li{padding:12px 13px;color:#34424d;opacity:.8;font-size:14px;letter-spacing:.2px;border-radius:2px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li:nth-child(2n+1){background:#e9edf5}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li span{width:186px;display:inline-block}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li span:first-child{width:228px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain ul.roleTemplateList li span select{width:138px;height:26px;border:1px solid #d4d4d4;background:#fcfdff;color:#5f75b1}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsSelection{width:40%;float:left;overflow:auto}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen{float:right;width:56%;background:#fff;overflow:auto;height:500px;padding:20px;box-sizing:border-box;position:relative;border-radius:4px;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);border:1px solid #dee3ea}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen ul{overflow:auto;margin-top:17px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen ul li{border-radius:4px;background:#f2f6ff;margin-bottom:11px;padding:10px 17px;letter-spacing:.35px;color:#344673;font-size:14px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen p.noSkillsText{opacity:.5;font-size:14px;letter-spacing:.45px;text-align:center;color:#34424d;margin-top:220px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen p.someSkillsText{opacity:.5;font-size:14px;letter-spacing:.45px;text-align:left;color:#34424d}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsChosen button.mainActionBtn{position:absolute;right:20px;bottom:20px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsOptions input{width:145px;padding:5px 7px;border-top-left-radius:2px;border-bottom-left-radius:2px;border:1px solid #e2e2e2;border-right:0}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsOptions img{width:15px;vertical-align:-8px;margin-left:-5px;border:1px solid #e2e2e2;padding:4px 6px;border-left:0;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#fff}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsList ul{overflow:auto;margin-top:15px;max-height:450px;overflow:scroll}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsList ul li{padding:12px 0;padding-left:10px;border-bottom:1px solid #e7eaef;letter-spacing:.35px;color:#485865;opacity:.8;font-size:14px}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsList ul li img{width:16px;float:right;padding-right:20px;cursor:pointer}.mainModal .__modal.__modal__create-assessment .modalBody .bottomAreaMain .skillsList ul li:last-child{border-bottom:0}