.chaho_style {
  background-color: #1976d2;
  color: #fefefe;
}

.chaho_bar_style {
  background-color: #1976d2;
  color: #fefefe;
}

.chaho_bar_link {
  background-color: #1976d2;
  color: #fefefe;
}

.chaho_bar_link:hover {
  background-color: #1976d2;
  color: #fefefe;
}

.chaho_bar_link:focus {
  background-color: #1976d2;
  color: #fefefe;
}

.light_blue_block {
  background: #d7ecfa;
}

.bitian {
  border-left-color: #1976d2;
  border-left-style: solid;
  border-left-width: 3px;
}

.info {
  color: #2ba6cb;
}

.fa-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.fa-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.fa-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.fa-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.chaho_bar_title {
  color: #1976d2;
  font-size: 1.4em;
}

.chaho_bar_icon {
  color: #1976d2;
}

.selfdesk_icon {
  color: #1976d2;
  font-size: 2em;
}

.category_icon {
  color: #1976d2;
  font-size: 3em;
}

.login_icon {
  color: #1976d2;
  font-size: 2em;
}

.chat_icon {
  color: #1976d2;
  font-size: 1em;
}

.func_icon_active {
  color: #1976d2;
  font-size: 1.5em;
}

.func_icon_unactive {
  color: #767676;
  font-size: 1.5em;
}

.login_input {
  height: 3em;
}

.icon {
  height: 50px;
  width: 50px;
}

.qrcode {
  height: 70px;
  width: 70px;
}

.mydeskIcon {
  font-size: 30px;
}

.NavIcon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
}

.NavCallout {
  border: 0;
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.border-none {
  border: none !important;
}

.ticket_alert {
  border-left-color: #cc4b37;
  border-style: solid;
  border-left-width: 4px;
  background-color: rgba(204, 75, 55, 0.2);
}

.ticket_alert_box {
  border-left-color: #cc4b37;
  border-style: solid;
  border-left-width: 3px;
  background-color: rgba(204, 75, 55, 0.2) !important;
}

.ticket_warning {
  border-left-color: #ffae00;
  border-style: solid;
  border-left-width: 3px;
}

.ticket_success {
  border-left-color: #3adb76;
  border-style: solid;
  border-left-width: 3px;
}

.ticket_close {
  border-left-color: #767676;
  border-style: solid;
  border-left-width: 3px;
}

/* 工单流程进度 */
.progress-indicator {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: table;
  table-layout: fixed;
}

.progress-indicator>li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 1.5em;
}

@media screen and (min-width: 576px) {
  .progress-indicator>li span {
    position: absolute;
    color: #e6e6e6;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.05px;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 420px) and (max-width: 575px) {
  .progress-indicator>li span {
    position: absolute;
    color: #e6e6e6;
    display: flex;
    -webkit-transform: translateX(70%);
    -ms-transform: translateX(70%);
    transform: translateX(70%);
    font-weight: 600;
    font-size: 0.5rem;
    letter-spacing: 0.05px;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 419px) {
  .progress-indicator>li span {
    position: absolute;
    color: #e6e6e6;
    display: flex;
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
    font-weight: 600;
    font-size: 0.5rem;
    letter-spacing: 0.05px;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 210px) {
  .progress-indicator {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table;
    table-layout: fixed;
    margin-bottom: 1rem;
  }
}

.progress-indicator>li::before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #e6e6e6;
  width: 5em;
  height: 1.5em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 1.5em;
  border-radius: 50%;
  position: relative;
  font-size: medium;
  z-index: 1;
}

.progress-indicator>li::after {
  content: "";
  position: absolute;
  display: block;
  background: #e6e6e6;
  width: 100%;
  height: 0.15em;
  top: 50%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 50%;
  margin-left: 1.5em\9;
  z-index: 0;
}

.progress-indicator>li:last-child:after {
  display: none;
}

.progress-indicator>li.is-complete {
  color: #1976d2;
}

.progress-indicator>li.is-cancle {
  color: #cacaca;
}

.progress-indicator>li.is-complete::before,
.progress-indicator>li.is-complete::after {
  color: #fefefe;
  background: #1976d2;
}

.progress-indicator>li.is-complete span {
  color: #1976d2;
}

.progress-indicator>li.is-current {
  color: #3adb76;
  /* color: #4eabe9; */
}

.progress-indicator>li.is-current::before {
  color: #fefefe;
  background: #3adb76;
}

.progress-indicator>li.is-current span {
  color: #4eabe9;
}

@media screen and (min-width: 1200px) {
  #app_view {
    height: 600px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    position: relative;
    left: 2%;
  }
}

/* 关系链路 */
.chaho-link-view {
  list-style: none;
  width: 90%;
  /* margin: 0 auto; */
  padding: 0;
  display: table;
  table-layout: fixed;
}

.chaho-link-view>li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 1em;
}

