/* bulk uplaod list css popup  */

/* table paginataion backgorund color */
 .pager_ a:hover, .pager_ a.active {
  background-color: #feca40 !important;
  color: #fff !important;
  border-color: #feca40 !important;
}
.normalTable tbody tr td .wordbreak{
  word-break: break-all!important;
  white-space: normal!important;
} 

.popup-button{
    /* color: #feca40; */
      background: none;
      border: none;
  }
  
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    display: none;
    z-index: 1000;
  }
  #popupDialog {
    width: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 1001;
  }
  
  .popup-btn{
    float: right;
  }

  /* bulk upload container side  */
  .uploadContainer{
    width: 450px !important;
  }

  #popupDialog {
    width: 90%;
    max-width: 600px; /* Sets a max width for larger screens */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 1001;
    max-height: 80vh; /* Adjusts height relative to viewport */
    overflow-y: auto;
    border-radius: 8px; /* Added for better aesthetics */
    
  }
  
  
  /* Media queries for responsiveness */
  @media (min-width: 600px) {
    #popupDialog {
      width: 70%;
    }
  }
  
  @media (min-width: 768px) {
    #popupDialog {
      width: 60%;
    }
  }
  
  @media (min-width: 992px) {
    #popupDialog {
      width: 50%;
    }
  }
  
  .popup-btn{
    float: right;
  }
  
  
  /* Media queries for responsiveness */
  @media (min-width: 600px) {
    #popupDialog {
      width: 70%;
    }
  }
  
  @media (min-width: 768px) {
    #popupDialog {
      width: 60%;
    }
  }
  
  @media (min-width: 992px) {
    #popupDialog {
      width: 50%;
    }
  }
  .payInvoiceTable {
    width: 100%;
  }

/* keyword close tag icon css this x */
.tag span {margin-right: 5px;}
.tag .remove-tag {
  cursor: pointer;
  font-weight: bold;
  color: #888;
  position: relative;
  right: -3px;
  top: -1px;
}

.remove-tag::after {
  content: '\00d7'; /* Unicode for '×' */
  font-size: 16px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}


.prod-video{
  width: 22%;
  height: 0%;
  object-fit: cover;
  display: block !important;
}

.det_btnbox .btn{
  padding-top: 5px !important;
}


/* retrun edit page css */
.commnetBox{
  width: 50%;
  margin-top: 10px;
}

#commnetBox {
  /* list-style: none; */
  width: 100%;
  height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ccc;
  /* padding-left: 1rem !important; */
  
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  border:0;
}

.clear{clear:both;}
.wrapperComment{
  width:100%;
  /* margin:10px auto; */
}
.commentBox{
  
}
fieldset{
  padding:10px;
  background:#ececec;
}
.form_grp{
  margin-bottom:10px;
}
#comment{
  width:100%;
  height:32px;
  line-height:32px;
  display:block;
  margin-bottom:10px;
  font-size:18px;
  color:#fff;
 padding-left:34px; background:url(https://cdn3.iconfinder.com/data/icons/glypho-free/64/pen-checkbox-32.png) no-repeat left center;
}
textarea{
  width:100%;
  height:100px;
  padding:10px;
  border:1px solid #eee;
  resize:none;
}
#comment_submit{
  padding:5px 20px;
  background-color:#ffb20c;
  color:#fff;
  float:right;
}
.viewCmnt{
  clear:both;
  overflow:hidden;
  position:relative;
  /* background:#c8e7fb; */
  /* border-bottom:1px solid #A6DAFC; */
}
.viewCmnt p {
  width:100%;
  float:left;
  padding:10px;
  font-size:14px;
  line-height:20px;
  }
.edit, .delete{
  position:absolute;
  width:20px;
  height:20px;
  display:none;
  cursor:pointer;
  bottom:5px;
  padding:2px;
   }
.viewCmnt:hover .edit, .viewCmnt:hover .delete{
  display:block;
}
.edit{
  right:26px;  background:url(https://cdn4.iconfinder.com/data/icons/miu/22/editor_pencil_pen_edit_write_-16.png) no-repeat center #0e7ec7;
}
.delete{
  right:5px;
  background:url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/cross-24-16.png) no-repeat center #0e7ec7;
  z-index:2;
}

/* end retrun edit page css */

/* shorting class for table */
th.h_sorting.active i{
  color: var(--dark-text-color)!important;
}
th.h_sorting.active.asc i.fa-caret-down{
  visibility: hidden;
  
}
th.h_sorting.active.desc i.fa-caret-up{
  visibility: hidden;
  
}


/* Custom tooltip styling */
 .tooltip-inner {
   width: 100%; /* Auto width based on content */
  max-width: 400px; /* Allows the tooltip to expand based on content */
  background-color: #333; /* Custom background color */
  color: #fff; /* Custom text color */
  border-radius: 5px; /* Custom border-radius */
  white-space: wrap; /* Prevent text from wrapping */
}


.tooltips {
  width: 100%;
  position: relative;
  display: block;
  /* border-bottom: 1px dotted black; */
}

.tooltips .tooltiptext {
  visibility: hidden;
  width: 100%;
  max-width: 400px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}

.tooltips .tooltiptext::after {
  content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  .tooltips:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  /* auto debit button css 
  * Path: http://localhost:8083/subscription-view*/
  */

  /* The switch container */
.switch-container {
  display: flex;
  align-items: center;
}

/* The switch - the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-right: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2.5px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

/* Toggle when checked */
input:checked + .slider {
  background-color: #ffb20c;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/* Status text */
#autodebitStatus {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}


#loaderBtn {
  display: none;
}

#loaderBtn2 {
  display: none;
}

#loaderBtn3 {
  display: none;
}

#loaderBtn4 {
  display: none;
}

.bulkBuing{
  max-width: 1000px;
}

.amazon_text{
  text-decoration: none !important;

}
/* product query comment css */