/* compare table */
#compare_table .modal-body img {

    width: 138px !important;
    padding: 16px !important;
    height: auto !important;
    float: none !important;
   border: 1px solid transparent;
   position: relative;
}

.container-fluid.m-0.p-0 {
    overflow: hidden;
}
.modal-body #example_wrapper .row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.modal-body table#example {
    background-color: #fff;
   
}
.modal-body table#example thead {
    background-color: #000;
    color: #fff;
}
.modal-body table#example thead th {
    white-space: nowrap;
    border: none;
    border-right:1px solid #ddd;
}
.modal-body table.dataTable tbody tr {
    background-color: transparent;
    text-align: center;
}
.modal-body #example tbody tr th {
    white-space: nowrap;
    background-color: transparent;
    text-align: left !important;
    padding: 8px 10px !important;
    border-right: 1px solid  #ddd;
}
.modal-body #example tbody tr td {
    border-right: 1px solid #ddd !important;
    text-align: left !important;
}
input.tr_checkbox.pull-left {
    /* top: 0; */
    position: absolute;
    z-index: 1;
}
.modal-body div.dataTables_wrapper div.dataTables_length select {
    width: 100%;
    display: inline-block;
}
.modal-body table.dataTable.cell-border tbody  th, 
.modal-body table.dataTable.cell-border tbody  td {
text-align: left !important;
padding: 8px 10px !important;
}
#compare-stock #example td.w_stock {
    position: relative;
}
.modal-body .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.modal-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background: none;
}
.modal-footer button.wish.btn {
    border: 1px solid #f68626;
    background: #f68626;
    color: #fff;
    font-weight: 600;
}
.modal-footer .btn+.btn {
    margin-bottom: 4px;
    margin-left: 0px !important;
}

.modal-footer .wish.btn svg path{fill:#fff;}



@media (max-width:575px){
    div#example_wrapper {
    padding-top: 25px;
}
    div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: block !important;
    max-width: 100%;
}

    div.dataTables_wrapper div.dataTables_length select {
    width: 100%;
    display: inline-block !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 100%;
    min-width: auto;
    padding: 0px;
    /* max-width: 100%; */
}
}

@media (max-width:768px ){
    div#example_length {
    text-align: justify;
}
div#example_filter {
    float: none;
    text-align: justify;
}
}

.modal-body table.table.table-striped.table-bordered.cell-border.text-justify 
tbody#example tbody th, tbody#example tbody td {
    width: 200px !important;
}