.filter-datatable-container {
    display: none;
    position: absolute;
    top: 91px;
    z-index: 9;
    width: 100%;
    padding-top:10px;
    padding-right: 20px;
    background-color: transparent;
}

.filter-datatable-shadow{
    -webkit-box-shadow: 8px 9px 5px -6px rgba(89,89,89,1);
    -moz-box-shadow: 8px 9px 5px -6px rgba(89,89,89,1);
    box-shadow: 8px 9px 5px -6px rgba(89,89,89,1);
}

.filter-datatable-head {
    padding: 8px;
    background-color: #334559;
    font-size: 16px;
    color: white;
    border: solid 1px #29323d;
}

.filter-datatable-close-button {
    float: right;
    color: white;
    cursor: pointer;
}

.filter-datatable-close-button:hover {

    color: red;
}


.filter-datatable-foot {
    height: 12px;
    background-color: #334559;
    font-size: 16px;
    color: white;
    border: solid 1px #29323d;
    border-top: none;
}

.filter-datatable-container .filter-datatable-block {
    padding: 12px;
    background-color: white;
    border: solid 1px #29323d;
    border-top: none;
    padding-bottom: 0px;
}

.filter-datatable-container .total_product_page {
    display: none;
}

.filter-block {
    background-color: white;
    border: none!important;
}

.filter-block h5 {
    background-color: #cccccc!important;
    padding: 3px!important;
    padding-left: 5px!important;
}


.dataTables_filter label {
    border: solid 1px #cccccc;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 6px;
}

.dataTables_filter  input {
    border : none!important;
    border-radius : 0px!important;
    border-top-right-radius : 4px!important;
    border-bottom-right-radius : 4px!important;
    border-left: solid 1px #cccccc!important;
    height: 32px;
}

.datatable-cell-container {
    height: 0px;
    text-align: right;
}

.datatable-body-cell-product {
    /*min-width: 400px;*/
    font-size: 0!important;
    cursor: pointer;
}

.datatable-body-cell-product-img {
    display: inline-block;
    vertical-align: top;
}

.datatable-body-cell-product-favorite-icon {
    width: 20px;
    height:14px;
    font-size: 14px;
    color:#ffa900;
    text-align: center
}

.datatable-body-cell-product-favorite-icon i{
    position: relative;
    left: -1px;
}


.datatable-body-cell-product-img img {
    width: 56px;
    height: 56px;
}