.chaho-link-view>li span {
  position: absolute;
  color: #e6e6e6;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 300;
  font-size: 0.875rem;
  letter-spacing: 0.05px;
  text-transform: uppercase;
}

.chaho-link-view>li::before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #e6e6e6;
  width: 5em;
  height: 1.5em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 1.5em;
  border-radius: 0;
  position: relative;
  z-index: 1;
}

.chaho-link-view>li::after {
  content: "";
  position: absolute;
  display: block;
  background: #e6e6e6;
  width: 100%;
  height: 0.15em;
  top: 50%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 50%;
  margin-left: 1.5em\9;
  z-index: 0;
}

.chaho-link-view>li:last-child:after {
  display: none;
}

.chaho-link-view>li.is-complete {
  color: #1976d2;
}

.chaho-link-view>li.is-complete::before,
.chaho-link-view>li.is-complete::after {
  color: #fefefe;
  background: #1976d2;
}

.chaho-link-view>li.is-complete span {
  color: #1976d2;
}

.chaho-link-view>li.is-current {
  color: #4eabe9;
}

.chaho-link-view>li.is-current::before {
  color: #fefefe;
  background: #4eabe9;
}

.chaho-link-view>li.is-current span {
  color: #4eabe9;
}

/* 多级下拉 */
.multilevel-accordion-menu .is-accordion-submenu-parent a {
  background: #fefefe;
}

.multilevel-accordion-menu .is-accordion-submenu a {
  background: #fefefe;
}

.multilevel-accordion-menu .sublevel-1 {
  text-indent: 1rem;
}

.multilevel-accordion-menu .sublevel-2 {
  text-indent: 2rem;
}

.multilevel-accordion-menu .sublevel-3 {
  text-indent: 3rem;
}

.multilevel-accordion-menu .sublevel-4 {
  text-indent: 4rem;
}

.multilevel-accordion-menu .sublevel-5 {
  text-indent: 5rem;
}

.multilevel-accordion-menu .sublevel-6 {
  text-indent: 6rem;
}

.multilevel-accordion-menu a {
  color: #1976d2;
  box-shadow: inset 0 -1px #e6e6e6;
}

.multilevel-accordion-menu a::after {
  border-color: #fefefe transparent transparent;
}

