/* Admin Edit Customer */
.select2-container .select2-selection--multiple,
.wp-admin .fulfillment-header .custom-control .select2-container .select2-selection--multiple {
    max-height: 50px;
    overflow: auto;
}

#products .delivery-container:nth-child(even) {
    background-color: initial;
}

#products .delivery-container .delete-fee {
    cursor: pointer;
}

#products .delivery-container .delete-fee.disabled {
    color: #ccc;
    pointer-events: none;
    cursor: not-allowed;
}

.order-table tr.kf-packing-box.is-custom {
    background-color: #a0e2b0 !important;
}

.order-table tr.kf-packing-box.is-sub {
    background-color: rgb(178,194,253) !important;
}

.order-table tr.kf-packing-box {
    cursor:pointer;
}

.wp-list-table #visibility.manage-column.column-visibility {
    width: 50px;
}

#kf_menu tbody tr[id^='row_'] td.focus {
    outline: 0px !important;
}

#kf_menu tbody tr[id^='row_'] td:nth-of-type(3) {
    color: blue;
    min-width:100px !important;
    width: 15% !important;
}
#kf-standard-menu #add_menu_product select {
    vertical-align: inherit;
}

.menu-email-order thead tr th {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    background-color: rgba(199, 191, 191, 0.5)
}

.menu-email-order tbody tr td {
    color: #000;
    font-weight: 450;
}

.menu-email-order tbody tr:nth-child(odd) {
    background-color: rgba(209, 149, 86, 0.5);
}

.menu-email-order tbody tr:nth-child(even) {
    background-color: white;
}

button.payment-actions.void {
    border-color: rgb(226, 156, 0);
    background-color: rgb(226, 156, 0);
    box-shadow: none;
    text-shadow: none;
    color: rgb(255, 255, 255);
    width: 75%;
}

button.payment-actions.delete {
    border-color: rgb(170, 0, 0);
    background-color: rgb(170, 0, 0);
    box-shadow: none;
    text-shadow: none;
    color: rgb(255, 255, 255);
    width: 75%;
}

button.payment-actions.refund {
    border-color: rgb(0, 103, 170);
    background-color: rgb(0, 103, 170);
    box-shadow: none;
    text-shadow: none;
    color: rgb(255, 255, 255);
    width: 75%;
}

button.payment-actions.declined {
    border-color: rgb(180, 178, 0);
    background-color: rgb(180, 178, 0);
    box-shadow: none;
    text-shadow: none;
    color: rgb(255, 255, 255);
    width: 75%;
}

input#update_customer.update-customer-info{
    display:none;
}

input#cancel_customer.update-customer-info{
    display:none;
    background-color:#FFFFFF;
    color:#007cba;
}

input#delete_customer.update-customer-info{
    display:none;
    border-color:#aa0000;
    background-color:#aa0000;
    box-shadow:none;
    text-shadow:none;
    color:#fff;
}


/* DataTables */
.kf-admin-table tr:nth-child(even) { background: #F1F1F1 }
.kf-admin-table tr:nth-child(odd) { background: #fff }

table.dataTable thead .sorting { background: url("../images/sort_both.png") no-repeat center right;}
table.dataTable thead .sorting_asc { background: url("../images/sort_asc.png") no-repeat center right; }
table.dataTable thead .sorting_desc { background: url("../images/sort_desc.png") no-repeat center right;}
table.dataTable thead .sorting_asc_disabled { background: url("../images/sort_asc_disabled.png") no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url("../images/sort_desc_disabled.png") no-repeat center right;}

/* #customers-table_wrapper { position: relative;margin-top: 20px; } */
/* #customers-table_wrapper .dt-search-box { top: -47px;position: absolute;right: 1; } */
#customers-table_info 	{ margin-top: 10px; }

.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;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}

.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:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

table.dataTable th.focus, table.dataTable td.focus {
    outline: 0;
    outline-offset: 0;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
}

/* For whatever reason, the daterangepicker defaults to display, rather than wait for click on the element it's attached to */
.daterangepicker {display:none;}

/*Make datatable rows taller so that the table doesn't move when the editor inputs are opened (particularly the select dropdowns) */
#kf_menu tbody tr {
    height:40px;
}
/* Fix KF Route buttons from "jumping" when clicked */
ul.subsubsub li button.button-primary:active {
    vertical-align: initial;
}
/* Make all the note input/select fields the same height */
[name*="add_note"] {
    height:38px;
}

