/* 
 * 默认样式的修改
 * 
 * @Author:    1024创新实验室-主任：卓大 
 * @Date:      2022-09-12 14:41:59 
 * @Wechat:    zhuda1024 
 * @Email:     lab1024@163.com 
 * @Copyright  1024创新实验室 （ https://1024lab.net ），2012-2022 
 */

@import '~ant-design-vue/dist/antd.less';
@import './smart-admin.less';

@gray-1: #ffffff;
@gray-2: #fafafa;
@gray-3: #f5f5f5;
@gray-4: #f0f0f0;
@gray-5: #d9d9d9;
@gray-6: #bfbfbf;
@gray-7: #8c8c8c;
@gray-8: #595959;
@gray-9: #434343;
@gray-10: #262626;
@gray-11: #1f1f1f;
@gray-12: #141414;
@gray-13: #000000;

@title-color: @heading-color;

@layout-bg-color: @layout-body-background;
@base-bg-color: @body-background;
@hover-bg-color: rgba(0, 0, 0, 0.025);
@border-color: @border-color-split;

@hover-bg-color-light: @hover-bg-color;
@hover-bg-color-dark: @primary-7;
@hover-bg-color-night: rgba(255, 255, 255, 0.025);
@header-bg-color-dark: @layout-header-background;

@header-light-bg-hover-color: #f6f6f6;
@header-height: 80px;
@header-user-height: 40px;
@page-tag-height: 40px;

@shadow-down: @shadow-1-down;
@shadow-up: @shadow-1-up;
@shadow-left: @shadow-1-left;
@shadow-right: @shadow-1-right;

@theme-list: light, dark, night;

/**********************************  基础样式 **********************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none !important;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  background-color: #f8f8f8;
  font-size: 14px;
  position: relative;
}

#app {
  width: 100%;
  height: 100%;
}

/**********************************  ant design spin **********************************/
.ant-spin-blur{
  opacity: 0.2;
}

/**********************************  ant design table **********************************/
.ant-table-tbody :deep(.smart-table-striped) {
  background-color: #fafafa;
}

/**********************************  ant design form **********************************/
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 0px !important;
}

/**********************************  ant design spin **********************************/
.ant-spin-nested-loading {
  width: 100%;
  height: 100%;
}

.ant-spin-container {
  width: 100%;
  height: 100%;
}

/**********************************  富文本HTML样式 **********************************/
.html-content {
  /* table 样式 */
  table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  table td,
  table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
  }
  table th {
    border-bottom: 2px solid #ccc;
    text-align: center;
  }

  /* blockquote 样式 */
  blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
  }

  /* code 样式 */
  code {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px;
  }
  pre code {
    display: block;
  }

  /* ul ol 样式 */
  ul,
  ol {
    margin: 10px 0 10px 20px;
  }
}