.multilevel-accordion-menu .menu>li:not(.menu-text)>a {
  padding: 1.2rem 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before {
  content: "\f016";
  font-family: FontAwesome;
  margin-right: 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a::before {
  content: "\f07c";
  font-family: FontAwesome;
  margin-right: 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a::before {
  content: "\f07b";
  font-family: FontAwesome;
  margin-right: 1rem;
}

.chaho_hidden {
  display: none;
}

.chaho_box {
  background-color: #e6e6e6;
  border-bottom-width: 0.15em;
  border-bottom-color: #1976d2;
}

/* dashboard */
.dashboard-number-card {
  background: #fff;
  border-radius: 5px;
  margin: 0 20px 20px;
  position: relative;
}

.dashboard-number-card .dashboard-number-delta {
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  bottom: 6px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 0.7;
  position: absolute;
  right: 6px;
  color: #1976d2;
}

.dashboard-number-card .dashboard-number-delta i {
  margin-right: 5px;
  width: 0.6rem;
}

.dashboard-number-card.positive .dashboard-number-delta,
.dashboard-number-card.negative .dashboard-number-delta {
  color: #fefefe;
}

.dashboard-number-card.positive .dashboard-number-value,
.dashboard-number-card.positive .dashboard-number-area,
.dashboard-number-card.negative .dashboard-number-value,
.dashboard-number-card.negative .dashboard-number-area,
.dashboard-number-card.chaho_block .dashboard-number-value,
.dashboard-number-card.chaho_block .dashboard-number-area {
  color: white;
}

.dashboard-number-card.positive .dashboard-number-area,
.dashboard-number-card.negative .dashboard-number-area,
.dashboard-number-card.chaho_block .dashboard-number-area {
  opacity: 0.6;
}

.dashboard-number-card.positive {
  background: #3adb76;
}

.dashboard-number-card.chaho_block {
  background: #1976d2;
  opacity: 0.9;
}

xm-select {
  height: 46px;
}

xm-select .xm-label .scroll .label-content {
  line-height: 36px;
}

/* info Card */
.info {
  background-color: #01aaed;
}

.card-info {
  background: #fefefe;
  border: 1px solid #8a8a8a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 0;
}

.card-info .card-info-label {
  border-color: transparent #8a8a8a transparent transparent;
  border-color: rgba(255, 255, 255, 0) #8a8a8a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.primary {
  border-color: #1976d2;
}

.card-info.primary .card-info-label {
  border-color: transparent #1976d2 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1976d2 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.secondary {
  border-color: #767676;
}

.card-info.secondary .card-info-label {
  border-color: transparent #767676 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #767676 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.info {
  border-color: #37a0e6;
}

.card-info.info .card-info-label {
  border-color: transparent #37a0e6 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #37a0e6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.alert {
  border-color: #cc4b37;
}

.card-info.alert .card-info-label {
  border-color: transparent #cc4b37 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #cc4b37 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.success {
  border-color: #3adb76;
}

.card-info.success .card-info-label {
  border-color: transparent #3adb76 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.warning {
  border-color: #ffae00;
}

.card-info.warning .card-info-label {
  border-color: transparent #ffae00 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #ffae00 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info .card-info-label {
  border-style: solid;
  border-width: 0 4.375rem 2.5rem 0;
  float: right;
  height: 0px;
  width: 0px;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.card-info .card-info-content {
  padding: 0.5rem 1.5rem 0.875rem;
}

.card-info .card-info-label-text {
  color: #fefefe;
  font-size: 0.75rem;
  font-weight: bold;
  position: relative;
  right: -2.5rem;
  top: 2px;
  white-space: nowrap;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

/*  */
.rating-block {
  padding: 2px 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rating-block .ratings-type {
  margin-right: 1rem;
  margin-bottom: 0;
}

.rating-block .rating-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

.rating-block .rating-block-rating {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.rating-block .star {
  cursor: pointer;
  stroke: #1976d2;
}

.rating-block .rating-block-rating .star.selected polygon {
  fill: #1976d2;
}

.rating-block .rating-block-rating.is-voted .star polygon {
  fill: #1976d2;
}

.rating-block .rating-block-rating.is-voted .star.selected~.star polygon {
  fill: transparent;
}

@media screen and (min-width: 751px) {

  .bg-index,
  .bg-login {
    background: url("/assets/images/index.jpg");
    height: 1080px;
    text-align: center;
    line-height: 1080px;
  }
}

@media only screen and (max-width: 750px) {

  .bg-index,
  .bg-login {
    background: url("/assets/images/mobile_index.jpg");
    text-align: center;
    height: 100vh;
    line-height: 100vh;
  }
}

.bg-index-blur {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.6;
}

.bg-index-content-front {
  position: absolute;
  left: 10px;
  right: 10px;
}

.bg-login-blur {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.6;
}

.bg-login-content-front {
  position: absolute;
  left: 10px;
  right: 10px;
}

.layui_tree {
  /* min-height: 500px; */
  overflow: scroll;
  padding: 0;
  margin: 0;
}

.cc-button {
  height: 1.5em;
}

.card-divider-chaho> :last-child {
  /* margin-top: 0; */
}

/* 服务目录样式 */
.alert-callout-border {
  width: 100%;
  padding: 1.3rem;
  border-left-width: 0.3125rem;
  border-left-color: #cacaca;
}

.alert-callout-border strong {
  color: #0a0a0a;
}

.alert-callout-border .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.alert-callout-border.radius {
  border-radius: 0.6rem;
}

.alert-callout-border.primary {
  border-left-color: #1976d2;
}

.alert-callout-border.primary strong {
  color: #1976d2;
}

.alert-callout-border.secondary {
  border-left-color: #767676;
}

.alert-callout-border.secondary strong {
  color: #767676;
}

.alert-callout-border.alert {
  border-left-color: #cc4b37;
}

.alert-callout-border.alert strong {
  color: #cc4b37;
}

.alert-callout-border.success {
  border-left-color: #3adb76;
}

.alert-callout-border.success strong {
  color: #3adb76;
}

.alert-callout-border.warning {
  border-left-color: #ffae00;
}

.alert-callout-border.warning strong {
  color: #ffae00;
}

.stat_login {
  font-size: 2rem;
  color: #1976d2;
}

@media (min-width: 1200px) {
  .portal_bar {
    /* background-color: #d7ecfa; */
    opacity: 0.9;
  }
}

/*默认*/
@media (min-width: 980px) {
  .portal_bar {
    /* background-color: #d7ecfa; */
    opacity: 0.9;
  }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
  .portal_bar {
    /* background-color: #d7ecfa; */
    opacity: 0.9;
  }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
  .portal_bar {
    /* background-color: #d7ecfa; */
    opacity: 0.9;
  }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
  .portal_bar {
    /* background-color: #d7ecfa; */
    opacity: 0.9;
  }
}

.login_bar {
  background-color: #d7ecfa;
  opacity: 0.85;
}

.brief-info {
  margin: 1rem;
  background-color: #d7ecfa;
  border: none;
}

.mt-1rem {
  margin-top: 1rem;
}

.margin-top-1 {
  margin-top: 1rem !important;
}

.margin-1 {
  margin-top: 1rem !important;
}

/* ul.menu li a.button {
    background-color: #1673b1 !important;
    color: #fefefe;
} */

/* ul.menu li a.button:hover {
    background-color: #adb3b7 !important;
    color: #fefefe;
} */
#left_bar {
  min-height: calc(100vh - 3.5rem) !important;
  background-color: #1976d2;
}

body {
  overflow-x: hidden;
}

table tr td .sd-alarm-title {
  overflow: hidden;
  text-overflow: ellipsis;

  width: 100%;

  display: inline-block;
  white-space: nowrap;
}

img#captcha {
  cursor: pointer;
  background: rgba(50, 137, 214, 0.7);
}

.login-icon {
  width: 30px;
}

.sso-icon {
  width: 64px;
}

/* 
@media screen and (min-width: 751px) {


  .test-login {
    background: url("/public/assets/images/index/1.jpeg") left top,
      /* url("/public/assets/images/index/2.jpeg") center top, */
/* url("/public/assets/images/index/3.jpeg") right top, */
/* url("/public/assets/images/index/4.jpeg") left center,
      url("/public/assets/images/index/5.jpeg") center center,
      url("/public/assets/images/index/6.jpeg") right center, */
/* url("/public/assets/images/index/7.jpeg") left bottom, */
/*url("/public/assets/images/index/8.jpeg") center bottom, */
/* url("/public/assets/images/index/9.jpeg") right bottom, */
/* ; */
/* 
    height: 1080px;
    text-align: center;
    line-height: 1080px;
    background-repeat: no-repeat; */
/* }
} */
/* 
@media screen and (min-width: 751px) {}

.test-index {
  background:
    url("/public/assets/images/index/1.png") left top,
    url("/public/assets/images/index/2.png") right top,
    url("/public/assets/images/index/3.png") left bottom,
    url("/public/assets/images/index/4.png") right bottom;
  height: 1080px;
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.test-1 {
  background: url("/public/assets/images/index/1.jpeg");
  height: 360px;
  width: 100%;
  background-repeat: no-repeat;
}

.test-2 {
  background: url("/public/assets/images/index/2.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-3 {
  background: url("/public/assets/images/index/3.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-4 {
  background: url("/public/assets/images/index/4.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-5 {
  background: url("/public/assets/images/index/5.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-6 {
  background: url("/public/assets/images/index/6.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-6 {
  background: url("/public/assets/images/index/6.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-6 {
  background: url("/public/assets/images/index/6.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-7 {
  background: url("/public/assets/images/index/7.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-8 {
  background: url("/public/assets/images/index/8.jpeg");
  height: 360px;
  background-repeat: no-repeat;
}

.test-9 {
  background: url("/public/assets/images/index/9.jpeg");
  height: 360px;
  background-repeat: no-repeat;
} */
*/ .wechat-flex {
  justify-content: flex-end;
}

.service-icon {
  width: 2rem;
  color: #1976d2;
}

.app-title {
  font-size: 1.7rem;
  color: #1976d2;
}

.summary-value {
  font-size: 1.5rem;
  color: #1976d2;
}

.tech-user {
  color: #1976d2;
}

.app-user {
  color: #ffae00;
}

.stats-list {
  list-style-type: none;
  clear: left;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
  color: #1976d2;
}

.stats-list .stats-list-positive {
  color: #1976d2;
}

.stats-list .stats-list-negative {
  color: #1976d2;
}

.stats-list>li {
  display: inline-block;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #cacaca;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}

.stats-list>li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}

.stats-list>li .stats-list-label {
  display: block;
  margin-top: 2px;
  font-size: 0.9em;
  font-weight: normal;
}

.nav-block {
  background-color: #1976d2;
}

.nav-block:hover {
  background-color: #c56313;
}

td>.abbr-text {
  overflow: hidden;
  /*内容超出后隐藏*/
  text-overflow: ellipsis;
  /* 超出内容显示为省略号*/
  white-space: nowrap;
  /*文本不进行换行*/
}

.margin-left-1 {
  padding-left: 1em;
}

.margin-left-2 {
  padding-left: 2em;
}

.feature-bar {
  color: #fefefe;
  font-size: 1.2em;
  background-color: #1976d2;
}

.primary-text {
  color: #1976d2;
}

.success-text {
  color: #3adb76;
}

.warning-text {
  color: #ffae00;
}

.alert-text {
  color: #d43f3a;
}

/*右键菜单*/
.custom-context-menu {
  position: fixed;
  z-index: 1000;
  border: 1px solid #aaa;
  background: white;
  box-shadow: darkgrey 0 0 10px 0;
  list-style: none;
  margin: 0;
  padding: 3px 0;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: left;
}

.custom-context-menu.hidden {
  display: none;
}

.custom-context-menu li {
  padding: 2px 10px;
  border-bottom: 1px solid #f0f2f5;
  user-select: none;
  transition: all 0.1s;
}

.custom-context-menu>li>a.disabled {
  display: block;
  cursor: not-allowed;
  color: gray;
}

.custom-context-menu li:last-child {
  border-bottom: none;
}

.custom-context-menu li:hover {
  background-color: #1976d2;
  color: white;
}

.custom-context-menu>li:hover>a {
  background: #1976d2;
  color: white;
}

.custom-context-menu>li:hover>a.disabled {
  background: #1976d2;
  color: lightgray;
}

.menu_hide {
  display: none;
}

.menu_hide:hover {
  display: block;
  /*显示*/
}

form label.error {
  color: red;
  font-style: italic;
}

/*控制附件宽度*/
input[type="file"] {
  width: 12.5rem;
}

.card-info {
  background: #fefefe;
  border: 1px solid #8a8a8a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 0;
}

.card-info .card-info-label {
  border-color: transparent #8a8a8a transparent transparent;
  border-color: rgba(255, 255, 255, 0) #8a8a8a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.primary {
  border-color: #1976d2;
}

.card-info.primary .card-info-label {
  border-color: transparent #1976d2 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1976d2 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.secondary {
  border-color: #767676;
}

.card-info.secondary .card-info-label {
  border-color: transparent #767676 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #767676 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.info {
  border-color: #37a0e6;
}

.card-info.info .card-info-label {
  border-color: transparent #37a0e6 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #37a0e6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.alert {
  border-color: #cc4b37;
}

.card-info.alert .card-info-label {
  border-color: transparent #cc4b37 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #cc4b37 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.success {
  border-color: #3adb76;
}

.card-info.success .card-info-label {
  border-color: transparent #3adb76 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.warning {
  border-color: #ffae00;
}

.card-info.warning .card-info-label {
  border-color: transparent #ffae00 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #ffae00 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info .card-info-label {
  border-style: solid;
  border-width: 0 4.375rem 2.5rem 0;
  float: right;
  height: 0px;
  width: 0px;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.card-info .card-info-content {
  padding: 0.5rem 1.5rem 0.875rem;
}

.card-info .card-info-label-text {
  color: #fefefe;
  font-size: 0.75rem;
  font-weight: bold;
  position: relative;
  right: -2.5rem;
  top: 2px;
  white-space: nowrap;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.bar-block:hover {
  transition: opacity 0.2s ease-in;
  color: #cacaca;
}



/* 
.bar-icon:hover>i {
    /* border: none; */
/* background-color: #0994f1; */
/* transition: background-color 0.5s ease; */

/* font-weight: bold; */
/* text-decoration: underline; */
/*} */

.bar-selected {
  background-color: #1976d2 !important;
}

.service-title {
  font-size: 1.5rem;
  color: #1976d2;
}

.bar-icon {
  /* border: none; */
  background-color: #1976d2;
  /* transition: background-color 0.5s ease; */
  font-size: 1.1rem;
  /* font-weight: bold; */
  /* text-decoration: underline; */
  /* padding: 0.2rem 0.2rem !important; */
  padding-top: 0.5rem !important;
}

.logo-bar {
  max-height: 1.7rem !important;
  padding-bottom: 0.2rem;
}

.module-title {
  border-left-color: #1976d2;
  border-left-style: solid;
  border-left-width: 4px;
  padding-left: 0.5rem;
  /* font-weight: bold; */
  font-size: 1.1rem;
  color: #1976d2;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.op_nav {
  padding-top: 0.1rem;
  background-color: #8a8a8a;
}

.is-reveal-open {
  overflow: visible !important;
}

.framework {
  padding-top: 0;
  padding-left: 0.1rem;
  padding-right: 0;
}

.feature-title {
  border-left-color: #8a8a8a;
  border-left-style: solid;
  border-left-width: 3px;
  padding-left: 0.7rem;
  line-height: inherit;
  font-size: 1.1rem;
}

.secondary-bar {
  background-color: #f9f9f9;
}

.feature-bar-link {
  margin-left: 0.7rem;
  font-size: 1.1rem;
}

.func-link {
  margin-left: 0.5rem;
}

.nav-icon-title {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.login-bar-img {
  max-height: 2.8rem;
  margin-bottom: 0.8rem;
}

.know-info {
  color: #1976d2;
  border-left-color: #1976d2;
  border-left-style: solid;
  border-left-width: 8px;
}

.know-sucess {
  color: #3adb76;
  border-left-color: #3adb76;
  border-left-style: solid;
  border-left-width: 3px;
}

.know-warning {
  color: #ffae00;
  border-left-color: #ffae00;
  border-left-style: solid;
  border-left-width: 3px;
}

.know-alert {
  color: #cc4b37;
  border-left-color: #cc4b37;
  border-left-style: solid;
  border-left-width: 3px;
}

.sla-alert {
  color: #cc4b37;
  border-color: #cc4b37;
  border-style: solid;
  border-width: 3px;
}

.sla-success {
  color: #3adb76;
  border-color: #3adb76;
  border-style: solid;
  border-width: 3px;
}

.sla-primary {
  color: #1976d2;
  border-color: #1976d2;
  border-style: solid;
  border-width: 3px;
  font-size: 1.1rem;
}

.sla-warning {
  color: #ffae00;
  border-color: #ffae00;
  border-style: solid;
  border-width: 3px;
  font-size: 1.1rem;
}

td>a.button {
  padding: 0.2rem;
  margin: 0.1rem;
}

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

.v-icon-1 {
  font-size: 2.5rem;
  color: #1976d2;
}

.v-icon-2 {
  font-size: 1.5rem;
  color: #1976d2;
}

.v-title-1 {
  font-size: 1.1rem;
}

.v-title-2 {
  font-size: 1.15rem;
}

.portal-link {
  background-color: #1976d2;
  color: #fefefe;
}

.portal-link:visited {
  background-color: #1976d2;
  color: #fefefe;
}

.portal-link:hover {
  background-color: #1976d2;
  color: #fefefe;
}

.form-item-title {
  display: block;
  font-size: 1rem;
  /* margin-left: 1rem; */
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  margin-right: 1rem;
}

.form-item-value {
  display: block;
  font-size: 1.2rem;
  border: 1px solid#cacaca;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  margin-top: 0.25rem;
  padding-left: 0.5rem;
  color: #0a0a0a;
  white-space: normal;
  word-wrap: break-word;
}

.help-badge {
  height: 1rem !important;
  width: 1rem !important;

  /* 
  border-radius: 90% !important;
  /* max-height: 1rem;
  max-width: 0.8rem; */
  /*  */
  border-radius: 50%;
  font-size: 0.6rem;
  margin-top: 0.2rem;
  padding-left: 0.3rem;
  background-color: #cacaca;
  color: #fbf6f6;
}

.card-divider.button-group button {
  padding-top: 0.5rem;
}

.float-right .button-group {
  padding-bottom: 0.1rem;
}

button i {
  margin-right: 0.2rem;
}

a i {
  margin-right: 0.2rem;
}

td a i .fa {
  margin-right: 0.3rem;
}

.dropdown-title is-active {
  background-color: #1976d2;
  color: #fefefe;
}

.text-alert {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: bold;
  color: #cc4b37;
  font-size: 1.2rem;
}

.text-warning {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: bold;
  color: #ffae00;
  font-size: 1.2rem;
}

.alert {
  color: #cc4b37;
}

.warning {
  color: #ffae00;
}

.primary {
  color: #1976d2;
}

.secondary {
  color: #767676;
}

.success {
  color: #3adb76;
}

.fx2 {
  font-size: 2rem;
}

.fx3 {
  font-size: 3rem;
}

.fx11 {
  font-size: 1.1rem;
}

.fx12 {
  font-size: 1.2rem;
}

.fx13 {
  font-size: 1.3rem;
}

.fx14 {
  font-size: 1.4rem;
}

.fx15 {
  font-size: 1.5rem;
}

.fx16 {
  font-size: 1.6rem;
}

.fx17 {
  font-size: 1.7rem;
}

.fx175 {
  font-size: 1.75rem;
}

.fx18 {
  font-size: 1.8rem;
}

.fx19 {
  font-size: 1.9rem;
}

.ob-total-nav {
  border: #bc0909 solid 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.count-number {
  font-weight: bolder;
}

.phone-number {
  font-size: 1.5rem !important;
  font-weight: bolder;
}

/* small only */
@media screen and (max-width: 39.9375em) {
  #right_bar {
    margin-left: 0rem;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {
  #right_bar {
    margin-left: 5.65rem;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #right_bar {
    margin-left: 5.65rem;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  #right_bar {
    margin-left: 5.65rem;
  }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  #right_bar {
    margin-left: 5.65rem;
  }
}

.list_item {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.sum_label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

/* 2024 */

.OPNav2024 {
  background-color: #f9f9f9;
}

.OPFrame2024 {
  background-color: #f9f9f9;
}

.Slider2024 {
  background-color: #f9f9f9;
}

.TopNav2024 {
  background-color: #f9f9f9;
}

.li-box {
  display: -webkit-box;
  -webkit-box-pack: center;
}

.li-text {
  width: -webkit-fill-available;
  text-align: left;
  /* text-align-last: justify;
    margin-right: 2rem; */
  /* margin-left: 0.3rem; */
}

.ellipsis10rem {
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis20rem {
  max-width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis30rem {
  max-width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis50rem {
  max-width: 50rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 2025版css */

.sub-nav-title {
  border-left-color: #1976d2;
  border-left-style: solid;
  border-left-width: 4px;
  font-size: 1.1rem;
  color: #cacaca;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  /* color: #1976D2; */
}

.modal-nav-title {
  border-left-color: #8a8a8a;
  border-left-style: solid;
  border-left-width: 4px;
  font-size: 1.1rem;
  color: #8a8a8a;
  padding-left: 0.5rem;
  /* color: #1976D2; */
}

.form-item {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.id4-modal-card {}

.info-title {
  border-left-color: #1976d2;
  border-left-style: solid;
  border-left-width: 4px;
  padding-left: 0.5rem;
  font-size: 1.1rem;
  color: #1976d2;
  margin: 1rem 0.5rem;
}

.editor {
  display: block;
  min-height: 2.4375rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0.15rem;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #e6e6e6;
  cursor: not-allowed;
  appearance: none;
}

.bitian-textarea {
  border: 2px solid #ff4d4d !important;
  animation: blink 1s infinite;
  /* 每秒闪烁一次 */
  transition: border-color 0.3s ease;
}

/* 老的一级导航样式 */
.bar-icon:hover {
  /* background-color: #1e78b4; */
}

/* 一级导航样式 */

.nav-item:hover {

  border-left: #fff solid 2px;
}

.nav-item:visited {
  border-left: #fff solid 2px;

}

.nav-item .button:active,
.nav-item .button:focus {
  border-left: #fff solid 2px;
}

.nav-item.active .button {
  border-left: #fff solid 2px;
}

/* 三角形效果 */





/* 二级导航 hover样式 */
.sec_menu:hover {
  background-color: #f9f9f9;
    border-left: #1976d2 solid 3px;


}

.sec_menu:visited {
  /* background-color: #f9f9f9;*/
  background-color: #f9f9f9;
  border-left: #1976d2 solid 3px;
  font-size: 1.1rem;
  /* color: #666; */
}