// you can add global styles to this file, and also import other style files

@import './ng-alain';
@import './antd';
@import './gridster';

* {
  outline: none !important;
  user-select: none !important;
  letter-spacing: 0.3px;
}

body {
  font-family: '微软雅黑', 'Microsoft YaHei', '宋体', 'SimSun', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* stylelint-disable selector-pseudo-class-no-unknown */
*::-webkit-scrollbar {
  &:vertical {
    width: 17px;
  }

  &:horizontal {
    height: 17px;
  }
}

*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

*::-webkit-scrollbar-corner {
  background-color: #f1f1f1;
}

/* stylelint-enable selector-pseudo-class-no-unknown */

.m-10 {
  margin: 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;
}

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

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

.p-10 {
  padding: 10px !important;
}

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

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

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

.pl-10 {
  padding-left: 10px !important;
}

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

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

.btn-outline-primary {
  color: #1890ff;
  border-color: #1890ff;

  &:focus:hover,
  &:hover {
    color: #fff;
    border-color: #1890ff;
    background-color: #1890ff;
  }

  &:focus {
    color: #1890ff;
    border-color: #1890ff;
    background-color: #fff;
  }
}

.btn-outline-success {
  color: #52c41a;
  border-color: #52c41a;

  &:focus:hover,
  &:hover {
    color: #fff;
    border-color: #52c41a;
    background-color: #52c41a;
  }

  &:focus {
    color: #52c41a;
    border-color: #52c41a;
    background-color: #fff;
  }
}

.btn-outline-success.btn-outline-success-solid {
  color: #fff;
  border-color: #52c41a;
  background-color: #52c41a;

  &:focus:hover,
  &:hover {
    border-color: #73d13d;
    background-color: #73d13d;
  }
}

.btn-outline-warning {
  color: #eb6100;
  border-color: #eb6100;

  &:focus:hover,
  &:hover {
    color: #fff;
    border-color: #eb6100;
    background-color: #eb6100;
  }

  &:focus {
    color: #eb6100;
    border-color: #eb6100;
    background-color: #fff;
  }
}

.btn-outline-warning.btn-outline-warning-solid {
  color: #fff;
  border-color: #eb6100;
  background-color: #eb6100;

  &:focus:hover,
  &:hover {
    border-color: #ff6c05;
    background-color: #ff6c05;
  }
}

.btn-outline-error {
  color: #f5222d;
  border-color: #f5222d;

  &:focus:hover,
  &:hover {
    color: #fff;
    border-color: #f5222d;
    background-color: #f5222d;
  }

  &:focus {
    color: #f5222d;
    border-color: #f5222d;
    background-color: #fff;
  }
}

.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;

  .ant-modal {
    top: 0px !important;
  }
}

.user-select {
  user-select: text !important;
}

.ant-modal-no-icon {
  .ant-modal-confirm-body > i.anticon {
    display: none !important;
  }
}
