@font-face {
  font-family: "Material Design Icons";
  src: url("./materialdesignicons-webfont.woff2?v=5.5.55") format("truetype");
  font-weight: normal;
  font-style: normal
}
.header__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
  font-size: 14px;
  letter-spacing: -.075px;
  margin-bottom: 0;
  background-color: #ffffff;
      box-shadow: 0 0px 4px -1px rgba(0,0,0,.2), 0 0 0px 0 rgba(0,0,0,.14), 0 0px 0px 0 rgba(0,0,0,.12);
    width: 100%;
}

.header__logo {
  background-image: url("data:image/svg+xml,%3Csvg width='158' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M48.07 8.455V23h-2.635V8.455h2.635zm5.1 8.153V23h-2.572V12.09h2.458v1.855h.127c.498-1.215 1.62-1.996 3.253-1.996 2.252 0 3.743 1.491 3.736 4.105V23h-2.571v-6.548c0-1.456-.795-2.33-2.124-2.33-1.356 0-2.308.91-2.308 2.486zm15-4.517v1.989h-2.266V23h-2.571v-8.92H61.72v-1.99h1.612v-1.029c0-2.202 1.513-3.288 3.409-3.288.888 0 1.62.184 1.953.298l-.519 1.989a3.303 3.303 0 00-.958-.157c-.96 0-1.314.476-1.314 1.329v.859h2.265zm6.242 11.122c-3.295 0-5.305-2.18-5.305-5.604 0-3.366 2.038-5.66 5.163-5.66 2.685 0 4.986 1.683 4.986 5.511v.789h-7.6c.022 1.867 1.123 2.961 2.785 2.961 1.115 0 1.96-.483 2.308-1.406l2.408.27c-.455 1.896-2.21 3.14-4.745 3.14zm-2.748-6.697h5.128c-.007-1.485-1.002-2.564-2.486-2.564-1.534 0-2.557 1.172-2.642 2.564zM81.23 23V12.09h2.493v1.82h.113c.398-1.265 1.435-1.975 2.692-1.975.59 0 1.08.156 1.463.397l-.795 2.131a2.333 2.333 0 00-1.016-.227c-1.342 0-2.38.973-2.38 2.35V23h-2.57zm8.054 0V12.09h2.457v1.855h.128c.455-1.243 1.548-1.996 3.012-1.996 1.47 0 2.528.76 2.947 1.996h.114c.483-1.215 1.69-1.996 3.274-1.996 2.003 0 3.409 1.292 3.409 3.729V23h-2.578v-6.925c0-1.35-.824-1.96-1.861-1.96-1.243 0-1.975.852-1.975 2.081V23h-2.52v-7.031c0-1.122-.747-1.854-1.833-1.854-1.108 0-2.003.91-2.003 2.251V23h-2.571zm22.592.213c-3.295 0-5.305-2.18-5.305-5.604 0-3.366 2.038-5.66 5.163-5.66 2.685 0 4.986 1.683 4.986 5.511v.789h-7.6c.022 1.867 1.123 2.961 2.785 2.961 1.115 0 1.96-.483 2.308-1.406l2.408.27c-.455 1.896-2.21 3.14-4.745 3.14zm-2.748-6.697h5.128c-.007-1.485-1.002-2.564-2.486-2.564-1.534 0-2.557 1.172-2.642 2.564zM128.547 23h-2.529v-1.719h-.149c-.405.796-1.25 1.91-3.125 1.91-2.57 0-4.496-2.038-4.496-5.631 0-3.637 1.982-5.611 4.503-5.611 1.925 0 2.727 1.158 3.118 1.946h.107v-5.44h2.57V23zm-2.522-5.455c0-2.116-.909-3.487-2.564-3.487-1.711 0-2.592 1.456-2.592 3.487 0 2.046.895 3.537 2.592 3.537 1.641 0 2.564-1.42 2.564-3.537zM130.97 23V12.09h2.57V23h-2.57zm1.292-12.372c-.802 0-1.491-.61-1.491-1.392 0-.789.689-1.4 1.491-1.4.796 0 1.485.611 1.485 1.4 0 .781-.69 1.392-1.485 1.392zm8.48 12.585c-3.26 0-5.227-2.322-5.227-5.625 0-3.33 2.017-5.64 5.213-5.64 2.664 0 4.51 1.556 4.695 3.921h-2.465c-.191-1.05-.958-1.846-2.194-1.846-1.584 0-2.642 1.32-2.642 3.522 0 2.23 1.037 3.573 2.642 3.573 1.13 0 1.974-.675 2.194-1.847h2.465c-.192 2.316-1.939 3.942-4.68 3.942zm9.717.007c-2.081 0-3.65-1.136-3.65-3.281 0-2.457 2.023-3.09 4.14-3.317l.191-.021c1.783-.192 2.515-.27 2.508-.987-.008-1.08-.64-1.698-1.847-1.698-1.257 0-1.982.64-2.237 1.385l-2.4-.34c.567-1.99 2.315-3.012 4.658-3.012 2.032 0 4.397.866 4.397 3.75V23h-2.472v-1.499h-.085c-.469.917-1.492 1.72-3.203 1.72zm.667-1.889c1.549 0 2.529-1.03 2.529-2.244V17.8c-.334.27-1.684.44-2.358.533-1.15.163-2.01.575-2.01 1.562 0 .945.767 1.435 1.84 1.435z' fill='%23112950'/%3E%3Crect fill='%232E85FF' width='32' height='32' rx='3'/%3E%3Cpath d='M14 14V9h4v5h5v4h-5v5h-4v-5H9v-4h5z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 158px;
  height: 32px;
  color: #2e85ff
}

.primary-nav {
  display: none
}

@media (min-width:660px) {
  .primary-nav {
    display: flex;
  }
}

.primary-nav__item {
  position: relative;
  margin: 0 10px
}
.primary-nav__link {
  padding: 24px 0;
  color: #324b72;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.primary-nav__link:hover,
.v-chip--active--vuejx .primary-nav__link {
  color: #2174ea;
  text-decoration: none
}

.primary-nav__link--last {
  margin-right: 0
}

.primary-nav__link--active {
  font-weight: 600;
  color: #112950
}

.vuejx_submenu {
  position: absolute;
  left: auto;
  z-index: 4;
  display: flex;
  flex-direction: column;
  width: 180px;
  pointer-events: none;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 60px 0 rgba(17, 41, 80, .08), 0 2px 8px 0 rgba(17, 41, 80, .08);
  opacity: 0;
  transition: all .2s ease;
  transform: scale(.9);
  transform-origin: top center;
  will-change: opacity, transform
}
.mobile-vuejx_submenu .vuejx_submenu {
  left: 0;
}

.mobile-vuejx_submenu .primary-nav__link {
  padding: 0;
}

.vuejx_submenu--are-open {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1)
}

@media (hover:hover) {
  .vuejx_submenu--are-open {
    pointer-events: none;
    opacity: 0;
    transform: scale(.9)
  }

  .link-vuejx_submenu:hover+.vuejx_submenu,
  .link-vuejx_submenu:hover+.vuejx_submenu.vuejx_submenu--are-open,
  .vuejx_submenu.vuejx_submenu--are-open:hover,
  .vuejx_submenu:hover {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1)
  }
}

