
.accordingBound{
  .ant-card-small{
    .ant-card-body{padding: 8px;  padding-bottom: 0px;}
  }
  .button{
    button{width: 88px;}
  }
  #StartDate{width: 100%;}
  #EndData{width: 100%;}
  .showColorTo{
    display: inline-block;
    width: 100px;
    height: 25px;
    background-color: red;
    vertical-align: middle;
  }
  .showColorBo{
    display: inline-block;
    width: 100px;
    height: 25px;
    background-color: #00FFEB;
    vertical-align: middle;
  }
  .redColor{
    background-color: red;
    padding: 5px 14px;
    color: #fff;
  }
  .cyanColor{
    background-color: #00ffeb;
    padding: 5px 14px;
    color: #666;
  }
}
.accordingConsumption{
  .ant-card-small{
    .ant-card-body{padding: 8px;  padding-bottom: 0px;}
  }
  .button{
    button{width: 88px;}
  }
  #StartDate{width: 100%;}
  #EndData{width: 100%;}
}
.expiryDateAlertor{
  .ant-card-small{
    .ant-card-body{padding: 8px;  padding-bottom: 0px;}
  }
  .button{
    button{width: 88px;}
  }
  #StartDate{width: 100%;}
  #EndData{width: 100%;}
  .time{
    .ant-calendar-picker{width: 100%;}
  }
}
.deadDStockCheck{
  .ant-card-small{
    .ant-card-body{padding: 8px;  padding-bottom: 0px;}
  }
  .button{
    button{width: 88px;}
  }
  #StartDate{width: 100%;}
  #EndData{width: 100%;}
  .time{
    .ant-calendar-picker{width: 100%;}
  }
}
