.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #343A40;
  opacity: 0.3; 
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #343A40;
  opacity: 0.3;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #343A40;
  opacity: 0.3;
}

.header {
  border-bottom: 1px solid #DFE0EB;
}

.footer-fixed .footer {
    position: fixed;
    height: 70px;
    z-index: 97;
    -webkit-box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    bottom: 0;
    right: 0;
    left: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.table th {
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

.table.gs-10 th:last-child, 
.table.gs-10 td:last-child {
    text-align: center;
     padding-right: 2.5rem;
}
.table.gs-10 th:first-child, 
.table.gs-10 td:first-child {
    padding-left: 1.5rem;
}

.bg-gray-100 {
    background-color: #f8f8f8 !important;
}
 .table tbody tr.border-bottom-2px {
  border-bottom: 2px solid #dfdfdf !important;
}
.border-bottom-2px {
 border-bottom: 2px solid #dfdfdf !important; 
}
.curser-pointer {
  cursor: pointer;
}
.open .fa-regular {
  transition: transform 0.3s ease;
}

.shown .fa-regular {
    transform: rotate(90deg);
    position: relative;
    
}

.aside .translate-middle.active .fa-angles-left::before {
    transform: rotate(180deg) !important;
}

.aside .aside-menu {
  border-top: 1px solid #262626;
}

.aside-dark .menu .menu-item .menu-link.active {
  background-color: #009ef712;
}


/*.subtable-scroll {
  width: 100%;
    overflow: auto;
}*/
.aside-menu .menu-item .menu-icon {
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 26px !important;
}

.dataTables_scrollFoot {
  display: none;
}


/*Master SKU Listing table*/
body .master-sku-list-table {
  min-width: 1850px !important;
}

[data-kt-aside-minimize="on"] .subtable-scroll  {
   /* width: calc(100% - 268px);*/
}

.child-product-table {
  overflow: auto;
}
.child-product-table {
  margin: 0 -30px;
}


.child-product-table table {
    min-width: 800px !important;
}
.addfield .addfieldspan:last-child {
   
   opacity: 0.5;
  pointer-events: none;
}
.addfield .addfieldspan:last-child .form-control {
  pointer-events: none;
}
.editablefiled {
  background-color: #fffceb !important;
}

.table tbody tr.border-bottom-1px {
      border-bottom: 1px solid #EFF2F5 !important;
}
.editablefiled input {
  border: none;
  background: none !important;
  padding: 5px;
  width: 100px;
  border-radius: 2px;

}
.editablefiled input:focus {
  outline: 1px solid #eee;
}
.aside-logo .shadow-sm {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%) !important;
}


.form-switch.form-check-solid .form-check-input:checked {
    background-color: #009ef7 !important;
}


/*Project Management Page*/
body .project-management-table {
  width: 1900px !important;
}

/*Amazon Product Table*/
body .amazon-product-table {
  width: 1900px !important;
}


/*Sales Order Page*/
body .sales-order-table {
 min-width: 1100px !important;
}
.badge {
  border-radius: 14px !important;
}
.badge-release {
  background: #FFEAD4 ;
  color: #FD9427;
}
.badge-shiped {
  background: #DDF7E1 ;
  color: #099F22;
}
.badge-picked {
  background: #DFF4FE ;
  color: #00B1FF;
}
.badge-notprocessed {
  background: #FFF5D5 ;
  color: #D7A200;
}
.badge-cancelled {
  background: #FED8D7 ;
  color: #FC3D39;
}
.badge-packed {
  background: #DEDEF6 ;
  color: #585AD3;
}
.badge-pack {
  background: #D7EAFD ;
  color: #3596F7;
}

/*vender-central-management-table*/
body .vender-central-management-table {
 min-width: 1100px !important;
}

/*fba-management-table*/
body .fba-management-table {
 min-width: 1000px !important;
}

/*document-management-table*/
body .document-management-table {
min-width: 1460px !important;
}

/*pick-pack-ship-table*/
body .pick-pack-ship-table {
 min-width: 1800px !important; 
}


table.dataTable thead th, table.dataTable thead td, 
table.dataTable tfoot th, table.dataTable tfoot td {
    background-color: #F8F8F8 !important;
}
table.dataTable th {
    border-bottom-color: #DFDFDF !important;
}


/*PO Page*/
.dtfc-fixed-right {
  z-index: 3 !important;
  text-align: center !important;
}


/*dataTable*/
/*.dataTables_scrollHeadInner {
  width: auto !important;
}*/

table.dataTable {
  border-top: 1px solid #E4E6EF;
}


/*.dataTables_scrollHeadInner{
  width:100% !important;
}*/
/*.dataTables_scrollHeadInner table{
  width:100% !important;
}*/


@media (max-width: 992px) {
  .header {
    background-color: #202126 !important;
  }
  .child-product-table {
  margin: 0 -15px;
}
.drawer-on {
      display: flex!important;
    overflow: auto;
    z-index: 110;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #fff;
      -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    left: 0;
    width: 300px !important;
}
.drawer.drawer-on {
   
    box-shadow: 0 1px 9px -3px rgb(0 0 0 / 5%);
    transition: transform .3s all;
}
.drawer-on .hover-scroll-overlay-y {
  /*height: 100% !important;*/
}

div#kt_aside_menu_wrapper {
    height: 100% !important;
}

.drawer-overlay {
  z-index: 50 !important;
}

}