.vuejx_submenu--hidden {
  pointer-events: none !important;
  opacity: 0 !important;
  transform: scale(.9) !important
}

.vuejx_submenu:before {
  position: absolute;
  bottom: 100%;
  left: 16px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #fff
}

.vuejx_submenu__link {
  padding: 15px 0;
  color: #324b72
}

.vuejx_submenu__link:hover {
  text-decoration: none
}

.product {
  display: flex
}

.product__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cpath d='M12 .5h24A6.5 6.5 0 0142.5 7v40.5h-37V7A6.5 6.5 0 0112 .5z' stroke='%23164798' fill='%235C9FFF' stroke-linecap='round'/%3E%3Cpath d='M12 9.5h24a3.5 3.5 0 013.5 3.5v34.5h-31V13A3.5 3.5 0 0112 9.5z' stroke='%23164798' fill='%23FFF' stroke-linecap='round'/%3E%3Cpath d='M20.5 5.5h7m-27 42h8' stroke='%23164798' stroke-linecap='round'/%3E%3Cpath d='M9.5 47.5h29' stroke='%23FFF' stroke-linecap='square'/%3E%3Cpath d='M47.5 47.5h-8' stroke='%23164798' stroke-linecap='round'/%3E%3Cpath d='M25.5 22.5h4v4h-4v4h-4v-4h-4v-4h4v-4h4v4z' stroke='%23164798' fill='%235C9FFF' stroke-linecap='round'/%3E%3Cpath d='M16.444 37.5h15.112m-15.112 5h15.112m-15.056 5h7' stroke='%23164798' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  margin-right: 20px
}

