/* public/inc/lib/icomoon/style.css */
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon-TPARO23G.eot?i31d5n");
  src:
    url("./media/icomoon-TPARO23G.eot?i31d5n#iefix") format("embedded-opentype"),
    url("./media/icomoon-ATPISREI.ttf?i31d5n") format("truetype"),
    url("./media/icomoon-WECAY6VE.woff?i31d5n") format("woff"),
    url("./media/icomoon-WKOEW7DH.svg?i31d5n#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-float-menu:before {
  content: "\e939";
}
.icon-send:before {
  content: "\e93a";
}
.icon-chkotcssv:before {
  content: "\e936";
}
.icon-menu_list:before {
  content: "\e92f";
}
.icon-pencil:before {
  content: "\e934";
}
.icon-menu_otp:before {
  content: "\e930";
}
.icon-member:before {
  content: "\e92c";
}
.icon-refresh1:before {
  content: "\e931";
}
.icon-minus:before {
  content: "\e929";
}
.icon-plus:before {
  content: "\e92b";
}
.icon-error-c:before {
  content: "\e921";
}
.icon-email:before {
  content: "\e924";
}
.icon-download:before {
  content: "\e926";
}
.icon-error:before {
  content: "\e927";
}
.icon-forward:before {
  content: "\e91c";
}
.icon-next:before {
  content: "\e91e";
}
.icon-back:before {
  content: "\e91f";
}
.icon-backward:before {
  content: "\e920";
}
.icon-datepicker:before {
  content: "\e91b";
}
.icon-favorite:before {
  content: "\e900";
}
.icon-menu_home:before {
  content: "\e901";
}
.icon-menu_paypal:before {
  content: "\e902";
}
.icon-menu_save_search:before {
  content: "\e903";
}
.icon-menu_set:before {
  content: "\e904";
}
.icon-menu_trans:before {
  content: "\e905";
}
.icon-service:before {
  content: "\e906";
}
.icon-todolist:before {
  content: "\e907";
}
.icon-message:before {
  content: "\e909";
}
.icon-more:before {
  content: "\e90a";
}
.icon-menu_credit:before {
  content: "\e90b";
}
.icon-menu_account:before {
  content: "\e90e";
}
.icon-rate:before {
  content: "\e910";
}
.icon-triangle:before {
  content: "\e911";
}
.icon-menu:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e914";
}
.icon-arrow_top:before {
  content: "\e915";
}
.icon-arrow_down:before {
  content: "\e916";
}
.icon-arrow_left:before {
  content: "\e918";
}
.icon-arrow_right:before {
  content: "\e919";
}
.icon-bell:before {
  content: "\e91a";
}
.icon-success:before {
  content: "\e949";
}
.icon-reload:before {
  content: "\e948";
}
.icon-trash:before {
  content: "\e947";
}
.icon-search2:before {
  content: "\e946";
}
.icon-login:before {
  content: "\e942";
}
.icon-other:before {
  content: "\e943";
}
.icon-phone-push:before {
  content: "\e941";
}
.icon-speak-thin:before {
  content: "\e93f";
}
.icon-top-close:before {
  content: "\e93d";
}
.icon-LINE-outline:before {
  content: "\e937";
}
.icon-heart:before {
  content: "\e938";
}
.icon-fullscreen:before {
  content: "\e90d";
}
.icon-minimize:before {
  content: "\e933";
}
.icon-speak:before {
  content: "\e925";
}
.icon-double-down:before {
  content: "\e923";
}
.icon-arrow-cycle:before {
  content: "\e922";
}
.icon-home_credit_off:before {
  content: "\e91d";
}
.icon-money_012:before {
  content: "\e92a";
}
.icon-chart_01:before {
  content: "\e908";
}
.icon-money_01:before {
  content: "\e90c";
}
.icon-logout:before {
  content: "\e90f";
}
.icon-menu_twd:before {
  content: "\e92d";
}
.icon-talk:before {
  content: "\e932";
}
.icon-refresh:before {
  content: "\e928";
}
.icon-success2:before {
  content: "\e94a";
}
.icon-phone:before {
  content: "\e935";
}
.icon-search:before {
  content: "\e917";
  color: #37474f;
}
.icon-menu_saving:before {
  content: "\e94b";
}
.icon-credit:before {
  content: "\e912";
  color: #37474f;
}
.icon-credit2:before {
  content: "\e92e";
}

/* public/inc/lib/gototop/inc/css/gototop.css */
#goToTop {
  bottom: 200px;
  position: fixed;
  right: 53px;
  z-index: 100;
}
#goToTop a {
  position: absolute;
  z-index: 3;
  right: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
  color: transparent !important;
  bottom: 0;
  box-shadow: 0 2px 5px RGBA(51, 51, 51, 0.42);
}
#goToTop a .gotop_bg {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#goToTop a:hover .gotop_bg {
  background: #fff;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#goToTop a i {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 40px;
  font-weight: normal;
  left: 12px;
  position: absolute;
  top: 2px;
  color: #1fb8b2;
  text-align: center;
}
@media \fffdscreen {
  #goToTop a .gotop_bg {
    background: #b9bec2;
  }
  #goToTop a:hover .gotop_bg {
    background: #b9bec2;
  }
  #goToTop a .gotop_bg {
    background: url("./media/IE8_gototop_bg-M5N6NF75.png");
  }
}

