{"version":3,"sources":["webpack:///./src/views/auth/LoginForeign.vue?d6c7","webpack:///src/views/auth/LoginForeign.vue","webpack:///./src/views/auth/LoginForeign.vue?f4fe","webpack:///./src/views/auth/LoginForeign.vue","webpack:///./src/views/auth/LoginForeign.vue?d3e2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","staticStyle","on","register_click","mData","dataDefault","showDismissibleAlert","$event","_s","error","ref","dataForm","validForm","nativeOn","preventDefault","model","value","callback","$$v","$set","trim","expression","directives","name","rawName","fn_submitForm","staticRenderFns","components","YoutubeVue","data","aLang","LanguageService","aExtension","ExtensionService","account","password","remember","isViewHdsdApp","isViewHdsdCsdvdl","methods","$refs","validate","valid","MethodService","AuthService","fn_resetForm","resetFields","downloadFile","downloadLink","href","url","filename","download","onclick","document","body","removeChild","style","display","appendChild","click","sessionStorage","removeItem","location","mounted","component"],"mappings":"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","file":"js/chunk-2eda4e43.9466c01d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app flex-row align-items-center\",attrs:{\"id\":\"login-page\"}},[_c('div',{staticClass:\"container\"},[_c('b-row',{staticClass:\"justify-content-center\"},[_c('b-col',{attrs:{\"md\":\"12 mt-3 content-header\"}},[_c('b-row',{staticClass:\"text-center\"},[_c('b-col',{staticClass:\"d-flex vnat-logo\",attrs:{\"xl\":\"6\",\"md\":\"12\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":\"/img/logo_TC.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"title border-title\"},[_c('p',{staticClass:\"MCST-title\"},[_vm._v(\"MINISTRY OF CULTURE, SPORTS AND TOURISM\")]),_c('p',{staticClass:\"bold VNAT-title\"},[_vm._v(\"VIETNAM NATIONAL ADMINISTRATION OF TOURISM\")])])]),_c('b-col',{staticClass:\"d-flex certificate-block\",attrs:{\"xl\":\"6\",\"md\":\"12\"}},[_c('div',{staticClass:\"logo logo-certificate\"},[_c('img',{attrs:{\"src\":\"/img/icon_certificate.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"title\"},[_c('p',{staticClass:\"certificate-title\"},[_vm._v(\"COVID-19 Vaccination Certificate\")])])])],1)],1),_c('b-col',{attrs:{\"md\":\"12\"}},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('b-card-group',[_c('b-card',{staticClass:\"text-white d-md-down-none card-image\",staticStyle:{\"background\":\"transparent\",\"border\":\"none\",\"max-width\":\"555px\",\"box-shadow\":\"rgba(0, 0, 0, 0.2) 0px 20px 30px\"},attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"text-center video-intro\",staticStyle:{\"padding\":\"0px\",\"padding-right\":\"0\",\"position\":\"relative\"}},[_c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"100%\",\"height\":\"100%\"}},[_c('div',{staticClass:\"header-slide\"},[_c('img',{staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"object-fit\":\"cover\",\"object-position\":\"center\"},attrs:{\"src\":\"img/header_slide.png\"}})]),_c('div',{staticClass:\"main-slide\"},[_c('b-carousel',{staticStyle:{\"text-shadow\":\"1px 1px 2px #333\"},attrs:{\"id\":\"slide\",\"interval\":3500}},[_c('b-carousel-slide',{attrs:{\"img-src\":\"img/slide1.png\"}}),_c('b-carousel-slide',{attrs:{\"img-src\":\"img/slide2.png\"}})],1)],1),_c('div',{staticClass:\"footer-slide\"},[_c('img',{staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"object-fit\":\"cover\",\"object-position\":\"center\"},attrs:{\"src\":\"img/footer_slide.png\"}})])])])],1),_c('b-card',{staticClass:\"card-content\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticStyle:{\"padding\":\"0\"}},[_c('div',{staticClass:\"header-card d-flex-jc_c\"},[_c('h5',{staticClass:\"register-title\"},[_vm._v(\"\\n                    REGISTER required to get LOGIN information\\n                  \")]),_c('div',{staticClass:\"btn-register\"},[_c('b-link',{staticClass:\"button-register el-button el-button--success el-button--small\",on:{\"click\":_vm.register_click}},[_vm._v(\"\\n                      REGISTER\\n                    \")])],1)]),_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\",\"show\":_vm.mData.dataDefault.showDismissibleAlert},on:{\"dismissed\":function($event){_vm.mData.dataDefault.showDismissibleAlert = false}}},[_vm._v(_vm._s(_vm.mData.dataDefault.error))]),_c('el-form',{ref:\"myForm\",attrs:{\"model\":_vm.mData.dataForm,\"rules\":_vm.mData.validForm,\"label-width\":\"100%\",\"label-position\":\"top\"},nativeOn:{\"submit\":function($event){$event.preventDefault();}}},[_c('el-form-item',{attrs:{\"label\":\"Username\",\"prop\":\"account\"}},[_c('el-input',{attrs:{\"clearable\":\"\"},model:{value:(_vm.mData.dataForm.account),callback:function ($$v) {_vm.$set(_vm.mData.dataForm, \"account\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"mData.dataForm.account\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Password\",\"prop\":\"password\"}},[_c('el-input',{attrs:{\"show-password\":\"\"},model:{value:(_vm.mData.dataForm.password),callback:function ($$v) {_vm.$set(_vm.mData.dataForm, \"password\", $$v)},expression:\"mData.dataForm.password\"}})],1),_c('div',{staticClass:\"login-block d-flex-jc_c mb-4\"},[_c('el-form-item',{attrs:{\"label\":\"\",\"prop\":\"remember\"}},[_c('el-checkbox',{staticClass:\"bold\",model:{value:(_vm.mData.dataForm.remember),callback:function ($$v) {_vm.$set(_vm.mData.dataForm, \"remember\", $$v)},expression:\"mData.dataForm.remember\"}},[_vm._v(_vm._s('Remember login'))])],1),_c('el-form-item',{staticClass:\"text-center\"},[_c('el-button',{directives:[{name:\"ladda\",rawName:\"v-ladda\"}],staticClass:\"btn-login\",attrs:{\"type\":\"primary\",\"native-type\":\"submit\"},on:{\"click\":function($event){return _vm.fn_submitForm()}}},[_vm._v(_vm._s('Login'))])],1)],1)],1),_c('b-col',{staticStyle:{\"padding\":\"0\"},attrs:{\"md\":\"12\"}},[_c('div',{staticClass:\"qr-block d-flex-jc_c d-flex-ai_fs mb-4\"},[_c('b-link',{staticStyle:{\"font-size\":\"14px\",\"font-family\":\"MYRIADPRO-REGULAR\",\"color\":\"#0c66ad\",\"font-weight\":\"600\"},attrs:{\"to\":\"/auth/forgotForeignerPassword\"}},[_vm._v(\"Forgot your password\")]),_c('div',{staticClass:\"qr\"},[_c('img',{attrs:{\"src\":\"img/qr.png\",\"alt\":\"\"}})])],1)]),_c('b-col',{staticStyle:{\"padding\":\"0\"},attrs:{\"md\":\"12\"}},[_c('div',{staticClass:\"contact-info\"},[_c('p',{staticClass:\"phone\"},[_vm._v(\"Phone number (Zalo/Viber/WhatsApp/Telegram): (+84) 906150276;\")]),_c('p',{staticClass:\"email\"},[_vm._v(\"Email: titc@vietnamtourism.gov.vn;\")])])])],1)],1)],1)],1)]),_c('b-col',{staticClass:\"text-center mt-4 mb-4\",attrs:{\"md\":\"12\"}},[_c('h5',{staticClass:\"title-footer\"},[_vm._v(\"\\n          WEBMASTER: TOURISM INFORMATION TECHNOLOGY CENTRE\\n        \")])])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"app flex-row align-items-center\" id=\"login-page\">\r\n    <div class=\"container\">\r\n      <b-row class=\"justify-content-center\">\r\n        <b-col md=\"12 mt-3 content-header\">\r\n          <b-row class=\"text-center\">\r\n            <b-col xl=\"6\" md=\"12\" class=\"d-flex vnat-logo\">\r\n              <div class=\"logo\">\r\n                <img src=\"/img/logo_TC.png\" alt=\"\">\r\n              </div>\r\n              <div class=\"title border-title\">\r\n                <p class=\"MCST-title\">MINISTRY OF CULTURE, SPORTS AND TOURISM</p>\r\n                <p class=\"bold VNAT-title\">VIETNAM NATIONAL ADMINISTRATION OF TOURISM</p>\r\n              </div>\r\n            </b-col>\r\n            <b-col xl=\"6\" md=\"12\" class=\"d-flex certificate-block\">\r\n              <div class=\"logo logo-certificate\">\r\n                <img src=\"/img/icon_certificate.png\" alt=\"\">\r\n              </div>\r\n              <div class=\"title\">\r\n                <p class=\"certificate-title\">COVID-19 Vaccination Certificate</p>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </b-col>\r\n        <b-col md=\"12\" class=\"\">\r\n          <div style=\"position: relative;\">\r\n            <b-card-group>\r\n              <b-card\r\n                no-body\r\n                class=\"text-white d-md-down-none card-image\"\r\n                style=\"background: transparent; border: none; max-width: 555px;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;\"\r\n              >\r\n                <b-card-body\r\n                  class=\"text-center video-intro\"\r\n                  style=\"padding: 0px;padding-right:0; position: relative;  \"\r\n                >\r\n                  <div\r\n                    style=\"position:relative;width:100%;height:100%;\"\r\n                  >\r\n                    <!-- <img src=\"img/img_login.png\" style=\"height: 100%; width: 100%; object-fit: cover; object-position: center;\"> -->\r\n                    <div class=\"header-slide\">\r\n                      <img src=\"img/header_slide.png\" style=\"height: 100%; width: 100%; object-fit: cover; object-position: center;\">\r\n                    </div>\r\n                    <div class=\"main-slide\">\r\n                      <b-carousel\r\n                        id=\"slide\"\r\n                        :interval=\"3500\"\r\n                        style=\"text-shadow: 1px 1px 2px #333;\"\r\n                      >\r\n                        <!-- Slides with image only -->\r\n                        <b-carousel-slide img-src=\"img/slide1.png\"></b-carousel-slide>\r\n                        <b-carousel-slide img-src=\"img/slide2.png\"></b-carousel-slide>\r\n                      </b-carousel>\r\n                    </div>\r\n                    <div class=\"footer-slide\">\r\n                      <img src=\"img/footer_slide.png\" style=\"height: 100%; width: 100%; object-fit: cover; object-position: center;\">\r\n                    </div>\r\n                  </div>\r\n                </b-card-body>\r\n              </b-card>\r\n              <b-card\r\n                no-body\r\n                class=\"card-content\"\r\n              > \r\n                <b-card-body style=\"padding: 0\">\r\n                  <div class=\"header-card d-flex-jc_c\">\r\n                    <h5\r\n                      class=\"register-title\"\r\n                    >\r\n                      REGISTER required to get LOGIN information\r\n                    </h5>\r\n                    <div class=\"btn-register\">\r\n                      <b-link class=\"button-register el-button el-button--success el-button--small\" @click=\"register_click\">\r\n                        REGISTER\r\n                      </b-link>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <b-alert\r\n                    variant=\"danger\"\r\n                    dismissible\r\n                    :show=\"mData.dataDefault.showDismissibleAlert\"\r\n                    @dismissed=\"mData.dataDefault.showDismissibleAlert = false\"\r\n                    >{{ mData.dataDefault.error }}</b-alert\r\n                  >\r\n\r\n                  <el-form\r\n                    :model=\"mData.dataForm\"\r\n                    :rules=\"mData.validForm\"\r\n                    ref=\"myForm\"\r\n                    label-width=\"100%\"\r\n                    label-position=\"top\"\r\n                    @submit.native.prevent\r\n                  >\r\n                    <el-form-item label=\"Username\" prop=\"account\">\r\n                      <el-input\r\n                        v-model.trim=\"mData.dataForm.account\"\r\n                        clearable\r\n                      ></el-input>\r\n                    </el-form-item>\r\n\r\n                    <el-form-item label=\"Password\" prop=\"password\">\r\n                      <el-input\r\n                        v-model=\"mData.dataForm.password\"\r\n                        show-password\r\n                      ></el-input>\r\n                    </el-form-item>\r\n                    <div class=\"login-block d-flex-jc_c mb-4\">\r\n                      <el-form-item label prop=\"remember\">\r\n                        <el-checkbox class=\"bold\" v-model=\"mData.dataForm.remember\">{{\r\n                          'Remember login'\r\n                        }}</el-checkbox>\r\n                      </el-form-item>\r\n\r\n                      <el-form-item class=\"text-center\">\r\n                        <el-button\r\n                          class=\"btn-login\"\r\n                          type=\"primary\"\r\n                          @click=\"fn_submitForm()\"\r\n                          v-ladda\r\n                          native-type=\"submit\"\r\n                          >{{ 'Login' }}</el-button\r\n                        >\r\n                      </el-form-item>\r\n                    </div>\r\n                  </el-form>\r\n                  <b-col\r\n                    md=\"12\"\r\n                    style=\"padding: 0;\"\r\n                  >\r\n                    <div class=\"qr-block d-flex-jc_c d-flex-ai_fs mb-4\">\r\n                      <b-link to=\"/auth/forgotForeignerPassword\" style=\"font-size: 14px;font-family: MYRIADPRO-REGULAR; color: #0c66ad;font-weight: 600;\">Forgot your password</b-link>\r\n                      <div class=\"qr\">\r\n                        <img src=\"img/qr.png\" alt=\"\">\r\n                      </div>\r\n                    </div>\r\n                  </b-col>\r\n                  <b-col md=\"12\" style=\"padding: 0;\">\r\n                    <div class=\"contact-info\">\r\n                      <p class=\"phone\">Phone number (Zalo/Viber/WhatsApp/Telegram): (+84) 906150276;</p>\r\n                      <p class=\"email\">Email: titc@vietnamtourism.gov.vn;</p>\r\n                    </div>\r\n                  </b-col>\r\n                </b-card-body>\r\n              </b-card>\r\n            </b-card-group>\r\n          </div>\r\n        </b-col>\r\n        <b-col md=\"12\" class=\"text-center mt-4 mb-4\">\r\n          <h5\r\n            class=\"title-footer\"\r\n          >\r\n            WEBMASTER: TOURISM INFORMATION TECHNOLOGY CENTRE\r\n          </h5>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AuthService from \"../../service/AuthService\";\r\nimport LanguageService from \"../../service/LanguageService\";\r\nimport ValidService from \"../../service/ValidService\";\r\nimport MethodService from \"../../service/MethodService\";\r\nimport ExtensionService from \"../../service/ExtensionService\";\r\nimport { YoutubeVue } from \"youtube-vue\";\r\n\r\nexport default {\r\n  components: {\r\n    YoutubeVue\r\n  },\r\n  data() {\r\n    return {\r\n      aLang: LanguageService.en,\r\n      aExtension: ExtensionService,\r\n      mData: {\r\n        dataDefault: {\r\n          error: \"\",\r\n          showDismissibleAlert: false\r\n        },\r\n        dataForm: {\r\n          account: \"\",\r\n          password: \"\",\r\n          remember: true\r\n        },\r\n        validForm: {\r\n          account: [{\r\n              required: true,\r\n              message: LanguageService.en.valid_required,\r\n              trigger: \"blur\"\r\n          }],\r\n          password: [{\r\n              required: true,\r\n              message: LanguageService.en.valid_required,\r\n              trigger: \"blur\"\r\n          }]\r\n        }\r\n      },\r\n      isViewHdsdApp: false,\r\n      isViewHdsdCsdvdl: false\r\n    };\r\n  },\r\n  methods: {\r\n    fn_submitForm() {\r\n      this.$refs[\"myForm\"].validate(valid => {\r\n        if (valid) {\r\n          AuthService.login(\r\n            this.mData.dataForm.account,\r\n            this.mData.dataForm.password,\r\n            this.mData.dataForm.remember\r\n          )\r\n            .then(() => {\r\n              this.$router.push({ name: \"Admin-Home\" });\r\n            })\r\n            .catch(() => {\r\n              this.mData.dataDefault.showDismissibleAlert = true;\r\n              this.mData.dataDefault.error = LanguageService.en.login_error;\r\n            });\r\n        } else {\r\n          MethodService.stopLadda();\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    fn_resetForm() {\r\n      this.$refs[\"myForm\"].resetFields();\r\n    },\r\n    downloadFile(url, filename) {\r\n      let downloadLink = document.createElement(\"a\");\r\n      downloadLink.href = url;\r\n      if (filename) downloadLink.download = filename;\r\n      // Firefox requires the link to be added to the DOM\r\n      // before it can be clicked.\r\n      downloadLink.onclick = function() {\r\n        document.body.removeChild(downloadLink);\r\n      };\r\n      downloadLink.style.display = \"none\";\r\n      document.body.appendChild(downloadLink);\r\n\r\n      downloadLink.click();\r\n    },\r\n    register_click() {\r\n      sessionStorage.removeItem(\"foreignRegister\");\r\n      location.href = \"/auth/travelpass-register\";\r\n    }\r\n  },\r\n  mounted: function() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@font-face {\r\n  font-family: UTM-Cafeta;\r\n  src: url(/fonts/UTM_Cafeta.ttf);\r\n}\r\n@font-face {\r\n  font-family: MYRIADPRO-REGULAR;\r\n  src: url(/fonts/MYRIADPRO-REGULAR.OTF) format(\"opentype\")  , url(/fonts/MYRIADPRO-REGULAR.woff) format(\"woff\");\r\n}\r\np{\r\n  margin: 0;\r\n}\r\n\r\n.circle {\r\n  display: block;\r\n}\r\n\r\n#login-page {\r\n  position: relative;\r\n  z-index: 4000;\r\n  background-color: #e8eef2;\r\n}\r\n::v-deep .el-form-item__label {\r\n  font-weight: 500;\r\n  color: #0c66ad;\r\n}\r\n::v-deep .el-form-item__label:before{\r\n  content: '' !important;\r\n}\r\n::v-deep .el-input__inner {\r\n  border-radius: 12px;\r\n  background-color: #f2f2f2;\r\n  box-shadow: 0 0 3px rgba(51, 51, 51, 0.5);\r\n  border: none;\r\n}\r\n::v-deep .el-checkbox__input.is-checked+.el-checkbox__label{\r\n  color: #0c66ad;\r\n  font-weight: 500;\r\n}\r\n::v-deep .certificate-block{\r\n  padding-left: 13px;\r\n  padding-right: 13px;\r\n}\r\n.header-card{\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n}\r\n.d-flex{\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.d-flex-jc_c{\r\n  justify-content: space-between;\r\n}\r\n.d-flex-ai_fs{\r\n  align-items: flex-start;\r\n}\r\n.logo{\r\n  max-width: 145px;\r\n}\r\n.title{\r\n  color: #0c66ad;\r\n  font-size: 14px;\r\n}\r\n.border-title{\r\n  border-right: 2px solid #25b8ec;\r\n  padding-right: 40px;\r\n}\r\n.vnat-logo{\r\n  padding-right: 0;\r\n}\r\n.title .MCST-title{\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-size: 16px;\r\n  letter-spacing: 1.3px;\r\n}\r\n.title .VNAT-title{\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-size: 17px;\r\n}\r\n.logo-certificate{\r\n  margin-right: 20px;\r\n}\r\n.title .certificate-title{\r\n  font-size: 40px;\r\n  text-transform: uppercase;\r\n  font-family: UTM-Cafeta;\r\n}\r\n\r\n.card-content {\r\n  border-radius: 0; \r\n  max-width: 555px; \r\n  padding: 60px;\r\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 25px 60px;\r\n}\r\n.header-slide{\r\n  position: absolute;\r\n  top: 1px;\r\n  max-width: 155px;\r\n  right: 205px;\r\n  z-index: 4;\r\n}\r\n.main-slide{\r\n  position: absolute;\r\n  top: 1px;\r\n  left: 0;\r\n  bottom: 97px;\r\n}\r\n.main-slide #slide{\r\n  /* position: absolute;\r\n  top: 1px;\r\n  bottom: 97px; */\r\n}\r\n.footer-slide{\r\n  position: absolute;\r\n  bottom: 0.5px;\r\n}\r\n.register-title{\r\n    font-size: 14px;\r\n    color: rgb(12, 102, 173);\r\n    margin-bottom: 10px;\r\n    padding-top: 10px;\r\n}\r\n.button-register {\r\n  text-decoration: none;\r\n  padding: 10px 10px;\r\n  width: 110px;\r\n  font-size: 14px;\r\n  border-radius: 10px;\r\n  background-color: #0c66ad;\r\n  border-color: #0c66ad;\r\n}\r\n.login-block{\r\n  display: flex;\r\n}\r\n.btn-login{\r\n  padding: 10px 10px;\r\n  width: 110px;\r\n  font-size: 14px;\r\n  border-radius: 10px;\r\n  background-color: #9e0b0f !important;\r\n  border-color: #9e0b0f !important;\r\n}\r\n.btn-register:hover{\r\n  background-color: #0c66ad !important;\r\n  border-radius: 10px;\r\n}\r\n.qr-block {\r\n  display: flex;\r\n}\r\n.qr{\r\n  max-width: 110px;\r\n}\r\n.contact-info{\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n}\r\n.contact-info .phone{\r\n  color: #9e0b0f;\r\n}\r\n.contact-info .email{\r\n  color: #0c66ad;\r\n}\r\n.title-footer{\r\n  color: black;\r\n  margin-bottom: 5px;\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n}\r\n::v-deep .el-dialog__wrapper {\r\n  background-color: #00000055;\r\n}\r\n\r\n::v-deep .el-dialog {\r\n  margin-top: 20px !important;\r\n  margin-bottom: 0;\r\n  width: calc(100% - 40px) !important;\r\n  height: calc(100% - 40px);\r\n}\r\n\r\n::v-deep .el-dialog__header {\r\n  border: none;\r\n  background: none;\r\n  padding: 0;\r\n}\r\n\r\n::v-deep .el-dialog__headerbtn {\r\n  top: 0px;\r\n  right: 0;\r\n  width: 55px;\r\n  height: 55px;\r\n  background-color: #ddd;\r\n  font-size: 20px;\r\n  border-bottom-left-radius: 4px;\r\n  z-index: 2000;\r\n}\r\n\r\n::v-deep .el-dialog__body {\r\n  height: 100%;\r\n  padding: 0;\r\n}\r\n\r\n::v-deep .el-dialog__body iframe {\r\n  margin: 0 auto;\r\n  display: flex;\r\n  width: 100%;\r\n  height: calc(100% - 50px);\r\n  border-width: 0;\r\n  background-color: transparent;\r\n  z-index: 1000;\r\n  position: relative;\r\n}\r\n\r\n::v-deep .el-dialog__body .button-download-wrapper {\r\n  padding-top: 10px;\r\n}\r\n\r\n@media screen and (min-width: 1820.98px) {\r\n\r\n}\r\n\r\n@media screen and (max-width: 1365px) {\r\n  \r\n}\r\n@media screen and (max-width: 1199px) {\r\n  .card-image {\r\n    display: none;\r\n  }\r\n  .card-content {\r\n    padding: 50px;\r\n  }\r\n\r\n  .container {\r\n    max-width: 540px;\r\n  }\r\n\r\n  .content-header{\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .logo{\r\n    max-width: 125px;\r\n  }\r\n  .border-title{\r\n    border: none;\r\n    padding :0;\r\n  }\r\n  .vnat-logo{\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n  .card-image {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  h3 {\r\n    font-size: 16px;\r\n  }\r\n  h2 {\r\n    font-size: 17px;\r\n  }\r\n  h5 {\r\n    font-size: 14px;\r\n  }\r\n}\r\n@media screen and (max-width: 540px) {\r\n  .logo{\r\n    max-width: 90px;\r\n  }\r\n  .title .MCST-title{\r\n    font-size: 12px;\r\n  }\r\n  .title .VNAT-title{\r\n    font-size: 13px;\r\n  }\r\n  .logo-certificate{\r\n    max-width: 25px;\r\n  }\r\n  .title .certificate-title{\r\n    font-size: 30px;\r\n  }\r\n  .header-card{ \r\n    display: block;\r\n    text-align: center;\r\n  }\r\n}\r\n@media screen and (max-width: 420px) {\r\n  .card-content{\r\n    padding: 30px;\r\n  }\r\n  .logo{\r\n    max-width: 80px;\r\n  }\r\n  .title .MCST-title{\r\n    font-size: 11px;\r\n  }\r\n  .title .VNAT-title{\r\n    font-size: 12px;\r\n  }\r\n  .logo-certificate{\r\n    max-width: 22px;\r\n  }\r\n  .title .certificate-title{\r\n    font-size: 25px;\r\n  }\r\n  .header-card{ \r\n    display: block;\r\n    text-align: center;\r\n  }\r\n  .contact-info .phone{\r\n    font-size: 9.25px;\r\n  }\r\n  .contact-info .email{\r\n    font-size: 9.25px;\r\n  }\r\n  .title-footer{\r\n    font-size: 11.5px;\r\n  }\r\n}\r\n@media screen and (max-width: 384px) {\r\n  .card-content{\r\n    padding: 30px;\r\n  }\r\n  .logo{\r\n    max-width: 60px;\r\n  }\r\n  .title .MCST-title{\r\n    font-size: 10px;\r\n  }\r\n  .title .VNAT-title{\r\n    font-size: 11px;\r\n  }\r\n  .logo-certificate{\r\n    max-width: 18px;\r\n  }\r\n  .title .certificate-title{\r\n    font-size: 20px;\r\n  }\r\n  .header-card{ \r\n    display: block;\r\n    text-align: center;\r\n  }\r\n  .register-title{\r\n    font-size: 12px;\r\n  }\r\n  .login-block{\r\n    display: block;\r\n\r\n  }\r\n  .qr-block {\r\n    display: block;\r\n    text-align: center;\r\n  }\r\n  .qr{\r\n    margin: 0 auto;\r\n    max-width: 150px;\r\n  }\r\n  .contact-info .phone{\r\n    font-size: 9px;\r\n  }\r\n  .contact-info .email{\r\n    font-size: 9px;\r\n  }\r\n  .title-footer{\r\n    font-size: 11.5px;\r\n  }\r\n}\r\n@media screen and (max-width: 346px) {\r\n  .card-content{\r\n    padding: 30px;\r\n  }\r\n  .logo{\r\n    max-width: 55px;\r\n  }\r\n  .title .MCST-title{\r\n    font-size: 8.5px;\r\n  }\r\n  .title .VNAT-title{\r\n    font-size: 9.5px;\r\n  }\r\n  .logo-certificate{\r\n    max-width: 18px;\r\n  }\r\n  .title .certificate-title{\r\n    font-size: 20px;\r\n  }\r\n  .header-card{ \r\n    display: block;\r\n    text-align: center;\r\n  }\r\n  .register-title{\r\n    font-size: 11px;\r\n  }\r\n  .login-block{\r\n    display: block;\r\n\r\n  }\r\n  .qr-block {\r\n    display: block;\r\n    text-align: center;\r\n  }\r\n  .qr{\r\n    margin: 0 auto;\r\n    max-width: 150px;\r\n  }\r\n  .contact-info .phone{\r\n    font-size: 10px;\r\n  }\r\n  .contact-info .email{\r\n    font-size: 10px;\r\n  }\r\n  .title-footer{\r\n    font-size: 11px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginForeign.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginForeign.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoginForeign.vue?vue&type=template&id=b1548652&scoped=true&\"\nimport script from \"./LoginForeign.vue?vue&type=script&lang=js&\"\nexport * from \"./LoginForeign.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoginForeign.vue?vue&type=style&index=0&id=b1548652&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b1548652\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginForeign.vue?vue&type=style&index=0&id=b1548652&scoped=true&lang=css&\""],"sourceRoot":""}