.product__icon,
.product__icon--triage {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 48px;
  height: 48px
}

.product__icon--triage {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23164798'%3E%3Cpath d='M8.5 25h-4v-5C4.5 9.23 13.23.5 24 .5S43.5 9.23 43.5 20v7.5h-4V20c0-8.56-6.94-15.5-15.5-15.5-8.56 0-15.5 6.94-15.5 15.5v5z' fill='%23FFDBB1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.5 22.5h4v4h-4v4h-4v-4h-4v-4h4v-4h4v4zm14-2h1a7 7 0 010 14h-1v-14zm-31 0h-1a7 7 0 000 14h1v-14z' fill='%235C9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 32.5v1C8.5 39.299 13.201 44 19 44'/%3E%3Crect fill='%23FFDBB1' stroke-linecap='round' stroke-linejoin='round' x='15.5' y='40.5' width='7' height='7' rx='3'/%3E%3C/g%3E%3C/svg%3E")
}

.product__icon--api {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke='%23164798'%3E%3Cpath d='M.5 7.5h42V34a4.5 4.5 0 01-4.5 4.5H5A4.5 4.5 0 01.5 34V7.5z' fill='%23FFF' stroke-linejoin='round'/%3E%3Cpath d='M12.293 21l-5 5L10 28.707 17.707 21 10 13.293 7.293 16l5 5z' fill='%235C9FFF' stroke-linejoin='round'/%3E%3Cpath d='M5 .5h33A4.5 4.5 0 0142.5 5v2.5H.5V5A4.5 4.5 0 015 .5zm27 27h11a4.5 4.5 0 014.5 4.5v11a4.5 4.5 0 01-4.5 4.5H32a4.5 4.5 0 01-4.5-4.5V32a4.5 4.5 0 014.5-4.5z' fill='%235C9FFF'/%3E%3Cpath d='M39.5 35.5h4v4h-4v4h-4v-4h-4v-4h4v-4h4v4z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 48px;
  height: 48px
}

.vuejx_submenu__name {
  margin-bottom: 7px;
  transition: color .15s ease
}

.vuejx_submenu__link:hover .vuejx_submenu__name,
.v-chip--active--vuejx .primary-nav__link,
.v-chip--active--vuejx__sub {
  color: #2174ea
}

.mobile-menu {
  position: relative;
  display: block;
  width: 42px;
  height: 42px
}

@media (min-width:660px) {
  .mobile-menu {
    display: none
  }
}

.mobile-menu__icon,
.mobile-menu__icon:after,
.mobile-menu__icon:before {
  position: absolute;
  top: 20px;
  right: 8px;
  left: 8px;
  height: 2px;
  content: "";
  background: #2e85ff;
  border-radius: 1px
}

.mobile-menu__icon:before {
  top: -7px;
  right: 0;
  left: 0
}

.mobile-menu__icon:after {
  top: 7px;
  right: 0;
  left: 0
}

.mobile-nav {
  position: absolute;
  top: 24px;
  right: -8px;
  left: -8px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(17, 41, 80, .04), 0 4px 16px 0 rgba(17, 41, 80, .12);
  opacity: 0;
  transition: all .25s ease;
  transform: scale(.95);
  transform-origin: top right;
  will-change: opacity, transform;
  margin: 24px;
}

@media (min-width:660px) {
  .mobile-nav {
    display: none
  }
}

.mobile-nav--is-open {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1)
}

.mobile-close-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 64px;
  height: 64px;
  padding: 0;
  color: #2e85ff;
  border-radius: 4px
}

.mobile-close-button,
.mobile-close-button:focus,
.mobile-close-button:hover {
  background-color: transparent
}

.mobile-close-button:after,
.mobile-close-button:before {
  position: absolute;
  top: 31px;
  right: 20px;
  left: 20px;
  height: 2px;
  content: "";
  background: #2e85ff;
  border-radius: 1px;
  transform: rotate(45deg)
}

.mobile-close-button:after {
  transform: rotate(-45deg)
}