/* public/inc/lib/patternlock/patternLock.css */
.patt-holder {
  background: #3382c0;
  -ms-touch-action: none;
}
.patt-wrap {
  position: relative;
  cursor: pointer;
}
.patt-wrap ul,
.patt-wrap li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.patt-circ {
  position: relative;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.patt-circ.hovered {
  border: 3px solid #009900;
}
.patt-error .patt-circ.hovered {
  border: 3px solid #BA1B26;
}
.patt-hidden .patt-circ.hovered {
  border: 0;
}
.patt-dots {
  background: #FFF;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
}
.patt-lines {
  border-radius: 5px;
  height: 10px;
  background: rgba(255, 255, 255, .7);
  position: absolute;
  transform-origin: 5px 5px;
  -ms-transform-origin: 5px 5px;
  -webkit-transform-origin: 5px 5px;
}
.patt-hidden .patt-lines {
  display: none;
}

/* public/inc/css/base.css */
.font {
  font-family:
    "\5fae\8edf\6b63\9ed1\9ad4",
    Arial,
    "STXihei",
    "Microsoft Yahei",
    sans-serif;
}
html {
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
ul,
li,
dl,
dt,
dd,
form,
image {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
}
img {
  border: 0;
}
a {
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  cursor: pointer;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family:
    "\5fae\8edf\6b63\9ed1\9ad4",
    Arial,
    "STXihei",
    "Microsoft Yahei",
    sans-serif;
  font-weight: 400;
  color: #37474f;
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}
input::-ms-clear {
  display: none;
}
input::-ms-reveal {
  display: none;
}
input[type=text],
input[type=password],
input[type=tel] {
  box-shadow: none;
  background: #fff;
  border-radius: 100px;
  outline: 0;
}
.tab-toggle .input-group,
.tab-toggle input[type=text] {
  background-color: #f7f7f7 !important;
}
strong,
.strong {
  font-weight: bolder;
}
.nowarp {
  white-space: nowrap;
}
.clearfix {
  clear: both;
}

/* public/inc/css/layout.css */
.g-bg {
  background: -moz-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background: -webkit-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background:
    linear-gradient(
      to bottom,
      #4acfd1 1%,
      #34abb6 100%);
}
.modal-backdrop {
  z-index: 9999;
}
.modal {
  z-index: 99999;
}
.modal.modal-favorite .modal-header:after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: -20px;
  right: 24px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
body.platform-ios.modal-open {
  position: fixed;
  width: 100%;
}
.pos_abs {
  position: absolute !important;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar {
  width: 6px;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-track {
  webkit-border-radius: 0;
  border-radius: 10px;
  background: transparent;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-thumb {
  opacity: 0.1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(18, 151, 151, 0.4);
}
.modal.modal-favorite .card-list li a {
  text-align: center;
  display: block;
  color: #24a09a;
}
ul.card-list.select-option {
  margin: 0 !important;
}
ul.card-list.select-option li > a {
  color: #324148;
  padding: 0;
}
ul.card-list.select-option li > a:after {
  display: none;
}
.modal-scroll {
  max-height: 400px;
  overflow-y: auto;
}
.modal-scroll-sm {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 5px;
}
.overlay {
  opacity: 0.7;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: 0.3;
  background: black;
}
.overlay.open {
  transition: 0.4;
  visibility: visible;
  transition: 0.3;
}
.form-group.reduse {
  margin: 25px 0;
}
.input-group .title.show-fix {
  display: block !important;
}
.input-group .form-control {
  border: 0;
  color: #324148;
  padding: 0;
  box-shadow: none;
}
.input-group input.form-control:read-only {
  background: none;
  border-bottom: #ffffff;
  text-align: center;
}
.input-group input.form-control:-moz-read-only {
  background: none;
  border-bottom: #ffffff;
  text-align: center;
}
.input-group .input-group-addon {
  background: #fff;
  border: 0;
  font-size: 15px;
}
.input-group .input-group-addon i {
  font-size: 20px;
}
.input-group .checkbox {
  float: right;
  margin-right: 10px;
  position: relative;
  margin-top: -30px;
  z-index: 999;
  margin-bottom: 0px;
  top: 4px;
}
.input-group.identify {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
  padding: 0 0 5px 0;
}
.input-group.identify .identify-img {
  height: 30px;
  width: auto;
}
.input-group.identify .input-group-addon {
  padding: 0;
}
.input-group.identify .input-group-btn {
  padding: 0 0 0 5px;
}
.input-group.identify .input-group-btn a.btn {
  padding: 0;
}
.input-group.identify .input-group-btn a.btn i {
  font-size: 28px;
  color: #24a09a;
}
.form-group.for-select.date-icon .input-group {
  background: transparent;
}
.form-group.for-select.date-icon .input-group input {
  background: transparent;
}
.form-group .form_txt {
  display: block;
  padding: 5px 5px 10px 0;
  line-height: 22px;
  font-size: 14px;
}
.form-group .form_txt .txt_link {
  text-decoration: underline;
  color: #337ab7;
}
.txt_link {
  font-size: 14px;
  text-decoration: underline;
  color: #337ab7;
}
.form-group .form_info.checkbox {
  margin-bottom: 0;
  padding: 0;
}
.form-group .form_info.checkbox .ui-chkbox {
  float: left;
}
.form-group .form_info.checkbox .txt {
  vertical-align: top;
  top: auto;
  padding-left: 27px;
}
.btn-select-option {
  width: 100%;
}
.search-block {
  background: #f0f2f4;
  padding: 15px;
}
.search-block .input-group {
  padding: 3px 0;
  border-color: #fff;
}
.search-block .input-group .form-control {
  padding-left: 0;
}
.search-block.bg-w {
  background: #fff;
}
.search-block.bg-w .input-group {
  border-color: #ccc;
}
.input-group-text .input-group-addon {
  font-size: 15px;
}
.input-group-text .input-group-addon:last-child {
  background: transparent;
}
.form-control {
  font-size: 15px;
  color: #324148;
}
.form-control:focus {
  border-color: #ccc;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.datepicker table tr td.active.active {
  color: #fff;
}
.form_choose {
  position: relative;
  display: inline-block;
  height: 20px;
  white-space: nowrap;
  font-weight: inherit;
  color: #adbaba;
  margin-bottom: 0;
  font-size: 1rem;
}
.form_choose.ct {
  text-align: center;
}
.form_choose.multi {
  margin: 15px 10px;
  color: #333;
  padding: 0 0 0 5px;
}
.form_choose.multi:first-of-type {
  margin-top: 15px;
}
.form_choose.multi:last-of-type {
  margin-bottom: 0;
}
.form_choose-input {
  opacity: 0;
  width: 20px;
  margin: 0 !important;
}
.form_choose-input[type=checkbox]:not(old) + .form_choose-img,
.form_choose-input[type=radio]:not(old) + .form_choose-img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  z-index: 1;
  border: 1px solid #009e96;
  background: #fff;
  margin-right: 4px;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img {
  background: #009e96;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img:before,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 0.5rem;
  color: #fff;
  position: absolute;
  top: 1px;
  left: 3.5px;
  z-index: 2;
  line-height: 20px;
}
.bootstrap-select button {
  border-radius: 5px;
}
.bootstrap-select .btn-default span.caret {
  color: #fcb214;
  margin-left: 2px;
  border-top: 7px dashed;
  border-top: 7px solid \	;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.bootstrap-select > .dropdown-toggle {
  padding: 15px;
}
.bootstrap-select.wid_auto {
  width: auto !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 15px;
}
.form-control {
  border-color: #e5e5e5;
}
.input-group.date {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.input-group.date .form-control {
  border: 0;
}
.input-group-addon:last-child {
  background: #f9f9f9;
  border-radius: 50px;
  border-width: 0 0 0 1px;
}
.form_group {
  margin: 8px 0;
  display: inline-block;
  width: 100%;
}
.form_group .form_error {
  color: #fc585b;
  text-align: right;
  margin-bottom: -10px;
  font-size: 14px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_group .form_info {
  color: #b0bec5;
  text-align: right;
  font-size: 14px;
}
.form_group i.txt {
  width: auto;
  padding: 8px 10px 5px 15px;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: bolder;
  color: #009e96;
}
.input_group {
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  width: 100%;
  position: relative;
  display: table;
  border-radius: 0;
  margin: 10px 0;
  padding: 0 0 10px 0;
}
.input_group .title {
  color: #999;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  top: -25px;
  left: 0;
  color: #b0bec5;
}
.input_group input {
  flex-grow: 1;
  border-bottom: 0;
  text-align: left;
  background: transparent;
  border: 0;
  font-size: 15px;
  padding: 0 15px;
  color: #324148;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  padding-right: 10px;
}
.input_group i {
  display: block;
  position: absolute;
  padding-left: 5px;
  top: 2px;
  right: 0;
  height: 100%;
  width: 50px;
  font-size: 0.8rem;
}
.input_group i:before {
  position: relative;
  top: 12px;
  right: -15px;
}
.input_group .txt a {
  color: #009e96;
  font-weight: bolder;
}
.input_group.disabled {
  background: #f3f3f3;
}
.input_group.hasImg .flag {
  top: 3px;
}
.form_group .division_line {
  margin: 0 auto;
  width: 60%;
}
.input_group i.txt.addon {
  right: -200px;
  color: #37474f;
  transition: 0.15s;
  opacity: 0;
  font-size: 0.85rem;
  font-weight: normal;
}
.input_group .checkbox {
  position: absolute;
  margin: 0;
  right: 0;
  display: inline-block;
  float: right;
}
.input_group .checkbox .form_choose-input[type=checkbox]:not(old) + .form_choose-img {
  border-color: #e5e5e5;
  border-radius: 3px;
}
.form-control::-webkit-input-placeholder {
  color: #555;
}
.form-control:-ms-input-placeholder {
  color: #555;
}
.form-control::-moz-placeholder {
  color: #555;
  opacity: 1;
}
.form-control:-moz-placeholder {
  color: #555;
  opacity: 1;
}
.input_group input::-webkit-input-placeholder {
  color: #555;
}
.input_group input:-ms-input-placeholder {
  color: #555;
}
.input_group input::-moz-placeholder {
  color: #555;
}
.input_group input:-moz-placeholder {
  color: #555;
}
.has-error .input_group,
.has-error .input-group {
  border-bottom: 1px solid #fc585b !important;
}
.has-error .form_error {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.has-error .form-control {
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.has-error .form-control:focus {
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.has-focus .input_group,
.has-focus .input-group {
  border-bottom: 1px solid #28c3b1 !important;
}
.has-focus .form_error {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.switch_box {
  position: relative;
}
.switch_box > .txt {
  margin-left: 45px;
  display: block;
}
.switch_box > .txt + .switch {
  position: absolute;
  top: 6px;
}
.modal-open .container_header {
  z-index: 999;
}
.modal-open .gotop {
  z-index: 999;
}
.header {
  display: block;
  height: 56px;
  width: 100%;
  background: #30b4c0;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px 0 rgba(18, 151, 151, 0.2);
  box-shadow: 0 5px 10px 0 rgba(18, 151, 151, 0.2);
  position: fixed;
  z-index: 9999;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header .logo {
  width: 112px;
  height: 32px;
  margin-top: 12px;
  display: inline-block;
  background: url("./media/logo_esun_white@2x-EFYYFY3L.png") no-repeat;
  background-size: 100%;
}
.header .hamburg_menu {
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 9;
}
.header .hamburg_menu i {
  color: #fff;
  font-size: 25px;
}
.header .hamburg_menu i.icon-arrow_left {
  font-size: 18px;
  top: 5px;
  left: 5px;
  position: relative;
}
.header .prev {
  position: absolute;
  left: 5px;
  top: 9px;
  z-index: 9;
  width: 40px;
  height: 40px;
}
.header .prev i {
  font-size: 20px;
  color: #fff;
  top: 8px;
  position: relative;
}
.header .right-icon {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 9;
}
.header .right-icon i {
  font-size: 25px;
  color: #fff;
  top: 0;
  right: 0;
  position: relative;
}
.header .triangle {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 9;
  color: #fff;
  font-size: 18px;
}
.header .triangle:before {
  display: inline-block;
  font-family: "icomoon";
  content: "\e911";
  font-size: 10px;
  color: #fff;
  float: right;
  margin-left: 10px;
  margin-top: 4px;
}
.header .triangle.only_txt {
  top: 16px;
}
.header .triangle.only_txt:before {
  display: none;
}
.header .triangle.edit:before {
  display: none;
}
.header .page_title {
  padding: 16px 0 0 0;
  font-size: 18px;
  color: #fff;
}
.header.no_bg {
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 rgba(252, 178, 20, 0);
  box-shadow: 0 0 0 0 rgba(252, 178, 20, 0);
}
.header.nav-up {
  top: -60px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gotop {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: -50px;
  right: 20px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  z-index: 999;
  border-radius: 50%;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e5e5;
}
.gotop:before {
  display: inline-block;
  content: "\e915";
  font-family: "icomoon";
  font-size: 22px;
  color: #24a09a;
  line-height: 45px;
}
.gotop.show {
  visibility: 1;
  top: 70px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gotop.show-s {
  top: 20px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.favorite {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 15px;
  right: 20px;
  background: #fcb214;
  cursor: pointer;
  text-align: center;
  z-index: 1000;
  border-radius: 50%;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
}
.favorite:before {
  display: inline-block;
  content: "\e900";
  font-family: "icomoon";
  font-size: 32px;
  color: #fff;
  line-height: 51px;
}
.favorite-close {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 15px;
  right: 20px;
  background: #fcb214;
  cursor: pointer;
  text-align: center;
  z-index: 9999;
  border-radius: 50%;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
}
.favorite-close:before {
  display: inline-block;
  content: "\e92e";
  font-family: "icomoon";
  font-size: 26px;
  color: #fff;
  line-height: 51px;
}
.mb-nav-scroll {
  overflow-y: scroll;
  height: calc(100vh - 101px - 70px);
}
.mb-nav-scroll::-webkit-scrollbar {
  width: 6px;
}
.mb-nav-scroll::-webkit-scrollbar-track {
  -webkit-border-radius: 0;
  border-radius: 10px;
  background: transparent;
}
.mb-nav-scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(18, 151, 151, 0.4);
}
.side_menu_welcome {
  margin-bottom: 20px;
  padding: 30px 0 0 30px;
}
.side_menu_welcome h4 {
  font-size: 18px;
  color: #26a0a0;
}
.side_menu_welcome h4 span {
  font-size: 15px;
  margin-left: 5px;
}
.side_menu_welcome p {
  color: #26a0a0;
  padding-right: 10px;
}
.side_menu_footer {
  display: none;
  padding: 20px 0 15px 30px;
  border-top: 1px solid #e5e5e5;
  left: 0;
  bottom: 0;
  background: #ffffff;
  width: 100%;
  -webkit-transform: translateZ(0);
  z-index: 1;
}
.panel-group.mb-nav {
  background: transparent;
  margin-bottom: 0;
  position: relative;
}
.panel-group.mb-nav .panel-default {
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.panel-group.mb-nav .panel-default .panel-heading {
  height: auto;
  background: transparent;
  position: relative;
  padding: 0;
  border: 0;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle {
  background: transparent;
  padding: 15px 10px;
  display: block;
  color: #324148;
  text-decoration: none;
  font-size: 16px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle.one-level:after {
  display: none;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle i {
  font-size: 25px;
  float: left;
  color: #24a09a;
  margin: -2px 5px 0 0;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle:after {
  font-family: "icomoon";
  content: "\e915";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
  color: #24a09a;
  font-size: 15px;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle.collapsed {
  background: transparent;
  color: #324148;
  border: 0;
}
.panel-group.mb-nav .panel-default .panel-heading a.accordion-toggle.collapsed:after {
  content: "\e916";
  color: #24a09a;
}
.panel-group.mb-nav .panel-default .panel-body {
  padding: 10px;
  border: 0;
  background: #e4f0f0;
}
.panel-group.mb-nav .panel + .panel {
  margin-top: 0;
  border: 0;
}
.panel-group.mb-nav ul.mb-nav-sub {
  width: 100%;
}
.panel-group.mb-nav ul.mb-nav-sub li {
  width: 100%;
  padding: 5px 10px 5px 25px;
}
.panel-group.mb-nav ul.mb-nav-sub li a {
  color: #748181;
  display: block;
  padding: 4px 12px;
  border: 0;
}
.panel-group.mb-nav ul.mb-nav-sub li a:active {
  background: #fff;
  border-radius: 100px;
}
.tab-block {
  background: #eceff1;
}
.tab-block.mg-15 {
  margin-top: 0px !important;
  background: #c9dfe3;
}
.tab-block ul.nav {
  display: table;
  padding-top: 5px;
  width: 100%;
}
.tab-block ul.nav > li {
  display: table-cell;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.tab-block ul.nav > li:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.tab-block ul.nav > li:last-child:before {
  display: none;
}
.tab-block ul.nav > li a {
  display: block;
  text-align: center;
  color: #324148;
}
.tab-block ul.nav > li a span {
  display: inline-block;
  padding: 2px 7px;
  min-width: 22px;
  background: #b0bec5;
  font-size: 12px;
  color: #fff;
  border-radius: 30px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.tab-block ul.nav > li.active {
  border-bottom: 1px solid #26a0a0;
}
.tab-block ul.nav > li.active a span {
  background: #26a0a0;
}
.top-note {
  padding: 15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #e5e5e5;
}
body {
  background: #ffffff;
}
body.bg_white {
  background: #fff;
}
body.bg_white .body-wrap {
  background: #fff;
}
body.gotop-show .gotop {
  bottom: 15px;
}
body.gotop-show .favorite {
  bottom: 75px;
}
body.gotop-show.modal-open .favorite {
  bottom: 15px;
}
body.platform-ios.modal-open {
  width: 100%;
}
.body-wrap {
  -webkit-overflow-scrolling: touch;
  font-size: 15px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 568px;
  height: 100%;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.menu-overlay {
  position: absolute;
  display: none;
  background: transparent;
  width: 35%;
  height: 100vh;
  z-index: 999999;
  left: 70%;
}
.side_menu_holder {
  min-height: 20px;
  width: 70%;
  background: transparent;
  position: absolute;
  z-index: 999;
  left: -100%;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.menu-open {
  background: #fff;
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 100vh;
}
body.menu-open .body-wrap {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  left: 60%;
  z-index: 999;
  overflow: hidden;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
body.menu-open .menu-overlay {
  display: block;
}
body.menu-open .side_menu_holder {
  left: 0;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.menu-open .side_menu_footer {
  display: block;
}
body.menu-open:before {
  display: inline-block;
  content: "";
  width: 150%;
  position: absolute;
  z-index: 0;
  height: 30%;
  background: -moz-linear-gradient(top, #e4f8fb 0, #fff 99%);
  background: -webkit-linear-gradient(top, #e4f8fb 0, #fff 99%);
  background:
    linear-gradient(
      to bottom,
      #e4f8fb 0,
      #fff 99%);
}
body.menu-open .gotop,
body.menu-open .favorite {
  display: none;
}
.body-wrap.scroll {
  height: auto;
}
.body-wrap.no-scroll {
  overflow-y: hidden;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.main_container {
  margin-top: 56px;
}
.main_container .sample_title {
  text-align: left;
  text-indent: 20px;
  color: #24a09a;
  font-weight: bolder;
  font-size: 18px;
  padding-top: 15px;
}
hr {
  border-bottom: 3px solid #e5e5e5;
  opacity: 0.15;
  margin: 15px 0;
}
.special-panel {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
}
.special-panel i {
  color: #fff;
  opacity: 0.1;
  font-size: 131px;
  position: absolute;
  left: -20px;
  top: 37px;
  z-index: 0;
  -moz-transform: rotate(17deg);
  -webkit-transform: rotate(17deg);
  -o-transform: rotate(17deg);
  -ms-transform: rotate(17deg);
  transform: rotate(17deg);
}
.special-panel.blue {
  background: #3aa0c1;
}
.special-panel.green {
  background: #28c3b1;
}
.special-panel.green i {
  top: 17px;
}
.special-panel .title {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 23px;
  line-height: 1.8em;
}
.special-panel .num {
  color: #fff;
  float: right;
  z-index: 1;
  font-size: 28px;
  line-height: 1.5em;
}
.card {
  box-shadow: none;
  background: #fff;
  margin-bottom: 110px;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}
.card .card-title.sample_title {
  text-align: left;
  text-indent: 20px;
  color: #24a09a;
}
.card .card-title {
  text-align: center;
  font-weight: bolder;
  font-size: 18px;
  padding-top: 15px;
}
.card .card-title.bg_green {
  text-align: left;
  background: #c9dfe3;
  padding: 10px;
  color: #26a0a0;
}
.card .card-title.bg_green.ct {
  text-align: center;
  margin: 0 -15px 0px;
}
.card .card-title.bg_green.ct:first-child {
  margin-top: 0;
}
.card .card-title.bg_green .badge {
  background: #26a0a0;
  position: relative;
  top: -2px;
  font-weight: normal;
  margin-left: 5px;
  min-width: 20px;
  min-height: 20px;
  padding: 4px 7px;
  font-size: 13px;
  border-radius: 30px;
}
.card-title .panel-group.toggle-panel {
  background-color: #c9dfe3;
}
.card-title .panel-group.toggle-panel .panel-heading.title-toggle {
  padding: 0;
  background-color: #c9dfe3;
  font-size: 18px;
  border: 0;
  color: #26a0a0;
  font-weight: bolder;
}
.card-title .panel-group.toggle-panel .panel-heading.title-toggle a {
  border: 0;
  color: #26a0a0;
  font-weight: bolder;
}
.card .card-title .panel-group.toggle-panel .panel-heading.title-toggle .accordion-toggle.collapsed:after {
  font-family: "icomoon";
  content: "\e916";
  position: relative;
  right: -10px;
  top: 50%;
  margin-right: 20px;
  color: #24a09a;
  font-size: 13px;
  margin-top: -8px;
}
.card .card-title .panel-group.toggle-panel .panel-heading.title-toggle .accordion-toggle:after {
  font-family: "icomoon";
  content: "\e915";
  position: relative;
  right: -10px;
  top: 50%;
  margin-right: 20px;
  color: #24a09a;
  font-size: 13px;
  margin-top: -8px;
}
.card .card-title.has-icon {
  text-align: left;
  padding-left: 20px;
}
.card .card-title.has-icon i {
  font-size: 26px;
  position: relative;
  top: 4px;
  color: #24a09a;
}
.card .card-title .logo {
  width: 163px;
  height: 47px;
  margin-top: 10px;
  display: inline-block;
  background: url("./media/logo_esun_login@2x-JFCOTAMB.png") no-repeat;
  background-size: 100%;
  margin-bottom: 12px;
}
.card .tab-block {
  background: #c9dfe3;
  color: #26a0a0;
  font-size: 16px;
}
.card .card-body {
  padding: 0 15px;
}
.card .card-body.padd_btm0 {
  padding-bottom: 0;
}
.card .card-body .card-sub {
  font-size: 16px;
  padding: 0 0 20px 6px;
  font-weight: 600;
}
.card .card-body .card-list,
.card-body .card-list {
  margin: 0 -15px;
}
.card .card-body .card-list a.arrow,
.card .card-body .card-list .arrow,
.card-list .arrow {
  padding-right: 20px;
}
.card .card-body .panel-group.toggle-panel {
  margin: 0 -15px;
}
.card-list li {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
}
.card-list li:last-child {
  border-bottom: 0;
}
.card-list a,
.card-list .arrow,
.arrow {
  color: #324148;
  position: relative;
  display: block;
}
.card-list a.arrow:after,
.card-list .arrow:after,
a.arrow:after,
.panel-collapse.bg_white.collapse.in .card-list a.arrow:after,
div.arrow:after {
  content: "\e919";
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  color: #b0bec5;
  right: -3px;
  top: 50%;
  margin-top: -11px;
}
.panel-collapse a.arrow:after,
.panel-collapse div.arrow:after {
  right: 10px;
}
.panel-collapse.box_inner a.arrow:after,
.panel-collapse.bg_white a.arrow:after {
  right: -3px;
}
.card-list a.arrow > .div-tb {
  margin-bottom: 0;
}
.card-list .news,
.news {
  color: #28c3b1;
  display: inline-block;
  margin-right: 5px;
}
.card-list .hot,
.hot {
  color: #fcb214;
  display: inline-block;
  margin-right: 5px;
}
.card-list .date,
.td .data {
  float: right;
  color: #98a0a3;
}
.card-list p {
  margin-top: 5px;
}
.card-list .badge {
  background: transparent;
  color: #24a09a;
  font-weight: normal;
  font-size: 16px;
  float: right;
  margin-right: 5px;
  padding: 4px 7px;
}
.stripe li:nth-child(odd) {
  background: #fdfdfd;
}
ul.card-list.stripe .td {
  vertical-align: baseline;
  padding-right: 15px;
}
h4.title {
  color: #26a0a0;
  font-weight: bolder;
  font-size: 18px;
  opacity: 1;
}
h4.title-b {
  font-size: 16px;
}
.div-tb-info-list {
  padding: 15px !important;
}
.div-tb-info-list a {
  position: relative;
  display: block;
  padding-bottom: 10px;
}
.div-tb-info-list .arrow:after {
  content: "\e915";
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  color: #24a09a;
  right: 0px;
  top: 50%;
  margin-top: -15px;
}
.div-tb-info-list .arrow.collapsed:after {
  display: inline-block;
  position: absolute;
  content: "\e916";
  font-family: "icomoon";
  color: #24a09a;
}
.div-tb-info-list .div-tb,
.div-tb {
  margin-bottom: 10px;
}
.card-list .div-tb,
.rate_info .div-tb {
  margin-bottom: 0px;
}
.rate_info .div-tb .radio {
  border-bottom: none;
}
.div-tb-info-list .div-tb .td,
.div-tb .td {
  line-height: 22px;
}
.div-tb-info-list .div-tb .td.hd,
.div-tb .td.hd {
  width: 40%;
  color: #777;
  text-align: right;
  padding-right: 7px;
}
.div-tb-info-list .div-tb .td.hd_title {
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding-right: 6px;
}
.div-tb-info-list .div-tb .td.hd.wid_auto {
  width: auto;
}
.div-tb-info-list .div-tb .td.hd .break {
  display: block;
}
.div-tb-info-list .div-tb .td.hd.wid_50per {
  width: 50%;
}
.div-tb-info-list .div-tb .td.hd.hd_sub {
  color: #26a0a0;
}
.div-tb-info-list .div-tb .td + .td {
  padding-left: 5px;
}
.div-tb-info-list .div-tb .td .txt_error,
.txt_error {
  font-size: 14px;
  color: #e32930;
}
.panel-body.card-list .div-tb:last-child {
  margin-bottom: 0;
}
.panel-body.card-list .div-tb .div-td .div-tb:last-child {
  margin-bottom: 0;
}
.div-tb-info-list .title {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #f1f1f1;
  padding: 10px;
}
.div-tb-info-list .title .td {
  text-align: center;
  font-weight: bolder;
}
.div-tb-info-list .gap {
  width: 17px;
}
.panel-group.collapse_inside {
  margin-bottom: 0px;
}
.panel-group.collapse_inside .panel.panel-default {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.panel-group.collapse_inside .panel.panel-default .panel-heading {
  border: none;
  padding: 0;
}
.panel-group.collapse_inside .panel .collapse_inside_tb {
  background-color: #f1f1f1;
  margin: 0 -30px;
  padding: 10px 15px;
}
.div-tb-card-list .div-tb {
  margin-bottom: 10px;
}
.div-tb-card-list .div-tb .td {
  line-height: 18px;
  vertical-align: middle;
  font-size: 15px;
}
.div-tb-card-list .div-tb .td.hd {
  width: 80px;
  color: #777;
  text-align: right;
  vertical-align: top;
  padding-right: 0;
}
.card-list .div-tb .td.hd_title {
  font-weight: bold;
  padding: 2px 10px;
}
.div-tb-card-list .div-tb .td.hd.wid_50per {
  width: 50%;
}
.div-tb-card-list .div-tb .td + .td {
  padding-left: 12px;
}
.div-tb-card-list .div-tb:last-child {
  margin-bottom: 0;
}
.div-tb-card-list .gap {
  width: 17px;
}
.accordion-toggle .div-tb .td.hd {
  width: 40%;
  color: #777;
}
.accordion-toggle .div-tb:last-child {
  margin-bottom: 0;
}
.accordion-toggle .div-tb strong {
  font-weight: bolder;
}
.accordion-toggle .gap {
  width: 17px;
}
.accordion-toggle .gray,
.gray {
  color: #777;
  font-size: 14px;
  font-weight: initial;
}
.badge-c {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  line-height: 20px;
  position: relative;
  top: -2px;
  font-size: 13px;
  display: inline-block;
  margin-right: 4px;
}
.badge-c.yellow {
  background: #fcb214;
}
.badge-c.green {
  background: #24a09a;
}
.page-btn-group-hold {
  clear: both;
  margin-top: 20px;
  text-align: center;
}
ul.page-btn-group {
  width: 250px;
  display: inline-block;
}
ul.page-btn-group li {
  display: inline-block;
  margin: 0 5px;
}
ul.page-btn-group li a i {
  font-size: 28px;
  color: #24a09a;
}
ul.page-btn-group li.current {
  color: #24a09a;
  font-size: 18px;
  text-align: center;
  width: 30px;
  position: relative;
  top: -5px;
}
.panel-group.toggle-panel {
  background: #fff;
  margin-bottom: 0;
}
.panel-group.toggle-panel .year-badge {
  background: #24a09a;
  color: #fff;
  padding: 2px 5px 1px 5px;
  font-size: 12px;
  display: inline-block;
  margin: 10px 0 0 20px;
}
.panel-group.toggle-panel .flag {
  float: left;
  margin-right: 5px;
}
.panel-group.toggle-panel .panel-default {
  border: 0;
  border-color: rgba(0, 0, 0, 0.07);
  webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-group.toggle-panel .panel-default .panel-heading {
  height: auto;
  position: relative;
  padding: 0;
  border-bottom: 1px;
  border-radius: 0;
}
.panel-default > .panel-heading {
  background-color: #ffffff;
}
.panel-group.toggle-panel .panel-default .panel-heading .div-tb {
  margin-bottom: 0;
}
.panel-group.toggle-panel .panel-default .panel-heading a {
  background: #fff;
  padding: 15px;
  display: block;
  color: #324148;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel-group.toggle-panel .panel-default .panel-heading a.total_sum {
  background: #e5f4f4;
  color: #324148;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.panel-group.toggle-panel .panel-default .panel-heading a i {
  font-size: 30px;
  float: left;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel-group.toggle-panel .panel-default .panel-heading a:hover {
  background: #fff;
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel-group.toggle-panel .panel-default .panel-heading a:hover i {
  color: #fff;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle span.date {
  margin-left: 5px;
  display: inline-block;
  margin-right: 5px;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle:after {
  font-family: "icomoon";
  content: "\e915";
  position: absolute;
  right: -10px;
  top: 50%;
  margin-right: 20px;
  color: #24a09a;
  font-size: 13px;
  margin-top: -8px;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle:after a i {
  color: #24a09a;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle.collapsed {
  background: #fff;
  color: #324148;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle.collapsed.total_sum {
  background: #e5f4f4;
  color: #324148;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.panel-group.toggle-panel .panel-default .panel-heading a.total_sum:hover {
  background: #e5f4f4;
  color: #324148;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle.total_sum:after {
  left: 25%;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle.collapsed:after {
  font-family: "icomoon";
  content: "\e916";
  color: #24a09a;
}
.panel-group.toggle-panel .panel + .panel {
  margin-top: 0;
}
.panel-collapse {
  background: #f7f7f7;
}
.panel-body {
  padding: 0px 15px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.panel-collapse.box_inner {
  padding: 0px;
  background-color: #f1f1f1;
}
.panel-group.toggle-panel .panel-default .panel-collapse.box_inner .panel-heading .accordion-toggle.collapsed {
  background-color: #fff;
}
.panel-group.toggle-panel .panel-default .panel-collapse.box_inner .panel-heading a:hover {
  background-color: #fff;
}
.panel-group .panel-collapse.box_inner .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-heading .in-toggle {
  position: absolute;
  z-index: 99;
  left: 15px;
  top: 10px;
}
.login-pic {
  width: 100%;
  height: 52vh;
  background: transparent url("./media/pic_kv@2x-4JXVGIDU.png") no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 10px;
}
.login-pic .logo {
  background: url("./media/logo_esun_white@2x-EFYYFY3L.png");
  background-size: 100%;
  display: inline-block;
  margin-top: 30px;
  width: 163px;
  height: 47px;
  position: relative;
}
.login-pic .btn {
  position: absolute;
  bottom: 10px;
  width: 150px;
  letter-spacing: 5px;
  left: 50%;
  margin-left: -75px;
  z-index: 999;
  padding: 10px 12px;
}
.login-pic:after {
  display: inline-block;
  width: 150%;
  height: 45px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #fff;
  moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
ul.login-quick-link {
  width: 100%;
  margin-top: 40px;
  padding: 0 10px;
}
ul.login-quick-link li a {
  display: inline-block;
  text-align: center;
  color: #324148;
  vertical-align: top;
  width: 25%;
  float: left;
}
ul.login-quick-link li a i {
  color: #28c3b1;
  font-size: 32px;
  display: inline-block;
  margin-bottom: 10px;
}
.login-notice {
  display: block;
  border-radius: 30px;
  background: #fff2d3;
  color: #324148;
  position: relative;
  padding: 10px;
  padding-left: 16px;
  margin: 30px 10px 0px 10px;
  clear: both;
}
.login-notice-area {
  padding: 0 10px;
  margin-top: -10px;
  padding-left: 36px;
}
.vision {
  position: fixed;
  bottom: 10px;
  padding: 0 10px;
  width: 100%;
  margin: 0px;
  font-size: 15px;
}
.vision .col-xs-7 {
  width: 60%;
  padding: 0;
  line-height: 15px;
}
.vision .col-xs-5 {
  width: 40%;
  padding: 0;
  line-height: 15px;
}
.login-form {
  background: -moz-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background: -webkit-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background:
    linear-gradient(
      to bottom,
      #4acfd1 1%,
      #34abb6 100%);
  overflow: hidden;
  position: static;
}
.login-form:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:
    linear-gradient(
      170deg,
      transparent 400px,
      #fff 400px);
}
#footer {
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 999;
}
#footer .modal-footer .btn-group {
  overflow: inherit;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#footer .btn-success.btn-square {
  background: #dcf2f1;
  color: #24a09a;
  border: 0;
  padding: 10px;
}
.demo-link {
  margin: 10px;
  text-align: center;
  position: relative;
}
.demo-link a {
  margin: 0 5px;
  font-size: 12px;
  color: #b0bec5;
}
.container {
  position: relative;
  padding-bottom: 40px;
}
.container .inner_15px {
  padding: 15px;
}
.container .inner_15px .card {
  border-radius: 10px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
}
.btn {
  padding: 5px 15px;
  font-size: 16px;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.btn-success {
  color: #fff;
  background-color: #129797;
  border: 2px solid #129797;
  -webkit-box-shadow: 0 5px 10px 0 rgba(18, 151, 151, 0.2);
  box-shadow: 0 5px 10px 0 rgba(18, 151, 151, 0.2);
}
.btn.btn-success:hover {
  background-color: #26a0a0;
  border: 2px solid #26a0a0;
}
.btn.btn-success:focus {
  color: #fff;
  background-color: #26a0a0;
  border: 2px solid #26a0a0;
  outline: 0;
}
.btn.disabled {
  background: #eceff1;
  color: #566d77;
  border-color: #eceff1;
}
.btn.light,
.submit_btn.light {
  background-color: #93c0c7;
  border: 2px solid #93c0c7;
}
.btn.light.disabled {
  background: #eceff1;
  color: #566d77;
  border-color: #eceff1;
}
.btn.light:hover {
  background-color: #c9dfe3;
  border: 2px solid #c9dfe3;
}
.btn.light:focus {
  color: #fff;
  background-color: #c9dfe3;
  border: 2px solid #c9dfe3;
  outline: 0;
}
.btn.btn-success-line {
  color: #24a09a;
  background-color: #fff;
  border: 1px solid #24a09a;
}
.btn.btn-success-line:hover,
.btn.btn-success-line:active {
  color: #ffffff;
  background-color: #24a09a;
  box-shadow: none;
}
.btn.btn-success-line:hover:before {
  color: #ffffff;
}
.btn-block + .btn-block {
  margin-top: 15px;
}
.btn_group {
  margin: 30px 0;
  padding: 0 5%;
}
.btn_group .btn {
  display: block;
  padding: 10px 12px;
  font-size: 18px;
  margin-bottom: 15px;
}
.rule-box {
  overflow-y: auto;
  max-height: 300px;
  margin-bottom: 20px;
  border: #e5e5e5 1px solid;
  padding: 10px;
}
.rule-box.sm {
  max-height: 150px;
}
.rule-box::-webkit-scrollbar {
  width: 8px;
}
.rule-box::-webkit-scrollbar-track {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #eceff1;
}
.rule-box::-webkit-scrollbar-thumb {
  opacity: 0.1;
  -webkit-border-radius: 10px;
  border-radius: 0;
  background: #24a09a;
}
.remarks p {
  margin-bottom: 10px;
}
.remarks a {
  color: #24a09a;
  text-decoration: underline;
}
.remarks:after {
  display: none;
}
.remarks.mask {
  overflow: hidden;
  height: 120px;
  position: relative;
}
.remarks.mask:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 120px;
  bottom: 0;
  z-index: 9;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.19) 0, rgba(255, 255, 255, 0.42) 29%, #fff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.19) 0, rgba(255, 255, 255, 0.42) 29%, #fff 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.19) 0,
      rgba(255, 255, 255, 0.42) 29%,
      #fff 100%);
}
.row.more-link {
  padding: 0 10px;
}
.row.more-link li {
  padding: 10px;
}
.progress-sm {
  height: 10px;
  margin-bottom: 0;
}
.progress-bar {
  float: none;
  background: #28c3b1;
  color: transparent;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.progress-bar.green-dark {
  background: #107778;
}
.progress-bar.green-light {
  background: #1cbead;
}
.progress-bar.yellow {
  background: #ffd600;
}
.progress-bar.orange {
  background: #fbc02d;
}
.progress-bar.orange-dark {
  background: #f9a825;
}
.progress {
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.list-num li {
  list-style: decimal;
  margin-left: 20px;
  margin-bottom: 10px;
}
.list-dot li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 5px;
}
.icon-num {
  display: inline-block;
  background: #26a0a0;
  font-size: 13px;
  font-weight: bolder;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
}
.line-bot {
  border-bottom: 1px solid #e5e5e5 !important;
}
.line-top {
  border-top: 1px solid #e5e5e5 !important;
}
.note {
  margin-top: 30px;
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-dots {
  text-align: center;
  margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #24a09a;
}
.pattern-hold {
  background: #fff;
  border-radius: 5px;
  position: relative;
  display: block;
  text-align: -webkit-center;
  margin-top: 30px;
}
.pattern-hold p {
  position: absolute;
  top: -10px;
  text-align: center;
  width: 100%;
  z-index: 9;
}
#patternLock.patt-holder {
  background: transparent;
  -ms-touch-action: none;
  background: #fff;
}
#patternLock .patt-wrap {
  position: relative;
  cursor: pointer;
}
#patternLock .patt-wrap ul,
#patternLock .patt-wrap li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#patternLock .patt-circ {
  position: relative;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#patternLock .patt-circ.hovered {
  border: 1px solid #28c3b1;
  background: rgba(0, 121, 121, 0.5);
  box-shadow: 0 0 0 2px #fff;
}
#patternLock .patt-error .patt-circ.hovered {
}
#patternLock .patt-hidden .patt-circ.hovered {
  border: 0;
}
#patternLock .patt-dots {
  background: #ccc;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
#patternLock .patt-lines {
  border-radius: 5px;
  height: 10px;
  background: rgba(0, 121, 121, 0.5);
  position: absolute;
  transform-origin: 5px 5px;
  -ms-transform-origin: 5px 5px;
  -webkit-transform-origin: 5px 5px;
}
#patternLock .patt-hidden .patt-lines {
  display: none;
}
#patternLock .transparent li.patt-circ {
  border: 0;
  background: rgba(0, 0, 0, 0);
}
#patternLock .transparent div.patt-lines {
  border: 0;
  background: rgba(0, 0, 0, 0);
}
.result-error {
  margin-top: 20px;
  margin-bottom: 20px;
}
.result-error i {
  font-size: 50px;
  display: block;
  color: #f0ad4e;
  margin-bottom: 0;
}
.result-error .icon-success {
  color: #28c3b1;
}
.result-error .icon-error-c {
  color: #fc585b;
  text-align: center;
}
.result-error .icon-logo {
  background: url("./media/logo-TKX537XG.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 80px;
  height: 80px;
}
.result-error .msg {
  margin-top: 15px;
  font-size: 20px;
}
.arrow-up {
  position: relative;
}
.arrow-up:before {
  display: inline-block;
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-bottom: 8px solid #ddd;
  left: 50%;
  margin-left: -8px;
  top: -16px;
  z-index: 9;
}
.arrow-up:after {
  display: inline-block;
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  left: 50%;
  margin-left: -8px;
  top: -15px;
  z-index: 10;
}
.service-list {
  padding: 10px 0 10px;
}
.service-list li {
  padding: 0 8px;
  margin-bottom: 15px;
}
.service-list li a {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 6px;
}
.service-list li a.btn-success-line:before {
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  content: "\e935";
  font-size: 19px;
  color: #24a09a;
  opacity: 1;
  right: 2px;
  top: -2px;
  padding: 4px 7px;
  border-radius: 20px;
}
.service-list li a.btn-success:before {
  color: #fff;
  right: 2px;
  top: 4px;
}
.service-area {
  padding: 10px 0;
  height: 90vh;
}
.dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
}
.dot.green {
  background: #24a09a;
  margin-top: 6px;
}
.dot.yellow {
  background: #fcb214;
}
.link-icon i {
  color: #24a09a;
  font-size: 28px;
}
.txt_area {
  padding: 20px 0px 0px 0px;
  text-align: center;
}
.txt_area.no_data {
  border-radius: 6px;
  background: #f3f3f3;
  border: 1px solid #dedede;
  box-shadow: 0 0 1px #dedede;
  margin: 15px 0;
  padding: 10px 0;
}
.txt_area.no_data i.fa-file-o {
  font-size: 18px;
  display: inline-block;
  margin-right: 6px;
}
.txt_area .result-icon i {
  font-size: 20px;
  display: inline-block;
  color: #fc585b;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.txt_area .txt_error {
  color: #fc585b;
  font-size: 18px;
  position: relative;
}
.txt_area .spec_area {
  margin-left: 20px;
}
.txt_area .spec_area li {
  list-style-type: cjk-ideographic;
  line-height: 22px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: left;
}
.div-tb .td .small {
  color: #777 !important;
}
.div-tb .td span.hd {
  display: inline-block;
  margin: 0 5px;
  color: #777;
}
.card-list .title {
  background-color: #f7f7f7;
  text-align: center;
  padding: 0 15px;
}
.card-list .title .div-tb {
  margin-bottom: 0;
}
.card-list .title .div-tb .td {
  vertical-align: middle;
  height: 34px;
  font-size: 13px;
}
.page-btn-group-hold .page-btn-group .page-title {
  display: inline-block;
  font-size: 18px;
  color: #37474f;
  position: relative;
  top: -5px;
  margin: 0 5px;
}
.page-btn-group-hold .page-btn-group .page-title .number {
  color: #24a09a;
  display: inline-block;
  margin: 0 5px;
}
.page-btn-group-hold .page-btn-group li a.disabled,
.pagination a.ui-state-disabled {
  opacity: 0.3;
}
p span.total_num {
  font-size: 16px;
  display: inline-block;
  margin: 0 5px;
}
.card-list li.has-checkbox {
  position: relative;
}
.card-list li.has-checkbox .checkbox {
  position: absolute;
  margin: 0px;
  z-index: 6;
  width: 52px;
  height: calc(100% - 30px);
}
.card-list li.has-checkbox .checkbox.in-toggle {
  position: absolute;
  top: 18px;
  margin-top: 0px;
}
.card-body .result-error {
}
.card-body .result-error .result-icon {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.card-body .result-error .result-content {
  display: inline-block;
  vertical-align: middle;
}
.card-body .result-error .result-content p {
  text-align: left;
  border-bottom: 10px;
  font-size: 18px;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle-area.collapsed:before {
  font-family: "icomoon";
  content: "\e92b";
  color: #24a09a;
  font-size: 20px;
  position: absolute;
  top: 12px;
}
.panel-group.toggle-panel .panel-default .panel-heading .accordion-toggle-area:before {
  font-family: "icomoon";
  content: "\e929";
  color: #24a09a;
  font-size: 20px;
  position: absolute;
  top: 12px;
}
.panel-group.toggle-panel .accordion-toggle-area .div-tb .td {
  margin-left: 30px;
}
.title_list {
  padding: 15px;
  font-size: 18px;
  color: #37474f;
  background-color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -15px;
}
.panel-group.toggle-panel .panel-heading a.accordion-toggle-area.bg_gray {
  background-color: #f1f1f1;
}
.badge_country {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: #e0f1f1;
  line-height: 50px;
  color: #009d99;
  text-align: center;
  font-weight: lighter;
  font-size: 16px;
}
.currency {
  font-size: 14px;
}
.strong,
strong {
  font-size: 16px;
}
.panel-collapse .panel-body.card-list {
  margin-top: 0;
  padding: 0 15px 0px;
}
.panel.panel-default:last-child .panel-collapse .card-list {
  margin-bottom: 0;
  padding-bottom: 0;
}
.total_area {
  background-color: #eaf7f8;
  border-bottom: 1px solid #e5e5e5 !important;
}
.subtotal_toggle {
  display: inline-block;
  padding: 12px;
  text-align: center;
}
.subtotal_toggle.collapsed:before {
  font-family: "icomoon";
  content: "\e916";
  color: #b0bec5;
}
.subtotal_toggle:before {
  font-family: "icomoon";
  content: "\e915";
  position: absolute;
  top: 6px;
  margin-right: 20px;
  color: #b0bec5;
  font-size: 14px;
}
.subtotal_area {
  margin-top: 10px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 4px #e5e5e5;
  border: 1px solid #d3d3d3;
}
.subtotal_area .subtotal_title {
  padding: 10px;
  border-bottom: 2px solid #d8d8d8;
  background-color: #f4fffe;
  border-radius: 6px 6px 0px 0px;
}
.subtotal_area .subtotal_content {
  padding: 6px 10px;
}
.subtotal_footer {
  border-top: 2px solid #2fb2be;
  padding: 10px;
}
.div-tb .red {
  font-size: 20px;
  color: red;
}
.table .active td {
  text-align: center;
  vertical-align: middle;
}
.table .active td {
  padding: 6px;
}
.panel-collapse .div-tb {
  margin-bottom: 10px;
}
.panel-collapse ul.card-list .div-tb {
  margin-bottom: 0px;
}
.panel-collapse .div-tb .td.hd {
  color: #777777;
  width: 40%;
  text-align: right;
  padding-right: 7px;
}
.panel-collapse .card-list a.arrow:after {
  font-size: 14px;
}
.div-tb-title {
  display: block;
  background-color: #f1f1f1;
  margin: 15px -15px;
  padding: 4px;
  margin-top: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.div-tb-title .div-tb {
  margin-bottom: 0px;
}
.div-tb-title .div-tb .td {
  font-size: 14px;
}
.tab-pane .card-list li.bg_gray .div-tb-info-list {
  padding: 0px 15px;
}
.tab-pane .card-list.card-round {
  margin: -10px 0 0px;
}
.tab-pane .card-list.card-round li {
  border-bottom: none;
  border-radius: 10px;
  margin-bottom: 10px;
}
.tab-pane .card-list.card-round li .div-tb-info-list {
  border-radius: 10px;
  border-bottom: none;
}
.notice_area {
  padding: 4px;
  font-size: 16px;
  color: #e32930;
}
.btn_ara {
  margin: 10px 0;
  clear: both;
  padding-right: 15px;
}
.panel.panel-default .panel-heading .radio {
  margin: 0;
  width: auto;
  position: relative;
  left: 15px;
  top: -10px;
}
.radio.radio_title {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
}
.radio.radio_title .div-tb {
  margin-bottom: 0px;
}
.radio.radio_title .div-tb .td {
  line-height: 22px;
  padding-right: 10px;
}
table.table.table-bordered td {
  vertical-align: middle;
}
table.table.table-bordered tr.active {
  word-break: keep-all;
}
.card-list > li.pagination {
  padding: 5px 15px;
  margin: 0;
}
.pagination {
  margin: 15px 0;
  padding: 10px 0;
  display: block;
}
.pagination .info {
  display: inline-block;
  margin-left: 5px;
  color: #b0bec5;
  font-size: 14px;
}
.pagination .info span {
  color: #24a09a;
  display: inline-block;
  padding: 0 5px;
}
.pagination .btn_i {
  margin: 0 3px;
  display: inline-block;
  padding: 7px;
  background: #fff;
  color: #24a09a;
  border: 1px solid #24a09a;
}
.pagination .btn_i i {
  font-size: 15px;
}
.pagination .idx_tb {
  margin-bottom: 0px;
}
.pagination .idx_tb .idx_td {
  vertical-align: middle;
}
.modal .modal-body.modal-scroll,
.modal .modal-body.padding0 {
  padding: 0;
}
.modal .modal-body.modal-scroll .card-list.select-option li,
.modal .modal-body.padding0 .card-list.select-option li {
  padding: 10px;
}
.modal .modal-body.modal-scroll .card-list.select-option li.ui-state-highlight,
.modal .modal-body.padding0 .card-list.select-option li.ui-state-highlight {
  background: #eef8f7;
}
.modal .modal-body.modal-scroll .card-list.select-option li.ui-state-highlight a,
.modal .modal-body.padding0 .card-list.select-option li.ui-state-highlight a {
  color: #26a0a0;
  font-weight: bold;
}
.modal .modal-body .warring_area {
  padding: 10px;
  text-align: center;
  background-color: #fff5f4;
}
.modal .modal-body .warring_area i {
  display: block;
  color: #f54d2c;
  font-size: 22px;
}
.modal .modal-body .warring_area span {
  font-size: 15px;
}
.modal .modal-body .warring_area p.txt_red {
  font-size: 14px;
  line-height: normal;
  padding-top: 5px;
}
.modal .modal-dialog,
.modal.in .modal-dialog {
  width: 95%;
  vertical-align: middle;
  max-width: 430px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
}
.modal-body .ui-dropdown-filter-container {
  display: none;
}
.input-group .ui-dropdown {
  border: 0;
  width: 100%;
}
.input-group .alert.alert-danger {
  margin-bottom: 2px;
}
.alert.alert-danger {
  color: #f54d2c;
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  background-color: #fff5f4;
  border-radius: 100px;
  border: 0;
  margin-bottom: 20px;
}
.danger-area,
.alert.alert-danger.danger-area {
  border-radius: 0;
  font-size: 16px;
  margin-bottom: 0;
  padding: 15px 10px;
  color: #e32930;
}
.ui-datepicker-header .ui-datepicker-title select {
  vertical-align: top;
}
.pop_Loading .modal-content .pic {
  padding: 10px;
}
.pop_Loading .modal-content .pic img {
  width: 50px;
  margin: 0 auto;
}
.panel.panel-default .div-tb .td .checkbox {
  margin: 0;
}
a.message_set {
  display: inline-block;
}
a.message_set i.fa.fa-cog {
  display: inline-block;
  margin-right: 4px;
}
a.message_set i.fa.fa-cog:before {
  color: #24a09a;
  font-size: 22px;
}
.set_area_country {
  padding: 10px 15px;
  font-size: 18px;
  color: #009d99;
  background-color: #e0f1f1;
  margin: 0px;
}
.set_area .panel-group.toggle-panel .panel-default .panel-heading a {
  line-height: 30px;
}
.set_area .div-tb .td.ct {
  padding: 15px;
  text-align: right;
}
.checkbox_area {
  padding: 10px 0;
}
.tab-block .checkbox_area {
  padding: 10px 15px;
  background: #ffffff;
  margin-bottom: 0;
}
.checkbox_area .td .checkbox {
  margin: 4px 0;
}
.card-list.todo-list li.panel {
  padding-bottom: 0px;
  padding-top: 0px;
}
.card-list.todo-list li.panel .panel-heading {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.card-list.todo-list li.panel .panel-collapse {
  padding: 15px;
}
a.member_area,
a.member_area:focus,
a.member_area:hover,
a.member_area:active {
  color: #24a09a;
}
a.member_area i.icon-member {
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.tab-content .area_branch,
.area_branch {
  padding: 0px;
}
.card-list .td.area_branch_icon i {
  font-size: 20px;
  color: #24a09a;
  font-weight: 600;
}
.area_branch {
  top: 54px;
  left: 0;
  width: 100%;
  height: calc(100vh - 160px);
  background: #ccc;
}
.area_branch .icon_location {
  position: absolute;
  background: url("./media/icon-location-62XNQGJ2.png") no-repeat center;
  background-size: 100%;
  width: 48px;
  height: 48px;
  bottom: 20px;
  right: 20px;
}
.area_branch .tooltip_location {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  position: absolute;
  width: 150px;
  line-height: 24px;
  font-size: 16px;
  padding: 10px 25px 10px 10px;
  color: #333333 !important;
  cursor: pointer;
  display: block;
  background: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
.area_branch .tooltip_location .icon_arrow,
.mydiv .icon_arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background: #4285f4 url("./media/iocn-arrow-7EKRRB4A.png") no-repeat center;
  background-size: 50%;
  top: 4px;
  right: 0px;
  position: absolute;
}
button.gm-ui-hover-effect {
  display: none;
}
.area_branch .tooltip_location:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 44px;
  right: 45%;
}
.rate_info {
  padding: 10px 0;
}
.rate_info small {
  color: #98a0a3;
}
.rate_info .radio .ui-radiobutton {
  margin-right: 0px;
}
.rate_info .radio label {
  padding-right: 0px;
}
.rate_info i.icon-refresh1 {
  font-size: 25px;
  color: #24a09a;
  display: inline-block;
  margin-top: 4px;
}
.card-list.todo-list .panel-collapse .idx_tr {
  margin: 0 -15px;
}
.card-list.todo-list li.panel .panel-collapse.bg_white {
  padding: 0 15px;
}
.panel-collapse.bg_white .idx_tr .div-tb {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
  margin-bottom: 0px;
}
.card .card-body .card-list .third_area {
  background: #ffffff;
  margin: 10px 0 0px;
  box-shadow: 0 2px 4px #e5e5e5;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
}
.card-title.total_sum {
  background: #e5f4f4;
  color: #324148;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  margin: 0 -15px;
}
.esun_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.icon_pib {
  background: url("./media/esun_icon_pib-EOAGKLDN.jpg") no-repeat;
  background-size: 40px;
}
.icon_aplus2 {
  background: url("./media/esun_icon_a+02-ZFHFXF3I.png") no-repeat;
  background-size: 40px;
}
.icon_aplus {
  background: url("./media/esun_icon_a+-ZUP563QZ.png") no-repeat;
  background-size: 40px;
}
.card-list.todo-list .div-tb {
  margin-bottom: 10px;
}
.div-tb-info-list .card-list.todo-list li {
  padding: 0px 15px;
}
.form-tab {
  margin-bottom: 20px;
}
.card-body .card-list li.arrow:after {
  padding-right: 15px;
}
body {
  -webkit-touch-callout: none;
}
.panel-body.load-panel-body {
  padding: 0px !important;
}
.panel-body.load-panel-body .card-body {
  background-color: #ffffff;
}
.pagination {
  width: 70% !important;
  margin: 0 auto;
}
.pagination .info {
  padding: 0;
  font-size: 18px;
  margin: 0;
}
.pagination .ui-state-disabled,
.ui-widget-content .ui-state-disabled {
  background-color: #ffffff;
}
.pop_Loading .modal-content {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
  border: none;
}
.checkboxArea label {
  width: 88%;
  vertical-align: top;
}
.radio {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
ul.card-list li .radio {
  border-bottom: none;
  margin-bottom: 0;
}
.panel-heading .radio {
  border-bottom: none;
}
.ui-dropdown,
.ui-dropdown.ui-state-default {
  border: none !important;
  border-radius: 0 !important;
}
.datepicker_cal .form-control {
  color: #333333;
}
.form-group .txt_info.txt_error {
  margin-left: 0px;
  margin-top: 4px;
}
.badge-money {
  display: inline-block;
  width: 200px;
}
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active.ui-state-disabled {
  background: #1bb0a7 !important;
  border: #1bb0a7 !important;
  opacity: 0.35;
}
.form-control[disabled] {
  cursor: default;
  opacity: 0.7 !important;
  background-color: #eeeeee !important;
  text-align: left !important;
}
.div-tb-info-list.txt_area_left .td.hd {
  width: 30%;
}
.icon-favorite-focus {
  color: #fcb214 !important;
  outline: none;
}
.form-group.for-select .input-group:before {
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  content: "\e916";
  font-size: 12px;
  color: #fff;
  top: 4px;
  z-index: 999;
  background: #24a09a;
  padding: 5px;
  width: 23px;
  height: 23px;
  text-align: center;
  border-radius: 20px;
  left: auto;
  right: 5px !important;
  line-height: 16px;
  pointer-events: none;
}
.form-group.for-select.date-icon .input-group:before {
  content: "\e91b";
  background: 0;
  padding: 0;
  color: #24a09a;
  font-size: 22px;
  top: 8px;
}
.card-list.rank-body li {
  transition-duration: 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.ui-dropdown,
.ui-dropdown.ui-state-default {
  padding-right: 32px;
}
.tab-pane .card-list .has-checkbox a.arrow,
.tab-pane .card-list li a.arrow,
.card-list li a.arrow {
  padding-right: 20px;
}
.tab-block .tab-content .tab-block {
  background-color: #c9dfe3;
}
.div-tb .td span {
  word-break: break-all;
}
.modal-backdrop.in.mask_light {
  opacity: 0;
}
.triangle .ui-dropdown,
.triangle .ui-dropdown.ui-state-default {
  background: transparent;
  padding-right: 0;
  margin-top: -2px;
}
.triangle .ui-dropdown label,
.triangle .ui-dropdown.ui-state-default label {
  padding-right: 0px;
}
.triangle .ui-dropdown-label {
  color: #ffffff;
  font-size: 16px;
}
.triangle .ui-dropdown .ui-dropdown-trigger.ui-state-default.ui-corner-right {
  display: none;
}
.ui-dropdown.ui-state-default.member_area {
  padding: 0px 0px 0px 24px;
  color: #24a09a;
}
.ui-dropdown.ui-state-default.member_area:before {
  content: "\e92c";
  font-family: "icomoon";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 6px;
}
.ui-dropdown.member_area label,
.ui-dropdown.ui-state-default.member_area label {
  color: #24a09a;
  padding-right: 2px;
}
.ui-dropdown.member_area .ui-dropdown-trigger.ui-state-default.ui-corner-right {
  display: none;
}
.tab-block.bg_green {
  background-color: #c9dfe3;
}
.div-tb-info-list .div-tb:first-child {
  margin-bottom: 10px;
}
.card-body .tab-content .tab-block.mg-15 .div-tb-info-list .div-tb:last-child,
.tab-block .tab-content .tab-block .div-tb-info-list .div-tb:last-child {
  margin-bottom: 0px;
}
.accordion-toggle .div-tb .td.gray:first-child {
  word-break: keep-all;
}
.accordion-toggle .div-tb .td.gray.rt:not(:first-child) {
  word-break: break-all;
}
.footer {
  height: 65px;
  background-color: #fff;
  padding: 20px 0;
}
.footer .btn_group {
  margin: 0px;
}
.footer .btn_group .btn {
  margin-bottom: 0px;
}
.footer_center {
  text-align: center;
  height: 40px;
  font-size: x-small;
}
.main_container.fix_layout {
  height: calc(100% - 141px);
  overflow-y: scroll;
}
.fix_layout .card {
  margin-bottom: 0;
}
.extra-table {
  width: 100%;
  border-collapse: collapse;
}
.extra-table th,
.extra-table td {
  border: 1px solid #333;
  padding: 5px;
}
.graphic_title {
  padding: 15px 5px;
  margin: 0 -15px;
  background-color: #eceff1;
  text-align: center;
}
.txt_error_area {
  text-align: center;
  padding-top: 20px;
}
.txt_error_area i {
  font-size: 20px;
  display: inline-block;
  color: #fc585b;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.txt_error_area .txt_error {
  color: #fc585b;
  font-size: 18px;
  position: relative;
}
#patternLock.patt-error .patt-circ.hovered {
  border: 1px solid #f58686;
  background: rgba(255, 176, 176, 0.5);
  box-shadow: 0 0 0 2px #fff;
}
#patternLock.patt-error .patt-dots {
  background: #ccc;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
#patternLock.patt-error .patt-lines {
  border-radius: 5px;
  height: 10px;
  background: rgba(255, 176, 176, 0.5);
  position: absolute;
  transform-origin: 5px 5px;
  -ms-transform-origin: 5px 5px;
  -webkit-transform-origin: 5px 5px;
}
.btn_other {
  padding: 10px 40px;
  text-align: center;
}
.btn_other li {
  display: inline-block;
  width: 48%;
  text-align: center;
}
.btn_other li.line-right {
  border-right: 1px solid #cccccc;
}
.btn_other .txt_link {
  color: #139797;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  text-decoration: none;
}
.select_lanuage {
  position: relative;
  text-align: right;
  margin: 30px 20px 0px 20px;
}
.select_lanuage a {
  color: #fff;
  display: inline-block;
}
.select_lanuage .triangle {
  font-size: 18px;
}
.select_lanuage .triangle:before {
  display: inline-block;
  font-family: "icomoon";
  content: "\e911";
  font-size: 10px;
  color: #fff;
  float: right;
  margin-left: 10px;
  margin-top: 4px;
}
.select_lanuage .ui-dropdown,
.select_lanuage .ui-dropdown.ui-state-default {
  background-color: transparent;
}
.select_lanuage .ui-dropdown-label {
  color: #fff;
}
.select_lanuage .ui-dropdown .ui-dropdown-trigger .fa::before {
  background-color: transparent;
}
.input-group.input-field-txt {
  border-bottom: 0px;
}
.input-field-txt .div-tb {
  margin-bottom: 0;
}
.input-field-txt .div-tb .td {
  vertical-align: middle;
}
.input-field-txt input.form-control {
  border-bottom: 1px solid #d9d9d9 !important;
}
.wid_140px {
  width: 140px;
}
.div-tb-info-list a.icon-modify {
  display: inline-block;
  padding-bottom: 0px;
  color: #139797;
  font-size: 22px;
  padding: 2px;
  vertical-align: middle;
}
.modal-content-area {
  padding: 15px;
}
.server-container {
  position: relative;
  padding: 0;
}
.server-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 10px;
  margin-top: 40px;
}
.server-item li:first-child {
  margin-bottom: 30px;
}
.server-item li a {
  display: inline-block;
  width: 25%;
  color: #324148;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  float: left;
}
.server-item li a i {
  color: #28c3b1;
  font-size: 32px;
  display: inline-block;
  margin-bottom: 10px;
}
.server-item li a img {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
}
.desc-block {
  padding: 15px;
  text-align: center;
  color: #e32930;
  font-size: 18px;
}
button {
  cursor: pointer;
  width: 100%;
}
.btn.disabled:focus,
.btn.disabled:active {
  outline: 0;
}
.btn {
  white-space: initial;
}
.btn.disabled {
  box-shadow: none;
}
.btn.disabled:hover {
  background: #eceff1;
  color: #566d77;
  border-color: #eceff1;
}
.div-tb .td span.en_nobreak,
.en_nobreak {
  word-break: break-word;
}
.alert.alert-info,
.alert.alert-warning {
  padding-left: 30px;
  position: relative;
}
.alert.alert-info i,
.alert.alert-warning i {
  position: absolute;
  top: 18px;
  left: 10px;
}
.alert-info,
.alert-warning {
  border: 1px solid transparent;
}
.verify_area {
  padding: 15px;
}
.verify_area input[type=text],
.verify_area .input-group {
  background: transparent;
}
.verify_area .btn_ara {
  text-align: center;
}
.verify_area .btn.btn-round.btn-primary {
  min-width: 120px;
  padding: 8px 12px;
  background-color: #129797;
  color: #fff;
  border: 1px solid #129797;
}
.verify_area .btn.btn-round.btn-primary:focus {
  background-color: #26a0a0;
  outline: 0;
}
.verify-badge {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
}
.panel-group.toggle-panel .panel-default .panel-heading a .verify-badge .icon-success {
  color: #28c3b1;
  font-size: 20px;
  position: relative;
  top: -2px;
}
.panel-group.toggle-panel.arrow-top .panel-default .panel-heading .accordion-toggle:after {
  top: 23px;
}
.verify_title,
.verify_content {
  margin: 0 -15px;
  padding: 0;
  border-bottom: 1px solid #dddddd;
}
.verify_content {
  background-color: #f7f7f7;
}
.statement-box {
  padding: 15px 15px 0px;
}
.statement-coneent {
  margin-bottom: 5px;
  height: 300px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  padding: 10px;
  overflow: none;
  overflow-y: scroll;
}
.statement-coneent .title_1 {
  margin-bottom: 10px;
  font-weight: 700;
}
.statement-coneent img {
  margin-bottom: 10px;
}
.statement-coneent .txt_Q .txt_link {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  font-size: 16px;
}
.statement-coneent .txt_link {
  font-size: 16px;
}
.statement-coneent .txt_Q .txt_i {
  display: none;
}
.statement_table {
  word-break: break-word;
}
.statement_table > tbody > tr > td {
  padding: 5px 0;
}
.app_block_table > tbody > tr > td:nth-child(2n) {
  margin-bottom: 10px;
}
.statement_table > tbody > tr > td:nth-child(2) td:nth-child(1) {
  white-space: nowrap;
}
.app_block_table > tbody > tr > td {
  display: block;
  width: auto;
  padding: 0;
}
.statement-coneent .txt_Q,
.statement-coneent .txt_A {
  padding: 5px 0;
}
.statement-coneent .txt_Q .circle_num:after {
  content: ".";
  display: inline-block;
  margin-right: 2px;
}
.b2c_wid_50per {
  width: 80%;
  margin-left: 20px;
}
.list_dot li {
  list-style-type: disc;
  margin-left: 30px;
}
.list_num li {
  list-style-type: decimal;
  margin-left: 30px;
}
.QA_area .txt_A li {
  margin-left: 20px;
}
.txt_A,
.txt_B {
  word-break: break-word;
}
.statement-coneent .sub_title {
  font-weight: 700;
}
#collapse13 .app_block_table > tbody > tr > td {
  display: table-cell;
  width: initial;
}
.mar_lt20 {
  margin-left: 20px;
}
.wid_10 {
  width: 10px;
}
.wid_15 {
  width: 15px;
}
.wid_20 {
  width: 20px;
}
.wid_25 {
  width: 25px;
}
.wid_30 {
  width: 30px;
}
.wid_35 {
  width: 35px;
}
.wid_40 {
  width: 40px;
}
.wid_60 {
  width: 60px;
}
.list_item {
  padding: 15px;
}
.icon_problem {
  background: url("./media/icon_problem-NOKZQKRP.png") no-repeat;
  background-size: 40px;
}
.mar_t16 {
  margin-top: 16px;
}
.fa-problem {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  background: url("./media/icon_problem_s-QPGXA6QW.png") no-repeat;
  background-size: cover;
  position: relative;
  bottom: 2px;
}
.btn.btn-round:active .fa-problem,
.btn.btn-round:hover .fa-problem {
  background: url("./media/icon_problem_s_hover-BLF6BV6M.png") no-repeat;
  background-size: cover;
}
.tab_two li {
  width: 50%;
  vertical-align: middle;
  height: 44px;
}
.tab_two > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1.2;
}
.select-radio {
  padding-left: 30px;
  padding-bottom: 10px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.select-radio .ui-radiobutton {
  position: absolute;
  left: 0px;
}
.radio.select-radio label {
  padding-right: 0px;
  margin-right: 0px;
  width: 100%;
}
.radio.select-radio .div-tb .td {
  padding-right: 10px;
}
.radio_title + .select-radio {
  padding-bottom: 0px;
}
.radio.select-radio + .radio.select-radio {
  margin-top: 0px;
}
.modal .modal-body.modal-scroll .card-list.select-option.select-currency-item li {
  padding-left: 15px;
  padding-right: 15px;
}
.select-currency-item a {
  text-align: left;
}
.currency-name {
  display: inline-block;
  margin-right: 8px;
  width: 40px;
}
.arrow-link {
  position: relative;
  padding-bottom: 0px !important;
}
.arrow-link:after {
  content: "\e919";
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  color: #b0bec5;
  right: 0px;
  top: 0px;
  z-index: 10;
}
.arrow-link .div-tb .td:last-child {
  padding-right: 24px;
}
.deposit-logo-panel {
  display: block;
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 10px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  padding-top: 0%;
  padding-bottom: 0%;
}
.img-link {
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  max-width: 100%;
  max-height: 100%;
}
.mar_bt10 {
  margin-bottom: 10px;
}

/* public/inc/css/module.css */
.word_area {
  clear: both;
  display: block;
  max-height: 200px;
  font-size: 14px;
  overflow: hidden;
  overflow-y: scroll;
  color: #444;
  border: 0px solid #dedede;
  padding: 5px;
  margin: 0px;
  border-radius: 5px;
}
.word_area .tit {
  display: block;
  font-size: 16px;
  color: #444;
  padding: 5px 0 0 0;
  line-height: 1.5em;
}
.word_area::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.word_area::-webkit-scrollbar-thumb {
  border-radius: 14px;
  background-color: rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3);
}
.word_area ol {
  padding-left: 0px;
}
.word_area li {
  font-size: 13px;
}
.info {
  padding-left: 10px;
  margin: 10px 0 20px 0;
}
.info .info-top {
  color: #7eb0b1;
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.info .info-tit {
  font-weight: bolder;
  font-size: 0.9rem;
}
.info ul,
.info ol {
  padding-left: 20px;
  margin-bottom: 5px;
}
.info li {
  line-height: 24px;
  background: none;
  font-size: 0.9rem;
}
.info ul li {
  list-style-type: disc;
}
.info ol li {
  list-style-type: decimal;
}
.form-group {
  padding: 20px 0 5px 0;
  clear: both;
  margin: 15px 0;
}
.form-group.reduse {
  margin: 25px 0;
}
.form-group .form_error {
  color: #fc585b;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 14px;
}
.form-group .form_info {
  font-size: 14px;
  color: #b0bec5;
}
.input-group {
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0px;
  background: #fff;
  width: 100%;
  table-layout: fixed;
}
.input-group.identify {
  table-layout: initial !important;
}
.input-group .title {
  color: #4D4D4D;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  top: -22px;
  left: 0px;
}
.input-group .title.show-fix {
  display: block !important;
}
.input-group .form-control {
  border: 0 !important;
  border-radius: 0;
  color: #324148;
  padding: 0;
}
.input-group .input-group-addon {
  background: #fff;
  border: 0;
  font-size: 15px;
}
.input-group .input-group-addon i {
  font-size: 20px;
}
.input-group.identify {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0px;
  padding: 0 0 5px 0;
}
.input-group.identify .identify-img {
  height: 30px;
  width: auto;
}
.input-group.identify .input-group-addon {
  padding: 0;
}
.input-group.identify .input-group-btn {
  padding: 0 0 0 5px;
}
.input-group.identify .input-group-btn a.btn {
  border: 0;
  padding: 0;
}
.input-group.identify .input-group-btn a.btn i {
  font-size: 28px;
  color: #24a09a;
}
.form-group.for-select {
}
.form-group.for-select .input-group .select-title {
  color: #4D4D4D;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  top: -18px;
  left: 0px;
}
.form-group.for-select .input-group .select-title span {
  margin-left: 4px;
}
.form-group.for-select .input-group:before {
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  content: "\e916";
  font-size: 12px;
  color: #fff;
  top: 4px;
  z-index: 999;
  background: #24a09a;
  padding: 5px;
  width: 23px;
  height: 23px;
  text-align: center;
  border-radius: 20px;
  left: auto;
  right: 5px !important;
  line-height: 16px;
  pointer-events: none;
}
.form-group.for-select .input-group input {
  text-align: center;
}
.form-group.for-select.date-icon .input-group {
  background: transparent;
  border-radius: 0;
}
.form-group.for-select.date-icon .input-group:before {
  content: "\e91b";
  background: none;
  padding: 0;
  color: #24a09a;
  font-size: 22px;
  top: 8px;
}
.form-group.for-select.date-icon .input-group input {
  background: transparent;
  box-shadow: none;
}
.form-title {
  color: #4D4D4D;
  font-size: 14px;
  margin-bottom: 10px;
}
.form-group-area {
  position: relative;
}
.form-group-area .form-group {
  margin-right: 100px;
}
.form-group-area .form-group .btn.btn-round,
.form-group-area .form-group .btn {
  position: absolute;
  right: 0px;
  top: 16px;
  height: 34px;
  min-width: 80px;
}
.btn.tb_btn {
  border: 1px solid #1bb0a7;
  background-color: #1bb0a7;
  color: #ffffff;
}
.btn.btn-round {
  border: 1px solid #139797;
  background-color: #ffffff;
  color: #139797;
  display: inline-block;
  padding: 5px 12px;
}
.btn.btn-round .link.link_area {
  color: #139797;
}
.btn i.fa {
  display: inline-block;
  margin-right: 4px;
}
.btn.btn-round:active,
.btn.btn-round:hover {
  color: #ffffff;
  box-shadow: none;
  background-color: #139797;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn.btn-round:active:focus,
.btn.btn-round:focus {
  outline: none;
  outline-offset: 0;
}
.tab-toggle {
  background: #f7f7f7;
  padding: 10px;
}
.tab-toggle ul.nav li {
  width: 50%;
  float: left;
}
.tab-toggle ul.nav.nav_three li {
  width: 33%;
}
.tab-toggle ul.nav li a {
  padding: 5px;
  display: block;
  color: #324148;
  font-weight: bolder;
  text-align: center;
  border: 1px solid transparent;
}
.tab-toggle ul.nav li a.tab-toggle-disabled {
  color: hsla(0, 0%, 76%, 1);
}
.tab-toggle ul.nav li.active a {
  background: #fff;
  border: 1px solid #24a09a;
  color: #24a09a;
}
.btn-select-option {
  width: 100%;
}
.btn-select-option .btn-default {
  border-radius: 0;
  border: 0;
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-select-option .btn-default:hover,
.btn-select-option .btn-default:focus,
.btn-select-option .btn-default:active {
  background: transparent;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  border-color: transparent;
  border-top: 1px solid #f1f1f1;
}
.btn-select-option .btn-default:focus {
  outline: none;
}
.btn-select-option .btn-default.active {
  background: #EEF8F7;
  color: #26a0a0;
  webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}
.btn-select-option .btn-default.label-title.active,
.btn-select-option .btn-default.label-title {
  background: #eceff1;
  color: #566d77;
  text-align: center;
  webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}
.btn-select-option .btn-default.active:hover {
  border-color: transparent;
}
.btn-select-option .btn-default.hover,
.btn-select-option .btn-default.focus {
  background: #e4f0f0;
  webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}
.btn-select-option .btn-default.focus {
  outline: none;
}
.search {
  padding: 20px;
  position: relative;
}
.search-input {
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  border: 0px;
  border-radius: 0px !important;
  border-bottom: 1px solid #d9d9d9 !important;
  background: #fff;
  width: 100%;
}
.search:before {
  content: "\e917";
  font-family: "icomoon";
  color: #24a09a;
  font-size: 18px;
  display: inline-block;
  font-weight: normal;
  position: absolute;
  top: 25px;
  left: 25px;
}
.search-block {
  background: #f0f2f4;
  padding: 15px;
}
.search-block .input-group {
  padding: 3px 0;
  border-color: #fff;
}
.search-block .input-group .form-control {
  padding-left: 0;
}
.search-block.bg-w {
  background: #fff;
}
.search-block.bg-w .input-group {
  border-color: #ccc;
}
.input-group-text .input-group-addon {
  font-size: 15px;
}
.input-group-text .input-group-addon:last-child {
  background: transparent;
}
.form-control {
  font-size: 16px;
  color: #324148;
}
.form-control:focus {
  border-color: #ccc;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.datepicker table tr td.active.active {
  color: #ffffff;
}
.form_choose {
  position: relative;
  display: inline-block;
  height: 20px;
  white-space: nowrap;
  font-weight: inherit;
  color: #adbaba;
  margin-bottom: 0;
  font-size: 1rem;
}
.form_choose.ct {
  text-align: center;
}
.form_choose.multi {
  margin: 15px 10px;
  color: #333;
  padding: 0 0 0 5px;
}
.form_choose.multi:first-of-type {
  margin-top: 15px;
}
.form_choose.multi:last-of-type {
  margin-bottom: 0px;
}
.form_choose-input {
  opacity: 0;
  width: 20px;
  margin: 0 !important;
}
.form_choose-input[type=checkbox]:not(old) + .form_choose-img,
.form_choose-input[type=radio]:not(old) + .form_choose-img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  z-index: 1;
  border: 1px solid #009e96;
  background: #fff;
  margin-right: 4px;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img {
  background: #009e96;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img:before,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 0.5rem;
  color: #fff;
  position: absolute;
  top: 1px;
  left: 3.5px;
  z-index: 2;
  line-height: 20px;
}
.bootstrap-select button {
  border-radius: 5px;
}
.bootstrap-select .btn-default span.caret {
  color: #fcb214;
  margin-left: 2px;
  border-top: 7px dashed;
  border-top: 7px solid \	;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.bootstrap-select > .dropdown-toggle {
  padding: 15px;
}
.bootstrap-select.wid_auto {
  width: auto !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 15px;
}
.form-control {
  border-color: #e5e5e5;
}
.input-group .input-group-output {
  margin-right: 8px;
}
.input-group.date {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.input-group.date .form-control {
  border: 0;
}
.input-group-addon:last-child {
  background: #f9f9f9;
  border-radius: 50px;
  border-width: 0 0 0 1px;
}
.form_group {
  margin: 8px 0;
  display: inline-block;
  width: 100%;
}
.form_group .form_error {
  color: #fc585b;
  text-align: right;
  margin-bottom: -10px;
  font-size: 14px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_group .form_info {
  color: #b0bec5;
  text-align: right;
  font-size: 14px;
}
.form_group i.txt {
  width: auto;
  padding: 8px 10px 5px 15px;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: bolder;
  color: #009e96;
}
.input_group {
  margin: 0px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  width: 100%;
  position: relative;
  display: table;
  border-radius: 0px;
  margin: 10px 0;
  padding: 0 0 10px 0px;
}
.input_group .title {
  color: #999999;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  top: -25px;
  left: 0px;
  color: #b0bec5;
}
.input_group input {
  flex-grow: 1;
  border-bottom: none;
  text-align: left;
  background: transparent;
  border: 0;
  font-size: 15px;
  padding: 0 15px;
  color: #324148;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  padding-right: 10px;
}
.input_group i {
  display: block;
  position: absolute;
  padding-left: 5px;
  top: 2px;
  right: 0px;
  height: 100%;
  width: 50px;
  font-size: 0.8rem;
}
.input_group i:before {
  position: relative;
  top: 12px;
  right: -15px;
}
.input_group .txt a {
  color: #009e96;
  font-weight: bolder;
}
.input_group.disabled {
  background: #f3f3f3;
}
.input_group.hasImg .flag {
  top: 3px;
}
.form_group .division_line {
  margin: 0 auto;
  width: 60%;
}
.input_group i.txt.addon {
  right: -200px;
  color: #37474f;
  transition: 0.15s;
  opacity: 0;
  font-size: 0.85rem;
  font-weight: normal;
}
.input_group .checkbox {
  position: absolute;
  margin: 0 0;
  right: 0;
  display: inline-block;
  float: right;
}
.input_group .checkbox .form_choose-input[type=checkbox]:not(old) + .form_choose-img {
  border-color: #e5e5e5;
  border-radius: 3px;
}
.form-control::-webkit-input-placeholder {
  color: #555555;
}
.form-control:-ms-input-placeholder {
  color: #555555;
}
.form-control::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.form-control:-moz-placeholder {
  color: #555555;
  opacity: 1;
}
.input_group input::-webkit-input-placeholder {
  color: #555555;
}
.input_group input:-ms-input-placeholder {
  color: #555555;
}
.input_group input::-moz-placeholder {
  color: #555555;
}
.input_group input:-moz-placeholder {
  color: #555555;
}
.has-error .input_group,
.has-error .input-group {
  border-bottom: 1px solid #fc585b !important;
}
.has-error .form_error {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.has-error .form-control {
  border-color: transparent;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.has-error .form-control:focus {
  border-color: transparent;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.has-focus .input_group,
.has-focus .input-group {
  border-bottom: 1px solid #28c3b1 !important;
}
.has-focus .form_error {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.switch_box {
  position: relative;
}
.switch_box > .txt {
  margin-left: 45px;
  display: block;
}
.switch_box > .txt + .switch {
  position: absolute;
  top: 6px;
}
.nodata_area {
  background: #f1f1f1;
  text-align: center;
  padding: 10px;
  color: #8f8f8f;
}
.nodata_area i {
  display: block;
  padding: 10px 0px 0px 0px;
  font-size: 25px;
  color: #c6c6c6;
}
.nodata_area p {
  display: block;
  padding: 10px;
  font-size: 14px;
  color: #a7a7a7;
}
.modal-backdrop {
  z-index: 9999;
}
.modal {
  z-index: 99999;
}
.modal.modal-favorite .modal-header:after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: -20px;
  right: 24px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.modal.modal-favorite .modal-scroll {
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar {
  width: 6px;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-track {
  webkit-border-radius: 0px;
  border-radius: 10px;
  background: transparent;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-thumb {
  opacity: 0.1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(18, 151, 151, 0.4);
}
.modal.modal-favorite .card-list li a {
  text-align: center;
  display: block;
  color: #24a09a;
}
ul.card-list.select-option {
  margin: 0 !important;
}
ul.card-list.select-option .active {
  background: #EEF8F7;
}
ul.card-list.select-option .active a {
  color: #26a0a0 !important;
}
.modal-scroll {
  max-height: 400px;
  overflow-y: auto;
}
.modal-scroll-sm {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 5px;
}
.overlay {
  opacity: 0.7;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: 0.3;
  background: black;
}
.overlay.open {
  transition: 0.4;
  visibility: visible;
  transition: 0.3;
}
.form-group.for-select .input-group.disabled .form-control {
  color: #b5bbbd;
}
.form-group.for-select .input-group.disabled:before {
  color: #b5bbbd;
}
.title_account {
  display: inline-block;
  width: 130px;
}
.load-pic {
  width: 100%;
  height: 100vh;
  background: #30b5c1 url("./media/Default-667h@iphone-RRIQHOLR.png") no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.label-title span.div-tb {
  margin-bottom: 0px;
}
#pNumber input {
  -webkit-text-security: disc;
  text-security: disc;
}
.form-group.for-select .input-group.disabled .form-control::placeholder {
  color: #BFBFBF;
}
.form-group.for-select .input-group.disabled:before {
  background-color: #BFBFBF;
  color: #fff;
}
.form-group.for-select .input-group .ui-dropdown.disabled .ui-dropdown-label {
  color: #BFBFBF;
}
.form-group.for-select .input-group .ui-dropdown.disabled .ui-dropdown-trigger .fa::before {
  background-color: #BFBFBF;
  color: #fff;
}
.user-mask .form-control {
  padding-right: 40px;
}
.eye-area {
  position: absolute;
  z-index: 12;
  right: 0;
  top: 0;
}
.eye-area {
  color: #24a09a;
  font-size: 18px;
  margin-right: 4px;
}
.content-info {
  padding-top: 15px;
  padding-bottom: 15px;
  max-height: 390px;
}
.content-info ol {
  padding-left: 40px;
}
.content-info .list_cjk {
  margin-top: 12px;
  margin-bottom: 12px;
}
.autocomplete-suggestion {
  text-align: left;
  font-size: 16px;
  white-space: normal;
  line-height: 20px;
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.autocomplete-suggestion b {
  color: #129797;
}
.autocomplete-suggestion small {
  display: inline-block;
  margin-top: 4px;
  color: #b0bec5;
}
.justify-content-between {
  display: flex;
  justify-content: space-between;
}
.form-group.has-icon {
  position: relative;
}
.has-icon .input-group .title {
  display: block;
  top: -36px;
}
.form-group.for-select.has-icon .input-group .select-title {
  top: -32px;
}
.form-title-icon,
.form-input-icon {
  display: inline-block;
  padding: 4px 6px;
  color: #139797;
  margin-left: 2px;
  font-size: 18px;
}
a:focus,
a:hover {
  color: #139797;
}
.txt-ellipsis .form-control {
  margin-right: 0px;
  padding-right: 30px;
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-group .form-control-ellipsis {
  line-height: 2;
  margin-right: 0px;
  padding-right: 30px !important;
  padding-left: 30px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textarea-title {
  display: block;
  color: #4D4D4D;
  font-size: 14px;
  margin-bottom: 8px;
  margin-right: 0px;
}
.textarea-group textarea {
  resize: none;
  width: 100%;
  outline: none;
  border: 1px solid #d9d9d9;
  padding: 6px;
  margin-bottom: 4px;
}
.radio_title + .txt_area.no_data {
  margin-top: 0px;
}
.radio-list {
}
.dis-flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.radio-list {
  flex-grow: 1;
  margin-right: 0px;
  margin-bottom: 0px;
}
.radio-list .div-tb {
  margin-bottom: 10px;
}
.radio-list .div-tb .hd {
  width: 44%;
}
.card-list-bg li:nth-child(odd) {
  background: #f7f7f7;
}
.card-list-bg li:last-child {
  border-top: 1px solid #e5e5e5;
}
.user-mask .eye-area {
  font-size: 20px;
}
.panel-select {
  display: flex;
  justify-content: space-between;
}
.panel-select a {
  padding: 15px;
  flex-basis: 50px;
  flex-shrink: 0;
  position: relative;
}
.panel-radio {
  padding: 15px 0 15px 15px;
  flex-grow: 1;
}
.panel-radio label {
  margin-right: 0px;
  margin-bottom: 0px;
  max-width: calc(100% - 34px);
  min-width: calc(100% - 34px);
}
.panel-group.toggle-panel .panel-default .panel-heading.panel-select .accordion-toggle:after {
  right: 0px;
  margin-top: 0px;
  top: 15px;
}
.full-radio-title {
  min-width: calc(100% + 30px);
  margin: 10px -15px;
}
.card-list-select {
  margin: -15px;
  padding: 0px;
}
.card-list-select:active,
.card-list-select:focus,
.card-list-select.active {
  background: #EEF8F7;
}
.card-list-select:active .div-tb .td.hd,
.card-list-select:active .div-tb .td,
.card-list-select:focus .div-tb .td.hd,
.card-list-select:focus .div-tb .td,
.card-list-select.active .div-tb .td.hd,
.card-list-select.active .div-tb .td {
  color: #26A0A0;
}
.card-list-select .div-tb {
  margin-bottom: 10px;
}
.item-list {
  margin: -15px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.item-list li:first-child .item-list-select {
}
.item-list-select {
  display: inline-block;
  width: 100%;
  padding: 15px 15px 0px 15px;
}
.item-list-select:active,
.item-list-select:focus,
.item-list-select.active {
  background: #EEF8F7;
}
.item-list-select:active .td,
.item-list-select:focus .td,
.item-list-select.active .td {
  color: #26A0A0;
}
.item-list-select-content {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.ti-sub {
  font-weight: 700;
}
.card-list a.icon-add {
  text-align: right;
  font-size: 18px;
  color: #139797;
  flex-shrink: 0;
  width: 30px;
  padding: 5px 8px 0px 8px;
}
.card-list a.icon-disabled {
  cursor: none;
  pointer-events: none;
  color: #cccccc;
}
.card-list.only-last-line li {
  border-bottom: none;
}
.card-list.only-last-line li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.txt-14 {
  font-size: 14px;
}
.txt-14 {
  font-size: 14px;
}
.txt-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-num li {
  list-style: decimal;
  margin-left: 20px;
  margin-bottom: 10px;
}

/* public/inc/css/modal.css */
.modal {
  text-align: center;
  padding: 0 !important;
}
.modal-content {
  box-shadow: none;
  z-index: 101;
  overflow: hidden;
}
.modal-backdrop {
  z-index: 9999;
}
.modal {
  z-index: 99999;
}
.modal-body div {
  word-wrap: break-word;
}
.modal-body ul.card-list.select-option li > a {
  padding: 6px 0px;
}
.modal-body .card-list li {
  padding: 10px;
}
.modal-body .card-list li div.td {
  color: #2c2c2c;
}
.modal-body .card-list.select-option li:active {
  color: #26a0a0;
}
.modal.modal-favorite .modal-header:after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: -20px;
  right: 24px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.modal.modal-favorite .modal-scroll {
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar {
  width: 6px;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-track {
  webkit-border-radius: 0px;
  border-radius: 10px;
  background: transparent;
}
.modal.modal-favorite .modal-scroll::-webkit-scrollbar-thumb {
  opacity: 0.1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(18, 151, 151, 0.4);
}
.modal.modal-favorite .card-list li a {
  text-align: center;
  display: block;
  color: #24a09a;
}
.modal-header .modal-title {
  color: #2c2c2c;
  font-weight: bolder;
}
.modal-header .close {
  display: inline-block;
  background: transparent;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 0;
  top: 0;
  opacity: 0.7;
}
.modal-header .close > span {
  display: none;
}
.close:before {
  content: "\e92e";
  font-family: "icomoon";
  color: #000000;
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
  position: relative;
  z-index: 9999;
  top: -7px;
  font-weight: normal;
}
.modal-header .close:focus {
  outline: none;
}
.modal-content {
  width: inherit;
  height: inherit;
  margin: 0;
  width: 100%;
}
.modal-footer {
  padding: 8px 10px;
  text-align: center;
}
.modal-footer .btn-group {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.modal-footer .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.modal-footer .btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.modal-footer .btn.btn-success {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-footer .btn-group-justified {
  display: block;
}
.modal-footer .submit_btn {
  border-radius: 40px;
  padding: 6px 20px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin: 0;
  outline: 0 !important;
}
.modal-footer .btn-group .btn:last-child:before {
  display: none;
}
.modal-footer a {
  display: inline-block;
  width: 49%;
  padding: 6px;
  float: none !important;
}
.modal-footer a.dis_block {
  display: block;
  width: 100%;
}
.modal-footer a.dis_block:nth-child(2) {
  margin-top: 5px;
}
.modal-footer a:only-child {
  width: 100%;
}
.modal-header .card-list.reduse {
  margin: 0 -15px;
}
.modal-for-select .modal-header {
  height: 0;
  padding: 0;
  border: none;
}
.modal-for-select .modal-header.show {
  height: auto;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-for-select .modal-header.show + .modal-body .card-list li:first-child {
  border-top: none;
}
.modal-for-select .modal-body {
  position: relative;
  padding: 0px;
  overflow-x: hidden;
  border-radius: 5px;
}
.modal-for-select .modal-body .btn-select-option {
  border-radius: 5px;
  overflow: hidden;
}
.modal-for-select .modal-body .btn-select-option .div-tb .td {
  white-space: normal;
}
.modal-for-select .modal-body ul.card-list.nav.select-option li .div-tb {
  margin-bottom: 0px;
}
ul.card-list.select-option {
  margin: 0 !important;
}
ul.card-list.select-option li > a {
  color: #2c2c2c;
  padding: 12px 2px;
  line-height: 20px;
}
.modal-body ul.card-list.select-option .active div.td {
  color: #26a0a0 !important;
}
ul.card-list.select-option li > a:hover {
  background: transparent;
}
ul.card-list.select-option li > a:after {
  display: none;
}
.modal-body .bulletin_area {
  padding-bottom: 10px;
}
.modal-body .bulletin_content {
  padding: 15px;
}
.modal-body .bulletin_content .txt_date,
.bulletin_content .txt_date {
  display: block;
  font-size: 13px;
  color: #b0bec5;
  padding-bottom: 10px;
}
.modal-body .bulletin_content .download_file,
.card .bulletin_content .download_file {
  text-align: center;
}
.modal-body .bulletin_content .download_file i,
.card .bulletin_content .download_file i {
  display: block;
  text-align: center;
  font-size: 40px;
  color: #28c3b1;
  margin: 15px 0;
}
.modal-scroll {
  overflow-y: auto;
}
.modal-scroll-sm {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 5px;
}
.overlay {
  opacity: 0.7;
  background: black;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: 0.3;
  background: black;
}
.overlay.open {
  transition: 0.4;
  visibility: visible;
  transition: 0.3;
}
.modal-message {
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}
.modal-message .msg-p {
  text-align: center;
}
.card .bulletin_area {
  padding-bottom: 10px;
}
.card .bulletin_title {
  border-bottom: 1px solid #e5e5e5;
  background-color: #eceff1;
  padding: 15px;
}
.card .bulletin_scroll {
  max-height: 280px;
  overflow: scroll;
}
.card .bulletin_content {
  padding: 15px;
}
.card .bulletin_content p.list_title {
  font-weight: bold;
}
.card .bulletin_content ul {
  margin-bottom: 10px;
}
.card .bulletin_content ul li {
  margin-left: 30px;
}
.password_title {
  margin: 0 -15px;
  background-color: #eceff1;
  padding: 5px 15px;
}
.message_title {
  font-size: 18px;
  padding: 20px 0;
  text-align: center;
  font-weight: 600;
}
.message_info {
  color: #999999;
  font-size: 14px;
  padding: 15px 0;
}
.inside_title {
  background: #f7f7f7;
  margin: 0 -15px;
  padding: 4px;
  padding: 0 15px;
  margin-top: 10px;
}
.modal-title-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title-icon .icon-menu_set {
  color: #1da29b;
  font-size: 22px;
}
.collapse_tb_inside {
  background-color: #f7f7f7;
  border-radius: 6px;
  padding: 10px 0px 0px 0px;
  overflow: hidden;
  margin-bottom: 10px;
}
.div-tb-info-list .div-tb .td.collapse_tb_arrow {
  padding-right: 22px;
}
.otp-area {
  margin: 20px;
  padding: 24px 6px;
  background: #f6fbfb;
  color: #2c2c2c;
}
.sub-title {
  margin: 16px 5px 8px 2px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  display: flex;
  align-items: baseline;
}
.otp-step:before {
  content: attr(data-step);
  width: 22px;
  height: 22px;
  display: inline-block;
  background: #777777;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  border-radius: 11px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
  margin-right: 4px;
}
.sub-text {
  font-size: 15px;
  letter-spacing: 1px;
  margin-left: 2px;
}
.sub-text img {
  vertical-align: sub;
}
.m-t15 {
  margin-top: 15px;
}
.m-b15 {
  margin-bottom: 15px;
}
.modal-full-width {
  width: 100% !important;
}

/* public/inc/css/theme.css */
:root {
  --lightgreen: #F5FBFB;
  --darkGreen: #009e96;
  --sidebarGreen: #F5FBFB;
  --dateBarGreen: #f5f6f6;
  --pressedbtnGreen: #2C8A18;
  --pressedbtnWordGreen: #AAD0A2;
  --iconGreen: #009e96;
  --inputBkGreen: #13893d;
  --footerGreen: #ECF2EC;
  --white: #ffffff;
  --black: rgba(55, 71, 79, 1);
  --wordGray: #adbaba;
  --wordDarkGray: #7f8b8d;
  --dateWord: #546E7A;
  --borderGray: #d7dadc;
  --disableGray: #d7dadc;
  --disableLightGray: #f5f5f5;
  --lightGray: #f5f6f6;
  --errorRed: #e65100;
  --unclearOrange: #ff8f00;
  --lightOrange: #fff6eb;
}

/* public/inc/css/state.css */
.tb_btn1[disabled],
.tb_btn1[disabled]:hover {
  border: 1px solid #ddd !important;
  background: #eaeaea !important;
  opacity: .5;
  color: rgba(159, 159, 159, 0.62) !important;
}

/* public/inc/css/zindex.css */
.float-component {
  z-index: 100;
}
.float-component {
  z-index: 900;
}

/* public/inc/css/comm.css */
.g-bg {
  background: -moz-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background: -webkit-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background:
    linear-gradient(
      to bottom,
      #4acfd1 1%,
      #34abb6 100%);
}
img {
  border: 0;
}
input:focus {
  outline: 0;
}
a {
  text-decoration: none;
}
p {
  display: block;
  margin-bottom: 10px;
}
.pos_relative {
  position: relative;
}
.pos_absolute {
  position: absolute;
}
small {
  font-size: small;
  line-height: 1.5em;
}
.txt_big {
  font-size: 25px;
  vertical-align: top;
}
.txt_h1 {
  font-weight: bolder;
  font-size: 20px;
}
.txt_h2 {
  font-weight: bolder;
  font-size: 18px;
}
.txt_h2_slim {
  font-size: 18px;
}
.txt_note {
  font-size: 15px;
  color: #879195;
}
.txt_note b {
  color: #7f8b8d;
}
.txt_imp {
  color: #fc585b;
}
.txt_green {
  color: #24a09a;
}
.txt_title {
  font-size: 18px;
  color: #879195;
  word-break: keep-all;
}
.txt_lt {
  text-align: left;
}
.txt_rt {
  text-align: right;
}
.txt_ct {
  text-align: center;
}
.txt_justify {
  text-align: justify;
}
.txt_nobreak {
  word-wrap: keep-all;
  white-space: keep-all;
  word-break: keep-all;
}
.inline-block {
  display: inline-block;
}
.lt {
  text-align: left !important;
}
.ct {
  text-align: center !important;
}
.rt {
  text-align: right;
}
.txt {
  display: block;
  padding: 5px;
  line-height: 22px;
}
.txt_star {
  color: #CC0607;
  font-weight: bolder;
}
.txt_negative {
  color: #939393;
}
.txt_info {
  color: #00a9ba;
  font-size: 13px;
}
.line_ht34,
.line_ht34 > div {
  line-height: 34px;
}
.line_ht_normal,
.line_hi_auto {
  line-height: normal;
}
.txt_percent {
  font-weight: bolder;
  color: #00a9ba;
}
.txt_normal {
  font-weight: normal;
}
.txt_ss {
  font-size: x-small;
  line-height: normal;
}
.txt_s {
  font-size: smaller;
  line-height: normal;
}
.txt_b {
  font-size: 15px;
  line-height: normal;
}
.txt_bb {
  font-size: x-large;
  line-height: 1.5em;
}
.txt_blue {
  color: #00a9ba;
}
.txt_purple {
  color: #c525a3;
}
.txt_green {
  color: #24a09a;
}
.txt_yellow {
  color: #fcb214;
}
.txt_white {
  color: #ffffff;
}
.txt_gray {
  color: #324148;
}
.txt_lightgray {
  color: #98A0A3;
}
.txt_black {
  color: #444;
}
.txt_red {
  color: #e32930 !important;
}
.txt_ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.txt_balance {
  text-align: right;
  font-size: 13px;
  color: #8c8b8b;
  line-height: 22px;
  padding: 3px 0 0 0;
}
.txt_time {
  color: #333;
}
.list_cjk li {
  list-style-type: cjk-ideographic;
}
.list_num li {
  list-style-type: decimal;
}
.list_dot li {
  list-style-type: disc;
}
.list_abc li {
  list-style-type: lower-alpha;
}
.list_ABC li {
  list-style-type: upper-alpha;
}
.list_non li {
  list-style-type: none;
}
.msg_error {
  margin: 2px 1px 1px 1px;
  font-size: 14px;
  border-radius: 5px;
  text-align: left;
  line-height: 1.3em;
  color: #C00;
  padding: 4px;
  background: #FFF1F1;
}
.msg_error i {
  margin: 0 2px;
}
.msg_warnings {
  color: #fff;
  background-color: #00a9ba;
  border-radius: 50px;
  line-height: 24px;
  padding: 1px 10px;
  font-size: 13px;
  display: inline-block;
}
.msg_info {
  color: #fff;
  background-color: #00a9ba;
  border-radius: 50px;
  line-height: 24px;
  padding: 1px 10px;
  font-size: 13px;
  display: inline-block;
}
.border_1 {
  border: 1px solid #f1f1f1;
}
.border_0 {
  border: 0;
}
.border_radius_8 {
  border-radius: 8px;
}
.card_box_shadow {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.18);
}
.dis_inlineblock {
  display: inline-block;
  margin-bottom: 4px;
}
.dis_block,
.is-show {
  display: block;
}
.dis_hide,
.hide,
.is-hide {
  display: none;
}
.wid_100per {
  width: 100%;
}
.wid_90per {
  width: 90%;
}
.wid_80per {
  width: 80% !important;
}
.wid_75per {
  width: 75%;
}
.wid_70per {
  width: 70%;
}
.wid_65per {
  width: 65%;
}
.wid_60per {
  width: 60%;
}
.wid_50per {
  width: 50%;
}
.wid_55per {
  width: 55%;
}
.wid_49per {
  width: 49%;
}
.wid_48per {
  width: 48%;
}
.wid_45per {
  width: 45% !important;
}
.wid_44per {
  width: 44%;
}
.wid_43per {
  width: 43%;
}
.wid_42per {
  width: 42%;
}
.wid_40per {
  width: 40%;
}
.wid_38per {
  width: 38% !important;
}
.wid_35per {
  width: 35% !important;
}
.wid_32per {
  width: 32% !important;
}
.wid_30per {
  width: 30% !important;
}
.wid_28per {
  width: 28% !important;
}
.wid_25per {
  width: 25% !important;
}
.wid_20per {
  width: 20% !important;
}
.wid_18per {
  width: 18% !important;
}
.wid_15per {
  width: 15% !important;
}
.wid_12per {
  width: 12%;
}
.wid_10per {
  width: 10%;
}
.wid_8per {
  width: 8% !important;
}
.wid_5per {
  width: 5% !important;
}
.wid_4per {
  width: 4% !important;
}
.wid_20px {
  width: 20px;
}
.wid_100px {
  width: 100px;
}
.wid_120px {
  width: 120px !important;
}
.wid_100px {
  width: 100px;
}
.wid_170px {
  width: 170px;
}
.wid_150px {
  width: 150px;
}
.wid_250px {
  width: 250px;
}
.wid_150px {
  width: 150px;
}
.wid_130px {
  width: 130px;
}
.wid_120px {
  width: 120px;
}
.wid_100px {
  width: 100px !important;
}
.wid_90px {
  width: 90px !important;
}
.wid_80px {
  width: 80px !important;
}
.wid_70px {
  width: 70px !important;
}
.wid_65px {
  width: 65px !important;
}
.wid_60px {
  width: 60px !important;
}
.wid_50px {
  width: 50px !important;
}
.wid_45px {
  width: 45px;
}
.wid_40px {
  width: 40px !important;
}
.wid_35px {
  width: 35px;
}
.wid_30px {
  width: 30px;
}
.wid_25px {
  width: 25px;
}
.wid_15px {
  width: 15px;
}
.wid_10px {
  width: 10px;
}
.wid_5px {
  width: 5px;
}
.ht_85px {
  height: 85px;
}
.ht_65px {
  height: 65px;
}
.ht_270px {
  height: 270px;
}
.mt-90 {
  margin-top: -90px !important;
}
.mt-40 {
  margin-top: -40px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mg-15 {
  margin: -15px -15px 0 -15px !important;
}
.mtb15-mlr-15 {
  margin: 15px -15px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.min_ht_90 {
  min-height: 90px;
}
.pad_top0 {
  padding-top: 0px !important;
}
.pad_top10 {
  padding-top: 10px !important;
}
.pad_top15 {
  padding-top: 15px !important;
}
.pad_top20 {
  padding-top: 20px !important;
}
.pad_top30 {
  padding-top: 30px !important;
}
.pad_btm0 {
  padding-bottom: 0px !important;
}
.pad_btm10 {
  padding-bottom: 10px !important;
}
.pad_btm30 {
  padding-bottom: 30px !important;
}
.pad_L55 {
  padding-left: 55px;
}
.pad_0 {
  padding: 0px !important;
}
.pad_5 {
  padding: 5px !important;
}
.pad_8 {
  padding: 8px !important;
}
.pad_10 {
  padding: 10px !important;
}
.pad_15 {
  padding: 15px !important;
  clear: both;
}
.pad_15px {
  padding: 15px;
}
.pad_R0 {
  padding-right: 0px !important;
}
.pad_R35 {
  padding-right: 35px !important;
}
.pad_RL15px {
  padding: 0px 15px;
}
.pad_RL20px {
  padding: 0px 20px;
}
.fix-pad5 {
  padding: 0 5px !important;
}
.fix-pad10 {
  padding: 0 10px !important;
}
.fix-pad15 {
  padding: 0 15px !important;
}
.mar_btm0 {
  margin-bottom: 0;
}
.bg_gray {
  background: #f1f1f1 !important;
}
.bg_white {
  background: #fff !important;
}
.bg_lightgreen {
  border: 3px solid #5EC3BE !important;
}
.height_65vh {
  height: calc(100vh - 200px);
}
.Fixed_w td,
.Fixed_w.idx_td,
.Fixed_w .idx_td {
  word-break: break-all;
  word-wrap: break-word;
}
.txt_nobreak {
  word-wrap: keep-all !important;
  white-space: keep-all !important;
  word-break: keep-all !important;
}
.txt_nowrap {
  white-space: nowrap;
}
.tb_container .td,
.tb_container .td div,
.tb_container .td span,
li,
li span,
li div {
  word-break: normal;
  word-wrap: break-word;
}
.demolink {
  padding: 20px 0;
  font-size: 13px;
  color: #B4B4B4;
  margin-bottom: 0;
  display: block;
  text-align: center;
}
.demolink a,
.demolink a:hover {
  display: inline-block;
  color: #B4B4B4;
  margin: 0 10px;
  font-size: 13px;
  line-height: 30px;
}
.div-tb {
  display: table;
  width: 100%;
}
.div-tb .td,
.div-tb .div-td {
  display: table-cell;
  vertical-align: top;
  padding: 0px;
  line-height: 22px;
  word-break: break-word;
  padding: 0 1px;
}
.div-tb .td.rt strong {
  font-weight: normal;
}
.hd .panel-body .div-tb .td.rt strong {
  font-weight: bolder;
}
.vtop {
  vertical-align: top !important;
}
.vmid {
  vertical-align: middle !important;
}
.vbot {
  vertical-align: bottom !important;
}
.mid-line {
  position: relative;
}
.mid-line:before {
  content: "";
  position: absolute;
  display: inline-block;
  height: 56px;
  top: 0px;
  left: 50%;
  width: 1px;
  z-index: 9;
  background: #e5e5e5;
}
.border_bottom {
  border-bottom: 1px solid #e5e5e5 !important;
}
.mb_border_none {
  border-bottom: none;
}
.flag {
  width: 31px;
  height: 20px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}
.flag.usd {
  background: url("./media/usd-PB6HWBIZ.png") no-repeat left top;
  background-size: 100%;
}
.flag.aud {
  background: url("./media/aud-2GGIDYTB.png") no-repeat left top;
  background-size: 100%;
}
.flag.cad {
  background: url("./media/cad-P6B5IWJT.png") no-repeat left top;
  background-size: 100%;
}
.flag.chf {
  background: url("./media/chf-55LAKOYS.png") no-repeat left top;
  background-size: 100%;
}
.flag.cny {
  background: url("./media/cny-SR4WFBQ5.png") no-repeat left top;
  background-size: 100%;
}
.flag.dkk {
  background: url("./media/dkk-MPZ5KV6D.png") no-repeat left top;
  background-size: 100%;
}
.flag.eur {
  background: url("./media/eur-XK3T2O7G.png") no-repeat left top;
  background-size: 100%;
}
.flag.gbp {
  background: url("./media/gbp-XFTSZTXN.png") no-repeat left top;
  background-size: 100%;
}
.flag.hkd {
  background: url("./media/hkd-EI6CVXJJ.png") no-repeat left top;
  background-size: 100%;
}
.flag.jpy {
  background: url("./media/jpy-ZFCC2QOS.png") no-repeat left top;
  background-size: 100%;
}
.flag.nzd {
  background: url("./media/nzd-XBI2ECGC.png") no-repeat left top;
  background-size: 100%;
}
.flag.sek {
  background: url("./media/sek-MB3WAP3F.png") no-repeat left top;
  background-size: 100%;
}
.flag.sgd {
  background: url("./media/sgd-TOOK6MXE.png") no-repeat left top;
  background-size: 100%;
}
.flag.thb {
  background: url("./media/thb-2IIYGBAT.png") no-repeat left top;
  background-size: 100%;
}
.flag.try {
  background: url("./media/try-WLGEVSQ6.png") no-repeat left top;
  background-size: 100%;
}
.flag.twd {
  background: url("./media/twd-ASQBF6ED.png") no-repeat left top;
  background-size: 100%;
}
.flag.zar {
  background: url("./media/zar-XC3TVMEK.png") no-repeat left top;
  background-size: 100%;
}
.flag.mxn {
  background: url("./media/mxn-LENUSGMH.png") no-repeat left top;
  background-size: 100%;
}
.card-list li.line_bottom,
.line_bottom {
  border-bottom: 1px solid #e5e5e5;
}
.card-list li.line_top,
.line_top {
  border-top: 1px solid #e5e5e5;
}
.p-20 {
  padding: 20px;
}
.overflow-y-auto {
  overflow-y: auto;
}

/* public/inc/css/size.css */
.g-bg {
  background: -moz-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background: -webkit-linear-gradient(top, #4acfd1 1%, #34abb6 100%);
  background:
    linear-gradient(
      to bottom,
      #4acfd1 1%,
      #34abb6 100%);
}
@media (max-width: 768px) {
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 480px) {
}
@media (max-width: 430px) {
}
@media (max-width: 414px) {
  .card.mb-0 {
    margin-bottom: 0px;
  }
  .card.mb-50 {
    margin-bottom: 40px;
  }
}
@media (min-width: 414px) {
  .login-form:before {
    bottom: -10%;
  }
}
@media (max-width: 375px) {
  .badge-money {
    display: inline-block;
    width: 192px;
    font-size: 15px;
  }
  .badge-balance {
    font-size: 13px;
  }
  .badge-c {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 0px;
  }
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
  body.menu-open .body-wrap {
    left: 65%;
    overflow: hidden;
  }
  .tab-block .div-tb-info-list .div-tb .td.small {
    font-size: 14px;
  }
  .menu-overlay {
    left: 75%;
  }
  .side_menu_welcome {
    margin-bottom: 10px;
    padding: 20px 0 0 20px;
  }
  .side_menu_holder {
    min-width: 75%;
  }
  ul.login-quick-link {
    margin-top: 30px;
    padding: 0 5px;
  }
  ul.login-quick-link li a {
    font-size: 15px;
  }
  .login-notice {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .vision .col-xs-7,
  .vision .col-xs-5 {
    font-size: 13px;
  }
  .owl-theme .owl-dots {
    margin-top: 10px;
  }
  .tab-block .div-tb-info-list .div-tb .td {
    font-size: 14px;
  }
  .tab-pane .div-tb-card-list .div-tb .td {
    font-size: 14px;
  }
  .modal-scroll {
    max-height: 400px;
  }
  .panel-collapse table.table.table-bordered td,
  table.table.table-bordered td {
    padding: 4px;
  }
  .card-list li.pad_5 div.td {
    font-size: 14px;
  }
  .div-tb .td,
  .div-tb .div-td {
    font-size: 14px;
  }
  .title_account {
    width: 110px;
  }
  .load-pic {
    background: #30b5c1 url("./media/Default-568h@2xiphone-ZJKAYIAH.png") no-repeat;
    background-size: 100%;
  }
  .load-panel-body div,
  .load-panel-body p,
  .laod-panel-body table td,
  .load-panel-body strong {
    font-size: 14px;
  }
  .load-panel-body div div div:first-child table td {
    font-size: 13px;
  }
  .load-panel-body div table td {
    font-size: 14px;
    word-break: break-all;
  }
  .load-panel-body p:first-child {
    font-size: 16px;
  }
  .load-panel-body p:last-child {
    font-size: 13px;
  }
  .badge-money {
    display: inline-block;
    width: 166px;
    font-size: 13px;
  }
  .badge-balance {
    font-size: 13px;
  }
  .badge-c {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 0px;
  }
  .pattern-hold {
    height: 270px;
  }
  .card.mb-0 .form-group {
    margin: 10px 0;
  }
  .card.mb-0 .btn_group.mb30 {
    margin: 15px 0 30px 0px !important;
  }
  ul.server-item {
    margin-top: 30px;
    padding: 0 5px;
  }
  ul.server-item li a {
    font-size: 15px;
  }
  .server-item li:first-child {
    margin-bottom: 20px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .load-panel-body p:first-child {
    font-size: 18px;
  }
  .load-panel-body div div div:first-child table td {
    font-size: 14px;
  }
  .load-panel-body div table td {
    word-break: break-all;
  }
  .pattern-hold {
    height: 320px;
  }
}
@media screen and (max-height: 620px) {
}
@media (min-width: 1170px) {
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .login-pic {
    background-size: 125%;
    background-position: center;
  }
  .card .card-body.device-iphonex {
    height: 50vh;
  }
  .login-form:before {
    bottom: 0%;
  }
}
@media screen and (min-height: 812px) {
  .login-pic {
    height: 44vh;
  }
  .load-pic {
    background: #30b5c1 url("./media/Default-812hv2@iphone-2VF5QLZL.png") no-repeat;
    background-size: 100%;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .load-pic {
    background: #30b5c1 url("./media/Default-812hv2@iphone-2VF5QLZL.png") no-repeat;
    background-size: 100%;
  }
}
@media (max-width: 374px) {
  .card.mb-0 .form-group {
    margin: 10px 0;
  }
  .card.mb-0 .btn_group.mb30 {
    margin: 15px 0 30px 0px !important;
  }
}
@media (min-width: 470px) and (max-width: 767px) {
  .login-pic:after {
    height: 75px;
    bottom: -25px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .login-pic:after {
    height: 95px;
    bottom: -30px;
    left: -2%;
  }
}

/* public/inc/css/components/accordion/accordion.css */
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  padding: .5em .5em .5em 2em;
}
.ui-accordion .ui-accordion-header .fa {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -.5em;
}
.ui-accordion .ui-accordion-content {
  padding: 1em;
  border-top: 0;
  overflow: visible;
  zoom: 1;
}
.ui-accordion .ui-accordion-header.ui-state-disabled,
.ui-accordion .ui-accordion-header.ui-state-disabled a {
  cursor: default;
}
.ui-accordion-content-wrapper-overflown {
  overflow: hidden;
}
.ui-accordion .ui-accordion-header {
  background: transparent;
  box-shadow: none;
}
.ui-accordion .ui-accordion-header.ui-state-default {
  margin-bottom: 2px;
  border: 1px solid #E5E5E5;
}
.ui-accordion .ui-accordion-header.ui-state-active {
  margin-bottom: 1px;
}
.ui-accordion .ui-accordion-header .ui-icon {
  display: none;
}
.ui-accordion .ui-accordion-header.ui-state-default a {
  padding: 8px 15px;
  color: #0088CC;
}
.ui-accordion .ui-accordion-header a:hover {
  color: #005580;
}
.ui-accordion .ui-accordion-content.ui-widget-content {
  padding: 9px 15px;
}

/* public/inc/css/components/button/button.css */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  border-radius: 100px;
}
.ui-button-icon-only {
  width: 2em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.25em 1em;
}
.ui-button-icon-only .ui-button-text {
  padding: 0.25em;
  text-indent: -9999999px;
}
.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 1em 0.25em 2.1em;
}
.ui-button-text-icon-right .ui-button-text {
  padding: 0.25em 2.1em 0.25em 1em;
}
.ui-button-icon-only .fa,
.ui-button-text-icon-left .fa,
.ui-button-text-icon-right .fa {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}
.ui-button-icon-only .fa {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.6em;
}
.ui-button-icon-left {
  left: 0.5em;
}
.ui-button-icon-right {
  right: 0.5em;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 0;
}
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-fluid .ui-button {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
  padding-left: 1em;
  padding-right: 1em;
}
.ui-fluid .ui-buttonset {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
  width: 50%;
}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
  width: 33.3%;
}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
  width: 25%;
}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
  width: 20%;
}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
  width: 16.6%;
}
@media (max-width: 640px) {
  .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
    width: 100%;
  }
}
.ui-button.ui-button-secondary.ui-state-default {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #373a3c;
}
.ui-button.ui-button-secondary:enabled:hover,
.ui-button.ui-button-secondary:focus {
  background-color: #f2f2f2;
}
.ui-button.ui-button-secondary:enabled:active {
  background-color: #e6e6e6;
}
.ui-button.ui-button-success.ui-state-default {
  background-color: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}
.ui-button.ui-button-success:enabled:hover,
.ui-button.ui-button-success:focus {
  background-color: #4cae4c;
}
.ui-button.ui-button-success:enabled:active {
  background-color: #449d44;
}
.ui-button.ui-button-info.ui-state-default {
  background-color: #5bc0de;
  border-color: #5bc0de;
  color: #ffffff;
}
.ui-button.ui-button-info:enabled:hover,
.ui-button.ui-button-info:focus {
  background-color: #46b8da;
}
.ui-button.ui-button-info:enabled:active {
  background-color: #31b0d5;
}
.ui-button.ui-button-warning.ui-state-default {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #ffffff;
}
.ui-button.ui-button-warning:enabled:hover,
.ui-button.ui-button-warning:focus {
  background-color: #eea236;
}
.ui-button.ui-button-warning:enabled:active {
  background-color: #ec971f;
}
.ui-button.ui-button-danger.ui-state-default {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #ffffff;
}
.ui-button.ui-button-danger:enabled:hover,
.ui-button.ui-button-danger:focus {
  background-color: #d43f3a;
}
.ui-button.ui-button-danger:enabled:active {
  background-color: #c9302c;
}
.btn {
  border: 1px solid #ddd;
}
.btn:focus {
  outline: 0px;
}
.btn_box {
  display: block;
  clear: both;
  padding: 20px 0 20px 0;
  text-align: center;
  font-size: 13px;
  color: #ccc;
}
.btn_box a,
.btn_box button {
  margin: 0 4px 3px 4px;
}
.btn {
  background: #fff;
  color: #333;
}
.submit_btn {
  border-radius: 30px;
  padding: 6px 20px;
  color: #fff;
  background-color: rgb(0, 158, 150);
  font-size: 15px;
  display: inline-block;
  width: auto;
  min-width: 80px;
  text-align: center;
  border: 2px solid #009e96;
  margin: 0 3px;
  outline: 0 !important;
}
.submit_btn:hover {
  color: #fff;
}
.submit_btn:active {
  background: rgba(0, 158, 150, 0.6);
}
.submit_btn.reset {
  color: #333;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
}
.submit_btn.cancel {
  color: rgba(0, 158, 150, 0.6);
  border: 1px solid rgba(0, 158, 150, 0.6);
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
}
.submit_btn:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.ui-widget-content .submit_btn {
  color: #fff;
}
.ui-widget-content .btn_box .submit_btn.reset {
  color: #333;
}
.ui-button.ui-corner-all {
  border-radius: 100px;
  background: #1bb0a7;
  border: 0;
  text-shadow: none;
  padding: 3px 0;
  color: #fff;
}
.btn_i {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 100px;
  line-height: 44px;
  text-align: center;
  display: inline-block;
  min-width: 30px;
}
.btn_i i {
  font-size: 12px;
  line-height: normal;
  color: #009e96;
}
.btn_i.backward i {
  transform: rotate(-180deg);
}
.tb_btn1,
.btn_switch {
  text-align: center;
  margin-bottom: 3px;
  color: #333;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
}
.tb_btn1:hover,
.Untb_btn1:hover {
  background-color: #009e96 !important;
  border: 1px solid #009e96;
  background: none;
  color: #ffffff;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.Untb_btn1 {
  text-align: center;
  min-width: 35px;
  margin-bottom: 3px;
  color: #333;
  border: 1px solid #ffffff;
  background: none;
}
.tb_btn1.disabled,
.tb_btn1.disabled:hover {
  text-align: center;
  min-width: 35px;
  margin-bottom: 3px;
  color: #333;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
  cursor: default;
  opacity: 0.5;
}
.Untb_btn1.disabled,
.Untb_btn1.disabled:hover {
  text-align: center;
  min-width: 35px;
  margin-bottom: 3px;
  color: #333;
  border: none;
  background: #ffffff !important;
  cursor: default;
  opacity: 0.5;
}
.circle-button i {
  font-weight: lighter;
  font-size: 26px;
  color: #009e96;
  transition-duration: 0.2s;
  cursor: pointer;
}
.circle-button i:hover {
  opacity: 0.8;
  color: #009e96;
}
.btn {
  padding: 4px 12px;
}
.btn_i {
  min-width: 32px !important;
  max-width: 36px !important;
  min-height: 26px !important;
  max-height: 28px !important;
  padding: 3px 8px !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.btn_i i {
  font-size: 12px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
.ui-paginator .btn_i,
.pagination .btn_i,
.tb_paginator .btn_i {
  min-width: 32px !important;
  max-width: 36px !important;
  min-height: 26px !important;
  max-height: 28px !important;
  padding: 3px 8px !important;
  margin: 0 1px !important;
}
.btn_i.ui-state-disabled {
  min-width: 32px !important;
  max-width: 36px !important;
  min-height: 26px !important;
  max-height: 28px !important;
  opacity: 0.6 !important;
}
.btn_i.hidden-sm {
  min-width: 32px !important;
  max-width: 36px !important;
  min-height: 26px !important;
  max-height: 28px !important;
}
.ui-paginator,
.pagination,
.tb_paginator {
  line-height: 1.2 !important;
  min-height: 30px !important;
  max-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.puidialog .ui-paginator,
.puidialog .pagination,
.puidialog .tb_paginator {
  white-space: nowrap !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  width: 100% !important;
  justify-content: flex-end !important;
}
.puidialog .ui-paginator .btn_i,
.puidialog .pagination .btn_i,
.puidialog .tb_paginator .btn_i {
  margin: 0 0.5px !important;
  min-width: 28px !important;
  max-width: 30px !important;
  padding: 3px 6px !important;
}
.puidialog .ui-paginator .ui-paginator-page,
.puidialog .ui-paginator .ui-dropdown {
  margin: 0 2px !important;
  font-size: 13px !important;
}
.puidialog .ui-paginator .ui-paginator-current,
.puidialog .pagination .pagination-info {
  font-size: 12px !important;
  margin: 0 4px !important;
  white-space: nowrap !important;
}
.puidialog .modal_area {
  overflow-x: scroll !important;
  overflow-y: auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
.puidialog .modal_area table,
.puidialog .modal_area .ui-datatable,
.puidialog .modal_area datagridex,
.puidialog .modal_area .tb_sin {
  white-space: nowrap !important;
}
.puidialog .ui-datatable-paginator {
  min-width: 400px !important;
  overflow-x: auto !important;
}
@media (max-width: 600px) {
  .puidialog .btn_i.hidden-sm {
    display: none !important;
  }
  .puidialog .ui-paginator .ui-paginator-current {
    display: none !important;
  }
  .puidialog .modal_area * {
    flex-shrink: 0 !important;
    min-width: 600px;
  }
}

/* public/inc/css/components/calendar/calendar.css */
.ui-calendar {
  position: relative;
  display: inline-block;
}
.ui-calendar button {
  position: absolute;
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-fluid .ui-calendar {
  width: 100%;
}
.ui-datepicker {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.ui-datepicker-trigger {
  font-family: "icomoon";
  position: absolute;
  content: "\e91b";
  background: 0;
  padding: 0;
  color: #24a09a;
  font-size: 22px;
  top: 8px;
  left: auto;
  right: 5px !important;
  z-index: 999;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 16px;
}
.ui-datepicker-trigger::before {
  content: "\e91b";
  background: 0;
  padding: 0;
  color: #24a09a;
  font-size: 22px;
  top: 8px;
  left: auto;
  right: 5px !important;
  line-height: 16px;
  z-index: 999;
  display: inline-block;
  font-family: "icomoon";
}
.datepicker_cal {
  position: relative;
  display: inline-block;
}
.datepicker_cal .form-control {
  border-color: #d7dadc;
}
.ui-datepicker table th,
.ui-datepicker table td {
  background: #fff !important;
  padding: 1px !important;
  border: none !important;
  font-size: 1em;
}
.ui-datepicker table td a.ui-state-default,
.ui-datepicker table td a.ui-widget-content.ui-state-default,
.ui-datepicker .ui-datepicker-header {
  background: #fff;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}
.ui-datepicker table td a {
  text-align: center;
}
.ui-datepicker table td a.ui-state-default.ui-state-highlight {
  color: #1BB0A7;
}
.ui-datepicker table td a.ui-state-default.ui-state-active.ui-state-highlight,
.ui-datepicker table td a.ui-state-default.ui-state-active {
  background: #1BB0A7;
  color: #fff;
  border-radius: 30px;
}
.datepicker,
.datepicker .table-condensed {
  width: 100%;
}
.ui-datepicker.ui-widget-content {
  border: 0;
  width: 100%;
  box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
  background: #fff;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  position: relative;
  padding: .2em 0;
}
.datepicker_cal .form-control {
  display: inline-block;
  border: none;
  box-shadow: none;
  width: 100%;
  border-radius: 0;
  line-height: 30px;
  color: #333333;
}

/* public/inc/css/components/checkbox/checkbox.css */
.ui-chkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
}
.ui-chkbox .ui-chkbox-box,
.ui-chkbox .ui-chkbox-box.ui-state-default {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  z-index: 1;
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: none;
}
.ui-chkbox .ui-chkbox-box.ui-state-disabled {
  background: #d7dadc;
  border: 1px solid #d7dadc;
}
.ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #1bb0a7 !important;
  border: #009e96 !important;
}
.ui-chkbox .ui-chkbox-icon.ui-state-active {
  line-height: inherit;
  display: block;
  background: #1bb0a7;
  border: #009e96;
  border-radius: 5px;
}
.ui-chkbox-label {
  vertical-align: middle;
}
.ui-chkbox-box:hover {
  border-color: #91b4b2;
}
.ui-chkbox .ui-chkbox-icon.fa-check::before {
  content: "\f00c";
  line-height: 20px;
  text-align: center;
  display: block;
  text-shadow: none;
  color: #fff;
  margin-left: 1px;
  font-family: FontAwesome;
}
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active.ui-state-disabled {
  background: #d7dadc;
  border: 1px solid #d7dadc;
}
.checkbox {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  line-height: 24px;
  word-spacing: nowrap;
}
.checkbox .form_choose,
.checkbox .txt {
  float: left;
}
.checkbox .txt {
  padding: 0;
  position: relative;
  top: -22px;
  padding-left: 30px;
  height: 100%;
  display: block;
  word-break: break-all;
  color: #324148;
  font-style: normal;
  white-space: normal;
}
.checkbox .txt.has_flag {
  padding-left: 34px;
}
.checkbox a.txt,
.checkbox .txt > a {
  font-weight: bolder;
  color: #24a09a;
}
.checkbox > .txt {
  float: none;
  left: 0;
  padding-left: 10;
}
.checkbox .form_choose {
  top: 0;
  white-space: nowrap;
  font-weight: inherit;
  color: #adbaba;
  font-size: 15px;
  height: auto;
}
.checkbox .form_choose-img {
  height: 100%;
}
.checkbox .form_choose input {
  display: none;
}
.checkbox .form_choose-input {
  opacity: 0;
  width: 20px;
  margin: 0 !important;
}
.checkbox .form_choose-input[type=checkbox]:not(old) + .form_choose-img,
.checkbox .form_choose-input[type=radio]:not(old) + .form_choose-img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  z-index: 1;
  border: 1px solid #d7dadc;
  background: #fff;
  margin-right: 4px;
  border-radius: 4px;
}
.red-rim .form_choose-input[type=checkbox]:not(old) + .form_choose-img,
.red-rim .form_choose-input[type=radio]:not(old) + .form_choose-img {
  border: 1px solid #fc585b;
}
.checkbox .form_choose-input[type=checkbox]:not(old):checked + .form_choose-img,
.checkbox .form_choose-input[type=radio]:not(old):checked + .form_choose-img {
  background: #fcb214;
  border: #fcb214;
}
.checkbox .form_choose-input[type=checkbox]:not(old):disabled + .form_choose-img {
  background: #d7dadc;
  border: #7f8b8d;
}
.checkbox .form_choose-input[type=checkbox]:not(old):checked + .form_choose-img:before,
.checkbox .form_choose-input[type=radio]:not(old):checked + .form_choose-img:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 4px;
  z-index: 2;
  line-height: 20px;
}
.form_choose {
  position: relative;
  display: inline-block;
  height: 20px;
  white-space: nowrap;
  font-weight: inherit;
  color: #adbaba;
  margin-bottom: 0;
  font-size: 1rem;
}
.form_choose.ct {
  text-align: center;
}
.form_choose.multi {
  margin: 15px 10px;
  color: #333;
  padding: 0 0 0 5px;
}
.form_choose.multi:first-of-type {
  margin-top: 15px;
}
.form_choose.multi:last-of-type {
  margin-bottom: 0px;
}
.form_choose-input {
  opacity: 0;
  width: 20px;
  margin: 0 !important;
}
.form_choose-input[type=checkbox]:not(old) + .form_choose-img,
.form_choose-input[type=radio]:not(old) + .form_choose-img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  z-index: 1;
  border: 1px solid #24a09a;
  background: #fff;
  margin-right: 4px;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img {
  background: #24a09a;
}
.form_choose-input[type=checkbox]:not(old):checked + .form_choose-img:before,
.form_choose-input[type=radio]:not(old):checked + .form_choose-img:before {
  content: "\e916";
  font-family: "icomoon";
  font-size: 0.5rem;
  color: #fff;
  position: absolute;
  top: 1px;
  left: 3.5px;
  z-index: 2;
  line-height: 20px;
}
.is-reverse.checkbox .form_choose {
  right: 0;
  float: right;
  padding: 0;
}
.form_group .input_group .is-reverse.checkbox i.txt {
  padding-right: 20px;
  padding-left: 0;
  left: 0;
  right: 2px;
  font-size: 14px;
}
.is-reverse.checkbox .form_choose-input[type=checkbox]:not(old) + .form_choose-img {
  right: -12px;
  left: inherit;
  padding: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 10px;
}
.switch input {
  display: none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d7dadc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: -3px;
  bottom: 4px;
  background-color: #24a09a;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input + .slider:before {
  background-color: #adbaba;
}
input:checked + .slider:before {
  background-color: #24a09a;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
input:checked + .slider {
  background-color: #f5fbfb;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.checkbox label,
.radio label {
  padding: 0 5px 0 0;
  position: relative;
}
.ui-radiobutton {
  margin-right: 0.25em;
}
.checkbox .ui-chkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
li.has-checkbox .checkbox .ui-chkbox {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
.checkbox label {
  display: inline-block;
  position: relative;
  max-width: 88%;
}
.div-tb-info-list .checkbox {
  display: table;
}
.div-tb-info-list .ui-chkbox.ui-widget {
  display: table-cell;
}
.div-tb-info-list .checkbox label {
  display: table-cell;
  padding-left: 4px;
  vertical-align: top;
  font-size: 14px;
}
checkbox {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
  margin-left: 3px !important;
  margin-right: 5px !important;
  gap: 6px !important;
  line-height: 1 !important;
}
checkbox .ui-chkbox {
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}
checkbox .ui-chkbox-label {
  line-height: 1.2 !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
  display: inline-block !important;
}
checkbox .ui-chkbox-box {
  vertical-align: middle !important;
}
checkbox .ui-chkbox-box.ui-state-active {
  vertical-align: middle !important;
  background: #1bb0a7 !important;
  border: #009e96 !important;
}
checkbox .ui-chkbox-icon.ui-state-active {
  line-height: inherit !important;
  display: block !important;
  background: #1bb0a7 !important;
  border: #009e96 !important;
  border-radius: 5px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
checkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon.fa-check::before {
  content: "\f00c" !important;
  line-height: 20px !important;
  text-align: center !important;
  display: block !important;
  text-shadow: none !important;
  color: #fff !important;
  font-family: FontAwesome !important;
  width: 100% !important;
  height: 100% !important;
  vertical-align: middle !important;
}
checkbox .ui-chkbox-box:hover {
  border-color: #91b4b2 !important;
  vertical-align: middle !important;
}
checkbox .ui-chkbox-box.ui-state-disabled {
  background: #d7dadc !important;
  border: 1px solid #d7dadc !important;
  vertical-align: middle !important;
}
checkbox .ui-chkbox-box.ui-state-disabled.ui-state-active {
  background-color: #009e96 !important;
  opacity: 0.35 !important;
  vertical-align: middle !important;
}

/* public/inc/css/components/core/core.css */
.ui-widget * {
  box-sizing: border-box;
  font-size: 1em;
}
.ui-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.ui-unselectable-text {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family:
    "\5fae\8edf\6b63\9ed1\9ad4",
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black";
  font-size: 1em;
}
.ui-widget-content {
  border: none;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #eeeeee;
  background: #f5f5f5;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:
    linear-gradient(
      top,
      #ffffff,
      #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-color: #e6e6e6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #cccccc \	;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  outline: 1px soid rgb(0, 158, 150);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \	;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border-color: #d7dadc;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-position: 0px;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image:
    linear-gradient(
      to bottom,
      #0088cc,
      #0077b3);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0);
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #eed3d7;
  background: #f2dede 50% 50% repeat-x;
  color: #b94a48;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #b94a48;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #b94a48;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image:
    linear-gradient(
      to bottom,
      #0088cc,
      #0044cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.ui-priority-primary:hover,
.ui-priority-primary:active,
.ui-priority-primary.active,
.ui-priority-primary.disabled,
.ui-priority-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
}
.ui-priority-primary:active,
.ui-priority-primary.active {
  background-color: #003399 \	;
}
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-widget-content .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-widget-header .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-state-default .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-state-active .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("./media/ui-icons_ffffff_256x240-QLXIHBQ4.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("./media/ui-icons_333333_256x240-TEVBDPEV.png");
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-off {
  background-position: -96px -144px;
}
.ui-icon-radio-on {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.ui-widget-overlay {
  background: #000000;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #000000;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
a[data-role=button],
div,
img,
p,
a {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* public/inc/css/components/datalist/datalist.css */
.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align: center;
  padding: .5em .75em;
}
.ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}
.ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}
.ui-datalist .ui-paginator {
  border-top: 0 none;
}
.ui-datalist .ui-datalist-data {
  margin: 0;
  padding: 0;
}
.ui-datalist .ui-datalist-data > li {
  list-style-type: none;
}
.ui-datalist .ui-datalist-emptymessage {
  padding: .5em .75em;
}

/* public/inc/css/components/datagrid/datagrid.css */
.ui-datagrid .ui-paginator {
  text-align: center;
  border-top: 0 none;
}
.ui-datagrid-column {
  padding: .25em;
}
.ui-datagrid-content-empty {
  padding: .25em .625em;
}
.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
  text-align: center;
  padding: .5em .75em;
}
.ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}
.ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}
.ui-datagrid .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-datagrid .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-datagrid .ui-paginator-bottom {
  border-top: 0px none;
}
.ui-datagrid-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.ui-datagrid-content > div {
  box-sizing: border-box;
}
.ui-datagrid-col-1 > div {
  width: 100%;
}
.ui-datagrid-col-2 > div {
  width: 50%;
}
.ui-datagrid-col-3 > div {
  width: 33.33333%;
}
.ui-datagrid-col-4 > div {
  width: 25%;
}
.ui-datagrid-col-5 > div {
  width: 20%;
}
.ui-datagrid-col-6 > div {
  width: 16.66666%;
}
.ui-datagrid-col-7 > div {
  width: 14.28571%;
}
.ui-datagrid-col-8 > div {
  width: 12.5%;
}
.ui-datagrid-col-9 > div {
  width: 11.11111%;
}
.ui-datagrid-col-10 > div {
  width: 10%;
}
@media (max-width: 640px) {
  .ui-datagrid-content {
    display: block;
  }
  .ui-datagrid-col-1 > div,
  .ui-datagrid-col-2 > div,
  .ui-datagrid-col-3 > div,
  .ui-datagrid-col-4 > div,
  .ui-datagrid-col-5 > div,
  .ui-datagrid-col-6 > div,
  .ui-datagrid-col-7 > div,
  .ui-datagrid-col-8 > div,
  .ui-datagrid-col-9 > div,
  .ui-datagrid-col-10 > div,
  .ui-datagrid-col-11 > div,
  .ui-datagrid-col-12 > div {
    width: 100%;
  }
  border-top: 0 none;
}
.ui-datatable-tablewrapper .tb_mul {
  margin-bottom: 0;
}
.ui-widget-header {
  background: #e4f4f4;
}
.ui-widget-header.ui-paginator {
  background: #fbfbfb;
}
.ui-widget-header th.ui-state-default {
  border-color: #e4f4f4;
  background: #e4f4f4;
  padding: 6px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #3e5a5a;
}
.ui-widget-header.ui-datatable-scrollable-header {
  border: 0;
  border-bottom: 0 !important;
  position: relative;
}
.ui-widget-header .ui-state-default {
  border-radius: 0;
}
.ui-widget-header tr td:last-child,
.ui-widget-header tr th:last-child {
  border-right: 0;
}

/* public/inc/css/components/datascroller/datascroller.css */
.ui-datascroller {
}
.ui-datascroller .ui-datascroller-header {
  text-align: center;
  padding: .5em .75em;
  border-bottom: 0 none;
}
.ui-datascroller .ui-datascroller-footer {
  text-align: center;
  padding: .25em .625em;
  border-top: 0px none;
}
.ui-datascroller .ui-datascroller-content {
  padding: .25em .625em;
}
.ui-datascroller-inline .ui-datascroller-content {
  overflow: auto;
}
.ui-datascroller .ui-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* public/inc/css/components/datatable/datatable.css */
.ui-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-footer {
  text-align: center;
  padding: 0.5em 0.75em;
  box-sizing: border-box;
}
.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-header {
  border-bottom: 0 none;
}
.ui-datatable .ui-datatable-footer {
  border-top: 0 none;
}
.ui-datatable thead th,
.ui-datatable tfoot td {
  text-align: center;
}
.ui-datatable thead tr {
  border-width: 0;
}
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  border-color: inherit;
  box-sizing: border-box;
  padding: 6px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td {
  font-weight: normal;
}
.ui-datatable tbody {
  outline: 0;
}
.ui-datatable .ui-sortable-column {
  cursor: pointer;
}
.ui-datatable .ui-sortable-column-icon {
  display: inline-block;
  margin-left: 0.125em;
}
.ui-datatable tr.ui-state-highlight {
  cursor: pointer;
}
.ui-datatable-scrollable-body {
  overflow: auto;
}
.ui-datatable-scrollable-header {
  overflow: hidden;
}
.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-datatable-scrollable .ui-datatable-scrollable-footer {
  position: relative;
  border: 0 none;
}
.ui-datatable-scrollable .ui-datatable-scrollable-header td {
  font-weight: normal;
}
.ui-datatable .ui-datatable-scrollable-body {
  min-height: 0;
}
.ui-datatable .ui-datatable-data tr.ui-state-hover,
.ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: inherit;
  font-weight: inherit;
  cursor: pointer;
}
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
  display: inline-block;
  vertical-align: middle;
}
.ui-datatable-scrollable-theadclone {
  height: 0;
}
.ui-datatable-scrollable-theadclone tr {
  height: 0;
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
  height: 0;
  border-bottom-width: 0;
  border-top-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  outline: 0 none;
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
  display: block;
  height: 0;
}
.ui-datatable .ui-paginator {
  padding: 0.125em;
  border-top: 0 none;
}
.ui-datatable-rtl {
  direction: rtl;
}
.ui-datatable-rtl.ui-datatable thead th,
.ui-datatable-rtl.ui-datatable tfoot td {
  text-align: right;
}
.ui-row-toggler {
  cursor: pointer;
}
.ui-datatable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-datatable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}
.ui-datatable-resizable {
  padding-bottom: 1px;
  overflow: auto;
}
.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
  white-space: nowrap;
}
.ui-datatable-resizable th.ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}
.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
  display: none;
}
.ui-datatable .ui-column-filter {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.25em;
}
.ui-datatable .ui-editable-column input {
  width: 100%;
  outline: 0;
}
.ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
  padding: 0.5em;
}
.ui-datatable .ui-editable-column .ui-cell-editor {
  display: none;
}
.ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
  padding: 1px;
}
.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-editor {
  display: block;
}
.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-data {
  display: none;
}
.ui-datatable-stacked thead th,
.ui-datatable-stacked tfoot td {
  display: none !important;
}
.ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
  text-align: left;
  display: block;
  border: 0 none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: left;
}
.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
  border: 0 none;
}
.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
  border-left: 0 none;
  border-right: 0 none;
}
.ui-datatable-stacked .ui-datatable-data td .ui-column-title {
  padding: 0.4em;
  min-width: 30%;
  display: inline-block;
  margin: -0.4em 1em -0.4em -0.4em;
  font-weight: bold;
}
.ui-datatable .ui-selection-column .ui-chkbox,
.ui-datatable .ui-selection-column .ui-radiobutton {
  margin: 0;
}
.ui-datatable .ui-selection-column .ui-chkbox-box,
.ui-datatable .ui-selection-column .ui-radiobutton-box {
  box-sizing: border-box;
  margin: 0;
}
.ui-datatable-scrollable-wrapper {
  position: relative;
}
.ui-datatable-scrollable-view {
}
.ui-datatable-frozen-view .ui-datatable-scrollable-body {
  overflow: hidden;
}
.ui-datatable-unfrozen-view {
  position: absolute;
  top: 0px;
}
.ui-datatable .ui-datatable-load-status {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.ui-datatable .ui-datatable-virtual-table {
  position: absolute;
  top: 0px;
  left: 0px;
}
.ui-datatable .ui-datatable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  opacity: 0.2;
  z-index: 1;
}
.ui-datatable .ui-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 25%;
  z-index: 2;
}
@media (max-width: 35em) {
  .ui-datatable-reflow thead th,
  .ui-datatable-reflow tfoot td {
    display: none !important;
  }
  .ui-datatable-reflow .ui-datatable-data > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
.ui-datatable-odd {
  background-color: #f9f9f9;
}
.ui-datatable-reflow {
  overflow-x: auto;
}
.idx_tb {
  display: table;
  width: 100%;
  margin: 0 0 6px 0;
}
.idx_tb .idx_tr {
  display: table-row;
}
.idx_tb .idx_tr:nth-child(2) .idx_td {
  padding-top: 5px;
}
.idx_tb .idx_tr .idx_td {
  display: table-cell;
  vertical-align: middle;
  padding: 0 1px 0 1px;
}
.idx_tb .idx_tr .idx_td.vtop {
  vertical-align: top;
}
.idx_tb .idx_tr .idx_td.vmid {
  vertical-align: middle;
}
.idx_tb .idx_tr .idx_td.vbtm {
  vertical-align: bottom;
}
.idx_tb.padding5 .idx_td {
  padding: 5px;
}
.title_1 .idx_tb {
  display: inline-block;
  width: auto;
  top: 10px;
  position: relative;
  margin: 0px;
}
.tb_sin {
  position: relative;
  margin: 0;
  width: 100%;
  outline: 5px solid #ddefee;
  border: 2px solid #b2dcdb;
  margin-bottom: 20px;
}
.tb_sin .hd {
  color: #333;
  text-align: right;
  line-height: 24px;
  vertical-align: middle;
  width: 20%;
  padding: 5px 10px;
  font-weight: 600;
  border-right: 1px solid #e1f0f0;
  border-bottom: 1px solid #e1f0f0;
}
.tb_sin td.tb_line_right {
  border-right: 1px solid #e1f0f0;
}
.tb_sin .hd1 {
  color: #009d99;
  font-weight: 600;
  background-color: #ffffff;
  padding: 10px;
  line-height: 24px;
}
.tb_sin tr:nth-child(even) {
  background: #f5fbfb;
  border-top: 0px solid #ddd;
}
.tb_sin tr {
  border: 1px solid #e1f0f0;
}
.tb_sin td,
.tb_sin .idx_td {
  font-size: 14px;
  height: 34px;
  word-break: break-all;
  word-wrap: break-word;
}
.tb_sin td {
  padding: 5px 10px;
}
.tb_sin td .idx_tb.padding5 .idx_td {
  padding-left: 0;
}
.tb_sin td .idx_tb.padding5,
.tb_mul td .idx_tb.padding5 {
  margin-bottom: 0;
}
.tb_sin td .idx_tb:only-child,
.tb_sin td .idx_tb:last-child {
  margin-bottom: 0;
}
.qry-section-info {
  margin: 0;
  width: 100%;
  outline: 5px solid #ddefee;
  outline-offset: -5px;
  border: 7px solid #b2dcdb;
  padding: 10px;
  font-size: 15px;
}
.tb_sch .qry-section-info .qry-info {
  width: 45%;
  display: inline-block;
  margin: 0 30px 6px 0;
  color: #7f8b8d;
  vertical-align: top;
}
.tb_sch .qry-section-info .qi_tit {
  margin: 0 4px 0 0;
  color: #333333;
  font-weight: 600;
}
.trans_succ,
.trans_fail {
  padding: 0px 0px 10px 40px;
  position: relative;
}
.trans_succ:before {
  content: "\f058";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  text-align: right;
  font-size: 24px;
  left: 0px;
  color: #52cb85;
}
.trans_fail:before {
  content: "\f06a";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  text-align: right;
  font-size: 24px;
  left: 0px;
  color: #ee353c;
}
.tb_mul {
  width: 100%;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin-bottom: 20px;
}
.tb_mul th,
.tb_mul .tb_mul-hd {
  border-radius: 0;
  background: #e4f4f4;
  padding: 6px;
  border: none;
  height: auto;
  white-space: nowrap;
  font-size: 14px;
  text-align: center;
  color: #3e5a5a;
  border: 1px solid #ddd;
  font-weight: 600;
}
.tb_mul th.lt {
  text-align: left;
  padding-left: 15px;
}
.tb_mul th.rt {
  text-align: right;
  padding-right: 15px;
}
.tb_mul td {
  vertical-align: middle;
  padding: 6px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ddd;
}
.tb_mul tr:nth-child(odd) {
  background-color: #fbfbfb;
}
.tb_mul.fieldset tr:nth-child(odd) td {
  background-color: #fff;
}
.tb_mul tr:nth-child(even) {
  background-color: #fff;
}
.tb_mul tr td:first-child,
.tb_mul tr th:first-child {
  border-left: 0;
}
.tb_mul tr td:last-child,
.tb_mul tr th:last-child {
  border-right: 0;
}
.tb_mul td {
  text-align: center;
  word-wrap: break-word;
  line-height: normal;
}
.tb_mul td.txt_lt,
.tb_mul th.txt_lt {
  text-align: left;
}
.tb_mul td.txt_ct,
.tb_sg td.txt_ct {
  text-align: center;
}
.tb_mul td.txt_rt {
  text-align: right;
}
.tb_mul .th2 {
  text-align: left;
  background-color: #fbfbfb;
}
.tb_mul tr:hover .th2 {
  cursor: default;
  background-color: #fbfbfb;
}
.tb_mul.td_hover_none tr:hover td,
.tb_mul.td_hover_none tr td {
  background-color: #ffffff;
}
.tb_mul.td_hover_none td.th1,
.tb_mul.td_hover_none tr:hover td.th1 {
  text-align: right;
  font-weight: 600;
  background-color: #f5f5f5;
}
.tb_mul.tb_list {
  margin-top: 10px;
}
.tb_mul.tb_list th,
.tb_mul.tb_list td {
  text-align: left;
  vertical-align: top;
}
.tb_mul.tb_list td,
.tb_mul.tb_list th {
  padding: 4px;
}
.tb_mul.tb_list .ui-chkbox.ui-widget {
  margin-right: 0.05em;
  position: relative;
  vertical-align: top;
}
.tb_mul.tb_list label {
  position: relative;
  width: 145px;
  word-break: break-all;
  margin: 0;
}
.tb_mul.tb_list ul {
  padding-left: 10px;
  margin: 4px 0px;
}
.tb_mul.tb_list ul.ul_sec {
  padding-left: 0px;
  margin: 0;
}
.tb_mul.tb_list ul li {
  padding: 4px;
}
.tb_mul.tb_list .checkbox .txt {
  color: #3e5a5a;
}
.tb_mul .td_account span {
  max-width: 175px !important;
  word-break: keep-all;
  text-align: center;
  display: inline-block;
}
.tb_mul .td_case span {
  max-width: 115px !important;
  word-break: keep-all;
  text-align: center;
  display: inline-block;
}
.tb_mul.th_fixtop {
  position: static;
  top: 0;
  left: 0;
  margin: 0;
}
.page-search-result .scroll_table table.tb_mul,
.page-search-result table.tb_mul {
  margin-bottom: 0px;
}
.page-search-result table.tb_sin {
  margin-left: 5px;
  width: 99.15%;
}
.tb_mul tr.lv2 > td {
  padding: 0px;
}
.tb_mul tr table.tb_lv2 tr > td {
  border-top: 0;
}
.tb_mul tr:hover td,
.tb_mul tr table.tb_lv2 tr:hover td {
  background-color: #f5f5f5;
}
.tb_mul tr table.tb_lv2 tr:hover > td {
  background-color: none;
}
.tb_mul tr.lv2:hover td {
  background-color: #ffffff;
}
.tb_mul td a.link_area {
  display: block;
  width: 100%;
  line-height: 40px;
}
.tb_mul td a.link_area:hover {
  background-color: green;
}
.tb_mul td a.link.link_area:hover {
  background-color: #cbf5f5;
  font-size: large;
}
.tb_mul td {
  vertical-align: middle;
  padding: 8px 5px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ddd;
}
.tb_mul tr table.tb_lv2 td {
  padding: 0px;
  height: 40px;
}
.tb_mul tr table.tb_lv2 td:first-child {
  padding-left: 10px;
}
.tb_mul .btn {
  padding: 4px 8px;
}
.tb_func {
  display: block;
}
.tb_func .th_btn_i {
  position: relative;
  color: #3e5a5a;
  border: 0;
  background: none;
  padding-right: 12px;
  font-weight: 600;
}
.tb_func .th_btn_i:before {
  border: 1px solid #009e96;
  color: #009e96;
  border-radius: 100px;
  width: 15px;
  height: 15px;
  text-align: center;
  position: absolute;
  right: -5px;
  top: 2px;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  opacity: 0.3;
}
.tb_func.active_top .th_btn_i:before {
  font: normal normal normal 14px/0.7 FontAwesome;
  content: "\f106";
  opacity: 1;
}
.tb_func.active_btm .th_btn_i:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  opacity: 1;
}
.th_pop {
  position: absolute;
  left: calc(50% - 60px);
  z-index: 20;
  width: 230px;
  padding: 10px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 5px #ddd;
}
.th_pop .btn_box {
  margin: 10px 0;
}
.th_pop .btn_box .submit_btn {
  width: 45%;
}
tr > th:last-of-type .tb_func .th_pop {
  position: absolute;
  left: -57px;
}
.scroll_table {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: auto !important;
  overflow-y: hidden !important;
}
.scroll_table .tb_mul {
  min-width: 1100px;
}
.scroll_table_mxheight {
  max-height: 540px;
  overflow-y: auto !important;
}
.tb_total {
  border-bottom: 1px solid #ddd;
  height: 44px;
  margin: 0;
}
.idx_tb.tb_total .idx_tr .idx_td {
  padding: 10px;
}
.idx_tb.tb_total .idx_tr .idx_td.th_title {
  font-weight: 500;
}
.tb_total_sum {
  border-top: 2px solid #009d99;
  margin-top: -1px;
  border-bottom: 1px solid #009d99;
}
.tb_total_sum_money {
  background-color: #f5f5f5;
  border-bottom: 1px solid #009d99;
}
.tb_total_sum .tb_bottom_line {
  border-bottom: 1px solid #dddddd;
}
table.tb_mul a.txt_link,
table.tb_sin a.txt_link,
table.tb_lv2 a {
  color: #009e96;
}
.tb_mul th.wid_100px {
  min-width: 100px;
}
.tb_mul th.wid_110px {
  min-width: 110px;
}
.tb_mul th.wid_115px {
  min-width: 115px;
}
.tb_mul th.wid_120px {
  min-width: 120px;
}
.tb_mul th.wid_130px {
  min-width: 130px;
}
.tb_mul th.wid_135px {
  min-width: 135px;
}
.tb_mul th.wid_140px {
  min-width: 140px;
}
.tb_mul th.wid_150px {
  min-width: 150px;
}
.tb_mul th.wid_160px {
  min-width: 160px;
}
.tb_mul th.wid_170px {
  min-width: 170px;
}
.tb_mul th.wid_180px {
  min-width: 180px;
}
.tb_mul th.wid_190px {
  min-width: 190px;
}
.tb_mul th.wid_200px {
  min-width: 200px;
}
.tb_mul th.wid_220px {
  min-width: 220px;
}
.tb_mul th.wid_240px {
  min-width: 240px;
}
.tb_mul th.wid_250px,
.tb_sin .wid_250px {
  min-width: 250px;
}
.tb_mul th.wid_270px {
  min-width: 270px;
}
.tb_mul th.wid_330px {
  min-width: 330px;
}
.tb_mul th.wid_370px {
  min-width: 370px;
}
.tb_mul th.wid_400px {
  min-width: 400px;
}
.tb_mul th.wid_90px {
  min-width: 90px;
}
.tb_mul th.wid_95px {
  min-width: 95px;
}
.tb_mul th.wid_80px {
  min-width: 80px;
}
.tb_mul th.wid_85px {
  min-width: 85px;
}
.tb_mul th.wid_60px {
  min-width: 60px;
}
.tb_mul th.wid_55px {
  min-width: 55px;
}
.tb_mul th.wid_50px {
  min-width: 50px;
}
.tb_mul th.wid_45px {
  min-width: 45px;
}
.tb_mul th.wid_40px {
  min-width: 40px;
}
.tb_mul th.wid_35px {
  min-width: 35px;
}
.tb_mul th.wid_30px {
  min-width: 30px;
}
.tb_mul th.wid_25px {
  min-width: 25px;
}
.tb_list td {
  line-height: 24px;
  vertical-align: middle;
  padding: 8px 10px;
}
.idx_tb .idx_tr .idx_td .radio i.txt {
  font-style: normal;
}
.ui-columntoggler {
  position: absolute !important;
  z-index: 96;
  width: 300px;
  padding: 6px 10px;
  left: 141px;
}
.ui-columntoggler .columntoggler_info {
  margin-bottom: 8px;
  padding-right: 30px;
  line-height: 24px;
}
.ui-columntoggler .columntoggler_titlebox a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 6px;
  text-align: center;
}
.ui-columntoggler ul.ui-columntoggler-items .ui-columntoggler-item {
  padding: 4px;
  background-color: #eeeeee;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 8px;
}
.columntoggler_box ul.ui-columntoggler-items .ui-sortable-helper {
  background-color: #009e96 !important;
  border: #009e96 1px solid !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
}
.ui-sortable-helper label {
  color: #fff;
}
.ui-columntoggler .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  background-color: #ffffff;
  background-image: none;
}
.columntoggler_box .ui-columntoggler ul li.ui-state-highlight {
  border-color: #30a386;
}
.flow_modle {
  padding: 5px;
  text-align: center;
  margin: 0;
}
.icon_sin {
  display: inline-block;
  width: 100%;
}
.icon_sin i {
  color: rgba(55, 71, 79, 1);
}
.icon_sin i.fa.fa-envelope-o {
  font-size: 16px;
  color: #009e96 !important;
}
.typetable_footer {
  border-radius: 0px;
  border: none;
  display: inline-block;
  padding: 0;
  width: 100%;
}
.typetable_footer span {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 7px 10px 12px;
  float: left;
}
.typetable_footer .downloadBox {
  display: inline-block;
  padding: 5px;
  float: left;
}
.downloadBox li {
  margin-right: 8px;
  line-height: normal;
}
.downloadBox li a {
  margin-left: 0px;
}
.typetable_footer ul li {
  float: left;
}
.dl_icons {
  display: inline-block;
  height: 42px;
  width: 32px;
}
.dl_icons.download_pdf {
  background: url("./media/icon_download_pdf-ADBOHYEV.png") no-repeat center center;
  background-size: 100%;
}
.dl_icons.download_csv {
  background: url("./media/icon_download_csv-L3J4N3LG.png") no-repeat center center;
  background-size: 100%;
}
.dl_icons.download_txt {
  background: url("./media/icon_download_txt-MRTCSFZX.png") no-repeat center center;
  background-size: 100%;
}
.dl_icons.download_xls {
  background: url("./media/icon_download_xls-NWBRUJFU.png") no-repeat center center;
  background-size: 100%;
}
.typetable_footer .file_box {
  float: left;
  margin-top: 8px;
  display: inline-block;
}
.typetable_footer .file_box button {
  margin-right: 6px;
}
.typetable_footer .print_box {
  display: inline-block;
  padding-top: 5px;
}
.typetable_footer .print_box .line {
  display: inline-block;
  font-size: 28px;
  color: #cccccc;
  float: left;
  font-weight: lighter;
  margin-right: 10px;
}
.typetable_footer .print_box .print_icon {
  display: inline-block;
  background: url("./media/icon_print-KAWNA3FS.png") no-repeat center center;
  background-size: 100%;
  height: 42px;
  width: 32px;
  text-indent: -9999px;
  margin-top: 2px;
}
.tb_func_button {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #3ab8b7;
  margin: 0;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.tb_func_button:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #3ab8b7;
  width: 80%;
  height: 8%;
  left: 10%;
  top: 47%;
}
.tb_func_button:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #3ab8b7;
  width: 8%;
  height: 80%;
  left: 47%;
  top: 10%;
}
.tb_func_button.open {
  background-color: #3ab8b7;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.tb_func_button.open:after {
  background-color: #fff;
}
.tb_func_button.open:before {
  background-color: #fff;
}
.scroll_table .ui-datatable-scrollable-body {
  overflow: visible !important;
}
.scroll_table .ui-datatable-scrollable-header {
  overflow: visible !important;
}
.scroll_table .ui-datatable-frozen-view .ui-datatable-scrollable-body {
  overflow: auto !important;
}
.tb_fixed {
  table-layout: fixed;
}
.position-absolute-hidden {
  position: absolute !important;
  display: none !important;
}
.scrollable-table-top-zero {
  top: 0px !important;
}
.header-cell-hidden {
  display: none !important;
}
.header-cell-visible {
  display: table-cell !important;
}
.cursor-default {
  cursor: default !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.cursor-no-drop {
  cursor: no-drop !important;
}
.ui-column-filter-hidden {
  width: 100%;
  display: none;
}
.ui-column-filter {
  width: 100%;
}
.ui-column-filter.filter-hidden {
  display: none;
}
.pagination .btn_i {
  min-width: 30px !important;
}
.modal_area .tb_paginator .btn_i {
  max-height: 30px;
}
.idx_tb .idx_tr {
  width: 100%;
}
.idx_tb.tb_paginator .idx_tr {
  display: flex;
  align-items: center;
}
.idx_td.rt.wid_35per {
  margin-left: auto;
}

/* public/inc/css/components/dialog/dialog.css */
.ui-dialog {
  position: fixed;
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 0.75em;
  position: relative;
  border: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 0.75em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: center;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
  border-radius: 0 0 5px 5px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-dialog .ui-dialog-titlebar-icon {
  text-decoration: none;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-maximize,
.ui-dialog .ui-dialog-titlebar-minimize {
  float: right;
  padding: 0.125em;
  cursor: pointer;
  border: 1px solid transparent;
}
.ui-dialog .ui-dialog-titlebar-close span {
  margin: 0;
}
.ui-dialog-footer {
  padding: 0.4em 1em;
  border-width: 1px 0 0 0;
  text-align: left;
}
.ui-dialog-mask.ui-dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}
.ui-dialog-docking-zone {
  position: fixed;
  bottom: 0;
  left: 0;
}
.ui-confirmdialog.ui-dialog .ui-dialog-content {
  padding: 1em 2em;
}
.ui-confirmdialog .ui-dialog-content .fa {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
  vertical-align: middle;
}
.ui-fluid .ui-dialog-buttonpane .ui-button {
  width: auto;
}
.ui-dialog.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #ffffff;
  text-align: left;
}
.ui-dialog.ui-widget-content .ui-dialog-title {
  font-size: 20px;
}
.ui-dialog.ui-widget-content .ui-dialog-content {
  padding: 0px;
  font-size: 14px;
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-dialog.ui-widget-content .ui-dialog-content iframe {
  overflow-y: hidden;
}
.ui-dialog.ui-widget-content .ui-dialog-content iframe html {
  background-color: #ffffff;
}
.ui-dialog.ui-widget-content .ui-dialog-content .title_1:first-child {
  margin-top: 0;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:focus,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:focus {
  padding: 1px;
}
.ui-widget-overlay {
  position: fixed;
}
.modal_area {
  padding-left: 0px;
  padding-right: 0px;
  background: #fff;
  padding-bottom: 0px;
}
.modal_area.min_ht_85px {
  min-height: 85px;
}
.modal_area p {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0 0;
  display: block;
  width: 100%;
}
.modal_area .center {
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
  border-radius: 30px;
  padding: 3px 10px;
  color: #fff;
  background: rgb(0, 158, 150);
  box-shadow: none;
  font-size: 16px;
  display: inline-block;
  width: auto;
  min-width: 80px;
  text-align: center;
  border: 1px solid #009e96;
  font-weight: normal;
  text-shadow: none;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  color: #fff;
}
.ui-dialog .ui-dialog-buttonpane button:active {
  background: rgba(0, 158, 150, 0.6);
}
.ui-dialog .ui-button-text {
  padding: 0;
}
.modal_area .tb_sch.search .qry-section-info {
  margin-bottom: 20px;
}
.modal_area .tb_sch.research {
  margin-bottom: 20px;
  margin-top: 20px;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  padding: 5px !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
  font-size: 18px;
}
.modal_area .announcement_info {
  display: inline-block;
  width: 100%;
  margin: 10px;
}
.modal_area .announcement_info p {
  font-size: 16px;
  line-height: 34px;
}
.modal_area .announcement_info p.center {
  text-align: center;
}
.modal_area .currency_area {
  padding: 15px;
  text-align: center;
}
.modal_area .currency_area a {
  display: inline-block;
  margin-right: 6px;
  font-size: 15px;
}
.ui-dialog .ui-widget-content ul li {
  border-top: 1px solid #e5e5e5;
  padding: 0px 12px;
  position: relative;
  display: block;
  border-radius: 0;
}
.ui-dialog .ui-widget-content ul li a {
  display: block;
  color: #2c2c2c;
  padding: 10px 2px;
  line-height: 20px;
}
.ui-dialog .ui-widget-content ul li.ui-state-highlight {
  background: #fff;
}
.max-height-500 {
  max-height: 500px !important;
}
.puidialog .ui-dialog {
  display: flex !important;
  flex-direction: column !important;
  max-width: 900px !important;
  max-height: 600px !important;
  width: 90vw !important;
  height: 90vh !important;
  min-height: 300px !important;
  min-width: 400px !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1000 !important;
}
.puidialog .ui-dialog-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.puidialog .ui-dialog-content > .modal_area {
  flex: 1 1 auto !important;
  overflow-x: scroll !important;
  overflow-y: auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  width: 100% !important;
}
.puidialog .modal_area > div {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.puidialog .ui-datatable-wrapper {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  min-width: 0 !important;
}
.puidialog .ui-datatable-scrollable-body {
  max-height: 400px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.puidialog p-footer {
  display: block !important;
  flex: 0 0 auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.puidialog p-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.puidialog p-footer .btn_box,
.puidialog p-footer .btn_box button,
.puidialog p-footer .btn_box .btn,
.puidialog p-footer button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.puidialog p-footer[style*="display: none"] {
  display: block !important;
}
@media (max-height: 500px) {
  .puidialog p-footer {
    display: none !important;
  }
  .puidialog .modal_area {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 400px) {
  .puidialog p-footer {
    display: none !important;
  }
}
@media (min-height: 501px) and (min-width: 401px) {
  .puidialog p-footer {
    display: block !important;
  }
}
.puidialog p-footer {
  text-align: center !important;
}
.puidialog p-footer .btn_box {
  text-align: center !important;
  margin: 0 auto !important;
  display: block !important;
  width: 100% !important;
}
.puidialog p-footer .btn_box button,
.puidialog p-footer .btn_box .btn,
.puidialog p-footer button {
  margin: 0 5px !important;
}
.puidialog .ui-dialog[style] {
  max-height: 600px !important;
  height: auto !important;
}
.puidialog .ui-dialog[style*=height] {
  max-height: 600px !important;
}
.puidialog .ui-dialog {
  height: auto !important;
  max-height: 600px !important;
}
.puidialog .ui-dialog,
.puidialog .ui-dialog[style],
.puidialog .ui-dialog[style*=height],
.puidialog .ui-dialog[style*=max-height] {
  max-height: 600px !important;
  height: auto !important;
  box-sizing: border-box !important;
}
.puidialog .modal_area,
.puidialog .ui-dialog-content > .modal_area {
  overflow-x: scroll !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.puidialog .modal_area {
  position: relative !important;
  min-width: 100% !important;
}
.puidialog .modal_area * {
  flex-shrink: 0 !important;
}
@media (max-width: 500px) {
  .puidialog .ui-dialog {
    width: 95vw !important;
    min-width: 320px !important;
    max-width: 95vw !important;
  }
}
.puidialog .ui-datatable th {
  border-bottom: 1px solid #dee2e6 !important;
  position: relative !important;
  z-index: 1 !important;
}
.puidialog .ui-dialog {
  max-height: 600px !important;
  max-width: 900px !important;
}
.puidialog .ui-dialog[style] {
  max-height: 600px !important;
  max-width: 900px !important;
}
.puidialog .ui-dialog-content {
  max-height: calc(600px - 60px) !important;
  overflow: hidden !important;
}
.puidialog .modal_area {
  max-height: calc(600px - 120px) !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.puidialog .ui-datatable {
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}
.puidialog .ui-datatable-wrapper {
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100% !important;
}
.puidialog .modal_area datagridex {
  overflow-x: auto !important;
  max-width: 100% !important;
  min-width: 500px !important;
}
.puidialog .ui-datatable-scrollable-header,
.puidialog .ui-datatable-scrollable-body {
  overflow-x: auto !important;
}
.puidialog .ui-datatable th,
.puidialog .ui-datatable td {
  min-width: 80px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.puidialog .ui-datatable.force-nowrap th,
.puidialog .ui-datatable.force-nowrap td {
  white-space: nowrap !important;
}
.puidialog .modal_area {
  padding-bottom: 20px !important;
}
.puidialog .modal_area > * {
  flex-shrink: 0 !important;
}
.puidialog .modal_area table.wide-content {
  min-width: 800px !important;
}
.puidialog .modal_area td,
.puidialog .modal_area th {
  white-space: nowrap !important;
  overflow: visible !important;
  min-width: 100px !important;
}
.puidialog .ui-datatable th {
  position: relative !important;
  z-index: 1 !important;
}
.puidialog th,
.puidialog .modal_area th,
.puidialog table th {
  color: #495057 !important;
  border: 1px solid #dee2e6 !important;
}
.puidialog .modal_area datagridex {
  max-height: 250px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  margin-bottom: 15px !important;
  min-width: 500px !important;
}
.puidialog .modal_area .tb_sin > table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.puidialog .modal_area .title_1 {
  margin: 20px 0 10px 0 !important;
}

/* public/inc/css/components/dragdroplist/dragdroplist.css */
.ui-dragdroplist .ui-dragdroplist-droppoint-highlight {
  border-color: #156090;
  background: #186ba0;
  color: #1f1f1f;
}
.ui-dragdroplist .ui-dragdroplist-droppoint-highlight a {
  color: #1f1f1f;
}

/* public/inc/css/components/dropdown/dropdown.css */
.ui-dropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.ui-dropdown .ui-dropdown-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}
.ui-dropdown .ui-dropdown-trigger .fa {
  margin-top: 0.4em;
  margin-left: -0.125em;
}
.ui-dropdown .ui-dropdown-label {
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  text-align: left;
  padding-right: 1.5em;
}
.ui-dropdown .ui-dropdown-item-empty,
.ui-dropdown .ui-dropdown-label-empty {
  text-indent: -9999px;
}
.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: default;
}
.ui-dropdown label.ui-dropdown-label {
  cursor: pointer;
}
.ui-dropdown input.ui-dropdown-label {
  cursor: default;
}
.ui-dropdown .ui-dropdown-panel {
  min-width: 100%;
}
.ui-dropdown-panel {
  position: absolute;
  height: auto;
}
.ui-dropdown-panel .ui-dropdown-items-wrapper {
  overflow: auto;
}
.ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
}
.ui-dropdown-panel .ui-dropdown-item-group {
  font-weight: bold;
}
.ui-dropdown-panel .ui-dropdown-list {
  padding: 0.4em;
  border: 0 none;
}
.ui-dropdown-panel .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
}
.ui-dropdown-panel .ui-dropdown-filter-container .fa {
  position: absolute;
  top: 14px;
  right: 1em;
}
.ui-fluid .ui-dropdown {
  width: 100%;
}
.ui-shadow {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: rgb(0, 158, 150);
}
.ui-dropdown,
.ui-dropdown.ui-state-default {
  border-radius: 100px;
  background: #fff;
  padding: 2px 6px 2px 12px;
  min-width: auto;
}
.ui-dropdown label,
.ui-dropdown.ui-state-default label {
  background: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}
.ui-dropdown .ui-dropdown-trigger.ui-state-default.ui-corner-right {
  background: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}
.ui-dropdown .ui-dropdown-trigger .fa::before {
  display: inline-block;
  font-family: "icomoon";
  position: absolute;
  content: "\e916";
  font-size: 12px;
  color: #fff;
  top: 4px;
  z-index: 999;
  background: #24a09a;
  padding: 5px;
  width: 23px;
  height: 23px;
  text-align: center;
  border-radius: 20px;
  left: auto;
  right: 5px !important;
  line-height: 16px;
}
.ui-dropdown-panel .ui-dropdown-filter-container .fa {
  color: #1bb0a7;
}
.select_filter .ui-dropdown label {
  padding: 2px 23px 2px 4px;
}
.select_filter .ui-dropdown label::before {
  display: none;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  position: absolute;
  z-index: 88;
  left: 12px;
  top: 10px;
  color: #1bb0a7;
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  width: 100%;
}
.ui-dropdown-filter-container input.ui-dropdown-filter.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
  font-size: 14px;
  font-weight: lighter;
}
.ui-dropdown-panel input.ui-dropdown-filter.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
  width: 235px;
}
.ui-dropdown-panel .ui-dropdown-filter-container .fa {
  display: none;
}
.wid_auto {
  max-width: 100px;
}
.country {
  display: none;
}
.select-picker {
  position: relative;
}
.select-picker .open-bar {
  border-radius: 100px;
  background: #fff;
  padding: 4px 31px 4px 16px;
  min-width: auto;
  border: 1px solid #d7dadc;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}
.select-picker .open-bar:after {
  content: "";
  border-width: 5px 4px 0 4px;
  position: absolute;
  top: 50%;
  border-color: #1bb0a7 transparent transparent transparent !important;
  border-style: solid;
  margin-top: -2px;
  float: right;
  margin-left: 8px;
}
.select-picker .items {
  border-radius: 4px;
  max-width: 650px;
  display: none;
  border: 1px solid #d7dadc;
  padding: 15px;
  margin: 0;
  position: absolute;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 34px;
}
.select-picker .item {
  width: 120px;
  display: inline-block;
  line-height: 20px;
  list-style: none;
  padding: 2px 15px;
  margin-bottom: 10px;
  vertical-align: top;
  border-radius: 4px;
  cursor: pointer;
}
.select-picker .item:hover {
  background-color: #eee;
}
.select-picker .items.items-show {
  display: block;
  float: left;
}
.select-picker .item.item-active {
  background-color: #009e96;
  color: #ffffff;
}
.dropdown-dynamic-width {
  width: var(--dropdown-width) !important;
}
.dropdown-dynamic-zindex {
  z-index: var(--dropdown-zindex) !important;
}

/* public/inc/css/components/float-btn/float-btn.css */
.float-component {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: auto;
  text-align: right;
  pointer-events: none;
}
.float-btn-wrapper {
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding-left: 2.5px;
  padding-top: 2.5px;
  margin: 20px 20px 0 20px;
  padding: 20px;
  z-index: 9999;
}
#float-list1.float-list {
  margin-bottom: 90px;
}
.float-btn {
  text-align: center;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  top: 30px;
  left: 30px;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #E53935;
  overflow: hidden;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-duration: 1s;
  -o-transition-property: all;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  pointer-events: auto;
}
.float-btn i {
  font-size: 23px;
  line-height: 56px;
}
.float-btn.open {
  width: 56px;
  height: 56px;
  top: 0px;
  left: 0px;
}
.float-btn img {
  position: absolute;
  width: 0px;
  height: 0px;
  display: block;
  top: 0px;
  left: 0px;
  margin: 0px auto 0px auto;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-duration: 1s;
  -o-transition-property: all;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.float-btn.open img {
  top: 14px;
  left: 14px;
  width: 28px;
  height: 28px;
}
.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
  animation: rippleDrop .6s linear;
}
@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.arrow_box {
  position: relative;
}
.arrow_box:after,
.arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.arrow_box:before {
}
.float-btn#float1 {
  background-color: #FEB300;
}
.float-btn#float2 {
  background-color: #FEB300;
}
.float-btn#float3 {
  background-color: #FEB300;
}
.float-btn-container {
  vertical-align: bottom;
  display: inline-block;
}
.float-list-container {
  vertical-align: bottom;
  display: inline-block;
}
.float-btn#float1 i {
  background: url("./media/icon_history-4LLJ6EIV.png") no-repeat center center;
  background-size: 25px;
  width: 25px;
  height: 25px;
  margin-top: 14px;
}
.float-list {
  vertical-align: bottom;
  display: inline-block;
  text-align: left;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.22);
  margin-bottom: 12px;
  background: #fff;
  border-radius: 8px;
  padding: 15px 20px;
  position: absolute;
  width: 700px;
  right: 100px;
  bottom: 0;
}
.float-list li.list-header {
  line-height: normal;
  font-size: 18px;
  background: #fff;
  display: block;
  position: relative;
  height: 33px;
  font-weight: 500;
}
.float-list li.list-header::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 3px;
  background: #1bb0a7;
  bottom: 0;
  left: 0;
}
.float-list li.list-group-item {
  display: inline-block;
  border: 0;
  box-shadow: none;
  width: 24%;
  padding: 0;
  margin: 10px 0;
}
.float-list li.list-group-item a {
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: normal;
  color: #333;
}
.float-list li.list-group-item a:hover {
  background: #f1f1f1;
}

/* public/inc/css/components/growl/growl.css */
.ui-growl {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 20em;
}
.ui-growl-item-container {
  position: relative;
  margin: 0 0 10px 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.ui-growl-item {
  position: relative;
  display: block;
  padding: .5em 1em;
}
.ui-growl-item p {
  padding: 0;
  margin: 0;
}
.ui-growl-icon-close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
.ui-growl-title {
  font-weight: bold;
  padding: 0 0 .5em 0;
  display: block;
}
.ui-growl-image {
  position: absolute;
  display: inline-block;
  left: .5em;
  top: .25em;
  padding: 0;
}
.ui-growl-message {
  padding: 0 0 .25em 0;
  margin-left: 2.5em;
}
.ui-growl-message p {
  font-weight: normal;
}

/* public/inc/css/components/inputtext/inputtext.css */
.ui-inputtext {
  margin: 0;
  outline: medium none;
  padding: 2px 23px 2px 4px;
}
.ui-inputtext,
.ui-widget-content .ui-inputtext,
.ui-widget-header .ui-inputtext {
  font-weight: normal;
  cursor: text;
  background: none #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.ui-fluid .ui-inputtext {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ui-inputtext.ui-state-focus,
.ui-widget-content .ui-inputtext.ui-state-focus,
.ui-widget-header .ui-inputtext.ui-state-focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.ui-inputtext.ui-state-error,
.ui-widget-header .ui-inputtext.ui-state-error,
.ui-widget-content .ui-inputtext.ui-state-error {
  color: #333333;
  border: 1px solid #eed3d7;
}
.form-control {
  width: 120px;
  position: relative;
  margin-right: 8px;
  display: inline-block;
  height: 30px;
}
input.form-control:focus {
  box-shadow: none;
  border: 1px solid #91b4b2;
}
.form-control.wid_100per {
  width: 100%;
}
.form-control[disabled],
.selectpicker[disabled] {
  cursor: default;
  opacity: 0.7 !important;
  background-color: #eeeeee !important;
  text-align: left !important;
}
.ui-state-disabled {
  opacity: 0.8;
}
input:not(input[type=checkbox]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 100px;
}
.form-control {
  border-color: #cbcbcb;
}
input:-ms-input-placeholder {
  color: #7f8b8d;
  font-weight: bolder;
}
input:-ms-input-placeholder {
  color: #7f8b8d;
  font-family:
    "\5fae\8edf\6b63\9ed1\9ad4",
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black";
}
input:placeholder-shown {
  color: #7f8b8d;
  font-family:
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black",
    "\5fae\8edf\6b63\9ed1\9ad4";
}
input::-webkit-input-placeholder {
  color: #7f8b8d;
  font-family:
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black",
    "\5fae\8edf\6b63\9ed1\9ad4";
}
input::-moz-placeholder {
  color: #7f8b8d;
  font-family:
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black",
    "\5fae\8edf\6b63\9ed1\9ad4";
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #7f8b8d;
  font-family:
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black",
    "\5fae\8edf\6b63\9ed1\9ad4";
}
input:-moz-placeholder {
  color: #7f8b8d;
  font-family:
    "Roboto",
    sans-serif,
    "NotoSansCJKtc-Black",
    "\5fae\8edf\6b63\9ed1\9ad4";
}
.input_group {
  border: 1px solid #d7dadc;
}
.input_group.no-border {
  border: 1px solid transparent;
}
.input_group .title {
  color: #879195;
}
input,
.input_group.has-value input:-ms-input-placeholder {
  color: transparent;
}
.input_group i {
  float: right;
  background: #ffffff;
  background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), white);
  color: #009e96;
  border-radius: 500px;
}
.input-group .input-group-addon {
  border-radius: 0 50px 50px 0;
}
.input-group:before {
  content: attr(data-title);
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 12px;
  color: #aaa;
  display: none;
}
.input-group.is-show:before,
.input-group.is-hide {
  display: block;
}
.input-group.is-hide:before {
  display: none;
}
.input-group.is-error input.input {
  border-bottom: 1px solid red !important;
}
.input-group .txt_error {
  display: none;
}
.input-group.is-error .txt_error {
  display: block;
}
.input-group .txt_error {
  color: #ff0000;
  font-weight: normal;
  font-size: 13px;
  background: #fff1f1;
  padding: 3px 8px;
  margin-left: 20px;
}
.txt_info.txt_error {
  display: inline-block;
  color: #ff0000;
  font-weight: normal;
  font-size: 13px;
  background: #fff1f1;
  padding: 3px 8px;
  padding-left: 26px;
  position: relative;
}
.txt_info.txt_error i.fa {
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 6px;
}
.input-group.is-error .input-group-input {
  border-color: #ffaaaa;
  background: #fff6f6;
}
.tb_mul td .form-control {
  display: inline-block;
}
.tb_mul td .form-control.dis_block {
  display: block;
}
.form-control.wid_100px {
  width: 100px;
}
.form-control.wid_110px {
  width: 110px;
}
.form-control.wid_120px {
  width: 120px;
}
.form-control.wid_130px {
  width: 130px;
}
.form-control.wid_140px {
  width: 140px;
}
.form-control.wid_150px {
  width: 150px;
}
.form-control.wid_160px {
  width: 160px;
}
.form-control.wid_170px {
  width: 170px;
}
.form-control.wid_180px {
  width: 180px;
}
.form-control.wid_190px {
  width: 190px;
}
.form-control.wid_200px {
  width: 200px;
}
.form-control.wid_240px {
  width: 240px;
}
.form-control.wid_250px {
  width: 250px;
}
.form-control.wid_300px {
  width: 300px;
}
.form-control.wid_550px {
  width: 550px;
}
.form-control.wid_90px {
  width: 90px;
}
.form-control.wid_80px {
  width: 80px;
}
.form-control.wid_60px {
  width: 60px;
}
.form-control.wid_50px {
  width: 50px;
}
.form-control.wid_40px {
  width: 40px;
}
.form-control.wid_35px {
  width: 35px;
}
.form-control.wid_30px {
  width: 30px !important;
}
.form-control.wid_25px {
  width: 25px;
}
.form-control.ht_100px {
  height: 100px;
}
.form-control[type=file].dis_inlineblock {
  display: inline-block;
}
textarea.form-control {
  outline: none;
}
textarea.form-control:focus {
  border: 1px solid #91b4b2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.search {
  padding: 20px;
  padding: 20px 20px 10px 20px;
  position: relative;
}
.search-input {
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  border: 0px;
  border-radius: 0px !important;
  border-bottom: 1px solid #d9d9d9 !important;
  background: #fff;
  width: 100%;
}
.search:before {
  content: "\e917";
  font-family: "icomoon";
  color: #24a09a;
  font-size: 18px;
  display: inline-block;
  font-weight: normal;
  position: absolute;
  top: 25px;
  left: 25px;
}
.money-input-hidden {
  display: none !important;
}
.money-input-visible {
  display: inline-block !important;
}
.input-uppercase {
  text-transform: uppercase !important;
}
.input-lowercase {
  text-transform: lowercase !important;
}
.input-capitalize {
  text-transform: capitalize !important;
}

/* public/inc/css/components/messages/messages.css */
.ui-messages {
  border: 1px solid;
  margin: .5em 0;
  padding: 1em 1em 1em .5em;
  display: none;
  position: relative;
}
.ui-messages-icon {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.ui-messages-summary {
  font-weight: bold;
  margin-left: .25em;
}
.ui-messages-detail {
  margin-left: .25em;
}
.ui-messages-success {
  color: #ffffff;
  background-color: #4CAF50;
  border-color: #4CAF50;
}
.ui-messages-info {
  color: #ffffff;
  background-color: #2196f3;
  border-color: #2196f3;
}
.ui-messages-warn {
  color: #ffffff;
  background-color: #FFB300;
  border-color: #FFB300;
}
.ui-messages-error {
  color: #ffffff;
  background-color: #f44336;
  border-color: #f44336;
}
.ui-messages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}
.ui-messages.ui-messages-noicon ul {
  margin: 0 1.5em 0 0;
}
.ui-messages .ui-messages-close {
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ui-message {
  border: 1px solid;
  margin: 0px .25em;
  padding: .125em .25em;
}

/* public/inc/css/components/multiselect/multiselect.css */
.ui-multiselect {
  display: inline-block;
  position: relative;
  width: auto;
  cursor: pointer;
}
.ui-multiselect .ui-multiselect-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 .25em;
}
.ui-multiselect .ui-multiselect-trigger .fa {
  margin-top: .4em;
  margin-left: .15em;
}
.ui-multiselect .ui-multiselect-label-container {
  overflow: hidden;
}
.ui-multiselect .ui-multiselect-label {
  display: block;
  padding: 2px 10px 2px 5px;
  margin: 0 10px 0 0;
  width: auto;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
.ui-multiselect.ui-state-disabled .ui-multiselect-label {
  cursor: auto;
}
.ui-multiselect-panel {
  padding: 0.2em;
  position: absolute;
  min-width: 10em;
}
.ui-multiselect-panel .ui-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0;
}
.ui-multiselect-panel .ui-multiselect-list {
  border: 0 none;
}
.ui-multiselect-panel .ui-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: .125em .25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
}
.ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}
.ui-multiselect-panel .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  text-shadow: none;
  color: #333;
  margin: 0 0 0 3px;
}
.ui-multiselect-panel .ui-multiselect-item.ui-state-highlight label {
  color: #fff;
}
.ui-multiselect-header {
  margin-bottom: 0.3em;
  padding: .25em;
  position: relative;
  text-align: left;
}
.ui-multiselect-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-multiselect-header .ui-multiselect-filter-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}
.ui-multiselect-header .ui-multiselect-filter-container .fa {
  position: absolute;
  top: 6px;
  left: 7px;
  color: #1BB0A7;
}
.ui-multiselect-header .ui-inputtext {
  padding: .125em .125em .125em 1.25em;
  width: 100%;
}
.ui-multiselect-header .ui-multiselect-close {
  position: absolute;
  right: .375em;
  top: .375em;
  display: block;
  font-size: 1em;
  border: 0 none;
}
.ui-multiselect-header a.ui-multiselect-all,
.ui-multiselect-header a.ui-multiselect-none {
  float: left;
  margin-right: 10px;
  display: block;
}
.ui-multiselect-header .ui-multiselect-close.ui-state-hover {
  padding: 0px;
}
.ui-fluid .ui-multiselect {
  width: 100%;
  box-sizing: border-box;
}
.ui-multiselect.ui-shadow {
  box-shadow: none;
  min-width: 200px;
}
.ui-multiselect {
  padding: 2px 12px 2px 30px;
  border-radius: 100px;
  background: #fff;
}
.ui-multiselect::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  position: absolute;
  z-index: 100;
  left: 12px;
  top: 7px;
  color: #1BB0A7;
}
.ui-multiselect-trigger.ui-state-default.ui-corner-right {
  background: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}
.ui-multiselect .ui-multiselect-trigger .fa::before {
  display: none;
}
.ui-multiselect .ui-multiselect-trigger .fa {
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin: auto;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  border-color: #1BB0A7 transparent transparent transparent !important;
}
.ui-multiselect .ui-chkbox .ui-chkbox-icon.fa-check::before {
  color: #1BB0A7;
}
.ui-multiselect-close.ui-corner-all {
  display: none;
}

/* public/inc/css/components/other/other.css */
.display-block {
  display: block !important;
}
.display-none {
  display: none !important;
}
.display-table-cell {
  display: table-cell !important;
}
.display-block {
  display: block !important;
}
.display-none {
  display: none !important;
}
.display-table {
  display: table !important;
}
.display-inline-block {
  display: inline-block !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.temp-measure-hidden {
  visibility: hidden !important;
  display: block !important;
}
.cursor-auto {
  cursor: auto !important;
}
.table-cell-display {
  display: table-cell !important;
}
.position-absolute {
  position: absolute !important;
}
.position-relative {
  position: relative !important;
}
.position-fixed {
  position: fixed !important;
}
.position-static {
  position: static !important;
}
.tooltip-positioned {
  position: absolute !important;
}
.orderlist-vertical-align-top {
  vertical-align: top !important;
}
.fileupload-form {
  display: inline-block !important;
  vertical-align: top !important;
}
.fileupload-hidden {
  display: none !important;
}
.growl-clearfix {
  clear: both !important;
}
.fade-in {
  opacity: 1;
  transition: opacity 250ms ease-in;
}
.fade-out {
  opacity: 0;
  transition: opacity 250ms ease-out;
}
.popup-resize-handle {
  z-index: 90 !important;
}
.csp-display-table-row {
  display: table-row !important;
}
.csp-display-none {
  display: none !important;
}
.csp-display-block {
  display: block !important;
}
.csp-display-inline {
  display: inline !important;
}
.csp-display-inline-block {
  display: inline-block !important;
}
.csp-display-flex {
  display: flex !important;
}
.csp-display-table {
  display: table !important;
}
.csp-display-table-cell {
  display: table-cell !important;
}
.csp-border-1px {
  border: 1px solid #ccc !important;
}
.csp-visibility-hidden {
  visibility: hidden !important;
}
.csp-visibility-visible {
  visibility: visible !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.white-space-pre-wrap {
  white-space: pre-wrap !important;
}
.width-60px {
  width: 60px !important;
}
.width-100px {
  width: 100px !important;
}
.width-50-percent {
  width: 50% !important;
}
.width-100-percent {
  width: 100% !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.color-red {
  color: red !important;
}
.color-blue {
  color: #00b0f0 !important;
}
.color-black {
  color: black !important;
}
.hidden-zero-height {
  height: 0px;
  overflow: hidden;
}
.outline-none {
  outline: 0px !important;
}
.color-blue-no-outline {
  color: #00b0f0 !important;
  outline: 0px !important;
}

/* public/inc/css/components/paginator/paginator.css */
.ui-paginator {
  margin: 0;
  text-align: center;
  padding: .125em;
}
.ui-paginator .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-paginator .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
  display: inline-block;
  padding: .125em .375em;
  zoom: 1;
  margin-left: .063em;
  margin-right: .063em;
  text-decoration: none;
}
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev {
  cursor: pointer;
}
.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
  margin-left: 1em;
  margin-right: 1em;
  background-image: none;
}
.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-paginator a.ui-state-disabled {
  outline: 0 none;
}
.tb_paginator {
  padding: 10px 10px 10px 20px;
  margin: 0;
  background: #fbfbfb;
  border-radius: 5px;
}
.tb_paginator .btn_i {
  min-width: 44px;
}
.tb_paginator .btn_i i {
  line-height: 30px;
}
.tb_paginator .ui-dropdown {
  width: 60px;
  min-width: 60px;
  border-radius: 100px;
  background: #fff;
}
.tb_paginator .input-group .input-group-addon {
  border-radius: 0 50px 50px 0;
}
.tb_paginator .ui-dropdown label.ui-dropdown-label {
  border: 0;
  background: none;
  box-shadow: none;
}
.tb_paginator .txt_number {
  color: #009e96;
  font-size: 15px;
}

/* public/inc/css/components/panel/panel.css */
.ui-panel {
  padding: 0.2em;
}
.ui-panel .ui-panel-titlebar {
  padding: .5em .75em;
}
.ui-panel .ui-panel-titlebar-icon {
  float: right;
  cursor: pointer;
}
.ui-panel .ui-panel-titlebar-icon {
  margin-left: 0.2em;
  margin-top: -0.1em;
}
.ui-panel .ui-panel-content {
  border: 0;
  background: none;
  padding: .5em .75em;
}
.ui-panel .ui-panel-footer {
  border-width: 1px 0 0;
  padding: .25em .5em;
  text-align: left;
}
.ui-panel-content-wrapper-overflown {
  overflow: hidden;
}
.ui-panel.ui-widget {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  padding: 0;
  border-radius: 3px;
  border-color: #ddd;
}
.ui-panel .ui-panel-titlebar.ui-widget-header {
  padding: 10px 15px;
  border: 0px none;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-radius: 0px;
}
.ui-panel .ui-panel-content.ui-widget-content {
  padding: 15px;
}

/* public/inc/css/components/picklist/picklist.css */
.ui-picklist > div {
}
.ui-picklist .ui-picklist-buttons {
  height: 12.5em;
  padding: 0 .25em;
}
.ui-picklist .ui-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  height: 12.5em;
  width: 400px;
}
.ui-picklist .ui-picklist-list li {
  margin: 1px;
  padding: .125em;
}
.ui-picklist .ui-button {
  display: block;
  margin: 0 auto 0.25em auto;
}
.ui-picklist .ui-button-text-icon-left {
  width: 100%;
}
.ui-picklist .ui-picklist-item {
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}
.ui-picklist .ui-picklist-caption {
  text-align: center;
  padding: .5em .75em;
  border-bottom: 0 none;
}
.ui-picklist table {
  width: 100%;
  border-collapse: collapse;
}
.ui-picklist .ui-picklist-filter {
  padding-right: 1em;
  width: 100%;
  box-sizing: border-box;
}
.ui-picklist .ui-picklist-filter-container {
  position: relative;
  margin: 0;
  padding: 0;
}
.ui-picklist .ui-picklist-filter-container .fa {
  position: absolute;
  top: .25em;
  right: .125em;
}
.ui-picklist {
  display: table;
}
.ui-picklist > div {
  float: none;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.ui-picklist .ui-picklist-buttons {
  vertical-align: middle;
}
.ui-picklist.ui-picklist-vertical {
  display: table;
}
.ui-picklist.ui-picklist-vertical > div {
  float: none;
  display: table-row;
  vertical-align: top;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
  text-align: center;
  height: auto;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
  display: inline-block;
}
.ui-picklist.ui-picklist-vertical .ui-button {
  margin-top: 0.25em;
}
.ui-picklist-outline {
  outline: 1px dotted black;
  z-index: 1;
}
.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
  outline: none;
  margin: 0 auto;
  text-align: left;
}
.ui-picklist.ui-picklist-responsive * {
  box-sizing: border-box;
}
.ui-picklist.ui-picklist-responsive {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
  width: 35%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
  width: 45%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 10%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  width: auto;
}
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive {
    display: block;
  }
  .ui-picklist.ui-picklist-responsive > div {
    display: block;
    width: 100% !important;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    text-align: center;
    height: auto;
    padding: .4em 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    display: inline;
    width: 20%;
    margin-bottom: 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
    padding-bottom: .4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
    padding-top: .4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before {
    content: "\f107";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right:before {
    content: "\f103";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left:before {
    content: "\f106";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left:before {
    content: "\f102";
  }
}
.ui-picklist .ui-button.ui-corner-all {
  padding: 2px 12px;
  margin-bottom: 3px;
  font-size: 14px;
  color: #333;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
}
.ui-picklist .ui-button.ui-corner-all:hover {
  color: #fff;
  background: #009D99;
}

/* public/inc/css/components/radiobutton/radiobutton.css */
label {
  color: #333;
  font-weight: normal;
  margin-right: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
}
.pad_5 label {
  margin-bottom: 0;
}
.ui-radiobutton {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}
.ui-radiobutton-box,
.ui-radiobutton-box.ui-state-default {
  position: relative;
  border: 1px solid;
  border-color: #cbcbcb;
  border-radius: 50px;
  display: inline-block;
  padding: 9px;
  background: #fff;
  box-shadow: none;
  height: 20px;
  width: 20px;
}
.ui-radiobutton-icon::before {
  background: #eee;
  border-radius: 50px;
  content: " ";
  height: 6px;
  width: 6px;
  left: 6px;
  position: absolute;
  top: 6px;
}
.ui-radiobutton,
.ui-radiobutton-label {
  vertical-align: middle;
  display: inline-block;
}
.ui-radiobutton-box:hover {
  border-color: #91b4b2;
}
.ui-radiobutton-box.ui-state-active,
.ui-radiobutton-box.ui-state-active.ui-state-default {
  border-color: #1bb0a7;
  background: #fff;
}
.ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  width: 0;
}
.ui-radiobutton-box.ui-state-active .ui-radiobutton-icon::before {
  background: #1bb0a7;
  border-radius: 50px;
  content: " ";
  height: 12px;
  width: 12px;
  left: 3px;
  position: absolute;
  top: 3px;
}
.ui-radiobutton-box.ui-state-disabled {
  opacity: 1;
  background: #eee;
  border-color: #f8f8f8;
}
.ui-radiobutton-box.ui-state-disabled:hover {
  border-color: #f8f8f8;
}
.ui-radiobutton-box.ui-state-disabled .ui-radiobutton-icon::before {
  background: #f8f8f8;
}
.ui-radiobutton-box.ui-state-disabled.ui-state-active {
  opacity: 0.5;
}
.ui-radiobutton-box.ui-state-disabled.ui-state-active:hover {
  border-color: #1bb0a7;
}
.ui-radiobutton-box.ui-state-disabled.ui-state-active .ui-radiobutton-icon::before {
  background: rgb(27, 176, 167);
}
table.tb_list radiobutton[name=downloadBeans] {
  display: flex;
}
table.tb_list radiobutton[name=downloadBeans] .ui-radiobutton {
  margin-right: 8px;
}
table.tb_list radiobutton[name=downloadBeans] label {
  line-height: normal;
}
radiobutton {
  display: inline-block;
}
radiobutton label {
  -webkit-user-select: none;
  user-select: none;
}
.radio-label-clickable {
  cursor: pointer !important;
}
radiobutton {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
  margin-left: 3px !important;
  margin-right: 5px !important;
  gap: 6px !important;
  line-height: 1 !important;
}
radiobutton .ui-radiobutton {
  margin-right: 0 !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}
radiobutton .ui-radiobutton-label {
  line-height: 1.2 !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
  display: inline-block !important;
}
radiobutton .ui-radiobutton-box {
  vertical-align: middle !important;
}
radiobutton .ui-radiobutton-box.ui-state-active {
  vertical-align: middle !important;
  border-color: #1bb0a7 !important;
  background: #fff !important;
}
radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  width: 0 !important;
}
radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon::before {
  background: #1bb0a7 !important;
  border-radius: 50px !important;
  content: " " !important;
  height: 12px !important;
  width: 12px !important;
  left: 3px !important;
  position: absolute !important;
  top: 3px !important;
}
radiobutton .ui-radiobutton-box:hover {
  border-color: #91b4b2 !important;
  vertical-align: middle !important;
}
radiobutton.ui-state-active .ui-radiobutton-label,
radiobutton .ui-radiobutton-box.ui-state-active + .ui-radiobutton-label {
  vertical-align: middle !important;
  line-height: 1.2 !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled {
  opacity: 1 !important;
  background: #eee !important;
  border-color: #f8f8f8 !important;
  vertical-align: middle !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled:hover {
  border-color: #f8f8f8 !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled .ui-radiobutton-icon::before {
  background: #f8f8f8 !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active {
  opacity: 0.5 !important;
  vertical-align: middle !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active:hover {
  border-color: #1bb0a7 !important;
}
radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active .ui-radiobutton-icon::before {
  background: rgb(27, 176, 167) !important;
}
.radio-switch-link {
  text-decoration: none !important;
}

/* public/inc/css/components/step/step.css */
.step_num {
  display: none;
}
.page_step {
  display: block;
  margin-bottom: 10px;
}
.page_step li {
  display: inline-block;
  position: relative;
  z-index: 1;
  position: relative;
  line-height: 34px;
  padding: 0 10px;
  color: #B2DCDB;
  font-size: 1.1em;
}
.page_step li::before {
  color: #B2DCDB;
  font: normal normal normal 15px/1 FontAwesome;
  content: "\f061";
  line-height: 34px;
}
.page_step li.active,
.page_step li.active::before {
  color: #1BB0A7;
}
.page_step li a {
  color: #1BB0A7;
}
.page_step li a:hover {
  text-decoration: underline;
}
.tab_area {
  display: block;
  margin-bottom: 10px;
}
.tab_area ul {
  display: inline-block;
  width: 100%;
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f3f3f3", GradientType=0);
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  height: 44px;
}
.tab_area li {
  display: inline-block;
  position: relative;
  z-index: 1;
  position: relative;
  line-height: 34px;
  padding: 8px 20px;
  color: #333333;
  font-size: 1.1em;
  padding: 4px 20px;
  border-right: 1px solid #dddddd;
}
.tab_area li.none_line {
  border-right: none;
}
.tab_area li a {
  color: #333333;
}
.tab_area li a:hover {
  text-decoration: underline;
}
.tab_area li.active a {
  color: #333333;
}
.tab_area li.active {
  background: #fff;
  border-top: 3px solid #1BB0A7;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  position: relative;
  border-radius: 4px 4px 0px 0px;
  padding: 1px 20px;
  top: 4px;
}
.page_function {
  display: block;
  margin-bottom: 10px;
}
.page_function ul {
  display: block;
  background:
    linear-gradient(
      to bottom,
      #fefefe 0%,
      #f0f0f0 100%);
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.page_function li {
  display: inline-block;
  position: relative;
  z-index: 1;
  position: relative;
  line-height: 34px;
  padding: 6px 26px;
  color: #333333;
  font-size: 1.1em;
  border-right: 1px solid #dddddd;
}
.page_function li.active:before {
  display: none;
}
.page_function li.active {
  border: 1px solid #dddddd;
  border-top: 2px solid #1BB0A7;
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  border-radius: 4px 4px 0 0;
}
.page_function li a {
  display: inline-block;
  color: #333333;
}
.page_function li a:hover {
  text-decoration: underline;
  color: #333333;
}

/* public/inc/css/components/switch/switch.css */
input[type=checkbox].ios-switch:not(old) {
  position: absolute;
  opacity: 0;
  display: none;
}
input[type=checkbox].ios-switch:not(old) + div {
  vertical-align: middle;
  width: 40px;
  height: 25px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: .4s;
  -webkit-transition-property: background-color, box-shadow;
  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4);
}
input[type=checkbox].ios-switch:not(old):checked + div {
  width: 40px;
  background-position: 0 0;
  background-color: #00A8A3;
}
input[type=checkbox].ios-switch:not(old) + div > div {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: inherit;
  background: #ffffff;
  -webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property:
    transform,
    background-color,
    box-shadow;
  -moz-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-property: transform, background-color;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(200, 200, 200, 0.4);
  pointer-events: none;
  margin-top: 0px;
  margin-left: 1px;
}
input[type=checkbox].ios-switch:not(old):checked + div > div {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  background-color: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgb(255, 187, 0);
}
input[type=checkbox].bigswitch.ios-switch:not(old):checked + div > div {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgb(73, 184, 180);
}

/* public/inc/css/components/tabview/tabview.css */
.nav-tabs {
  border: 0;
  background: #f7f7f7;
  padding: 8px;
}
.nav-tabs > li {
  width: 50%;
}
.nav-tabs > li a,
.nav-tabs > li a:active,
.nav-tabs > li a:focus,
.nav-tabs > li a:hover {
  padding: 5px;
  display: block;
  color: #333;
  font-weight: bolder;
  border-radius: 0;
  text-align: center;
  border: 1px solid transparent;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus,
.nav-tabs > li.active a:hover {
  background: #fff;
  display: block;
  border: 0;
  color: #24a09a;
  border: 1px solid #24a09a;
}
.nav-tabs a:active {
  opacity: 0.7;
}
.nav-tabs button {
  margin-left: 10px;
  margin-top: 2px;
}
.nav-tabs li.disabled {
  opacity: 0.5;
}
.nav-tabs > li.disabled > a:hover {
  border: 1px solid #24a09a;
}
.nav-tabs li.disabled a:visited,
.nav-tabs li.disabled a:hover,
.nav-tabs li.disabled a:active,
.nav-tabs li.disabled a:focus {
  cursor: default;
  opacity: 1;
}
.nav-tabs > li.active.disabled > a:hover {
  border: 1px solid #dddddd;
}
.QA_tabs {
  width: 100%;
}
.QA_tabs > li {
  width: 50%;
  float: left;
}
.QA_tabs.QA_tabs_3 > li {
  width: 33%;
}
.QA_tabs > li > a {
  width: 100%;
  color: rgba(55, 71, 79, 0.7);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-bottom: 2px solid #dddddd;
}
.QA_tabs > li.active > a {
  border-bottom: 2px solid #179d98;
  color: rgba(55, 71, 79, 1);
}
.nav.QA_tabs > li > a:focus,
.nav.QA_tabs > li > a:hover {
  background-color: #f2f2f2;
}
.tab-nav-link {
  text-decoration: none !important;
}

/* public/inc/css/components/tooltip/tooltip.css */

/* public/inc/css/components/tree/tree.css */
.tree_company ul li.ui-treenode li,
.tree_company ul li.ui-treenode li {
  padding-bottom: 0;
  padding-top: 5px;
  background: #Fff;
  padding-left: 10px;
}
.tree_title_link {
  color: #1BB0A7;
}
.ui-treetable-data td {
  width: 200px;
}

/* public/inc/css/components/progressbar/progressbar.css */
.progress-0 {
  width: 0% !important;
}
.progress-5 {
  width: 5% !important;
}
.progress-10 {
  width: 10% !important;
}
.progress-15 {
  width: 15% !important;
}
.progress-20 {
  width: 20% !important;
}
.progress-25 {
  width: 25% !important;
}
.progress-30 {
  width: 30% !important;
}
.progress-35 {
  width: 35% !important;
}
.progress-40 {
  width: 40% !important;
}
.progress-45 {
  width: 45% !important;
}
.progress-50 {
  width: 50% !important;
}
.progress-55 {
  width: 55% !important;
}
.progress-60 {
  width: 60% !important;
}
.progress-65 {
  width: 65% !important;
}
.progress-70 {
  width: 70% !important;
}
.progress-75 {
  width: 75% !important;
}
.progress-80 {
  width: 80% !important;
}
.progress-85 {
  width: 85% !important;
}
.progress-90 {
  width: 90% !important;
}
.progress-95 {
  width: 95% !important;
}
.progress-100 {
  width: 100% !important;
}

/* public/inc/css/eventcontent.css */
.event-content-width30 {
  width: 30%;
}
.event-content-color-red {
  color: red;
}
.event-content-padding15px {
  padding: 15px;
}
.event-content-margin0-auto {
  margin: 0 auto;
}
.event-content-margin10px-0 {
  margin: 10px 0;
}
.event-content-colorfc585b {
  color: #fc585b;
}
.event-content-colorcc0607 {
  color: #CC0607;
}
.event-content-color-009e96 {
  color: #009e96;
}
.event-content-color-cc0607 {
  color: #CC0607;
}
.event-content-color-fc585b {
  color: #fc585b;
}
.event-content-margin-40px-0 {
  margin: 40px 0;
}
.event-content-padding0-13px {
  padding: 0 13px;
}
.event-content-margin-top15px {
  margin-top: 15px;
}
.event-content-margin-top25px {
  margin-top: 25px;
}
.event-content-margin-top-15px {
  margin-top: 15px;
}
.event-content-margin-top-25px {
  margin-top: 25px;
}
.event-content-margin-top-40px {
  margin-top: 40px;
}
.event-content-font-weight-bold {
  font-weight: bold;
}
.event-content-line-height-22px {
  line-height: 22px;
}
.event-content-padding-top-10px {
  padding-top: 10px;
}
.event-content-text-aligncenter {
  text-align: center;
}
.event-content-margin-bottom10px {
  margin-bottom: 10px;
}
.event-content-padding-left-15px {
  padding-left: 15px;
}
.event-content-padding-left-25px {
  padding-left: 25px;
}
.event-content-table-layout-fixed {
  table-layout: fixed;
}
.event-content-vertical-align-top {
  vertical-align: top;
}
.event-content-margin-bottom-10px {
  margin-bottom: 10px;
}
.event-content-padding-bottom-10px {
  padding-bottom: 10px;
}
.event-content-padding-bottom-20px {
  padding-bottom: 20px;
}
.event-content-word-breakbreak-word {
  word-break: break-word;
}
.event-content-vertical-align-middle {
  vertical-align: middle;
}
.event-content-list-style-type-circle {
  list-style-type: circle;
}
.event-content-border-top-1px-solid-dddddd {
  border-top: 1px solid #dddddd;
}
.event-content-color-3e5a59 {
  color: #3e5a59;
  font-size: 14px;
}
.event-content-color-3e5a59--font-size-14px {
  color: #3e5a59;
  font-size: 14px;
}
.event-content-font-size13px {
  font-size: 13px;
  line-height: 1.8em;
}
.event-content-font-size15px {
  font-size: 15px;
  line-height: 1.8em;
}
.event-content-margin-20px-0 {
  margin: 20px 0;
  text-align: center;
}
.event-content-text-align-left {
  text-align: left;
  line-height: 22px;
}
.event-content-margin-top25px-margin-bottom25px {
  margin-top: 25px;
  margin-bottom: 25px;
}
.event-content-text-align-right {
  text-align: right;
  line-height: 22px;
}
.event-content-margin-top25px-margin-bottom-25px {
  margin-top: 25px;
  margin-bottom: 25px;
}
.event-content-font-size-13px {
  font-size: 13px;
  line-height: 1.8em;
}
.event-content-margin-top25px--margin-bottom25px {
  margin-top: 25px;
  margin-bottom: 25px;
}
.event-content-text-align-left-margin-bottom-5px {
  text-align: left;
  margin-bottom: 5px;
}
.event-content-font-size-15px {
  font-size: 15px;
  line-height: 1.8em;
}
.event-content-margin-top-25px-table-layoutfixed {
  margin-top: 25px;
  table-layout: fixed;
}
.event-content-font-size-12px {
  font-size: 12px;
  line-height: 1.8em;
}
.event-content-text-align-center {
  text-align: center;
  line-height: 22px;
}
.event-content-margin-top25px--margin-bottom-25px {
  margin-top: 25px;
  margin-bottom: 25px;
}
.event-content-text-align-center-line-height-34px {
  text-align: center;
  line-height: 34px;
}
.event-content-margin-bottom10px-line-height-22px {
  margin-bottom: 10px;
  line-height: 22px;
}
.event-content-margin-right--15px {
  margin-right: -15px;
  margin-left: -15px;
}
.event-content-margin-top-25px--margin-bottom-25px {
  margin-top: 25px;
  margin-bottom: 25px;
}
.event-content {
  font-family:
    \5fae\8edf\6b63\9ed1\9ad4,
    Arial,
    sans-serif;
}
.event-content-list-style-type-disc {
  list-style-type: disc;
  margin-left: 20px;
}
.event-content-padding8px-4px {
  padding: 8px 4px;
  background-color: #ffffff;
}
.event-content-padding8px-4px-background-colorf5fbfb {
  padding: 8px 4px;
  background-color: #f5fbfb;
}
.event-content-padding-4px {
  padding: 4px;
  border-bottom: 1px solid #eee;
}
.event-content-margin-bottom20px {
  margin-bottom: 20px;
  border: 2px solid #b2dcdb;
}
.event-content-padding-8px-4px {
  padding: 8px 4px;
  background-color: #ffffff;
}
.event-content-padding-8px-4px--background-color-f5fbfb {
  padding: 8px 4px;
  background-color: #f5fbfb;
}
.event-content-border-bottom1px-solid-e5e5e5 {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
}
.event-content-box-shadow-0px-2px-rgba179-205-204-05 {
  box-shadow: 0px 2px rgba(179, 205, 204, 0.5);
}
.event-content-font-size24px {
  font-size: 24px;
  color: #009e96;
  font-weight: bold;
}
.event-content-margin-bottom-20px {
  margin-bottom: 20px;
  border: 2px solid #b2dcdb;
}
.event-content-font-size-16px {
  font-size: 16px;
  color: #009e96;
  line-height: 34px;
}
.event-content-margin-top-20px {
  margin-top: 20px;
  border-top: 1px solid #dddddd;
}
.event-content-border-top-1px-solid-dddddd-margin-bottom20px {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
}
.event-content-border-bottom1px-solid-e5e5e5-padding15px-4px {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 4px;
}
.event-content-border-bottom1px-solid-e5e5e5-padding15px-2px {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 2px;
}
.event-content-border-bottom1px-solid-e5e5e5-padding15px-6px {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 6px;
}
.event-content-border-bottom1px-solid-e5e5e5-padding10px-2px {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 2px;
}
.event-content-padding10px-0 {
  padding: 10px 0;
  text-align: center;
  margin-bottom: 0;
}
.event-content-font-size13px-line-height18em {
  font-size: 13px;
  line-height: 1.8em;
  text-indent: 16px;
}
.event-content-font-size13px-line-height08em {
  font-size: 13px;
  line-height: 0.8em;
  text-indent: 16px;
}
.event-content-font-size13px-line-height13em {
  font-size: 13px;
  line-height: 1.3em;
  text-indent: 16px;
}
.event-content-font-size13px-line-height18em--text-indent2em {
  font-size: 13px;
  line-height: 1.8em;
  text-indent: 2em;
}
.event-content-font-size13px-line-height18em--text-indent4em {
  font-size: 13px;
  line-height: 1.8em;
  text-indent: 4em;
}
.event-content-text-align-left--font-size15px {
  text-align: left;
  font-size: 15px;
  line-height: 1.8em;
}
.event-content-font-size-24px {
  font-size: 24px;
  color: #009e96;
  font-weight: bold;
}
.event-content-font-size15px-line-height18em {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-left--font-size13px {
  text-align: left;
  font-size: 13px;
  line-height: 1.8em;
}
.event-content-border-top-1px-solid-dddddd--margin-bottom-20px {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
}
.event-content-font-size14px {
  font-size: 14px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-right-font-size14px {
  text-align: right;
  font-size: 14px;
  line-height: 1.8em;
}
.event-content-font-size15px-line-height18em--font-weight-bold {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-center-font-size13px {
  text-align: center;
  font-size: 13px;
  line-height: 22px;
}
.event-content-text-align-center-font-size13px-line-height-34px {
  text-align: center;
  font-size: 13px;
  line-height: 34px;
}
.event-content-text-align-left-line-height-22px {
  text-align: left;
  line-height: 22px;
  padding-right: 2px;
}
.event-content-text-align-left--font-size-15px {
  text-align: left;
  font-size: 15px;
  line-height: 1.8em;
}
.event-content-text-align-right-line-height-22px {
  text-align: right;
  line-height: 22px;
  padding-right: 2px;
}
.event-content-text-align-center-line-height-34px-font-weight-600 {
  text-align: center;
  line-height: 34px;
  font-weight: 600;
}
.event-content-text-align-left--font-size-13px {
  text-align: left;
  font-size: 13px;
  line-height: 1.8em;
}
.event-content-font-size-13px--line-height-18em {
  font-size: 13px;
  line-height: 1.8em;
  text-indent: 0px;
}
.event-content-font-size-12px--line-height-18em {
  font-size: 12px;
  line-height: 1.8em;
  text-indent: 2em;
}
.event-content-font-size-15px--line-height-18em {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-center-line-height-22px {
  text-align: center;
  line-height: 22px;
  padding-right: 2px;
}
.event-content-color-e32930 {
  color: #e32930;
  list-style-type: disc;
  margin-left: 20px;
}
.event-content-font-size-13px--line-height-18em--text-indent-26px {
  font-size: 13px;
  line-height: 1.8em;
  text-indent: 26px;
}
.event-content-border-radius8px {
  border-radius: 8px;
  border: 1px #dddddd solid;
  padding: 20px;
}
.event-content-text-align-center--font-size-15px {
  text-align: center;
  font-size: 15px;
  line-height: 1.8em;
}
.event-content-border-radius-8px {
  border-radius: 8px;
  border: 1px #dddddd solid;
  padding: 20px;
}
.event-content-color777777 {
  color: #777777;
  padding-right: 7px;
  text-align: right;
  line-height: 22px;
}
.event-content-text-align-right-font-size14px-line-height18em {
  text-align: right;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-left--font-size14px {
  text-align: left;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-right-font-size15px {
  text-align: right;
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-right--font-size14px {
  text-align: right;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-left--font-size15px-line-height18em {
  text-align: left;
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-text-align-left-margin-bottom-10px {
  text-align: left;
  margin-bottom: 10px;
  font-weight: bold;
  color: #3e5a59;
}
.event-content-text-align-left--font-size12px {
  text-align: left;
  font-size: 12px;
  line-height: 1.8em;
  padding-right: 20px;
}
.event-content-text-align-center--font-size12px {
  text-align: center;
  font-size: 12px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-border-bottom1px-solid-c5dedd {
  border-bottom: 1px solid #C5DEDD;
  background-color: #D3EDEC;
  padding: 0 4px;
}
.event-content-border-bottom1px-solid-c5dedd-background-color-d3edec {
  border-bottom: 1px solid #C5DEDD;
  background-color: #D3EDEC;
  padding: 0 6px;
}
.event-content-border-bottom1px-solid-c5dedd-background-color-d3edec-padding0-2px {
  border-bottom: 1px solid #C5DEDD;
  background-color: #D3EDEC;
  padding: 0 2px;
}
.event-content-border-bottom1px-solid-c5dedd-background-color-d3edec-padding0-15px {
  border-bottom: 1px solid #C5DEDD;
  background-color: #D3EDEC;
  padding: 0 15px;
}
.event-content-border-bottom1px-solid-e5e5e5-background-color-f7f7f7 {
  border-bottom: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  padding: 0 15px;
}
.event-content-text-align-left--margin-bottom-10px {
  text-align: left;
  margin-bottom: 10px;
  font-weight: bold;
  color: #3e5a59;
}
.event-content-text-align-right--font-size-14px {
  text-align: right;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: bold;
}
.event-content-border-top1px-solid-2fb2be {
  border-top: 1px solid #2fb2be;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.event-content-border-bottom1px-solid-e5e5e5-border-top1px-solid-2fb2be {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #2fb2be;
  padding: 15px;
}
.event-content-border-top1px-solid-2fb2be-border-bottom1px-solid-e5e5e5 {
  border-top: 1px solid #2fb2be;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
}
.event-content-padding8px-4px-background-colorffffff {
  padding: 8px 4px;
  background-color: #ffffff;
  font-weight: bold;
  text-align: right;
}
.event-content-padding8px-4px-background-colorf5fbfb-font-weightbold {
  padding: 8px 4px;
  background-color: #f5fbfb;
  font-weight: bold;
  text-align: right;
}
.event-content-background-colorf7f7f7 {
  background-color: #f7f7f7;
  border-radius: 3px;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-font-size-16px-color-333 {
  font-size: 16px;
  color: #333;
  line-height: 34px;
  text-align: center;
  display: block;
}
.event-content-font-weightbold {
  font-weight: bold;
  font-size: 20px;
  color: #009e96;
  margin-left: 15px;
  line-height: 34px;
}
.event-content-padding-8px-4px--background-color-ffffff {
  padding: 8px 4px;
  background-color: #ffffff;
  font-weight: bold;
  text-align: right;
}
.event-content-padding-8px-4px--background-color-f5fbfb--font-weight-bold {
  padding: 8px 4px;
  background-color: #f5fbfb;
  font-weight: bold;
  text-align: right;
}
.event-content-font-weight-bold-font-size-20px {
  font-weight: bold;
  font-size: 20px;
  color: #009e96;
  margin-left: 15px;
  line-height: 34px;
}
.event-content-text-align-left--font-size15px-margin-top1rem {
  text-align: left;
  font-size: 15px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.8em;
}
.event-content-background-colore4f4f4 {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
}
.event-content-background-color-f7f7f7 {
  background-color: #f7f7f7;
  border-radius: 3px;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-color777777-padding-right7px {
  color: #777777;
  padding-right: 7px;
  text-align: right;
  line-height: 22px;
  vertical-align: top;
}
.event-content-text-align-left--font-size13px-line-height18em {
  text-align: left;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: bold;
  padding-right: 20px;
}
.event-content-background-colore4f4f4-padding8px-4px {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
}
.event-content-font-weight-bold--font-size-20px {
  font-weight: bold;
  font-size: 20px;
  color: #009e96;
  margin-left: 15px;
  line-height: 34px;
}
.event-content-background-colorffffff {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
}
.event-content-margin-bottom0px {
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-align-left {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px;
}
.event-content-margin-bottom0px-padding-top10px {
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-aligncenter {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-align-right {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-align-center {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-border-top-1px-solid-dddddd--margin-bottom-20px-table-layoutfixed {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
  table-layout: fixed;
  word-wrap: break-word;
}
.event-content-background-color-e4f4f4 {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
}
.event-content-margin-top0px {
  margin-top: 0px;
  margin-bottom: 0;
  border-left: 3px solid #009e96;
  margin-left: -20px;
  line-height: 34px;
}
.event-content-background-color-ffffff {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px;
}
.event-content-background-color-ffffff--border-bottom-1px-solid-dddddd {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-width65px {
  width: 65px;
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
}
.event-content-text-align-left--font-weight-bold {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  color: #009e96;
  margin-left: 15px;
  line-height: 34px;
}
.event-content-margin-bottom0px-color999999 {
  margin-bottom: 0px;
  color: #999999;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
}
.event-content-background-colore4f4f4-padding2px-4px {
  background-color: #e4f4f4;
  padding: 2px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  line-height: 24px;
}
.event-content-margin-top-0px {
  margin-top: 0px;
  margin-bottom: 0;
  border-left: 3px solid #009e96;
  margin-left: -20px;
  line-height: 34px;
}
.event-content-background-colore4f4f4-padding8px-4px-color3e5a5a {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
}
.event-content-text-align-center-font-size13px-line-height18em {
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-alignleft {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 2px 4px;
  line-height: 30px;
}
.event-content-text-align-center-font-size15px {
  text-align: center;
  font-size: 15px;
  line-height: 1.8em;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-text-align-center--font-size13px {
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-text-align-left--font-weight-bold--font-size-20px {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  color: #009e96;
  margin-left: 15px;
  line-height: 34px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-aligncenter-padding2px-4px {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 2px 4px;
  line-height: 30px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-aligncenter-padding8px-4px {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
  line-height: 30px;
}
.event-content-padding-top0px {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #FAFFFF;
  color: #37474f;
}
.event-content-padding-top0px-padding-bottom0px {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #ffffff;
  color: #37474f;
}
.event-content-text-align-center--font-size-13px {
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-background-colore4f4f4-padding8px-4px-color3e5a5a-border-bottom1px-solid-dddddd {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-margin-bottom0px-font-size14px {
  margin-bottom: 0px;
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
}
.event-content-background-colore4f4f4-padding8px-4px-color3e5a5a-border-bottom1px-solid-dddddd-border-right1px-solid-dddddd {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-background-colore4f4f4-padding8px-1px {
  background-color: #e4f4f4;
  padding: 8px 1px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-alignright {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
  border-right: 1px solid #dddddd;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-align-left {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-aligncenter {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-background-colorffffff-border-bottom1px-solid-dddddd-text-aligncenter-padding8px-4px-border-right1px-solid-dddddd {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
  border-right: 1px solid #dddddd;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-align-right {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
}
.event-content-background-colore4f4f4-padding2px-4px-color3e5a5a {
  background-color: #e4f4f4;
  padding: 2px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  line-height: 24px;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-align-center {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-padding-top20px {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
}
.event-content-background-colorf2f2f2f2 {
  background-color: #f2f2f2f2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-width65px-word-break-break-word {
  width: 65px;
  word-break: break-word;
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-background-color-e4f4f4--padding-8px-4px {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-width90px {
  width: 90px;
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-width80px {
  width: 80px;
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-width65px-background-colore4f4f4 {
  width: 65px;
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-background-color-ffffff--border-right-1px-solid-dddddd {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: right;
  padding: 8px 4px;
}
.event-content-width100px {
  width: 100px;
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.event-content-background-color-ffffff--border-right-1px-solid-dddddd--border-bottom-1px-solid-dddddd {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-background-color-f2f2f2f2 {
  background-color: #f2f2f2f2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
}
.event-content-background-colore4f4f4-padding8px-4px-color3e5a5a-border-bottom1px-solid-dddddd-border-right1px-solid-dddddd-text-alignleft {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  text-align: left;
}
.event-content-background-colore4f4f4-padding2px-4px-color3e5a5a-border-bottom1px-solid-dddddd {
  background-color: #e4f4f4;
  padding: 2px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  line-height: 24px;
}
.event-content-padding-0 {
  padding: 0;
  font-family:
    \65b0\7d30\660e\9ad4,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  margin: 0;
  background: #f5fbfb;
}
.event-content-padding-0-color333 {
  padding: 0;
  font-family:
    \5fae\8edf\6b63\9ed1\9ad4,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  margin: 0;
  background: #f5fbfb;
}
.event-content-background-colore4f4f4-padding8px-4px-color3e5a5a-border-bottom1px-solid-dddddd-border-right1px-solid-dddddd-font-weight-bold {
  background-color: #e4f4f4;
  padding: 8px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  font-weight: bold;
}
.event-content-padding-0-color333-font-size-13px {
  padding: 0;
  font-family:
    \5fae\8edf\6b63\9ed1\9ad4,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  background: #f5fbfb;
  margin: 0;
}
.event-content-padding-0-color333-font-size-13px--webkit-text-size-adjust-none {
  padding: 0;
  font-family:
    \5fae\8f6f\6b63\9ed1\4f53,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  margin: 0;
  background: #f5fbfb;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-alignleft {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 2px 4px;
  line-height: 30px;
}
.event-content-text-aligncenter--margin-bottom0px {
  text-align: center;
  margin-bottom: 0px;
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
}
.event-content-margin-bottom0px-font-size14px-color999999 {
  margin-bottom: 0px;
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}
.event-content-font-size16px {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
}
.event-content-background-colorffffff-border-right1px-solid-dddddd-border-bottom1px-solid-dddddd-text-aligncenter-padding2px-4px {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 2px 4px;
  line-height: 30px;
}
.event-content-padding-0--color-333 {
  padding: 0;
  font-family:
    \5fae\8edf\6b63\9ed1\9ad4,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  margin: 0;
  background: #f5fbfb;
}
.event-content-word-break-break-word {
  word-break: break-word;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-padding-0-color333-font-size-13px--webkit-text-size-adjust-none-margin-0 {
  padding: 0;
  font-family:
    \5fae\8edf\6b63\9ed1\9ad4,
    Arial,
    sans-serif;
  color: #333;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  margin: 0;
  background: #f5fbfb;
  padding: 25px 0;
}
.event-content-background-colore4f4f4-padding2px-4px-color3e5a5a-border-bottom1px-solid-dddddd-text-aligncenter {
  background-color: #e4f4f4;
  padding: 2px 4px;
  color: #3e5a5a;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  border-right: 1px solid #dddddd;
  line-height: 24px;
}
.event-content-width90px-word-break-break-word {
  width: 90px;
  word-break: break-word;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-width80px-word-break-break-word {
  width: 80px;
  word-break: break-word;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-width65px-word-break-break-word-background-colorffffff {
  width: 65px;
  word-break: break-word;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-width100px-word-break-break-word {
  width: 100px;
  word-break: break-word;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 8px 4px;
}
.event-content-border-radius-30px {
  border-radius: 30px;
  padding: 6px 20px;
  color: #fff;
  background-color: #009e96;
  font-size: 15px;
  width: auto;
  min-width: 80px;
  text-align: center;
  border: 1px solid #009e96;
  margin: 0 3px;
  cursor: pointer;
  outline: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-BRHNXL2D.css.map */