.add-student-container[data-v-e48417de]{width:100%;height:100vh}.add-student-container .add-content[data-v-e48417de]{width:100%;height:100%}.add-student-container .group-page[data-v-e48417de]{width:100%;height:35px;line-height:35px;background-color:var(--primary-blue);color:var(--primary-white);text-align:center;position:relative}.add-student-container .group-page span[data-v-e48417de]{font-size:var(--font-size-base);font-family:var(--font-family-semiBold)}.add-student-container .group-page .group-back-list[data-v-e48417de]{position:absolute;left:0;top:0;z-index:1002;cursor:pointer;padding-left:var(--space-xxxl)}.add-student-container .group-page .group-back-list span[data-v-e48417de]{font-size:var(--font-size-md);font-family:var(--font-family-regular)}.add-student-container .group-page .group-back-list .back-icon[data-v-e48417de]{position:relative}.add-student-container .group-page .group-back-list .back-icon span[data-v-e48417de]:first-child{display:inline-block;width:7px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAABHNCSVQICAgIfAhkiAAAAMNJREFUOE+d1GERwjAMBeD3FIADJgEJQwEWkICVScABDtgcIAEJoCBcdm2vY+2S0t/7lkv7EsJ5RKQDcCY5KKHHicgRwAPAHsCN5MWEP0jrTCT7TVhAHwA9yWcVbqFqjxYqQg9aQS9awBaUYCua4T8owjeAXUhQeicrUVrxBeAQPtSfnPSBPVBzOGZVXXhOTuizCafIteJFVlvwKuReXJwOD7bGqnphnkEuYu/qyLG9OmJ6Qs/3kLCB5NWsmGHdcF2M4xfagIgZ0vGUjQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;position:absolute;top:2px;left:-20px;z-index:1002}.add-student-container .group-page .group-back-list .back-icon span[data-v-e48417de]:nth-child(2){display:inline-block;width:15px;height:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADCAYAAAB4bZQtAAAABHNCSVQICAgIfAhkiAAAAC9JREFUGFdj/P///wQGBoZ8BuqCBwwMDIGM/////09dc+GmNYIMp4XLHzIwMAQAAKgYDttcBxr8AAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;position:absolute;top:7px;left:-20px;z-index:1001}.add-student-container .group-add[data-v-e48417de]{margin-top:var(--space-xl);margin:var(--space-xl) var(--space-lg) 0;background-color:var(--primary-white);border-radius:18px;padding:35px 44px}.add-student-container .group-add .general-header[data-v-e48417de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:19px}.add-student-container .group-add .general-header .left-title[data-v-e48417de]{font-family:var(--font-family-semiBold);font-size:var(--font-size-md);color:var(--primary-black)}.add-student-container .group-add .right-icon-list[data-v-e48417de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--space-xxxl)}.add-student-container .group-add .right-icon-list .cancel[data-v-e48417de],.add-student-container .group-add .right-icon-list .save[data-v-e48417de]{padding:0;width:90px;height:32px;display:inline-block;line-height:32px;text-align:center;border:none;background-color:var(--primary-blue);color:var(--primary-white);font-family:var(--font-family-semiBold);font-size:var(--font-size-md);border-radius:31px}.add-student-container .group-add .right-icon-list .cancel[data-v-e48417de]{margin-right:var(--space-xs)}.add-student-container .group-add .right-icon-list .edit[data-v-e48417de]{display:inline-block;cursor:pointer}.add-student-container .group-add .right-icon-list .edit img[data-v-e48417de]{width:18px;height:18px}.add-student-container .group-add .student-info .studentInfo-item[data-v-e48417de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.add-student-container .group-add .student-info .studentInfo-item .left-info[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info[data-v-e48417de]{width:45%;min-width:250px;margin-bottom:15px}.add-student-container .group-add .student-info .studentInfo-item .left-info .rule[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .rule[data-v-e48417de]{color:red}.add-student-container .group-add .student-info .studentInfo-item .left-info label[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info label[data-v-e48417de]{font-family:var(--font-family-medium);color:var(--primary-grey);font-size:var(--font-size-base);-webkit-transform-origin-x:0;-webkit-transform:scale(.8)}.add-student-container .group-add .student-info .studentInfo-item .left-info .label-div[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .label-div[data-v-e48417de]{margin-top:9px}.add-student-container .group-add .student-info .studentInfo-item .left-info .label-div .el-date-editor.el-input[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .label-div .el-date-editor.el-input[data-v-e48417de]{width:100%}.add-student-container .group-add .student-info .studentInfo-item .left-info .label-div .el-input-number[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .label-div .el-input-number[data-v-e48417de]{line-height:36px}.add-student-container .group-add .student-info .studentInfo-item .left-info .el-select[data-v-e48417de] .el-input__inner,.add-student-container .group-add .student-info .studentInfo-item .left-info .el-textarea[data-v-e48417de] .el-textarea__inner,.add-student-container .group-add .student-info .studentInfo-item .right-info .el-select[data-v-e48417de] .el-input__inner,.add-student-container .group-add .student-info .studentInfo-item .right-info .el-textarea[data-v-e48417de] .el-textarea__inner{border-color:#dcdfe6}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num[data-v-e48417de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:38px;-ms-flex-wrap:wrap;flex-wrap:wrap}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national[data-v-e48417de]{width:30%;position:relative}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list[data-v-e48417de]{position:absolute;z-index:2002;webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:200px;background-color:var(--primary-white)}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-search[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-search[data-v-e48417de]{padding:15px;position:relative}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-search .el-input[data-v-e48417de] .el-input__inner,.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-search .el-input[data-v-e48417de] .el-input__inner{border-radius:50px;padding-left:var(--space-xxxl)}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-search .list-search-icon[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-search .list-search-icon[data-v-e48417de]{position:absolute;width:15px;height:16px;left:30px;top:15px;z-index:2002}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-search .list-search-icon img[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-search .list-search-icon img[data-v-e48417de]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-content[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-content[data-v-e48417de]{max-height:250px;overflow-y:scroll}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-content p[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-content p[data-v-e48417de]{padding:var(--space-sm) var(--space-base);line-height:15px;cursor:pointer}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .code-national .list .list-content p[data-v-e48417de]:hover,.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .code-national .list .list-content p[data-v-e48417de]:hover{background-color:var(--primary-blue);color:var(--primary-white)}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .phone-input[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .phone-input[data-v-e48417de]{width:60%;min-width:250px;position:relative}@media screen and (max-width:920px){.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .phone-input[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .phone-input[data-v-e48417de]{margin-top:var(--space-sm)}}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .phone-input span[data-v-e48417de],.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .phone-input span[data-v-e48417de]{position:absolute;left:15px;z-index:200;font-size:var(--font-size-md);font-family:var(--font-family-regular);color:var(--primary-black)}.add-student-container .group-add .student-info .studentInfo-item .left-info .phone-num .phone-input[data-v-e48417de] .el-input__inner,.add-student-container .group-add .student-info .studentInfo-item .right-info .phone-num .phone-input[data-v-e48417de] .el-input__inner{padding-left:60px}.add-student-container .group-add .student-info .studentInfo-item .left-info[data-v-e48417de]{margin-right:10%}.add-student-container .sucess-page[data-v-e48417de]{width:100%;height:100%;background-color:var(--primary-blue);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-student-container .sucess-page .success-content[data-v-e48417de]{text-align:center}.add-student-container .sucess-page .success-content p[data-v-e48417de]{font-size:var(--font-size-xl);font-family:var(--font-family-medium);line-height:1.5;color:var(--primary-white)}.add-student-container .sucess-page .success-content .title[data-v-e48417de]{font-size:28px;font-family:var(--font-family-regular);margin-bottom:var(--space-sm)}.add-student-container .sucess-page .success-content .btn-bottom[data-v-e48417de]{margin-top:90px}.add-student-container .sucess-page .success-content .btn-bottom span[data-v-e48417de]{background-color:#f5c653;color:var(--secondary-black);font-family:var(--font-family-regular);padding:18px var(--space-xxl);font-size:var(--font-size-xxl);border-radius:5px;cursor:pointer}.add-student-container .sucess-page .success-content .btn-bottom span[data-v-e48417de]:hover{opacity:.8}.phone-select{webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:200px;width:210px}.phone-select .list-search{padding:15px;position:relative}.phone-select .list-search .el-input .el-input__inner{border-radius:50px;padding-left:var(--space-xxxl)}.phone-select .list-search .list-search-icon{position:absolute;width:15px;height:16px;left:30px;top:15px;z-index:2002;line-height:35px}.phone-select .list-search .list-search-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.phone-select .list-content{max-height:250px;overflow-y:scroll}.phone-select .list-content li{padding:var(--space-sm) var(--space-base) var(--space-base) 15px;line-height:15px;font-size:var(--font-size-base);word-break:break-word;cursor:pointer}.phone-select .list-content li:hover{background-color:var(--primary-blue);color:var(--primary-white)}