table {
    /*border-collapse: separate;*/
    border-collapse:collapse;
    /*border-spacing: 0 9px;*/
    border-spacing:0px;
    width: 100%;
    padding-top: 10px;
}
table th {
    font-size: 12px;
    font-weight: normal;
    color: #A6A6A6;
    outline: none;
    border: none;
    padding-bottom: 18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
table span {
    cursor: pointer;
    font-weight: normal;
}
table span:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    padding-left: 11px;
    font-weight: bold;
}
table span.statusIcon:after {
    content:none;
}
table th:first-child {
    padding-left: 20px;
}
.whitebox-container table th:first-child {
    padding-left: 0px;
}
span.asc:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    padding-left: 11px;
    color: #6D7A8D;
    font-weight: bold;
}
span.desc:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f077";
    padding-left: 11px;
    color: #6D7A8D;
    font-weight: bold;
}
tbody tr {
    height: 30px;
    transition: 0.2s ease; 
}
tbody tr:hover {
    background-color: #fcfafa;
}
tbody tr:hover > td .bordered-btn {
    color: #ffffff;
    background-color: #6d7a8d;
    border: 1px solid #6d7a8d;
}
tbody tr:hover > .delete .del {
    border: 1px solid #F46F64;
    background-color: #F46F64;
    color: #ffffff;
}
td {
    min-width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}
td.name, td.sku, td.ordernum, th.name {
    padding-left: 20px;
}
td.sku, td.quantity {
    max-width: 160px;
    width: 160px;
}
td.salon {
    width: 30%;
}
td.brand {
    width: 36%;
}
td.incentive,
th.incentive {
    width: 55%;
    padding-left: 20px;
}
td.view, td.delete, td.order {
    text-align: right;
    width: 58px;
    min-width: 58px;
}
td.order {
    width: 110px;
}
td.bigcheckbox {
    width: 82px;
    min-width: 82px;
    text-align: center;
}
th.bigcheckbox {
    text-align: center;
}
th.accountNumber{
    min-width: 120px;
}



table.toggles {
    border-collapse: collapse;
    padding-top: 0;
    table-layout: fixed;
}
.toggles td {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #BFBFBF;
}
.toggles tr > td:first-child {
    border-right: 30px solid #FCFAFA;
}
.toggles p {
    margin: 0;
}
.toggles table {
    padding: 0;
}
.toggles table td {
    border-bottom: none;
    padding: 0;
}
.toggles table td:first-child {
    border-right: 15px solid #FCFAFA;
}
.toggles table td:last-child {
    border-left: 15px solid #FCFAFA;
}
.toggles .select {
    padding: 0;
}
table select {
    margin-top: 0;
}




table#filterselects {
    margin-bottom: 30px;
}
table#filterselects th {
    padding-bottom: 0;
}
table#filterselects tr:hover {
    background-color: transparent;
}
table#filterselects td {
    padding-right: 20px;
}



.orderdetails-table {
    border-spacing: 0 25px;
}
.orderdetails-table th {
    padding-bottom: 5px;
}
.orderdetails-table td, .orderdetails-table th {
    max-width: 100px !important;
    width: 100px;
    padding-left: 50px;
}
.orderdetails-table td:first-child, .orderdetails-table th:first-child {
    max-width: 100%;
    width: auto;
    padding-left: 0;
}




@media screen and (min-width: 1025px){
    select#amountfilter {
        min-width: 116px;
    } 
}
@media screen and (max-width: 768px) {
    table {
    }
    table td {
        min-width: 150px;
        padding-right: 10px;
    }
    table th:first-child, td.name, td.sku, td.ordernum {
        padding-left: 0;
    }
    table.toggles td {
        display: block;
        border-right: none !important;
    }
    .toggles table td {
        display: table-cell;
        min-width: 0;
    }
    .toggles table td:first-child {
        border-right: 7px solid #FCFAFA !important;
    }
    .toggles table td:last-child {
        border-left: 8px solid #FCFAFA !important;
    }
    .orderdetails-table td, .orderdetails-table th {
        min-width: 100px;
    }
    .searchlist {
        margin-right: 0;
    }
    #quickOrderlist th:last-child {
        text-align: center;
        padding-right: 10px;
    }
    td.order {
        padding-left: 20px;
    }
}