<!DOCTYPE html>
<html lang="en" data-critters-container>
    <head>
<meta charset="utf-8">
<title>Yard Management | LOWIS SERVICES</title>
<base href="/UI/">
<meta name="viewport"content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon"href="/UI/favicon.ico">
<link rel="preconnect" href="https://fonts.gstatic.com">
  <style type="text/css">
    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0370-03FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+0370-03FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0370-03FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

  </style>
<style type="text/css">@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v138/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

</style><style>@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap";
@charset "UTF-8";

:root {
    --swiper-theme-color: #007aff
}

:root {
    --swiper-navigation-size: 44px
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

body {
    margin: 0;
    line-height: inherit
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

:root {
    --base-font-size: 16px;
    --app-font-family: "Roboto";
    --primary-hue: 188;
    --primary-saturation: 77%;
    --primary-lightness: 40%;
    --primary-up-step: 5%;
    --primary-down-step: 10%;
    --primary-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));
    --primary-light-color: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + var(--primary-up-step)));
    --primary-dark-color: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - var(--primary-down-step)));
    --secondary-hue: 276;
    --secondary-saturation: 97%;
    --secondary-lightness: 61%;
    --secondary-up-step: 5%;
    --secondary-down-step: 20%;
    --secondary-color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness));
    --secondary-light-color: hsl(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + var(--secondary-up-step)));
    --secondary-dark-color: hsl(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - var(--secondary-down-step)));
    --info-hue: 195;
    --info-saturation: 83%;
    --info-lightness: 57%;
    --info-up-step: 5%;
    --info-down-step: 15%;
    --info-color: hsl(var(--info-hue), var(--info-saturation), var(--info-lightness));
    --info-light-color: hsl(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + var(--info-up-step)));
    --info-dark-color: hsl(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) - var(--info-down-step)));
    --warning-hue: 39;
    --warning-saturation: 100%;
    --warning-lightness: 50%;
    --warning-up-step: 10%;
    --warning-down-step: 10%;
    --warning-color: hsl(var(--warning-hue), var(--warning-saturation), var(--warning-lightness));
    --warning-light-color: hsl(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + var(--warning-up-step)));
    --warning-dark-color: hsl(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) - var(--warning-down-step)));
    --danger-hue: 5;
    --danger-saturation: 78%;
    --danger-lightness: 65%;
    --danger-up-step: 10%;
    --danger-down-step: 15%;
    --danger-color: hsl(var(--danger-hue), var(--danger-saturation), var(--danger-lightness));
    --danger-light-color: hsl(var(--danger-hue), var(--danger-saturation), calc(var(--danger-lightness) + var(--danger-up-step)));
    --danger-dark-color: hsl(var(--danger-hue), var(--danger-saturation), calc(var(--danger-lightness) - var(--danger-down-step)));
    --success-hue: 144;
    --success-saturation: 100%;
    --success-lightness: 35%;
    --success-up-step: 5%;
    --success-down-step: 10%;
    --success-color: hsl(var(--success-hue), var(--success-saturation), var(--success-lightness));
    --success-light-color: hsl(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + var(--success-up-step)));
    --success-dark-color: hsl(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) - var(--success-down-step)));
    --muted-hue: 0;
    --muted-saturation: 0%;
    --muted-lightness: 45%;
    --muted-up-step: 25%;
    --muted-down-step: 10%;
    --muted-color: hsl(var(--muted-hue), var(--muted-saturation), var(--muted-lightness));
    --muted-light-color: hsl(var(--muted-hue), var(--muted-saturation), calc(var(--muted-lightness) + var(--muted-up-step)));
    --muted-dark-color: hsl(var(--muted-hue), var(--muted-saturation), calc(var(--muted-lightness) - var(--muted-down-step)));
    --heading-1-color: #08073a;
    --heading-2-color: #08073a;
    --heading-3-color: #08073a;
    --heading-4-color: #08073a;
    --heading-5-color: #08073a;
    --heading-6-color: #08073a;
    --body-bg: white;
    --highlight-bg-color: var(--primary-color);
    --highlighted-text-color: white;
    --valid-color: var(--success-color);
    --invalid-color: var(--danger-color);
    --app-border-color: #b7b7b7;
    --app-border-radius: 5px;
    --btn-border-radius: var(--app-border-radius)
}

html {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    font-family: var(--app-font-family);
    font-size: var(--base-font-size)
}

body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: var(--body-bg)
}

  :root {
      --swiper-navigation-size: 44px
    }

:root {
    --app-border-radius: 10px;
    --control-height: 53px;
    --body-bg: #F4F6F8;
    --offcanvas-bg: #F4F6F8;
    --secondary-color: #17A0B5;
    font-size: 14px
}

</style>
    <link rel="stylesheet" href="/UI/styles.8e4103c5601252cb.css" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="/UI/styles.8e4103c5601252cb.css">
    </noscript>
</head>
<body>
  <app-root></app-root>
<script src="/UI/runtime.4ca0e57d35186540.js" type="module"></script>
<script src="/UI/polyfills.5b528e03d36663ca.js" type="module"></script>
<script src="/UI/vendor.7526ddb0360073f2.js" type="module"></script>
<script src="/UI/main.f84b85d26b654ed3.js" type="module"></script>

</body></html>