@import 'transition/index.less';
@import 'var/index.less';
@import 'public.less';
@import './ant/index.less';
@import './theme.less';
@import './color.less';
@import './image.less';
@import '@/global/assets/icons/default-icons/iconfont.css';
@import '@/microApp/styles/index.less';

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}

:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
}

html {
  overflow: hidden;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: visible !important;
  overflow-x: hidden !important;

  &.color-weak {
    filter: invert(80%);
  }

  &.gray-mode {
    filter: grayscale(100%);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
  }
}

a:focus,
a:active,
button,
div,
svg,
span {
  outline: none;
}

.sortable-ghost {
  color: #fff !important;
  background: @button-primary-color !important;
  opacity: 0.8;
}

.ant-message {
  z-index: 9999 !important;
}
.ant-pagination{
  text-align: right;
}


.loop-col(@n) when ((@n / 10) < 24) {
  .ant-col-offset--@{n} {
    margin-left: (@n /10 * 100% / 24);
  }
  .loop-col(@n + 10);
}
.loop-col(5);


// .ant-col-offset--5{
//   margin-left: 2.00004%;
// }