.scrollable {

  overflow: auto;

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

.displayBlock
{
  display: block !important;
}
.view-link-ticket{display: inline-block;margin-right:5px !important;}

.view-link-ticketclose{display: inline-block;}


.verifiedEmail
{
  padding: 10px 10px 10px 10px;
  background-color: aqua;
}
.ticketStatus1
{
  padding: 5px 5px 5px 5px;
  background: #bff7dd !important;
  border-radius: 5px !important;
  color: #008949 !important;
  font-weight: 600;
  font-size: 13px;
}
.ticketStatus2
{
  padding: 5px 5px 5px 5px;
  background: #fddb9b !important;
  border-radius: 5px !important;
  color: #9d6700 !important;
  font-weight: 600;
  font-size: 13px;
}
.ticketStatus3
{
  padding: 5px 5px 5px 5px;
  background: #ffe1e1 !important;
  border-radius: 5px !important;
  color: #eb1818 !important;
  font-weight: 600;
  font-size: 13px;
}
.eachTicketRow
{
  padding: 10px 0px 10px 0px;

}

.leftTicket
{
  float: left;
    width: 90%;
    background: #e6f4ff;
    padding: 15px;
    border-radius: 15px;
    margin-left: 25px !important;
  
}

    .rightTicket
    {
      float: left;
      display: block;
      width:90%;
      padding: 15px;
      background: #f2f3e0;
      border-radius: 15px;
      margin-left: 50px !important;
    }
    .dateTimeTicket
    {
      float: left;
      width: 100%;
      text-align: center;
      display: block;
    }

    .nameTicketAdmin
    {
      float: left;
    font-weight: bold;
    color: #41bfe5;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-left: 50px;

    }
    .nameTicketVendor
    {
      float: left;
      font-weight: bold;
      color: #41bfe5;
      padding-left: 40px;
      margin-bottom: 5px;
    }
    .timeClassTicket
    {
      float: right;
      color: #0085c5;
      text-align: right;
      width: 100%;
    }

.nameTicket
{
  float: left;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #1f64e1;
    font-weight: bold;
    text-transform: capitalize;
}


.ContentSectionBoxPT
{
  margin: 10px 0px !important;
  border-radius: 10px;
  background-color: #FFFFFF !important;
  padding: 10px 0px 10px 0px;
}
.NotVerifiedEmail
{
  padding: 10px 10px 10px 10px;
  background-color: rgb(224, 12, 12);
}
.MultiSelectDW
{
  width: 100%;

    border-radius: 4px;
    height: 45px;
    overflow: hidden;
}
.spanPadding5
{
  padding-left: 5px;
}

.squareBoxView  
{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
  border-radius: 4px;
}
.squareBoxViewClose
{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
  border-radius: 4px;
}
.readMoreIcon
{
  font-size: 24px;
  color: #0a23af;
  margin-top: 5px !important;
}

.paymentStatusBoxPaid 
{
    background-color: #52C058;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}
.multiselect-selected
{
  margin-right: 10px;
}
.pageLayoutBox {
  width: "100vw";
  height: "100%";
  min-height: "100vh";
}

.defaultNavbarMobileIcon {
  display: "flex";
  justify-content: "center";
  align-items: "center";
  width: "1.5rem";
  height: "1.5rem";
  border-radius: "md";
  color: "text";
  font-size: "1rem";

}
.paymentStatusBoxPending
{
    background-color: #d2df28;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.paymentStatusBoxRefunded
{
    background-color: #d31515;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.paymentStatusBoxVoided
{
    background-color: #0a23af;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.paymentStatusBoxUnpaid
{
    background-color: #ce0c7d;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.paymentStatusBoxAbandoned
{
    background-color: #0ad9e0;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}




.orderStatusBoxFulfilled
{
    background-color: #52C058;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxOpen
{
    background-color: #d2df28;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxClosed
{
    background-color: #d31515;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxCancelled
{
    background-color: #0a23af;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxPending
{
    background-color: #ce0c7d;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxPartiallyFulfilled
{
    background-color: #0ad9e0;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderStatusBoxArchived
{
    background-color: #1fe783;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}


.orderStatusBoxUnfulfilled
{
    background-color: #1dddbd;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}


.orderAcceptStatusBoxAccepted
{
    background-color: #52C058;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderAcceptStatusBoxRejected
{
    background-color: #ce0f19;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.orderAcceptStatusBoxOpen
{
    background-color: #0eb4ca;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 5px;
}

.vendorBox
{
    text-transform: capitalize;
}

.paymentModeBox
{
    text-transform: capitalize;
}

.buttonContainer {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

.priceBox
{
    text-align: right;
    width: 50px;
    padding: 0px;
}

.pageSubTitle 
{
    font-size: 14px;
    margin-left: 50px
}

.orderStatusBox 
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.orderStatusBoxLeft 
{
    width: 130px;
    overflow: hidden;
}

.orderStatusBoxRight
{
    text-transform: capitalize;
}

.orderStatusBoxMiddle
{
    margin: 0 20px;
}


.addressBox 
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.addressBoxLeft 
{
    width: 140px;
    overflow: hidden;
}
.customerBoxLeft
{
  width: 140px;
  overflow: hidden;
}

.addressBoxMiddle
{
    margin: 0 20px;
}

.customerBoxMiddle
{
    margin: 0 20px;
}


.productImageBox
{
    border: 1px solid #CCCCCC;
}

.productImage
{
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.circularLoadingModel
{
    color: '#1a90ff';
    margin: '0px auto';
}

.circularLoadingModelOuter
{
    text-align: center;
}


.circularLoadingCommon
{
    color: '#1a90ff'; 
    margin-top: '8px';   
}

.circularLoadingCommonOuter
{
    text-align: center;
}

.boxBottomBorder 
{
    border-bottom: 1px dashed #000000;
}
.noResult
{
  text-align: center;
  display: block;
  font-size: 14px;
}
.maxWidth23
{
  max-width: 23% !important;
}

.spanS
{

    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  
}
.generalFont
{
  font-size: 14px !important;

}
.generalFont12
{
  font-size: 12px !important;

}
.labelStyle
{
  font-size: 14px !important;
}

.infoStyle
{
  font-size: 14px !important;
  display: block !important;
  padding-top: 5px !important;
}

.statusD0{    background: #e59d9d  !important;    padding: 5px !important;    border-radius: 5px !important;    color: #2c1f1f !important;  }  
.statusD1 { background: #bff7dd !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: #008949 !important;
  font-weight: bold; } 
.statusD2 { background: #fddb9b !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: #9d6700 !important;
  font-weight: 600;}
  
.statusD3 {  background: #ffe1e1 !important;
    padding: 5px !important;
    border-radius: 5px !important;
    color: #eb1818 !important;
    font-weight: 600;
    font-size: 13px; }

  .statusD4 {    background: #696969 !important;    padding: 5px !important;    border-radius: 5px !important;    color: #fff !important;  }
.paddingRight5
{
  margin-right: 5px !important;
}
.inputMandatory
{
  color: #ed0606;
}
.mandatory
{
  color: #ed0606;
  margin-top: 5px;
}

.EditIcon
{
  padding: 2px 5px;
}
.optionIcon
{
  padding: 2px 5px !important;

}
.errorMsg{
    font-size: 14px;
    padding-top: 5px;
    color: #ed0606;
}
.formOrder
{
  width: 50px !important;
}
.labelCls
{
  font-size: 14px !important;
}
.loaderDiv
{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #DDDDDD;
  opacity: .5;
}
.infinite-scroll-component 
{
background-color: #fff;
padding:5px 10px;}

.infinite-scroll-component li{font-size: 14px;border-bottom: 1px solid #d3d3d3;}

.infinite-scroll-component> li> i{font-style: inherit;font-size:14px !important;}

.react-dropdown-tree-select> .dropdown> .dropdown-content{width:100%;top:44px;padding:0px !important;}

.infinite-scroll-component> .focused{background-color: #d1d1d1 !important;} 

.tag-item{font-size:14px;}

.tag-remove{display:none;}

.tag-list> .tag-item> span{background-color: #ddd;
    padding: 2px 5px;
    border: 1px solid #c3c1c1;}

    .infinite-scroll-component> .tree> .leaf{padding-left:15px !important;}

  /************ New styles *********/

  .admin-setting-title{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .paddingZero{
    padding: 0px !important;
   
  }

  .paddingZero .css-1cohrqd-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
    padding: 0px !important;
  }

  .select-input-styles{
    padding:12px 10px !important;
  }

  .select-input-styles .MuiSelect-select{
    padding: 0px !important;
  }

  .font-style{
    font-size: 14px;
  }

  .PaddingBottom-24{
    padding-bottom: 25px !important;
  }

  .FloatLeft{
    float: left;
  }

  .FloatRight{
    float:right;
  }

  .FloatRight a{
    color: #fff;
  }

  .edit-button-mb{
    margin-bottom: 25px !important;
  }

  .pagination-outer{
    padding: 20px;
  }

  .pagination-next-button{
    float: left;
    padding: 3px 10px;
    background: linear-gradient(195deg, #42424a, #191919);
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
  }

  .pagination-prev-button{
    float: right;
    padding: 3px 10px;
    background:linear-gradient(195deg, #42424a, #191919);
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
  }

  .pageButton-style{
    cursor: default;
  }
  .ManageVendorsTopSec{
    margin-top: 20px !important;
    padding-right: 0px !important;
  }



  .ManageProductTopSec{
    margin-top: 20px !important;
    padding-right: 0px !important;
  }

  .filterStyle
  {
    padding: 12px 0px !important;
  }




  .react-dropdown-tree-select .dropdown .dropdown-trigger {
    border: 1px solid #d2d6da !important;
    border-radius: 5px;}


    .setSpan{
      font-size: 14px;;
    }

    .css-1ircn5c{
      padding-bottom: 20px;;
    }
    .productImageHeader
    {
      padding: 10px;
    }
    .imageList
    {
      padding: 5px !important;
      margin-right:5px !important;
      border:1px solid #ddd; border-radius:3px;
      display: flex;
      justify-content: center;
      height:170px;
    }

    .imageList img{max-width:100%;}

    .imageouter{margin-top: 0px !important; margin-left: 10px !important;}
    .iconClass
    {
      font-size: 16px;
      cursor: pointer;
      font-weight: bold;

    }

    .PageTitleBg{

      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border-radius: 10px;
      margin-top: 0px !important;
      margin-bottom:0px !important;
    }

    .PageTopTitle{
      color: #344767 !important;
      font-size: 30px !important;
      text-transform: capitalize;
    }

    .PageMenuButton{
      margin-top: 5px !important;
    }


    .ContentSectionBox{
      padding-top: 24px !important;
      border-radius: 10px;
      background-color: #FFFFFF !important;
    }

    .syncOrderButton
    {
      float: right !important;
      margin-right: 20px !important;
      color : #FFFFFF !important;
      height : 45px !important;
      padding: 10px 15px !important;
    }

    .FilterSectionBox{
      border-radius: 10px !important;
      border: 1px solid #DDDDDD;
      padding-bottom: 10px;
      background:#f7f7f7;
    }

    .MuiTableBody-root > td
    {
      text-align: left !important;
    }
  


    .SubmitButton{
      height: 42px !important;
      box-shadow: 0rem 0.875rem 1.625rem -0.75rem rgba(26, 115, 232, 0.4),0rem 0.25rem 1.4375rem 0rem rgba(26, 115, 232, 0.15),0rem 0.5rem 0.625rem -0.3125rem rgba(26, 115, 232, 0.2) !important;
      background: #1A73E8 !important;
      color: #fff !important;
    }

    .TableHeaderTitle{
      color: #373c59 !important  ;
      font-size: 13px !important;
      font-weight: 500 !important;
    }

    .ActionActive{
        padding: 5px;
        background: #09a24c;
        width: 25px;
        height: 25px;
        color: #fff;
        line-height: 18px;
        border-radius: 50%;
        text-align: center;
        font-size: 14px;
    }


    .ActionBlock{
      padding: 5px 6px;
      background: #be0423;
      width: 25px;
      height: 25px;
      color: #fff;
      line-height: 18px;
      border-radius: 50%;
      text-align: center;
      font-size: 14px;
  }


.ActionEdit {
  padding: 5px;
  background: #05ce9c;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px !important;
}

.ActionArchieve{
  padding: 5px;
  background: #54b7eb;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}


.ActionUnarchive{
  padding: 5px;
  background:#c359aa;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}



.ActionDelete{
  padding: 5px;
  background:#e90000;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
}


.ActionReject{
  padding: 5px;
  background: #c0b303;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}


.ActionApprove{
  padding: 5px;
  background: #00f134;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  margin-left: 5px;
}



    .NextPrevButton{
      background:linear-gradient(195deg, #42424a, #191919)!important;
      color: #fff !important;
      text-align: center !important;
    }

    .PaginationNumberBox{
      float: none;
      margin: auto;
      padding: 3px 10px;
      background-color: #d9d9d9;
      border-radius: 4px;
      margin-top: 20px;
      font-size: 13px;
      color: #000;
      cursor: pointer;
    
    }
    .PageNumberBox{
      float: none;
      margin: auto;
      padding: 3px 10px;
      background-color: #d9d9d9;
      border-radius: 4px;
      margin-top: 20px;
      font-size: 13px;
      color: #000;
      cursor: default;
    
    }
    .TopBottomPadding-30{
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }


    .BoxShadowNone{
      box-shadow: none !important;
      border: none !important;
    }

  .autocomplete-styles> .MuiTextField-root> .MuiOutlinedInput-root {
        padding: 0px;
        height: 40px !important;
        padding-top: 2px !important;
      }

.sellerShopNameHidden{
  display: none !important;
}

.select-padding-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.requireShippingCheckbox{
  float: left !important;
  margin-right: 5px !important;
}

.requireShippingLabel{
  float: left !important;
}

.uppercaseLetters{
  text-transform: uppercase !important;
}

.treeSelectStyle> .dropdown> .dropdown-content> ul> div> .infinite-scroll-component > li> i {

  list-style-type: none;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;


}



.thumbNailStyle{
  height: 190px;
  display:table;
  margin-bottom: 10px !important;
  }
  
  .thumbNailStyle> .MuiCard-root> img
  {
    max-width: 100% !important;
      height: auto !important;
      max-height: 160px;
      margin: auto;
      width: auto;
      vertical-align:middle;
      box-shadow: none !important;
  }
  
  .thumbNailStyle> .MuiCard-root{padding:5px; border:1px solid #dddddd;height: 160px;display:table-cell;text-align: center;
    vertical-align: middle; }
  
    .dropzoneupload {
      padding: 5px;
    }
    .dropzonestyle {
      min-height: 118px !important;
    }
    .dropzonestyle p{
      margin-top: 20px !important;
      margin-bottom: 10px !important;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
    }
  
    .addUrlButton {
      background-color:#2977ff !important; 
      color:#ffffff !important; 
      display: block;
      width:100%;
      border-radius:0px !important;
    }
  
    .closeIcon {
      color: white;
      background-color: #000000cf;
      border-radius: 3px;
    }

    .ck-editor__editable_inline {
      min-height: 300px !important;
  }
  /* 
  .ckeditorHeight{
    min-height: 500px !important;
  } */
  .ck.ck-reset_all{
  border-radius: 10px 10px 0 0!important;
  }
  
  .VarientFieldImage{
    top: 0px !important;
    right: 0px !important;
  z-index: 2 !important;
  /*position: absolute !important;*/
  }
  
  .imageIconButton {
    top: 0px !important;
    right: 0px !important;
  z-index: 2 !important;
  position: absolute !important;
}

.deleteOption {
  right: -24px;
  position: absolute !important;
  top: 8px;
}

.deleteOptionValue {
  right: -22px;
  position: absolute !important;
  top: 4px;
}

  .optionValueStyle {
    background-color: #e1e1e1;
    padding: 0px 10px;
    border-radius: 30px;
    display:inline-block ;
    margin-right: 5px !important;
  }

  .optionNameStyle {
    font-weight: bold !important;
    color: #000000 !important;
  }



.optionValueEditButton {
  padding: 12px 10px !important;
  line-height: 0px !important;
  height: 4px !important;
  border: none !important;
  background-color: #1a73e8 !important;
  color: #fff !important;
  border-radius: 3px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  min-width: 50px !important;
}

.optionValueDoneButton
{
  padding: 12px 10px !important;
  line-height: 0px !important;
  height: 4px !important;
  border: none !important;
  background-color: #1a73e8 !important;
  color: #fff !important;
  border-radius: 3px !important;
  text-transform: capitalize !important;
  min-height: 35px !important;
  min-width: 60px !important;
  margin-bottom: 15px !important;
}
  

.galleryImage {
  width: 500px;
  height: 500px;

  
}

.galleryImage> .image-gallery-content> .image-gallery-slide-wrapper> .image-gallery-swipe> .image-gallery-slides {
  width: 500px;
  height: 500px;
  display: flex;
}

.galleryImage> .image-gallery-content> .image-gallery-slide-wrapper> .image-gallery-swipe> .image-gallery-slides> .image-gallery-slide  {
  width: 500px;
  height: 500px;
  display: table-cell;
  vertical-align: middle;

}
.galleryImage> .image-gallery-content> .image-gallery-slide-wrapper> .image-gallery-swipe> .image-gallery-slides> .image-gallery-slide img  {
  max-width: 500px;
  max-height: 500px;

}

.productDetails {
  overflow: visible !important;
  font-size:13px;
}

.react-dropdown-tree-select .dropdown .dropdown-content {
z-index: 3 !important;
}

.react-dropdown-tree-select .dropdown{
  width: 100%;
  
}

.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  width: 100%;
  border-radius: 4px;
}

.treeSelectStyle> .dropdown> .dropdown-content> ul> div> .infinite-scroll-component > li> i {

  list-style-type: none;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;


}

.filterStyle {
  height: 45px;

}

.filterGrid{
  padding-left: 5px !important;
  padding-top: 8px !important;

}

.dataTableStyle> .MuiTableContainer-root> table> thead> tr> th> .MuiBox-root{
opacity: 1 !important;
color: #000000 !important;

}



.dropzoneAreaBaseGrid{
  position: relative !important;
  height: 190px !important;
  margin-bottom: 10px !important;
}



.circularProgressStyle{
  background: rgba(255,255,255,0.8) !important;
  top: 0px;
  left:0px !important;
  position: absolute ;
  z-index: 1;
  width:100%;
  height:100%;

}


.VarientcircularProgressStyle{
  background: rgba(255,255,255,0.8) !important;
  top: 0px;
  left:0px !important;
  position: absolute ;
  z-index: 1;
  width:100%;
  height:180px;

}

.mediaLoadingProgress{margin-top:35%;
margin-left:44%;}


.addProductLinkStyle{
  background-color: #fff;
  font-size: 14px;
  padding: 7px 10px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
  color: #1662c4;}

  .addProductLinkStyle:active{color: #1662c4;}

  .loadingCircularProgress{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    opacity: 0.5!important;
    position: absolute;
    z-index: 1!important;
  }

  .profileThumbImage{
    max-width: 100% !important;
    height: auto !important;
    max-height: 50px;
    margin: auto;
    width: auto;
    vertical-align: middle;
    box-shadow: none !important;
  }

  .customFieldImage{
    width: 150px;
    height: 150px;
  }

.DataTableStyle {
  /*background-color: #f5f5f5 !important;*/
}


.DataTableStyle table thead {
  background-color: #000;
}

.DataTableStyle table thead tr{
background-color:#91b2ff !important;}

.css-n3cyd2-MuiTableRow-root{
  border-bottom: 4px solid #f0f2f5;
}

.ActionMainBox {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}

.MultiSelectStyle input {
  font-size: 14px;
}

.MultiSelectStyle li {
  font-size: 14px;
}

.VariantImageThumb {
width: 100%;
height: 50%;
position: relative;
z-index: 1;
cursor: pointer;


}


.EditContentSec{
  padding: 30px;
  background-color:#c8d8e8 !important;
  width: 100%;
  margin-left: 15px;
}

.marginRight10{
  margin-right: 10px !important;
}

.EditContentSec input{
  background-color: #fff !important;
  border-radius:10px !important;
}

.EditContentSec .select-input-styles
{
  background-color: #fff !important;
  border-radius:10px !important;
}

.PositionRelative{
  position: relative;
}

.EditContentSec .backgoundNone{
  background: none !important;
}

.RupeesIcon{
  font-size: 18px;
  color: #1d0daf;
}

.search{
  border-bottom: none !important;
}

.EditProductSpanText{
  float: left;
  display: block;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.SelectPdfFormat
  {
    float: left;
    padding: 5px 10px;
    border: 2px solid #ccc;
    background: #fff;
    color: #6c6c6c;
    border-radius: 10px;
}

.PositionAbsolute{
  position: absolute !important;
}

.NoteText {
  float: left;
  line-height: 20px !important;
  font-size: 14px !important;
  margin-bottom: 15px !important;
  width: 100%;
}

.notFound{
  font-size: 14px;
 }
 
 .searchWrapper{
  border-radius: 5px !important;
}

.checkboxStyle {
  float: left !important;
  margin-right: 5px !important;
}

.inputBoxStyle::before {
  border-color: transparent !important;
}

.checkboxLabel {
  float: left !important;
}

.roleNameStyle {
  width: 100%;
  float: left;
  font-weight: bold !important;
}

.rolePermissionStyle {
  margin-right: 10px !important;
}

.roleContent {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.displayHidden {
  display: none !important;
}

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

.trackShipment {
  color : #FFFFFF !important;
  height : 45px;
  margin: 10px;
}

.delhiveryLink {
  margin-right: 10px !important;
  margin-top: 0px !important;
  background: #1A73E8 !important;
  color: #FFFFFF !important;
  display: block !important;
  height: 45px;
  border-radius: 10px;
  padding:12px 10px;
  -webkit-text-fill-color:#fff !important;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

.carrierService{
  margin-top: 5px;
}

.carrierServiceLoading{
  width: 25px !important;
  height: 25px !important;
  color: rgb(26, 144, 255) !important;
  margin: 0px auto !important;
}

.imagePositionChange{
  top: 0px !important;
  left: 0px !important;
  z-index: 2 !important;
  position: absolute !important;
}


.textareaHeight {
  height: 190px;
}

.drag-handle {
  border: 2px solid #abc6f3;
  background: #344767;
  padding:.5rem 1rem;
  border-radius: 4px;
  flex: none;
  color: #fff;
}

.draggable-sec {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 1rem;
}

.drag-container {
  width: 80%;
}


.item-section{
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 1rem;
  width: 100%;
  background:#f0f2f5 !important;
  padding: 10px 25px 10px;
}
.item {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 1rem;
  width: 100%;
  background:#f0f2f5;
  padding:10px 25px 10px;
}

.draggable {
  display: flex;
    gap: 1rem;
    margin: 1rem;
    flex-direction: row;
    align-items: flex-start;
}


.dragCheckbox{
  float: left !important;
  margin-right: 5px !important;
}
.dragCheckbox>.MuiInputBase-root>fieldset{
  border: none !important;
}
.drag-input{
  background-color: #fff !important;
  border-radius: 5px;
}


.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
  border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius:5px !important;
}

.drag-button{
  background-color: #1d75e8 !important;
  margin-left: 10px !important;
  color: #fff !important;
  float: right !important;
}

.addNewSection{
      background-color: #000000 !important;
    margin-left: 10px !important;
    color: #fff !important;
    float: right !important;
}

.pageStyle{
  display: flex !important;
  justify-content: space-between !important;
  padding:0px 15px 0px 15px !important;
  margin: 50px 0px !important;
  padding-bottom: 15px !important; 
}

.topicFileName{
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: #f7f4f4;
  color: #6c6c6c;
  border-radius: 5px;
  margin-top: 5px !important;
}

.CollectionFilterBox{
    border-radius: 10px !important;
    border: 1px solid #DDDDDD;
    padding-bottom: 10px;
    background: #f7f7f7;
    width: 100% !important;
    margin: 0 !important;
  }


  .CollectionFilterBox .tag-item {
    display: contents;
    margin: 4px;
}

.CollectionFilterBox .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  width: 100%;
  border-radius: 8px;
  padding: 10px 5px;
}


 .padding15px{
  padding: 15px !important;
 } 

 .width100{
  width: 100% !important;
 }

 .maxWidth14{
  max-width: 14% !important;
 }


.actionClass{
  float: left !important;
  display: flex !important;
}

.paddingleft20px{
  padding-left: 20px;
}

.collenStyle{
  float: left;
}

.note{
  display: flex;
  padding-left: 20px;
  text-align: justify;
}

.returnSummeryClose{
  margin-left: 10px !important;
  padding: 5px !important;
  min-height: 15px !important;
}

.ticketClose {
  padding: 5px !important;
  font-size: 13px !important;
  min-height: 28px !important;
}

.awaitingStatus{
  float: left;
    margin-right: 10px !important;
}

.replyTextArea{
  width:98%;
  border:1px solid #DDD;
  margin-right: 10px ;
  padding: 10px;
  border-radius: 0.375rem;
}

.fontWeightBold{
  font-weight: bold;
}


.reviewComment>.MuiDialog-container>.MuiDialog-paper {
  min-width: 75%;
  min-height: 75%;
}


.reviewComment{
  cursor: pointer;
}

.customFieldOptions{
  margin-right: 10px !important;
}

.editCustomFieldOptions{
  margin-right: 10px !important;
  margin-bottom: 15px !important;
}

.subHeading{
  float: left !important;
  margin-top: 20px !important;
}

.replyContent{
  float: left !important;
  width: 100% !important;
  margin-bottom: 5px !important;
}

.replyFile
{
  width: 98% !important;
  margin-bottom: 10px !important;
}

.replyFile> .css-5mmmz-MuiInputBase-input-MuiOutlinedInput-input{
  padding: 8px 6px !important;
  height: 23px !important;
}

.keyboardArrowDown{
  position: absolute;
  right: 5px;
  top: 15px;
}

.orderSyncButton{
  color : #FFFFFF !important;
  height : 45px !important;
  margin: 10px !important;
}

.orderSyncCancelButton{
  color : #FFFFFF !important;
  height : 45px !important;
  margin: 10px !important;
}

.orderSubmit{
  color : #FFFFFF !important;
  height : 45px !important;
  padding: 10px 15px !important;
}

.orderSubmitLoading{
  margin-left: 5px!important;
}

.orderSyncLoading{
  width: 30px !important;
  height: 30px !important;
  color: #1a90ff !important;
  margin: 0px auto !important;
}

.formcontrolFilterStyle{
width: 90% !important;
margin: 8px !important;
}

.formcontrolFilterStylNoMargin{
  width: 90% !important;
  margin: 0px 8px !important;
}

.formcontrolOrderSyncLoading{
  min-width: 50px !important;
  margin: 8px !important;
}

.formControlOrderSyncOn{
  min-width: 200px !important;
  margin: 10px 0px !important;
}

.formcontrolShopifyOrderId{
  margin: 10px 0px !important;
  min-width: 140px !important;
}

.displyFlex{
display: flex !important;
}

.serviceSubmitButton{
  display: flex;
  justify-content: flex-end;
}

.productSubmit{
  display: flex !important;
  justify-content: flex-end !important; 
}

.logout{
  text-align: center;
  padding-top: 20%;
}

.categoryNote{
 padding-top: 5px !important;
    line-height: 18px !important;
}

.shopifyHandleNote{
  color: #004094 !important;
  font-weight: 400 !important;
}

.categoryNoteIcon{
  font-size: 14px !important;
  color: red !important;
}

.filterSubmit{
  flex-direction: row !important;
}

.ResetButton{
  box-shadow: 0rem 0.875rem 1.625rem -0.75rem rgba(26, 115, 232, 0.4),0rem 0.25rem 1.4375rem 0rem rgba(26, 115, 232, 0.15),0rem 0.5rem 0.625rem -0.3125rem rgba(26, 115, 232, 0.2) !important;
  margin-left: 5px !important ;
}

.tooltipMessage{
  cursor: pointer;
}

.customerAddressTextColor{
  color: rgba(0, 0, 0, 0.87) !important;
}

.customerAddressTextPadding {
  padding-top: 10px !important;
}


.orderDetailsColor{
  color:rgba(0, 0, 0, 0.87) !important;
}

.ReviewFilterBox{
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ReviewFilterSectionBox> .MuiGrid-root {
  padding-left: 4px !important;
  padding-right: 5px !important;
}

.importFileNote{
  color: #004094 !important;
  font-weight: 400 !important;
}

.MuiListItemText-root> .MuiTypography-root {
font-size: 15px !important;
}

@media (max-width: 768px) {
  .filterStyle {
    width: 94% !important;
  }
}

    @media (max-width: 768px) {
      .filterStyle{
        width: 94% !important;
      }
    }


    @media screen and (min-width: 1200px) {

      .SearchInputBox{
        max-width: 23% !important;
      }}