@import url('https://rsms.me/inter/inter.css');

html {
  font-family: 'Inter', sans-serif;
}

.ub-w_1300px {
  height: 100% !important;
}

body {
  background: white;
  height: auto;
  font-family: Inter;
}

.headerChar {
  height: auto;
}

.tableFormat {
  background-color: red !important;
}

.anticon svg {
  margin-bottom: 5px !important;
}

/* newProduct */
.sideNP {
  overflow: hidden;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  height: auto;
  /* background-color: red; */
  color: #1A1D1F;
}

.headerLeftNP {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.headerLeftNP1 {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.formatSVG {
  margin-left: 10px;
}

.headerLeftNPActiveIn {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 60px;
}

.headerLeftNPActive {
  height: 60px;
  display: none;
  align-items: center;
  justify-content: left;
}

.acctiveBr {
  display: none;
}

.headerRightNP {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: right;
}

.textHeaderNP {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #1A1D1F;
  margin-left: 10px;
}



.textHeaderSKUNP {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #1A1D1F;
}

.buttonSaveNP {
  margin-right: 10px;
  border-radius: 5px;
  height: 40px;
  width: 64px;
  /* box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); */
  background-color: #007B5C;
  border: none;
  color: white;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttonCloseNP {
  margin-right: 10px;
  border-radius: 5px;
  height: 40px;
  width: 69px;
  /* box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); */
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.headerHr {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
}

.hrNP {
  width: 98%;
}

.linkDesign {
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 21px;
color: #2F80ED;
}

.spacetable {
  width: 20px;
}

.bodyRightMNPtest {
  width: 100%;
  display: flex;
  height: 100px;
  justify-content: center;
}

.hiddenS {
  overflow: hidden;
}

.testColor {
  height: 100px;background-color: red;
}

.testColor1 {
  height: 100px;
  background-color: blue;
}

.imgVarians, .skuText {
  width: 120px;
}

.textVariantSKU {
  width: 180px;
}

.tableVarians {
  width: 220px;
}


.bodyRightMNPtest1 {
  background-color: black;
  height: 100px;
  width: 98%;
}

.bodyLeftNP {
  height: auto;
  /* background-color: red; */
  display: flex;
  justify-content: center;
}

.bodRightNP {
  height: auto;
  /* background-color: blue; */
  display: flex;
  justify-content: center;
}

.leftHeaderM {
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-right: 5px;
  width: calc(100% - 15px);
  height: auto;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
}


.leftBodyM {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 5px;
  width: calc(100% - 15px);
  height: auto;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
}

.leftBottomM {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 5px;
  width: calc(100% - 15px);
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-right: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.leftBottomM2 {
  display: flex;
  /* justify-content: center; */
  margin-left: 10px;
  margin-right: 5px;
  width: calc(100% - 15px);
  height: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.rightHeaderBodyM {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #E0E0E0;
}

.rightHeaderM {
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #E0E0E0;
}

.rightHeaderP  {
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-top: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-bottom: 0px solid #E0E0E0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rightHeaderP2 {
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.rightBodyM {
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.rightBodyBodyM {
  display: flex;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  width: calc(100% - 15px);
  height: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.bodRightMNP {
  height: auto;
  /* background-color: blue; */
  display: flex;
  justify-content: center;
}

.headerBodyLeftNP {
  display: flex;
  justify-content: center;
  width: calc(100%);
  height: auto;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
}

.bodyBodyLeftNP {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  margin-left: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
}

.bottomBodyLeftNP {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  margin-left: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border-top: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-bottom: 0px solid #E0E0E0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.textLeftVarians {
  display: flex;
  align-items: center;
}

.bottomTableBodyLeftNP {
  display: flex;
  justify-content: center;
  margin-left: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border-top: 0px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.css-yrjgl1[data-state="entering"], [data-css-yrjgl1][data-state="entering"], .css-yrjgl1[data-state="entered"], [data-css-yrjgl1][data-state="entered"] {
  display: none !important;
}

.buttonMoreAc {
  width: auto !important;
}

.titleUploadNP {
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #1A1D1F;
}

.tableLeftBottomM2 {
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.titleUploadNP2 {
  float: right;
}

.textVariants {
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #1A1D1F !important;
}
.uploadNP {
  margin-top: 10px;
  width: 100%;
  background: #FFFFFF;
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px dashed #E0E0E0;
  border-radius: 5px;
}

.uploadNP:hover {
  border: 2px dashed #b4b4b4;
}

.enterHeight {
  height: 10px;
}

.enterHeight1 {
  height: 5px;
}

.enterHeight2  {
  height: 20px;
}

.enterHeightImgAdd {
  height: 20px;
}

.selectInNP {
  width: 100%;
  height: 37px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  color: #6F767E;
}

.formatTextS {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  width: 108px;
  height: 32px;
  background: #EFEFEF;
  border-radius: 5px;
}

.iconDeleteVariants {
  margin-right: 10px;
}

.textSetImg {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #33383F;
}

.textSetImg:hover {
  color: #2d3238;
}

.hearderBodyLeftInNP {
  margin-top: 10px;
  width: 96%;
  /* background-color: red; */
}

.leftHeaderBodyM {
  margin-top: 10px;
  height: auto;
  width: 96%;
}

.leftHeaderBottomM {
  margin-top: 10px;
  height: auto;
  width: 96%;
}

.showChosse {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
  height: 37px;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
}

.textChosse {
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 21px;
color: #2F80ED;

}

.enterHeight5 {
  height: 50px;
}
.hearderBodyleftInNPTable {
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

.hearderBodyleftInNPTable > ant-table-thead > tr > th
{
  background: white !important;
}

.hrPoin {
  margin-left: 5px;
  margin-right: 5px;
  border-right: 2px solid #DDDDDD;
  height: 22px;
}

.textDesignSide {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #33383F;
}

.textDesignFolSide {
  color: #2F80ED;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px
}

.hearderBodyRightInMNP {
  margin-top: 10px;
  width: 96%;
  margin-bottom: 20px;
  /* background-color: red; */
}

.bodyBodyReftInNP {
  margin-top: 20px;
  overflow: auto;
  width: 96%;
  margin-bottom: 20px;
}


.tdInNP {
  width: 250px;
}

.hrFormat {
  margin-top: 10px;
  margin-bottom: 10px;
  width:100%;
  background: #E0E0E0;
  height: 1px;
}

.textInNP {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}

.headerBodyRightInNP {
  margin-top: 10px;
  width: 96%;
  margin-bottom: 20px;
}

.titleForm {
  margin-top: 10px;
}

.inputInMP {
  width: 100%;
  height: 37px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding-left: 5px;
  color: #111315;
}


.headerBodyRightNP {
  display: flex;
  justify-content: center;
  margin-right: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
}

.headerBodyRightMNP {
  margin-right: 10px;
  width: calc(100% - 10px);
  height: auto;
  /* background: red; */
  border: 1px solid #E0E0E0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.spaceSide {
  height: 20px;
}

.bottomBodyRightMNP {
  margin-top: 20px;
  margin-right: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border-left: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.headerBottomRightMNP {
  margin-right: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius:  5px;
}

.rightHeaderTextM {
  width: 96%;
  display: flex;
}

.rightHeaderTextP {
  width: calc(100% - 10px);
  height: auto;
  display: flex;
}

.imageSimi {
  width: calc(100% - 20px);
}

.textLeftMNP {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #036B51;
}

.activeInputSearch {
  display: none;
}
.textLeftMNP2 {
  float: left;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #1A1D1F;
}


.textLeftMNP3 {
  float: left;
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 21px;
  color: #1A1D1F;
}


.textLeftMNPGen {
  float: left;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #036B51;
}

.textRightMNP {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #2F80ED;
}

.buttonEditThemeRightMNP {
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #F2994A;
  border-radius: 5px;
  width: 134px;
  height: 32px;
}

.showSearch {
  display: none;
}

.buttonNewRightMNP {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #007B5C;
  border-radius: 5px;
  width: 144px;
  height: 32px;
}

.buttonAddThemeRightMNP {
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #F2994A;
  border-radius: 5px;
  width: 134px;
  height: 32px;
}

.iconAddMNP {
  margin-right: 10px;
}


.textNewMNP, .textThemeMNP {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
}

.bodyBodyRightMNP {
  display: flex;
  justify-content: center;
  margin-right: 10px;
  width: calc(100% - 10px);
  height: auto;
  background: #FFFFFF;
  border-top: 0px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.titleSimilarNP {
  margin-top: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #1A1D1F;
}

.formatImgNP {
  display: flex;
  justify-content: right;
  /* background-color: red; */
  align-items: center;

}

.formatAddImgNP {
  display: flex;
  justify-content: left;
  /* background-color: red; */
}

.imgNP {
  object-fit: cover;
  margin-top: 5px;
  width: 260px;
  height: 260px;
  border-radius: 5px;
  background-size: cover;
}

.uploadSmallNP {
  margin-top: 5px;
  width: 130px;
  height: 130px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 2px dashed #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}

.uploadSmallNP:hover {
  border: 2px dashed #b4b4b4;
}

.textSimilar {
  margin-top: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

.textSimilarDown {
  margin-top: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #000000;

}

.coverUploadVa {
  display: flex;
  justify-content: center;
  align-items: center;
}

.textAddMedia {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  color: #4285F4;
}

.textAddMediaDrop {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
}

.test {
  width: 98%;
}

.imgSimilarNP {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  max-width: 180px;
  height: 180px;
}

.similarNP {
  height: auto;
  display: flex;
  justify-content: center;
}

.similarInNP {
  margin-top: 10px;
  height: auto;
  width: 100%;
  /* background-color: red; */
}

.textSimilarNP {
  margin-top: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #33383F;
}

/* end Side newProduct */
.ant-btn {
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  height: 37px !important;
  border: 1px solid #E0E0E0 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
}

.searchBar {
  padding-left: 0px;
  float: right;
  width: calc(100% - 60px);
  margin-left: 0px;
}

.searchBar1 {
  margin-left: 10px;
  margin-right: 10px;
  float: right;
  width: calc(100% - 60px);
  margin-left: 0px;
}

.iconSeacrh {
  height: 37px;
  width: 37px;
  align-items: center;
  background: #FFFFFF;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-radius: 5px;
}

.form {
  position: relative
}

.form-select {
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  margin-left: 10px !important;
  width: auto !important;
  height: 37px !important;
  background-color: #EFEFEF !important;
}

.form-select1 {
  float: right;
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  width: 100% !important;
  height: 37px !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 5px !important;
  background-color: white !important;
}


.tr.ant-table-expanded-row>td,
tr.ant-table-expanded-row:hover>td {
  overflow: auto !important;
}


.orderFirst {
  width: 50px;
}


.orderSecond {
  width: 407px;
}

.orderThird {
  width: 137px;
}

.textOrderRight {
  padding-left: 10px;
  padding-right: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.form .bi-search {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #9ca3af
}

.rowOrderLeft {
  height: 60px;
  display: flex;
  align-items: center;
}

.rowOrderRight {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: right;
}

.textOrder {
  padding-left: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

.form-input {
  height: 55px;
  text-indent: 33px;
  border-radius: 10px
}

.form-input:focus {
  box-shadow: none;
  border: none
}

.bi-search {
  font-size: 15px !important;
  color: #6F767E66;
}

.iconSearch {
  display: flex;
  height: 37px;
  width: 37px;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-right: 0px solid;
  border-left: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.searchBarProduct {
  display: flex;
  align-items: center;
  height: auto;
}

.searchBarProductActive {
  display: flex;
  align-items: center;
  height: auto;
}

.form-control {
  background: #FFFFFF !important;
  border-left: 0px solid !important;
  border-right: 1px solid #E0E0E0 !important;
  border-bottom: 1px solid #E0E0E0 !important;
  border-top: 1px solid #E0E0E0 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  height: 37px !important;
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  color: #9A9FA5 !important;
  align-items: center !important;
  box-shadow: none !important;
}

.inputSearch {
  margin-left: 0px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #9A9FA5;
  width: 95.6% !important;

}

.textOrderLink {
  font-style: italic;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #2F80ED;
}

.overflowRight {
  overflow-x:auto;
  display: flex;
}

.overflowLeft {
  overflow: auto;
  display: flex;
}

.dangerIcon {
  margin-left: 10px;
}

.ant-table-thead>tr>th,
.ant-table-tbody>tr>td,
.ant-table tfoot>tr>th,
.ant-table tfoot>tr>td {
  padding: 7px 7px !important;
}

.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  width: 0px !important;
}


.buttonChar {
  margin-top: 15px;
  margin-bottom: 10px;
}

.buttonChar2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.container {
  justify-content: center;
}

.charNumber {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bodyDaily {}

.enter1 {
  height: 15px;
}

.tableCharNumber {
  padding-left: 20px;
  padding-right: 20px;
}


.tableCharNumber1,
.tableCharNumber2,
.tableCharNumber3,
.tableCharNumber4,
.tableCharNumber5,
.tableCharNumber6 {

  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
}

.textProductName {
  width: 300px !important;
}

.textProducKind {
  width: 100px;
}

.textDesignState {
  width: 250px;
}

.textPublishState {
  width: 126px;
}

.formatTable {
  height: auto;
  display: flex;
  justify-content: center;
}


.formatTableIcon {
  display: flex;
  justify-content: center;
}

.tableChar {
  width: 100%;
}

.enterTable {
  height: 15px;
}

.tableCharNumber1 {
  color: #FF9D33;
}

.statusFill {
  background-color: #E4E5E7;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 78px;
  height: 20px;
  border-radius: 10px;
}

.statusUnFill {
  background-color: #FFEA8A;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 93px;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.statusPayment {
  background-color: #6FCF97;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 57px;
  height: 20px;
  border-radius: 10px;
}

.statusPaymentV {
  background-color: #FFC8C0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 73px;
  height: 20px;
  border-radius: 10px;
}

.statusPaymentA {
  background-color: #FFD79D;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 98px;
  height: 20px;
  border-radius: 10px;
}

.statusDesignState {
  background-color: #6FCF97;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 20px;
  border-radius: 10px;
}

.statusDesignState1 {
  background-color: #56CCF2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 20px;
  border-radius: 10px;
}

.statusDesignState2 {
  background-color: #FFC8C0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 20px;
  border-radius: 10px;
}

.statusDesignState3 {
  background-color: #E0E0E0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 20px;
  border-radius: 10px;
}

.statusPublishState {
  background-color: #AAF2C8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 20px;
  border-radius: 10px;
}

.statusPublishState1 {
  background-color: #FFD88D;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 20px;
  border-radius: 10px;
}

.statusPublishState2 {
  background-color: #EDEEEF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 67px;
  height: 20px;
  border-radius: 10px;
}

.productName {
  background-color: #F2994A;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 20px;
  border-radius: 10px;
}


.svgFill {
  margin-left: 5px;
}

.textFill {
  margin-left: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #202223;
}

.textFill1 {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #202223;
}

.textFill2 {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #FFFFFF;
}

.tableCharNumber2 {
  color: #FF1956;
}

.tableCharNumber3 {
  color: #579BFC;
}

.tableCharNumber4 {
  color: #784CD1;
}

.tableCharNumber5 {
  color: #00C875;
}

.tableCharNumber6 {
  color: #E2445C;
}



.enter {
  height: 30px;
}

.headerButtonChart {
  height: auto;
}

.iconButtonChart {
  margin-left: 5px;
  margin-right: 10px;
  padding-bottom: 2px;
}

.buttonChartOn {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #33383F;
}

.buttonChart1 {
  border: 1px solid #E0E0E0;
  background: #EFEFEF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: auto;
  height: 32px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.buttonChart {
  border: 1px solid #E0E0E0;
  background: #EFEFEF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: auto;
  height: 32px;
  margin-right: 10px;
  margin-top: 20px;
  margin-bottom: 17px;
}

.buttonChart:hover {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.headerButtonChartIn {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  align-items: center;
}

.textBottomChart {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #6F767E;
  padding-top: 0px;
  margin-left: 5px;
  margin-bottom: 20px;
}

.iconBottomChart1 {
  width: 17px;
  height: 17px;
  left: 0px;
  top: 0px;
  background: #219653;
  border-radius: 3px;
  padding-top: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.iconBottomChart {
  width: 17px;
  height: 17px;
  left: 0px;
  top: 0px;
  background: #83BF6E;
  border-radius: 3px;
  padding-top: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.textPrice {
  margin-left: 20px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  color: #000000;
}

.svgNumber {
  margin-left: 5px;
}

.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon {
  display: none;
}

.chartNumberIn {
  margin-left: 5px;
  margin-right: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #83BF6E;
}

.chartNumberOn {
  margin-left: 5px;
  margin-right: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #FF6A55;
}

/* backUp */

.contaimockup {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.addMediaBig {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
letter-spacing: -0.02em;

color: #4285F4;
}

.chartNumber {
  margin-left: 10px;
  background-color: #EAFAE5;
  width: auto;
  height: 24px;
  border-radius: 4px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.chartNumberForce {
  margin-left: 10px;
  background-color: #FFD8D3;
  width: auto;
  height: 24px;
  border-radius: 4px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.imgSimilar {
  margin-bottom: 20px;
}

.textReport {
  margin-top: 20px;
  margin-left: 20px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
  color: #000000;
}

.textDaily {
  margin-top: 20px;
  margin-left: 20px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
}

.dailyReport {
  width: 100%;
  height: 300px;
  background-color: red;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
}

.charLeft {

  height: 300px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
}

.charRight {
  height: 300px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
}

.offcanvas-body {
  background-color: #007B5C;
}

.offcanvas-header {
  background-color: #007B5C;
  
}

.offcanvas {
  width: 250px !important;
}

.sideBar {
  width: 40%;
  position: fixed;
  height: 100%;
  background-color: red;
}

.downIcon {
  margin-left: 8px;
  color: white;
}

.downIconMoreAc {
  margin-left: 10px;
  color: black;
}

.textMoreAc {
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #33383F;
}

.downIcon1 {
  margin-right: 10px;
}

.downIcon2 {
  margin-right: 10px;
  margin-left: 15px;
}

.checkOutLink {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #202223;
}

.viewAs {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #202223;
}

.format {
  font-family: Inter;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: white;
}

.checkHeaderRight {
  display: flex;
  height: auto;
  justify-content: left;
  align-items: center;
}

.logo {
  margin-left: 20px;
}

.checkHeaderLeft {
  height: auto;
  display: flex;
  justify-content: right;
  align-items: center;
}

.header {
  /* position: fixed; */
  width: 100%;
  height: auto;
  background-color: #007B5C;
}

.allOrder {
  width: 100%;
  height: auto;
}

.textOrderItems {
  font-weight: bold;
  font-size: 14px;
  font-family: Inter;
  color: #1A1D1F;

}

.ant-table-thead > tr > th {
  background-color: #EFEFEF !important;
}


.ant-table-thead>tr>th,
.ant-table-tbody>tr>td,
.ant-table tfoot>tr>th,
.ant-table tfoot>tr>td {
  padding: 5px 5px !important;
}

.textNameOrder {
  margin-left: 5px;
  float: left;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #33383F;
  /* or 150% */
}

.textOrderItems2 {
  margin-left: 5px;
  font-size: 14px;
  font-family: Inter;
  color: #33383F;
}


.textItem {
  height: 50px;
  margin-left: 20px;
}

.textItemBottom {
  margin-top: 20px;
  margin-bottom: 20px;
  height: auto;
  margin-left: 26px;
}

.check {
  height: auto;
}

.check1 {
  height: 50px;
  background-color: red;
}

.btn-work {
  float: left;
}

.hearderTrack {
  height: auto;
}

.textItem1 {
  font-family: Inter;
  color: #1A1D1F;
  height: auto;
  margin-bottom: auto;
  margin-left: 26px;
}

.textItem2 {
  float: right;
  height: auto;
  margin-top: 15px;
  margin-bottom: auto;
  margin-right: 26px;
}

.textTop {
  font-family: Inter;
  font-size: 14px;
  /* margin-left: 5px; */
}

.textTopShip {
  font-family: Inter;
  font-size: 14px;
}

.buttonTopLeft1 {
  border-radius: 5px;
  height: 40px;
  width: auto;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.0);
  border: none;
}

.ant-table-thead>tr>th {
  height: 50px !important;
}

/* .buttonTopLeft1:hover {
  box-shadow:  0px 1px 3px rgba(0, 0, 0, 0.2);
} */

.space {
  width: 20px;
}

.spaceSmall {
  width: 5px;
}

.space1 {
  width: 30px;
}

.buttonTopLeft {
  border-radius: 5px;
  height: 40px;
  width: auto;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border: none;
}

.buttonTop {
  float: right;
  border-radius: 31px;
  height: 40px;
  width: 152px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  margin-right: 20px;
  background-color: #FF9838;
  border: none;
}

/* dropdown */

.buttonTopViewAdd {
  cursor: pointer;
  border-radius: 31px;
  height: 40px;
  width: 152px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  margin-right: 20px;
  background-color: #07523F;
  border: none;
}

.dropdown-content-seller {
  width: 210px;
  border-radius: 8px;
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  /* min-width: 160px; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.textBottomUpload {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6F767E;
}

.buttonSaveArtWork {
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: 64px;
  height: 40px;
  background: #007B5C;
  /* Natural/10 */
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 5px;
  color: white;
}

.buttonSave {
  float:right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 8px 16px;
  width: 64px;
  height: 40px;
  background: #007B5C;
  /* Natural/10 */
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 5px;
  color: white;
}

.buttonSave:hover {
  background: #00644b;
  
}

.buttonCoppy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: 100px;
  height: 40px;
  background: #EFEFEF;
  /* Natural/10 */

  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}

.iconCoppyLink {
  margin-right: 10px;
}

.iconOpenLink {
  color: white;
  margin-right: 10px;
  margin-bottom: 3px;
}

.dropdown-content-seller span {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  border-radius: 8px;

}


.dropdown-content-seller span:hover {
  background-color: #f1f1f14f
}

.dropdownSeller:hover .dropdown-content-seller {
  display: block;
}

.dropdownSeller:hover .buttonTopViewAdd {
  background-color: #064737;
}

/* enddropdown */
.buttonTopViewMore {
  cursor: pointer;
  height: 40px;
  width: 99px;
  border-radius: 5px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  float: right;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #EFEFEF;
  border: none;
}

.dropdown-content-more {
  width: 210px;
  border-radius: 8px;
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  /* min-width: 160px; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.dropdown-content-more span {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  border-radius: 8px;
}

.dropdown-content-more span:hover {
  background-color: #f1f1f14f;
  position: static;
}

.dropdownMoreAc:hover .dropdown-content-more {
  display: block;
}

.dropdownMoreAc:hover .buttonTopViewMore {
  background-color: #cccccc;
}

/* end */

.avartaAdmin {
  height: 35px;
  width: 35px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #FFD79D;
}


.dropdown-content-admin {
  right: 0;
  width: 194px;
  border-radius: 8px;
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  /* min-width: 160px; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.dropdown-content-admin span {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  border-radius: 8px;

}

.dropdown-content-admin span:hover {
  background-color: #f1f1f14f
}

.dropdownAdmin:hover .dropdown-content-admin {
  display: block;
}

.dropdownAdmin:hover .avartaAdmin {
  background-color: #c9aa7c;
}

/* enddropdown */



.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.avartaAdmin {
  height: 35px;
  width: 35px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #FFD79D;
}

.avartaAdminMenu {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #FFD79D;
}

.textMenu {
  font-family: Inter;
}

.user {
  font-family: Inter;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  color: white;
}

.userMenu {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: white;
}

.checkHeader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.textBottom {
  font-size: 12px;
  margin-left: 5px;
  color: #6F767E;
}

.orderItem {
  overflow: auto;
  padding-left: 3px;
  width: 98%;
  height: auto;
}

.buttonAdd {
  float: right;
  margin-right: 20px;
}

.bottomOrder {
  position: absolution;
  border: 1px solid #E0E0E0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: auto;
}

.rightOrder {
  margin-top: 20px;
  margin-right: 20px;
  float: right;
}

.table {
  width: 100%;
  overflow: auto;

}

.orderItemOn {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-left: 20px;
}

.imgOrder {
  margin-left: 10px;
  height: 50px;
  width: 50px;
}

.imgOrder1 {
  margin-left: 20px;
  height: 50px;
  width: 50px;
}

.heightTextChart {
  height: 30px;
  display: flex;
  align-items: flex-start;
}

.textChart {
  margin-left: 20px;
  margin-top: 40px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}

.imgOrder2 {
  margin-left: 20px;
  height: 50px;
  width: 50px;
}

.formatHrO {
  display: flex;
  justify-content: center;
}

.formatHr {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  border-top: 1px solid #E4E4E4;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
}

.hrResize {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hrResizeIN {
  width: calc(100% - 20px);
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  border-top: 1px solid #E4E4E4;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
}

.imgOrder4 {
  height: 50px;
  width: 50px;
}

.bottomRight {
  width: 100%;
  height: auto;
}

.textFloat {
  float: right;
  font-family: Inter;
  font-size: 14px;
  color: #1A1D1F;
}

.textBottom {
  font-family: Inter;
  font-size: 12px;
}

.textFloatTotal {
  float: right;
  margin-top: 10px;
  font-family: Inter;
  font-size: 14px;
}

.bottomRightEqu {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: auto;
  float: right;
}

.bottomRightEqu1 {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-right: 20%;
  height: auto;
  float: right;
}

.textItemOrderAdd {
  color: white;
}

.textItemOrder {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  color: #1A1D1F;
}

.textItemOrderTKN {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  color: #1A1D1F;
}

.textItemOrderPrice {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  color: #1A1D1F;
  width: 100px;
}

.textItemTop {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  color: white;
  line-height: 24px;
}

.textItemOrder3 {
  margin-top: 10px;
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
}

.textItemOrder1 {
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

.textItemOrder4 {
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px;
}

.textItemOrder2 {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  padding-left: 20px;
}

.showMore {
  width: 24px;
  height: 24px;
  float: right;
  background: #EFEFEF;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border: none;
}

.hrModal {
  height: 0.8px;
  background: #b8b8b8;
}

.textItemOrderTrackingNumber {
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  padding-left: 20px;
  padding-top: 0px;
}

.textItemOrderTracking {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #33383F;

}

.textItemOrderIn {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}


.textItemTop {
  width: 100%;
  font-weight: bold;
  font-family: Inter;
  margin-right: 10px;
  font-size: 14px;
  color: white;
}

.textItemTopInvite {
  font-family: Inter;
  font-size: 14px;
  line-height: 28px;
  color: white;
}


.iconEdit {
  float: right;
  margin-right: 10px;
}

.iconDelete {
  float: right;
}

.divHrTop {
  justify-content: center;

}

.textBottomOrder {
  font-size: 14px;
  float: right;
}

.bodyAll {
  width: 70%;
}

.divBodyHeader {
  margin-top: 10px;
  height: auto;
}

.texTopBot {
  font-family: Inter;
  font-size: 12px;
  margin-left: 8px;
  color: #6F767E;
}

.textBack {
  margin-left: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.textBackTop {
  font-size: 20px;
  font-family: Inter;
  color: #1A1D1F;
}

.textBackBottom {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #6F767E;
}

.buttonB {
  width: auto;
}

.coppiedIcon {
  margin-left: 5px;
  margin-bottom: 5px;
}

.buttonBack {
  width: 40px;
  height: 40px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.textNewStore {
  margin-left: 10px;
}

.switchActive {
  width: 57px !important;
}

.ant-switch {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.ant-switch-checked {
  background-color: #007B5C !important;
}


.divBodyTop {
  overflow: auto;
  height: auto;
  background: white;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
}

.iconAdd {
  margin-right: 10px;
}

.iconAdd1 {
  margin-right: 10px;
  margin-bottom: 4px;
}

.iconAdd2 {
  margin-right: 10px;
  margin-bottom: 2px;
}


.selectInModal {
  width: 100%;
  height: 37px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding-left: 5px;
  color: #6F767E;
}

.inputInModal {
  width: 100%;
  height: 37px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding-left: 5px;
  color: #6F767E;
}

.textInSelectMoreAc {
  font-family: Inter;
  font-size: 14px;
}

.textInModal {
  font-family: Inter;
  font-size: 14px;
}

.centerTracking {
  margin-left: 20px;
  margin-right: 20px;
}

.textTkn {
  font-family: Inter;
  font-size: 14px;
}

.footerModal {
  height: 30px;

}

.checkIcon {
  margin-left: 10px;
  /* marg
    in-bottom: 10px; */
}

.scoll {
  overflow: auto;
}

.checkIconBot {
  margin-bottom: 5px;
}

.textTime {
  font-family: Inter;
  float: right;
  font-size: 12px;
  color: #6F767E;
  margin-top: 3px;
}

.hrPoi {
  border-left: 3px solid #6F767E;
  height: 50px;
  margin-left: 15px;
}


.border {
  border-top: 3px solid #212224;
  width: 40px;
  margin-right: 15px;
}

.status {
  margin-left: 20px;

}

.textTknBot {
  font-family: Inter;
  font-size: 12px;
  color: #1A1D1F;
}

.contaiText {
  margin-left: 10px;
}

.contaiText1 {
  margin-left: 10px;
}

.stepper {
  padding-left: 20px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  height: auto;
}

.divBodyLeft {
  margin-right: 10px;
  margin-top: 18px;
  height: auto;
  background: white;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  margin-bottom: 10px;
}

.divBodyLeft1 {
  margin-top: 10px;
  height: auto;
  background: white;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  margin-bottom: 10px;
}

.modalAddTrack {
  margin-top: 10px;
  margin-bottom: 10px;
}

.divBodyBottom {
  height: auto;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  margin-bottom: 10px;
}

.testContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  background-color: red;
}

.contaiBodyOrder {
  display: flex;
  justify-content: center;
  height: auto;
}

.bodyHeaderIn {
  width: 100%;
  height: auto;
  align-items: center;
}

.menuBar {
  float: left;
  width: 37px;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}

.menuBarProduct {
  float: left;
  width: 37px;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}


.menuBar1 {
  float: left;
  width: 37px;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}

.textStores {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: blue;
}

.filterBar {
  width: auto;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}


.filterBarProduct {
  margin-right: 5px;
  width: auto;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 5px;
}

.filterBarProduct:hover {
  border: 2px solid #E0E0E0;
}

.searchBar,
.storesBar,
.searchBar1 {
  margin-bottom: 10px;
}

.searchBar2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.searchBar2 {
  margin-left: 10px;
  margin-right: 10px;
  float: right;
  width: calc(100% - 60px);
  margin-left: 0px;
}

.textFilter {
  margin-right: 5px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #33383F;
}

.storesBar1 {
  margin-right: 10px;
}

.formatTableSearch {
  width: 100% !important;
}

.iconBody {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.bodyHeader {

  width: 98%;
  background: white;
  border-radius: 5px;
  /* border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; */
  border: 1px solid #E0E0E0;
}

.testcon {
  width: 33.33%;
}

.testcon1 {
  width: 33.33%;
}

.test1 {
  width: 100%;
  height: auto;
  background-color: red;
}


.testIn {
  background-color: red;
  height: 100px;
  width: 100%;
  justify-content: center;
}

.testOn {
  background-color: blue;
  height: 100px;
  width: 100%;
}

.bodyBody1 {
  width: 98%;
  height: auto;
  align-items: center;
  background: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-bottom: 0px;
  border-right: 1px solid #E0E0E0;
}

.bodyBody {
  width: 98%;
  height: auto;
  align-items: center;
  background: white;
  border-top: 0px;
  border-left: 1px solid #E0E0E0;
  border-bottom: 0px;
  border-right: 1px solid #E0E0E0;
}

.bodyBodyTable {
  overflow: auto;
  height: auto;
  align-items: center;
  background: white;
  margin-top: 8px;
}

.bodyBodyTable1 {
  overflow: auto;
  width: 98%;
  height: auto;
  align-items: center;
  background: white;
  border-top: 0px;
  border-left: 1px solid #E0E0E0;
  border-bottom: 0px;
  border-right: 1px solid #E0E0E0;
}

.bodyBodyBottom {
  width: 98%;
  height: auto;
  align-items: center;
  background: white;
  border-top: 0px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-left: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.textHeaderDont {
  padding-bottom: 10px;
  padding-top: 10px;
  height: 100%;
  /* border-bottom: 3px solid green; */
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  /* font-weight: 600 !important; */
  color: #33383F !important;
}

.textHeader {
  padding-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  height: 100%;
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
}

.testCon1 {
  position: absolute;
  width: 80%;
  height: 1000px;
  background-color: blue
}

.hrSize {
  margin-left: 26px;
  margin-right: 26px;
}



.divHr {
  justify-content: center;
}

.contaiHeaderOrders {
  height: auto;
}

.contaiHeaderOrdersLeft {
  height: auto;
  display: flex;
  justify-content: left;
  align-items: center;
}

.buttonOrders,
.buttonOrders1 {
  margin-right: 8px;
  border-radius: 5px;
  height: 40px;
  width: 101px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #007B5C;
  border: none;
  color: white;
  font-size: 14px;
  font-family: Inter;
}

.buttonOrders3 {
  margin-right: 8px;
  border-radius: 5px;
  height: 40px;
  width: 149px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #007B5C;
  border: none;
  color: white;
  font-size: 14px;
  font-family: Inter;
}

.buttonCreateOneP {
  margin-right: 8px;
  border-radius: 5px;
  height: 40px;
  width: 149px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #007B5C;
  border: none;
  color: white;
  font-size: 14px;
  font-family: Inter;
}

.buttonCreateProduct {
  margin-right: 8px;
  border-radius: 5px;
  height: 40px;
  width: 192px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #EFEFEF;
  border: none;
  font-size: 14px;
  font-family: Inter;
}

.buttonCreateProduct:hover,
.buttonOrders3:hover {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.convertTextTable {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.textSKUDesign {
  width: 252px;
}

.textProductType {
  width: 240px;
}

.textColor {
  width:103px;
  }

.textDesign {
  width: 121px;
}

.textDesignLink {
 width: 852px;
}

.heightTable {
  width: 172px;
  height: 56px;
  display: flex;
  align-items: center;
}

.buttonOrders1 {
  margin-right: 10px;
}



.buttonOrders2 {
  margin-right: 8px;
  border-radius: 5px;
  height: 40px;
  width: 127px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #007B5C;
  border: none;
  color: white;
  font-size: 14px;
  font-family: Inter;
}

.titleOrders {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.contaiHeaderOrdersRight {
  flex-wrap: wrap;
  height: auto;
  display: flex;
  justify-content: right;
  align-items: center;
}

/* navbar */
.navbar {
  background-color: #10663e;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}

.menu-bars {
  margin-left: 2rem;
  font-size: 2rem;
  background: none;
}

.nav-menu {
  background-color: #10663e;
  width: 250px;
  height: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: -100%;
  transition: 850ms;
}

.nav-menu.active {
  display: block;
  left: 0;
  transition: 350ms;
}

.nav-text {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 8px 0px 8px 16px;
  list-style: none;
  height: 40px;
  color: white;
}

.textMenu {
  margin-left: 10px;
  color: white;
  font-family: Inter;
  font-size: 16px;
}

.topMenu {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 87%;
  height: 30px;
  background-color: #10663e;
}

.hrSpace {
  width: 100%;
  height: 20px;
}

.headerMenu {
  height: 50px;
  margin-left: 5px;
}

/* .iconInvite {
    mar
  } */
.headerMenuIcon {
  margin-left: 6px;
  color: white;
  border-radius: 5px;
  background-color: #FF9838;
  height: 25px;
  padding-left: 8px;
  padding-right: 8px;
}

.iconHeaderMenu {
  margin-right: 10px;
  color: white;
  size: 16px;
}

.iconHeaderMenuClose {
  color: white;
  size: 16px;
}


.itemMenu {
  margin-top: 10px;
  width: 87%;
  height: auto;
  border-radius: 5px;
}

/* .iconMenuBar {
    margin-left: 20px;
    color: white;
    font-size: 16px;
  } */

.itemMenuActive {
  margin-top: 15px;
  width: 87%;
  height: auto;
  border-radius: 5px;
}

.nav-text a {
  text-decoration: none;
  color: #f5f5f5;
  font-size: 18px;
  width: 95%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 4px;
}

.nav-text a:hover {
  background-color: #1a83ff;
}

.nav-menu-items1 {
  width: 100%;
  background-color: red;
}

.nav-menu-items {
  width: 100%;
  position: relative;
}

.bottomMenu {
  position: absolute;
  bottom: 0;
  height: 100px;
  background-color: red;
}

.navbar-toggle {
  background-color: #060b26;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: start;
  align-items: center;
}

.colorHref {
  color: blue;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.colorHrefTKN {
  color: blue;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.colorHrefTKN2 {
  color: blue;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  padding-left: 20px;
}

.divBodyRight {
  margin-left: 10px;
  margin-top: 18px;
  height: auto;
  background: white;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-bottom: 10px;
}

.divBodyRight1 {
  margin-left: 10px;
  margin-top: 10px;
  height: auto;
  background: white;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-bottom: 10px;
}




/* @media only screen and (max-width: 992px){
  .stepper {
    margin-left: 50px;
  }
} */

@media only screen and (max-width: 2040px) and (min-width: 1400px) {
  .textItem1 {
    margin-top: 25px;
  }

  .stepper {
    margin-left: 0px;
  }

   .searchBarProduct {
    display: none !important;
  }

}


@media only screen and (max-width: 1399px) and (min-width: 1199px) {
  
  .textItem1 {
    margin-top: 15px;
  }

  .headerLeftNPActive {
    display: flex;
  }
  
  .headerLeftNP {
    display: none;
  }

  .searchBarProduct {
    display: none !important;
  }
  
  .tdHeader {
    width: auto;
  }

  .tdHeaderShip {
    width: auto;
  }

  .stepper {
    /* margin-left: 10px; */
  }

  .textTop {
    font-size: 10px;
    /* margin-left: 5px; */
  }

  .colorHref {
    font-size: 9px;
  }

  .texTopBot {
    font-size: 9px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 993px) {
  .buttonEditThemeRightMNP, .buttonNewRightMNP, .buttonAddThemeRightMNP{
    margin-top: 0px;
    float: left;
  }

  .buttonAddThemeRightMNP {
    margin-left: 5px;
  }

  .headerLeftNPActive {
    display: flex;
  }
  
  .headerLeftNP {
    display: none;
  }

  .ub-w_1300px {
    width: 750px !important;
  }

  .columnConver {
    width: 100% !important;
  }

  .rightHeaderP, .rightHeaderP2, .leftHeaderM {
    margin-right: 10px;
    margin-left: 10px;
  }

  .enterHeight5 {
    height: 10px;
  }

  .searchBarProductActive {
    display: none !important;
  }

  .formatLeftProduct {
    margin-left: 5px;
  }

  .formatRightProduct {
    margin-right: 5px;
  }

  .ant-btn {
    width: 100% !important;
  }

  .switchActive {
    width: 40px !important;
  }

  .textOrderRight {
    padding-left: 3px;
    padding-right: 3px;
  }

  .searchBar {
    width: calc(100% - 60px);
    margin-right: 10px;
  }

  .storesBar {
    margin-left: 10px;
    margin-top: 0px;
  }

  .filterBar {
    margin-top: 0px;
  }

  .divBodyLeft,
  .divBodyLeft1 {
    margin-right: 0px;
  }

  .divBodyRight,
  .divBodyRight1 {
    margin-left: 0px;
  }

  .buttonChart {
    margin-top: 10px;
    margin-bottom: 7px;
  }

  .textItem1 {
    margin-top: 25px;
  }

  .iconEdit {
    float: right;
    margin-right: 10px;
  }

  .switchActive {
    width: 40px !important;
  }

  .iconDelete {
    float: right;
  }

  /* .stepper {
    margin-left: 30px;
  }

  

   */
  .stepper {
    /* margin-left: 145px; */
  }

  .textTop {
    font-size: 10px;
    /* margin-left: 5px; */
  }

  .colorHref {
    font-size: 9px;
  }

  .texTopBot {
    font-size: 9px;
  }

  .border {
    width: 30px;
  }

  .tdHeader {
    width: 130px;
  }

  .tdHeaderShip {
    width: 100px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 767px) {
  .buttonEditThemeRightMNP, .buttonNewRightMNP, .buttonAddThemeRightMNP{
    margin-top: 0px;
    float: left;
  }



  .buttonAddThemeRightMNP {
    margin-left: 5px;
  }

  .headerLeftNPActive {
    display: flex;
  }
  
  .headerLeftNP {
    display: none;
  }

  .textHeaderNP, .textHeaderSKUNP {
    font-size: 14px;
  }

  .ub-w_1300px {
    width: 650px !important;
  }

  .columnConver {
    width: 100% !important;
  }

  .rightHeaderP, .rightHeaderP2, .leftHeaderM {
    margin-right: 10px;
    margin-left: 10px;
  }

  .enterHeight5 {
    height: 10px;
  }
  
  .formatLeftProduct {
    margin-left: 5px;
  }

  .formatRightProduct {
    margin-right: 5px;
  }

  .orderSecond {
    width: 477px;
  }

  .searchBarProductActive {
    display: none !important;
  }

  .orderThird {
    width: 105px;
  }

  .switchActive {
    width: 30px !important;
  }

  .container {
    max-width: 100% !important;
  }

  .switchActive {
    width: 30px !important;
  }

  .textOrderRight,
  .textOrder,
  .form-select1,
  .form-select,
  .textNameOrder,
  .convertTextTable,
  .textStores {
    font-size: 12px !important;
  }

  .textOrderRight {
    padding-left: 3px;
    padding-right: 3px;
  }

  .ant-btn {
    width: 100% !important;
  }

  .searchBar {
    width: calc(100% - 60px);
    margin-right: 10px;
  }

  .storesBar {
    margin-left: 10px;
    margin-top: 0px;
  }

  .filterBar {
    margin-top: 0px;
  }

  .divBodyLeft,
  .divBodyLeft1 {
    margin-right: 0px;
  }

  .divBodyRight,
  .divBodyRight1 {
    margin-left: 0px;
  }

  .buttonChart {
    margin-top: 10px;
    margin-bottom: 7px;
  }

  .textItem1 {
    margin-top: 25px;
  }

  .textItem2 {
    /* float: none; */
    margin-left: 26px;
    margin-top: 15px;
  }

  .checkHeaderRight {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: left;
    align-items: center;
  }

  .iconEdit {
    float: right;
    margin-right: 10px;
  }

  .iconDelete {
    float: right;
  }

  .divHrTop {
    justify-content: center;
    margin-top: 30px;
  }

  .textItemOrder1 {
    font-size: 12px;
  }

  .textItemOrder {
    font-size: 12px;
  }

  .textItemOrderTKN,
  .colorHrefTKN {
    font-size: 12px;
  }

  .textTop {
    font-size: 10px;
    /* margin-left: 5px; */
  }

  .texTopBot {
    font-size: 9px;
  }

  .colorHref {
    font-size: 9px;
  }

  .border {
    width: 30px;
  }

  .tdHeader {
    width: 130px;
  }

  .tdHeaderShip {
    width: 100px;
  }
}

.iconMenu {
  font-size: 20px;
  color: white;
  display: none;
}


@media only screen and (max-width: 767px) and (min-width: 576px) {
    
.imgNP {
  width: 100%;
  max-height: 190px;
  min-height: 190px;
}

  .buttonEditThemeRightMNP, .buttonNewRightMNP, .buttonAddThemeRightMNP{
    margin-top: 0px;
    float: left;
  }

  .buttonAddThemeRightMNP {
    margin-left: 5px;
  }

  .headerLeftNPActive {
  display: flex;
}

.headerLeftNP {
  display: none;
}

  .textHeaderNP, .textHeaderSKUNP {
  font-size: 14px;
}

  .ub-w_1300px {
    width: 450px !important;
  }

  .columnConver {
    width: 100% !important;
  }

  .rightHeaderP, .rightHeaderP2, .leftHeaderM {
    margin-right: 10px;
    margin-left: 10px;
  }

  .imgSimilarNP {
    width: 100%;
    max-width: 127px !important;
    min-width: 127px !important;
    height: 127px !important;
  }

  .enterHeight5 {
    height: 10px;
  }

  .formatLeftProduct {
    margin-left: 5px;
  }

  .formatRightProduct {
    margin-right: 5px;
  }

  .orderSecond {
    width: 357px;
  }

  .searchBarProductActive {
    display: none !important;
  }

  .orderThird {
    width: 100px;
  }

  .switchActive {
    width: 30px !important;
  }

  .divBodyLeft,
  .divBodyLeft1 {
    margin-right: 0px;
  }


  .switchActive {
    width: 30px !important;
  }

  .textOrderRight {
    padding-left: 3px;
    padding-right: 3px;
  }

  .textOrderRight,
  .textOrder,
  .form-select1,
  .form-select,
  .textNameOrder,
  .convertTextTable,
  .textStores {
    font-size: 12px !important;
  }

  .ant-btn {
    width: 100% !important;
  }

  .searchBar {
    width: calc(100% - 60px);
    margin-right: 10px;
  }

  .storesBar {
    margin-left: 10px;
    margin-top: 0px;
  }

  .filterBar {
    margin-top: 0px;
  }

  .divBodyRight,
  .divBodyRight1 {
    margin-left: 0px;
  }

  .buttonChart {
    margin-top: 10px;
    margin-bottom: 7px;
  }

  .user {
    margin-right: 20px;
  }

  .textItemOrder1 {
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
  }

  .textItemOrderTKN,
  .colorHrefTKN {
    font-size: 12px;
  }

  .container {
    max-width: 100% !important;
  }

  .textTop {
    font-size: 10px;
    /* margin-left: 5px; */
  }

  .texTopBot {
    font-size: 9px;
  }

  .colorHref {
    font-size: 9px;
  }

  .tdHeader {
    width: 130px;
  }

  .tdHeaderShip {
    width: 100px;
  }

  .textItem1 {
    margin-top: 25px;
  }
}

.ant-btn {
  width: 100% !important;
}




@media only screen and (max-width: 576px) {


.showChosse { 
  width: 169px !important;
}

  .enterHeightImgAdd {
    height: 0px;
  }

  .imgNP {
    margin-top: 0px !important;
    width: 250px;
    max-height: 250px;
    min-height: 250px;
  }

  .formatImgNP{
    justify-content: left;
  }

  .buttonEditThemeRightMNP, .buttonNewRightMNP, .buttonAddThemeRightMNP{
    margin-top: 0px;
    float: left;
  }

  .buttonAddThemeRightMNP {
    margin-left: 5px;
  }

  .headerLeftNPActive {
    display: flex;
  }
  
  .headerLeftNP {
    display: none;
  }
  

  .headerLeftNPActiveIn, .headerLeftNPActive {
    height: auto;
  }
  
  .headerRightNP {
    justify-content: left;
  }

  .buttonCloseNP {
    margin-left: 10px;
    margin-top: 10px;

  }

.buttonSaveNP {
    margin-top: 10px;

  }

  .textHeaderSKUNP {
    margin-left: 10px;
  }

  .acctiveBr {
    display: flex;
  }


  .textHeaderNP, .textHeaderSKUNP {
    font-size: 12px;
  }
  .rightHeaderTextP {
    width: 100% !important;
  }

  .ub-w_1300px {
    width: 350px !important;
  }

  .imgSimilarNP {
    width: 100%;
    max-width: 137px !important;
    min-width: 137px !important;
    height: 137px !important;
  }

  .imgSimilar {
    width: 50% !important;
  }



  .columnConver {
    width: 100% !important;
  }

  .rightHeaderP, .rightHeaderP2, .leftHeaderM {
    margin-right: 10px;
    margin-left: 10px;
  }

  .enterHeight5 {
    height: 10px;
  }

  .buttonCreateProduct {
    margin-bottom: 10px;
    margin-left: 5px;
  }

  .buttonCreateOneP {
    margin-left: 5px;
    margin-bottom: 10px;
  }
  
  .contaiHeaderOrdersRight {
    justify-content: left;
  }

  .formatLeftProduct {
    margin-left: 5px;
  }

  .formatRightProduct {
    margin-right: 5px;
  }

  .searchBarProductActive {
    display: none !important;
  }

  .divBodyLeft,
  .divBodyLeft1 {
    margin-right: 0px;
  }

  
  .orderFirst {
    width: 50px;
  }


  .orderSecond {
    width: 357px;
  }

  .orderThird {
    width: 100px;
  }

  .switchActive {
    width: 30px !important;
  }

  .textOrderRight {
    padding-left: 3px;
    padding-right: 3px;
  }

  .textOrderRight,
  .textOrder,
  .form-select1,
  .form-select,
  .textNameOrder,
  .convertTextTable,
  .textStores {
    font-size: 10px !important;
  }

  .ant-btn {
    width: 100% !important;
  }

  .searchBar {
    width: calc(100% - 60px);
    margin-right: 10px;
  }

  .storesBar {
    margin-left: 10px;
    margin-top: 0px;
  }

  .filterBar {
    margin-top: 0px;
  }

  .divBodyRight,
  .divBodyRight1 {
    margin-left: 0px;
  }

  .buttonChart {
    margin-top: 10px;
    margin-bottom: 7px;
  }

  .textItemOrderPrice {
    width: 120px;
  }

  .textItemOrderTKN,
  .colorHrefTKN {
    font-size: 12px;
  }

  .textItemOrder1 {
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    width: 250px;
  }

  .textItem1 {
    margin-top: 25px;
  }

  .textItem2 {
    float: left;
    margin-left: 26px;
  }

  .container {
    max-width: none !important;
  }

  .tdHeader {
    width: 130px;
  }

  .tdHeaderShip {
    width: 100px;
  }

  .textTop {
    font-size: 10px;
    /* margin-left: 5px; */
  }

  .texTopBot {
    font-size: 9px;
  }

  .colorHref {
    font-size: 9px;
  }
}

.buttonCloseMenu {
  color: white;
}

@media only screen and (max-width: 332px) {
  .imgSimilarNP {
    width: 100%;
    max-width: 127px !important;
    min-width: 127px !important;
    height: 127px !important;
  }
}

@media only screen and (max-width: 450px) {
  .ub-w_1300px {
    width: 100% !important;
  }

  .ub-max-w_100vw {
    max-width: 100% !important;
}

  .showSearch {
    display: block;
  }

  .form-control {
    
    width: calc(100% - 10px) !important;
  }

  .input-group {
    flex-wrap: nowrap !important;
  }

  .activeInputSearch {
    display: block;
  }

  .showInfo {
    width: 96% !important;
  }

  .showChosse {
    width: 98% !important;
  }

  .hideSearch {
    display: none;
  }
 
}


@media only screen and (max-width: 316px) {
  
.buttonEditThemeRightMNP, .buttonNewRightMNP, .buttonAddThemeRightMNP{
  margin-top: 0px;
  float: left;
}

.buttonAddThemeRightMNP {
  margin-left: 0px;
  width: 139px;
}

}



@media only screen and (max-width: 1099px) {

  .iconMenu {
    display: block;
  }

  .buttonTopLeft1 {
    display: none;
  }

  .buttonTopLeft {
    display: none;
  }

  .buttonTop,
  .dropdownSeller {
    display: none;
  }

  .avartaAdmin {
    display: none;

  }

  .user {
    display: none;
  }
}

@media only screen and (min-width: 954px) {}

@media only screen and (max-width: 1005px) {}