/* vilet sunset */
.mydashboard .panel_drag_view {
  border-radius: 2px;
  /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
}
.mydashboard .webix_view.webix_abslayout .webix_view.webix_layout_line .webix_header > div {
  color: #424242;
}
.mydashboard .panel_icon {
  color: #bdbdbd;
}
.mydashboard .panel_target {
  background: rgba(167, 167, 167, 0.2);
  box-shadow: 0px 0px 20px 5px rgba(106, 106, 106, 0.2);
}
/* other */
.mydashboard .draft .webix_template .title {
  color: #2d4262;
}
.mydashboard .widget-xmetrics {
  padding-top: 3px;
  /*background: #f2f2f2;*/
  border-radius: 7px;
  /*margin: 5px;*/
  vertical-align: middle;
}
.mydashboard .widget-xmetrics .icon {
  padding-left: 10px;
  font-size: 2.7em;
  font-weight: 600;
  color: #eeeeee;
  float: left;
}
.mydashboard .widget-xmetrics .value {
  padding-top: 8px;
  padding-left: 15px;
  font-size: 1.6em;
  font-weight: 500;
  color: #eeeeee;
  float: left;
}
.mydashboard .widget-xmetrics .desc {
  padding-top: 8px;
  padding-left: 15px;
  font-size: 1.4em;
  font-weight: 500;
  color: #eeeeee;
  float: left;
}
.mydashboard .widget-xmetrics .link {
  padding-top: 8px;
  float: right;
  color: #eeeeee;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.mydashboard .widget-metrics {
  overflow: hidden;
}
@media (min-width: 0px) {
  .mydashboard .widget-metrics {
    font-size: 5px;
  }
}
@media (min-width: 1400px) {
  .mydashboard .widget-metrics {
    font-size: 10px;
  }
}
@media (min-width: 1600px) {
  .mydashboard .widget-metrics {
    font-size: 12px;
  }
}
@media (min-width: 1900px) {
  .mydashboard .widget-metrics {
    font-size: 14px;
  }
}
.mydashboard .widget-metrics .detail {
  float: left;
  width: calc(70% - 10px);
  padding-top: 5px;
  padding-left: 10px;
}
.mydashboard .widget-metrics .icon {
  float: left;
  width: calc(30% - 10px);
  font-size: 4em;
  color: #eeeeee;
  height: 60px;
  padding-top: 5px;
}
.mydashboard .widget-metrics .value {
  font-size: 2.1em;
  color: #eeeeee;
}
.mydashboard .widget-metrics .title {
  font-size: 1.1em;
  color: #eeeeee;
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webix_inp_bottom_label {
  font-size: 10px;
  color: #696969;
}
.web-console {
  background-color: #535353;
  color: #f8f8f8;
  padding: 5px;
}
.admin-footer {
  text-align: center;
  background: transparent !important;
  margin-top: 1px !important;
}
.admin-footer .webix_template > a {
  outline: none;
  text-decoration: none;
}
.admin-footer .detail-item.split .webix_template:after {
  display: inline-block;
  position: relative;
  top: 1px;
  left: 12px;
  width: 1px;
  height: 11px;
  border-right: 1px #999 solid;
  content: '';
}
.admin-footer .webix_toolbar {
  display: flex;
  justify-content: center;
}
.admin-footer .webix_toolbar .webix_view {
  width: auto !important;
  background-color: transparent !important;
  font-size: 12px;
}
.markdown-body {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #24292e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  line-height: 1.6;
  word-wrap: break-word;
  padding: 20px;
}
body {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", Arial, Lucida, Verdana, SimSun, Helvetica, sans-serif !important;
  /*font-size : 62.5%; px数值除以10，然后换上em作为单位*/
  /*min-width:980px;*/
  font-size: 13px !important;
  margin: 0 !important;
}
.toolbar-icon .webix_icon_button .webix_icon {
  color: white !important;
  font-size: 14px;
}
input {
  border-radius: 3px !important;
}
.toolbar-title {
  font-size: 14px;
  font-weight: 600;
  padding-top: 3px;
}
button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.page-nav {
  background-image: url(../../static/images/nav-bg.9bbf8ff1..png);
}
.page-nav .webix_secondary .webix_button,
.page-nav .webix_secondary .webix_button:active,
.page-nav .webix_secondary .webix_button:hover,
.page-nav .webix_secondary .webix_button:focus {
  background-color: #daddeb00;
  font-size: 13px;
}
.page-nav .webix_secondary .webix_button .webix_icon,
.page-nav .webix_secondary .webix_button .webix_icon_btn,
.page-nav .webix_secondary .webix_button .webix_img_btn_text {
  color: #d9d9d9;
}
.account-menu .webix_secondary .webix_button,
.account-menu .webix_secondary .webix_button:active,
.account-menu .webix_secondary .webix_button:hover,
.account-menu .webix_secondary .webix_button:focus {
  background-color: #ffffff;
  font-size: 13px;
}
.account-menu .webix_secondary .webix_button .webix_icon,
.account-menu .webix_secondary .webix_button .webix_icon_btn,
.account-menu .webix_secondary .webix_button .webix_img_btn_text {
  color: #1fa5c6;
}
.page-nav .page-nav .webix_menu,
.page-nav .webix_menu-x .webix_list_item {
  font-size: 14px;
  background-color: transparent;
}
.page-nav .webix_menu-x .webix_list_item:active,
.page-nav .webix_menu-x .webix_list_item:focus,
.page-nav .webix_menu-x .webix_list_item:hover {
  background-color: transparent;
}
.webix_menu-x .webix_list_item:first-child {
  margin-left: 0;
}
.nav-logo {
  background-color: transparent;
  border: none;
}
.nav-logo .webix_template {
  display: flex;
  align-items: center;
  padding: 0;
}
.nav-item .webix_img_btn {
  color: #f5f5f5 !important;
  background: transparent;
}
.nav-item .webix_list_item {
  border: none !important;
}
.nborder-input {
  margin-top: 0px !important;
}
.nborder-input textarea,
.nborder-input input {
  border: none;
  border-bottom: 1px solid #e4e4e4;
  background: #ffffff00;
}
.nborder-input2 input,
.nborder-input2 .webix_inp_static {
  border: none;
  border-bottom: 1px solid #bbbbbb;
  background: rgba(255, 255, 255, 0);
}
.nborder-input3 input,
.nborder-input3 .webix_inp_static {
  border: none;
  border-bottom: none;
  background: rgba(255, 255, 255, 0);
}
.webix_view.webix_fieldset legend {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #475466;
  letter-spacing: 2px;
}
.win-toolbar {
  height: 40px;
  background-color: #dbdbdb;
  background: linear-gradient(#e5e5e5, #e0e0e0) !important;
  border-bottom: 1px solid #dbdbdb;
}
.win-body {
  border-radius: 3px;
  border-top: 1px solid #aeaeae !important;
  border-left: 1px solid #aeaeae !important;
  border-right: 1px solid #aeaeae !important;
  border-bottom: 1px solid #aeaeae !important;
  outline: 0!important;
  background: linear-gradient(#fff, #f4f4f4) !important;
}
.win-body .webix_view.webix_form {
  background-color: #fdfdfd;
}
.main-panel {
  border-radius: 2px;
  /*box-shadow: 0px 1px 5px 1px rgba(186, 186, 186, 0.24); */
  /* box-shadow: inset -3px -1px 6px 0px rgb(106, 106, 106); */
  /*padding-left: 20px;*/
  /*padding-right: -20px;*/
}
/*.main-panel  .main-panel-box{*/
/*    border: 1px solid rgba(117, 180, 117, 0.2) !important;*/
/*}*/
.panel-box {
  margin-top: 0px !important;
  border-radius: 3px;
  border: 1px solid #a8a8a8;
  background-color: #fcfcfc;
  box-shadow: 1px 1px 5px 0px rgba(177, 177, 177, 0.39);
}
.main-toolbar {
  color: #404040;
  box-shadow: 0px 3px 20px 1px rgba(177, 177, 177, 0.35) !important;
}
.main-toolbar .webix_el_label {
  font-size: 13px !important;
  padding-left: 0;
}
.main-toolbar .webix_icon {
  padding-top: 4px;
  font-size: 1em;
  color: #777777;
}
.toolbar-desc {
  padding: 5px !important;
  color: #00878c !important;
  line-height: 180% !important;
  background: rgba(255, 255, 255, 0);
  border: none;
  font-size: 13px !important;
}
.table-btn {
  text-align: center;
  font-weight: bold;
  padding: 7px 15px 6px 13px;
  background: linear-gradient(#ececec, #cacaca);
  color: #545454;
  border-radius: 5px !important;
  font-size: 0.7em;
  cursor: pointer;
  border: 1px solid #f8f8f8;
}
.nborder-input textarea,
.nborder-input input {
  border: none !important;
  border-bottom: 1px solid #e4e4e4 !important;
  background: #ffffff00 !important;
}
.nborder-input2 input,
.nborder-input2 .webix_inp_static {
  border: none;
  border-bottom: 1px solid #bbbbbb;
  background: rgba(255, 255, 255, 0);
}
.statbox {
  border-radius: 5px;
}
.statbox .webix_icon_button:hover:before {
  background-color: #ffffff40;
}
.statbox-bg-alert {
  background-color: #0e7793;
}
.statbox-bg-ticket {
  background-color: #0a8767;
}
.statbox-bg-product {
  background-color: #2571ba;
}
.stat-box-icon .webix_icon {
  color: #d4d4d4 !important;
  font-size: 48px;
  padding-right: 20px;
}
.stat-box-count .webix_el_box {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #dcdcdc;
}
.stat-box-desc .webix_el_box {
  font-size: 18px;
  font-weight: 700;
  color: #dcdcdc;
}
.tags--space,
.webix_el_textarea textarea {
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #ccd7e6;
  font-size: 13px;
  /*letter-spacing: 3px!important;*/
}
.quickLinks-item .webix_img_btn {
  font-weight: 500;
  color: #1ca1c1;
}
.quickLinks-item .webix_img_btn .webix_icon_btn {
  color: #1ca1c1;
}
.dash-title,
.dash-title .webix_el_box {
  color: #f6f6f6 !important;
  padding-left: 20px;
  padding-top: 5px;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  font-weight: 100 !important;
}
.alert-light-red .mdi-brightness-1:before {
  color: #ff0000;
}
.alert-light-orange .mdi-brightness-1:before {
  color: #ffa500;
}
.alert-light-green .mdi-brightness-1:before {
  color: #00c400;
}
.ticket-input textarea,
.ticket-input .webix_inp_static,
.ticket-input input {
  border-radius: 5px;
}
.event-detail {
  cursor: hand;
}
.nav-m-title,
.nav-m-title .webix_el_box {
  color: #f6f6f6 !important;
  padding-left: 20px;
  /*padding-top: 3px;*/
  margin-top: 5px;
  letter-spacing: 1px !important;
  font-size: 1em !important;
  font-weight: 600 !important;
}
.nav-s-title,
.nav-s-title .webix_template {
  background: transparent;
  color: #bfbfbf !important;
  padding-top: 2px;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.nav-s-speak {
  background: transparent;
  padding-left: 20px;
}
.nav-s-speak .webix_template {
  padding: 4px 0 4px 12px;
}
.nav-r-title,
.nav-r-title .webix_el_box {
  color: #bfbfbf !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.nav-menus {
  border: none;
  /*padding-top: 3px;*/
}
.nav-menus .webix_list_item {
  float: right;
  border-left: 0;
  border-right: 0 !important;
  padding: 0 20px 0 10px !important;
  color: #fff;
  font-size: 12px !important;
  height: 25px !important;
  border-radius: 0 !important;
}
.nav-menus .webix_list_item .webix_icon {
  font-size: 17px !important;
}
.redirect-page .view-nav {
  display: none !important;
}
.module-list {
  background-color: rgba(255, 255, 255, 0);
}
.module-list .item {
  padding-bottom: 7px;
  height: 38px;
}
.module-list .item img {
  padding-right: 10px;
  float: left;
}
.module-list .item span {
  height: 38px;
  padding-bottom: 7px;
  float: left;
}
.module-list .webix_list_item.webix_selected {
  box-shadow: inset 2px 0 #1ca1c1;
  background: #d4eef5;
}
.sidebar-title .webix_el_box {
  color: gray;
  font-weight: 800;
  font-size: 1em;
  padding-top: 5px;
}
.sidebar-version {
  cursor: pointer;
}
.sidebar-version span {
  font-size: 24px;
  padding-right: 8px;
}
.sidebar-version .webix_template {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.toggle-img .webix_image {
  width: 18px !important;
  height: 24px !important;
}
.global-datetime {
  cursor: pointer;
}
.global-datetime .webix_el_box {
  color: #c1c1c1 !important;
}
.form-desc {
  padding: 7px;
  background: #f6f6f6;
}
.web-console {
  background-color: #5f5f5f;
  color: #f8f8f8;
  padding: 5px;
}
.customer-infoview .webix_dataview {
  padding: 5px;
}
.customer-infoview .webix_dataview_item {
  margin-right: 5px;
  margin-top: 5px;
  border: none !important;
  background: #ffffff;
  box-shadow: none;
}
.customer-infoview .item {
  padding-top: 5px;
  border: none !important;
}
.mymetrics {
  background: #607d8b !important;
  border-radius: 5px;
}
.mymetrics .widget-metrics .detail {
  float: left;
  padding-left: 20px;
  padding-top: 15px;
}
.mymetrics .widget-metrics .icon {
  float: left;
  font-size: 4em;
  color: #eeeeee;
  height: 40px;
  padding-left: 10px;
  padding-top: 10px;
}
.mymetrics .widget-metrics .value {
  font-size: 1.4em;
  color: #eeeeee;
}
.mymetrics .widget-metrics .title {
  font-size: 1em;
  color: #eeeeee;
  padding-top: 5px;
}
.cpe-infoview .webix_dataview {
  padding: 5px;
}
.cpe-infoview .webix_dataview_item {
  margin-right: 5px;
  margin-top: 5px;
  border: none !important;
  background: #ffffff;
  box-shadow: none;
}
.cpe-infoview .item {
  padding-top: 5px;
  border: none !important;
}
.Up-row {
  color: green;
}
.Down-row {
  color: red;
}
.Enabled-row {
  color: green;
}
.Disabled-row {
  color: red;
}
.true-row {
  color: #000000;
}
.false-row {
  color: gray;
}
.dataPager {
  vertical-align: middle !important;
}
.sidelist .webix_list_item {
  background: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid #d7d7d7;
  border-color: #dcdcdc;
}
.sidelist-item .text {
  margin-left: 20px;
  margin-right: 20px;
  color: #535353;
}
.sidelist-item .rtxt {
  float: right;
  color: gray;
  font-style: italic;
}
.sidelist-item a {
  color: #0b65b3;
}
.webix_inp_static {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #d5d5d5 !important;
}
.webix_inp_static:focus {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #b8b8b8 !important;
}
.webix_button,
.webixbutton {
  border-radius: 5px !important;
  font-size: 12px;
}
.webix_el_counter .webix_inp_counter_value {
  width: 90px !important;
}
.data-remark {
  font-size: 11px;
  color: #616161;
  height: 100%;
}
.data-remark .webix_template {
  height: 100%;
}
.data-remark .webix_template img {
  max-width: 100%;
}
.detail-form .webix_control .webix_el_box input {
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
}
.jet-form .webix_control .webix_el_box input {
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
}
.webix_popup.webix_sidemenu.webix_sidemenu_right {
  border: 0;
  box-shadow: -7px 8px 18px 2px rgba(0, 0, 0, 0.1);
}
.webix_secondary .webix_button {
  background: #e9e9e9;
  color: #6c6c6c;
}
.form-textarea {
  height: 64px!important;
}
.sidedetail .webix_property_label {
  width: 30%!important;
}
.sidedetail .webix_property_value {
  width: 70%!important;
}
.iframe-markdown > p {
  margin: 0;
}
.lang-segmented {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.form-colorpicker .webix_input_icon {
  top: 1px !important;
}
.form-colorpicker .webix_inp_static {
  background: #ffffff00 !important;
  border-bottom: 1px solid #efefef !important;
}
.dataview-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.vip-window {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.text-primary {
  padding-top: 10px;
  font-size: 18px;
  color: #333;
  margin-bottom: 16px;
  font-weight: 600;
}
.text-sub {
  font-size: 15px;
  color: #7d7d7d;
  margin-bottom: 16px;
}
#marquee-container {
  height: 30px;
  overflow: hidden;
}
.bs2-icon .webix_template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.codemirror-editor {
  height: auto !important;
}
.codemirror-editor .CodeMirror {
  background: transparent;
}
.codemirror-editor .CodeMirror-gutters {
  background: transparent;
}
.codemirror-editor-menu .webix_menu-x .webix_list_item {
  background: transparent;
  color: #475466;
  height: 60px;
}
.block-markdown > p {
  margin-block: auto;
}
.filesearch-item-header {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 125px;
  display: inline-block;
  margin-left: 8px;
}
.filesearch-item {
  padding: 0;
}
.filesearch-item-card {
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 12px;
}
.webix_el_hover-button {
  position: fixed;
  color: #409eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5;
  right: 40px;
  bottom: 40px;
  border-radius: 50%;
}
.webix_el_hover-button .webix_button {
  border-radius: 20px !important;
  width: 40px;
  height: 40px;
  background-color: #fff !important;
}
.webix_el_hover-button .webix_el_box {
  padding: 0 !important;
}
.webix_el_hover-button .webix_icon_btn {
  vertical-align: middle;
  margin: 0;
}
.body {
  background-color: #2a2f35;
  background-size: 100% 100%;
  background-image: url(../../static/images/login-bg.ffa98cc6..jpg);
}
input {
  border-radius: 5px;
}
.login-form {
  box-shadow: 2px 2px 14px 0px rgba(0, 0, 0, 0.48);
  border: 1px solid rgba(95, 95, 95, 0.16);
  border-radius: 3px;
}
.login-form .webix_view {
  background-color: white;
  border: none;
  /*font-size: 16px !important;*/
}
.login-logo .webix_template {
  color: #fe6f62;
}
.login-subtitle .webix_el_box {
  font-size: 18px!important;
  padding-top: 5px;
}
.login-win .webix_form input {
  background-color: white;
  color: grey;
}
.login-win #login_btn button {
  font-size: 16px;
}
.verify-img {
  padding-top: 0!important;
  border-radius: 5px;
}
.verify-img .webix_template {
  padding-top: 3px!important;
}
.verify-refresh-btn .webix_icon_btn {
  /*color: #c0c0c0;*/
  color: #c5dbff;
}
.retrieve-pwd-btn .webix_icon_btn,
.retrieve-pwd-btn .webix_img_btn {
  color: #bdbdbd !important;
}
.in-icon {
  font-size: 21px!important;
  font-weight: 500;
  color: #919191 !important;
}
.login-version {
  margin-top: 2px;
}
.login-version .webix_el_box {
  color: #979797 !important;
  font-size: 11px!important;
}
.login-remark.webix_el_label {
  color: #83898d !important;
  font-size: 11px!important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* .webix_secondary .webix_button {
    background: #f4f5f9;
    color: #5078cd;
} */
.vid-label > div {
  font-weight: 400 !important;
}
.export-radio .webix_el_group {
  display: inline-block;
}