/* ================================================================================================
// 	File Name: style.scss
// 	Description: Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

form .error {
    font-size: 12px;
}

table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting::before, 
table.dataTable thead .sorting::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc_disabled::after, 
table.dataTable thead .sorting_desc_disabled::after {
    right: 0;
    content: "";
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    box-shadow: none;
    background: none;
    border: none;
}
@media (min-width: 1675px) {
    .table-responsive {
        width: 100%;
        display: table !important;
    }
}
@media (max-width: 504px) {
    h4.title_nmb {
        width: 170px;
    }
}
.show > .dropdown-menu.daterangepicker {
    display: none;
}
.table-responsive {
    margin-top: 20px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
}
.btn {
    padding: 0.5rem 1rem;
}
.select2.select2-container {
    width: 100% !important;
}
button#catlesButton, button#employeesButton, button#userButton {
    float: right;
    margin-top: 20px;
}
.select2-container--default .select2-selection--multiple {
    padding: 3px 8px !important;
}
.center {
    text-align: center;
}
.horizontal-list {
    display: inline-grid;
}
.horizontal-list em {
    font-size: 12px;
    color: gray;
}
#moveModal .modal-content, #receiveModal .modal-content {
    width: auto;
}
span.user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90px;
    display: inline-block;
}
.line-through {
    text-decoration: line-through;
    text-decoration-color: orange;
}
.dashboard .font-medium-5 {
    margin-bottom: 0;
}
.dashboard.card {
    margin-bottom: 0;
    box-shadow: none;
}
.dashboard.card .card-footer {
    padding-bottom: 0 !important;
}
.customer .line {
    text-align: center;
}
.customer .line h6, .customer span.title {
    font-weight: 600;
}
div.product_consom label {
    font-style: italic;
    font-size: 12px;
}
div.product_consom input {
    height: 2.5rem;
}
@media (min-width: 576px) {
    #productionModal .modal-dialog {
        max-width: 800px;
    }
}
.business .dropdown-toggle::after {
    font-size: 0.8rem;
    font-family: 'LineAwesome';
    content: "\f110" !important;
    border: none !important;
    position: relative;
    top: 0px;
    right: 4px;
    padding: 0 2px 0 6px;
    margin: 0 0.3em 0 0;
    vertical-align: 0;
}
.nav.nav-tabs .nav-item .nav-link.active {
    box-shadow: none;
}
@media (max-width: 366px) {
    .business-section, span.nmb-status {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90px;
        display: inline-block;
        position: relative;
        top: 4px;
        text-align: right;
    }
}

@media only screen and (max-width: 768px) {
    p.sold {
        text-align: center;
        margin-bottom: -10px;
        margin-top: 60px;
    }
}
@media (min-width: 1675px) {
    .table-responsive.products {
      width: 100%;
      display: grid !important;
    }
}