/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width: 12px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 0px;
  background-color: rgb(62, 67, 78);

}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: rgba(148, 165, 227, 0.35);
  //border-color: #36393e;
  border: 2px solid #36393e;
}

.ant-cascader-menu{
  height:100%
}

.command-input {
  &.ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 40px;
  }
  input {
    background: transparent;
    border: 0;
    color: #ccc;
  }
  ::placeholder {
    color: #aaaaaa;
  }
}

.search-input {
  input {
    background: transparent;
    border: 0;
    color: #ccc;
  }
  ::placeholder {
    color: #aaaaaa;
    text-align: center;
  }
}

.config-list-back-image4 {
  width: 300px;
  height: 300px;
  background: url('./images/pig4.png') no-repeat;
  background-size: contain;
  opacity: 0.5;
}
//如果网格数有变化，请修改这个值
$current_grid: 23;
.layout .animatedRow.animateWidth{
  width: $current_grid / 24 *100%;
  opacity: 1;
  padding:0 1px;//防止左右按钮的左右边显示有问题
}
.layout-header-second{
  background-color: transparent;
  transition: 1s background-color;
}
.animateColor{
  background-color: #3E434E;
}
.animatedRow{
  transition: 1s all;
  width: 0;
  overflow: hidden;
  opacity: 0;
}