.mobile-vuejx_submenu {
  display: flex;
  flex-direction: column;
  padding: 16px 8px 16px;
  border-bottom: 1px solid #e0e6ed
}

.mobile-vuejx_submenu__link {
  padding: 12px 0
}

.mobile-vuejx_submenu__link:first-of-type {
  margin-top: 10px
}

.mobile-vuejx_submenu__link:hover {
  text-decoration: none
}

.mobile-product {
  display: flex;
  align-items: center
}

.mobile-vuejx_submenu__name {
  margin-bottom: 0
}

.mobile-links {
  display: flex;
  padding: 33px 32px 23px
}

.mobile-links__column {
  display: flex;
  flex-direction: column
}

.mobile-links__column:first-child {
  margin-right: 40px
}

@media (min-width:420px) {
  .mobile-links__column:first-child {
    margin-right: 80px
  }
}

.mobile-links__subtitle {
  margin-bottom: 13px
}

.mobile-link {
  padding: 8px 0;
  color: #324b72
}

body .hd__screen > div,
body .hd__screen > nav {
  max-width: 1366px !important;
  margin: 0 auto;
  padding: 0 15px;
}


nav.horizontal_header ul {
  list-style: none;
}
nav.horizontal_header ul li {
  display: inline-block;
}
nav.horizontal_header ul li a {
  display: block;
  text-decoration: none;
  font-weight: 800;
  margin: 0;
}
.vuejx_submenu a {
  padding: 14px;
}
nav.horizontal_header ul li a,
nav.horizontal_header ul li a:after,
nav.horizontal_header ul li a:before {
  transition: all .2s;
}

/* stroke */
.stroke ul li a,
.fill ul li a {
  position: relative;
  font-size: 13px;
}
.mobile-vuejx_submenu .stroke > ul > li > a:after,
.mobile-vuejx_submenu .fill ul li a:after,
.mobile-vuejx_submenu .v-chip--active--vuejx a:after {
  bottom: -4px;
}
.stroke > ul > li > a:after,
.fill ul li a:after,
.v-chip--active--vuejx a:after {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #2174ea;
  height: 1px;
  opacity: 1;
}
.stroke ul li > a:hover:after,
ul li.v-chip--active--vuejx > a:after {
  width: 100%;
}

.fill ul li a {
  transition: all 2s;
}

.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
.fill ul li a:hover,
.v-chip--active--vuejx a:after {
  color: #fff;
  z-index: 1;
}
.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}
.primary-nav__link:hover i.mdi-chevron-down::before {
  content: "\F0143";
}

body .mHeader {
  background: url(https://issues.fds.vn/security/file/vuejx_site/file-1571976240284.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 10px;
}

body .page-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0647b2;
  color: #8dcff4;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 13px;
}

body .back-home {
  line-height: 20px;
}
body footer.absolute {
  width: 100%;
  bottom: 0;
} 
body .page-footer .sitename,
body .page-footer .info-wrapper {
  line-height: 20px;
}
body .absolute_footer .page-footer {
  bottom: unset;
}
table.table__simple {
  width: 100%;
}
table.table__simple td  {
  border-bottom: 1px solid #e2e8f0;
  padding: 8px 20px;
  vertical-align: initial;
}
table.table__simple td:first-child  {
  border-right: 1px solid #e2e8f0;
}
.vuejx__table td:not(.flex-1) {
  overflow: hidden;
  overflow-wrap: break-word;
}
.dz-default.dz-message {
  display: none !important;
}
body .dropzone {
  min-height: auto;
  border: none;
  background: white;
  padding: unset;
}
body .dropzone .dz-preview .dz-image {
  margin: auto;
}
body .dz-max-files-reached {
  background: white;
    border-radius: 5px;
    border: 2px dashed rgb(44, 108, 176);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin: 14px;
    height: 220px;
}
body .dropzone .dz-preview .dz-image {
  border-radius: 4px;
  width: 100%;
    height: 100%;
}
body .container.grid-list-md .container.grid-list-md {
  background: white;
}

body .vuejx__header + div > .hd__screen,
body .vuejx__header + div.hd__screen {
  min-height: calc(100vh - 135px) !important;
}
body .toolbar-search .bg-gray-200 {
  background: #ffffff;
}
body .toolbar-search .border-gray-200 {
  border-color: #cbd5e0;
}
body table td {
  line-height: 22px;
}