body[data-sidebar=dark].vertical-collpsed {
    min-height: auto;
}
i.bx.bx-layout::before {
    font-style: normal !important;
    font-weight: 600 !important;
    content: "\42";
    font-family: sans-serif;
    color: #fff;
}
i.bx.bx-icon::before {
    font-style: normal !important;
    font-weight: 600 !important;
    content: "\41";
    font-family: sans-serif;
    color: #fff;
}
i.fa-solid.fa-r.fa-fw:before {
    content: "\52";
    font-style: normal;
    font-weight: 600;
}
.col-md-4.brand-image img{
    width : 50%;
}
td.product-name {
    white-space: break-spaces;
    min-width: 230px;
}
td.product-image img {
    width: 50% !important;
}
/* td.product-image img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 30% !important;
} */

td.product-image {
    position: relative;
}
.card-body.previous-date .col-md-4 h4 {
    text-align: left;
}
ul.pagination li {
    padding: 0 0;
    margin-bottom: 0;
    margin-right: 10px;
}

ul.pagination {
    margin-bottom: 0;
}
.box-3{
    min-width: 140px;
  }
  .price-box{
    padding-left: 0  !important;
    padding-right: 0 !important;
    padding-bottom: 0px !important;
  }

.box-price p {
    width: 33%;
    float: left;
    margin-bottom: 0;
    border-top: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    /* padding-bottom: 10px; */
    position: relative;
    padding: 6px;
}

.box-price p:last-child {
    border-right: 0;
}
td.percentage{
    position: relative;
}
.percentage span{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
/* Breadcrumb CSS */
.breadcrumb-item > a {
    color: #556ee6 !important;
}
.breadcrumb-item 
{
	text-transform: capitalize;
}
.breadcrumb{
	background-color: #ededed !important;
    border-radius: 0.25rem !important;
}  

body[data-sidebar=dark] .menu-title {
    color: #ffffff;
}
.col-md-3.vendor-brand {
    width: 25%;
    padding: 0 8px;
}
    .avatar {
    width: unset;
    height: unset;
}

.card-title.img img {
    width: 50%;
    height: 40px;
}

.card-title.img {
    text-align: center;
}
table.table td img {
    width: 50%;
}
table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 20px;
    float: left;
}
.card-body.filter-box .filter-data h5:first-child a{
    color: #000;
    font-weight: 800 !important;
}

.card-body.filter-box .filter-data h5 a {
    color: #000;
    font-weight: 400;
}
.card.table tr th.competitors, .card.table tr td.competitors,.card.table tr th.lower,.card.table tr td.lower {
    max-width: 150px;
}

.card.table .card-body {
    padding: 0 12px 12px;
    border-top: 0;
}
.card.table tr th {
    padding: 0.625rem 1rem;
    text-align: center;
}
table.table{
    color: #000;
}
.table:not(.table-dark) th{
    color: #000;
}
.vendor-brand .card {
    margin-bottom: 0;
}
.card-body.previous-date label a {
    color: #000;
    text-decoration: underline !important;
}
div#example_wrapper div#example_length,div#example2_wrapper div#example2_length  {
    float: left;
}
.card-body.non-product img {
    width: 100px;
}
table#example tr th.width {
    width: 120px !important;
}
.card-body.previous-date.brand label {
    padding-right: 10px;
}

.card-body.previous-date.brand label:last-child {
    padding-right: 0;
}
.card-body.previous-date {
    text-align: right;
    padding-top: 10px !important;
}
.card-body.filter-box{
  background-color: #f7f7f7;
}

.card-body.filter-box .col-md-3{
  background-color: #fff;
  border: 1px solid;
  padding: 0;
}
.card-body.filter-box .col-md-3 h4{
  text-align: center;
}
.card-body.filter-box h5 {
    margin-bottom: 4px;
    font-size: 14px;
}
.card-body.filter-box h5 i.selected {
    color: green;
}
.card-body.filter-box h5 i {
    color: grey;
    font-size: 16px;
    margin-right: 10px;
}
.no-of-vendor{
    width: 200px !important;
}
.card.vendor-report tr td input {
border: 0;
background: no-repeat;
}
.card-body.filter-box .filter-head {
    padding: 10px 0;
    border-bottom: 1px solid;
}

.card-body.filter-box .filter-head h4 {
    margin-bottom: 0;
    color:blue;
}

.card-body.filter-box .filter-data {
    padding: 10px;
}

@media (min-width: 1200px){
    .layout-page{
    padding-left: 16.25rem;
}
.layout-menu.menu-vertical.menu.bg-menu-theme {
    bottom: 0;
    left: 0;
    margin-left: 0!important;
    margin-right: 0!important;
    position: fixed;
    top: 0;
}
}

table.table tbody {
    font-size: 15px;
}
.dataTables_info {
    float: left;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: inherit !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(230, 230, 230, 0.1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
div#example_info {
    float: left;
}

td.price-box img {
    min-width: 110px;
    max-width: 110px;
}

.search-not-found {
    position: relative;
    height: 8pc;
}

.search-not-found span {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-weight: 500;
    font-size: 40px;
    color: red;
}

.form-group.price-search input {
    width: 59%;
    display: inline-block;
}

.form-group.atp select,.form-group.atp input {
    width: 25%;
    display: inline-block;
}

.form-group.price-search {
    width: 20%;
    display: inline-block;
}

.form-group.atp {
    width: 18%;
    display: inline-block;
}
td.position {
    position: relative;
}
td.position span.current-discount {
    left: 50%; 
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

td.position.atp_sale span {
    width: 60%;
    box-sizing: border-box;
}
td.position.atp_sale span p {
    margin-bottom: 0;
    padding: 5px 5px;
}
td.price-box {
    position: relative;
}
td.price-box span.ai-price-box {   
    margin-top: 10px;
	/* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute; */
}

td.brand-image img {
    width: 100% !important;
}
/* table#example {
    width: 100% !important;
    display: block;
    overflow-x: scroll;
} */
.card-body.inline-divs .form-group {
    display: inline-table;
}
.form-group.competive-data {
    display: inline-block;
    width: 14%;
}

.form-group.competive-data p {
    margin-bottom: 4px;
}
.form-group.competive-data p label {
    margin-bottom: 0;
}

/* table#example {
    max-height: 100pc;
}
table#example tr th {
    position: sticky;
    top: -5px;
    background: #fff;
    z-index: 11;
    border-bottom: 1px solid; */
/* } */