/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s; }

.fade-enter,
.fade-leave-active {
  opacity: 0; }

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s; }

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px); }

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px); }

.el-menu {
  min-height: calc(100vh - 64px); }

.el-upload input[type="file"] {
  display: block; }

.el-pager li {
  font-size: 18px; }

.el-button--mini.is-circle {
  padding: 3px 8px; }

.el-rate__icon {
  font-size: 25px !important; }

.el-pagination button,
.el-pagination span:not([class*="suffix"]) {
  font-size: 18px; }

.el-upload__input {
  display: block; }

.el-upload input {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  width: 1200px; }

.small .el-dialog {
  width: 40%; }

.upload-container .el-upload {
  width: 100%; }
  .upload-container .el-upload .el-upload-dragger {
    width: 100%;
    height: 200px; }

.el-dropdown-menu a {
  display: block; }

.el-range-separator {
  box-sizing: content-box; }

.el-table .cell {
  word-break: break-word !important; }

.pagination-bar {
  padding: 15px; }

.el-button {
  font-size: 18px;
  border-radius: 3px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .el-menu-vertical li {
    padding-left: 16px !important; } }

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #07509C;
  color: #ffffff; }

.el-select-dropdown__item:focus {
  background-color: #07509C;
  color: #ffffff; }

.el-button--primary:focus,
.el-button--primary:hover {
  background: #07509C;
  border-color: #07509C;
  color: #ffffff; }

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #07509C;
  color: #ffffff; }
  .el-dropdown-menu__item:focus a,
  .el-dropdown-menu__item:not(.is-disabled):hover a {
    color: #ffffff !important; }

.el-select-dropdown__item.is-disabled:hover {
  background-color: #C4C4C4; }

.custom-select .circle-select {
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #9c9c9c;
  margin-right: 5px; }

.custom-select.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #000;
  font-weight: 500; }

.custom-select.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  right: inherit;
  left: 20.5px;
  font-weight: 700;
  top: 0px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 14px;
  background: #3598ff;
  display: flex;
  align-items: center;
  margin-top: 9px; }

.el-table .success-row {
  background: #f0f9eb; }

.el-form-item__error {
  font-size: 17px !important; }

.el-badge__content {
  font-size: 15px !important;
  line-height: 15px !important;
  padding: 0 5px !important;
  height: 17px; }

.el-step__main {
  margin-top: 15px; }

.el-step__title.is-finish {
  color: #67C23A; }

.el-step__head.is-finish {
  color: #67C23A;
  border-color: #67C23A; }

.el-progress-bar__inner,
.el-progress-bar__outer {
  border-radius: 0; }

.el-progress-bar__inner {
  background-color: #07509C; }

.tab-card-sm {
  box-sizing: border-box;
  border-radius: 0px 0px 3px 3px;
  height: 100%; }
  .tab-card-sm.detail-project {
    padding: 10px 15px; }
  .tab-card-sm.size-L {
    padding: 20px;
    color: #757575; }
    .tab-card-sm.size-L .title {
      color: #353535;
      font-size: 26px;
      margin-bottom: 15px; }
    .tab-card-sm.size-L .checkbox-L {
      margin-top: 15px;
      padding-left: 20px; }
      .tab-card-sm.size-L .checkbox-L .el-checkbox {
        display: block;
        margin-bottom: 10px;
        color: #757575;
        font-weight: 400; }
      .tab-card-sm.size-L .checkbox-L .el-checkbox__input.is-checked + .el-checkbox__label {
        color: #757575; }
  .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__item {
    font-size: 16px;
    border-left: 1px solid #07509C;
    color: #07509C;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 56px;
    text-align: center;
    width: 100%; }
    .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__item p {
      line-height: initial;
      margin: 0; }
    .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
      border: 0; }
    .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
      color: #fff;
      background: #07509C;
      border: 1px solid #07509C; }
  .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: none;
    display: flex;
    overflow-x: scroll;
    border-radius: 0; }
    .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__nav::-webkit-scrollbar {
      display: none; }
    @media (min-width: 1300px) {
      .tab-card-sm.el-tabs--card > .el-tabs__header .el-tabs__nav {
        width: 100%; } }
  .tab-card-sm .el-tabs__header {
    margin: 0;
    border-bottom: 1px solid #07509C; }
  .tab-card-sm .el-tabs__nav-prev {
    left: 3px; }
  .tab-card-sm .el-tabs__nav-next {
    right: 3px; }
  .tab-card-sm .el-tabs__nav-next,
  .tab-card-sm .el-tabs__nav-prev {
    width: 15px;
    color: #034ea2;
    line-height: 56px; }
    .tab-card-sm .el-tabs__nav-next i,
    .tab-card-sm .el-tabs__nav-prev i {
      font-weight: 900; }
  .tab-card-sm .el-tabs__content {
    padding: 20px; }

#app .main-container {
  min-height: 100%;
  transition: margin-left 0.28s;
  margin-left: 270px;
  position: relative;
  padding-left: 5px; }

#app .sidebar-container {
  transition: width 0.28s;
  width: 270px !important;
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden; }
  #app .sidebar-container .horizontal-collapse-transition {
    transition: 0s width ease-in-out, 0s padding-left ease-in-out,
 0s padding-right ease-in-out; }
  #app .sidebar-container .scrollbar-wrapper {
    overflow-x: hidden !important; }
  #app .sidebar-container .el-scrollbar__bar.is-vertical {
    right: 0px; }
  #app .sidebar-container .el-scrollbar {
    height: 100%; }
  #app .sidebar-container.has-logo .el-scrollbar {
    height: calc(100% - 50px); }
  #app .sidebar-container .is-horizontal {
    display: none; }
  #app .sidebar-container a {
    display: inline-block;
    width: 100%;
    overflow: hidden; }
  #app .sidebar-container .svg-icon {
    margin-right: 20px; }
  #app .sidebar-container .el-menu {
    border: none;
    height: 100%;
    width: 100% !important; }
  #app .sidebar-container .submenu-title-noDropdown,
  #app .sidebar-container .el-submenu__title {
    font-weight: 500; }
    #app .sidebar-container .submenu-title-noDropdown:hover,
    #app .sidebar-container .el-submenu__title:hover {
      background-color: transparent !important; }
  #app .sidebar-container .el-submenu a.router-link-active .el-menu-item {
    color: #07509C;
    background-color: rgba(39, 186, 8, 0.15);
    position: relative; }
  #app .sidebar-container .el-submenu a.router-link-active .el-menu-item:after {
    content: "";
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #27ba08;
    position: absolute; }
  #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
  #app .sidebar-container .el-submenu .el-menu-item {
    font-weight: 500;
    min-width: 270px !important; }
    #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover,
    #app .sidebar-container .el-submenu .el-menu-item:hover {
      background-color: rgba(39, 186, 8, 0.15);
      color: #07509C; }

#app .hideSidebar .main-container {
  margin-left: 54px; }

#app .hideSidebar .submenu-title-noDropdown {
  padding: 0 !important;
  position: relative; }
  #app .hideSidebar .submenu-title-noDropdown .el-tooltip {
    padding: 0 !important; }
    #app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
      margin-left: 20px; }

#app .hideSidebar .el-submenu {
  overflow: hidden; }
  #app .hideSidebar .el-submenu > .el-submenu__title {
    padding: 0 !important; }
    #app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
      margin-left: 20px; }
    #app .hideSidebar .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
      display: none; }

#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }

#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 270px !important; }

#app .el-menu .el-submenu.is-opened .el-submenu__title,
#app .el-submenu.is-opened .el-submenu__title i {
  color: #07509C; }

#app .mobile .main-container {
  margin-left: 0px; }

#app .mobile .sidebar-container {
  transition: transform 0.28s;
  width: 270px !important; }

#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  transition-duration: 0.3s;
  transform: translate3d(-270px, 0, 0); }

#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  transition: none; }

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px; }

.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: transparent !important; }

.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto; }
  .el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
    background: #d3dce6; }
  .el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
    width: 6px; }
  .el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px; }

.el-menu-item [class^="el-icon-"] {
  margin-right: 0px; }