@media (max-width: 767px) {
.dataTables_info {
  display: none;
}
.col-sm-12.col-md-7.d-flex.justify-content-end {
    justify-content: center !important;
}

.mo-tab-scroll {
  overflow: auto;
  margin-bottom: 8px;
}
.mo-tab-scroll .nav-tabs {
  width: 600px;
  margin-bottom: 7px !important;
}
.mo-tab-scroll .nav-tabs.small-scroll {
    width: 100%;
    margin-bottom: 7px !important;
}


}

@media (max-width: 575px) {
  .text-right-sm {
    text-align: right;
  }
  .bluckaction {
      position: absolute;
      top: 41px;
  }

.bg-white.drawer.drawer-end.drawer-on {
/*  max-width: 300px !important;*/
  left: auto !important;
}


}

.btn-lg, .btn-group-lg > .btn {
border-radius: 0.625rem;
}


.notice.border-primary {
    border-color: #95c8e5 !important;
}

.error-help-block {
  color: #F1416C;
  /*position: absolute;*/
  /*top: 70px;*/
  /*left: 0;*/
}

.upload-filename {
  display: none;
}

tr.even {
    background: #fbfbfb;
}

.multidata-td strong {
  font-weight: 700;
}
#master-product-table_wrapper table.dataTable th,
#master-product-table_wrapper table.dataTable td {
    border-right: 1px solid #dfdfdf;
    vertical-align: top;

}
#master-product-table_wrapper table.dataTable th:first-child,
#master-product-table_wrapper table.dataTable td:first-child {
  text-align: center;

}

#product-analyzer-table_wrapper table.dataTable th,
#product-analyzer-table_wrapper table.dataTable td {
    border-right: 1px solid #dfdfdf;
    vertical-align: top;

}
#product-analyzer-table_wrapper table.dataTable th:first-child,
#product-analyzer-table_wrapper table.dataTable td:first-child {
  text-align: center;

}

.magnific.w-50px {
  margin: 0 auto;
}

body .vender-central-management-table {
    min-width: 1980px !important;
}
.text-success {
    color: #8ebd58 !important;
}

.other-supplier-dd {
  position: relative;
  margin-bottom: 0 !important;
}

.other-supplier-table {
    position: absolute !important;
    top: 0;
    right: auto;
    left: 0;
    z-index: 2;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 40%);
    background: #fff;
}

#product-analyzer-table_wrapper .badge-light-success {
    color: #50CD89;
    background-color: #E8FFF3;
}
.card-data-dd p {
    position: absolute !important;
    top: -6px;
    left: auto;
    z-index: 2;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 40%);
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    min-width: 300px;
}

/*loader*/
.page-loading:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background: #9dc4ed91;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.page-loading:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../media/loader-img.svg);
    width: 200px;
    height: 200px;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.page-loading1:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background: #9dc4ed91;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.page-loading1:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../media/loader-img.svg);
    width: 200px;
    height: 200px;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.filter-apply-icon {
    position: absolute;
    top: 15px;
    right: -2px;
    font-size: 10px;
}



