/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    --color-green: #01d099;
    --color-red: #f64e60;
    --color-yellow: #ffa800;
    --color-blue: #0000ff;
    --color-black: #000000;
    --color-mon: #0000ff;
    --color-tue: #ffa800;
    --color-wed: #f64e60;
    --color-thurs: #964B00;
    --color-fri: #013220;
    --color-sat: #ff8c00;
    --color-sun: #000000;
    --label-margin: 30px;
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
    text-align: center;
}

.custom-scroll-view {
    margin: auto;
    width: 60%
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.center-barcode {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.dropdown-country-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
}

    .dropdown-country-wrap img {
        margin-right: 10px;
        width: 2.5em;
    }

.k-window-content .k-grid {
    /*height: 100%; - aww taken out 4/12/24 */
}

.k-edit-form-container {
    padding: 5px;
    width: 97% !important;
}

.k-windowxxx {
    padding: 5px;
    width: 85%;
}

.edit-form {
    max-width: 75vw;
    color: inherit;
    padding: 10px 20px;
    margin: 0 auto;
    background-color: transparent;
    border-color: transparent;
}

.k-grid-remove-command {
    border-color: #D51923 !important;
    color: white !important;
    background-color: #D51923 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)) !important;
}

.k-grid-Edit {
    border-color: #1274AC !important;
    color: white !important;
    background-color: #1274AC !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)) !important;
}

.k-command-cell > .i-grid-command-overflow-action {
    display: none !important;
}

.k-command-cell > .k-button.i-grid-command-has-icon > .k-button-text {
    display: none;
}

.k-command-cell.k-grid-content-sticky:last-child > .k-button {
    margin-inline-end: var(--kendo-spacing-1, 0.25rem);
}

.k-command-cell.k-grid-content-sticky:last-child > .k-button:last-child {
    margin-inline-end: unset;
}

.k-grid .k-command-cell > .k-button.i-grid-command-menu-toggle {
    float: right;
    margin-inline-start: var(--kendo-spacing-1, 0.25rem);
    margin-inline-end: 0;
}

.i-grid-command-menu {
    position: fixed;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    min-width: 180px;
    max-height: calc(100vh - 16px);
    padding: 4px;
    overflow-y: auto;
    color: var(--kendo-color-on-app-surface, #212529);
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}

.i-grid-command-menu-item {
    justify-content: flex-start;
    width: 100%;
    white-space: nowrap;
}

.i-grid-command-menu-item > .k-icon,
.i-grid-command-menu-item > .k-svg-icon,
.i-grid-command-menu-item > .bi,
.i-grid-command-menu-item > [class*="i-icon-"] {
    margin-right: 8px;
}

.ims-grid-row-customer-update {
    border-color: darkslateblue !important;
    background-color: #2b25ea !important;
    transition: background-color 1s;
}

.ims-grid-row-update {
    border-color: #90f6c7 !important;
    background-color: #90f6c7 !important;
    transition: background-color 1s;
}

.route-walkable {
    background: var(--color-yellow);
}

.route-obsticle {
    background: var(--color-red);
}

.route-taken {
    background: var(--color-green);
}

.route-start {
    background: var(--color-blue);
}

.route-end {
    background: var(--color-black);
}

.route {
    display: inline-block;
    margin: 1px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 16px;
    font-size: 9px;
    position: relative;
    color: #fff;
}

.form-group.label {
    padding-right: 20px;
}

.form-group.row {
    padding-bottom: 10px;
}

/* Fix for hidden columns re-appearing on cancel*/
td[data-style-display="none"] {
    display: none;
}

.box {
    float: right;
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-right: 6px;
    border-radius: 25px;
    clear: both;
    background-color: red;
    color: ghostwhite;
    text-align: center;
}

.error-text {
    font-size: medium;
    text-decoration: underline;
}

/* Tooltip fix */
.k-validator-tooltip span.k-icon.k-i-exclamation-circle {
    margin-right: 5px;
}

.k-validator-tooltip {
    margin: 0.5em;
}

.k-tooltip.k-tooltip-error {
    color: #fff;
}

.k-edit-form-container .header {
    flex-shrink: 0;
    padding-bottom: 10px;
}

.k-edit-form-container .body {
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
    /*  margin-bottom: 2em;*/
}

.k-edit-form-container .k-edit-buttons {
    flex-shrink: 0;
}

/* Ensures buttons on popup editor stay at the bottom */

.notification-toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.k-notification-info {
    border-color: #0058E9;
    color: black;
    background-color: #ffffff;
}

#alert_num {
    width: 30px;
    height: 30px;
    background-color: red;
    color: white;
    border-radius: 30px;
    padding: 5px;
    display: none;
    text-align: center;
}

.checkboxgroup label {
    margin-right: 20px;
}

.checkboxgroup {
    margin-top: 10px;
}

.k-checkbox-label {
    /*top: 10px;*/
}

.k-checkbox-wrap {
    height: 2.5rem;
}

.k-checkbox-md {
    /*    margin-top: 22px !important; */
}

.k-checkbox {
    border-color: gray;
    background-color: white;
}

.k-input-solid {
    border-color: gray;
    color: #424242;
    background-color: white;
    margin-top: 5px;
}

.k-checkbox-label {
    display: inline;
    margin-inline-start: 4px;
}

.k-picker-solid {
    border-color: gray;
    color: #424242;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    margin-top: 5px;
}

/* Hide filter clear button on grid columns */
.k-filtercell > span > .k-button {
    display: none;
}

.photo {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 400px;
    height: inherit;
}

.header-image {
    float: right;
    margin-left: 15px;
}

.hyper-link-image {
    float: right;
}

.deep-link-cell {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    white-space: nowrap;
}

.deep-link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deep-link-cell .hyper-link-image {
    flex: 0 0 auto;
}

.deep-link-cell > .hyper-link-image {
    margin-left: auto;
}

.deep-link-cell > a {
    flex: 0 0 auto;
    margin-left: auto;
}

.i-icon-customs {
    background-image: url("/content/web/icons/customs.svg");
    background-size: 100%;
}

.i-icon-route {
    background-image: url("/content/web/icons/route.svg");
    background-size: 100%;
}

.i-icon-backorder {
    background-image: url("/content/web/icons/backorder.svg");
    background-size: 100%;
}

.i-icon-stockout {
    background-image: url("/content/web/icons/stock-out.svg");
    background-size: 100%;
}

.i-icon-adjust {
    background-image: url("/content/web/icons/plus-minus.svg");
    background-size: 100%;
}

.i-icon-allocate {
    background-image: url("/content/web/icons/allocate-stock.svg");
    background-size: 100%;
}

.i-icon-problem {
    background-image: url("/content/web/icons/exclamation-mark.svg");
    background-size: 100%;
}

.i-icon-packing {
    background-image: url("/content/web/icons/packing.svg");
    background-size: 100%;
}

.i-icon-dhlprint {
    background-image: url("/content/web/icons/dhl-printer.svg");
    background-size: 100%;
}

.i-icon-picking {
    background-image: url("/content/web/icons/picking.svg");
    background-size: 100%;
}

.i-icon-full-pallet {
    background-image: url("/content/web/icons/full-pallet.svg");
    background-size: 100%;
}

.i-icon-part-pallet {
    background-image: url("/content/web/icons/part-pallet.svg");
    background-size: 100%;
}

.i-icon-stage-despatch {
    background-image: url("/content/web/icons/stage-despatch.svg");
    background-size: 100%;
}

.i-icon-return {
    background-image: url("/content/web/icons/return.svg");
    background-size: 100%;
}

.i-icon-part-pallet2 {
    background-image: url("/content/web/icons/part-pallet2.svg");
    background-size: 100%;
}
/* move more central */
.k-radio-list-horizontal, .k-radio-list.k-list-horizontal {
    padding-top: 7px;
}

.i-flow-switch {
    width: 75px;
}
/* Truncate grid cell text by default instead of increasing row height. */
.k-grid .k-table-td,
.k-grid td[role="gridcell"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Bulk result reasons must remain readable in full, including line breaks. */
.k-grid td.bulk-action-reason {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
    text-overflow: clip;
    overflow: visible;
    vertical-align: top;
}

.k-grid .k-tooltip-error {
    width: auto !important;
}

.k-grid .ims-grid-validation-cell {
    position: relative;
    overflow: visible;
    z-index: 2;
}

.k-grid .ims-grid-validation-host {
    position: relative;
}

.k-grid .ims-grid-server-validation {
    position: absolute;
    z-index: 1000;
    display: flex;
    align-items: center;
    width: max-content !important;
    min-width: max-content;
    max-width: none !important;
    margin: 0.5em;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    pointer-events: none;
}

.k-grid .ims-grid-server-validation-text {
    display: block;
    width: max-content;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.k-grid .ims-grid-server-validation-message {
    display: block;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.statusCell .k-badge {
    width: 100%;
}

.i-allocating-badge {
    background-color: cadetblue;
}

.i-error-dialog,
.i-error-dialog .k-dialog-titlebar {
    color: red !important;
}
 

.status-label {
    vertical-align: middle;
    padding-right: .5em;
}

.k-checkbox-sm {
    width: 20px;
    height: 20px;
}

.i-checkbox-label {
    margin-top: 22px;
    padding-left: 5px;
}

/* Hide buttons on disabled date/time pickers */
.k-datetimepicker.k-disabled .k-button {
    display: none;
}
/* Hide datetimepickers */
.i-daterangepicker .k-textbox-container,
.i-daterangepicker .k-floating-label-container,
.i-daterangepicker span:nth-child(2) {
    display: none;
}

.k-grid-norecords {
    justify-content: center;
    padding: 10px;
    color: red;
    font-weight: bold;
}

.hidden-wrap {
    white-space: nowrap;
    overflow: hidden;
    overflow-wrap: break-word;
}

tr.k-table-row.k-table-alt-row.k-master-row.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    filter: contrast(0.9);
}


tr.k-table-row.k-table-alt-row.k-master-row.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
    filter: contrast(0.9);
}

/*fix for spacer automatically being rendered before column menu*/
.k-spacer:has(+ .k-grid-column-menu) {
    display: none;
}