.el-menu-item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  line-height: 38px; }
  .el-menu-item .el-tooltip {
    padding: 0px 5px !important;
    text-align: center;
    font-size: 16px; }
  .el-menu-item i {
    color: #07509C; }

.el-menu-item:hover,
.el-menu-item.is-active {
  background-color: #ffffff;
  color: #07509C; }

.el-menu-item:hover i {
  color: #07509C; }

.el-tooltip__popper {
  transform: translate(10px, 0); }

.mg-0 {
  margin: 0px !important; }

.mg-1 {
  margin: 35px !important; }

.mg-2 {
  margin: 30px !important; }

.mg-3 {
  margin: 25px !important; }

.mg-4 {
  margin: 20px !important; }

.mg-5 {
  margin: 15px !important; }

.mg-6 {
  margin: 10px !important; }

.mg-7 {
  margin: 5px !important; }

.mg-x-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.mg-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.mg-x-1 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.mg-x-2 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.mg-x-3 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.mg-x-4 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.mg-x-5 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.mg-x-6 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.mg-x-7 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.mg-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.mg-y-1 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.mg-y-2 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.mg-y-3 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.mg-y-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mg-y-5 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mg-y-6 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mg-y-7 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mg-l-0 {
  margin-left: 0px !important; }

.mg-l-1 {
  margin-left: 35px !important; }

.mg-l-2 {
  margin-left: 30px !important; }

.mg-l-3 {
  margin-left: 25px !important; }

.mg-l-4 {
  margin-left: 20px !important; }

.mg-l-5 {
  margin-left: 15px !important; }

.mg-l-6 {
  margin-left: 10px !important; }

.mg-l-7 {
  margin-left: 5px !important; }

.mg-r-0 {
  margin-right: 0px !important; }

.mg-r-1 {
  margin-right: 35px !important; }

.mg-r-2 {
  margin-right: 30px !important; }

.mg-r-3 {
  margin-right: 25px !important; }

.mg-r-4 {
  margin-right: 20px !important; }

.mg-r-5 {
  margin-right: 15px !important; }

.mg-r-6 {
  margin-right: 10px !important; }

.mg-r-7 {
  margin-right: 5px !important; }

.mg-t-0 {
  margin-top: 0px !important; }

.mg-t-1 {
  margin-top: 35px !important; }

.mg-t-2 {
  margin-top: 30px !important; }

.mg-t-3 {
  margin-top: 25px !important; }

.mg-t-4 {
  margin-top: 20px !important; }

.mg-t-5 {
  margin-top: 15px !important; }

.mg-t-6 {
  margin-top: 10px !important; }

.mg-t-7 {
  margin-top: 5px !important; }

.mg-x-dis-5 {
  margin-left: -15px !important;
  margin-right: -15px !important; }

.mg-dis-15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
  margin-left: -15px !important;
  margin-right: -15px !important; }

.mg-b-0 {
  margin-bottom: 0px !important; }

.mg-b-1 {
  margin-bottom: 35px !important; }

.mg-b-2 {
  margin-bottom: 30px !important; }

.mg-b-3 {
  margin-bottom: 25px !important; }

.mg-b-4 {
  margin-bottom: 20px !important; }

.mg-b-5 {
  margin-bottom: 15px !important; }

.mg-b-6 {
  margin-bottom: 10px !important; }

.mg-b-7 {
  margin-bottom: 5px !important; }

.mg-t-100 {
  margin-top: 100px !important; }

.pd-0 {
  padding: 0px !important; }

.pd-1 {
  padding: 35px !important; }

.pd-2 {
  padding: 30px !important; }

.pd-3 {
  padding: 25px !important; }

.pd-4 {
  padding: 20px !important; }

.pd-5 {
  padding: 15px !important; }

.pd-6 {
  padding: 10px !important; }

.pd-7 {
  padding: 5px !important; }

.pd-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.pd-x-1 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.pd-x-2 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.pd-x-3 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.pd-x-4 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.pd-x-5 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.pd-x-6 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.pd-x-7 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.pd-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.pd-y-1 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.pd-y-2 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.pd-y-3 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.pd-y-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.pd-y-5 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.pd-y-6 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pd-y-7 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pd-l-0 {
  padding-left: 0px !important; }

.pd-l-1 {
  padding-left: 35px !important; }

.pd-l-2 {
  padding-left: 30px !important; }

.pd-l-3 {
  padding-left: 25px !important; }

.pd-l-4 {
  padding-left: 20px !important; }

.pd-l-5 {
  padding-left: 15px !important; }

.pd-l-6 {
  padding-left: 10px !important; }

.pd-l-7 {
  padding-left: 5px !important; }

.pd-r-0 {
  padding-right: 0 !important; }

.pd-r-1 {
  padding-right: 35px !important; }

.pd-r-2 {
  padding-right: 30px !important; }

.pd-r-3 {
  padding-right: 25px !important; }

.pd-r-4 {
  padding-right: 20px !important; }

.pd-r-5 {
  padding-right: 15px !important; }

.pd-r-6 {
  padding-right: 10px !important; }

.pd-r-7 {
  padding-right: 5px !important; }

.pd-t-0 {
  padding-top: 0px !important; }

.pd-t-1 {
  padding-top: 35px !important; }

.pd-t-2 {
  padding-top: 30px !important; }

.pd-t-3 {
  padding-top: 25px !important; }

.pd-t-4 {
  padding-top: 20px !important; }

.pd-t-5 {
  padding-top: 15px !important; }

.pd-t-6 {
  padding-top: 10px !important; }

.pd-t-7 {
  padding-top: 5px !important; }

.pd-b-0 {
  padding-bottom: 0px !important; }

.pd-b-1 {
  padding-bottom: 35px !important; }

.pd-b-2 {
  padding-bottom: 30px !important; }

.pd-b-3 {
  padding-bottom: 25px !important; }

.pd-b-4 {
  padding-bottom: 20px !important; }

.pd-b-5 {
  padding-bottom: 15px !important; }

.pd-b-6 {
  padding-bottom: 10px !important; }

.pd-b-7 {
  padding-bottom: 5px !important; }

/* kanit-300 - thai_latin */
@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/kanit-v7-thai_latin-300.bafea0b2.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/kanit-v7-thai_latin-300.bafea0b2.eot?#iefix) format("embedded-opentype"), url(../fonts/kanit-v7-thai_latin-300.1c76fc2f.woff2) format("woff2"), url(../fonts/kanit-v7-thai_latin-300.491d118a.woff) format("woff"), url(../fonts/kanit-v7-thai_latin-300.e54c99c4.ttf) format("truetype"), url(../img/kanit-v7-thai_latin-300.0cf21632.svg#Kanit) format("svg");
  /* Legacy iOS */ }

/* kanit-regular - thai_latin */
@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/kanit-v7-thai_latin-regular.8e26628c.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/kanit-v7-thai_latin-regular.8e26628c.eot?#iefix) format("embedded-opentype"), url(../fonts/kanit-v7-thai_latin-regular.b4ec17ff.woff2) format("woff2"), url(../fonts/kanit-v7-thai_latin-regular.ac133983.woff) format("woff"), url(../fonts/kanit-v7-thai_latin-regular.20714dd5.ttf) format("truetype"), url(../img/kanit-v7-thai_latin-regular.207b6c2d.svg#Kanit) format("svg");
  /* Legacy iOS */ }