/*SMART FILTER*/
.filter-left {
    border-right: 1px solid  #e7e7e7;
}
.filter-right {
    border-left: 1px solid  #e7e7e7;
}
.fiter-left-footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 15px 15px;
}
.save-filter {
    position: relative;
    width: 100%;
}
.reset-default {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    background: #fbfbfb;
}
.fiter-left-header {
    min-height: 35px;
    border-bottom: 1px solid #eee;
}
.fiter-left-body {
    display: flex;
    height: calc(100vh - 217px);
}
.edit-filter-view {
    display: flex;
}
.save-filter-list {
  padding-left: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 0;

}
.save-filter-list > li {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.save-filter-list > li > .edit-filter-view > a {
    padding: 6px 10px 6px 20px;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}
.edit-filter-name {
    background: #fff;
    position: absolute;
    left: 1px;
    width: 100%;
    display: none;
}
.edit-filter-control {
    border: none;
    padding: 7px 50px 10px 18px;
    font-size: 13px;
    background: none;
    width: 100%;
}
.filter-edit-delete {
    position: absolute;
    right: 8px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.filter-edit-delete > a {
    padding: 5px 6px;
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    color: #1181b2;
}


/*Chart CSS*/
.circle_percent {
  font-size: 200px;
  width: 1em;
  height: 1em;
  position: relative;
  background: #eee;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin: 20px;
}
.circle_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  clip: rect(0 1em 1em 0.5em);
}
.round_per {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  background: #009ef7;
  clip: rect(0 1em 1em 0.5em);
  transform: rotate(180deg);
  transition: 2.05s;
}
.percent_more .circle_inner {
  clip: rect(0 0.5em 1em 0em);
}
.percent_more:after {
  position: absolute;
  left: 0.5em;
  top: 0em;
  right: 0;
  bottom: 0;
  background: #009ef7;
  content: "";
}
.circle_inbox {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #fff;
  z-index: 3;
  border-radius: 50%;
}
.percent_text {
  position: absolute;
  font-size: 36px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.card .card-header {
  min-height: 64px;
}

.d-show-hide {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    overflow: hidden;
    border: 1px solid #e5e4e4;
    position: absolute;
    background: #fff;
    z-index: 1;
    display: none;
}
.d-show-hide .row {
    border-bottom: 1px solid #eee;
    padding: 2px 5px;

}
.d-filter-show-hidebox .d-show-hide {
  display: block;
}

.img-mark {
    position: absolute;
    left: -12px;
    top: -5px;
    z-index: 5;
    background: #fff;
    border-radius: 41px;
}
.position-relative .fa-shield-check::before {
    content: "\f2f7";
    position: relative;
    left: 2px;
}

 .badge-light-success {
    color: #50CD89;
    background-color: #E8FFF3;
    border: 1px solid #b6ffda;
}

.data-event-show-hide {
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    width: 430px;
    position: absolute;
    background: #fff;
    top: 100%;
    left: auto;
    right: 0;
    display: none;
    z-index: 2;
}
.show-hide-event-btn.active + .data-event-show-hide {
  display: block;
}

.product-analyzer-table .multidata-td strong,
.product-analyzer-table .multidata-td .fw-700
 {
    font-size: 12px;
}

.product-analyzer-table.dataTable th {
    font-size: 12px;
}
.bg-success {
    background-color: #8ebd58 !important; 
}
.badge-dark-gray{
    background: #c1c1c1;
}
.badge.badge-circle.badge-success {
    background: #50cd89;
}
.border-right-light {
    border-right: 1px solid #eee;
}
.w-19px {
    width: 19px;
}
.deal-date-range-div {
    position: relative;
    margin-bottom: 0 !important;
}
.deal_date_div-table {
    position: absolute !important;
    top: 0;
    right: auto;
    left: 0;
    z-index: 2;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 40%);
    background: #fff;
}
.po-supplier-info {
    position: relative;
    margin-top: -23px;
    top: -22px;
    margin-left: -190px;
}
.min-w-40px {
    min-width: 40px;
}
.w-5 {
    width: 5%;
}
.w-19 {
    width: 19%;
}

.po-check-box {
    width: calc(100% - 20px) !important;
}

.add-po-list-table table.dataTable > thead > tr > td:not(.sorting_disabled), 
.add-po-list-table table.dataTable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 0.75rem;
}
.add-po-list-table table.dataTable > thead > tr > th:first-child .form-check {
    position: relative;
    left: 4px;
}
.add-po-list-table .hover-scroll-overlay-y {
    max-height: calc(100vh - 327px);
    overflow-x: hidden;
    --scrollbar-space: 0rem !important;
}
.po-table-fix-width {
    min-width: 1427px !important;
}

.min-w-85px {
    min-width: 85px;
}
.max-w-300px {
    max-width: 300px !important;
}

.min-h-36px {
    min-height: 36px;
}

.profit-margin-danger {
    background: #FFDBDA;
    font-size: 16px;
    position: relative;
    top: 2px;
    min-height: 26px;
    display: flex;
    align-items: center;
}
.profit-margin-success {
    position: relative;
    top: 2px;
    background: #EBFFE8;
    min-height: 26px;
    display: flex;
    align-items: center;
}}

.ec-dd-ui {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}
.ec-dd-ui-header {
    background: #1E1E2D;
    align-items: center;
}
.other-supplier-dd.ec-dd-ui {
    position: absolute;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-radius: 4px;
    overflow: hidden;
    min-width: 230px;
}
.sub-table-hie-show {
    background: #FBFBFB;
    border: 1px solid #DFDFDF;
}

.sub-table-hie-show table tr th, .sub-table-hie-show table tr td {
    background: #fff;
    border: 1px solid #eee !important;
}
.ec-dd-ui table tr th, .ec-dd-ui table tr td {
    padding: 3px 6px !important;
    font-size: 11px;
    color: #000 !important;
    vertical-align: middle !important;
}
/*.ec-dd-ui table tr th {
    white-space: nowrap !important;
    
}
*/
body table tr .ec-dd-ui table tr th {
    white-space: nowrap !important;
    border-right: 1px solid #eae9e9 !important;
}


