:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
#app {
  height: 100%;
  width: 100%;
}
// body {
//   background: #000;
// }

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-3 {
  margin-left: 0.75rem;
}

.margin-right-0 {
  margin-right: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-3 {
  padding-left: 12px !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}

.m-b-3 {
  margin-bottom: 0.75rem;
}
.m-b-5 {
  margin-bottom: 1.25rem;
}
.f-1 {
  flex: 1;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  width: 3px;
  background-color: #f9f9f9;
}
::-webkit-scrollbar-thumb {
  background-color: #999;
}

.picker-date {
  .el-date-picker__header {
    display: none;
    span:nth-child(2) {
      display: none;
    }
    button:nth-child(1) {
      display: none;
    }
    button:nth-child(5) {
      display: none;
    }
  }
}

.my-date-picker {
  // width: 100% !important;
  .el-input__wrapper {
    width: 100%;
  }
}

@import '@/assets/iconfont.css';