/* kanit-500 - thai_latin */
@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/kanit-v7-thai_latin-500.a8d12e40.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/kanit-v7-thai_latin-500.a8d12e40.eot?#iefix) format("embedded-opentype"), url(../fonts/kanit-v7-thai_latin-500.4f15ecf2.woff2) format("woff2"), url(../fonts/kanit-v7-thai_latin-500.8dbb7614.woff) format("woff"), url(../fonts/kanit-v7-thai_latin-500.25282d06.ttf) format("truetype"), url(../img/kanit-v7-thai_latin-500.84d8dbff.svg#Kanit) format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_bd_v3.2-webfont.8f1b4077.eot);
  src: url(../fonts/db_heavent_bd_v3.2-webfont.8f1b4077.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_bd_v3.2-webfont.94faa1e1.woff2) format("woff2"), url(../fonts/db_heavent_bd_v3.2-webfont.0727b639.woff) format("woff"), url(../fonts/db_heavent_bd_v3.2-webfont.e6edf45e.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_it_v3.2-webfont.e36d29ce.eot);
  src: url(../fonts/db_heavent_it_v3.2-webfont.e36d29ce.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_it_v3.2-webfont.6d9bb15f.woff2) format("woff2"), url(../fonts/db_heavent_it_v3.2-webfont.4b35b04e.woff) format("woff"), url(../fonts/db_heavent_it_v3.2-webfont.975e723f.ttf) format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_li_v3.2-webfont.e67cdae9.eot);
  src: url(../fonts/db_heavent_li_v3.2-webfont.e67cdae9.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_li_v3.2-webfont.af9b8c51.woff2) format("woff2"), url(../fonts/db_heavent_li_v3.2-webfont.4f41e92f.woff) format("woff"), url(../fonts/db_heavent_li_v3.2-webfont.f8961688.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_med_v3.2-webfont.2c079a1d.eot);
  src: url(../fonts/db_heavent_med_v3.2-webfont.2c079a1d.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_med_v3.2-webfont.7c96736b.woff2) format("woff2"), url(../fonts/db_heavent_med_v3.2-webfont.2a5e42b7.woff) format("woff"), url(../fonts/db_heavent_med_v3.2-webfont.1816f333.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_thin_v3.2-webfont.dd96c388.eot);
  src: url(../fonts/db_heavent_thin_v3.2-webfont.dd96c388.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_thin_v3.2-webfont.341ff925.woff2) format("woff2"), url(../fonts/db_heavent_thin_v3.2-webfont.adf4557d.woff) format("woff"), url(../fonts/db_heavent_thin_v3.2-webfont.0a124d08.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_ulli_v3.2-webfont.4591304d.eot);
  src: url(../fonts/db_heavent_ulli_v3.2-webfont.4591304d.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_ulli_v3.2-webfont.706dea66.woff2) format("woff2"), url(../fonts/db_heavent_ulli_v3.2-webfont.821885ca.woff) format("woff"), url(../fonts/db_heavent_ulli_v3.2-webfont.1125b9e6.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "db_heaventregular";
  src: url(../fonts/db_heavent_v3.2-webfont.d87512f8.eot);
  src: url(../fonts/db_heavent_v3.2-webfont.d87512f8.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_v3.2-webfont.b14f0d45.woff2) format("woff2"), url(../fonts/db_heavent_v3.2-webfont.76813290.woff) format("woff"), url(../fonts/db_heavent_v3.2-webfont.063b9743.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

.font-weight-normal {
  font-weight: normal; }

.font-weight-semibold {
  font-weight: 500; }

.font-weight-light {
  font-weight: 100; }

.font-weight-bold {
  font-weight: bold; }

.text-justify {
  text-align: justify; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.font-10 {
  font-size: 10px; }

.font-12 {
  font-size: 12px; }

.font-14 {
  font-size: 14px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-22 {
  font-size: 22px; }

.font-24 {
  font-size: 24px; }

.font-26 {
  font-size: 26px; }

.font-28 {
  font-size: 28px; }

.font-30 {
  font-size: 30px; }

.font-32 {
  font-size: 32px; }

.font-34 {
  font-size: 34px; }

.font-36 {
  font-size: 36px; }

.font-38 {
  font-size: 38px; }

.font-40 {
  font-size: 40px; }

.font-50 {
  font-size: 50px; }

.font-60 {
  font-size: 60px; }

.text-primary {
  color: #07509C; }

.text-dark {
  color: #353535; }

.text-dark-link {
  color: #606266; }

.text-secondary {
  color: #00a3e0; }

.text-success {
  color: #67C23A; }

.text-danger {
  color: #E92127; }

.text-warning {
  color: #ffb800; }

.text-grey {
  color: #757575; }

.text-grey-light {
  color: #C4C4C4; }

.text-white {
  color: #ffffff; }

.text-orange {
  color: #ff9800; }

.text-break {
  word-break: break-all; }

.text-word {
  word-break: break-word; }

.text-ellipsis-3 {
  white-space: pre-wrap;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.text-ellipsis-2 {
  white-space: pre-wrap;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.text-ellipsis {
  white-space: pre-wrap;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.text-decoration-through {
  text-decoration: line-through; }

.word-break {
  word-break: break-word; }

.hover-primary:hover {
  color: #07509C; }

.flex-warp {
  flex-wrap: wrap; }

.is-flex {
  display: flex !important; }

.is-flex-inline {
  display: inline-flex; }

.ai-start {
  align-items: flex-start; }

.ai-center {
  align-items: center; }

.ai-end {
  align-items: flex-end; }

.ai-baseline {
  align-items: baseline; }

.ai-content-end {
  align-content: flex-end; }

.js-start {
  justify-content: flex-start; }

.js-center {
  justify-content: center; }

.js-end {
  justify-content: flex-end; }

.js-between {
  justify-content: space-between; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-column {
  flex-direction: column !important; }

.buttons {
  background: #ffffff;
  border: 1px solid #d8dce6;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px; }

.buttons.with-out-border {
  border: 0px solid #d8dce6; }

.el-button--danger:hover,
.el-button--danger.is-active,
.el-button--danger:active,
.el-button--danger:focus,
.el-button--danger.is-loading {
  background-color: #E92127;
  border-color: #E92127; }

.btn-symptoms.symptoms-active {
  color: #67C23A !important;
  border: 1px solid #67C23A !important;
  background: #ccf0ea !important; }

.btn-symptoms {
  background: #fff !important;
  border: 1px solid #dcdfe6 !important;
  color: #606266 !important; }

.el-button.btn-cricle.big {
  width: 100px;
  height: 100px; }

.el-button.btn-cricle.normal {
  width: 80px;
  height: 80px; }

.el-button.btn-cricle {
  background: #cdf1ff;
  color: #00a3e0;
  border-color: #cdf1ff; }

.el-button.btn-cricle.success {
  background: #ccf0ea;
  border-color: #ccf0ea; }

.el-button--secondary,
.el-button--secondary:active,
.el-button--secondary:focus {
  background: #00a3e0;
  color: #ffffff; }

.el-button--danger {
  background-color: #E92127;
  border-color: #E92127; }

.el-button--primary {
  color: #fff;
  background-color: #07509C;
  border-color: #07509C; }

.bordered {
  border: 1px solid #e5e5e5; }

.border-top {
  border-top: 1px solid #e5e5e5; }

.border-bottom {
  border-bottom: 1px solid #e5e5e5; }

.border-left {
  border-left: 1px solid #e5e5e5; }

.border-right {
  border-right: 1px solid #e5e5e5; }

.border-0 {
  border: 0px solid #e5e5e5; }

.border-grey {
  border-color: #bcbcbc; }

.border-black {
  border-color: #000000 !important; }

.border-success {
  border-color: #67C23A !important; }

.border-warning {
  border-color: #ffb800 !important; }

.border-danger {
  border-color: #E92127 !important; }

.border-primary {
  border-color: #07509C !important; }

.rounded {
  border-radius: 5px; }

.rounded-sm {
  border-radius: 3px; }

.border-circle {
  border-radius: 50%; }

.border-bottom-2 {
  border-bottom: 2px solid #e5e5e5; }

.border-y {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.border-2 {
  border-width: 2px; }

@media print {
  #print-head {
    display: block; }
  @page {
    size: a4;
    margin: 1cm 0cm 1cm 0cm;
    -webkit-print-color-adjust: exact; }
  .disablePrint, #onetrust-banner-sdk {
    display: none; } }

.color-primary {
  color: #07509C; }

.color-secondary {
  color: #00a3e0; }

.color-success {
  color: #67C23A; }

.color-warning {
  color: #ffb800; }

.color-grey {
  color: #757575; }

.color-grey-light {
  color: #C4C4C4; }

.color-white {
  color: #ffffff; }

.color-black {
  color: #000000; }

.color-danger {
  color: #E92127; }

.color-bg-black {
  background-color: #000000;
  -webkit-print-color-adjust: exact; }

.color-bg-primary {
  background-color: #07509C; }

.color-bg-white {
  background-color: #ffffff; }

ul.collage {
  display: block;
  list-style: none;
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 54%;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  border-radius: 5px; }

ul.collage.horizontal {
  padding: 0 0 30%; }

ul.collage.horizontal.collage__1-images {
  padding: 0; }

.collage--link.hide {
  display: none; }

.item-preview.more {
  background-color: #07509C;
  color: #ffffff; }

.item-preview.more p {
  display: flex;
  align-items: center; }

.item-preview.more p span {
  font-size: 20px; }

.item-preview.more p i {
  font-size: 0.5em;
  margin-left: 5px; }

.collage--item {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden; }

.collage--link {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  background: #ccf0ea;
  border-radius: 5px; }

.collage--file div.file {
  background: #ccf0ea; }

ul.collage.collage__has-more
.collage--item:nth-child(3)
.collage--link
.collage--more {
  display: table !important; }

.collage--image-wrapper {
  display: inline-block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.1s;
  width: 100%;
  height: 100%;
  border-radius: 5px; }

.collage--image-wrapper.cover {
  background-size: cover; }

.collage--more {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 19px;
  line-height: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px; }

.collage--more-text {
  color: #ffffff;
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 10px; }

.collage.collage__1-images {
  position: static;
  padding: 0; }

.collage__1-images .collage--item {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%; }

.collage__1-images .collage--image-wrapper {
  position: relative;
  top: auto;
  left: auto;
  transform: none; }

.collage__2-images .collage--item:nth-child(1),
.collage__2-images .collage--item:nth-child(2) {
  height: 100%;
  width: 48.5%; }

.collage__2-images .collage--item:nth-child(2) {
  right: 0; }

.collage--border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px #C4C4C4;
  border-radius: 5px; }

.collage__3-images .collage--item:first-child {
  top: 0;
  left: 0;
  height: 100%;
  width: 48.5%; }

.collage__3-images .collage--item:nth-child(2),
.collage__3-images .collage--item:nth-child(3) {
  right: 0;
  height: 47.5%;
  width: 48.5%; }

.collage__3-images .collage--item:nth-child(3) {
  bottom: 0; }

.horizontal.collage__1-images .collage--item a {
  height: 121.08px !important;
  width: 121.08px !important; }

.horizontal.collage__1-images .collage--item:nth-child(1),
.horizontal.collage__2-images .collage--item:nth-child(1),
.horizontal.collage__2-images .collage--item:nth-child(2),
.horizontal.collage__3-images .collage--item:nth-child(1),
.horizontal.collage__3-images .collage--item:nth-child(2),
.horizontal.collage__3-images .collage--item:nth-child(3) {
  height: 100%;
  width: 31.5%; }

.horizontal.collage__2-images .collage--item:nth-child(2),
.horizontal.collage__3-images .collage--item:nth-child(2) {
  left: 34.3%; }

.horizontal.collage__3-images .collage--item:nth-child(3) {
  right: 0; }

#app {
  font-family: "db_heaventregular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1;
  color: #353535; }

.el-switch__label * {
  font-size: 20px; }

.ot-sdk-container,
.ot-pc-scrollbar {
  font-family: "db_heaventregular" !important;
  font-size: 20px !important; }

[class^="el-"],
.editor-contents {
  font-family: "db_heaventregular";
  word-break: break-word !important;
  font-size: 20px; }

#onetrust-pc-sdk button {
  font-size: 16px !important; }

[class*=" el-icon-"],
[class^="el-icon-"],
i {
  font-size: 14px; }

.editor-contents,
.vue-avatar--wrapper {
  font-family: "db_heaventregular" !important; }

.level-point {
  padding-left: 7px;
  width: 59px;
  font-weight: bold;
  font-size: 30px; }
  .level-point i {
    margin-top: 6px;
    margin-left: 7px;
    font-size: 16px;
    vertical-align: middle; }

.view-question {
  position: relative; }
  .view-question:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #c7e2ff;
    top: 0; }

.version {
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 12px;
  color: #07509C; }

::-webkit-scrollbar {
  width: 9px;
  height: 9px; }

::-webkit-scrollbar-thumb {
  background: #b3afb3;
  border-radius: 5px; }

::-webkit-scrollbar-thumb:hover {
  background: #b3afb3; }

::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px #f0f0f0; }

.d-none {
  display: none; }

h1 {
  font-size: 40px; }

h2 {
  font-size: 1.55em; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 26px;
  margin-block-start: 0.7em;
  margin-block-end: 0.7em; }

h5 {
  font-size: 22px;
  margin-block-start: 1em;
  margin-block-end: 1em; }

p {
  font-size: 22px; }

body,
html {
  scroll-behavior: smooth;
  margin: 0px; }

label {
  font-weight: 700; }

*,
*:before,
*:after {
  box-sizing: inherit; }

a:focus,
a:active {
  outline: none; }

a,
a:focus,
a:hover {
  cursor: pointer;
  color: #07509C;
  text-decoration: none; }

div:focus {
  outline: none; }

.bg-user-second {
  margin-top: 49px;
  background-image: url(../img/bg-second.40085913.png);
  background-position: top center;
  background-repeat: repeat;
  background-size: contain;
  padding-bottom: 20px;
  position: relative; }
  .bg-user-second:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAhCAYAAAClWJfKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgB7ZjdTcJQGIbfU0IJd3UDRmAEHcEJjBOoE6gTMIJugBvgBriBbIAX/EgRPs9posHYhq89v7R9Eu56QZ+c98kBIHDmCxquUposUhqipTpS4s0yJfr5rD7pFi3lWW1pdCjyV2hKI7TwmK9pIKVN80QefKbqOQSGQECoPsZdjOW3GjAen6U7XJz1xQyBECEQVB+7MSZMkYpB3MF7SB0N4mSqPhKhspRI4KHfFY/wjFeZqnu9Dp4IOIc+b3L2lz5n701myT5y8dpRL82s0EcuXjvq/GTq9pGLj446k2m4j1ycdtSJTEt95OKso9abuf6iK0t95OKso1Zlqj7u93iWxz+BZyjCaL2le1jEysznRElvi7HjPrKQL/y62eHaxuyNy/TcRy5WOmp05gH0kYvq6NR0R42dTFf3R9OYvI9qywy5j1xMdVRL5on0kYt2Rys384T6yEW7o5VkLuV9LZT7o2ESnftoqZnXoY9cBOFls8ddmdmzZao/KuKoVrPmUKqjrJlnfZQ9aZhIRdZR9f6ch4/KrHEfuSTq/TkdLZx5k/rI5VhHc2U2tI9cCjv6b+YN7iOXwo7+kdn2kU1uR7OZt32sTtbRWP6uF+JDtH00QtbRb5xnZUGA5zI3AAAAAElFTkSuQmCC);
    background-size: cover;
    width: 95px;
    height: 40px;
    top: -18px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); }

.tri-reg:before {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAhCAYAAAClWJfKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgB7ZjdTcJQGIbfU0IJd3UDRmAEHcEJjBOoE6gTMIJugBvgBriBbIAX/EgRPs9posHYhq89v7R9Eu56QZ+c98kBIHDmCxquUposUhqipTpS4s0yJfr5rD7pFi3lWW1pdCjyV2hKI7TwmK9pIKVN80QefKbqOQSGQECoPsZdjOW3GjAen6U7XJz1xQyBECEQVB+7MSZMkYpB3MF7SB0N4mSqPhKhspRI4KHfFY/wjFeZqnu9Dp4IOIc+b3L2lz5n701myT5y8dpRL82s0EcuXjvq/GTq9pGLj446k2m4j1ycdtSJTEt95OKso9abuf6iK0t95OKso1Zlqj7u93iWxz+BZyjCaL2le1jEysznRElvi7HjPrKQL/y62eHaxuyNy/TcRy5WOmp05gH0kYvq6NR0R42dTFf3R9OYvI9qywy5j1xMdVRL5on0kYt2Rys384T6yEW7o5VkLuV9LZT7o2ESnftoqZnXoY9cBOFls8ddmdmzZao/KuKoVrPmUKqjrJlnfZQ9aZhIRdZR9f6ch4/KrHEfuSTq/TkdLZx5k/rI5VhHc2U2tI9cCjv6b+YN7iOXwo7+kdn2kU1uR7OZt32sTtbRWP6uF+JDtH00QtbRb5xnZUGA5zI3AAAAAElFTkSuQmCC);
  background-size: cover;
  width: 95px;
  height: 40px;
  position: absolute;
  left: 50%;
  bottom: -70px;
  transform: translate(-50%, -50%); }

.bg-user-second.not-tri:after {
  display: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.bg-primary {
  background-color: #07509C !important; }

.bg-success {
  background-color: #67C23A; }

.bg-warning {
  background-color: #ffb800; }

.bg-secondary {
  background-color: #00a3e0; }

.bg-white {
  background-color: #ffffff; }

.bg-danger {
  background-color: #E92127; }

.d-block {
  display: block; }

.d-inline {
  display: inline; }

.d-inline-block {
  display: inline-block; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-unset {
  float: unset; }

.overflow-hidden {
  overflow: hidden; }

.overflow-y-auto {
  overflow-y: auto; }

.overflow-x-hidden {
  overflow-y: hidden; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.mw-100 {
  max-width: 100%; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100%; }

.el-alert__title {
  font-size: 21px; }

.btn-line:hover {
  background-color: #00e000; }

.d-block {
  display: block; }

.box-shadow {
  box-shadow: 0px 1px 4px rgba(44, 64, 90, 0.209409), inset 0px -1px 0px #f2f2f2; }

.h-min-380 {
  min-height: 380px; }

.h-min-280 {
  min-height: 280px; }

.h-min-180 {
  min-height: 180px; }

.h-min-80 {
  min-height: 80px; }

.w-min-60 {
  min-width: 60px; }

.input-rounded input {
  border-radius: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500; }

.box-image {
  background-color: #ffffff;
  border-radius: 100%;
  overflow: hidden;
  min-width: 40px; }

.box-profile {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto; }

.el-form-item__label {
  font-weight: 400; }

.min-height-100 {
  min-height: 100%; }

.height-screen-100 {
  height: calc(100vh); }

.min-height-screen-100 {
  min-height: calc(100vh); }

.min-height-screen-120 {
  min-height: calc(100vh - 156px); }

.min-height-screen-255 {
  min-height: calc(100vh - 233px); }

.min-height-screen-235 {
  min-height: calc(100vh - 223px); }

.box--profile {
  margin: 0;
  border-radius: 50%; }
  .box--profile .el-upload--picture-card {
    border-radius: 50%;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .box--profile .el-upload--picture-card img {
      width: 150px; }
  .box--profile .el-upload-list--picture-card .el-upload-list__item {
    border-radius: 50%; }

.haveImage .el-upload--picture-card {
  display: none; }

.el-step__title.is-process {
  color: #07509C;
  font-weight: 400; }
  .el-step__title.is-process .el-step__icon-inner {
    color: #fff; }

.el-step__head.is-process {
  color: #fff;
  border-color: #07509C; }
  .el-step__head.is-process .el-step__icon.is-text {
    background-color: #07509C; }

.el-step__title.is-success {
  color: #67C23A; }
  .el-step__title.is-success .el-step__icon-inner {
    color: #fff; }

.el-step__head.is-success {
  color: #fff; }
  .el-step__head.is-success .el-step__icon.is-text {
    background-color: #67C23A; }
  .el-step__head.is-success .el-step__line {
    background-color: #67C23A; }

.login-form .el-form-item__label {
  color: #fff;
  font-size: 22px; }

.themeVote .el-input__inner,
.themeVote .el-button {
  border-radius: 4px; }

.el-input__inner {
  border-radius: 0; }

.factor--avatar {
  padding: 15px 0;
  color: #757575;
  display: flex;
  font-size: 24px; }
  .factor--avatar.success {
    border: 1px solid #67C23A; }
  .factor--avatar.doing {
    border: 1px solid #07509C; }
  .factor--avatar .el-avatar {
    background: rgba(97, 161, 244, 0.2);
    color: #07509C; }
  .factor--avatar .el-avatar.success {
    background: #07509C !important;
    color: #ffffff !important; }

.width-max {
  width: 100%; }

.cr-pointer {
  cursor: pointer; }

.cr-pointer:hover {
  color: #07509C;
  cursor: pointer; }

.tab-level .el-tabs__nav-wrap::after,
.tab-level .el-tabs__active-bar {
  display: none; }

.tab-level .el-tabs__header,
.tab-level .el-tabs {
  width: 100%; }

.tab-level .el-tabs__item {
  padding: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #07509C;
  color: #07509C;
  display: flex;
  font-size: 18px;
  justify-content: center;
  align-items: center; }

.tab-level .el-tabs__item.is-active {
  background-color: #07509C;
  color: #ffffff;
  border: 1px solid #07509C; }

.tab-level .el-tabs__nav {
  width: 100%;
  display: flex;
  justify-content: space-between; }

i {
  transition: all 0.25s ease-in-out; }

.cate-list {
  transition: all 0.25s ease-in-out;
  border-radius: 3px;
  border: 1px solid #c4c4c4;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05);
  background: #fff; }

.cate-list:hover {
  border: 1px solid #07509C !important; }
  .cate-list:hover .head-cate,
  .cate-list:hover .level-point,
  .cate-list:hover i {
    color: #07509C; }

.head-cate {
  font-size: 24px; }

.border-arrow {
  width: 15px;
  height: 15px;
  border: 1px solid #C4C4C4;
  border-radius: 50%;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  margin-right: 8px;
  color: #C4C4C4; }

.yimo-vue-editor {
  min-height: 200px !important; }

.editor-contents code {
  background-color: #fffba1 !important;
  color: #222 !important;
  font-family: "db_heaventregular" !important; }

.editor-contents strong,
.editor-contents b {
  font-weight: 500 !important; }

.result-des .editor-contents p {
  margin-top: 0 !important; }

.result-des .editor-contents p,
.result-des .editor-contents span,
.result-des .editor-contents p span {
  color: #757575 !important; }

a.not-hover,
a.not-hover:focus,
a.not-hover:hover {
  color: unset; }

.vue-avatar--wrapper {
  background-size: cover !important;
  background-position: center !important; }

.view-question .editor-contents {
  font-size: 24px; }

.hover-secondary:hover {
  color: #00a3e0; }

.el-dropdown-menu.el-popper {
  min-width: 100px; }

.el-form-item.hidden .el-form-item__label {
  visibility: hidden !important; }

.el-form-item.padding-less .el-form-item__label {
  padding: 0 !important; }

.text-over {
  white-space: nowrap;
  overflow: hidden;
  max-width: 80vw;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.15em; }

.el-tabs--border-card > .el-tabs__content {
  padding: 0; }

.el-upload-list--picture-card .el-upload-list__item {
  display: flex;
  align-items: center; }

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: unset;
  height: unset;
  max-width: 100%; }

.circle-box {
  padding: 14px;
  color: #07509C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid #c4c4c4; }

.circle-box.doing {
  border: 1px solid #07509C !important;
  color: #ffffff !important; }

.circle-box.success {
  border: 1px solid #67C23A !important;
  color: #ffffff !important; }

.onPrint .box-page {
  padding-top: 10mm;
  width: 210mm; }

.onPrint .page-break {
  display: block;
  clear: both;
  page-break-before: always; }

.onPrint .title-height {
  min-height: 150px; }

.onPrint .box-company-name {
  background-color: #07509C;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.onPrint .size-company {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 39px;
  color: #ffffff; }

.onPrint .size-side {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 40px; }

.onPrint .box-radar {
  width: 500px; }

.onPrint .text-des {
  color: #bdbdbd; }

.onPrint .editor-contents {
  font-size: 20px; }

.onPrint li {
  list-style: none; }

.button-user {
  border-color: #C4C4C4;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 28px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }
  .button-user i {
    background-color: white;
    position: absolute;
    z-index: 3;
    top: -10px;
    right: -10px;
    font-size: 0; }

.button-user:hover,
.button-user:focus {
  color: #07509C;
  border-color: #07509C; }
  .button-user:hover i,
  .button-user:focus i {
    font-size: 24px; }

.cicle-count {
  width: 227px;
  height: 227px;
  background-color: #ffffff;
  color: #07509C;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px; }

.m-h-35 {
  min-height: 35px; }

.top-logo img {
  max-height: 40px;
  margin: 0 8px; }

.level-result {
  padding-left: 0; }
  .level-result li {
    font-size: 19px; }

.badge-score {
  padding: 5px 25px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2); }

.m-h-20 {
  min-height: 20px; }

.countLoading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  display: flex;
  z-index: 10000;
  align-items: center;
  justify-content: center; }

.rank-score {
  overflow: hidden;
  height: calc(100vh - 240px); }

.score {
  max-height: 75%;
  transition: all 0.5s; }

.cicle-count {
  background-color: #07509c;
  color: #fff; }

.el-tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.graph-size {
  font-size: 70px; }

.loading-fixe .el-loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.content-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.content-scroll::-webkit-scrollbar-thumb {
  background: #b3afb3;
  border-radius: 20px; }

.content-scroll::-webkit-scrollbar-thumb:hover {
  background: #b3afb3; }

.content-scroll::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px #f0f0f0; }

.hidden-scroll::-webkit-scrollbar {
  display: none; }

.el-upload-list--picture-card .el-upload-list__item {
  margin: 0 !important; }

.el-select.is-disabled .el-input__inner {
  color: #c4c4c4 !important;
  -webkit-text-fill-color: #5f5f5f !important; }

.el-input.is-disabled .el-input__inner {
  color: #c4c4c4 !important;
  -webkit-text-fill-color: #5f5f5f !important; }

::-moz-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

input:-moz-placeholder-shown {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

::placeholder,
input:placeholder-shown,
input:focus,
input:focus-within,
input:focus-visible,
input:target,
input:active,
[placeholder] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

::-moz-placeholder {
  color: #c4c4c4 !important;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden; }

::placeholder {
  color: #c4c4c4 !important;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

:-moz-placeholder {
  /* Firefox 18- */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

:-ms-input-placeholder {
  color: #c4c4c4 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

::-ms-input-placeholder {
  color: #c4c4c4 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.cookie__floating__buttons {
  display: none !important; }

.opacity-95 {
  opacity: 0.95; }

.opacity-80 {
  opacity: 0.8; }

.feedback p {
  font-size: 23px;
  word-break: break-word;
  margin-bottom: 10px; }

.feedback .rate-item .el-rate__icon {
  font-size: 30px; }

.feedback .el-form--label-top .el-form-item__label {
  padding-bottom: 0 !important; }

.started {
  font-family: "db_heaventregular" !important;
  background: #07509c;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  border: 0px;
  min-width: 280px;
  height: 50px;
  cursor: pointer; }

.set-bg-header {
  background: #07509c;
  padding: 5px 15px !important;
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid #3598ff;
  z-index: 1; }
  @media (min-width: 400px) {
    .set-bg-header {
      padding-left: 50px !important; } }
  @media (min-width: 400px) {
    .set-bg-header.admin {
      padding: 5px 15px !important; } }
  .set-bg-header.admin:before {
    content: "";
    background-color: transparent;
    width: inherit;
    height: inherit;
    top: inherit;
    left: inherit; }
    @media (min-width: 400px) {
      .set-bg-header.admin:before {
        width: inherit; } }
  .set-bg-header.admin:after {
    background-color: transparent;
    width: inherit; }
  .set-bg-header::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    top: -24px;
    width: 130px;
    left: 18px;
    height: 107px;
    z-index: 0; }
    @media (min-width: 400px) {
      .set-bg-header::after {
        width: 200px; } }
  .set-bg-header:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 130px;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0; }
    @media (min-width: 400px) {
      .set-bg-header:before {
        width: 200px; } }

.menu-list {
  padding: 7px 15px; }
  .menu-list:hover {
    background-color: #07509C; }
    .menu-list:hover a {
      color: #fff; }

.el-form-item {
  margin-bottom: 10px; }

.wid180 {
  width: 180px; }

.wid220 {
  width: 220px; }

#statemamt #table-data {
  width: 100%; }
  #statemamt #table-data thead .thead-y {
    width: 25%;
    background-color: #dfecfd !important;
    color: #07509c;
    font-size: 22px;
    height: 60px;
    opacity: 0.7;
    font-weight: 400; }
  #statemamt #table-data thead .thead-m {
    background-color: #dfecfd;
    color: #7b7b7b;
    font-size: 18px;
    height: 45px; }
  #statemamt #table-data tbody tr {
    height: 45px; }
    #statemamt #table-data tbody tr th {
      background-color: #dfecfd;
      color: #353535;
      font-size: 20px;
      text-align: left;
      padding-left: 20px; }
    #statemamt #table-data tbody tr td {
      background-color: #f8f8f8;
      text-align: center; }
  #statemamt #table-data tbody .throw {
    background-color: #53a7ff !important;
    color: #fff; }

th.th-style {
  text-align: left;
  padding-left: 20px;
  width: 25%; }

.profile-img img {
  border-radius: 50%;
  max-width: 200px; }

.profile-img i {
  padding: 50px;
  border-radius: 50%;
  font-size: 54px;
  max-width: 200px;
  background-color: #C4C4C4;
  color: #ffffff; }

.el-input__inner.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c4c4c4 !important;
  -webkit-text-fill-color: #5f5f5f !important; }

.custom-row .box-line-next::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 100%;
  background: #67c23a; }

.custom-row .box-line-next .box-arrow {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-48%, -46%);
  z-index: 2;
  font-size: 18px;
  color: #67c23a;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: 3px solid #67c23a;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center; }

.custom-row .btnCopy {
  margin-top: 40px;
  height: 40px;
  padding: 10px 12px; }
  .custom-row .btnCopy a {
    color: #fff; }

.custom-row .box-qr {
  display: flex;
  align-items: flex-end; }
  .custom-row .box-qr img {
    max-width: 100%; }
    .custom-row .box-qr img.logoimg {
      border: 1px solid #fff;
      background-color: #fff;
      padding: 3px; }
  .custom-row .box-qr .btnCopy {
    margin-left: 15px;
    width: 120px; }

.expDialog.signUp.not-time .el-dialog__footer {
  padding: 15px 0;
  background: #07509c;
  color: #fff; }

.expDialog.signUp .el-dialog {
  margin-top: 10vh !important;
  min-width: 300px;
  width: 65% !important;
  max-width: 700px; }

.expDialog.signUp .el-dialog__body {
  pointer-events: initial; }

.expDialog.signUp .el-dialog__footer {
  padding: 15px 0;
  background: #ed1c24;
  color: #fff; }
  .expDialog.signUp .el-dialog__footer p {
    font-size: 36px;
    margin: 0;
    text-align: center; }

.expDialog .btnCopy {
  background-color: #606266 !important;
  border-color: #606266 !important;
  pointer-events: none; }

.expDialog .el-dialog__footer {
  padding: 15px 0;
  background: rgba(237, 28, 36, 0.9);
  color: #fff; }
  .expDialog .el-dialog__footer p {
    font-size: 36px;
    margin: 0;
    text-align: center; }

.level-result li {
  list-style: none;
  margin-bottom: 15px; }

.feedTotal .el-button--mini.is-circle,
.el-form-item__content .el-button--mini.is-circle {
  padding: 5px 8px; }

.color-view {
  background-color: #53a7ff !important;
  border-color: #53a7ff !important; }

.color-delete {
  background-color: #ec6368 !important;
  border-color: #ec6368 !important; }

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  font-size: 18px; }

.box-mk2go {
  margin-top: 30px;
  border: 1px solid #ed1c24;
  box-sizing: border-box;
  padding: 20px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 991.98px) {
    .box-mk2go {
      display: block;
      text-align: center; } }
  @media (max-width: 511px) {
    .box-mk2go .custom-row-mk2go {
      display: block;
      text-align: center; }
      .box-mk2go .custom-row-mk2go p {
        margin-top: 10px;
        margin-bottom: 10px; } }
    @media (max-width: 511px) and (max-width: 400px) {
      .box-mk2go .custom-row-mk2go p {
        font-size: 24px; } }
  @media (max-width: 511px) {
      .box-mk2go .custom-row-mk2go .btn-mk2go {
        width: 100%;
        margin: 0; } }
  .box-mk2go .btn-mk2go {
    margin-left: 15px;
    background: #ed1c24;
    border: 0;
    width: 120px; }
    .box-mk2go .btn-mk2go a {
      color: #fff; }
  .box-mk2go p {
    color: #353535;
    font-size: 32px;
    margin: 0; }

.exportBydate .el-dialog__body {
  padding-top: 0; }

.custom-form .el-form-item__label {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .custom-form .el-form-item__label span.select:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px; }

.custom-form .el-checkbox {
  margin: 0 !important; }

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  min-width: 30px; }

#aaaaa {
  max-width: 200px; }

.hover-noti:hover,
.hover-noti.bg-blue {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-color: rgba(83, 167, 255, 0.1); }

.background-default {
  background-color: #0b539a;
  background-image: url(../img/bg-default.5aca09f0.png);
  background-position: bottom center;
  background-size: contain; }

.backgound-top {
  background-color: #fff;
  background-image: url(../img/bg-top.d8acf9ec.png);
  background-position: bottom center;
  background-size: contain;
  background-repeat: repeat;
  position: relative;
  z-index: 1; }

#nprogress .bar {
  background: #07509C !important; }

#nprogress .peg {
  box-shadow: 0 0 10px #07509C, 0 0 5px #07509C; }

#nprogress .spinner-icon {
  border-top-color: #07509C;
  border-left-color: #07509C; }

.bg-round {
  height: 250px;
  width: 100%;
  position: relative;
  overflow: hidden;
  top: -191px;
  margin-bottom: -190px;
  z-index: 0; }
  @media (max-width: 767px) {
    .bg-round {
      top: -207px;
      margin-bottom: -210px; } }
  .bg-round div {
    background: white;
    border-radius: 100%;
    height: 100%;
    width: 119%;
    margin-left: -9%; }
    @media (max-width: 767px) {
      .bg-round div {
        width: 136%;
        margin-left: -18%; } }

.text-level p {
  width: 59px; }

.answerDialog .el-dialog__body {
  padding: 10px 20px; }

.bg-step {
  background-color: #07509C;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bg-step i {
    color: #ffffff;
    display: none; }
  .bg-step.step-success {
    background: #67C23A !important; }
    .bg-step.step-success img {
      display: none; }
    .bg-step.step-success i {
      display: block;
      font-size: 32px; }

.step-before {
  background-color: #dfdfdf; }
  .step-before img {
    opacity: 0.7; }

pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
  word-wrap: break-word;
  font-size: 13px;
  height: 220px;
  overflow-y: scroll; }

.hide-head .el-dialog__header {
  display: none; }

.border-footer {
  border-top: 3px solid #3598ff; }

.checkmark__circle {
  stroke-width: 1;
  stroke-miterlimit: 100;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 0) forwards; }

.checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 2% auto 0;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.6s ease-in-out 0.5s forwards, scale 0.4s both; }

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes scale {
  0%,
  100% {
    transform: none; }
  50% {
    transform: scale3d(1.1, 1.1, 1); } }

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 100px #7ac142; } }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

:focus {
  outline: none !important; }

.nomargin {
  padding: 0 !important;
  margin: 0 !important; }

.wizard {
  background-color: white;
  display: flex;
  justify-content: center; }

.wizard a {
  padding: 18px 12px 18px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  min-width: 24.76%;
  margin-left: 15px;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  color: #959595;
  background: #f8f8f8;
  text-transform: uppercase;
  cursor: pointer; }

.wizarda:hover {
  text-decoration: none; }

.wizard a:first-child {
  margin-left: 0; }

.wizard:not(.left-arrow) a:before {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-left: 30px solid #ffffff;
  position: absolute;
  content: "";
  top: 0;
  left: 0; }

.wizard:not(.left-arrow) a:after {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-left: 30px solid #f8f8f8;
  position: absolute;
  content: "";
  top: 0;
  right: -30px;
  z-index: 2; }

.wizard.left-arrow a:before {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-right: 30px solid #f8f8f8;
  position: absolute;
  content: "";
  top: 0;
  left: -30px;
  z-index: 2; }

.wizard.left-arrow a:after {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-right: 30px solid #ffffff;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  z-index: 2; }

.wizard a:first-child:before,
.wizard a:last-child:after {
  border: none; }

.wizard a:first-child {
  border-radius: 4px 0 0 4px; }

.wizard a:last-child {
  border-radius: 0 4px 4px 0; }

.wizard.left-arrow a:last-child:before,
.wizard.small.left-arrow a:last-child:before {
  border-right-color: #0b7ff7; }

.wizard a:first-child .badge {
  margin-left: 0; }

.wizard .current,
.wizard a.progress-current {
  background: #0b7ff7;
  color: #fff; }

.wizard a.current:after,
.wizard a.progress-current:after {
  border-left-color: #0b7ff7 !important; }

.wizard.left-arrow a.current:before,
.wizard.left-arrow a.progress-current:before,
.wizard.small.left-arrow a.current:before,
.wizard.small.left-arrow a.progress-current:before {
  border-right-color: #0b7ff7; }

.wizard a.current .badge,
.wizard a.progress-current .badge {
  background-color: #ffffff;
  color: #0b7ff7; }

/* IE11 border bug fixes... hooray! */
_:-ms-fullscreen,
:root .wizard.small.left-arrow a:before {
  left: -14px; }

_:-ms-fullscreen,
:root .wizard.small:not(.left-arrow) a:after {
  right: -14px; }

_:-ms-fullscreen,
:root .wizard.left-arrow a:before {
  left: -29px; }

_:-ms-fullscreen,
:root .wizard:not(.left-arrow) a:after {
  right: -29px; }

.fix-label .el-form-item__label {
  width: 100%;
  text-align: left; }

.el-form--label-top .edit-label .el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  padding: 0 12px 0 0; }

.banner--parent {
  color: #ffffff;
  display: flex;
  text-align: center; }
  .banner--parent .banner-child {
    position: relative;
    flex-grow: 1;
    transition: all 0.3s;
    --webkit-transition: all 0.3s;
    cursor: pointer; }
    .banner--parent .banner-child:first-child {
      border-radius: 3px 0 0 3px; }
    .banner--parent .banner-child:last-child {
      border-radius: 0 3px 3px 0; }
    .banner--parent .banner-child:hover {
      background-color: #3598ff; }
    .banner--parent .banner-child.active {
      background-color: #3598ff; }
      .banner--parent .banner-child.active:after {
        opacity: 1; }
    .banner--parent .banner-child:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #3598ff;
      position: absolute;
      bottom: -19px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
      opacity: 0;
      transition: all 0.3s;
      -webkit-transition: 0.3s all; }

.graph-height {
  min-height: 370px; }

.markdown-body,
.markdown-body *,
.markdown-body [type="checkbox"] {
  font-size: 22px;
  font-family: "db_heaventregular"; }

.markdown-body h3 {
  font-size: 1.6em !important; }

.markdown-body h2 {
  font-size: 1.85em !important; }

.interest-product {
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: 5px;
  padding: 7px 15px;
  background-color: #fff;
  color: #ed1c24;
  font-size: 16px;
  border: 1px solid;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
  .interest-product.active {
    background-color: #ed1c24;
    color: #fff; }
  .interest-product .description {
    height: 52px;
    overflow: hidden; }

.btn-interest {
  cursor: pointer;
  right: 15px;
  margin: 0 auto;
  padding: 10px 25px;
  background-color: #fff;
  color: #ed1c24;
  border: 1px solid #ed1c24;
  display: inline-block;
  font-size: 22px; }
  .btn-interest.active {
    background-color: #ed1c24;
    color: #fff; }

.banner-mobile {
  font-size: 18px; }
  .banner-mobile .banner-child-mobile {
    border: 1px solid #fff; }
    .banner-mobile .banner-child-mobile:first-child {
      border-left: 0; }
    .banner-mobile .banner-child-mobile:last-child {
      border-right: 0; }
    .banner-mobile .banner-child-mobile img {
      width: 25px; }

.banner-child-mobile {
  flex: 1;
  background-color: #07509c;
  padding: 8px 0 3px 0;
  font-size: 15px;
  border-bottom: 1px solid #fff; }
  .banner-child-mobile.active {
    background-color: #3598ff; }

.card-product .title {
  height: 40px;
  overflow: hidden;
  font-weight: 500; }

.card-product .description {
  height: 52px;
  overflow: hidden; }

.card-product .link {
  text-align: right; }

.box-product {
  position: fixed;
  z-index: 1;
  color: #fff;
  right: 0;
  top: 10%; }
  .box-product ul.sub li {
    width: 270px; }
    .box-product ul.sub li:hover {
      width: 270px; }
      .box-product ul.sub li:hover span {
        display: inline-block; }
  .box-product ul {
    position: fixed;
    right: 0;
    top: 10%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s; }
    .box-product ul.main li {
      width: 200px; }
    .box-product ul li {
      display: flex;
      list-style: none;
      margin-bottom: 3px;
      cursor: pointer;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      margin-left: auto;
      height: 52px;
      background-color: #3598ff;
      overflow: hidden;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .box-product ul.active {
      width: 270px; }
    .box-product ul .arrow {
      display: flex;
      align-items: center;
      padding: 5px;
      background-color: #07509C; }
    .box-product ul .icon {
      width: 100%; }
      .box-product ul .icon a,
      .box-product ul .icon div {
        display: flex;
        align-items: center;
        padding: 7px; }
        .box-product ul .icon a:hover,
        .box-product ul .icon div:hover {
          color: #fff; }

.form-register .el-form-item__label {
  text-align: left;
  width: 100%; }

.el-form-item__error {
  text-align: left;
  width: 100%; }

.content-editor img {
  max-width: 100%; }

.card-normal .img-content {
  width: 100%;
  max-height: 200px;
  min-height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3px 3px 0 0; }

.banner-upload {
  position: relative; }
  .banner-upload .el-upload {
    width: 100%; }

.sync--time .el-date-editor--datetimerange {
  width: 100%; }

.head--table {
  background-color: #034ea2;
  padding: 10px 0;
  color: #fff; }

.body--table {
  padding: 10px 0px 10px 10px;
  border-bottom: 1px solid #3598ff; }

#credit-detail .inside {
  color: #757575;
  font-size: 18px;
  overflow-wrap: break-word; }
  #credit-detail .inside .title {
    color: #000000;
    font-size: 30px;
    margin-bottom: 15px; }

.time-out-detail {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #034ea2;
  font-size: 18px;
  font-weight: 500; }

.link-interest {
  font-size: 18px; }

.color-00 {
  color: #000; }

.tab--credit {
  margin-bottom: 20px;
  border-bottom: 1px solid #034ea2; }
  .tab--credit .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    box-shadow: 0px 0 0 0 #409eff; }
  .tab--credit .el-radio-button__inner {
    color: #034ea2; }
  .tab--credit .el-radio-button {
    border: 1px solid #034ea2; }
  .tab--credit .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #034ea2;
    border-color: #034ea2; }
  .tab--credit .el-radio-button:first-child .el-radio-button__inner,
  .tab--credit .el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0;
    border-left: 0; }
  .tab--credit .el-radio-group {
    margin-bottom: 0 !important; }

#credit-detail .el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
  display: flex;
  overflow-x: scroll;
  width: auto !important;
  min-width: 100%; }

a.text-white:hover {
  color: #fff; }

.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: 1px;
  display: block; }
  .underline:hover {
    color: #fff; }

@media screen and (min-width: 1600px) {
  .wizard a {
    min-width: 23.78% !important; } }

@media screen and (min-width: 1024px) {
  .show-mobile {
    display: none; }
  .wizard a {
    min-width: 23.78% !important; } }

@media screen and (max-width: 1024px) {
  .wizard a {
    min-width: 23.6% !important; } }

@media screen and (max-width: 1023px) {
  .box-mk2go .btn-mk2go {
    margin-left: 0; }
  .level-point {
    width: 58px; }
  .show-desktop {
    display: none; }
  .el-dialog {
    width: 90% !important; }
  .graph-size {
    font-size: 44px !important; } }

@media screen and (max-width: 1200px) {
  .el-dialog {
    width: 90% !important; }
  .graph-size {
    font-size: 54px !important; } }

@media screen and (min-width: 415px) and (max-width: 1024px) {
  .graph-height {
    min-height: 540px; } }

@media (min-width: 769px) {
  .signin-button {
    left: 30%;
    right: 30%;
    margin-top: 20px; } }

@media (min-width: 768px) {
  .custom-row {
    display: flex; }
  .signin-button {
    left: 15px;
    right: 15px; } }

@media screen and (max-width: 768px) {
  .card-product .link {
    text-align: center; }
  .graph-height {
    min-height: 531px; }
  .el-select-dropdown {
    max-width: 100% !important; }
  .top-logo img {
    max-height: 30px; }
  .footer {
    margin: 0 !important; }
  .wizard a {
    min-width: 23.6% !important; } }

@media screen and (max-width: 429px) {
  .bg-step {
    width: 50px;
    height: 50px;
    padding: 13px; }
  .level-point {
    font-size: 27px; }
  .padding-grid {
    padding: 0 15px; }
  .wizard a {
    margin-left: 3px;
    font-size: 20px;
    min-width: 24.3% !important;
    padding: 15px 0px 15px 12px; }
  .wizard:not(.left-arrow) a:after {
    border-top: 25px inset transparent;
    border-bottom: 25px inset transparent;
    border-left: 18px solid #f8f8f8;
    right: -18px; }
  .wizard:not(.left-arrow) a:before {
    border-top: 25px inset transparent;
    border-bottom: 25px inset transparent;
    border-left: 18px solid #ffffff; }
  .wizard a:first-child:before,
  .wizard a:last-child:after {
    border: none; } }

@media screen and (max-width: 414px) {
  .graph-height {
    min-height: 461px; }
  .text-level p {
    width: 49px; }
  .level-point {
    width: 46px; }
    .level-point i {
      margin-top: 3px;
      margin-left: 4px; }
  .head-cate {
    font-size: 18px; }
  .level-point {
    font-size: 20px; }
  .footer {
    margin: 0;
    font-size: 16px;
    padding: 10.5px 10px; } }

@media screen and (max-width: 412px) {
  .graph-height {
    min-height: 440px; }
  .graph-size {
    font-size: 42px !important; }
  .el-message-box {
    width: 90% !important; }
  .level-result {
    margin-top: 0; }
    .level-result li {
      margin-bottom: 7px !important;
      font-size: 16px; } }

@media screen and (max-width: 375px) {
  .footer {
    padding: 27px 10px; }
  .top-logo img {
    max-height: 23px;
    margin: 2px 7px; }
  .wizard a {
    min-width: 24.4% !important; } }

@media screen and (max-width: 320px) {
  .top-logo img {
    max-height: 25px;
    margin: 2px 5px; }
  .el-message {
    width: 100% !important;
    min-width: unset; } }

.tab-text[data-v-1659f56b] {
  text-indent: 80px;
}
.custom-cookie[data-v-1659f56b] {
  display: none;
}
.custom-cookie .cookie-box[data-v-1659f56b] {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.custom-cookie .cookie-box .change-display[data-v-1659f56b] {
      padding: 20px 15vw;
      opacity: auto;
}
.custom-cookie .cookie-box .change-display .box-inside-cookie p[data-v-1659f56b] {
        word-break: break-word;
}
@media (max-width: 768px) {
.custom-cookie .cookie-box .change-display[data-v-1659f56b] {
        display: block;
}
.custom-cookie .cookie-box .change-display .box-inside-cookie.button[data-v-1659f56b] {
          text-align: right;
}
.custom-cookie .cookie-box .change-display .box-inside-cookie.button button[data-v-1659f56b] {
            margin: 0 !important;
}
}
.custom-cookie .cookie-box .text-underline[data-v-1659f56b] {
      text-decoration: underline;
}
.custom-cookie .cookie-box .text-underline[data-v-1659f56b]:hover {
      color: #353535;
}
@media (max-width: 575.98px) {
.respon-flex[data-v-1659f56b] {
    display: block;
}
.mt-20[data-v-1659f56b] {
    margin-top: 20px;
}
}
@media (max-width: 400px) {
.mt-20 .el-button[data-v-1659f56b] {
    display: block;
    width: 100%;
}
.el-button + .el-button[data-v-1659f56b] {
    margin-left: 0;
    margin-top: 10px;
}
}


*[data-v-4dd1d5ff],
*[data-v-4dd1d5ff]:before,
*[data-v-4dd1d5ff]:after {
  box-sizing: unset;
}


.main-slot[data-v-4f31864a] {
  min-height: calc(100vh - 177px);
}
@media (max-width: 767px) {
.main-slot[data-v-4f31864a] {
    min-height: calc(100vh - 175px);
}
}
@media (min-width: 1300px) {
.main-slot[data-v-4f31864a] {
    min-height: calc(100vh - 176px);
}
}
/* @media (min-width: 1920px) {
  .main-slot {
    min-height: calc(100vh - 216px);
  }
} */

.main-slot[data-v-c8b01a0e] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1281px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 346px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1600px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 347px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 346px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 355px) !important;
}
.play-video[data-v-c8b01a0e] {
    bottom: 80px !important;
    width: 40px !important;
    height: 40px !important;
}
.play-video i[data-v-c8b01a0e] {
      font-size: 19px !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-c8b01a0e] {
    min-height: calc(100vh - 349px) !important;
}
}
.play-video[data-v-c8b01a0e] {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 998;
  cursor: pointer;
}
.play-video i[data-v-c8b01a0e] {
    color: #e92127;
    font-size: 30px;
    font-size: 25px;
    margin-left: 5px;
}

.main-slot[data-v-2b7a3d48] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1281px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 346px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1600px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 347px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 346px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 355px) !important;
}
.play-video[data-v-2b7a3d48] {
    bottom: 80px !important;
    width: 40px !important;
    height: 40px !important;
}
.play-video i[data-v-2b7a3d48] {
      font-size: 19px !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-2b7a3d48] {
    min-height: calc(100vh - 349px) !important;
}
}
.play-video[data-v-2b7a3d48] {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 998;
  cursor: pointer;
}
.play-video i[data-v-2b7a3d48] {
    color: #e92127;
    font-size: 30px;
    font-size: 25px;
    margin-left: 5px;
}


.Password__strength-meter{
    margin: 10px auto;
}


.el-form-item__content[data-v-4475c834] {
  line-height: 0px !important;
}
.fa-pencil-alt[data-v-4475c834] {
  font-size: 10px;
}
p[data-v-4475c834] {
  margin: 5px 0;
}


.fa-pencil-alt[data-v-6a2c4ca3] {
  font-size: 10px;
}
p[data-v-6a2c4ca3] {
  margin: 5px 0;
}


@media (min-width: 1920px) {
.footer[data-v-024d905c] {
    width: 100%;
    position: absolute;
    bottom: 25px;
    margin: 0 auto;
}
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 235px);
}
}
.main-slot[data-v-024d905c] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1366px) and (max-width: 1367px) {
.padding-grid[data-v-024d905c] {
    min-height: calc(100vh - 437px) !important;
}
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 1281px) {
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.padding-grid[data-v-024d905c] {
    min-height: calc(100vh - 444px) !important;
}
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.bg-user-second[data-v-024d905c] {
    height: 63vh;
}
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 200px) !important;
}
}
@media (min-width: 767px) and (max-width: 834px) {
.padding-grid[data-v-024d905c] {
    min-height: calc(100vh - 444px) !important;
}
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-024d905c] {
    min-height: calc(100vh - 349px) !important;
}
}

img[data-v-5c254949] {
  margin-top: 40px;
}
h1[data-v-5c254949] {
  font-weight: 500;
  font-size: 48px;
  margin: 30px 0;
}
h2[data-v-5c254949] {
  font-weight: 500;
  font-size: 32px;
  margin: 30px 0;
}
a[data-v-5c254949] {
  font-weight: 500;
  font-size: 20px;
  margin: 35px 0;
}
@media (min-width: 1920px) {
.footer[data-v-5c254949] {
    width: 100%;
    position: absolute;
    bottom: 25px;
    margin: 0 auto;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 235px);
}
}
.main-slot[data-v-5c254949] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1366px) and (max-width: 1367px) {
.padding-grid[data-v-5c254949] {
    min-height: calc(100vh - 437px) !important;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 1281px) {
.padding-grid[data-v-5c254949] {
    min-height: 54vh !important;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.padding-grid[data-v-5c254949] {
    min-height: calc(100vh - 444px) !important;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.bg-user-second[data-v-5c254949] {
    height: 63vh;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 200px) !important;
}
}
@media (min-width: 767px) and (max-width: 834px) {
.padding-grid[data-v-5c254949] {
    min-height: calc(100vh - 444px) !important;
}
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 146px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 355px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-5c254949] {
    min-height: calc(100vh - 349px) !important;
}
}


.main-slot[data-v-16a9aae2] {
  min-height: calc(100vh - 216px);
}
@media (max-width: 767px) {
.main-slot[data-v-16a9aae2] {
    min-height: calc(100vh - 241px);
}
}
@media (min-width: 1300px) {
.main-slot[data-v-16a9aae2] {
    min-height: calc(100vh - 217px);
}
}
@media (min-width: 1920px) {
.main-slot[data-v-16a9aae2] {
    min-height: calc(100vh - 216px);
}
}


.main-slot[data-v-01266098] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1281px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 343px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 343px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 344px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 345px) !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 352px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-01266098] {
    min-height: calc(100vh - 346px) !important;
}
}


.main-slot[data-v-16293040] {
  min-height: calc(100vh - 402px);
}
@media (min-width: 1281px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 343px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 343px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 344px) !important;
}
}
@media (max-width: 767px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 345px) !important;
}
}
@media (max-width: 414px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 352px) !important;
}
}
@media (max-width: 375px) {
.main-slot[data-v-16293040] {
    min-height: calc(100vh - 346px) !important;
}
}


.main-slot[data-v-88051a5c] {
  min-height: calc(100vh - 99px);
}

/* @media (min-width: 768px) and (max-width: 1599px) {
  .main-slot {
    min-height: calc(100vh - 158px) !important;
  }
}

@media (min-width: 1600px) {
  .main-slot {
    min-height: calc(100vh - 160px) !important;
  }
} */
.footer[data-v-88051a5c] {
  border-top: 3px solid #3598ff;
  background-color: #07509c;
  font-size: 18px;
  color: #fff;
  padding: 7.5px 10px;
}


.line-space[data-v-1e47f191] {
  border: 1px solid #e5e5e5;
  width: 210px;
}


i[data-v-7c96e1f4] {
  vertical-align: middle;
}


@media (min-width: 600px) and (max-width: 834px) {
.box-mk2go p[data-v-2747a3a1] {
    text-align: left;
    width: 80%;
}
}


.el-checkbox[data-v-29c22c6e] {
  margin-bottom: 10px;
}


.main-slot[data-v-a8e5aa0a] {
  min-height: 66vh;
}


.border-choice[data-v-1c7638f6] {
  border: 1px solid;
  margin: 20px 0;
  padding: 25px 60px;
  border-radius: 5px;
}
.border-circle[data-v-1c7638f6] {
  top: 5%;
  left: -35px;
  position: absolute;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userAnswer[data-v-1c7638f6] {
  position: absolute;
  right: 0;
}


.slideMenu[data-v-266a26aa] {
  position: fixed;
  top: 0;
  background: rgb(0, 0, 0, 0.8);
  right: -2000px;
  bottom: 0;
  transition: all 0.4s;
  --webkit-transition: all 0.4s;
  width: 100%;
}
.slideMenu.Active[data-v-266a26aa] {
  right: 0;
}
.innerMenu[data-v-266a26aa] {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  left: 45%;
  bottom: 0;
  z-index: 10000;
  padding: 15px 25px;
}
h1[data-v-266a26aa] {
  font-size: 36px;
}
.log-lists li[data-v-266a26aa] {
  list-style: disc;
}
.sticky li a[data-v-266a26aa],
.innerMenu li a[data-v-266a26aa] {
  color: #606060;
  font-size: 24px;
  font-weight: 400;
}
.sticky li[data-v-266a26aa] {
  width: 100%;
}
.sticky > ul[data-v-266a26aa] {
  width: 140px;
  list-style-type: none;
  height: calc(100vh - 120px);
  overflow-y: auto;
}
.sticky li.isActive a[data-v-266a26aa],
.sticky li.isActive[data-v-266a26aa],
.innerMenu li.isActive a[data-v-266a26aa],
.innerMenu li.isActive[data-v-266a26aa] {
  color: #0366d6;
  font-weight: 400;
}
.mg-l-35[data-v-266a26aa] {
  margin-left: 35px !important;
}
.sticky.active[data-v-266a26aa] {
  position: fixed;
  top: 0;
  z-index: 1;
}
.sticky[data-v-266a26aa] {
  position: relative;
  padding: 0 10px;
  font-size: 20px;
  z-index: 1;
}
@media screen and (min-width: 100px) and (max-width: 768px) {
.border-right-solid[data-v-266a26aa] {
    border-right: 0 !important;
}
.sticky.active[data-v-266a26aa] {
    top: 2%;
}
.sticky[data-v-266a26aa] {
    top: 2%;
    width: 32px;
    height: 32px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1%;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 10px 1px rgba(99, 99, 99, 1);
}
}


.el-form-item__content[data-v-fb5ef85c] {
  line-height: 0px !important;
}
.fa-pencil-alt[data-v-fb5ef85c] {
  font-size: 10px;
}
p[data-v-fb5ef85c] {
  margin: 5px 0;
}