.hidden {
    display: none;
}
.visible {
    display: block;
}
.hide-show-div {
    display: none;
}
.trs-avg-div.hidden.hide-show-div,
.trs-refund-div.hidden.hide-show-div,
.ads-ros-div.hidden.hide-show-div,
.sub-table-hie-show.p-3.hide-show-div  {
    display: block;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-xs, 
.btn-group-xs > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: calc(0.10rem + 1px) calc(0.8rem + 1px);
    border-radius: 5px !important;
}

table.table-responsive.w-100.white-bg tr th, 
table.table-responsive.w-100.white-bg tr td {
    background: #fff !important;
}

tr.custom-added-div {
    background: #e6e6e6;
}

tr.custom-added-div table tr th {
    background: #1e1e2d !important;
    color: #fff;
    border: none !important;
    text-transform: capitalize !important;
    text-align: left !important;
}
tr.custom-added-div table tr td {
    background: #d6eefd;
    border-right: none !important;
    border-bottom: 1px solid #fff;
    text-align: left !important;
    font-weight: 600;
}

tr.custom-added-div {
    background: #e6e6e6;
    border-bottom: 1px dashed #a9bdc7 !important;
}
/*Purchase Order List background color*/

.parent-color-class {
    position: relative;
}
.parent-color-class span {
    padding: 0 5px;
    line-height: 14px;
    word-break: break-word;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.planner-bg {
    background-color: #fecd8d !important;
}

.backorder-bg {
    background-color: #9ab9f3 !important;
}

.standard-po-bg {
    background-color: #66e2eb !important;
}

.swal-wide{
    width:850px !important;
}

.add-to-po-dd {
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-radius: 3px;
    overflow: hidden;
}
.max-w-500 {
    max-width: 500px;
}


/*File Upload*/
.dropzone {
    border: 1px dashed #dadfba !important;
    background-color: #f7f7f7 !important;
    position: relative;
}
.dropzone:hover {
    background: #eef9ff !important;
    border-color: #9ddcff !important;
}
.dropzone input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


/*Choose color*/
.choose-color-dd {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    background: #fff;
    top: auto;
    bottom: 31px;
    left: -49px;
}

.choose-color-radio-group .form-check-input:checked[type=radio] {
    background-image: none;
}

.choose-color-radio-group .form-check-gray-200 .form-check-input  {
    background: #D9D9D9;
}

.choose-color-radio-group .form-check-danger .form-check-input  {
    background: #CC0000;
}

.choose-color-radio-group .form-check.form-check-danger .form-check-input:checked {
    background-color: #CC0000;
}

.choose-color-radio-group .form-check-success .form-check-input  {
    background: #009E0F;
}

.choose-color-radio-group .form-check.form-check-success .form-check-input:checked {
    background-color: #009E0F;
}
.choose-color-radio-group .form-check.form-check-custom .form-check-input {
    border: none;
}

.choose-color-dd .d-flex {
    position: relative;
}

.choose-color-dd .d-flex:after {
    width: 13px;
    height: 13px;
    content: "";
    position: absolute;
    bottom: -13px;
    left: 40%;
    background: white;
    transform: rotate(45deg);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    z-index: -1;
}

.modal-table-bordred tr th, 
.modal-table-bordred tr td {
    border: 1px solid #eee;
    padding: 5px;
}

.project-error-symbol {
    background: #d91616;
    position: relative;
    right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px 0;
    border-radius: 4px;
}

table tr:first-child td .choose-color-dd {
  top: 31px;
  bottom: auto;
}

table tr:first-child td .choose-color-dd .d-flex:after {
  top: -13px;
  bottom: auto;
  transform: rotate(226deg);   
}
.accordion-box-shadow {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
}

/*PO Details Table*/
.add-to-po-dd-body {
    padding: 10px;
}

.add-to-po-dd-outer {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    display: inline-flex;
    margin-right: 15px;
}
.add-to-po-dd-outer:last-child {
    margin-right: 0;
}
.table-dd-ui {
    margin-bottom: 0;
    max-width: 200px;
}

.add-to-po-dd .add-to-po-dd-body tr th, 
.add-to-po-dd .add-to-po-dd-body tr td {
    background: #F8F8F8;
    text-align: left !important;
    padding: 4px 7px !important;
}

@media (max-width: 1400px) {

    .min-auto-n-s.min-w-225px {
        min-width: 180px !important;
        max-width: 180px !important;
        width: 180px;
    }
    .dataTable.po-table-fix-width {
        min-width: 1369px !important;
        max-width: 1369px !important;
        
    }

    .po-table-fix-width {
        min-width: 1393px !important;
    }
}

.h-200px{
  height:200px !important
}