{"version":3,"sources":["webpack:///./src/views/Applicant/Mail.vue?15ef","webpack:///./src/components/Applicant/Mail.vue?f347","webpack:///src/components/Applicant/Mail.vue","webpack:///./src/components/Applicant/Mail.vue?1214","webpack:///./src/components/Applicant/Mail.vue","webpack:///src/views/Applicant/Mail.vue","webpack:///./src/views/Applicant/Mail.vue?9d46","webpack:///./src/views/Applicant/Mail.vue","webpack:///./src/assets/SU_Logo.png","webpack:///./src/components/Applicant/Mail.vue?60cf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","staticClass","attrs","_v","directives","name","rawName","modifiers","_s","info","PageName","domProps","PageDescription","on","getList","_m","InboxList","length","_l","mail","index","key","$event","showEmail","MessageSubject","ApplicantEmail","ClickedEmail","EmployeeNameEN","EmployeeEmail","MessageDetaills","_e","Email","class","successful","message","component","components","beforeCreate","created","module","exports"],"mappings":"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","file":"js/Mail.ae77dbfd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Mail')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"col-md-12 mx-auto\"},[_c('h1',[_c('font-awesome-icon',{attrs:{\"icon\":\"home\"}}),_vm._v(\" Home - \"),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Mail\")]),_c('div',{staticClass:\"float-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-lg\",modifiers:{\"modal-lg\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Help\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"info\"}})],1),_c('b-modal',{attrs:{\"id\":\"modal-lg\",\"size\":\"lg\",\"title\":\"Mail\",\"modal-cancel\":\"no\"}},[_c('div',{staticClass:\"panal2\"},[_c('div',[_c('div',{staticClass:\"panal-header2\"},[_vm._v(\" \"+_vm._s(_vm.info.PageName))]),_c('div',{staticClass:\"panal-body2\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.info.PageDescription)}})])])])])],1)],1)]),_c('div',{staticClass:\"email-wrapper wrapper\"},[_c('div',{staticClass:\"row align-items-stretch\"},[_c('div',{staticClass:\"mail-sidebar d-none d-lg-block col-12 col-md-2 pt-3 bg-white\"},[_c('div',{staticClass:\"menu-bar\"},[_c('ul',{staticClass:\"menu-items\"},[_c('li',{staticClass:\"compose mb-3\"},[_c('button',{staticClass:\"btn btn-primary btn-block\",on:{\"click\":_vm.getList}},[_vm._v(\"Refresh\")])]),_c('li',{staticClass:\"active\"},[_vm._m(0),_c('span',{staticClass:\"badge badge-pill badge-success\"},[_vm._v(_vm._s(_vm.InboxList.length))])])])])]),_c('div',{staticClass:\"mail-list-container col-12 col-md-3 pt-4 pb-4 border-right bg-white\"},[_vm._m(1),_vm._l((_vm.InboxList),function(mail,index){return _c('div',{key:index+1,staticClass:\"mail-list\"},[_c('div',{staticClass:\"content\",on:{\"click\":function($event){return _vm.showEmail(index)}}},[_c('p',{staticClass:\"sender-name\"},[_vm._v(_vm._s(mail.MessageSubject))]),_c('p',{staticClass:\"message_text\"},[_vm._v(\"to : \"+_vm._s(mail.ApplicantEmail))]),_c('button',{staticClass:\"btn btn-primary float-right\",on:{\"click\":function($event){return _vm.showEmail(index)}}},[_vm._v(\"View\")])]),_vm._m(2,true)])})],2),_c('div',{staticClass:\"mail-view d-md-block col-12 col-md-9 col-lg-7 bg-white\"},[_vm._m(3),(_vm.Email)?_c('div',{staticClass:\"message-body\"},[_c('div',{staticClass:\"sender-details row\"},[_c('img',{staticClass:\"img-sm rounded-circle mr-3 col-12 col-md-3\",attrs:{\"src\":require(\"../../assets/SU_Logo.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"details col-12 col-md-4 mt-2\"},[_c('p',{staticClass:\"msg-subject\"},[_vm._v(\" \"+_vm._s(_vm.ClickedEmail.MessageSubject)+\" \")]),_c('p',{staticClass:\"sender-email\"},[_vm._v(\" Employee Name : \"+_vm._s(_vm.ClickedEmail.EmployeeNameEN)+\" \"),_c('br'),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Employee Email : \"+_vm._s(_vm.ClickedEmail.EmployeeEmail))]),_vm._v(\" \"),_c('i',{staticClass:\"mdi mdi-account-multiple-plus\"})])])]),_c('div',{staticClass:\"message-content\",domProps:{\"innerHTML\":_vm._s(_vm.ClickedEmail.MessageDetaills)}})]):_vm._e(),(!_vm.Email)?_c('div',{staticClass:\"message-content text-center\"},[_c('h1',[_vm._v(\"Welcome To your Inbox\")]),_c('h4',[_vm._v(\"Please Click on any email on the left to open \")]),_c('b-icon-arrow-left',{staticClass:\"text-big\"})],1):_vm._e(),(_vm.message)?_c('div',{staticClass:\"alert\",class:_vm.successful ? 'alert-success' : 'alert-danger'},[_vm._v(_vm._s(_vm.message))]):_vm._e()])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"mdi mdi-email-outline\"}),_vm._v(\" Inbox\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"border-bottom  pt-2 px-3 \"},[_c('div',{staticClass:\"form-group\"},[_c('h6',[_vm._v(\"All Mails \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"details\"},[_c('i',{staticClass:\"mdi mdi-star-outline\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 mb-4 mt-4\"},[_c('div',{staticClass:\"btn-toolbar\"},[_c('br')])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n<div class=\"container\">\r\n<div class=\"content-wrapper\">\r\n\r\n<div class=\"col-md-12 mx-auto\">\r\n        <h1>\r\n          <font-awesome-icon icon=\"home\" /> Home - <a href=\"#\">Mail</a>\r\n          <div class=\"float-right\">\r\n\r\n\r\n  <b-button v-b-modal.modal-lg v-b-tooltip.hover title=\"Help\" ><font-awesome-icon icon=\"info\" /></b-button>\r\n\r\n<b-modal id=\"modal-lg\" size=\"lg\" title=\"Mail\" modal-cancel=\"no\">\r\n  <div class=\"panal2\">\r\n    <div>\r\n      \r\n      <div class=\"panal-header2\"> {{ info.PageName }}</div>\r\n     <div class=\"panal-body2\">\r\n\r\n  <div v-html=\"info.PageDescription\"></div>\r\n      </div>\r\n     </div>\r\n\r\n  \r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n\r\n  </b-modal>\r\n\r\n</div>\r\n          \r\n          \r\n          \r\n          </h1>\r\n      </div>\r\n\r\n  \r\n          <div class=\"email-wrapper wrapper\">\r\n            <div class=\"row align-items-stretch\">\r\n              <div class=\"mail-sidebar d-none d-lg-block col-12 col-md-2 pt-3 bg-white\">\r\n                <div class=\"menu-bar\">\r\n                  <ul class=\"menu-items\">\r\n                    <li class=\"compose mb-3\"><button class=\"btn btn-primary btn-block\" @click=\"getList\">Refresh</button></li>\r\n                    <li class=\"active\"><a href=\"#\"><i class=\"mdi mdi-email-outline\"></i> Inbox</a><span class=\"badge badge-pill badge-success\">{{InboxList.length}}</span></li>\r\n\r\n                  </ul>\r\n\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"mail-list-container col-12 col-md-3 pt-4 pb-4 border-right bg-white\">\r\n                <div class=\"border-bottom  pt-2 px-3 \">\r\n                  <div class=\"form-group\">\r\n                    <h6>All Mails </h6>\r\n                    <!-- <input class=\"form-control w-100\" type=\"search\" placeholder=\"Search mail\" id=\"Mail-rearch\" v-model=\"userInput\" @change=\"filterinbox\"> -->\r\n                  </div>\r\n                </div>\r\n                <div class=\"mail-list\" v-for=\" (mail,index) in InboxList\" v-bind:key=\"index+1\" >\r\n                  <div class=\"content\" @click=\"showEmail(index)\" >\r\n                    <p class=\"sender-name\">{{mail.MessageSubject}}</p>\r\n                    <p class=\"message_text\">to : {{mail.ApplicantEmail}}</p>\r\n                    <button class=\"btn btn-primary float-right\" @click=\"showEmail(index)\">View</button>\r\n                  </div>\r\n                  <div class=\"details\">\r\n                    <i class=\"mdi mdi-star-outline\"></i>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n              <div class=\"mail-view d-md-block col-12 col-md-9 col-lg-7 bg-white\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-md-12 mb-4 mt-4\">\r\n                    <div class=\"btn-toolbar\">\r\n                      <br>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"message-body\" v-if=\"Email\">\r\n                  <div class=\"sender-details row\">\r\n                    <img class=\"img-sm rounded-circle mr-3 col-12 col-md-3\" src=\"../../assets/SU_Logo.png\" alt=\"\">\r\n                    <div class=\"details col-12 col-md-4 mt-2\">\r\n                      <p class=\"msg-subject\">\r\n                       {{ClickedEmail.MessageSubject}}\r\n                      </p>\r\n                      <p class=\"sender-email\">\r\n                       Employee Name :  {{ClickedEmail.EmployeeNameEN}} <br>\r\n                        <a href=\"#\">Employee Email : {{ClickedEmail.EmployeeEmail}}</a>\r\n                        &nbsp;<i class=\"mdi mdi-account-multiple-plus\"></i>\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"message-content\" v-html=\"ClickedEmail.MessageDetaills\">\r\n\r\n                  </div>\r\n                 \r\n\r\n                </div>\r\n                 <div class=\"message-content text-center\"  v-if=\"!Email\">\r\n                        <h1>Welcome To your Inbox</h1>\r\n                        <h4>Please Click on any email on the left to open </h4>\r\n                        <b-icon-arrow-left class=\"text-big\"></b-icon-arrow-left>\r\n                  </div>\r\n                               <div v-if=\"message\" class=\"alert\" :class=\"successful ? 'alert-success' : 'alert-danger'\">{{message}}</div>\r\n\r\n              </div>\r\n\r\n            </div>\r\n\r\n          </div>\r\n\r\n   </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport ApplicantDataServices from '../../services/Applicant/ApplicantData.services'\r\nimport ApplicantService from '../../services/Applicant/Applicant.service'\r\nexport default {\r\n        name: 'Mail',\r\n        data(){\r\n          return{\r\n             info: '',\r\n              InboxList : [],\r\n              Email: false,\r\n              ClickedEmail:['','','','','','',''],\r\n              active : false ,\r\n              userInput:'',\r\n              message:'',\r\n              successful:'',\r\n              Layer :true\r\n          }\r\n        },\r\n        mounted(){\r\n               let id = 5;\r\n        ApplicantService.GetHelpPages(id).then(response => {\r\n        this.info = response.data\r\n      });\r\n\r\n           this.getList()\r\n        },\r\n        methods:{\r\n\r\n              showEmail(index){\r\n\r\n                 this.ClickedEmail = this.InboxList[index]\r\n                 this.Email = true\r\n                 this.active = true\r\n                this.Layer =false\r\n              }\r\n              ,\r\n              getList(){\r\n                 ApplicantDataServices.GetApplicantInbox(this.currentUser.UserIDSerial).then(Response =>{\r\n                  this.InboxList=Response.data\r\n                  this.Email = false\r\n\r\n        }, error => {\r\n              this.successful = false\r\n              this.message =\r\n                (error.response && error.response.data && error.response.data.Message) ||\r\n                error.message ||\r\n                error.toString();\r\n                if(error.response.status == 404) this.message =''\r\n            });\r\n              },\r\n\r\n\r\n\r\n\r\n        },\r\n         computed:{\r\n        currentUser(){\r\n          return this.$store.state.auth.user\r\n        }\r\n     }\r\n\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\nh1{\r\n    color:#285475;\r\n    font-size:25px;\r\n    border-bottom:1px #fff dashed;\r\n    padding:10px 0px;\r\n}\r\nh1 a{\r\n    color:#50BD77;\r\n}\r\n.active{\r\n\r\n  background-color: cornflowerblue;\r\n}\r\n.text-big{\r\n  font-size: 2rem;\r\n}\r\n\r\n/* === Email === */\r\n/* Mail Sidebar */\r\n@media (max-width: 769px) {\r\n  .email-wrapper .mail-sidebar {\r\n    position: relative;\r\n  }\r\n}\r\n\r\n@media (max-width: 767.98px) {\r\n  .email-wrapper .mail-sidebar {\r\n    position: fixed;\r\n    z-index: 99;\r\n    background: #ffffff;\r\n    width: 45%;\r\n    min-width: 300px;\r\n    left: -100%;\r\n    display: block;\r\n    transition: 0.4s ease;\r\n    -webkit-transition: 0.4s ease;\r\n    -moz-transition: 0.4s ease;\r\n  }\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar {\r\n  width: 100%;\r\n  float: right;\r\n  height: 100%;\r\n  min-height: 100%;\r\n}\r\n\r\n@media (max-width: 767.98px) {\r\n  .email-wrapper .mail-sidebar .menu-bar {\r\n    min-height: 100vh;\r\n    max-height: 100%;\r\n    height: auto;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items {\r\n  padding: 0;\r\n  margin-bottom: 0;\r\n  height: auto;\r\n  list-style-type: none;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li {\r\n  padding: 10px 15px;\r\n  transition: 0.4s;\r\n  position: relative;\r\n  display: -webkit-flex;\r\n  display: flex;\r\n  -webkit-align-items: center;\r\n  align-items: center;\r\n  -webkit-justify-content: space-between;\r\n  justify-content: space-between;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {\r\n  background: rgba(240, 244, 249, 0.8);\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li a {\r\n  color: #303a40;\r\n  font-size: 0.75rem;\r\n  text-decoration: none;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li a i {\r\n  margin-right: 8px;\r\n  font-size: 0.75rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li.active {\r\n  background: #e6e9ed;\r\n  border-radius: 4px;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {\r\n  color: #464dee;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {\r\n  background: transparent;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status {\r\n  margin-top: 1rem;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .chat {\r\n  font-size: 0.75rem;\r\n  color: #464dee;\r\n  margin-bottom: 0;\r\n  font-weight: 600;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status {\r\n  height: 10px;\r\n  width: 10px;\r\n  border-radius: 100%;\r\n  display: inline-flex;\r\n  justify-content: flex-start;\r\n  transform: translateX(-43px) translateY(2px);\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status:after {\r\n  font-size: 12px;\r\n  color: #2e383e;\r\n  margin: -5px 0 0 18px;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {\r\n  background: #ef5958;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {\r\n  content: \"Offline\";\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status.online {\r\n  background: #0ddbb9;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {\r\n  content: \"Online\";\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list {\r\n  padding: 10px 0;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item {\r\n  border-bottom: 1px solid #e9e9e9;\r\n  padding: 6px 0;\r\n  display: block;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a {\r\n  text-decoration: none;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {\r\n  display: -webkit-flex;\r\n  display: flex;\r\n  -webkit-align-items: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  width: 20%;\r\n  max-width: 40px;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img {\r\n  max-width: 100%;\r\n  width: 100%;\r\n  border-radius: 100%;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {\r\n  width: 100%;\r\n  padding: 5px 10px 0 15px;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {\r\n  font-weight: 400;\r\n  font-size: 0.75rem;\r\n  line-height: 1;\r\n  color: #000000;\r\n}\r\n\r\n.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation {\r\n  font-size: calc(0.75rem - 0.1rem);\r\n  margin-bottom: 0;\r\n}\r\n\r\n.email-wrapper .sidebar.open {\r\n  left: 0;\r\n}\r\n\r\n/* Mail List Container */\r\n.email-wrapper .mail-list-container {\r\n  border-left: 1px solid #e9e9e9;\r\n  /* height: 100%; */\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n      margin-top: 0px;\r\n    padding-top: 0px !important;\r\n    background: #111eee;\r\n}\r\n\r\n.email-wrapper .mail-list-container a {\r\n  text-decoration: none;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list {\r\n  border-bottom: 1px solid #e9e9e9;\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 10px 15px;\r\n  width: 100%;\r\n}\r\n\r\n\r\n\r\n.email-wrapper .mail-list-container .mail-list .form-check {\r\n  margin-top: 12px;\r\n  width: 11%;\r\n  min-width: 20px;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .content {\r\n  width: 100%;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .content .sender-name {\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  max-width: 95%;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .content .message_text {\r\n  margin: 0;\r\n  max-width: 93%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .details {\r\n  width: 5.5%;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .details .date {\r\n  text-align: right;\r\n  margin: auto 15px auto 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .details i {\r\n  margin: auto 0;\r\n  color: #ddd;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list .details i.favorite {\r\n  color: #fcd539;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list.new_mail {\r\n  background: #e6e9ed;\r\n}\r\n\r\n.email-wrapper .mail-list-container .mail-list.new_mail .details .date {\r\n  color: #000000;\r\n}\r\n\r\n/* Message Content */\r\n.email-wrapper .message-body .sender-details {\r\n  padding: 20px 15px 0;\r\n  border-bottom: 1px solid #e9e9e9;\r\n  display: -webkit-flex;\r\n  display: flex;\r\n}\r\n\r\n.email-wrapper .message-body .sender-details .details {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.email-wrapper .message-body .sender-details .details .msg-subject {\r\n  font-weight: 600;\r\n}\r\n\r\n.email-wrapper .message-body .sender-details .details .sender-email {\r\n  margin-bottom: 20px;\r\n  font-weight: 400;\r\n}\r\n\r\n.email-wrapper .message-body .sender-details .details .sender-email i {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  margin: 0 1px 0 7px;\r\n}\r\n\r\n.email-wrapper .message-body .message-content {\r\n  padding: 50px 15px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul {\r\n  list-style: none;\r\n  border-top: 1px solid #e9e9e9;\r\n  padding: 30px 15px 20px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li {\r\n  padding: 10px;\r\n  margin-right: 20px;\r\n  border: 1px solid #e9e9e9;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .thumb {\r\n  display: inline-block;\r\n  margin-right: 10px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .thumb i {\r\n  font-size: 30px;\r\n  margin: 0;\r\n  color: #2e383e;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .details p.file-name {\r\n  display: block;\r\n  margin-bottom: 0;\r\n  color: #2e383e;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {\r\n  margin-right: 10px;\r\n  margin-bottom: 0;\r\n  font-size: 13px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .details .buttons a {\r\n  font-size: 13px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n\r\n.panal2{\r\n  background:#eee;\r\n  border-radius:10px;\r\ncolor:#333;\r\npadding:0px 0px 20px 0px;\r\nmargin:10px 0;\r\n   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n    margin-bottom: 20px !important;\r\n\r\n\r\n}\r\n.panal-header2{\r\n    background: #285475;\r\n    color: #FFFFFF;\r\n    text-align: left;\r\n    border-radius: 10px 0px 0px 0px;\r\n    padding: 10px 20px;\r\n    font-size: 17px;\r\n    font-weight: bold;\r\n        width: 50%;\r\n  /*  -moz-box-shadow:    inset 0 0 5px #000000;\r\n   -webkit-box-shadow: inset 0 0 5px #000000;\r\n   box-shadow:  */\r\n}\r\n.panal-body2{\r\n    padding:20px;\r\n    color:#333;\r\n}\r\n\r\n</style>","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!./Mail.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!./Mail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mail.vue?vue&type=template&id=1d290911&scoped=true&\"\nimport script from \"./Mail.vue?vue&type=script&lang=js&\"\nexport * from \"./Mail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Mail.vue?vue&type=style&index=0&id=1d290911&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  \"1d290911\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n<div>\r\n\r\n<Mail></Mail>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport Mail from \"../../components/Applicant/Mail.vue\";\r\n\r\n\r\n\r\nexport default {\r\n\r\n  components: {\r\n   Mail\r\n  },\r\n  beforeCreate: function() {\r\n        document.body.className = 'iner';\r\n    },\r\n  created() {\r\n\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n\r\n\r\n                       \r\n</style>","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!./Mail.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!./Mail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mail.vue?vue&type=template&id=cf00df7a&scoped=true&\"\nimport script from \"./Mail.vue?vue&type=script&lang=js&\"\nexport * from \"./Mail.vue?vue&type=script&lang=js&\"\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  \"cf00df7a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/SU_Logo.6662cd78.png\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Mail.vue?vue&type=style&index=0&id=1d290911&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Mail.vue?vue&type=style&index=0&id=1d290911&scoped=true&lang=css&\""],"sourceRoot":""}