@import '../../base/bootstrap-extended/include'; // Bootstrap includes
@import '../../base/components/include'; // Components includes

//暗黑模式
.dark-layout {
  .cx-shadow{
    box-shadow: $theme-dark-box-shadow !important;
  }
  .b-overlay .bg-light {
    background-color: $theme-dark-input-bg-focus !important;
  }
  .Vue-Toastification__toast {
    box-shadow: $theme-dark-box-shadow !important;
  }
  /* 设备和产品查看自治表格 */
  .viewTable th {
    background-color: $theme-dark-table-hover-bg;
    border: 1px solid $theme-dark-border-color;
  }
  .viewTable td {
    border: 1px solid $theme-dark-border-color;
  }
  .pzTable th {
    background-color: $theme-dark-table-hover-bg;
    border: 1px solid $theme-dark-border-color;
  }
  .pzTable td {
    border: 1px solid $theme-dark-border-color;
  }
  /* 运行状态卡片 */
  .yxztCard {
    background-color: $theme-dark-table-hover-bg !important;
  }
  /* 产品列表卡片下按钮 */
  .bottomBtn {
    //background-color: #161d31;
    border-color: transparent;
    color: #fff;
  }
  // 卡片样式擦除
  .x-nocard{
    box-shadow: none;
    background-color: transparent;
  }
  .x-border {
    border: 1px solid $theme-dark-border-color !important;
  }
  .x-dashed-border {
    border: 1px dashed $theme-dark-border-color !important;
  }

  // Clip style
  .ribbon.ribbon-clip {
    &.ribbon-start {
      .ribbon-label {
        .ribbon-inner {
          &:before {
            border-right-color: $light !important;
          }
        }
      }
    }

    &.ribbon-end {
      .ribbon-label {
        .ribbon-inner {
          &:before {
            border-left-color: $light !important;
          }
        }
      }
    }
  }
}