/* Make search in select2/Woo respect its container width */
.select2-container .select2-dropdown .select2-search .select2-search__field {
    min-width: 0px;
}

#add_payment_form .form-row {
    margin: auto;
}
#add_payment_form .form-row input {
    margin: auto;
}

.form-header {
    display: flex;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.form-header.tab-content {
    border-top: none;
}

.form-header .filter-container {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.form-header .actions-container {
    display: flex;
    align-items: center;
}

.form-header .actions-container button {
    margin-right: 10px;
}

.form-header .filter-control {
    padding: 5px 0 10px 0;
    margin-right: 20px;
}

.form-header .filter-control.checkbox {
    padding-top: 32px;
}

.form-header .filter-label {
    margin-bottom: 5px;
}

#charge_balances .date-range {
    width: 175px;
}

#charge_balances input[name="min_balance"], #charge_balances input[name="limit"] {
    width: 80px;
}

#charge_balances .form-header {
    margin-bottom: 20px;
}

#update_account_details .dashicons {
    cursor:pointer;
}

.filter-control .form-row select {
    margin: 0;
    padding: 0 24px 0 8px;
    
}

.edit-customer .fulfillment-header .filter-container {
    margin: 0 !important;
    padding: 10px 0 5px 0;
    border-top: none;
}

.fulfillment-header .product-control {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
}

.fulfillment-header .address-control {
    flex: 1;
    min-width: 350px;
    max-width: 400px;
}

.fulfillment-header .custom-control {
    max-width: 350px;
}

#TB_ajaxContent #add_payment_method .woocommerce-error {
    color: red;
}

#addresses .fulfillment-header .select2-container .select2-selection--single {
    margin: 0 !important;
}

#addresses .header-checkbox-container {
    display: flex;
    align-items: center;
    height: 100%; 
}

#addresses .header-checkbox-container label {
    display: block;
}

.delivery-container .box-header {
    padding: 10px 0;
}
.delivery-container .box-header-parent {
    align-items: center;
}
.delivery-container .box-header-child {
    padding-bottom: 0;
}

#delivery_container_parent {
    min-width: 960px;
}

#edit_customer .account-details-wrapper {
    position: sticky;
    top: 32px;
    background-color:#f0f0f1;
    z-index: 100;
}

.cal_page_edit-customer #ui-datepicker-div {
    z-index: 101 !important;
}

#edit_customer .scroll-container {
    overflow-x: scroll;
    padding-bottom: 25em;
}

#edit_customer #customer_orders .button:hover {
    background: inherit;
    border-color: inherit;
}

#edit_customer #customer_orders {
    overflow-y: auto;
    min-height: 250px;
}

#edit_customer #customer_orders > table {
    min-width: 700px;
}

@media screen and (max-width: 600px) {
    #edit_customer .account-details-wrapper {
        top: 0px;
        padding-top: 10px;
    }
}

.ui-datepicker-inline.ui-datepicker {
    padding-bottom: 0.4em;
}
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next span {
    left: 0;
}
.multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-current-day {
    background-color: transparent !important;
}
.multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today:not(.ui-state-highlight) {
    background-color: rgba(0, 116, 210, 0.3) !important;
}
.multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-state-highlight {
    background-color: rgba(0, 128, 0, 0.6) !important;
}
.multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: inherit;
}
.multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-state-highlight a {
    color: white;
}

.report-table, table.widefat.report-table {
    margin-bottom: 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.report-table td {
    border-bottom: 1px solid #e2e4e7;
}

.report-table th {
    font-weight: bold;
    padding: 16px 10px;
}

.report-table tr:last-child td {
    border: none;
}

.report-table tr.sub-row td:first-child {
    padding-left: 3em;
}

.report-table tr.total-row td {
    font-weight: bold;
}

.report-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.report-grid-item {
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.report-grid-item-data {
    display: table;
    width: 100%;
}
.report-grid-item-data > div {
    display: table-row;
}
.report-grid-item-data > div > div {
    display: table-cell;
}

.report-grid-item-header {
    font-size: 14px;
    padding: 8px 10px 4px 10px;
}

.report-grid-item-values {
    font-size: 14px;
    font-weight: bold;
}

.report-grid-item-value-labels {
    color: #888;
}

.report-grid-item-value-labels > div {
    padding: 0 10px 8px 10px;
}

.report-grid-item-values div {
    padding: 4px 10px;
}