@charset "UTF-8";
/* Set Up
-------------------------------------------------- */
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust: none;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  text-rendering: auto;
  margin: 0;
  padding: 0;
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans TC", "PingFang TC", "Lantinghei TC", 微軟正黑體, "Microsoft JhengHei", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif;
  font-size: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F5F9), to(#F2FAF8));
  background: linear-gradient(to bottom, #F2F5F9, #F2FAF8);
  color: #C6C6C6;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #fff;
}

.modal-open .modal, div:focus, span:focus, .btn:focus, a:focus, select:focus, button:focus, input:focus, ul:focus, ol:focus, li:focus, textarea:focus, input:focus {
  outline: none !important;
}

input {
  margin: 0;
}

input:disabled {
  cursor: default;
}

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 3px;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  width: auto\9 ;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Font setting */
html[lang=zh_TW], html[lang=zh_TW] body, html[lang=zh_TW] div, html[lang=zh_TW] h1, html[lang=zh_TW] h2, html[lang=zh_TW] h3, html[lang=zh_TW] h4, html[lang=zh_TW] h5, html[lang=zh_TW] h6, html[lang=zh_TW] input, html[lang=zh_TW] li, html[lang=zh_TW] p, html[lang=zh_TW] select, html[lang=zh_TW] td, html form[lang=zh_TW], html form[lang=zh_TW] body, html form[lang=zh_TW] div, html form[lang=zh_TW] h1, html form[lang=zh_TW] h2, html form[lang=zh_TW] h3, html form[lang=zh_TW] h4, html form[lang=zh_TW] h5, html form[lang=zh_TW] h6, html form[lang=zh_TW] input, html form[lang=zh_TW] li, html form[lang=zh_TW] p, html form[lang=zh_TW] select, html form[lang=zh_TW] td, html[lang=zh-TW], html[lang=zh-TW] body, html[lang=zh-TW] div, html[lang=zh-TW] h1, html[lang=zh-TW] h2, html[lang=zh-TW] h3, html[lang=zh-TW] h4, html[lang=zh-TW] h5, html[lang=zh-TW] h6, html[lang=zh-TW] input, html[lang=zh-TW] li, html[lang=zh-TW] p, html[lang=zh-TW] select, html[lang=zh-TW] td, html form[lang=zh-TW], html form[lang=zh-TW] body, html form[lang=zh-TW] div, html form[lang=zh-TW] h1, html form[lang=zh-TW] h2, html form[lang=zh-TW] h3, html form[lang=zh-TW] h4, html form[lang=zh-TW] h5, html form[lang=zh-TW] h6, html form[lang=zh-TW] input, html form[lang=zh-TW] li, html form[lang=zh-TW] p, html form[lang=zh-TW] select, html form[lang=zh-TW] td, html[lang=zh-HK], html[lang=zh-HK] body, html[lang=zh-HK] div, html[lang=zh-HK] h1, html[lang=zh-HK] h2, html[lang=zh-HK] h3, html[lang=zh-HK] h4, html[lang=zh-HK] h5, html[lang=zh-HK] h6, html[lang=zh-HK] input, html[lang=zh-HK] li, html[lang=zh-HK] p, html[lang=zh-HK] select, html[lang=zh-HK] td, html form[lang=zh-HK], html form[lang=zh-HK] body, html form[lang=zh-HK] div, html form[lang=zh-HK] h1, html form[lang=zh-HK] h2, html form[lang=zh-HK] h3, html form[lang=zh-HK] h4, html form[lang=zh-HK] h5, html form[lang=zh-HK] h6, html form[lang=zh-HK] input, html form[lang=zh-HK] li, html form[lang=zh-HK] p, html form[lang=zh-HK] select, html form[lang=zh-HK] td, html[lang=zh-Hant], html[lang=zh-Hant] body, html[lang=zh-Hant] div, html[lang=zh-Hant] h1, html[lang=zh-Hant] h2, html[lang=zh-Hant] h3, html[lang=zh-Hant] h4, html[lang=zh-Hant] h5, html[lang=zh-Hant] h6, html[lang=zh-Hant] input, html[lang=zh-Hant] li, html[lang=zh-Hant] p, html[lang=zh-Hant] select, html[lang=zh-Hant] td, html form[lang=zh-Hant], html form[lang=zh-Hant] body, html form[lang=zh-Hant] div, html form[lang=zh-Hant] h1, html form[lang=zh-Hant] h2, html form[lang=zh-Hant] h3, html form[lang=zh-Hant] h4, html form[lang=zh-Hant] h5, html form[lang=zh-Hant] h6, html form[lang=zh-Hant] input, html form[lang=zh-Hant] li, html form[lang=zh-Hant] p, html form[lang=zh-Hant] select, html form[lang=zh-Hant] td, html[lang=zh-Hant-TW], html[lang=zh-Hant-TW] body, html[lang=zh-Hant-TW] div, html[lang=zh-Hant-TW] h1, html[lang=zh-Hant-TW] h2, html[lang=zh-Hant-TW] h3, html[lang=zh-Hant-TW] h4, html[lang=zh-Hant-TW] h5, html[lang=zh-Hant-TW] h6, html[lang=zh-Hant-TW] input, html[lang=zh-Hant-TW] li, html[lang=zh-Hant-TW] p, html[lang=zh-Hant-TW] select, html[lang=zh-Hant-TW] td, html form[lang=zh-Hant-TW], html form[lang=zh-Hant-TW] body, html form[lang=zh-Hant-TW] div, html form[lang=zh-Hant-TW] h1, html form[lang=zh-Hant-TW] h2, html form[lang=zh-Hant-TW] h3, html form[lang=zh-Hant-TW] h4, html form[lang=zh-Hant-TW] h5, html form[lang=zh-Hant-TW] h6, html form[lang=zh-Hant-TW] input, html form[lang=zh-Hant-TW] li, html form[lang=zh-Hant-TW] p, html form[lang=zh-Hant-TW] select, html form[lang=zh-Hant-TW] td, html[lang=zh-Hant-HK], html[lang=zh-Hant-HK] body, html[lang=zh-Hant-HK] div, html[lang=zh-Hant-HK] h1, html[lang=zh-Hant-HK] h2, html[lang=zh-Hant-HK] h3, html[lang=zh-Hant-HK] h4, html[lang=zh-Hant-HK] h5, html[lang=zh-Hant-HK] h6, html[lang=zh-Hant-HK] input, html[lang=zh-Hant-HK] li, html[lang=zh-Hant-HK] p, html[lang=zh-Hant-HK] select, html[lang=zh-Hant-HK] td, html form[lang=zh-Hant-HK], html form[lang=zh-Hant-HK] body, html form[lang=zh-Hant-HK] div, html form[lang=zh-Hant-HK] h1, html form[lang=zh-Hant-HK] h2, html form[lang=zh-Hant-HK] h3, html form[lang=zh-Hant-HK] h4, html form[lang=zh-Hant-HK] h5, html form[lang=zh-Hant-HK] h6, html form[lang=zh-Hant-HK] input, html form[lang=zh-Hant-HK] li, html form[lang=zh-Hant-HK] p, html form[lang=zh-Hant-HK] select, html form[lang=zh-Hant-HK] td, html[lang=zh-Hant-CN], html[lang=zh-Hant-CN] body, html[lang=zh-Hant-CN] div, html[lang=zh-Hant-CN] h1, html[lang=zh-Hant-CN] h2, html[lang=zh-Hant-CN] h3, html[lang=zh-Hant-CN] h4, html[lang=zh-Hant-CN] h5, html[lang=zh-Hant-CN] h6, html[lang=zh-Hant-CN] input, html[lang=zh-Hant-CN] li, html[lang=zh-Hant-CN] p, html[lang=zh-Hant-CN] select, html[lang=zh-Hant-CN] td, html form[lang=zh-Hant-CN], html form[lang=zh-Hant-CN] body, html form[lang=zh-Hant-CN] div, html form[lang=zh-Hant-CN] h1, html form[lang=zh-Hant-CN] h2, html form[lang=zh-Hant-CN] h3, html form[lang=zh-Hant-CN] h4, html form[lang=zh-Hant-CN] h5, html form[lang=zh-Hant-CN] h6, html form[lang=zh-Hant-CN] input, html form[lang=zh-Hant-CN] li, html form[lang=zh-Hant-CN] p, html form[lang=zh-Hant-CN] select, html form[lang=zh-Hant-CN] td {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans TC", "PingFang TC", "Lantinghei TC", 微軟正黑體, "Microsoft JhengHei", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif;
}

body.ff-global {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans TC", "PingFang TC", "Lantinghei TC", 微軟正黑體, "Microsoft JhengHei", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif !important;
}

html[lang=zh], html[lang=zh] body, html[lang=zh] div, html[lang=zh] h1, html[lang=zh] h2, html[lang=zh] h3, html[lang=zh] h4, html[lang=zh] h5, html[lang=zh] h6, html[lang=zh] input, html[lang=zh] li, html[lang=zh] p, html[lang=zh] select, html[lang=zh] td, html form[lang=zh], html form[lang=zh] body, html form[lang=zh] div, html form[lang=zh] h1, html form[lang=zh] h2, html form[lang=zh] h3, html form[lang=zh] h4, html form[lang=zh] h5, html form[lang=zh] h6, html form[lang=zh] input, html form[lang=zh] li, html form[lang=zh] p, html form[lang=zh] select, html form[lang=zh] td, html[lang=zh_CN], html[lang=zh_CN] body, html[lang=zh_CN] div, html[lang=zh_CN] h1, html[lang=zh_CN] h2, html[lang=zh_CN] h3, html[lang=zh_CN] h4, html[lang=zh_CN] h5, html[lang=zh_CN] h6, html[lang=zh_CN] input, html[lang=zh_CN] li, html[lang=zh_CN] p, html[lang=zh_CN] select, html[lang=zh_CN] td, html form[lang=zh_CN], html form[lang=zh_CN] body, html form[lang=zh_CN] div, html form[lang=zh_CN] h1, html form[lang=zh_CN] h2, html form[lang=zh_CN] h3, html form[lang=zh_CN] h4, html form[lang=zh_CN] h5, html form[lang=zh_CN] h6, html form[lang=zh_CN] input, html form[lang=zh_CN] li, html form[lang=zh_CN] p, html form[lang=zh_CN] select, html form[lang=zh_CN] td, html[lang=zh-CN], html[lang=zh-CN] body, html[lang=zh-CN] div, html[lang=zh-CN] h1, html[lang=zh-CN] h2, html[lang=zh-CN] h3, html[lang=zh-CN] h4, html[lang=zh-CN] h5, html[lang=zh-CN] h6, html[lang=zh-CN] input, html[lang=zh-CN] li, html[lang=zh-CN] p, html[lang=zh-CN] select, html[lang=zh-CN] td, html form[lang=zh-CN], html form[lang=zh-CN] body, html form[lang=zh-CN] div, html form[lang=zh-CN] h1, html form[lang=zh-CN] h2, html form[lang=zh-CN] h3, html form[lang=zh-CN] h4, html form[lang=zh-CN] h5, html form[lang=zh-CN] h6, html form[lang=zh-CN] input, html form[lang=zh-CN] li, html form[lang=zh-CN] p, html form[lang=zh-CN] select, html form[lang=zh-CN] td, html[lang=zh-Hans], html[lang=zh-Hans] body, html[lang=zh-Hans] div, html[lang=zh-Hans] h1, html[lang=zh-Hans] h2, html[lang=zh-Hans] h3, html[lang=zh-Hans] h4, html[lang=zh-Hans] h5, html[lang=zh-Hans] h6, html[lang=zh-Hans] input, html[lang=zh-Hans] li, html[lang=zh-Hans] p, html[lang=zh-Hans] select, html[lang=zh-Hans] td, html form[lang=zh-Hans], html form[lang=zh-Hans] body, html form[lang=zh-Hans] div, html form[lang=zh-Hans] h1, html form[lang=zh-Hans] h2, html form[lang=zh-Hans] h3, html form[lang=zh-Hans] h4, html form[lang=zh-Hans] h5, html form[lang=zh-Hans] h6, html form[lang=zh-Hans] input, html form[lang=zh-Hans] li, html form[lang=zh-Hans] p, html form[lang=zh-Hans] select, html form[lang=zh-Hans] td, html[lang=zh-Hans-CN], html[lang=zh-Hans-CN] body, html[lang=zh-Hans-CN] div, html[lang=zh-Hans-CN] h1, html[lang=zh-Hans-CN] h2, html[lang=zh-Hans-CN] h3, html[lang=zh-Hans-CN] h4, html[lang=zh-Hans-CN] h5, html[lang=zh-Hans-CN] h6, html[lang=zh-Hans-CN] input, html[lang=zh-Hans-CN] li, html[lang=zh-Hans-CN] p, html[lang=zh-Hans-CN] select, html[lang=zh-Hans-CN] td, html form[lang=zh-Hans-CN], html form[lang=zh-Hans-CN] body, html form[lang=zh-Hans-CN] div, html form[lang=zh-Hans-CN] h1, html form[lang=zh-Hans-CN] h2, html form[lang=zh-Hans-CN] h3, html form[lang=zh-Hans-CN] h4, html form[lang=zh-Hans-CN] h5, html form[lang=zh-Hans-CN] h6, html form[lang=zh-Hans-CN] input, html form[lang=zh-Hans-CN] li, html form[lang=zh-Hans-CN] p, html form[lang=zh-Hans-CN] select, html form[lang=zh-Hans-CN] td, html[lang=zh-Hans-HK], html[lang=zh-Hans-HK] body, html[lang=zh-Hans-HK] div, html[lang=zh-Hans-HK] h1, html[lang=zh-Hans-HK] h2, html[lang=zh-Hans-HK] h3, html[lang=zh-Hans-HK] h4, html[lang=zh-Hans-HK] h5, html[lang=zh-Hans-HK] h6, html[lang=zh-Hans-HK] input, html[lang=zh-Hans-HK] li, html[lang=zh-Hans-HK] p, html[lang=zh-Hans-HK] select, html[lang=zh-Hans-HK] td, html form[lang=zh-Hans-HK], html form[lang=zh-Hans-HK] body, html form[lang=zh-Hans-HK] div, html form[lang=zh-Hans-HK] h1, html form[lang=zh-Hans-HK] h2, html form[lang=zh-Hans-HK] h3, html form[lang=zh-Hans-HK] h4, html form[lang=zh-Hans-HK] h5, html form[lang=zh-Hans-HK] h6, html form[lang=zh-Hans-HK] input, html form[lang=zh-Hans-HK] li, html form[lang=zh-Hans-HK] p, html form[lang=zh-Hans-HK] select, html form[lang=zh-Hans-HK] td, html[lang=zh-Hans-TW], html[lang=zh-Hans-TW] body, html[lang=zh-Hans-TW] div, html[lang=zh-Hans-TW] h1, html[lang=zh-Hans-TW] h2, html[lang=zh-Hans-TW] h3, html[lang=zh-Hans-TW] h4, html[lang=zh-Hans-TW] h5, html[lang=zh-Hans-TW] h6, html[lang=zh-Hans-TW] input, html[lang=zh-Hans-TW] li, html[lang=zh-Hans-TW] p, html[lang=zh-Hans-TW] select, html[lang=zh-Hans-TW] td, html form[lang=zh-Hans-TW], html form[lang=zh-Hans-TW] body, html form[lang=zh-Hans-TW] div, html form[lang=zh-Hans-TW] h1, html form[lang=zh-Hans-TW] h2, html form[lang=zh-Hans-TW] h3, html form[lang=zh-Hans-TW] h4, html form[lang=zh-Hans-TW] h5, html form[lang=zh-Hans-TW] h6, html form[lang=zh-Hans-TW] input, html form[lang=zh-Hans-TW] li, html form[lang=zh-Hans-TW] p, html form[lang=zh-Hans-TW] select, html form[lang=zh-Hans-TW] td {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans SC", "PingFang SC", "Lantinghei SC", 微軟正黑體, "Microsoft JhengHei", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif;
}

body.ff-cn {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans SC", "PingFang SC", "Lantinghei SC", 微軟正黑體, "Microsoft JhengHei", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif !important;
}

html[lang=ja], html[lang=ja] body, html[lang=ja] div, html[lang=ja] button, html[lang=ja] h1, html[lang=ja] h2, html[lang=ja] h3, html[lang=ja] h4, html[lang=ja] h5, html[lang=ja] h6, html[lang=ja] input, html[lang=ja] li, html[lang=ja] p, html[lang=ja] select, html[lang=ja] td, html[lang=ja] .q-btn, html form[lang=ja], html form[lang=ja] body, html form[lang=ja] div, html form[lang=ja] button, html form[lang=ja] h1, html form[lang=ja] h2, html form[lang=ja] h3, html form[lang=ja] h4, html form[lang=ja] h5, html form[lang=ja] h6, html form[lang=ja] input, html form[lang=ja] li, html form[lang=ja] p, html form[lang=ja] select, html form[lang=ja] td, html form[lang=ja] .q-btn, html[lang=ja-JP], html[lang=ja-JP] body, html[lang=ja-JP] div, html[lang=ja-JP] button, html[lang=ja-JP] h1, html[lang=ja-JP] h2, html[lang=ja-JP] h3, html[lang=ja-JP] h4, html[lang=ja-JP] h5, html[lang=ja-JP] h6, html[lang=ja-JP] input, html[lang=ja-JP] li, html[lang=ja-JP] p, html[lang=ja-JP] select, html[lang=ja-JP] td, html[lang=ja-JP] .q-btn, html form[lang=ja-JP], html form[lang=ja-JP] body, html form[lang=ja-JP] div, html form[lang=ja-JP] button, html form[lang=ja-JP] h1, html form[lang=ja-JP] h2, html form[lang=ja-JP] h3, html form[lang=ja-JP] h4, html form[lang=ja-JP] h5, html form[lang=ja-JP] h6, html form[lang=ja-JP] input, html form[lang=ja-JP] li, html form[lang=ja-JP] p, html form[lang=ja-JP] select, html form[lang=ja-JP] td, html form[lang=ja-JP] .q-btn {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif;
}

body.ff-jp {
  font-family: Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", 文泉驛正黑, "WenQuanYi Zen Hei", sans-serif !important;
}

/* Button
-------------------------------------------------- */
.q-btn {
  display: inline-block;
  padding: 8px 16px;
  min-height: 36px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.q-btn-small {
  font-size: 12px;
  padding: 4px 8px;
  min-height: 0px;
}

.q-btn-default {
  color: #333;
  background-color: #fff;
  border-color: #b1b1b1;
}
.q-btn-default:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.q-btn-default:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.q-btn-primary {
  background-color: #0f63d6;
  color: #fff;
  border-color: #1264d6;
}
.q-btn-primary:hover {
  background-color: #0857c3;
  border-color: #0b3e84;
}
.q-btn-primary:active {
  color: #eee;
  background-color: #094faf;
  border-color: #0b3e84;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.q-btn-secondary {
  background-color: #4cbf4c;
  color: #fff;
  border-color: #36ab36;
}
.q-btn-secondary:hover {
  background-color: #2bb52b;
  border-color: #209420;
}
.q-btn-secondary:active {
  color: #eee;
  background-color: #19a019;
  border-color: #209420;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.q-btn-dark-blue {
  background-color: #001B49;
  color: #fff;
  border-color: #001B49;
}
.q-btn-dark-blue:hover {
  background-color: #012666;
  border-color: #001B49;
}
.q-btn-dark-blue:active {
  color: #fff;
  background-color: #001231;
  border-color: #001231;
  background-image: none;
}

.q-btn-green {
  background-color: #51bd00;
  color: #fff;
  border-color: #449e00;
}
.q-btn-green:hover {
  background-color: #4eb501;
  border-color: #337501;
}
.q-btn-green:active {
  color: #eee;
  background-color: #44a000;
  border-color: #337501;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.q-btn-large {
  font-size: 18px;
  padding: 12px 34px;
  min-width: 128px;
}

.q-btn-group {
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
}
.q-btn-group button:not(:last-child) {
  margin-right: 8px;
}

.q-btn.disabled, .q-btn[disabled], .q-btn-default.disabled, .q-btn-default[disabled] {
  cursor: default;
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.q-btn.disabled:hover, .q-btn.disabled:active, .q-btn[disabled]:hover, .q-btn[disabled]:active, .q-btn-default.disabled:hover, .q-btn-default.disabled:active, .q-btn-default[disabled]:hover, .q-btn-default[disabled]:active {
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
}

.q-btn-primary.disabled, .q-btn-primary[disabled] {
  cursor: default;
  background-color: #6699e4;
  color: #fff;
  border-color: #628ecc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.q-btn-primary.disabled:hover, .q-btn-primary.disabled:active, .q-btn-primary[disabled]:hover, .q-btn-primary[disabled]:active {
  background-color: #6699e4;
  color: #fff;
  border-color: #628ecc;
}

.q-btn-secondary.disabled, .q-btn-secondary[disabled], .q-btn-green.disabled, .q-btn-green[disabled] {
  cursor: default;
  background-color: #8ed269;
  color: #fff;
  border-color: #85be65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.q-btn-secondary.disabled:hover, .q-btn-secondary.disabled:active, .q-btn-secondary[disabled]:hover, .q-btn-secondary[disabled]:active, .q-btn-green.disabled:hover, .q-btn-green.disabled:active, .q-btn-green[disabled]:hover, .q-btn-green[disabled]:active {
  background-color: #8ed269;
  color: #fff;
  border-color: #85be65;
}

/* Select
-------------------------------------------------- */
.q-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: 1px solid #b1b1b1;
  min-width: 120px;
  height: 36px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
.q-select:hover {
  background-color: #fafafa;
  border-color: #adadad;
}
.q-select:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 65%;
  -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
          transform: translateY(-65%);
  right: 8px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #000;
  pointer-events: none;
}

.q-select select {
  padding: 5px 32px 7px 12px;
  font-size: 14px;
  line-height: 1.2;
  width: 100%;
  height: 36px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.q-select select:focus {
  outline: none;
}

.q-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.q-select select::-ms-expand {
  display: none;
}

.q-select.must-fill {
  background-color: #fff9e2;
}

.q-select.ver-custom-label .select-label {
  position: absolute;
  top: 0;
  right: 32px;
  bottom: 0px;
  left: 0px;
  padding: 8px 0px 8px 12px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 0;
}

.q-select.ver-custom-label select {
  position: relative;
  opacity: 0;
}

.q-select-custom {
  position: relative;
  display: inline-block;
  max-width: 300px;
  line-height: normal;
}

.q-select-custom .select-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  min-width: 120px;
  height: 36px;
  padding: 8px 32px 8px 10px;
  margin: 0;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
.q-select-custom .select-toggle .select-icon {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
}
.q-select-custom .select-toggle .select-icon img {
  width: 100%;
}
.q-select-custom .select-toggle .select-label {
  display: inline-block;
  width: 90%;
  font-size: 14px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.q-select-custom .select-toggle:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.q-select-custom .select-toggle:active {
  background-color: #fafafa;
  border-color: #666;
}
.q-select-custom .select-toggle:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0px 4px;
  border-color: #000000 transparent transparent transparent;
  pointer-events: none;
}
.q-select-custom .select-toggle.invalid {
  border-color: #dd4b39;
}

.q-select-custom.color-dark .select-toggle {
  color: #fff;
  border: 1px solid #001B49;
  background-color: #001B49;
}
.q-select-custom.color-dark .select-toggle:hover {
  background-color: #012666;
  border-color: #001B49;
}
.q-select-custom.color-dark .select-toggle:active {
  background-color: #001231;
  border-color: #001231;
}
.q-select-custom.color-dark .select-toggle:after {
  border-color: #fff transparent transparent transparent;
}

.q-select-custom .select-dropdown {
  position: relative;
  z-index: 12;
}

.q-select-custom .select-dropdown .select-menu {
  position: absolute;
  width: 100%;
  top: 4px;
  margin: 0;
  list-style-type: none;
  background-color: #fff;
  border: 1px solid #cfd1d6;
  border-radius: 4px;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  cursor: default;
}
.q-select-custom .select-dropdown .select-menu .section {
  padding: 8px 0px 8px 0px;
  color: #40464d;
}
.q-select-custom .select-dropdown .select-menu .section .section-head {
  color: #8a8e94;
  font-size: 14px;
  padding: 8px 16px 8px 16px;
}
.q-select-custom .select-dropdown .select-menu .section .section-items {
  position: relative;
  padding: 8px 16px 8px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.q-select-custom .select-dropdown .select-menu .section .section-items:hover {
  background-color: #eef0f3;
}
.q-select-custom .select-dropdown .select-menu .section .section-items:active {
  background-color: #e2e6ea;
}
.q-select-custom .select-dropdown .select-menu .section .section-items.selection {
  cursor: pointer;
}
.q-select-custom .select-dropdown .select-menu .section .section-items.selected {
  color: #1D93F2;
}
.q-select-custom .select-dropdown .select-menu .section .section-items.no-effect:hover, .q-select-custom .select-dropdown .select-menu .section .section-items.no-effect:active {
  background-color: transparent !important;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group .group-check-icon {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  margin: 1px 0;
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group .group-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-left: 8px;
  padding-right: 8px;
  white-space: normal;
  line-height: 1.4;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group .group-icon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group .group-icon img {
  width: 100%;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group.selected .group-check-icon {
  background-image: url("../css_img/util/ic-status-checked.svg");
  background-size: 18px 18px;
}
.q-select-custom .select-dropdown .select-menu .section .section-items .select-group.selected .group-label {
  color: #2167C9;
}
.q-select-custom .select-dropdown .select-menu .section-divide {
  display: block;
  height: 1px;
  background-color: #dadce0;
  margin: 0px 0px 0px 24px;
}

.q-select-custom.auto-width {
  min-width: auto !important;
  max-width: 100% !important;
  width: auto !important;
}
.q-select-custom.auto-width .select-toggle .select-label {
  width: 100%;
}

.q-select-custom.drop-adjustable .select-dropdown .select-menu {
  width: auto;
  min-width: 100%;
}

.q-select-custom.drop-align-right .select-dropdown .select-menu {
  right: 0;
}

.q-select-custom.drop-align-top .select-dropdown .select-menu {
  top: auto;
  bottom: calc(100% + 2.5rem);
}

.q-select-custom-minimizae {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}
.q-select-custom-minimizae .select-toggle {
  min-width: 0;
  padding-right: 20px;
}

/* Upload
-------------------------------------------------- */
.q-upload {
  position: relative;
  overflow: hidden;
  margin: 0px;
  cursor: pointer;
}
.q-upload span {
  pointer-events: none;
}
.q-upload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 36px;
  font-size: 22px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.comp-input-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 70%;
}
.comp-input-file .file-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comp-input-file .file-name input[type=text] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  border-color: #b1b1b1;
  color: #b1b1b1;
}
.comp-input-file .file-name input[type=text]:active {
  border-color: #b1b1b1;
}
.comp-input-file .file-name input[type=text]:disabled {
  background-color: #f7f8f9;
  color: #b1b1b1;
}
.comp-input-file .q-upload {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* + - Comp
-------------------------------------------------- */
.plus_minus_comp {
  position: relative;
  height: 36px;
}
.plus_minus_comp button {
  margin: 0 !important;
  border-radius: 0;
}
.plus_minus_comp .plus-btn {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  height: 36px;
  vertical-align: top;
  text-shadow: white 0px 1px 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plus_minus_comp .plus-btn i {
  vertical-align: middle;
}
.plus_minus_comp .minus-btn {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  height: 36px;
  vertical-align: top;
  text-shadow: white 0px 1px 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.plus_minus_comp .minus-btn i {
  vertical-align: middle;
}
.plus_minus_comp input {
  display: inline-block;
  width: 40px;
  height: 36px;
  text-align: center;
  margin: 0;
  vertical-align: middle;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.plus_minus_comp input:focus {
  outline: none !important;
  border-color: #b1b1b1 !important;
}

.plus_minus_comp_small {
  position: relative;
  height: 30px;
}
.plus_minus_comp_small button {
  margin: 0 !important;
  border-radius: 0;
}
.plus_minus_comp_small .plus-btn {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0px 8px;
  vertical-align: top;
  text-shadow: white 0px 1px 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plus_minus_comp_small .plus-btn i {
  vertical-align: middle;
}
.plus_minus_comp_small .minus-btn {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0px 8px;
  vertical-align: top;
  text-shadow: white 0px 1px 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.plus_minus_comp_small .minus-btn i {
  vertical-align: middle;
}
.plus_minus_comp_small input[type=text] {
  display: inline-block;
  width: 38px;
  height: 30px;
  min-height: 24px;
  text-align: center;
  margin: 0;
  vertical-align: middle;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.plus_minus_comp_small input:focus {
  outline: none !important;
  border-color: #b1b1b1 !important;
}

/* Input
-------------------------------------------------- */
input[type=text], input[type=password] {
  margin: 0;
  padding: 0 10px;
  min-height: 36px;
  border: 1px solid #b1b1b1;
  font-size: 14px;
}
input[type=text]:hover, input[type=password]:hover {
  border-color: #aaa;
}
input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus {
  border-color: #666;
}

input[type=text].invalid, input[type=password].invalid {
  border-color: #dd4b39;
}

input[type=text].must-fill {
  background-color: #fff9e2;
}

::-ms-reveal {
  display: none !important;
}

/* Text Area
-------------------------------------------------- */
textarea {
  margin: 0;
  padding: 10px 10px;
  border-radius: 3px;
  border: 1px solid #b1b1b1;
  font-size: 14px;
}
textarea:hover {
  border-color: #aaa;
}
textarea:active, textarea:focus {
  border-color: #666;
}

/* Checkbox, Radio Button
-------------------------------------------------- */
.comp-checkbox input[type=checkbox]:not(old), .comp-checkbox input[type=radio]:not(old), .comp-radio input[type=checkbox]:not(old), .comp-radio input[type=radio]:not(old) {
  display: none;
}
.comp-checkbox input[type=checkbox]:not(old) + label, .comp-radio input[type=checkbox]:not(old) + label {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  line-height: 1.4;
  cursor: default;
  color: #777;
  font-size: 14px;
  font-weight: 400 !important;
}
.comp-checkbox input[type=checkbox]:not(old) + label a, .comp-radio input[type=checkbox]:not(old) + label a {
  color: #2167C9;
}
.comp-checkbox input[type=checkbox]:not(old) + label a:hover, .comp-radio input[type=checkbox]:not(old) + label a:hover {
  text-decoration: underline;
}
.comp-checkbox input[type=checkbox]:not(old) + label:before, .comp-radio input[type=checkbox]:not(old) + label:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 1px;
  left: 0px;
  cursor: pointer;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
}
.comp-checkbox input[type=checkbox]:not(old) + label:after, .comp-radio input[type=checkbox]:not(old) + label:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 3px;
  border: none;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: pointer;
}
.comp-checkbox input[type=checkbox]:not(old) + label:hover:before, .comp-radio input[type=checkbox]:not(old) + label:hover:before {
  border-color: #aaa;
}
.comp-checkbox input[type=checkbox]:not(old):checked + label, .comp-radio input[type=checkbox]:not(old):checked + label {
  color: #2f2f2f;
}
.comp-checkbox input[type=checkbox]:not(old):checked + label:before, .comp-radio input[type=checkbox]:not(old):checked + label:before {
  border-color: #3288ff;
  background-color: #3288ff;
}
.comp-checkbox input[type=checkbox]:not(old):checked + label:after, .comp-radio input[type=checkbox]:not(old):checked + label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
}
.comp-checkbox input[type=checkbox]:not(old):disabled + label:before, .comp-radio input[type=checkbox]:not(old):disabled + label:before {
  border-color: #ccc;
  background-color: #f7f8f9;
}
.comp-checkbox input[type=checkbox]:not(old):disabled + label:after, .comp-radio input[type=checkbox]:not(old):disabled + label:after {
  display: none;
}
.comp-checkbox input[type=radio]:not(old) + label, .comp-radio input[type=radio]:not(old) + label {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  line-height: 1.4;
  cursor: default;
  font-size: 14px;
  font-weight: 400 !important;
}
.comp-checkbox input[type=radio]:not(old) + label a, .comp-radio input[type=radio]:not(old) + label a {
  color: #2167C9;
}
.comp-checkbox input[type=radio]:not(old) + label a:hover, .comp-radio input[type=radio]:not(old) + label a:hover {
  text-decoration: underline;
}
.comp-checkbox input[type=radio]:not(old) + label:before, .comp-radio input[type=radio]:not(old) + label:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 1px;
  left: 0px;
  cursor: pointer;
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.comp-checkbox input[type=radio]:not(old) + label:after, .comp-radio input[type=radio]:not(old) + label:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  top: 6px;
  left: 5px;
  border: none;
  cursor: pointer;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.comp-checkbox input[type=radio]:not(old):checked + label, .comp-radio input[type=radio]:not(old):checked + label {
  color: #2f2f2f;
  font-weight: 600 !important;
}
.comp-checkbox input[type=radio]:not(old):checked + label:before, .comp-radio input[type=radio]:not(old):checked + label:before {
  border-color: #3288ff;
  background-color: #3288ff;
}
.comp-checkbox input[type=radio]:not(old):checked + label:after, .comp-radio input[type=radio]:not(old):checked + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.comp-checkbox input[type=radio]:not(old):disabled + label:before, .comp-radio input[type=radio]:not(old):disabled + label:before {
  border-color: #ccc;
  background-color: #f7f8f9;
}
.comp-checkbox input[type=radio]:not(old):disabled + label:after, .comp-radio input[type=radio]:not(old):disabled + label:after {
  display: none;
}

.comp-checkbox.no-label, .comp-radio.no-label {
  width: 16px;
  height: 16px;
  line-height: 0;
}
.comp-checkbox.no-label .comp-label, .comp-radio.no-label .comp-label {
  width: 16px;
  height: 16px;
  line-height: 0;
  padding-left: 0;
}

/* Switch
-------------------------------------------------- */
.comp-switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

.comp-switch .q-switch {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
  background-color: #b1b1b1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.comp-switch .q-switch:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0px;
  bottom: -3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
  border-radius: 50%;
}
.comp-switch .q-switch.switch-on {
  background-color: #94caff;
}
.comp-switch .q-switch.switch-on:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
  background-color: #056ff7;
}
.comp-switch .q-switch.switch-off {
  background-color: #b1b1b1;
}
.comp-switch .q-switch.switch-off:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  background-color: white;
}

.comp-tab-switch {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50px;
  background-color: #EDEFF1;
  border: 1px solid #ddd;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comp-tab-switch .tab-switch-item {
  padding: 8px 16px;
  color: #777;
  border-radius: 50px;
  border: 1px solid #EDEFF1;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.comp-tab-switch .tab-switch-item:hover {
  color: #000;
}
.comp-tab-switch .tab-switch-item.active {
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: default;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

/* Table
-------------------------------------------------- */
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.42857143;
  background-color: #fff;
}
table tr {
  border-bottom: 1px solid #ddd;
}
table tr:last-child {
  border: 0px;
}
table thead {
  border-bottom: 1px solid #ddd;
}
table thead tr th {
  color: #2f2f2f;
  background-color: #f7f8f9;
  text-align: left;
  padding: 10px 15px;
  min-width: 100px;
  cursor: default;
}
table thead tr th .th-text {
  font-size: 14px;
}
table thead tr th a {
  color: #2f2f2f;
  cursor: default;
}
table thead tr th a:hover {
  color: #2f2f2f;
}
table thead tr th.col-checkbox {
  width: 50px;
  min-width: 0;
}
table tbody tr td {
  color: #2f2f2f;
  padding: 15px 15px;
}
table tbody tr td.col-checkbox {
  width: 50px;
  min-width: 0;
}

/* Tooltip
-------------------------------------------------- */
.tooltip {
  position: absolute;
  z-index: 1000;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 12px;
  word-wrap: break-word;
}
.tooltip .tooltip-inner {
  max-width: 200px;
  padding: 6px 10px;
  color: #fff;
  text-align: left;
  background-color: #2f2f2f;
  border-radius: 2px;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
}
.tooltip .arrow:before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tooltip.tooltip-top {
  padding: 5px 0;
}
.tooltip.tooltip-top .arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;
  width: 10px;
}
.tooltip.tooltip-top .arrow::before {
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #2f2f2f;
}
.tooltip.tooltip-bottom {
  padding: 5px 0;
}
.tooltip.tooltip-bottom .arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0px;
  width: 10px;
}
.tooltip.tooltip-bottom .arrow::before {
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #2f2f2f;
}
.tooltip.tooltip-left {
  padding: 0 5px;
}
.tooltip.tooltip-left .arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
  height: 10px;
}
.tooltip.tooltip-left .arrow::before {
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #2f2f2f;
}
.tooltip.tooltip-right {
  padding: 0 5px;
}
.tooltip.tooltip-right .arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  height: 10px;
}
.tooltip.tooltip-right .arrow::before {
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #2f2f2f;
}

/* Preloading Screen
-------------------------------------------------- */
.loader-wrapper {
  position: fixed;
  top: 72px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 40px 50px;
  background-color: #fff;
  text-align: center;
  z-index: 15;
}

.loader-wrapper-align-top {
  top: 48px;
}

.loader-wrapper-full-content {
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}

.loader-wrapper-fixed-screen {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}

.dialog-loader-wrapper {
  position: absolute;
  top: 56px;
  left: 0px;
  right: 0px;
  bottom: 60px;
  padding: 0px 30px;
  background-color: #fff;
  text-align: center;
  z-index: 50;
}

.loader-wrapper > .loader-content, .dialog-loader-wrapper > .loader-content {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  min-width: 130px;
}
.loader-wrapper > .loader-content .q-loader-anime, .dialog-loader-wrapper > .loader-content .q-loader-anime {
  position: relative;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}
.loader-wrapper > .loader-content .q-loader-anime .q-loader-icon, .dialog-loader-wrapper > .loader-content .q-loader-anime .q-loader-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  background-image: url("../css_img/util/q-loader-icon.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.loader-wrapper > .loader-content .q-loader-anime .q-loader-circular, .dialog-loader-wrapper > .loader-content .q-loader-anime .q-loader-circular {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
}
.loader-wrapper > .loader-content .q-loader-anime .q-loader-circular .circular, .dialog-loader-wrapper > .loader-content .q-loader-anime .q-loader-circular .circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
.loader-wrapper > .loader-content .q-loader-anime .q-loader-circular .path, .dialog-loader-wrapper > .loader-content .q-loader-anime .q-loader-circular .path {
  stroke-dasharray: 1, 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
.loader-wrapper > .loader-content .q-loader-msg, .dialog-loader-wrapper > .loader-content .q-loader-msg {
  margin-top: 20px;
  padding: 0px 16px;
  font-size: 18px;
  color: #777;
  line-height: 22px;
}

.dialog-loader-wrapper > .loader-content .q-loader-anime {
  width: 30px;
  height: 30px;
}
.dialog-loader-wrapper > .loader-content .q-loader-msg {
  margin-top: 16px;
  font-size: 14px;
}

@-webkit-keyframes qiconrolling {
  to {
    background-position: 0px -240px;
  }
}

@keyframes qiconrolling {
  to {
    background-position: 0px -240px;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 150, 1000;
    stroke-dashoffset: -80px;
  }
  100% {
    stroke-dasharray: 300, 1000;
    stroke-dashoffset: -240px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 150, 1000;
    stroke-dashoffset: -80px;
  }
  100% {
    stroke-dasharray: 300, 1000;
    stroke-dashoffset: -240px;
  }
}
/* Wrapper
-------------------------------------------------- */
.wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  background-color: #fff;
  padding-top: 52px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wrapper {
    overflow-x: hidden;
  }
}
@supports (-ms-ime-align: auto) {
  .wrapper {
    overflow-x: hidden;
  }
}

.wrapper-clear {
  padding: 0px;
}

.wrapper-shift-header-space {
  padding-top: 52px;
}

.wrapper-landing {
  height: 100%;
  padding-top: 52px;
  background-image: url("../css_img/background/common-background.png");
  background-size: cover;
  background-position: bottom right;
  background-attachment: fixed;
}
.wrapper-landing .header {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wrapper-landing .content {
  max-width: 1366px;
  margin: 0 auto;
  padding-bottom: 0;
  background-color: transparent;
}

.wrapper-qpkg-upgrade {
  padding-top: 52px;
  background-image: url("../css_img/background/common-background.png");
  background-size: cover;
  background-position: bottom right;
  background-attachment: fixed;
}
.wrapper-qpkg-upgrade .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1366px;
  margin: 0 auto;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-left: 40px;
  padding-right: 40px;
  background: none;
}

/* Header
-------------------------------------------------- */
.header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: #F2F5F9;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 15;
}
.header .toolbar {
  position: relative;
  height: 52px;
  z-index: 1;
}
.header .toolbar .toolbar-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  max-width: 1366px;
  height: 52px;
  padding: 0 16px;
  margin: 0 auto;
}
.header .toolbar .toolbar-inner .logo {
  position: relative;
  width: 180px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  vertical-align: middle;
}
.header .toolbar .toolbar-inner .logo img {
  min-width: 180px;
}
.header .toolbar .toolbar-inner .logo-license-manager {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.header .toolbar .logo-license-manager > .logo {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-image: url("../css_img/header/ic-service-license-manager.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.header .toolbar .logo-license-manager > .logo img {
  height: 100%;
}
.header .toolbar .logo-license-manager > .name {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  font-family: Roboto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .logo-license-manager > .badge {
  display: none;
  padding: 1px 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: Roboto;
  border-radius: 0.25rem;
  background-color: #EC0A0A;
}
.header .toolbar .logo-license-manager[data-location=cn] > .badge {
  display: block;
}
.header .toolbar .toolbar-inner .tools {
  position: relative;
  width: auto;
}
.header .toolbar .toolbar-inner .tools ul.tool-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  height: 52px;
}
.header .toolbar .toolbar-inner .tools ul li {
  position: relative;
}
.header .toolbar .toolbar-inner .tools ul li:hover .tool-item {
  background-color: rgba(46, 68, 65, 0.05);
}
.header .toolbar .toolbar-inner .tools ul li:hover:before, .header .toolbar .toolbar-inner .tools ul li.active:before {
  border-left: 0px;
}
.header .toolbar .toolbar-inner .tools ul li.active .tool-item {
  background-color: rgba(46, 68, 65, 0.08);
}
.header .toolbar .toolbar-inner .tools ul li.active .tool-dropdown {
  display: block;
}
.header .toolbar .toolbar-inner .tools ul li.divide {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  width: 1px;
  height: 34px;
  background-color: hsla(0, 0%, 0%, 0.1);
  margin: 0px 2px;
}
.header .toolbar .toolbar-inner .tools ul li .sign-group {
  height: 48px;
  color: #fff;
  font-size: 0px;
  padding: 0 10px;
}
.header .toolbar .toolbar-inner .tools ul li .sign-group .item-signin {
  display: inline-block;
  vertical-align: middle;
  background-color: #51bd00;
  color: #fff;
  border-color: #449e00;
  border-radius: 2px;
  margin-right: 16px;
  padding: 5px 9px;
  font-size: 14px;
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .sign-group .item-signin:hover {
  background-color: #4eb501;
  border-color: #337501;
}
.header .toolbar .toolbar-inner .tools ul li .sign-group .item-signin:active {
  color: #eee;
  background-color: #44a000;
  border-color: #337501;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.header .toolbar .toolbar-inner .tools ul li .sign-group .item-signup {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-shadow: black 0px -1px 0px;
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item {
  text-align: center;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 0px;
  text-shadow: black 0px -1px 0px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .caret-down-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #b1b1b1;
  margin-left: 10px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .cart-icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 46px;
  background-image: url(../css_img/header/icon-cart.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .amount {
  letter-spacing: 2px;
  margin-left: 10px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .location-icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 46px;
  background-image: url(../css_img/header/icon-location.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .lang-icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 46px;
  background-image: url(../css_img/header/icon-lang.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .help-icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 46px;
  background-image: url(../css_img/header/icon-help.png);
  background-position: -13px 0px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .information-icon {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url(../css_img/header/ic-header-more--mask.svg);
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .old-store-icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 46px;
  background-image: url(../css_img/header/icon-old-store.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .settings-icon {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url(../css_img/header/ic-header-setting--mask.svg);
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .services-icon {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url(../css_img/header/ic-header-service--mask.svg);
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .avatar {
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 100%;
  overflow: hidden;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .avatar img {
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .no-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background-color: #001b49;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .no-avatar span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item .item-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-item.tool-item--service {
  border-radius: 8px;
}
.header .toolbar .toolbar-inner .tools ul li .current-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1rem;
  width: 270px;
  height: auto;
  padding: 10px 18px 10px 18px;
  border: 0;
  text-align: left;
  text-shadow: none;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .avatar {
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 100%;
  overflow: hidden;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .avatar img {
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .no-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background-color: #001b49;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .no-avatar span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .account-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .account-info .name {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #2e2e2e;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .current-account .account-info .mail {
  font-size: 14px;
  color: #8a8e94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown {
  position: relative;
  top: 8px;
  right: 0px;
  display: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu {
  position: absolute;
  top: 0px;
  right: 0;
  left: auto;
  min-width: 240px;
  margin: 0px 0px 0px 0px;
  padding: 0.5rem 0rem;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
  border-radius: 4px;
  z-index: 1;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li {
  width: 100%;
  height: auto;
  border: 0;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > .li-header {
  color: hsl(0, 0%, 44%);
  font-size: 13px;
  padding: 8px 20px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.25rem;
  padding: 0.5rem 1.25rem;
  color: #2E2E2E;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > a:hover {
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > a:active {
  background-color: #e2e6ea;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > a .fa {
  color: #000;
  margin-right: 10px;
  width: 15px;
  text-align: center;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li > a .fa-check {
  color: #2167c9;
  margin-left: 8px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li:before {
  content: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu > li.li-divide {
  display: block;
  width: auto;
  max-width: 100%;
  height: 1px;
  margin: 10px 0px 10px 14px;
  background-color: #dadce0;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section {
  color: #40464d;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-head {
  color: hsl(0, 0%, 44%);
  font-size: 0.8125rem;
  padding: 0.5rem 1.25rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.25rem;
  padding: 0.5rem 1.25rem;
  color: #2E2E2E;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items:hover {
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items:active {
  background-color: #e2e6ea;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.selection {
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.pending {
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.selected {
  pointer-events: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.selected::before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../css_img/util/ic-check-mark--mask.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.active {
  color: #001231;
  font-weight: 500;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.no-effect:hover, .header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items.no-effect:active {
  background-color: transparent !important;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items .section-items__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items .section-items__group .select-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .section .section-items .section-items__group .select-ic {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  background-image: url("../css_img/util/ic-pagination-next-line.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem 1.5rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.two-column {
  width: 290px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.two-column > li.full-space {
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.two-column > li {
  width: 140px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column {
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li {
  width: 140px;
  height: auto;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li > a {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #000;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li > a:hover {
  background-color: #fafafa;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li > a .fa {
  color: #000;
  margin-right: 10px;
  width: 15px;
  text-align: center;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li > a .fa-check {
  color: #2167c9;
  margin-left: 8px;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu .two-column > li:before {
  content: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.currency > li > a .currency-abbr {
  display: inline-block;
  font-weight: 500;
  margin-right: 4px;
  color: #999;
  vertical-align: middle;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.currency > li > a .currency-full {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.currency > li > a:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem 1.25rem;
  width: 21.75rem;
  padding: 1.25rem 1rem;
  left: 0;
  right: auto;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item {
  width: 5.75rem;
  height: 5.75rem;
  text-align: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item .services-grid__item__icon {
  width: 3rem;
  height: 3.5rem;
  margin-inline: auto;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item .services-grid__item__icon img {
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item .services-grid__item__label {
  display: -webkit-box;
  max-width: 100%;
  padding: 0rem 0.125rem;
  font-size: 0.75rem;
  color: #000;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item:hover {
  -webkit-box-shadow: 0 0.125rem 0.875rem rgba(50, 50, 93, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.125rem 0.875rem rgba(50, 50, 93, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item:active {
  -webkit-box-shadow: 0 0.125rem 0.313rem 0 rgb(231, 236, 245);
          box-shadow: 0 0.125rem 0.313rem 0 rgb(231, 236, 245);
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item *::-moz-selection {
  background-color: transparent;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.dropdown-menu--services-grid .services-grid__item *::selection {
  background-color: transparent;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .dropdown-menu.scrollable {
  max-height: 480px;
  overflow-y: auto;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  width: 15rem;
  min-width: 15rem;
  max-height: calc(100dvh - 3.25rem - 1rem);
  max-height: calc(100svh - 3.25rem - 1rem);
  right: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.125rem 0.375rem;
          box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.125rem 0.375rem;
  overflow: hidden;
}
@supports (not (height: 1dvh)) or (not (height: 1svh)) {
  .header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown {
    max-height: calc(100vh - 3.25rem - 1rem);
  }
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  max-height: calc(100dvh - 3.25rem);
  max-height: calc(100svh - 3.25rem);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel .dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
@supports (not (height: 1dvh)) or (not (height: 1svh)) {
  .header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel {
    max-height: calc(100vh - 3.25rem);
  }
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel[data-menu-level="1"] {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel[data-menu-level="2"] {
  overflow: hidden;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .multi-level-dropdown__panel[data-menu-level="2"] .section-items {
  padding-left: 2.125rem !important;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu {
  position: relative;
  min-width: 15rem;
  max-height: calc(100vh - 5rem);
  padding: 0.5rem 0rem;
  top: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section {
  color: #40464d;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-head {
  color: hsl(0, 0%, 44%);
  font-size: 0.8125rem;
  padding: 0.5rem 1.25rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.25rem;
  padding: 0.5rem 1.25rem;
  color: #2E2E2E;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items:hover {
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items:active {
  background-color: #e2e6ea;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.selection {
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.pending {
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.selected {
  pointer-events: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.selected::before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../css_img/util/ic-check-mark--mask.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.active {
  color: #001231;
  font-weight: 500;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.no-effect:hover, .header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items.no-effect:active {
  background-color: transparent !important;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items .section-items__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items .section-items__group .select-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu .section .section-items .section-items__group .select-ic {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  background-image: url("../css_img/util/ic-pagination-next-line.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem 1.5rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu[data-menu-level="2"] {
  padding: 0rem 0rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.25rem;
  padding: 0rem 0.5rem 0.5rem;
  border-bottom: 1px solid #e2e6ea;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  border-radius: 0.25rem;
  color: hsl(0, 0%, 44%);
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar__back:hover {
  color: hsl(0, 0%, 18%);
  background-color: #eef0f3;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar__back:active {
  background-color: #e2e6ea;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar__label {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  font-size: 0.9375rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__navbar__arrow {
  position: relative;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
  background-image: url("../css_img/util/ic-arrow-left-mask.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: center center;
  opacity: 0.4;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__scroll-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  padding: 0.5rem 0rem 0.125rem;
  overflow-y: auto;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__scroll-content ul {
  display: block;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__attention {
  position: relative;
  margin-top: 0.625rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  pointer-events: none;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__attention .dropdown-menu__attention-wrapper {
  min-height: 7.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.25rem;
  color: #2e2e2e;
  background-color: #f7f8f9;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown .dropdown-menu__attention .dropdown-menu__attention__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown[data-secondary-menu=open] .multi-level-dropdown__panel {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transform: translateX(-15rem);
      -ms-transform: translateX(-15rem);
          transform: translateX(-15rem);
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown[data-secondary-menu=open] .multi-level-dropdown__panel[data-menu-level="1"] {
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
}
.header .toolbar .toolbar-inner .tools ul li .tool-dropdown .multi-level-dropdown[data-secondary-menu=open] .multi-level-dropdown__panel[data-menu-level="2"] {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  overflow: visible;
}
.header .toolbar .toolbar-inner .tools .sidenav-trigger {
  position: relative;
  padding: 0 18px;
  display: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.header .toolbar .toolbar-inner .tools .sidenav-trigger .fa {
  display: inline-block;
  vertical-align: middle;
}
.header .toolbar .toolbar-inner .tools .sidenav-trigger:hover, .header .toolbar .toolbar-inner .tools .sidenav-trigger:active {
  background-color: #222;
}
.header .toolbar .toolbar-inner .tools .sidenav-trigger:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar {
  position: relative;
  height: 56px;
  background-color: #EDEFF1;
}
.header .navbar .navbar-inner {
  position: relative;
  max-width: 1366px;
  height: 56px;
  margin: 0 auto;
  padding: 0 16px;
}
.header .navbar ul li {
  position: relative;
  float: left;
  height: 56px;
}
.header .navbar ul li .nav-item {
  text-align: center;
  display: block;
  height: 56px;
  padding: 0 16px;
  font-size: 0px;
  border-bottom: 4px solid #EDEFF1;
}
.header .navbar ul li .nav-item .nav-icon {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 24px;
  line-height: 24px;
  margin-left: 0px;
  margin-right: 12px;
}
.header .navbar ul li .nav-item .nav-icon img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.header .navbar ul li .nav-item .nav-icon:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar ul li .nav-item .item-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #444;
}
.header .navbar ul li .nav-item:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar ul li:hover .nav-item {
  border-bottom-color: #ccc;
}
.header .navbar ul li.active .nav-item {
  border-bottom-color: #999;
  font-weight: 500;
}
.header .navbar ul li.active .nav-item .item-label {
  color: #2f2f2f;
}
.header .navbar .add-license {
  height: 56px;
}
.header .navbar .add-license .q-btn:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.header .navbar .add-license .btn-icon {
  display: inline-block;
  margin-right: 4px;
  margin-top: -2px;
  line-height: 0;
  vertical-align: middle;
}
.header .navbar .add-license:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar .add-license .q-select-custom {
  color: #000;
  font-size: 14px;
}
.header .navbar .add-license .q-select-custom .select-toggle .select-icon {
  width: 24px;
  height: auto;
  line-height: 0;
}
.header .navbar .add-license .q-select-custom .select-dropdown .select-menu {
  right: 0;
}
@media (max-width: 400px) {
  .header .navbar .add-license .q-select-custom .select-toggle {
    min-width: 0;
    padding-right: 20px;
  }
  .header .navbar .add-license .q-select-custom .select-toggle .select-label {
    display: none;
  }
}
.header .navbar .nav-dropdown {
  display: none;
  height: 56px;
  background-color: #EDEFF1;
}
.header .navbar .nav-dropdown .nav-item {
  text-align: center;
  display: block;
  height: 56px;
  font-size: 0px;
  border-bottom: 4px solid #EDEFF1;
}
.header .navbar .nav-dropdown .nav-item .nav-icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
}
.header .navbar .nav-dropdown .nav-item .nav-icon img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.header .navbar .nav-dropdown .nav-item .nav-icon:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar .nav-dropdown .nav-item .item-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #444;
}
.header .navbar .nav-dropdown .nav-item i {
  color: #2f2f2f;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 8px;
}
.header .navbar .nav-dropdown .nav-item:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.header .navbar .nav-dropdown > .dropdown-menu {
  position: absolute;
  background-color: #dcdfe2;
  border-top: 1px solid #dcdfe2;
  height: 0px;
  left: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-property: height, border-color;
  transition-property: height, border-color;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header .navbar .nav-dropdown > .dropdown-menu ul li {
  width: 100%;
}
.header .navbar .nav-dropdown > .dropdown-menu ul li .nav-item {
  text-align: left;
  border-bottom: 1px solid #cfd2d4;
}
.header .navbar .nav-dropdown > .dropdown-menu ul li .nav-item .nav-icon {
  text-align: center;
  margin-left: 0;
}
.header .navbar .nav-dropdown > .dropdown-menu ul li .nav-item:active {
  background-color: #e5e8ea;
}
.header .navbar .nav-dropdown > .dropdown-menu ul li:last-child .nav-item {
  border-bottom: 0px;
}
.header .navbar .nav-dropdown > .dropdown-menu.visible {
  display: block;
  height: 168px;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.sidenav {
  position: fixed;
  z-index: 1032;
  width: 250px;
  background-color: #fff;
  top: 0px;
  bottom: 0px;
  right: -250px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.sidenav ul li:last-child {
  border-bottom: 0;
}
.sidenav ul li:after {
  display: table;
  content: "";
  clear: both;
}
.sidenav ul li.cate {
  border-bottom: 1px solid #e5e5e5;
}
.sidenav ul li.cate:last-child {
  border-bottom: 0px solid #e5e5e5;
}
.sidenav ul li.cate.two-column ul li {
  width: 125px;
  float: left;
}
.sidenav ul li.cate.two-column ul li.selected a {
  color: #0b63db;
}
.sidenav ul li .head {
  color: #0b63db;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 15px;
  font-size: 14px;
  font-weight: 500;
}
.sidenav ul li .head:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.sidenav ul li .head > .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-color: #084fb1;
}
.sidenav ul li .head > .avatar img {
  width: 100%;
}
.sidenav ul li .head > .uid {
  display: inline-block;
  vertical-align: middle;
  max-width: 185px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
}
.sidenav ul.sub-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidenav ul.sub-items li {
  color: #bbbfbf;
  font-size: 0px;
}
.sidenav ul.sub-items li i {
  margin-right: 10px;
  color: #000;
  font-size: 14px;
  width: 14px;
  text-align: center;
}
.sidenav ul.sub-items li a {
  display: block;
  position: relative;
  color: #2f2f2f;
  cursor: pointer;
  padding: 13px 16px;
  font-size: 14px;
  line-height: 1.4;
  background-color: #fff;
  background-color: transparent;
  white-space: normal;
  text-shadow: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidenav ul.sub-items li a .currency-abbr {
  margin-right: 5px;
}
.sidenav ul.sub-items li a .currency-full {
  color: #777;
}
.sidenav ul.sub-items li a .fa-check {
  margin-left: 8px;
  color: #2167c9;
}
.sidenav ul.sub-items li .service-icon {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.sidenav ul.sub-items li:hover {
  background-color: #fafafa;
}
.sidenav ul.sub-items li:hover .q-select {
  background-color: #fafafa;
}
.sidenav ul.sub-items li:last-child {
  border-bottom: 0;
}
.sidenav ul.sub-items li.currency-selector a {
  padding-top: 0;
  padding-bottom: 0;
}
.sidenav ul.sub-items li.currency-selector a i {
  vertical-align: middle;
}
.sidenav ul.sub-items li.currency-selector a .q-select {
  padding: 0;
  margin: 0px 0px 0px 0px;
  border: 0px;
  min-width: 0px;
  width: 88%;
  height: 45px;
  border-radius: 0px;
  vertical-align: middle;
}
.sidenav ul.sub-items li.currency-selector a .q-select select {
  padding: 0px;
  height: 45px;
}
.sidenav ul.sub-items li.currency-selector a .q-select:after {
  display: none;
}
@-moz-document url-prefix() {
  .sidenav ul.sub-items li.currency-selector a .q-select {
    margin: 0px 0px 0px -5px;
  }
}
.sidenav .sidenav-search {
  position: relative;
  overflow: hidden;
  height: 36px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 17px 15px 8px 15px;
}
.sidenav .sidenav-search-input {
  position: absolute;
  left: 0;
  right: 36px;
  height: 36px;
}
.sidenav .sidenav-search-input > input {
  width: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 28px;
  font-size: 14px;
  margin: 0;
}
.sidenav .sidenav-search-btn {
  position: absolute;
  right: 0px;
  width: 36px;
  height: 36px;
  border: 0;
  background-color: #fff;
  background-image: url(../css_img/header/searchbar-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidenav .sidenav-search-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.sidenav.visible {
  visibility: visible;
  right: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px;
}

/* Hero
-------------------------------------------------- */
/* Hero Banner
-------------------------------------------------- */
.hero {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #fff;
}
.hero .hero-inner-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  cursor: pointer;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.hero .hero-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.hero .hero-inner {
  position: relative;
  max-width: 1366px;
  height: 100%;
  padding: 0px 16px;
  margin: 0 auto;
  z-index: 0;
}
.hero .hero-content {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  bottom: 0;
  color: #fff;
}
.hero .hero-content .content-left {
  display: inline-block;
  width: 55%;
  max-width: 55%;
  height: 100%;
  padding-left: 16px;
  vertical-align: top;
}
.hero .hero-content .content-left .content-heading {
  margin: 0;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  margin-top: 48px;
  margin-bottom: 10px;
}
.hero .hero-content .content-left .content-subheading {
  margin: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 24px;
}
.hero .hero-content .content-left .price {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}
.hero .hero-content .content-left .price .del-price {
  color: #ddd;
  margin-bottom: 5px;
}
.hero .hero-content .content-left .platforms {
  line-height: 1.2;
}
.hero .hero-content .content-left .platforms .platform-img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  padding: 3px 3px;
  border-radius: 3px;
  border: solid 1px #cccccc;
}
.hero .hero-content .content-left .platforms .platform-img > svg path {
  fill: #fff;
}
.hero .hero-content .content-left .platforms .platform-img:last-child {
  margin-right: 0;
}
.hero .hero-content .content-left.dark {
  color: #2f2f2f;
}
.hero .hero-content .content-left.dark .price .del-price {
  color: #444;
}
.hero .hero-content .content-left.dark-blue {
  color: #0b1d4b;
}
.hero .hero-content .content-left.dark-blue .price .del-price {
  color: #1c5596;
}
.hero .hero-content .content-right {
  display: inline-block;
  position: relative;
  width: 40%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.hero .hero-content .content-right img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  max-width: 380px;
}
.hero .hero-content .content-right:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.hero .slide-nav {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 16px;
  z-index: 10;
}
.hero .slide-nav .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px 5px;
  border-radius: 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
  -ms-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
  background-color: #ccc;
  cursor: pointer;
}
.hero .slide-nav .dot:hover:not(.active) {
  -webkit-box-shadow: #666 0px 0px 0px 1px inset;
  -ms-box-shadow: #666 0px 0px 0px 1px inset;
  box-shadow: #666 0px 0px 0px 1px inset;
  border: 1px solid #fff;
}
.hero .slide-nav .dot.active {
  background-color: #fff;
  background-position: 0 0;
  cursor: default;
}

/* Landing Banner
-------------------------------------------------- */
/* Hero Banner
-------------------------------------------------- */
.landing-banner {
  position: relative;
  width: 100%;
  height: 346px;
  background-color: #fff;
  background: url("../css_img/landing/landing-banner-bg.png") no-repeat;
  background-size: cover;
  overflow: hidden;
}
.landing-banner .banner-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1366px;
  height: 100%;
  padding: 0px 16px;
  margin: 0 auto;
  z-index: 0;
}
.landing-banner .banner-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  padding-left: 16px;
}
.landing-banner .banner-content .landing-title {
  font-size: 38px;
  letter-spacing: 1px;
  color: #fff;
}
.landing-banner .banner-content .divide {
  margin: 40px 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.7);
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn {
  margin: 0;
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large {
  padding: 10px 32px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  border: 0;
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large:hover {
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 0.2rem 0.313rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.2rem 0.313rem 0 rgba(0, 0, 0, 0.2);
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large:active {
  background-color: #e2e2e2;
  background-image: none;
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large.signup-btn {
  background: rgba(255, 255, 255, 0);
  color: #fff;
  border: 1px solid #fff;
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large.signup-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
.landing-banner .banner-content .signin-signup .q-btn-group .q-btn-large.signup-btn:active {
  -webkit-box-shadow: 0px 0px 0px 1px rgb(255, 255, 255) inset;
          box-shadow: 0px 0px 0px 1px rgb(255, 255, 255) inset;
}
.landing-banner .banner-content .signin-signup .q-btn-group .or {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 18px;
  font-size: 18px;
  color: #fff;
}
.landing-banner .banner-front-img {
  position: absolute;
  width: 750px;
  height: 100%;
  min-width: 0;
  bottom: 0;
  right: -100px;
}

/* Content
-------------------------------------------------- */
.content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-bottom: 40px;
  background-color: #fff;
  /* Product Gird
  -------------------------------------------------- */
  /* Product Gird
  -------------------------------------------------- */
  /* Shopping Cart
  -------------------------------------------------- */
  /* Purchase History
  -------------------------------------------------- */
  /* license Activate Content
  -------------------------------------------------- */
  /* License Activate
  -------------------------------------------------- */
  /* Product Page
  -------------------------------------------------- */
  /* QPKG Upgrade
  -------------------------------------------------- */
  /* Page Not Found
  -------------------------------------------------- */
}
.content .pd-grid {
  background-color: #fff;
}
.content .pd-grid .grid-heading {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.content .pd-grid .grid-heading .heading-inner {
  max-width: 1366px;
  height: 56px;
  margin: 0 auto;
  padding: 0 16px;
}
.content .pd-grid .grid-heading .heading-inner .inner-title {
  display: inline-block;
  vertical-align: middle;
  color: #2f2f2f;
  font-size: 16px;
  font-weight: 400;
}
.content .pd-grid .grid-heading .heading-inner .fa-angle-right {
  color: #2f2f2f;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 8px;
}
.content .pd-grid .grid-heading .heading-inner .select-box {
  height: 56px;
}
.content .pd-grid .grid-heading .heading-inner .select-box:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .pd-grid .grid-heading .heading-inner:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .pd-grid .grid {
  max-width: 1366px;
  margin: 0px auto 0px auto;
}
.content .pd-grid .grid .grid-inner {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 24px 24px;
  width: 100%;
}
.content .pd-grid .grid .grid-row {
  display: table-row;
}
.content .pd-grid .grid .grid-cell {
  display: table-cell;
  border: 1px solid #ddd;
  padding: 16px 16px;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.content .pd-grid .grid .grid-cell .pd-img {
  width: 144px;
  height: 144px;
}
.content .pd-grid .grid .grid-cell .pd-img img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.content .pd-grid .grid .grid-cell .pd-info {
  overflow: hidden;
  padding-left: 16px;
}
.content .pd-grid .grid .grid-cell .pd-info .pd-name {
  font-size: 18px;
  line-height: 22px;
  color: #2f2f2f;
  margin-bottom: 8px;
}
.content .pd-grid .grid .grid-cell .pd-info .pd-desc {
  font-size: 14px;
  line-height: 18px;
  color: #777;
  margin-bottom: 16px;
}
.content .pd-grid .grid .grid-cell .pd-info .pd-price {
  color: #0b63db;
  font-size: 14px;
  font-weight: 500;
}
.content .pd-grid .grid .grid-cell:hover {
  border-color: #ccc;
  background-color: #fafafa;
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15), 0px 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15), 0px 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.content .pd-grid .grid .grid-cell:active {
  background-color: #efefef;
}
.content .promo-grid {
  background-color: #fff;
}
.content .promo-grid .grid-heading {
  border-bottom: 1px solid #ddd;
  background-color: #0068dc;
}
.content .promo-grid .grid-heading .heading-inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 24px;
  text-align: center;
}
.content .promo-grid .grid-heading .heading-inner .inner-title {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.content .promo-grid .grid-heading .heading-inner .inner-title a {
  border-bottom: 1px solid #fff;
}
.content .promo-grid .grid {
  max-width: 1366px;
  margin: 0px auto 0px auto;
}
.content .promo-grid .grid .grid-inner {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 24px 24px;
  width: 100%;
}
.content .promo-grid .grid .grid-row {
  display: table-row;
}
.content .promo-grid .grid .grid-cell {
  display: table-cell;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 40px 40px;
  background-color: #fff;
  cursor: default;
  -webkit-box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.content .promo-grid .grid .grid-cell .promo-img {
  width: 250px;
  height: 150px;
  margin: 0 auto;
}
.content .promo-grid .grid .grid-cell .promo-img img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.content .promo-grid .grid .grid-cell .promo-info {
  overflow: hidden;
  padding-top: 40px;
}
.content .promo-grid .grid .grid-cell .promo-info .promo-title {
  font-size: 22px;
  line-height: 1.45;
  color: #2f2f2f;
  margin-bottom: 16px;
}
.content .promo-grid .grid .grid-cell .promo-info .promo-desc {
  font-size: 16px;
  line-height: 1.4;
  color: #777;
}
.content .promo-grid .grid .grid-cell:hover {
  border-color: #ccc;
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15), 0px 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15), 0px 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.content .landing-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 90px;
  height: 100%;
}
.content .landing-section .isometric-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: max(35%, 500px);
  height: 100%;
  padding-left: 32px;
}
.content .landing-section .isometric-wrapper .hero-isometric {
  width: 100%;
  max-width: 560px;
  -webkit-transform: translateY(16%);
      -ms-transform: translateY(16%);
          transform: translateY(16%);
}
.content .landing-section .isometric-wrapper .hero-isometric img {
  width: 100%;
  max-width: 100%;
}
.content .landing-section .copywriting-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 56px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  word-break: normal;
  word-wrap: break-word;
}
.content .landing-section .copywriting-wrapper .copywriting {
  position: relative;
}
.content .landing-section .copywriting-wrapper .copywriting-title {
  color: #000;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 24px;
}
.content .landing-section .copywriting-wrapper .copywriting-title span {
  display: inline-block;
  text-align: left;
}
.content .landing-section .copywriting-wrapper .copywriting-desc {
  color: #2f2f2f;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 48px;
}
.content .landing-section .copywriting-wrapper .copywriting-desc span {
  text-align: left;
  display: inline-block;
}
.content .landing-section .copywriting-wrapper .q-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: inherit;
}
.content .landing-section .copywriting-wrapper .q-btn-group .q-btn {
  margin-right: 0;
}
.content .landing-section .copywriting-wrapper .q-btn-group .or {
  color: #2f2f2f;
  font-size: 20px;
}
.content .shopping-cart {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 16px 40px 16px;
  position: relative;
  font-size: 14px;
  color: #2f2f2f;
}
.content .shopping-cart .datatable-wrapper {
  border: 1px solid #ddd;
}
.content .shopping-cart .datatable {
  table-layout: auto;
}
.content .shopping-cart .datatable thead tr th .ic-info-i {
  display: inline-block;
  height: 16px;
  line-height: 0;
  vertical-align: text-bottom;
  margin: 0 7px;
  cursor: pointer;
}
.content .shopping-cart .datatable thead tr th .ic-info-i img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.content .shopping-cart .datatable thead tr th .th-ic-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .shopping-cart .datatable thead tr th .th-ic-group .text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .shopping-cart .datatable thead tr th .th-ic-group .ic-info-i {
  min-width: 0;
}
.content .shopping-cart .datatable tbody tr td:first-child {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
.content .shopping-cart .datatable tbody tr td:first-child img {
  width: 100%;
}
.content .shopping-cart .datatable tbody tr td:nth-child(2) {
  color: #2167C9;
}
.content .shopping-cart .datatable tbody tr td .tag-auto-renewal {
  display: inline-block;
  vertical-align: top;
  padding: 1px 5px;
  margin: 0 5px;
  font-size: 12px;
  background-color: #e8ffdc;
  border-radius: 3px;
  border: 1px solid #52b508;
  color: #45a000;
}
.content .shopping-cart.cart-empty .datatable-wrapper {
  height: 300px;
}
.content .shopping-cart .cart-empty-screen {
  position: absolute;
  top: 66px;
  left: 16px;
  right: 16px;
  bottom: 188px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #ddd;
  border-top: 0px;
  z-index: 1;
}
.content .shopping-cart .cart-empty-screen .screen-info {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0px;
  margin: auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content .shopping-cart .cart-empty-screen .screen-info .info-icon {
  display: inline-block;
  width: 26px;
  margin: 0px 0px 6px 0px;
}
.content .shopping-cart .cart-empty-screen .screen-info .info-icon img {
  width: 100%;
}
.content .shopping-cart .cart-empty-screen .screen-info .info-text {
  display: inline-block;
  margin: 0px 0px 6px 0px;
  padding: 0px 8px;
  line-height: 1.4;
}
.content .shopping-cart .billing-info {
  margin-top: 15px;
  background-color: #f7f8f9;
  border: 1px solid #ddd;
}
.content .shopping-cart .billing-info .billing-info-header {
  position: relative;
  padding: 10px 15px;
  line-height: 1.42857143;
}
.content .shopping-cart .billing-info .billing-info-header .text {
  vertical-align: middle;
  font-weight: 500;
  margin-right: 3px;
}
.content .shopping-cart .billing-info .billing-info-header .billing-info-help {
  display: inline-block;
  cursor: pointer;
}
.content .shopping-cart .billing-info .billing-info-header .billing-info-help img {
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.content .shopping-cart .billing-info .billing-info-header .billing-info-help i {
  color: #999;
  font-size: 16px;
}
.content .shopping-cart .billing-info .billing-info-header .billing-info-help:hover > .help-tooltip {
  display: block;
}
.content .shopping-cart .billing-info .billing-info-header .billing-info-help > .help-tooltip {
  display: none;
  position: absolute;
  padding: 15px 15px;
  background-color: #FFF9E2;
  bottom: 30px;
  left: 35px;
  right: 35px;
  max-width: 700px;
  z-index: 1;
  border: 1px solid #bbb;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
}
.content .shopping-cart .billing-info .expand-trigger {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #b0b0b0;
  background-color: #fff;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 12px;
  margin-right: 10px;
}
.content .shopping-cart .billing-info .expand-trigger:hover {
  border: 1px solid #666;
}
.content .shopping-cart .billing-info .expand-trigger.expanded {
  border-color: #999;
  background-color: #eee;
}
.content .shopping-cart .billing-info .expand-trigger.expanded:hover {
  border: 1px solid #666;
}
.content .shopping-cart .billing-info .billing-info-content {
  border-top: 1px solid #ddd;
  padding: 15px 15px;
  margin: 0px 15px 0px 15px;
}
.content .shopping-cart .billing-info .billing-info-content form {
  margin: 0;
}
.content .shopping-cart .billing-info .billing-info-content .form-row {
  position: relative;
  padding: 5px 0px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row:last-child {
  margin-bottom: 0px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-label {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 20%;
  max-width: 130px;
  margin-right: 10px;
  word-wrap: break-word;
  word-break: normal;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-label label {
  color: #333;
  font-weight: 500;
  margin-bottom: 0px;
  padding: 5px 0px;
  cursor: default;
  line-height: 1.45;
  display: block;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field {
  overflow: hidden;
  max-width: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field a {
  display: inline-block;
  padding: 5px 0px;
  color: #2167C9;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field a:hover {
  text-decoration: underline;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30px;
  margin-bottom: 0;
  width: 100%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  margin-bottom: 0;
  width: auto;
  max-width: 100%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field .input-error-msg {
  display: inline-block;
  width: 100% !important;
  color: #dd4b39;
  padding: 5px 0px 0px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field .q-select {
  width: 100%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field .q-select select {
  width: 100%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-sub {
  max-width: 640px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-full {
  width: 100%;
  max-width: 100%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-block {
  display: block;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-row {
  padding-bottom: 10px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-row:last-child {
  padding-bottom: 0px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-row:after {
  display: table;
  content: "";
  clear: both;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field-shift-left {
  padding-left: 26px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .radio-expand-content {
  padding-top: 5px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span:nth-child(odd) {
  padding-right: 5px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span:nth-child(even) {
  padding-left: 5px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field:after {
  display: table;
  content: "";
  clear: both;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .post-code {
  width: 30%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .address, .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .city {
  width: 30%;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .comp .comp-el {
  float: left;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .comp .comp-el input {
  margin: 0;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .comp .comp-text {
  overflow: hidden;
  padding-left: 10px;
}
.content .shopping-cart .billing-info .billing-info-content .form-row .comp:after {
  display: table;
  content: "";
  clear: both;
}
.content .shopping-cart .billing-info .billing-info-content .form-row:after {
  display: table;
  content: "";
  clear: both;
}
.content .shopping-cart .billing-info .invoice-info-content .form-row {
  padding-bottom: 10px;
}
.content .shopping-cart .total-price {
  position: relative;
  font-size: 22px;
  text-align: right;
  margin-top: 30px;
  margin-bottom: 30px;
}
.content .shopping-cart .total-price:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .shopping-cart .total-price label {
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
  color: #333;
  cursor: default;
  margin: 0px 10px 0px 0px;
  word-wrap: break-word;
  word-break: normal;
  font-size: 22px;
}
.content .shopping-cart .total-price .price {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #2167C9;
  margin-right: 10px;
}
.content .shopping-cart .total-price .currency {
  color: #999;
  margin-left: 5px;
}
.content .shopping-cart .next-action {
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.content .shopping-cart .next-action .q-btn-align-paypal {
  height: 35px;
  padding: 6px 19px;
}
.content .shopping-cart .next-action #paypal-button {
  display: inline-block;
  vertical-align: top;
}
.content .purchase-history {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 16px 24px 16px;
  position: relative;
  font-size: 14px;
  color: #2f2f2f;
}
.content .purchase-history .period-ctrl {
  text-align: right;
  margin-bottom: 15px;
}
.content .purchase-history .period-ctrl .period-label {
  color: #333;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.content .purchase-history .period-ctrl .select-box {
  display: inline-block;
  vertical-align: middle;
}
.content .purchase-history .period-ctrl:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .purchase-history .period-ctrl.order-period-ctrl {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.content .purchase-history .period-ctrl.order-period-ctrl .col-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  line-height: 1.4;
  color: #ff5722;
}
.content .purchase-history .period-ctrl.order-period-ctrl .col-info a {
  color: #2167C9;
  border-bottom: 1px solid #2167C9;
  margin-left: 3px;
  margin-right: 3px;
}
.content .purchase-history .period-ctrl.order-period-ctrl .col-ctrl {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  min-width: 0;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #ddd;
}
.content .purchase-history .period-ctrl.order-period-ctrl .col-ctrl:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .purchase-history .period-ctrl.order-period-ctrl:before {
  content: none;
}
.content .purchase-history .license-empty-screen {
  position: absolute;
  z-index: 1;
  top: 110px;
  left: 16px;
  right: 16px;
  bottom: 24px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #ddd;
  border-top: 0px;
}
.content .purchase-history .license-empty-screen .screen-info {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0px;
  margin: auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content .purchase-history .license-empty-screen .screen-info .info-icon {
  display: inline-block;
  width: 26px;
  margin: 0px 0px 6px 0px;
}
.content .purchase-history .license-empty-screen .screen-info .info-icon img {
  width: 100%;
}
.content .purchase-history .license-empty-screen .screen-info .info-text {
  display: inline-block;
  margin: 0px 0px 6px 0px;
  padding: 0px 8px;
  line-height: 1.4;
}
.content .purchase-history .datatable-wrapper {
  border: 1px solid #ddd;
}
.content .purchase-history .datatable {
  table-layout: auto;
}
.content .purchase-history .datatable thead tr th:first-child {
  width: 44px;
  max-width: 44px;
  min-width: 44px;
}
.content .purchase-history .datatable thead tr th:last-child {
  display: none;
}
.content .purchase-history .datatable tbody tr td:first-child {
  width: 44px;
  max-width: 44px;
  min-width: 44px;
}
.content .purchase-history .datatable tbody tr td:first-child img {
  width: 100%;
}
.content .purchase-history .datatable tbody tr td:last-child {
  display: none;
}
.content .purchase-history .datatable tbody tr td .expand-trigger {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #b0b0b0;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 12px;
  font-weight: 300;
}
.content .purchase-history .datatable tbody tr td .expand-trigger.expanded {
  border-color: #999;
  background-color: #eee;
}
.content .purchase-history .datatable tbody tr td .expand-trigger:hover {
  border: 1px solid #666;
}
.content .purchase-history .datatable tbody tr td .expand-trigger:active {
  background-color: #e6e6e6;
  background-image: none;
}
.content .purchase-history .datatable tbody tr td .expand-trigger.disabled {
  border-color: #ddd;
  color: #ddd;
  background-color: #fff;
}
.content .purchase-history .datatable tbody tr td .detail-btn {
  cursor: pointer;
  text-align: center;
  padding: 3px 5px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
}
.content .purchase-history .datatable tbody tr td .detail-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .purchase-history .datatable tbody tr td .detail-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
}
.content .purchase-history .datatable tbody tr td .val-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .purchase-history .datatable tbody tr td .val-group > .val {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.content .purchase-history .datatable tbody tr td .val-group .ic-help {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 16px;
  height: 16px;
  min-width: 16px;
  line-height: 0;
  cursor: pointer;
}
.content .purchase-history .datatable tbody tr td .val-group .ic-help img {
  width: 100%;
}
.content .purchase-history .datatable tbody tr {
  border-bottom: 0px;
  border-top: 1px solid #ddd;
}
.content .purchase-history .datatable tbody tr:first-child {
  border-top: 0px;
}
.content .purchase-history .datatable tbody tr.expanded-content {
  border-top: 0px;
}
.content .purchase-history .datatable tbody tr.expanded-content td {
  padding: 0px 40px 16px 40px;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #fff;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table thead {
  border-bottom: 2px solid #fff;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table thead tr th {
  padding: 10px 15px;
  background-color: #d4e7fb;
  cursor: default;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table thead tr th:first-child {
  width: auto;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table thead tr th:last-child {
  display: table-cell;
  width: auto;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table tbody tr {
  background-color: #eaf3fd;
  border-bottom: 2px solid #fff;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table tbody tr td {
  background: none;
  padding: 10px 15px !important;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table tbody tr td:first {
  width: auto;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table tbody tr td:last-child {
  display: table-cell;
  text-align: left;
  width: auto;
}
.content .purchase-history .datatable tbody tr.expanded-content .expanded-table tbody tr:last-child {
  border: 0px;
}
.content .activate-ctrl-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.content .activate-ctrl-bar .ctrl-group {
  position: relative;
}
.content .activate-ctrl-bar .ctrl-group.align-self-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.content .activate-ctrl-bar .ctrl-group.align-self-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.content .activate-ctrl-bar .ctrl-label {
  color: #333;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 15px;
}
.content .activate-ctrl-bar .ctrl-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.content .activate-ctrl-bar .ctrl-btn .btn-icon {
  display: inline-block;
  margin-right: 4px;
}
.content .activate-ctrl-bar .ctrl-btn .btn-label.tag {
  font-size: 12px;
  background-color: #d9ffd0;
  padding: 0px 8px;
  border-radius: 3px;
  border: 1px solid #c5e0bf;
  margin-right: 2px;
}
.content .activate-ctrl-bar .ctrl-btn .btn-label.tag:last-child {
  margin-right: 0px;
}
.content .activate-ctrl-bar .ctrl-btn .icon-only .btn-label {
  display: none;
}
.content .activate-ctrl-bar .ctrl-btn .icon-only .btn-icon {
  margin-right: 0px;
}
.content .activate-ctrl-bar .ctrl-btn .filter-dropdown {
  text-align: left;
  position: absolute;
  right: 0;
  top: 35px;
  padding: 16px 24px 24px 24px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #ddd;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
.content .activate-ctrl-bar .ctrl-btn .filter-dropdown .filter-group {
  margin-bottom: 16px;
}
.content .activate-ctrl-bar .ctrl-btn .filter-dropdown .filter-group .group-title {
  margin-bottom: 8px;
  font-weight: 500;
}
.content .activate-ctrl-bar .ctrl-btn .filter-dropdown .filter-group .q-select {
  width: 100%;
}
.content .activate-ctrl-bar .ctrl-btn .filter-dropdown .q-btn {
  width: 100%;
}
.content .activate-ctrl-bar .q-select-custom {
  vertical-align: middle;
}
.content .activate-ctrl-bar .add-license-select .q-select-custom {
  color: #000;
  font-size: 14px;
}
.content .activate-ctrl-bar .add-license-select .q-select-custom .select-toggle .select-icon {
  width: 20px;
  min-width: 20px;
  height: auto;
  line-height: 0;
}
.content .activate-ctrl-bar .add-license-select .q-select-custom .select-dropdown .select-menu {
  right: 0;
}
@media (max-width: 600px) {
  .content .activate-ctrl-bar .ctrl-group {
    width: 100%;
  }
  .content .activate-ctrl-bar .q-select-custom {
    width: 100% !important;
  }
  .content .activate-ctrl-bar .owner-select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    margin-right: 4px;
  }
  .content .activate-ctrl-bar .add-license-select {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 64px;
    min-width: 64px;
  }
  .content .activate-ctrl-bar .add-license-select .q-select-custom .select-toggle {
    min-width: 0;
    padding-right: 20px;
  }
  .content .activate-ctrl-bar .add-license-select .q-select-custom .select-toggle .select-label {
    display: none;
  }
}
.content .license-activate {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 16px 24px 16px;
  position: relative;
  font-size: 14px;
  color: #2f2f2f;
  /*
  Summary Minimize
  */
}
.content .license-activate .row-ctrl {
  text-align: right;
  margin-bottom: 8px;
  font-size: 0px;
}
.content .license-activate .row-ctrl .row-adj-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 16px;
  height: 14px;
  margin-right: 8px;
  cursor: pointer;
  border: 1px solid #b0b0b0;
}
.content .license-activate .row-ctrl .row-adj-btn:hover {
  border-color: #777;
}
.content .license-activate .row-ctrl .row-adj-btn:hover:before {
  border-bottom: 1px solid #777;
}
.content .license-activate .row-ctrl .row-adj-btn:last-child {
  margin: 0;
}
.content .license-activate .row-ctrl .row-1-2:before {
  content: "";
  display: block;
  height: 25%;
  border-bottom: 1px solid #b0b0b0;
}
.content .license-activate .row-ctrl .row-1-1:before {
  content: "";
  display: block;
  height: 50%;
  border-bottom: 1px solid #b0b0b0;
}
.content .license-activate .row-ctrl .row-2-1:before {
  content: "";
  display: block;
  height: 70%;
  border-bottom: 1px solid #b0b0b0;
}
.content .license-activate .row-ctrl:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.content .license-activate .row-top {
  position: relative;
  min-height: 250px;
  padding: 0px 0px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
}
.content .license-activate .row-top .license-empty-screen {
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  text-align: center;
}
.content .license-activate .row-top .license-empty-screen .screen-info {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0px;
  margin: auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content .license-activate .row-top .license-empty-screen .screen-info .info-icon {
  display: inline-block;
  width: 26px;
  margin: 0px 0px 6px 0px;
}
.content .license-activate .row-top .license-empty-screen .screen-info .info-icon img {
  width: 100%;
}
.content .license-activate .row-top .license-empty-screen .screen-info .info-text {
  display: inline-block;
  margin: 0px 0px 6px 0px;
  padding: 0px 8px;
  line-height: 1.4;
}
.content .license-activate .row-top .datatable-wrapper {
  height: 100%;
}
.content .license-activate .row-top .license-table thead tr th {
  padding: 10px 15px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-top .license-table thead tr th .th-text {
  margin-right: 4px;
  font-size: 14px;
}
.content .license-activate .row-top .license-table thead tr th .icon-sort {
  cursor: pointer;
}
.content .license-activate .row-top .license-table tbody tr td {
  padding: 10px 15px;
  background-color: none;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name {
  display: table;
  width: 100%;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .name-cell {
  display: table-cell;
  padding-right: 4px;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .rename-cell {
  display: table-cell;
  width: 22px;
  vertical-align: middle;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .rename-cell .rename-btn {
  display: inline-block;
  visibility: hidden;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  line-height: normal;
  cursor: pointer;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .rename-cell .rename-btn:hover {
  background-color: #fafafa;
  border-color: #adadad;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .rename-cell .rename-btn:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name .input-cell {
  display: table-cell;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name input[type=text] {
  width: 100%;
}
.content .license-activate .row-top .license-table tbody tr td .lc-name:after {
  content: "";
  display: block;
  clear: both;
}
.content .license-activate .row-top .license-table tbody tr td .warning-icon {
  float: left;
  font-size: 16px;
  color: #f4a32c;
  margin-right: 8px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-top .license-table tbody tr td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  padding: 3px 4px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  background-color: #fff;
  margin-right: 8px;
  vertical-align: middle;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn:last-child {
  margin: 0;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn.disabled {
  opacity: 0.5;
  background-color: #eaeaea;
  border-color: #cacaca;
  cursor: default;
  pointer-events: none;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn.custom-opts-btn {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  font-size: 14px;
  text-align: center;
  padding: 2px 3px !important;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  margin-right: 8px;
  line-height: 0;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn.custom-opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn.custom-opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
}
.content .license-activate .row-top .license-table tbody tr td .opts-btn.custom-opts-btn img {
  width: 16px;
  height: 16px;
}
.content .license-activate .row-top .license-table tbody tr td:last-child {
  font-size: 0;
}
.content .license-activate .row-top .license-table tbody tr:hover {
  cursor: pointer;
}
.content .license-activate .row-top .license-table tbody tr:hover td .lc-name .rename-cell .rename-btn {
  visibility: visible;
}
.content .license-activate .row-top .license-table tbody tr.active {
  background-color: #e5f2ff;
}
.content .license-activate .row-top .license-table tbody tr.active td {
  color: #2167C9;
}
.content .license-activate .row-top .license-table tbody tr.active td i {
  color: #000;
}
.content .license-activate .row-top .license-table tbody tr.active td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-top .license-table tbody tr.active td .fa-exclamation-triangle {
  color: #f4a32c;
}
.content .license-activate .license-summary-minimize {
  -webkit-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
  position: fixed;
  width: 100%;
  top: -100px;
  left: 0;
  padding: 0px 0px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.content .license-activate .license-summary-minimize.summary-slide-down {
  top: 52px;
}
.content .license-activate .license-summary-minimize .summary-card-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}
.content .license-activate .license-summary-minimize .summary-card {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  margin: 4px 4px 0px;
  padding: 16px 8px 16px;
  background-color: transparent;
  z-index: 1;
}
.content .license-activate .license-summary-minimize .summary-card .card-head {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail .q-select-custom {
  margin-right: 16px;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail .detail-column {
  text-align: center;
  min-width: 33.333%;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail .detail-column > .num {
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica;
  color: #045daa;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail .detail-column > .desc {
  color: #777;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .license-summary-minimize .summary-card .card-detail .detail-column > .desc span {
  display: inline-block;
  text-align: left;
}
.content .license-activate .license-summary-minimize .summary-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 75%;
  width: 1px;
  background-color: #C3CDDB;
}
.content .license-activate .license-summary-minimize .summary-card.owner-card {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.content .license-activate .license-summary-minimize .summary-card:last-child:after {
  content: none;
}
.content .license-activate .row-top.license-summary {
  border: none;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: initial;
  overflow-y: auto;
  padding: 0px 0px 8px;
  margin-bottom: 24px;
}
.content .license-activate .row-top.license-summary .summary-card {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 24%;
          flex: 1 1 24%;
  margin: 4px 4px;
  padding: 16px 8px 20px;
  min-width: 200px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.content .license-activate .row-top.license-summary .summary-card:before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #0b63db;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.content .license-activate .row-top.license-summary .summary-card .card-head {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}
.content .license-activate .row-top.license-summary .summary-card .card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.content .license-activate .row-top.license-summary .summary-card .card-detail .detail-column {
  text-align: center;
  min-width: 33.333%;
}
.content .license-activate .row-top.license-summary .summary-card .card-detail .detail-column > .num {
  font-size: 36px;
  font-weight: 400;
  font-style: italic;
  font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica;
  color: #045daa;
}
.content .license-activate .row-top.license-summary .summary-card .card-detail .detail-column > .desc {
  color: #777;
  font-size: 14px;
}
.content .license-activate .row-top.license-summary .summary-card .card-detail .detail-column > .desc span {
  display: inline-block;
  text-align: left;
}
@media (max-width: 900px) {
  .content .license-activate .row-top.license-summary .summary-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 48%;
            flex: 1 1 48%;
  }
}
@media (max-width: 600px) {
  .content .license-activate .row-top.license-summary {
    margin-bottom: 24px;
  }
  .content .license-activate .row-top.license-summary .summary-card {
    padding: 8px 16px 8px;
  }
  .content .license-activate .row-top.license-summary .summary-card .card-head {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .content .license-activate .row-top.license-summary .summary-card .card-detail .detail-column > .num {
    font-size: 24px;
    font-weight: 400;
  }
}
.content .license-activate .row-dragger {
  position: relative;
  height: 24px;
  margin: 0px 0px;
  background-color: #fff;
  cursor: row-resize;
  background-image: url(../css_img/license/dragger.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80px 14px;
}
.content .license-activate .row-dragger:hover {
  background-image: none;
}
.content .license-activate .row-dragger:hover:before {
  content: "";
  display: block;
  height: 50%;
  border-bottom: 1px dashed #3288FD;
}
.content .license-activate .view-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 0 16px;
}
.content .license-activate .view-mode .ctrl-group {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}
.content .license-activate .view-mode .ctrl-group .ctrl-label {
  color: #333;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 15px;
}
.content .license-activate .view-mode .ctrl-group .q-select-custom {
  margin-right: 0px;
}
.content .license-activate .view-mode .ctrl-group .ctrl-btn {
  position: relative;
}
.content .license-activate .view-mode .ctrl-group:last-child {
  margin-right: 0px;
}
.content .license-activate .view-mode .ctrl-group.ctrl-act-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.content .license-activate .view-mode .comp-tab-switch .tab-switch-item .item-ic {
  width: 20px;
  height: 20px;
  opacity: 0.7;
}
.content .license-activate .view-mode .comp-tab-switch .tab-switch-item .item-ic img {
  width: 100%;
}
.content .license-activate .view-mode .comp-tab-switch .tab-switch-item:hover .item-ic {
  opacity: 1;
}
.content .license-activate .view-mode .comp-tab-switch .tab-switch-item.active .item-ic {
  opacity: 1;
}
@media (max-width: 800px) {
  .content .license-activate .view-mode .ctrl-group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 4px;
  }
  .content .license-activate .view-mode .ctrl-group .ctrl-label {
    display: none;
  }
  .content .license-activate .view-mode .ctrl-group .q-select-custom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .content .license-activate .view-mode .ctrl-group .q-select-custom .select-toggle .select-icon {
    display: none;
  }
  .content .license-activate .view-mode .ctrl-group .q-select-custom .select-dropdown .select-menu .section .section-items .select-group .group-icon {
    display: none;
  }
}
@media (max-width: 600px) {
  .content .license-activate .view-mode .view-group {
    margin-bottom: 16px;
  }
  .content .license-activate .view-mode .ctrl-group.ctrl-act-group {
    display: none;
  }
}
@media (max-width: 400px) {
  .content .license-activate .view-mode {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content .license-activate .view-mode .ctrl-group {
    margin-right: 0;
    margin-bottom: 0px;
    margin-right: 2px;
  }
  .content .license-activate .view-mode .ctrl-group:nth-child(1) .q-select-custom {
    margin-right: 0;
  }
  .content .license-activate .view-mode .ctrl-group:nth-child(3) {
    margin-right: 0px;
  }
  .content .license-activate .view-mode .ctrl-group .q-select-custom .select-toggle {
    min-width: auto;
  }
  .content .license-activate .view-mode .ctrl-group.ctrl-act-group {
    display: none;
  }
}
.content .license-activate .summary-inner-head {
  padding: 0px 0px 16px;
}
.content .license-activate .summary-inner-head .tool-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 47px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 600px) {
  .content .license-activate .summary-inner-head .tool-row .breadcrumb {
    display: none;
  }
  .content .license-activate .summary-inner-head .tool-row .add-license-select {
    width: 100%;
  }
  .content .license-activate .summary-inner-head .tool-row .q-select-custom {
    width: 100% !important;
  }
  .content .license-activate .summary-inner-head .tool-row .q-select-custom.drop-adjustable .select-dropdown .select-menu {
    width: 100% !important;
  }
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  font-size: 16px;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb a {
  display: inline-block;
  vertical-align: middle;
  color: #2167C9;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb a:hover {
  text-decoration: underline;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb .divider {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 8px;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb .current-page {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  cursor: default;
  color: #2f2f2f;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb .current-page:hover {
  text-decoration: none;
}
.content .license-activate .summary-inner-head .tool-row .breadcrumb:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .license-activate .summary-inner-head .tool-row .add-license-select {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.content .license-activate .summary-inner-head .tool-row .add-license-select .q-select-custom {
  color: #000;
  font-size: 14px;
}
.content .license-activate .summary-inner-head .tool-row .add-license-select .q-select-custom .select-toggle .select-icon {
  width: 24px;
  height: auto;
  line-height: 0;
}
.content .license-activate .summary-inner-head .tool-row .add-license-select .q-select-custom .select-dropdown .select-menu {
  right: 0;
}
.content .license-activate .summary-inner-head .info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .license-activate .summary-inner-head .info-row .info-head {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  font-size: 24px;
  font-weight: 500;
  height: 100%;
  min-width: 0;
  padding-right: 24px;
}
.content .license-activate .summary-inner-head .info-row .info-display {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #ddd;
}
.content .license-activate .summary-inner-head .info-row .info-display .display-column {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  text-align: center;
  min-width: 0;
  padding: 0 24px;
}
.content .license-activate .summary-inner-head .info-row .info-display .display-column > .num {
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica;
  color: #045daa;
}
.content .license-activate .summary-inner-head .info-row .info-display .display-column > .desc {
  color: #777;
  font-size: 14px;
}
.content .license-activate .summary-inner-head .info-row .info-display .display-column > .desc span {
  display: inline-block;
  text-align: left;
}
.content .license-activate .summary-inner-head .info-row .info-mode {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  min-width: 0;
}
.content .license-activate .summary-inner-head .info-row .info-mode .view-mode {
  padding-bottom: 0;
}
.content .license-activate .summary-inner-head .info-row .ctrl-group {
  position: relative;
}
.content .license-activate .summary-inner-head .info-row .ctrl-group.align-self-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.content .license-activate .summary-inner-head .info-row .ctrl-group.align-self-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.content .license-activate .summary-inner-head .info-row .ctrl-label {
  color: #333;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 15px;
}
.content .license-activate .summary-inner-head .info-row .q-select-custom {
  vertical-align: middle;
}
@media (max-width: 600px) {
  .content .license-activate .summary-inner-head .info-row .info-head {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .content .license-activate .summary-inner-head .info-row .ctrl-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 16px;
    margin-top: 16px;
  }
  .content .license-activate .summary-inner-head .info-row .ctrl-group .ctrl-label {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    min-width: 0;
  }
  .content .license-activate .summary-inner-head .info-row .ctrl-group .q-select-custom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    width: 100% !important;
  }
}
.content .license-activate .summary-inner-detail-head .info-row {
  min-height: 56px;
}
.content .license-activate .row-bottom {
  position: relative;
  min-height: 450px;
  padding: 0px 0px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 15px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.content .license-activate .row-bottom .row-tab {
  height: 40px;
  border-bottom: 1px solid #ddd;
  background-color: #f7f7f7;
  font-size: 0px;
}
.content .license-activate .row-bottom .row-tab .tab-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding: 9px 15px 12px 15px;
  font-size: 15px;
  height: 40px;
  margin-top: 0px;
  max-width: 250px;
  color: #777;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #f7f7f7;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-bottom .row-tab .tab-item:hover {
  background-color: #fcfcfc;
  border-top-color: #fcfcfc;
}
.content .license-activate .row-bottom .row-tab .tab-item .warning-icon {
  float: left;
  font-size: 16px;
  color: #f4a32c;
  margin-right: 8px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-bottom .row-tab .tab-item.active {
  color: #333;
  font-weight: 600;
  height: 40px;
  background-color: #fff;
  cursor: default;
  border-bottom: 1px solid #fff;
  border-top: 2px solid #3288ff;
}
.content .license-activate .row-bottom .row-tab .select-box {
  display: none;
}
.content .license-activate .row-bottom .row-tab:after {
  content: "";
  display: table;
  clear: both;
}
.content .license-activate .row-bottom .row-tab:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con {
  position: relative;
  min-height: 250px;
  padding: 16px 16px 16px 16px;
  color: #333;
}
.content .license-activate .row-bottom .row-con.pos-absolute {
  position: absolute;
  padding: 0px 0px;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 16px 16px 16px 16px;
  color: #333;
  overflow: hidden;
  overflow-y: auto;
}
.content .license-activate .row-bottom .row-con .activation-landing {
  position: absolute;
  max-width: 90%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
}
.content .license-activate .row-bottom .row-con .activation-landing .landing-img {
  max-width: 80px;
  margin: 0px auto 16px auto;
}
.content .license-activate .row-bottom .row-con .activation-landing .landing-img img {
  width: 100%;
}
.content .license-activate .row-bottom .row-con .activation-landing .landing-act-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content .license-activate .row-bottom .row-con .activation-landing .landing-act-group .col {
  display: inline-block;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  min-width: 0;
  text-align: center;
}
.content .license-activate .row-bottom .row-con .activation-landing .landing-act-group .divide {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  min-width: 1px;
  width: 1px;
  height: 132px;
  background-color: #ddd;
  margin-left: 30px;
  margin-right: 30px;
}
.content .license-activate .row-bottom .row-con .con-head {
  margin-bottom: 8px;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 8px;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .tool-expand-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .tool-expand-collapse .expand-collapse-divide {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 1px;
  height: 18px;
  margin: 0px 8px;
  background-color: #ccc;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .tool-expand-collapse .expand-collapse-btn {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  opacity: 0.7;
  margin: 0px 4px;
  cursor: pointer;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .tool-expand-collapse .expand-collapse-btn img {
  width: 100%;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .tool-expand-collapse .expand-collapse-btn:hover {
  opacity: 1;
}
@media (max-width: 600px) {
  .content .license-activate .row-bottom .row-con .con-head .con-tool .q-btn-group .q-btn {
    width: 100%;
  }
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  border: 1px solid #b1b1b1;
  min-height: 30px;
  overflow: hidden;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group .ic-search {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-left: 4px;
  background: url("../css_img/util/ic-search.svg") no-repeat center center;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 200px;
  min-width: 0px;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group .search-input input {
  width: 100%;
  border: 0;
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group:hover {
  border-color: #aaa;
}
@media (max-width: 600px) {
  .content .license-activate .row-bottom .row-con .con-head .con-tool .search-input-group {
    display: none;
  }
}
.content .license-activate .row-bottom .row-con .con-head .con-tool .selected-count {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 8px;
  color: #747474;
}
.content .license-activate .row-bottom .row-con .con-head .tool-extend .q-btn-small {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  padding: 8px 16px;
}
.content .license-activate .row-bottom .row-con .tip-section {
  position: relative;
  padding: 15px 20px;
  margin-bottom: 16px;
  background-color: #f7f8f9;
  border: 1px solid #ddd;
}
.content .license-activate .row-bottom .row-con .tip-section a {
  display: inline-block;
  vertical-align: middle;
  color: #2167C9;
}
.content .license-activate .row-bottom .row-con .tip-section a:hover {
  text-decoration: underline;
}
.content .license-activate .row-bottom .row-con .tip-section .tip-title {
  font-size: 15px;
  font-weight: 500;
}
.content .license-activate .row-bottom .row-con .tip-section .tip-title > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.content .license-activate .row-bottom .row-con .tip-section .tip-title > span {
  display: inline-block;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .datatable-wrapper {
  border: 1px solid #ddd;
  position: absolute;
  height: auto;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  overflow: auto;
}
.content .license-activate .row-bottom .row-con .datatable-wrapper.con-head-margin {
  top: 48px;
}
.content .license-activate .row-bottom .row-con .activation-table thead tr th {
  padding: 10px 15px;
  font-size: 14px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-bottom .row-con .activation-table thead tr th:first-child {
  width: 45px;
  max-width: 45px;
  min-width: 45px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) {
  border-bottom: 0px;
  border-top: 1px solid #ddd;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content):first-child {
  border-top: 0px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td {
  padding: 15px 15px;
  background-color: none;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td:last-child {
  font-size: 0;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td a {
  color: #2167C9;
  border-bottom: 1px solid #2167C9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .expand-trigger {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #b0b0b0;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 12px;
  font-weight: 300;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .expand-trigger.expanded {
  border-color: #999;
  background-color: #eee;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .expand-trigger:hover {
  border: 1px solid #666;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .expand-trigger:active {
  background-color: #e6e6e6;
  background-image: none;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .expand-trigger.disabled {
  border-color: #ddd;
  color: #ddd;
  background-color: #fff;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .warning-icon {
  float: left;
  font-size: 16px;
  color: #f4a32c;
  margin-right: 8px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  padding: 3px 4px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  margin-right: 8px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn:last-child {
  margin: 0;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn.custom-opts-btn {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  font-size: 14px;
  text-align: center;
  padding: 2px 3px !important;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  margin-right: 8px;
  line-height: 0;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn.custom-opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn.custom-opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .opts-btn.custom-opts-btn img {
  width: 16px;
  height: 16px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name {
  display: table;
  width: 100%;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .name-cell {
  display: table-cell;
  padding-right: 4px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .rename-cell {
  display: table-cell;
  width: 22px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .rename-cell .rename-btn {
  display: inline-block;
  visibility: hidden;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  line-height: normal;
  cursor: pointer;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .rename-cell .rename-btn:hover {
  background-color: #fafafa;
  border-color: #adadad;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .rename-cell .rename-btn:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name .input-cell {
  display: table-cell;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name input[type=text] {
  width: 100%;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content) td .lc-name:after {
  content: "";
  display: block;
  clear: both;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content).active {
  background-color: #e5f2ff;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content).active td {
  color: #2167C9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content):hover td .lc-name .rename-cell .rename-btn {
  visibility: visible;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr:not(.expanded-content):first-child {
  width: 45px;
  max-width: 45px;
  min-width: 45px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content {
  border-top: 0px;
  border-bottom: 0px;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content td {
  padding: 0px 40px 16px 40px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td {
  background-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .detial-grid, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .detial-grid {
  background-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .detial-grid .row .row-label, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .detial-grid .row .row-label {
  background-color: #dddfe1;
  border-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .detial-grid .row .row-val, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .detial-grid .row .row-val {
  background-color: #e7e7e8;
  border-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .flex-detial-grid .cell, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .flex-detial-grid .cell {
  background-color: #f7f8f9;
  border-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .flex-detial-grid .cell .cell-label, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .flex-detial-grid .cell .cell-label {
  background-color: #dddfe1;
  border-color: #f7f8f9;
}
.content .license-activate .row-bottom .row-con .activation-table tbody tr.no-report td .flex-detial-grid .cell .cell-val, .content .license-activate .row-bottom .row-con .activation-table tbody tr.expanded-content.no-report td .flex-detial-grid .cell .cell-val {
  background-color: #e7e7e8;
}
.content .license-activate .row-bottom .row-con .activation-table thead tr th:first-child {
  width: auto;
  max-width: auto;
  min-width: 0;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base thead tr th {
  padding: 10px 15px;
  font-size: 14px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) {
  border-bottom: 0px;
  border-top: 1px solid #ddd;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content):first-child {
  border-top: 0px;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td {
  padding: 10px 15px;
  background-color: none;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td:last-child {
  font-size: 0;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td .opts-btn {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  padding: 3px 4px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  margin-right: 8px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td .opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td .opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content) td .opts-btn:last-child {
  margin: 0;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content).active {
  background-color: #e5f2ff;
}
.content .license-activate .row-bottom .row-con .activation-table-user-base tbody tr:not(.expanded-content).active td {
  color: #2167C9;
}
.content .license-activate .row-bottom .row-con .usage-record-table thead tr th {
  padding: 10px 15px;
  font-size: 14px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-bottom .row-con .usage-record-table tbody tr td {
  padding: 10px 15px;
  background-color: none;
  vertical-align: middle;
}
.content .license-activate .row-bottom .row-con .desc-grid {
  background-color: #fff;
  line-height: 1.42857143;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-label {
  width: 17.5%;
  min-height: 32px;
  font-weight: 500;
  background-color: #d4e7fb;
  padding: 8px 10px 8px 10px;
  border: 1px solid #fff;
  word-wrap: break-word;
  word-break: normal;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  min-height: 32px;
  padding: 8px 10px 8px 10px;
  border: 1px solid #fff;
  background-color: #eaf3fd;
  word-wrap: break-word;
  word-break: normal;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val textarea {
  width: 100%;
  height: 100%;
  min-height: 48px;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val .edit-btn {
  position: absolute;
  display: none;
  right: 8px;
  top: 8px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  line-height: normal;
  cursor: pointer;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val .edit-btn:hover {
  background-color: #fafafa;
  border-color: #adadad;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val .edit-btn:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val:hover {
  -webkit-box-shadow: #a1c2e4 0px 0px 0px 1px inset;
          box-shadow: #a1c2e4 0px 0px 0px 1px inset;
}
.content .license-activate .row-bottom .row-con .desc-grid .desc-val:hover .edit-btn {
  display: block;
}
.content .license-activate .row-bottom .row-con .detial-grid {
  background-color: #fff;
  line-height: 1.42857143;
}
.content .license-activate .row-bottom .row-con .detial-grid .cell {
  width: 50%;
  height: 100%;
  float: left;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid {
  width: 100%;
  height: 100%;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-label {
  width: 20%;
  background-color: #fff;
  text-overflow: initial;
  white-space: normal;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val {
  background-color: #fff;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val .warning-icon {
  font-size: 16px;
  color: #f4a32c;
  margin-left: 8px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val a {
  color: #2167C9;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val.multi-line {
  max-height: 100%;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val.multi-line div {
  margin-bottom: 4px;
}
.content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val.multi-line div:last-child {
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .content .license-activate .row-bottom .row-con .detial-grid .form-grid .row {
    border-bottom: 1px solid #ddd;
  }
  .content .license-activate .row-bottom .row-con .detial-grid .form-grid .row:last-child {
    border-bottom: 0;
  }
  .content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-label {
    width: 100%;
    padding-bottom: 0;
  }
  .content .license-activate .row-bottom .row-con .detial-grid .form-grid .row .row-val {
    width: 100%;
    padding-top: 4px;
  }
}
.content .license-activate .row-bottom .row-con .detial-grid .row .row-label {
  position: relative;
  float: left;
  width: 35%;
  min-height: 38px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #d4e7fb;
  padding: 7px 10px 7px 10px;
  border: 1px solid #fff;
}
.content .license-activate .row-bottom .row-con .detial-grid .row .row-val {
  position: relative;
  min-height: 38px;
  max-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 7px 10px 7px 10px;
  border: 1px solid #fff;
  background-color: #eaf3fd;
}
.content .license-activate .row-bottom .row-con .detial-grid .row .row-val .warning-icon {
  font-size: 16px;
  color: #f4a32c;
  margin-left: 8px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-bottom .row-con .detial-grid .row .row-label .extension-info-help {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  height: 16px;
  line-height: 0;
  vertical-align: text-top;
  cursor: pointer;
}
.content .license-activate .row-bottom .row-con .detial-grid .row .row-label .extension-info-help img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.content .license-activate .row-bottom .row-con .flex-detial-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.content .license-activate .row-bottom .row-con .flex-detial-grid .cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  background-color: #eaf3fd;
}
.content .license-activate .row-bottom .row-con .flex-detial-grid .cell .cell-label {
  position: relative;
  width: 35%;
  min-width: 35%;
  height: 100%;
  font-weight: 500;
  padding: 10px 10px;
  border-right: 1px solid #fff;
  word-wrap: break-word;
  word-break: normal;
  background-color: #d4e7fb;
}
.content .license-activate .row-bottom .row-con .flex-detial-grid .cell .cell-val {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  height: 100%;
  padding: 10px 10px;
  word-wrap: break-word;
  word-break: normal;
}
.content .license-activate .row-bottom .row-con .flex-detial-grid .cell .cell-val.wrap-content {
  text-overflow: clip;
  white-space: normal;
  line-height: 1.45;
  word-wrap: break-word;
  word-break: normal;
}
.content .license-activate .row-bottom .row-con .con-note {
  color: #777;
  margin-top: 16px;
  line-height: 1.4;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert, .content .license-activate .row-bottom .row-con .has-upgrade-alert {
  position: relative;
  padding: 16px 8px 16px;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-title .title-icon, .content .license-activate .row-bottom .row-con .expire-soon-alert .upgrade-title .title-icon, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-title .title-icon, .content .license-activate .row-bottom .row-con .has-upgrade-alert .upgrade-title .title-icon {
  float: left;
  width: 30px;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-title .title-icon img, .content .license-activate .row-bottom .row-con .expire-soon-alert .upgrade-title .title-icon img, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-title .title-icon img, .content .license-activate .row-bottom .row-con .has-upgrade-alert .upgrade-title .title-icon img {
  width: 100%;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-title .title-label, .content .license-activate .row-bottom .row-con .expire-soon-alert .upgrade-title .title-label, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-title .title-label, .content .license-activate .row-bottom .row-con .has-upgrade-alert .upgrade-title .title-label {
  overflow: hidden;
  font-size: 24px;
  font-weight: 500;
  padding: 2px 0px 2px 16px;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-title:after, .content .license-activate .row-bottom .row-con .expire-soon-alert .upgrade-title:after, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-title:after, .content .license-activate .row-bottom .row-con .has-upgrade-alert .upgrade-title:after {
  content: "";
  display: block;
  clear: both;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-con, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-con {
  margin-top: 16px;
  line-height: 1.4;
}
.content .license-activate .row-bottom .row-con .expire-soon-alert .expire-con a, .content .license-activate .row-bottom .row-con .has-upgrade-alert .expire-con a {
  color: #2167C9;
  text-decoration: underline;
}
.content .license-activate .row-bottom .row-con .q-btn-group {
  margin-top: 24px;
}
.content .license-activate .row-bottom .row-con .con-loading {
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgb(255, 255, 255);
  z-index: 50;
}
.content .license-activate .row-bottom .row-con .con-loading .loading-icon {
  position: absolute;
  width: 70px;
  height: 70px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../css_img/maincontent/popup-loading.gif) no-repeat center center;
  border-radius: 3px;
}
.content .license-activate .row-bottom .datatable-wrapper {
  height: 100%;
}
.content .license-activate .row-bottom .license-table thead tr th {
  padding: 10px 15px;
  font-size: 14px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .license-activate .row-bottom .license-table thead tr th .th-text {
  margin-right: 4px;
}
.content .license-activate .row-bottom .license-table thead tr th .icon-sort {
  cursor: pointer;
}
.content .license-activate .row-bottom .license-table tbody tr td {
  padding: 15px 15px;
  background-color: none;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name {
  display: table;
  width: 100%;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .name-cell {
  display: table-cell;
  padding-right: 4px;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .rename-cell {
  display: table-cell;
  width: 22px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .rename-cell .rename-btn {
  display: inline-block;
  visibility: hidden;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  line-height: normal;
  cursor: pointer;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .rename-cell .rename-btn:hover {
  background-color: #fafafa;
  border-color: #adadad;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .rename-cell .rename-btn:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name .input-cell {
  display: table-cell;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name input[type=text] {
  width: 100%;
}
.content .license-activate .row-bottom .license-table tbody tr td .lc-name:after {
  content: "";
  display: block;
  clear: both;
}
.content .license-activate .row-bottom .license-table tbody tr td a {
  color: #2167C9;
  border-bottom: 1px solid #2167C9;
}
.content .license-activate .row-bottom .license-table tbody tr td .warning-icon {
  float: left;
  font-size: 16px;
  color: #f4a32c;
  margin-right: 8px;
  width: 16px;
  text-align: center;
}
.content .license-activate .row-bottom .license-table tbody tr td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  padding: 3px 4px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  background-color: #fff;
  margin-right: 8px;
  vertical-align: middle;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
  background-image: none;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn:last-child {
  margin: 0;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn.disabled {
  opacity: 0.5;
  background-color: #eaeaea;
  border-color: #cacaca;
  cursor: default;
  pointer-events: none;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn.custom-opts-btn {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  font-size: 14px;
  text-align: center;
  padding: 2px 3px !important;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  margin-right: 8px;
  line-height: 0;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn.custom-opts-btn:hover {
  background-color: #fafafa;
  border-color: #aaa;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn.custom-opts-btn:active {
  background-color: #e6e6e6;
  border-color: #666;
}
.content .license-activate .row-bottom .license-table tbody tr td .opts-btn.custom-opts-btn img {
  width: 16px;
  height: 16px;
}
.content .license-activate .row-bottom .license-table tbody tr td .pd-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .license-activate .row-bottom .license-table tbody tr td .pd-group .pd-img {
  width: 32px;
  height: 32px;
  padding: 4px 4px;
  margin-right: 16px;
}
.content .license-activate .row-bottom .license-table tbody tr td .pd-group .pd-img img {
  width: 100%;
}
.content .license-activate .row-bottom .license-table tbody tr td .device-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .license-activate .row-bottom .license-table tbody tr td .device-group .device-img {
  width: 40px;
  height: 40px;
  padding: 4px 4px;
  margin-right: 16px;
}
.content .license-activate .row-bottom .license-table tbody tr td .device-group .device-img img {
  width: 100%;
}
.content .license-activate .row-bottom .license-table tbody tr:hover td .lc-name .rename-cell .rename-btn {
  visibility: visible;
}
.content .license-activate .row-bottom .license-table tbody tr.active {
  background-color: #e5f2ff;
}
.content .license-activate .row-bottom .license-table tbody tr.active td {
  color: #2167C9;
}
.content .license-activate .row-bottom .license-table tbody tr.active td i {
  color: #000;
}
.content .license-activate .row-bottom .license-table tbody tr.active td .fa-minus-circle {
  color: #DC0505;
}
.content .license-activate .row-bottom .license-table tbody tr.active td .fa-exclamation-triangle {
  color: #f4a32c;
}
.content .license-activate .row-bottom.datalist-summary {
  min-height: 0px;
}
.content .license-activate .row-bottom.datalist-summary .license-table thead tr th {
  font-size: 14px;
  vertical-align: middle;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr {
  border-bottom: 0;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td {
  padding-top: 0px;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td .tr-content {
  position: relative;
  padding-left: 32px;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td .tr-content .sub-license {
  padding-top: 10px;
  position: relative;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td .tr-content .sub-license::before {
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  top: -15px;
  bottom: 10px;
  left: -26px;
  border: 1px solid transparent;
  border-left: 1px solid #ccc;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td .tr-content .sub-license::after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 0px;
  bottom: 10px;
  left: -26px;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr.expanded-tr-content td .tr-content .sub-license:first-child {
  padding-top: 0;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td {
  font-size: 15px;
  padding: 15px 15px;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td .trigger-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td .trigger-group .trigger-ic {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 12px;
  height: 12px;
  min-width: 12px;
  line-height: 0;
  margin-right: 8px;
  cursor: pointer;
  opacity: 0.7;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td .trigger-group .trigger-ic img {
  width: 100%;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td .trigger-group .trigger-ic:hover {
  opacity: 1;
}
.content .license-activate .row-bottom.datalist-summary .license-table tbody tr td .trigger-group .trigger-label {
  padding-left: 4px;
}
.content .license-activate .row-bottom.summary-inner {
  min-height: 0px;
}
.content .license-activate .row-bottom.summary-inner .license-table thead tr th {
  font-size: 14px;
  vertical-align: middle;
}
.content .license-activate .row-bottom.summary-inner.summary-inner-detail-bottom .datatable-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 800px) {
  .content .license-activate .row-bottom.summary-inner.summary-inner-detail-bottom .row-tab {
    height: auto;
    padding: 4px 4px;
  }
}
.content .license-activate .row-license-empty {
  text-align: center;
  border-top: 1px solid #ddd;
  margin-top: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
  word-wrap: break-word;
  word-break: break-word;
}
.content .license-activate .row-license-empty .img-isometric {
  width: 300px;
  max-width: 300px;
  margin: 0 auto;
}
.content .license-activate .row-license-empty .img-isometric img {
  width: 100%;
}
@media (max-width: 600px) {
  .content .license-activate .row-license-empty .img-isometric {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.content .license-activate .row-license-empty .license-empty-title {
  font-size: 24px;
  font-weight: 500;
  padding: 32px 24px 24px;
  letter-spacing: 0.5px;
}
.content .license-activate .row-license-empty .license-empty-desc {
  position: relative;
  font-size: 16px;
  line-height: 1.45;
  text-align: left;
  padding: 0px 24px 16px;
  max-width: 800px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.content .license-activate .row-license-empty .license-empty-desc a {
  color: #2167C9;
}
.content .redirect-page {
  position: absolute;
  height: 150px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.content .redirect-page .loop-icon {
  width: 100px;
  height: 70px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.4);
}
.content .redirect-page h4 {
  font-weight: 400;
  color: #2167c9;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}
.content .product-page {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 16px 24px 16px;
  position: relative;
  font-size: 14px;
  color: #2f2f2f;
}
.content .product-page .breadcrumb {
  position: relative;
  margin-bottom: 15px;
}
.content .product-page .breadcrumb a {
  display: inline-block;
  vertical-align: middle;
  color: #2167C9;
}
.content .product-page .breadcrumb a:hover {
  text-decoration: underline;
}
.content .product-page .breadcrumb .divider {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 8px;
}
.content .product-page .breadcrumb .current-page {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  cursor: default;
  color: #2f2f2f;
}
.content .product-page .breadcrumb .current-page:hover {
  text-decoration: none;
}
.content .product-page .breadcrumb:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.content .product-page .row-top {
  position: relative;
  min-height: 250px;
  margin-bottom: 40px;
  padding: 16px 0px 0px;
}
.content .product-page .row-top .col-left {
  position: relative;
  float: left;
  width: 30%;
  min-width: 200px;
  padding: 0px 16px 0px;
}
.content .product-page .row-top .col-left .pd-title-m {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
  display: none;
}
.content .product-page .row-top .col-left .pd-preview {
  text-align: center;
}
.content .product-page .row-top .col-left .pd-thumbnail-list {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.content .product-page .row-top .col-left .pd-thumbnail-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  display: inline-block;
}
.content .product-page .row-top .col-left .pd-thumbnail-list ul li {
  display: inline-block;
  margin: 2px 2px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 1px solid #ccc;
  cursor: pointer;
}
.content .product-page .row-top .col-left .pd-thumbnail-list ul li img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.content .product-page .row-top .col-left .pd-thumbnail-list ul li:hover {
  border-color: #aaa;
}
.content .product-page .row-top .col-left .pd-thumbnail-list ul li.active {
  border-color: #2167c9;
}
.content .product-page .row-top .col-left .pd-thumbnail-list:after {
  display: block;
  content: "";
  clear: both;
}
.content .product-page .row-top .col-left img {
  width: 100%;
}
.content .product-page .row-top .col-right {
  position: relative;
  overflow: hidden;
  padding-left: 24px;
}
.content .product-page .row-top .col-right .title-row {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: 0.015em;
}
.content .product-page .row-top .col-right .cart-row {
  position: relative;
  display: table;
  width: 100%;
  min-height: 335px;
  border: 1px solid #ddd;
}
.content .product-page .row-top .col-right .cart-row .cart-cell {
  display: table-cell;
  vertical-align: top;
  padding: 16px 24px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell:nth-child(1) {
  border-right: 1px solid #ddd;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell {
  width: 43%;
  background-color: #fafafa;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .q-btn-group {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .q-btn-group .q-btn {
  display: block;
  width: 100%;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .q-btn-group .sp-line {
  position: relative;
  width: 100%;
  padding: 16px 0px;
  text-align: center;
  font-size: 14px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .q-btn-group .sp-line span {
  position: relative;
  display: inline-block;
  padding: 4px 16px;
  color: #999;
  background-color: #fafafa;
  z-index: 1;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .q-btn-group .sp-line:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox {
  margin-bottom: 24px;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .comp-checkbox {
  margin-top: 8px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .comp-checkbox .comp-label .divider {
  padding: 0px 8px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox input[type=checkbox] {
  margin: 0;
  outline: 0;
  margin-top: 3px;
  vertical-align: middle;
  float: left;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .checkbox-text {
  overflow: hidden;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .checkbox-text a {
  color: #2167C9;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .checkbox-text a:hover {
  text-decoration: underline;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .info-icon {
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  line-height: 0px;
  cursor: pointer;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .info-icon img {
  width: 100%;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .info-icon i {
  color: #237df9;
  font-size: 16px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .terms-row {
  color: #777;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .terms-row .divider {
  padding: 0px 8px;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .terms-row a {
  display: inline-block;
  margin-bottom: 8px;
  color: #2167C9;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox .terms-row a:hover {
  text-decoration: underline;
}
.content .product-page .row-top .col-right .cart-row .cart-cell.action-cell .agree-checkbox:after {
  display: block;
  content: "";
  clear: both;
}
.content .product-page .row-top .col-right .cart-row .detail-item {
  position: relative;
  padding: 5px 0px;
  font-size: 14px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label {
  display: inline-block;
  float: left;
  width: 35%;
  max-width: 130px;
  margin-right: 10px;
  word-wrap: break-word;
  word-break: normal;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label label {
  font-weight: 600;
  margin-bottom: 0px;
  padding: 5px 0px;
  cursor: default;
  line-height: 1.45;
  display: block;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label label .extension-info-help {
  display: inline-block;
  height: 16px;
  line-height: 0;
  vertical-align: text-bottom;
  margin: 0 7px;
  cursor: pointer;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label label .extension-info-help img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label label .ic-info-i {
  display: inline-block;
  height: 16px;
  line-height: 0;
  vertical-align: text-bottom;
  margin: 0 7px;
  cursor: pointer;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-label label .ic-info-i img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field {
  overflow: hidden;
  max-width: 400px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .text {
  padding: 5px 0px;
  line-height: 1.45;
  display: block;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .text.unit-price {
  color: #2167C9;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .payment-type-list {
  max-width: 405px;
  padding: 4px 0px 0px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .payment-type-list .card {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  padding: 3px 3px;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  margin-bottom: 4px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .payment-type-list .type-paypal {
  width: 50px;
  padding: 6px 3px;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .inline-radio-group {
  padding: 5px 0px;
  line-height: 1.3;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .inline-radio-group .comp-radio {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .inline-radio-group .extension-info-help {
  display: inline-block;
  height: 16px;
  line-height: 0;
  vertical-align: middle;
  cursor: pointer;
}
.content .product-page .row-top .col-right .cart-row .detail-item .item-field .inline-radio-group .extension-info-help img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.content .product-page .row-top .col-right .cart-row .detail-item:after {
  display: block;
  content: "";
  clear: both;
}
.content .product-page .row-top .col-right .cart-row .item-total-price {
  position: relative;
  border-top: 1px solid #ddd;
  padding-top: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 18px;
}
.content .product-page .row-top .col-right .cart-row .item-total-price label {
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
  color: #333;
  cursor: default;
  margin: 0px 10px 0px 0px;
  word-wrap: break-word;
  word-break: normal;
}
.content .product-page .row-top .col-right .cart-row .item-total-price .price {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #2167C9;
  margin-right: 10px;
}
.content .product-page .row-top .col-right .cart-row .item-total-price .currency {
  color: #999;
  margin-left: 5px;
}
.content .product-page .row-top .col-right .action-row {
  text-align: right;
  margin-bottom: 24px;
}
.content .product-page .row-top .col-right .desc-row {
  position: relative;
  line-height: 1.45;
}
.content .product-page .row-top .col-right .desc-row a {
  color: #2167C9;
}
.content .product-page .row-top .col-right .desc-row a:hover {
  text-decoration: underline;
}
.content .product-page .row-top .col-right:after {
  display: block;
  content: "";
  clear: both;
}
.content .product-page .row-top:after {
  display: block;
  content: "";
  clear: both;
}
.content .product-page .row-bottom {
  position: relative;
  min-height: 300px;
  padding: 24px 0px 24px;
  border-top: 1px solid #ddd;
}
.content .product-page .row-bottom .desc-row {
  position: relative;
  line-height: 1.45;
  margin-bottom: 24px;
}
.content .product-page .row-bottom .desc-row a {
  color: #2167C9;
}
.content .product-page .row-bottom .desc-row a:hover {
  text-decoration: underline;
}
.content .product-page .row-bottom .desc-row .row-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.content .product-page .row-bottom .desc-row .row-text {
  line-height: 1.45;
}
.content .product-page .row-bottom .desc-row .row-text ul {
  margin: 8px 0 0 0;
  padding: 0 0 0 17px;
  list-style-type: disc;
}
.content .product-page .row-bottom .desc-row .row-text ul li {
  line-height: 1.45;
  margin-bottom: 5px;
}
.content .product-page .row-bottom .desc-row .row-text ul li:last-child {
  margin-bottom: 0px;
}
.content .product-page .row-bottom .info-row {
  margin-bottom: 24px;
}
.content .product-page .row-bottom .info-row a {
  color: #2167C9;
}
.content .product-page .row-bottom .info-row a:hover {
  text-decoration: underline;
}
.content .product-page .row-bottom .info-row .row-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.content .product-page .row-bottom .info-row .row-text {
  line-height: 1.45;
}
.content .product-page .row-bottom .info-row .row-text .tag {
  display: inline-block;
  padding: 2px 8px 1px;
  border: 1px solid #ddd;
  font-size: 12px;
  margin: 2px 2px 2px 0px;
  cursor: default;
}
.content .product-page .row-bottom .info-row .row-text ul {
  margin: 8px 0 0 0;
  padding: 0 0 0 17px;
  list-style-type: disc;
}
.content .product-page .row-bottom .info-row .row-text ul li {
  line-height: 1.45;
  margin-bottom: 5px;
}
.content .product-page .row-bottom .info-row .row-text ul li:last-child {
  margin-bottom: 0px;
}
.content .product-page .row-bottom .info-row .row-text .info-table-wrapper {
  border: 1px solid #ddd;
}
.content .product-page .row-bottom .info-row .row-text .info-table {
  table-layout: auto;
}
.content .product-page .row-bottom .info-row .row-text .info-table thead tr th {
  cursor: default;
  border-right: 1px solid #ddd;
  min-width: 200px;
}
.content .product-page .row-bottom .info-row .row-text .info-table thead tr th:last-child {
  border-right: 0px;
}
.content .product-page .row-bottom .info-row .row-text .info-table tbody tr td {
  border-right: 1px solid #ddd;
}
.content .product-page .row-bottom .info-row .row-text .info-table tbody tr td:last-child {
  border-right: 0px;
}
.content .qpkg-upgrade-box {
  position: relative;
  width: 100%;
  max-width: 800px;
  min-height: 400px;
  margin: 0 auto;
  padding: 104px 80px 80px 80px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.1), 0px 2px 5px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.1), 0px 2px 5px 0 rgba(0, 0, 0, 0.03);
}
.content .qpkg-upgrade-box .ic-upgrade {
  position: absolute;
  width: 187px;
  height: 151px;
  left: 0;
  right: 0;
  top: -72px;
  margin: auto;
}
.content .qpkg-upgrade-box .ic-upgrade img {
  width: 100%;
}
.content .qpkg-upgrade-box .upgrade-title {
  text-align: center;
  font-size: 24px;
  color: #00915A;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.5px;
}
.content .qpkg-upgrade-box .divide {
  height: 1px;
  background-color: #ccc;
  margin: 32px 0;
}
.content .qpkg-upgrade-box .upgrade-info {
  font-size: 16px;
  color: #000;
  line-height: 1.45;
}
.content .qpkg-upgrade-box .upgrade-info a {
  color: #2167C9;
  border-bottom: 1px solid #2167C9;
  padding: 0 3px;
}
.content .page-not-found {
  max-width: 1366px;
  margin: 0 auto;
  padding: 24px 16px 24px 16px;
  position: relative;
  font-size: 14px;
  color: #2f2f2f;
}
.content .page-not-found .row-page-not-found {
  text-align: center;
  margin-top: 24px;
  padding-top: 88px;
  padding-bottom: 40px;
  word-wrap: break-word;
  word-break: break-word;
}
.content .page-not-found .row-page-not-found .page-not-found-illustration {
  width: 300px;
  max-width: 300px;
  margin: 0 auto;
}
.content .page-not-found .row-page-not-found .page-not-found-illustration img {
  width: 100%;
}
@media (max-width: 600px) {
  .content .page-not-found .row-page-not-found .page-not-found-illustration {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.content .page-not-found .row-page-not-found .page-not-found-title {
  font-size: 24px;
  font-weight: 500;
  padding: 0px 24px 24px;
  letter-spacing: 0.5px;
}
.content .page-not-found .row-page-not-found .page-not-found-desc {
  position: relative;
  font-size: 16px;
  line-height: 1.45;
  text-align: center;
  padding: 0px 24px 16px;
  max-width: 800px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.content .page-not-found .row-page-not-found .page-not-found-desc a {
  color: #2167C9;
}

/* Footer
-------------------------------------------------- */
.footer {
  position: relative;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  text-align: center;
  line-height: normal;
  padding-left: 0;
  padding-right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #999;
  font-size: 13px;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.08)), color-stop(80%, rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.08) 80%, rgba(0, 0, 0, 0) 100%);
}
.footer a {
  display: inline-block;
  padding: 0px 5px;
  color: #999;
}
.footer a:hover {
  color: #666;
}
.footer i {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.footer i:hover {
  color: #4862a3;
}
.footer i + i:hover {
  color: #00acee;
}
.footer i + i + i:hover {
  color: #ff0000;
}
.footer i + i + i + i:hover {
  color: #dd4b39;
}
.footer .social-icon-cn {
  line-height: 0;
  margin-top: 15px;
}
.footer .icon-sinaweibo {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url(../css_img/footer/icon_social.png) no-repeat 0 -4px;
}
.footer .icon-sinavideo {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url(../css_img/footer/icon_social.png) no-repeat 0 -27px;
}
.footer .icon-youku {
  display: inline-block;
  width: 74px;
  height: 25px;
  background: url(../css_img/footer/logo_youku.png) no-repeat;
}
.footer .icon-tudou {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url(../css_img/footer/icon_social.png) no-repeat 0 -72px;
}
.footer .footer-utility {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  min-height: 57px;
  text-align: center;
}
.footer .footer-utility .footer-utility-box {
  display: inline-block;
  height: 57px;
  line-height: 57px;
}
.footer .footer-utility__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.footer .footer-utility__links .item-link {
  padding: 0rem 1rem;
  margin: 0.5rem 0rem;
  border-right: 1px solid hsla(0, 0%, 0%, 0.13);
}
.footer .footer-utility__links .item-link:last-child {
  border-right: 0px;
}
.footer .footer-utility__links a {
  padding: 0;
}
.footer .footer-utility__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.footer .footer-utility__sns [class^=item-sns--] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  margin: 0.5rem 0rem;
}
.footer .footer-utility__sns [class^=item-sns--] img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.footer .footer-utility__sns a {
  padding: 0;
}
.footer .footer-utility__sns .item-sns--x {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.footer .footer-utility__sns .item-sns--youtube {
  width: 18px;
}
.footer .footer-utility__sns .item-sns--sina_weibo {
  width: 18px;
}
.footer .footer-utility__sns .item-sns--bilibili {
  width: 30px;
}
.footer .copyright {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 57px;
}
.footer .copyright::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.08)), color-stop(80%, rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.08) 80%, rgba(0, 0, 0, 0) 100%);
}
.footer .logo-qnap {
  width: 73px;
  height: 57px;
  background: url("../css_img/footer/logo-qnap.png") center center no-repeat;
  margin-right: 10px;
  cursor: pointer;
}

/* Media Queries
-------------------------------------------------- */
@media all and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .header .toolbar .toolbar-inner .tools ul li .tool-item .help-icon {
    background-image: url(../css_img/header/icon-help@2x.png);
    background-size: 46px 92px;
  }
  .loader-wrapper > .loader-content .q-loader-anime .q-loader-icon, .dialog-loader-wrapper > .loader-content .q-loader-anime .q-loader-icon {
    background-image: url("../css_img/util/q-loader-icon@2x.gif");
    background-size: 30px 30px;
  }
}
@media (max-width: 1000px) {
  .landing-banner {
    height: auto;
    padding: 72px 40px;
  }
  .landing-banner .banner-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding-left: 0;
  }
  .landing-banner .banner-content .landing-title {
    font-size: 32px;
  }
  .landing-banner .banner-front-img {
    display: none;
  }
  .content .promo-grid .grid .grid-cell .promo-img {
    width: 200px;
    height: auto;
  }
  .content .promo-grid .grid .grid-cell .promo-info .promo-title {
    font-size: 20px;
  }
  .content .promo-grid .grid .grid-cell .promo-info .promo-desc {
    font-size: 14px;
  }
  .content .product-page .row-top .col-right .cart-row .cart-cell:nth-child(2) {
    width: 50%;
  }
  .content .product-page .row-top .col-right .cart-row .detail-item .item-label {
    width: auto;
    max-width: 100%;
    float: none;
    margin-right: 0;
  }
  .content .product-page .row-top .col-right .cart-row .detail-item .item-field {
    width: 100%;
    max-width: 100%;
  }
  .content .product-page .row-top .col-right .cart-row .detail-item .item-field .q-select {
    width: 100%;
  }
  .footer .copyright {
    line-height: 24px;
    padding: 16px 0 17px 0;
  }
  .footer .logo-qnap {
    display: none;
  }
  .footer .footer-utility {
    height: auto;
  }
  .footer .footer-utility .footer-utility-box {
    height: auto;
    line-height: 24px;
    padding: 15px 0;
  }
  .footer .footer-utility .footer-utility-box div:nth-child(2) {
    display: none;
  }
  .footer .social-icon-cn {
    display: none;
  }
  .footer .footer-copyright {
    height: auto;
    line-height: 24px;
    padding: 15px 0;
  }
}
@media (max-width: 800px) {
  .datatable thead {
    border-bottom: 0px;
  }
  .datatable tr:nth-child(even) {
    background: none;
  }
  .datatable tr:nth-child(odd) {
    background: none;
  }
  .datatable tr th {
    visibility: hidden;
    display: none;
    padding: 0;
    height: 0px;
  }
  .datatable tr th:last-child {
    width: auto;
  }
  .datatable tr td {
    display: block;
  }
  .datatable tr td:first-child {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    display: none;
  }
  .datatable tr td:first-child + td {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
  }
  .datatable tr td:last-child {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    width: auto;
  }
  .datatable tr td:last-child button {
    width: 100%;
    padding: 11px 19px;
  }
  .datatable tr td:before {
    font-weight: 600;
    content: attr(data-th) "";
    margin-right: 10px;
    display: inline-block;
    float: left;
    width: 40%;
    color: #2f2f2f;
  }
  .datatable tr td .trusted-device-img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .datatable tr td .trusted-device-img img {
    vertical-align: initial;
  }
  .datatable tr td > .val {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
  }
  .datatable tr td:after {
    display: table;
    content: "";
    clear: both;
  }
  .datatable tbody {
    border-top: 1px solid #ddd;
  }
  .datatable tbody:nth-child(2) {
    border-top: 0px;
  }
  .content .shopping-cart .datatable tr:after {
    display: table;
    content: "";
    clear: both;
  }
  .content .shopping-cart .datatable tbody tr td {
    width: 70%;
    float: right;
  }
  .content .shopping-cart .datatable tbody tr td:first-child {
    display: block;
    float: left;
    width: 25%;
    max-width: 25%;
    border-bottom: 0px;
    background-color: #fff;
    margin-top: 20px;
  }
  .content .shopping-cart .datatable tbody tr td:first-child:before {
    content: none;
  }
  .content .shopping-cart .datatable tbody tr td:nth-child(2) {
    padding-top: 16px;
    border-bottom: 0px;
    background-color: #fff;
  }
  .content .shopping-cart .datatable tbody tr td:before {
    font-size: 16px;
  }
  .content .shopping-cart .datatable tbody tr td > .val {
    display: block;
    overflow: hidden;
    font-size: 16px;
  }
  .content .shopping-cart-for-nas .datatable tbody tr td:last-child {
    text-align: left;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table-wrapper {
    border: 0px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table thead {
    border-bottom: 0px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tr:nth-child(even) {
    background: none;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tr:nth-child(odd) {
    background: none;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tr th {
    visibility: hidden;
    display: none;
    padding: 0;
    height: 0px;
    border-right: 0px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tr th:last-child {
    width: auto;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr {
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 8px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr:last-child {
    margin-bottom: 0px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td {
    display: block;
    padding: 0;
    border-right: 0px;
    border-bottom: 1px solid #ddd;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td.main-td-row:before {
    content: attr(data-th) "";
    display: block;
    color: #2f2f2f;
    font-weight: 600;
    background-color: #f7f8f9;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td.main-td-row > .val {
    display: block;
    padding: 10px 15px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td.sub-td-row:before {
    content: attr(data-th) ":";
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    max-width: 60%;
    border-right: 1px solid #ddd;
    border-bottom: 0px;
    padding: 10px 15px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td.sub-td-row > .val {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
  }
  .content .product-page .row-bottom .info-row .row-text .info-table tbody tr td:last-child {
    border-bottom: 0px;
  }
  .landing-section .isometric-wrapper {
    display: none !important;
  }
  .landing-section .copywriting-wrapper {
    padding-left: 56px;
  }
  .content .pd-grid .grid .grid-inner {
    border-collapse: collapse;
    border-spacing: 0px;
  }
  .content .pd-grid .grid .grid-row:last-child .grid-cell:last-child {
    border: 0px;
  }
  .content .pd-grid .grid .grid-cell {
    display: block;
    border: 0px;
    border-bottom: 1px solid #ddd;
  }
  .content .pd-grid .grid .grid-cell:hover {
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .content .promo-grid .grid .grid-inner {
    border-collapse: collapse;
    border-spacing: 0px;
  }
  .content .promo-grid .grid .grid-row:last-child .grid-cell:last-child {
    border: 0px;
  }
  .content .promo-grid .grid .grid-cell {
    display: block;
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
  }
  .content .promo-grid .grid .grid-cell .promo-info .promo-title {
    font-size: 18px;
  }
  .content .promo-grid .grid .grid-cell .promo-info .promo-desc {
    font-size: 14px;
  }
  .content .promo-grid .grid .grid-cell:hover {
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .content .shopping-cart {
    padding-top: 16px;
  }
  .content .shopping-cart .billing-info .billing-info-content {
    padding-top: 5px;
  }
  .content .shopping-cart .billing-info .invoice-info-content {
    padding-top: 15px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-label {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field {
    max-width: 100%;
  }
  .content .shopping-cart .cart-empty-screen {
    top: 17px;
  }
  .content .purchase-history .datatable tbody tr td:last-child {
    display: block;
  }
  .content .purchase-history .datatable tbody tr.expanded-content {
    display: none;
  }
  .content .purchase-history .license-empty-screen {
    top: 68px;
    border-top: 1px solid #ddd;
  }
  .content .license-activate .row-bottom .row-tab {
    padding-left: 4px;
    padding-right: 4px;
  }
  .content .license-activate .row-bottom .row-tab .tab-item {
    display: none;
  }
  .content .license-activate .row-bottom .row-tab .select-box {
    display: inline-block;
  }
  .content .license-activate .row-bottom .row-con .desc-grid .desc-label {
    width: 35%;
  }
  .content .license-activate .row-bottom .row-con .detial-grid .cell {
    width: 100%;
  }
  .content .license-activate .row-bottom .row-con .flex-detial-grid .cell {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .content .license-activate .row-bottom .row-con .datatable-wrapper .datatable tr td:first-child {
    display: block;
  }
  .content .license-activate .row-bottom .row-con .datatable-wrapper .datatable tr td:first-child + td {
    background-color: #fff;
    border-bottom: 0px;
  }
  .content .license-activate .row-bottom .row-con .datatable-wrapper .datatable tr td:last-child {
    text-align: left;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list ul {
    max-width: 139px;
  }
  .content .product-page .row-top .col-right .title-row {
    font-size: 24px;
  }
  .content .product-page .row-top .col-right .cart-row .cart-cell {
    display: block;
    width: 100%;
  }
  .content .product-page .row-top .col-right .cart-row .cart-cell .detail-item {
    font-size: 16px;
  }
  .content .product-page .row-top .col-right .cart-row .cart-cell:nth-child(1) {
    border-right: 0px;
  }
  .content .product-page .row-top .col-right .cart-row .cart-cell:nth-child(2) {
    border-top: 1px solid #ddd;
    width: 100%;
  }
  .wrapper-qpkg-upgrade .content .qpkg-upgrade-box {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
  .wrapper-qpkg-upgrade .content .qpkg-upgrade-box .upgrade-title {
    font-size: 22px;
    text-align: left;
  }
}
@media (max-width: 600px) {
  .header .navbar .add-license .q-btn {
    padding: 5px 5px 7px 5px;
  }
  .header .navbar .add-license .btn-label {
    display: none;
  }
  .header .navbar .add-license .btn-icon {
    margin-right: 0px;
  }
  .landing-banner .banner-content .signin-signup .q-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .landing-banner .banner-content .signin-signup .q-btn-group .or {
    padding: 18px 18px;
  }
  .content .pd-grid .grid-heading .heading-inner {
    height: auto;
    min-height: 56px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .content .pd-grid .grid-heading .heading-inner .inner-title {
    margin-top: 0;
    margin-bottom: 8px;
  }
  .content .pd-grid .grid-heading .heading-inner .fa {
    margin-bottom: 8px;
  }
  .content .pd-grid .grid-heading .heading-inner .select-box {
    float: none;
    height: auto;
  }
  .content .pd-grid .grid-heading .heading-inner .select-box .q-select {
    width: 100%;
  }
  .content .pd-grid .grid-heading .heading-inner .select-box:before {
    content: none;
  }
  .content .license-activate .row-bottom .row-tab .select-box {
    width: 100%;
  }
  .content .license-activate .row-bottom .row-tab .select-box .q-select {
    width: 100%;
  }
  .content .license-activate .row-bottom .q-btn-group {
    width: 100%;
  }
  .content .license-activate .row-bottom .q-btn-group .q-btn {
    display: block;
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .content .license-activate .row-bottom .q-btn-group .q-btn:last-child {
    margin-bottom: 0px;
  }
  .content .activate-ctrl-bar .ctrl-label {
    display: none;
  }
  .content .activate-ctrl-bar .ctrl-btn.filter-btn .btn-icon {
    margin-right: 0px;
  }
  .content .activate-ctrl-bar .ctrl-btn.filter-btn .btn-label {
    display: none;
  }
  .content .activate-ctrl-bar .ctrl-btn.filter-btn .filter-dropdown {
    position: fixed;
    width: auto;
    top: inherit;
    left: 16px;
    right: 16px;
    margin-top: 5px;
  }
  .content .product-page .breadcrumb {
    display: none;
  }
  .content .product-page .row-top {
    padding-top: 0px;
  }
  .content .product-page .row-top .col-left {
    float: none;
    width: 100%;
    margin-bottom: 16px;
    padding: 0px;
  }
  .content .product-page .row-top .col-left .pd-preview img {
    width: 50%;
    max-width: 200px;
  }
  .content .product-page .row-top .col-left .pd-title-m {
    display: block;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list {
    margin-top: 16px;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list ul {
    text-align: center;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list ul li {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    border-radius: 25px;
    border: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px inset;
    background: url("../css_img/util/dotnav@2x.png") no-repeat 0 -10px;
    background-size: 10px 20px;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list ul li img {
    display: none;
  }
  .content .product-page .row-top .col-left .pd-thumbnail-list ul li.active {
    background-color: #0076e4;
    background-position: 0 0;
    cursor: default;
  }
  .content .product-page .row-top .col-right {
    padding-left: 0px;
  }
  .content .product-page .row-top .col-right .title-row {
    display: none;
  }
}
@media (max-width: 480px) {
  .wrapper {
    padding-top: 0px;
  }
  .loader-wrapper {
    top: 0px;
  }
  .header {
    position: relative;
    width: 100%;
  }
  .content .pd-grid .grid .grid-cell .pd-img {
    width: 100px;
    height: 100px;
  }
  .content .promo-grid .grid .grid-cell .pd-img {
    width: 100px;
    height: 100px;
  }
  .datatable tbody tr td:before {
    width: 100%;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .datatable tbody tr td {
    border-bottom: 1px solid #ddd;
  }
  .datatable tbody tr td .plus_minus_comp {
    margin-top: 4px;
  }
  .datatable tbody tr td:last-child {
    border-bottom: 0px;
    padding-top: 16px;
  }
  .datatable tbody tr td:last-child button {
    width: 100%;
    padding: 11px 19px;
  }
  .datatable tbody tr td:last-child:before {
    display: none;
  }
  .content .shopping-cart .datatable tbody tr td {
    border-bottom: 0px;
    width: 72%;
  }
  .content .shopping-cart .datatable tbody tr td:first-child {
    padding-right: 0px;
    width: 27%;
    max-width: 27%;
  }
  .content .shopping-cart .datatable tbody tr td:last-child {
    width: 100%;
  }
  .content .shopping-cart-for-nas .datatable tbody tr td:last-child {
    width: 72%;
  }
  .content .shopping-cart-for-nas .datatable tbody tr td:last-child:before {
    display: inline-block;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span {
    width: 100%;
    margin-bottom: 10px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span:nth-child(odd) {
    padding-right: 0px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span:nth-child(even) {
    padding-left: 0px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field span:last-child {
    margin-bottom: 0px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .post-code {
    width: 50%;
    padding-right: 5px;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .city {
    width: 50%;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field.multi-inline-field.address-field .city .q-select {
    min-width: 0;
  }
  .content .shopping-cart .billing-info .billing-info-content .form-row .form-field-shift-left {
    padding-left: 0px;
  }
  .content .shopping-cart .next-action {
    text-align: center;
  }
  .content .shopping-cart .next-action .q-btn-group {
    display: block;
  }
  .content .shopping-cart .next-action .q-btn-group .q-btn {
    display: block;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .content .purchase-history .period-ctrl .period-label {
    display: none;
  }
  .content .purchase-history .period-ctrl .select-box {
    width: 100%;
  }
  .content .purchase-history .period-ctrl .q-select {
    width: 100%;
  }
  .content .purchase-history .period-ctrl:before {
    content: none;
  }
  .content .purchase-history .period-ctrl.order-period-ctrl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .purchase-history .period-ctrl.order-period-ctrl .col-info {
    width: 100%;
    margin-bottom: 15px;
  }
  .content .purchase-history .period-ctrl.order-period-ctrl .col-ctrl {
    min-width: 100%;
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .content .purchase-history .period-ctrl.order-period-ctrl .col-ctrl:before {
    content: none;
  }
  .content .license-activate .row-bottom .row-con .datatable-wrapper .datatable tr td:nth-child(n+2) {
    border-bottom: 0px;
  }
  .content .license-activate .row-bottom .row-con .datatable-wrapper .datatable tr td:last-child:before {
    display: block;
  }
  .loader-wrapper > .loader-content .q-loader-msg {
    font-size: 16px;
    line-height: 20px;
  }
}
/* Utils
-------------------------------------------------- */
/* Position
-------------------------------------------------- */
.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.pull-clear {
  float: none !important;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.white-space-nowrap {
  white-space: nowrap;
}

.line-height-0 {
  line-height: 0 !important;
}

.line-height-normal {
  line-height: normal !important;
}

/* Display
-------------------------------------------------- */
.hide {
  display: none !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

/* Flexbox
-------------------------------------------------- */
.flex-direction-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-direction-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.flex-limited-width {
  width: 0 !important;
}

.flex-min-width-0 {
  min-width: 0 !important;
}

.flex-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

.flex-wrap-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-wrap-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

/* Width / Height
-------------------------------------------------- */
.min-width-auto {
  min-width: auto !important;
}

.max-width-auto {
  max-width: auto !important;
}

.min-width-0 {
  min-width: 0 !important;
}

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

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

.h-0 {
  height: 0% !important;
}

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

.h-1 {
  height: 1% !important;
}

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

.h-2 {
  height: 2% !important;
}

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

.h-3 {
  height: 3% !important;
}

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

.h-4 {
  height: 4% !important;
}

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

.h-5 {
  height: 5% !important;
}

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

.h-6 {
  height: 6% !important;
}

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

.h-7 {
  height: 7% !important;
}

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

.h-8 {
  height: 8% !important;
}

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

.h-9 {
  height: 9% !important;
}

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

.h-10 {
  height: 10% !important;
}

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

.h-11 {
  height: 11% !important;
}

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

.h-12 {
  height: 12% !important;
}

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

.h-13 {
  height: 13% !important;
}

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

.h-14 {
  height: 14% !important;
}

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

.h-15 {
  height: 15% !important;
}

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

.h-16 {
  height: 16% !important;
}

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

.h-17 {
  height: 17% !important;
}

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

.h-18 {
  height: 18% !important;
}

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

.h-19 {
  height: 19% !important;
}

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

.h-20 {
  height: 20% !important;
}

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

.h-21 {
  height: 21% !important;
}

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

.h-22 {
  height: 22% !important;
}

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

.h-23 {
  height: 23% !important;
}

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

.h-24 {
  height: 24% !important;
}

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

.h-25 {
  height: 25% !important;
}

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

.h-26 {
  height: 26% !important;
}

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

.h-27 {
  height: 27% !important;
}

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

.h-28 {
  height: 28% !important;
}

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

.h-29 {
  height: 29% !important;
}

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

.h-30 {
  height: 30% !important;
}

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

.h-31 {
  height: 31% !important;
}

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

.h-32 {
  height: 32% !important;
}

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

.h-33 {
  height: 33% !important;
}

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

.h-34 {
  height: 34% !important;
}

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

.h-35 {
  height: 35% !important;
}

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

.h-36 {
  height: 36% !important;
}

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

.h-37 {
  height: 37% !important;
}

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

.h-38 {
  height: 38% !important;
}

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

.h-39 {
  height: 39% !important;
}

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

.h-40 {
  height: 40% !important;
}

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

.h-41 {
  height: 41% !important;
}

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

.h-42 {
  height: 42% !important;
}

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

.h-43 {
  height: 43% !important;
}

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

.h-44 {
  height: 44% !important;
}

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

.h-45 {
  height: 45% !important;
}

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

.h-46 {
  height: 46% !important;
}

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

.h-47 {
  height: 47% !important;
}

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

.h-48 {
  height: 48% !important;
}

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

.h-49 {
  height: 49% !important;
}

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

.h-50 {
  height: 50% !important;
}

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

.h-51 {
  height: 51% !important;
}

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

.h-52 {
  height: 52% !important;
}

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

.h-53 {
  height: 53% !important;
}

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

.h-54 {
  height: 54% !important;
}

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

.h-55 {
  height: 55% !important;
}

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

.h-56 {
  height: 56% !important;
}

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

.h-57 {
  height: 57% !important;
}

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

.h-58 {
  height: 58% !important;
}

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

.h-59 {
  height: 59% !important;
}

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

.h-60 {
  height: 60% !important;
}

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

.h-61 {
  height: 61% !important;
}

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

.h-62 {
  height: 62% !important;
}

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

.h-63 {
  height: 63% !important;
}

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

.h-64 {
  height: 64% !important;
}

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

.h-65 {
  height: 65% !important;
}

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

.h-66 {
  height: 66% !important;
}

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

.h-67 {
  height: 67% !important;
}

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

.h-68 {
  height: 68% !important;
}

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

.h-69 {
  height: 69% !important;
}

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

.h-70 {
  height: 70% !important;
}

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

.h-71 {
  height: 71% !important;
}

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

.h-72 {
  height: 72% !important;
}

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

.h-73 {
  height: 73% !important;
}

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

.h-74 {
  height: 74% !important;
}

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

.h-75 {
  height: 75% !important;
}

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

.h-76 {
  height: 76% !important;
}

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

.h-77 {
  height: 77% !important;
}

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

.h-78 {
  height: 78% !important;
}

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

.h-79 {
  height: 79% !important;
}

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

.h-80 {
  height: 80% !important;
}

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

.h-81 {
  height: 81% !important;
}

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

.h-82 {
  height: 82% !important;
}

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

.h-83 {
  height: 83% !important;
}

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

.h-84 {
  height: 84% !important;
}

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

.h-85 {
  height: 85% !important;
}

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

.h-86 {
  height: 86% !important;
}

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

.h-87 {
  height: 87% !important;
}

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

.h-88 {
  height: 88% !important;
}

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

.h-89 {
  height: 89% !important;
}

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

.h-90 {
  height: 90% !important;
}

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

.h-91 {
  height: 91% !important;
}

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

.h-92 {
  height: 92% !important;
}

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

.h-93 {
  height: 93% !important;
}

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

.h-94 {
  height: 94% !important;
}

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

.h-95 {
  height: 95% !important;
}

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

.h-96 {
  height: 96% !important;
}

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

.h-97 {
  height: 97% !important;
}

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

.h-98 {
  height: 98% !important;
}

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

.h-99 {
  height: 99% !important;
}

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

.h-100 {
  height: 100% !important;
}

.w-0px {
  width: 0px !important;
}

.h-0px {
  height: 0px !important;
}

.w-1px {
  width: 1px !important;
}

.h-1px {
  height: 1px !important;
}

.w-2px {
  width: 2px !important;
}

.h-2px {
  height: 2px !important;
}

.w-3px {
  width: 3px !important;
}

.h-3px {
  height: 3px !important;
}

.w-4px {
  width: 4px !important;
}

.h-4px {
  height: 4px !important;
}

.w-5px {
  width: 5px !important;
}

.h-5px {
  height: 5px !important;
}

.w-6px {
  width: 6px !important;
}

.h-6px {
  height: 6px !important;
}

.w-7px {
  width: 7px !important;
}

.h-7px {
  height: 7px !important;
}

.w-8px {
  width: 8px !important;
}

.h-8px {
  height: 8px !important;
}

.w-9px {
  width: 9px !important;
}

.h-9px {
  height: 9px !important;
}

.w-10px {
  width: 10px !important;
}

.h-10px {
  height: 10px !important;
}

.w-11px {
  width: 11px !important;
}

.h-11px {
  height: 11px !important;
}

.w-12px {
  width: 12px !important;
}

.h-12px {
  height: 12px !important;
}

.w-13px {
  width: 13px !important;
}

.h-13px {
  height: 13px !important;
}

.w-14px {
  width: 14px !important;
}

.h-14px {
  height: 14px !important;
}

.w-15px {
  width: 15px !important;
}

.h-15px {
  height: 15px !important;
}

.w-16px {
  width: 16px !important;
}

.h-16px {
  height: 16px !important;
}

.w-17px {
  width: 17px !important;
}

.h-17px {
  height: 17px !important;
}

.w-18px {
  width: 18px !important;
}

.h-18px {
  height: 18px !important;
}

.w-19px {
  width: 19px !important;
}

.h-19px {
  height: 19px !important;
}

.w-20px {
  width: 20px !important;
}

.h-20px {
  height: 20px !important;
}

.w-21px {
  width: 21px !important;
}

.h-21px {
  height: 21px !important;
}

.w-22px {
  width: 22px !important;
}

.h-22px {
  height: 22px !important;
}

.w-23px {
  width: 23px !important;
}

.h-23px {
  height: 23px !important;
}

.w-24px {
  width: 24px !important;
}

.h-24px {
  height: 24px !important;
}

.w-25px {
  width: 25px !important;
}

.h-25px {
  height: 25px !important;
}

.w-26px {
  width: 26px !important;
}

.h-26px {
  height: 26px !important;
}

.w-27px {
  width: 27px !important;
}

.h-27px {
  height: 27px !important;
}

.w-28px {
  width: 28px !important;
}

.h-28px {
  height: 28px !important;
}

.w-29px {
  width: 29px !important;
}

.h-29px {
  height: 29px !important;
}

.w-30px {
  width: 30px !important;
}

.h-30px {
  height: 30px !important;
}

.w-31px {
  width: 31px !important;
}

.h-31px {
  height: 31px !important;
}

.w-32px {
  width: 32px !important;
}

.h-32px {
  height: 32px !important;
}

.w-33px {
  width: 33px !important;
}

.h-33px {
  height: 33px !important;
}

.w-34px {
  width: 34px !important;
}

.h-34px {
  height: 34px !important;
}

.w-35px {
  width: 35px !important;
}

.h-35px {
  height: 35px !important;
}

.w-36px {
  width: 36px !important;
}

.h-36px {
  height: 36px !important;
}

.w-37px {
  width: 37px !important;
}

.h-37px {
  height: 37px !important;
}

.w-38px {
  width: 38px !important;
}

.h-38px {
  height: 38px !important;
}

.w-39px {
  width: 39px !important;
}

.h-39px {
  height: 39px !important;
}

.w-40px {
  width: 40px !important;
}

.h-40px {
  height: 40px !important;
}

.w-41px {
  width: 41px !important;
}

.h-41px {
  height: 41px !important;
}

.w-42px {
  width: 42px !important;
}

.h-42px {
  height: 42px !important;
}

.w-43px {
  width: 43px !important;
}

.h-43px {
  height: 43px !important;
}

.w-44px {
  width: 44px !important;
}

.h-44px {
  height: 44px !important;
}

.w-45px {
  width: 45px !important;
}

.h-45px {
  height: 45px !important;
}

.w-46px {
  width: 46px !important;
}

.h-46px {
  height: 46px !important;
}

.w-47px {
  width: 47px !important;
}

.h-47px {
  height: 47px !important;
}

.w-48px {
  width: 48px !important;
}

.h-48px {
  height: 48px !important;
}

.w-49px {
  width: 49px !important;
}

.h-49px {
  height: 49px !important;
}

.w-50px {
  width: 50px !important;
}

.h-50px {
  height: 50px !important;
}

.w-51px {
  width: 51px !important;
}

.h-51px {
  height: 51px !important;
}

.w-52px {
  width: 52px !important;
}

.h-52px {
  height: 52px !important;
}

.w-53px {
  width: 53px !important;
}

.h-53px {
  height: 53px !important;
}

.w-54px {
  width: 54px !important;
}

.h-54px {
  height: 54px !important;
}

.w-55px {
  width: 55px !important;
}

.h-55px {
  height: 55px !important;
}

.w-56px {
  width: 56px !important;
}

.h-56px {
  height: 56px !important;
}

.w-57px {
  width: 57px !important;
}

.h-57px {
  height: 57px !important;
}

.w-58px {
  width: 58px !important;
}

.h-58px {
  height: 58px !important;
}

.w-59px {
  width: 59px !important;
}

.h-59px {
  height: 59px !important;
}

.w-60px {
  width: 60px !important;
}

.h-60px {
  height: 60px !important;
}

.w-61px {
  width: 61px !important;
}

.h-61px {
  height: 61px !important;
}

.w-62px {
  width: 62px !important;
}

.h-62px {
  height: 62px !important;
}

.w-63px {
  width: 63px !important;
}

.h-63px {
  height: 63px !important;
}

.w-64px {
  width: 64px !important;
}

.h-64px {
  height: 64px !important;
}

.w-65px {
  width: 65px !important;
}

.h-65px {
  height: 65px !important;
}

.w-66px {
  width: 66px !important;
}

.h-66px {
  height: 66px !important;
}

.w-67px {
  width: 67px !important;
}

.h-67px {
  height: 67px !important;
}

.w-68px {
  width: 68px !important;
}

.h-68px {
  height: 68px !important;
}

.w-69px {
  width: 69px !important;
}

.h-69px {
  height: 69px !important;
}

.w-70px {
  width: 70px !important;
}

.h-70px {
  height: 70px !important;
}

.w-71px {
  width: 71px !important;
}

.h-71px {
  height: 71px !important;
}

.w-72px {
  width: 72px !important;
}

.h-72px {
  height: 72px !important;
}

.w-73px {
  width: 73px !important;
}

.h-73px {
  height: 73px !important;
}

.w-74px {
  width: 74px !important;
}

.h-74px {
  height: 74px !important;
}

.w-75px {
  width: 75px !important;
}

.h-75px {
  height: 75px !important;
}

.w-76px {
  width: 76px !important;
}

.h-76px {
  height: 76px !important;
}

.w-77px {
  width: 77px !important;
}

.h-77px {
  height: 77px !important;
}

.w-78px {
  width: 78px !important;
}

.h-78px {
  height: 78px !important;
}

.w-79px {
  width: 79px !important;
}

.h-79px {
  height: 79px !important;
}

.w-80px {
  width: 80px !important;
}

.h-80px {
  height: 80px !important;
}

.w-81px {
  width: 81px !important;
}

.h-81px {
  height: 81px !important;
}

.w-82px {
  width: 82px !important;
}

.h-82px {
  height: 82px !important;
}

.w-83px {
  width: 83px !important;
}

.h-83px {
  height: 83px !important;
}

.w-84px {
  width: 84px !important;
}

.h-84px {
  height: 84px !important;
}

.w-85px {
  width: 85px !important;
}

.h-85px {
  height: 85px !important;
}

.w-86px {
  width: 86px !important;
}

.h-86px {
  height: 86px !important;
}

.w-87px {
  width: 87px !important;
}

.h-87px {
  height: 87px !important;
}

.w-88px {
  width: 88px !important;
}

.h-88px {
  height: 88px !important;
}

.w-89px {
  width: 89px !important;
}

.h-89px {
  height: 89px !important;
}

.w-90px {
  width: 90px !important;
}

.h-90px {
  height: 90px !important;
}

.w-91px {
  width: 91px !important;
}

.h-91px {
  height: 91px !important;
}

.w-92px {
  width: 92px !important;
}

.h-92px {
  height: 92px !important;
}

.w-93px {
  width: 93px !important;
}

.h-93px {
  height: 93px !important;
}

.w-94px {
  width: 94px !important;
}

.h-94px {
  height: 94px !important;
}

.w-95px {
  width: 95px !important;
}

.h-95px {
  height: 95px !important;
}

.w-96px {
  width: 96px !important;
}

.h-96px {
  height: 96px !important;
}

.w-97px {
  width: 97px !important;
}

.h-97px {
  height: 97px !important;
}

.w-98px {
  width: 98px !important;
}

.h-98px {
  height: 98px !important;
}

.w-99px {
  width: 99px !important;
}

.h-99px {
  height: 99px !important;
}

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

.h-100px {
  height: 100px !important;
}

/* Padding / Margin
-------------------------------------------------- */
.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

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

.pl0 {
  padding-left: 0/+px !important;
}

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

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

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

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

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

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

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

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

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1/+px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mr-1 {
  margin-right: -1px !important;
}

.mb-1 {
  margin-bottom: -1px !important;
}

.ml-1 {
  margin-left: -1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2/+px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mt-2 {
  margin-top: -2px !important;
}

.mr-2 {
  margin-right: -2px !important;
}

.mb-2 {
  margin-bottom: -2px !important;
}

.ml-2 {
  margin-left: -2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3/+px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.mt-3 {
  margin-top: -3px !important;
}

.mr-3 {
  margin-right: -3px !important;
}

.mb-3 {
  margin-bottom: -3px !important;
}

.ml-3 {
  margin-left: -3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4/+px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.mt-4 {
  margin-top: -4px !important;
}

.mr-4 {
  margin-right: -4px !important;
}

.mb-4 {
  margin-bottom: -4px !important;
}

.ml-4 {
  margin-left: -4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5/+px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

.mb-5 {
  margin-bottom: -5px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6/+px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.mt-6 {
  margin-top: -6px !important;
}

.mr-6 {
  margin-right: -6px !important;
}

.mb-6 {
  margin-bottom: -6px !important;
}

.ml-6 {
  margin-left: -6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7/+px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.mt-7 {
  margin-top: -7px !important;
}

.mr-7 {
  margin-right: -7px !important;
}

.mb-7 {
  margin-bottom: -7px !important;
}

.ml-7 {
  margin-left: -7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8/+px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mt-8 {
  margin-top: -8px !important;
}

.mr-8 {
  margin-right: -8px !important;
}

.mb-8 {
  margin-bottom: -8px !important;
}

.ml-8 {
  margin-left: -8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9/+px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.mt-9 {
  margin-top: -9px !important;
}

.mr-9 {
  margin-right: -9px !important;
}

.mb-9 {
  margin-bottom: -9px !important;
}

.ml-9 {
  margin-left: -9px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10/+px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11/+px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.mt-11 {
  margin-top: -11px !important;
}

.mr-11 {
  margin-right: -11px !important;
}

.mb-11 {
  margin-bottom: -11px !important;
}

.ml-11 {
  margin-left: -11px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12/+px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.mt-12 {
  margin-top: -12px !important;
}

.mr-12 {
  margin-right: -12px !important;
}

.mb-12 {
  margin-bottom: -12px !important;
}

.ml-12 {
  margin-left: -12px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13/+px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.mt-13 {
  margin-top: -13px !important;
}

.mr-13 {
  margin-right: -13px !important;
}

.mb-13 {
  margin-bottom: -13px !important;
}

.ml-13 {
  margin-left: -13px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14/+px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.mt-14 {
  margin-top: -14px !important;
}

.mr-14 {
  margin-right: -14px !important;
}

.mb-14 {
  margin-bottom: -14px !important;
}

.ml-14 {
  margin-left: -14px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15/+px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

.mb-15 {
  margin-bottom: -15px !important;
}

.ml-15 {
  margin-left: -15px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16/+px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mt-16 {
  margin-top: -16px !important;
}

.mr-16 {
  margin-right: -16px !important;
}

.mb-16 {
  margin-bottom: -16px !important;
}

.ml-16 {
  margin-left: -16px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17/+px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.mt-17 {
  margin-top: -17px !important;
}

.mr-17 {
  margin-right: -17px !important;
}

.mb-17 {
  margin-bottom: -17px !important;
}

.ml-17 {
  margin-left: -17px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18/+px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.mt-18 {
  margin-top: -18px !important;
}

.mr-18 {
  margin-right: -18px !important;
}

.mb-18 {
  margin-bottom: -18px !important;
}

.ml-18 {
  margin-left: -18px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19/+px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.mt-19 {
  margin-top: -19px !important;
}

.mr-19 {
  margin-right: -19px !important;
}

.mb-19 {
  margin-bottom: -19px !important;
}

.ml-19 {
  margin-left: -19px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20/+px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

.mb-20 {
  margin-bottom: -20px !important;
}

.ml-20 {
  margin-left: -20px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21/+px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.mt-21 {
  margin-top: -21px !important;
}

.mr-21 {
  margin-right: -21px !important;
}

.mb-21 {
  margin-bottom: -21px !important;
}

.ml-21 {
  margin-left: -21px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22/+px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.mt-22 {
  margin-top: -22px !important;
}

.mr-22 {
  margin-right: -22px !important;
}

.mb-22 {
  margin-bottom: -22px !important;
}

.ml-22 {
  margin-left: -22px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23/+px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.mt-23 {
  margin-top: -23px !important;
}

.mr-23 {
  margin-right: -23px !important;
}

.mb-23 {
  margin-bottom: -23px !important;
}

.ml-23 {
  margin-left: -23px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24/+px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mt-24 {
  margin-top: -24px !important;
}

.mr-24 {
  margin-right: -24px !important;
}

.mb-24 {
  margin-bottom: -24px !important;
}

.ml-24 {
  margin-left: -24px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25/+px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

.mb-25 {
  margin-bottom: -25px !important;
}

.ml-25 {
  margin-left: -25px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26/+px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.mt-26 {
  margin-top: -26px !important;
}

.mr-26 {
  margin-right: -26px !important;
}

.mb-26 {
  margin-bottom: -26px !important;
}

.ml-26 {
  margin-left: -26px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27/+px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.mt-27 {
  margin-top: -27px !important;
}

.mr-27 {
  margin-right: -27px !important;
}

.mb-27 {
  margin-bottom: -27px !important;
}

.ml-27 {
  margin-left: -27px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28/+px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.mt-28 {
  margin-top: -28px !important;
}

.mr-28 {
  margin-right: -28px !important;
}

.mb-28 {
  margin-bottom: -28px !important;
}

.ml-28 {
  margin-left: -28px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29/+px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.mt-29 {
  margin-top: -29px !important;
}

.mr-29 {
  margin-right: -29px !important;
}

.mb-29 {
  margin-bottom: -29px !important;
}

.ml-29 {
  margin-left: -29px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30/+px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

.mb-30 {
  margin-bottom: -30px !important;
}

.ml-30 {
  margin-left: -30px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31/+px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.mt-31 {
  margin-top: -31px !important;
}

.mr-31 {
  margin-right: -31px !important;
}

.mb-31 {
  margin-bottom: -31px !important;
}

.ml-31 {
  margin-left: -31px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32/+px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.mt-32 {
  margin-top: -32px !important;
}

.mr-32 {
  margin-right: -32px !important;
}

.mb-32 {
  margin-bottom: -32px !important;
}

.ml-32 {
  margin-left: -32px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33/+px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.mt-33 {
  margin-top: -33px !important;
}

.mr-33 {
  margin-right: -33px !important;
}

.mb-33 {
  margin-bottom: -33px !important;
}

.ml-33 {
  margin-left: -33px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34/+px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.mt-34 {
  margin-top: -34px !important;
}

.mr-34 {
  margin-right: -34px !important;
}

.mb-34 {
  margin-bottom: -34px !important;
}

.ml-34 {
  margin-left: -34px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35/+px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

.mb-35 {
  margin-bottom: -35px !important;
}

.ml-35 {
  margin-left: -35px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36/+px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.mt-36 {
  margin-top: -36px !important;
}

.mr-36 {
  margin-right: -36px !important;
}

.mb-36 {
  margin-bottom: -36px !important;
}

.ml-36 {
  margin-left: -36px !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37/+px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.mt-37 {
  margin-top: -37px !important;
}

.mr-37 {
  margin-right: -37px !important;
}

.mb-37 {
  margin-bottom: -37px !important;
}

.ml-37 {
  margin-left: -37px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38/+px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.mt-38 {
  margin-top: -38px !important;
}

.mr-38 {
  margin-right: -38px !important;
}

.mb-38 {
  margin-bottom: -38px !important;
}

.ml-38 {
  margin-left: -38px !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39/+px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.mt-39 {
  margin-top: -39px !important;
}

.mr-39 {
  margin-right: -39px !important;
}

.mb-39 {
  margin-bottom: -39px !important;
}

.ml-39 {
  margin-left: -39px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40/+px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

.mb-40 {
  margin-bottom: -40px !important;
}

.ml-40 {
  margin-left: -40px !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41/+px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.mt-41 {
  margin-top: -41px !important;
}

.mr-41 {
  margin-right: -41px !important;
}

.mb-41 {
  margin-bottom: -41px !important;
}

.ml-41 {
  margin-left: -41px !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42/+px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.mt-42 {
  margin-top: -42px !important;
}

.mr-42 {
  margin-right: -42px !important;
}

.mb-42 {
  margin-bottom: -42px !important;
}

.ml-42 {
  margin-left: -42px !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43/+px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.mt-43 {
  margin-top: -43px !important;
}

.mr-43 {
  margin-right: -43px !important;
}

.mb-43 {
  margin-bottom: -43px !important;
}

.ml-43 {
  margin-left: -43px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44/+px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.mt-44 {
  margin-top: -44px !important;
}

.mr-44 {
  margin-right: -44px !important;
}

.mb-44 {
  margin-bottom: -44px !important;
}

.ml-44 {
  margin-left: -44px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45/+px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

.mb-45 {
  margin-bottom: -45px !important;
}

.ml-45 {
  margin-left: -45px !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46/+px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.mt-46 {
  margin-top: -46px !important;
}

.mr-46 {
  margin-right: -46px !important;
}

.mb-46 {
  margin-bottom: -46px !important;
}

.ml-46 {
  margin-left: -46px !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47/+px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.mt-47 {
  margin-top: -47px !important;
}

.mr-47 {
  margin-right: -47px !important;
}

.mb-47 {
  margin-bottom: -47px !important;
}

.ml-47 {
  margin-left: -47px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48/+px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.mt-48 {
  margin-top: -48px !important;
}

.mr-48 {
  margin-right: -48px !important;
}

.mb-48 {
  margin-bottom: -48px !important;
}

.ml-48 {
  margin-left: -48px !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49/+px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.mt-49 {
  margin-top: -49px !important;
}

.mr-49 {
  margin-right: -49px !important;
}

.mb-49 {
  margin-bottom: -49px !important;
}

.ml-49 {
  margin-left: -49px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50/+px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

.mb-50 {
  margin-bottom: -50px !important;
}

.ml-50 {
  margin-left: -50px !important;
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51/+px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

.mt-51 {
  margin-top: -51px !important;
}

.mr-51 {
  margin-right: -51px !important;
}

.mb-51 {
  margin-bottom: -51px !important;
}

.ml-51 {
  margin-left: -51px !important;
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52/+px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.mt-52 {
  margin-top: -52px !important;
}

.mr-52 {
  margin-right: -52px !important;
}

.mb-52 {
  margin-bottom: -52px !important;
}

.ml-52 {
  margin-left: -52px !important;
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53/+px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

.mt-53 {
  margin-top: -53px !important;
}

.mr-53 {
  margin-right: -53px !important;
}

.mb-53 {
  margin-bottom: -53px !important;
}

.ml-53 {
  margin-left: -53px !important;
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54/+px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

.mt-54 {
  margin-top: -54px !important;
}

.mr-54 {
  margin-right: -54px !important;
}

.mb-54 {
  margin-bottom: -54px !important;
}

.ml-54 {
  margin-left: -54px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55/+px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mt-55 {
  margin-top: -55px !important;
}

.mr-55 {
  margin-right: -55px !important;
}

.mb-55 {
  margin-bottom: -55px !important;
}

.ml-55 {
  margin-left: -55px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56/+px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.mt-56 {
  margin-top: -56px !important;
}

.mr-56 {
  margin-right: -56px !important;
}

.mb-56 {
  margin-bottom: -56px !important;
}

.ml-56 {
  margin-left: -56px !important;
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57/+px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

.mt-57 {
  margin-top: -57px !important;
}

.mr-57 {
  margin-right: -57px !important;
}

.mb-57 {
  margin-bottom: -57px !important;
}

.ml-57 {
  margin-left: -57px !important;
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58/+px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

.mt-58 {
  margin-top: -58px !important;
}

.mr-58 {
  margin-right: -58px !important;
}

.mb-58 {
  margin-bottom: -58px !important;
}

.ml-58 {
  margin-left: -58px !important;
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59/+px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

.mt-59 {
  margin-top: -59px !important;
}

.mr-59 {
  margin-right: -59px !important;
}

.mb-59 {
  margin-bottom: -59px !important;
}

.ml-59 {
  margin-left: -59px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60/+px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt-60 {
  margin-top: -60px !important;
}

.mr-60 {
  margin-right: -60px !important;
}

.mb-60 {
  margin-bottom: -60px !important;
}

.ml-60 {
  margin-left: -60px !important;
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61/+px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

.mt-61 {
  margin-top: -61px !important;
}

.mr-61 {
  margin-right: -61px !important;
}

.mb-61 {
  margin-bottom: -61px !important;
}

.ml-61 {
  margin-left: -61px !important;
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62/+px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

.mt-62 {
  margin-top: -62px !important;
}

.mr-62 {
  margin-right: -62px !important;
}

.mb-62 {
  margin-bottom: -62px !important;
}

.ml-62 {
  margin-left: -62px !important;
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63/+px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

.mt-63 {
  margin-top: -63px !important;
}

.mr-63 {
  margin-right: -63px !important;
}

.mb-63 {
  margin-bottom: -63px !important;
}

.ml-63 {
  margin-left: -63px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64/+px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.mt-64 {
  margin-top: -64px !important;
}

.mr-64 {
  margin-right: -64px !important;
}

.mb-64 {
  margin-bottom: -64px !important;
}

.ml-64 {
  margin-left: -64px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65/+px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mt-65 {
  margin-top: -65px !important;
}

.mr-65 {
  margin-right: -65px !important;
}

.mb-65 {
  margin-bottom: -65px !important;
}

.ml-65 {
  margin-left: -65px !important;
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66/+px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

.mt-66 {
  margin-top: -66px !important;
}

.mr-66 {
  margin-right: -66px !important;
}

.mb-66 {
  margin-bottom: -66px !important;
}

.ml-66 {
  margin-left: -66px !important;
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67/+px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

.mt-67 {
  margin-top: -67px !important;
}

.mr-67 {
  margin-right: -67px !important;
}

.mb-67 {
  margin-bottom: -67px !important;
}

.ml-67 {
  margin-left: -67px !important;
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68/+px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

.mt-68 {
  margin-top: -68px !important;
}

.mr-68 {
  margin-right: -68px !important;
}

.mb-68 {
  margin-bottom: -68px !important;
}

.ml-68 {
  margin-left: -68px !important;
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69/+px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

.mt-69 {
  margin-top: -69px !important;
}

.mr-69 {
  margin-right: -69px !important;
}

.mb-69 {
  margin-bottom: -69px !important;
}

.ml-69 {
  margin-left: -69px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70/+px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mt-70 {
  margin-top: -70px !important;
}

.mr-70 {
  margin-right: -70px !important;
}

.mb-70 {
  margin-bottom: -70px !important;
}

.ml-70 {
  margin-left: -70px !important;
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71/+px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

.mt-71 {
  margin-top: -71px !important;
}

.mr-71 {
  margin-right: -71px !important;
}

.mb-71 {
  margin-bottom: -71px !important;
}

.ml-71 {
  margin-left: -71px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72/+px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.mt-72 {
  margin-top: -72px !important;
}

.mr-72 {
  margin-right: -72px !important;
}

.mb-72 {
  margin-bottom: -72px !important;
}

.ml-72 {
  margin-left: -72px !important;
}

/* Lock Screen
-------------------------------------------------- */
.disable-scrolling {
  overflow: hidden !important;
}

/* Others
-------------------------------------------------- */
.divide-h {
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin: 20px 0px;
}

/* Align
-------------------------------------------------- */
.text-align-left {
  text-align: left !important;
}

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

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

.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-text-top {
  vertical-align: text-top !important;
}

.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}

/* Color
-------------------------------------------------- */
.color-red {
  color: #db0606 !important;
}

.color-orange {
  color: #f7b10c !important;
}

.color-green {
  color: #0698A8 !important;
}

.color-gray {
  color: #6a6a6a !important;
}

/* Status icon
-------------------------------------------------- */
.success-icon {
  float: left;
  font-size: 16px;
  color: #5FBF5F;
  margin-right: 10px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}

.info-icon {
  float: left;
  font-size: 16px;
  color: #3975d5;
  margin-right: 10px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}
.info-icon img {
  width: 16px;
  max-width: 100%;
}

.warning-icon {
  float: left;
  font-size: 16px;
  color: #f4a32c;
  margin-right: 10px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}

.error-icon {
  float: left;
  font-size: 16px;
  color: #C80001;
  margin-right: 10px;
  margin-top: -1px;
  width: 16px;
  text-align: center;
}

/* Text
-------------------------------------------------- */
.fs12 {
  font-size: 0.75rem !important;
}

.fs13 {
  font-size: 0.8125rem !important;
}

.fs14 {
  font-size: 0.875rem !important;
}

.fs15 {
  font-size: 0.9375rem !important;
}

.fs16 {
  font-size: 1rem !important;
}

.fs17 {
  font-size: 1.0625rem !important;
}

.fs18 {
  font-size: 1.125rem !important;
}

.fs19 {
  font-size: 1.1875rem !important;
}

.fs20 {
  font-size: 1.25rem !important;
}

.fs21 {
  font-size: 1.3125rem !important;
}

.fs22 {
  font-size: 1.375rem !important;
}

.fs23 {
  font-size: 1.4375rem !important;
}

.fs24 {
  font-size: 1.5rem !important;
}

.fs25 {
  font-size: 1.5625rem !important;
}

.fs26 {
  font-size: 1.625rem !important;
}

.fs27 {
  font-size: 1.6875rem !important;
}

.fs28 {
  font-size: 1.75rem !important;
}

.fs29 {
  font-size: 1.8125rem !important;
}

.fs30 {
  font-size: 1.875rem !important;
}

.fs31 {
  font-size: 1.9375rem !important;
}

.fs32 {
  font-size: 2rem !important;
}

.fw4 {
  font-weight: 400 !important;
}

.fw5 {
  font-weight: 500 !important;
}

.fw6 {
  font-weight: 600 !important;
}

/* Fake fa icon
-------------------------------------------------- */
.fa-custom {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  vertical-align: text-top;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-custom-old-store {
  background-image: url(../css_img/header/icon-old-store-14.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

/* Mask
-------------------------------------------------- */
.screen-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: -100%;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 50;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.screen-mask.visible {
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* Fix for Angular
-------------------------------------------------- */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  backgorund-color: #000;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

/* Fix for Paypal
-------------------------------------------------- */
#paypal-button .xcomponent-outlet, #paypal-button .paypal-button .xcomponent-outlet {
  z-index: 49 !important;
}

/* Store Alert
-------------------------------------------------- */
.store-fixed-alert {
  position: fixed;
  font-size: 14px;
  width: 100%;
  height: auto;
  min-height: 48px;
  top: 0px;
  color: #818182;
  background-color: #fefefe;
  text-align: center;
  z-index: 1021;
  margin: auto;
  overflow: hidden;
  cursor: default;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.store-fixed-alert .alert-content {
  padding: 16px 40px 16px 24px;
}
.store-fixed-alert .alert-content .alert-msg {
  text-align: left;
  display: inline-block;
  line-height: 1.4;
}
.store-fixed-alert .alert-content .alert-msg a {
  color: #686868;
  font-weight: 500;
  padding: 0px 4px;
  text-decoration: none;
}
.store-fixed-alert .alert-content .alert-msg a:hover {
  text-decoration: underline;
}
.store-fixed-alert .alert-content strong {
  margin-right: 10px;
}
.store-fixed-alert .alert-close-btn {
  position: absolute;
  right: 15px;
  top: 11px;
  font-size: 32px;
  line-height: 20px;
  font-weight: 200;
  padding: 0px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.store-fixed-alert .alert-close-btn:hover {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.store-fixed-alert .alert-close-btn:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.store-fixed-alert.alert-error {
  background-color: #ffe5e1;
  color: #a50001;
}
.store-fixed-alert.alert-error .alert-close-btn {
  color: #a50001;
}
.store-fixed-alert.alert-error .alert-content .alert-msg a {
  color: #610001;
}
.store-fixed-alert.alert-success {
  color: #155724;
  background-color: #d4edda;
}
.store-fixed-alert.alert-success .alert-close-btn {
  color: #155724;
}
.store-fixed-alert.alert-success .alert-content .alert-msg a {
  color: #0b2e13;
}
.store-fixed-alert.alert-warning {
  color: #856404;
  background-color: #fff3cd;
}
.store-fixed-alert.alert-warning .alert-close-btn {
  color: #856404;
}
.store-fixed-alert.alert-warning .alert-content .alert-msg a {
  color: #533f03;
}
.store-fixed-alert.alert-info {
  color: #004085;
  background-color: #cce5ff;
}
.store-fixed-alert.alert-info .alert-close-btn {
  color: #004085;
}
.store-fixed-alert.alert-info .alert-content .alert-msg a {
  color: #062c33;
}

.alert-open {
  top: 0px;
}

.alert-close {
  top: -35%;
}