.datatable-body-cell-product-text {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.datatable-body-cell-product-brand{
    display: inline-block;
    overflow: hidden;
    text-overflow: clip;
    height:20px;
    padding-left: 3px;
    padding-top: 4px;
    width: 100%;
    font-size: 11px;
    font-weight: bold ;
}

.datatable-body-cell-product-label{

    overflow: hidden;
    text-overflow: clip;
    height:20px;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    font-size: 11px;
}

.datatable-body-cell-product-properties {
    display: inline-block;
    height:16px;
    padding: 3px;
    width: 100%;
    font-size: 10px;
    overflow: hidden;
}

.datatable-header-as-product-col {
    text-align: center;
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    border-left : none;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    max-width: 620px!important;
    min-width: 480px!important;

}

.datatable-header-as-product-first-col {
    text-align: center;
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    max-width: 620px!important;
    min-width: 480px!important;

}

.datatable-header-as-first-col {
    text-align: center;
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    width: 96px!important;
    max-width: 96px!important;
    min-width: 96px!important;

}

.datatable-header-as-price {
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    border-left : none;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    height: 48px;
    width: 96px!important;
    max-width: 96px!important;
    min-width: 96px!important;
}

.datatable-header-as-blue {
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    border-left : none;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    height: 48px;
    width: 96px!important;
    max-width: 96px!important;
    min-width: 96px!important;
    background-color: #fff8c3 !important;
}

.datatable-header-as-optional {
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    border-left : none;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    height: 48px;
    width: 96px!important;
    max-width: 96px!important;
    min-width: 96px!important;
    background-color: #f6ffeb!important;
}

.datatable-header-as-price .header-content-cell {
    width: 84%;
    overflow: hidden;
    text-overflow: clip!important;
    text-align: center;
}

.datatable-header-as-blue .header-content-cell {
    width: 84%;
    overflow: hidden;
    text-overflow: clip!important;
    text-align: center;
}

.datatable-header-as-opponent {
    text-align: center;
    border: solid 1px #dddddd;
    border-bottom: solid 4px #dddddd;
    border-left : none;
    padding-left: 3px!important;
    padding-right: 3px!important;
    font-size: 10px!important;
    width: 96px!important;
    height: 48px;
    max-height: 68px!important;
    max-width: 96px!important;
    min-width: 96px!important;
    overflow: hidden!important;
}

.datatable-header-as-opponent:hover {
    overflow: visible!important;
}

.datatable-header-as-opponent .header-content-cell{
    width: 84%;
    overflow: hidden;
    text-overflow: clip!important;
    text-align: center;
}

.datatable-btn-filter {

}

.datatable-btn-filter-with-filter
{
    background-color: #e8e8e8;
    color: #D9534F;
    border: solid 1px #D9534F;
    font-weight:bold;
}

.datatable-btn-filter-with-filter:hover {
    background-color: #D9534F;
    color: #ffffff;
    border: solid 1px #D9534F;
    font-weight:bold;
}

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

.datatable-button-export {
    position: absolute;
    right: 9px;
    top: 62px;
    z-index: 99;
}

.datatable-button-export .btn-clean-repricing{
    background-color: #580f18 !important;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    height: 34px;
}


.datatable-button-export .btn-clean-repricing:hover{
    background-color: #8e1c15 !important;
}

.datatable-button-export span{
    border-top-color: white!important;
}

.datatable-button-export button{
    border-radius: 4px!important;
    background-color: #334558!important;
    color:white;!important;
}

.datatable-button-export button:hover{
    color:white;!important;
    background-color: #61758f !important;
}

.datatable-button-export button:focus{
    color:white;!important;
    background-color: #61758f !important;
}

.datatable-button-export button:active{
    color:white;!important;
    background-color: #61758f !important;
}

.datatable-header-product-count{
    display: inline-block;
}


.datatable-count-label {
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #fff9ad;
    border-radius: 20px;
    color: #484848;
    margin-left: 4px;
    font-size: 12px;
    font-weight: normal;
}


/* CELL EDITABLE */
.data-table-cell-editable-value .edit, .save {
    width: 40px;
    display: block;
    top: 0px;
    right: 0px;
    padding: 4px 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    cursor: pointer;
    box-shadow: -1px 1px 4px rgba(191, 54, 54, 0.5);
}

.data-table-cell-editable-value .edit {
    background: #e69914;
    color: #f0f0f0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}


.data-table-cell-editable-value .save {
    display: none;
    background: #4aa553;
    color: #f0f0f0;
}

.dataTable .text-color-red{
    color: red;
    font-weight: bold;
}

.data-table-cell-editable-value {
    outline: none;
}

.data-table-cell-on-edition {
    background-color: #ffffd1;
    border: solid 1px rgba(199, 2, 2, 0.24)!important
}

.data-table-cell-on-edition .text {
    margin-right: 10px;
    outline: none;
}

.data-table-cell-editable-value:hover .edit {
    opacity: 1;
}

.datatable-base-cell-container {
    height: 100%;
    width: 100%;
    display: table;
}

.vertical-align-cell {
    vertical-align: middle;
}

.datatable-error-cell {
    padding: 2px!important;
    padding-right: 12px!important;
    display: table-cell;
    vertical-align: middle;
    background-color: #ff4232;
    color: white;
}

.datatable-currency-optional-cell {
    padding: 2px!important;
    padding-right: 12px!important;
    display: table-cell;
    vertical-align: middle;
    background-color: #f5ffea;
}

.datatable-standard-cell {
    padding: 2px!important;
    padding-right: 12px!important;
    display: table-cell;
    vertical-align: middle;
}

.datatable-warn-cell {
    padding: 2px!important;
    padding-right: 12px!important;
    display: table-cell;
    vertical-align: middle;
    background-color: #ebfffa;
}

.datatable-value-out-of-stock {
    background-color: red;
    display: inline-block;
    color: white;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
}

.datatable-value-out-of-promo {
     cursor: pointer;
     background-color: #19c2ff;
     display: inline-block;
     color: white;
     border-radius: 3px;
     padding-left: 2px;
     padding-right: 2px;
}

.datatable-value-out-of-promo:hover .datatable-value-out-of-promo-hover{
    display:inline-block;
}

.datatable-value-out-of-promo-hover {
    color: black;
    display: none;
}