@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);article,aside,body,div,footer,header,html,li,section,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}body{font-weight:100;margin:0;background:#fafafa;color:#0a1630;font-size:1.1em}body,h1,h2,h3,h4{font-family:Arial,sans-serif}h1,h2,h3,h4{margin:0 0 .5em 0;font-weight:600}h1 .note,h2 .note,h3 .note,h4 .note{font-size:.8em}h1{font-size:1.75em;letter-spacing:.01em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}a{color:#0a1630;text-decoration:none}a:hover{color:#e64f00}a:hover.inventory{color:#6a68f9}a:hover.received{color:#ab5af9}a:hover.sales{color:#33cf96}a:hover.warehouse{color:#faa05e}a:hover.distributors{color:#43d4f2}a:hover.manufacturers{color:#f95f8c}a:hover.dlink{color:#e64f24}.grey{color:#8a8a8a}.caption,caption{display:block;font-size:.85em;margin:.25em 0 0 0}label{font-size:.9em;color:#8a8a8a;padding:0 1em 0 0}label.full{display:block}label.spaced{margin:.5em 0 0 0}.disclaimer,.message{font-size:.9em;color:#616161}.disclaimer.spaced,.message.spaced{margin:0 0 1em 0}.disclaimer{margin:2em 5em}.left{text-align:left}.center{text-align:center}.right{text-align:right}.underline{border-bottom:1px solid #ccc;padding:0 0 .25em 0}.empty,.loading-list{font-size:1.5em;padding:2em;text-align:center;color:#8a8a8a}.loading-list{height:20em}.loading-chart{font-size:1.5em;text-align:center;padding:2em}.meta{font-size:.85em}.increase{color:green}.decrease{color:red}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{cursor:auto;font-size:1.1em;height:2.25em;margin:0 0 .5em 0;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:3px;box-shadow:none;box-sizing:border-box;width:100%}input.disabled,input:disabled,select:disabled{border:1px solid #e4e4e4}.date-input,input[type=date]{height:2.75em;width:12em;font-family:sans-serif}textarea{font-family:sans-serif}select{-webkit-appearance:none;background-position:right 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22utf-8%22?%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20xmlns=%22https://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2212%22%20version=%221%22%3E%3Cpath%20d=%22M4%208L0%204h8z%22/%3E%3C/svg%3E")}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:3em;padding-top:6px;padding-bottom:6px}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #e64f00;outline:0}input:focus.dashboard,select:focus.dashboard,textarea:focus.dashboard{border:1px solid #38307c}input:focus.inventory,select:focus.inventory,textarea:focus.inventory{border:1px solid #6a68f9}.empty-input{color:#757575}.button,button{font-family:Open Sans,sans-serif;font-weight:400;font-size:.8em;padding:.75em 1.3em;text-align:center;cursor:pointer;text-shadow:none;box-shadow:none;-webkit-box-shadow:none;border:none;letter-spacing:2px;text-transform:uppercase;display:inline-block;align-items:center;box-sizing:border-box;color:#fff;border-radius:5px}.button:hover,button:hover{filter:brightness(120%)}.button.smaller,button.smaller{font-size:.66em}.button.inline,button.inline{font-size:.5em;padding:.5em}.button.action,button.action{background-color:#e64f00}.button.dashboard,button.dashboard{background-color:#38307c}.button.cancel,button.cancel{background-color:#8a8a8a}.button.neutral,button.neutral{background-color:#616161}.button.button-dark,button.button-dark{background-image:linear-gradient(45deg,#e75904,#613111)}.button.button-light,button.button-light{background-image:linear-gradient(45deg,#e79f04,#463000)}.button.inventory,button.inventory{background-color:#6a68f9}.button.received,button.received{background-color:#ab5af9}.button.sales,button.sales{background-color:#33cf96}.button.warehouse,button.warehouse{background-color:#faa05e}.button.distributors,button.distributors{background-color:#43d4f2}.button.manufacturers,button.manufacturers{background-color:#f95f8c}.button.dlink,button.dlink{background-color:#e64f24}.button.admin,button.admin{background-color:#616161}.button.promotions,button.promotions{background-color:#e6a524}.button .icon,button .icon{margin:0 0 0 .5em}.button.icon-only,button.icon-only{padding:.5em .75em}.button.icon-only .icon,button.icon-only .icon{margin:0}.button.disabled,button.disabled{background-color:#8a8a8a;cursor:not-allowed}.nav-button{font-size:.75em;padding:.5em 1em;border-radius:3px}.controls{margin:1em 0 0 0}.divider{padding:.5em 0 0 0;margin:0 0 .5em 0;border-bottom:1px solid #ccc}header{font-family:Open Sans,Arial,sans-serif;font-weight:300;background-color:#0a1630;padding:.5em .5em 0 .5em;color:#fafafa;height:1.5em}header.live{height:50px}header img.logo{max-height:2em}header .identity{font-size:.9em;float:right;padding:.66em .66em 0 0}header .identity a{color:#fafafa}header .hamburger{float:right;font-size:1.5em;cursor:pointer}header nav{position:fixed;z-index:1000;top:50px;right:-230px;transition:all .25s ease-out;height:calc(100vh - 77px);background-color:#0a1630;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;color:#fafafa}header nav .nav-inner{padding:1em 1.5em 1em 1em}header nav a{display:block;margin:.5em 0;color:#fafafa}header nav .router-link-active,header nav a:hover{color:#e75904}header nav .divider{border-bottom:1px solid #fafafa}header nav.live{right:0}main{max-height:calc(100vh - 6em);overflow-y:scroll;padding:1em}p.loading,section.loading{font-size:2em;margin:4em 2em;text-align:center;font-family:Arial,sans-serif;color:#616161}p.loading{margin:1em}.two-columns{grid-template-columns:1fr 1fr}.three-columns,.two-columns{display:grid;grid-column-gap:1em}.three-columns{grid-template-columns:1fr 1fr 1fr}.four-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:1em}.five-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:.75em}.six-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:.5em}.two-one-columns{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:1em}.one-two-columns{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:1em}.three-one-columns{display:grid;grid-template-columns:3fr 1fr;grid-column-gap:1em}.grid-center{align-items:center}.grid-item{border:1px solid #ccc;padding:.25em;margin:0 0 1em 0}div.login-wrapper{height:calc(100vh - 4em);display:grid;grid-template-columns:1fr 1fr;align-items:center}section.login-brand{max-width:24em;margin:2em auto}section.login-brand .logo{max-width:100%}section.login-brand p{color:#8a8a8a}section.login{max-width:24em;margin:2em auto}section.login .password-input{position:relative}section.login .password-input .icon{position:absolute;right:0;top:.66em;width:2em;text-align:center;cursor:pointer;color:#333}section.login .message{margin:1em 0 0 0}section.login .message.spaced{margin:1em 0}section.login .forgot{font-size:.85em;margin:2em 0;cursor:pointer;color:#8a8a8a}section.filters{position:absolute;top:50px;left:0;height:calc(100vh - 75px);width:200px;background-color:#eee;border-right:1px solid #ccc;font-size:.9em;padding:1em 1em}section.filters.hidden{left:-200px}section.filters .title{font-size:1.1em;font-weight:700}section.filters .title .icon{float:right;margin:.15em 0 0 0;color:#616161}section.filters .title .icon:hover{cursor:pointer;filter:brightness(120%)}section.filters input[type=date],section.filters input[type=email],section.filters input[type=number],section.filters input[type=search],section.filters input[type=text],section.filters select{height:2em;font-size:1.1em;max-width:100%}section.filters .button,section.filters button{width:100%;font-size:.8em;padding:.5em 1em;border-radius:3px}section.filters .button-spaced{margin:.5em 0}section.filters .input-with-control{display:grid;grid-template-columns:1fr 1.5em;grid-column-gap:.5em}section.filters .input-with-control .icon{font-size:1.5em;margin:.25em 0 0 0;color:#616161}section.filters .input-with-control .icon:hover{cursor:pointer;filter:brightness(120%)}section.filters.inventory input:focus,section.filters.inventory select:focus{border:1px solid #6a68f9}section.filters.received input:focus,section.filters.received select:focus{border:1px solid #ab5af9}section.filters.sales input:focus,section.filters.sales select:focus{border:1px solid #33cf96}section.filters.warehouse input:focus,section.filters.warehouse select:focus{border:1px solid #faa05e}section.filters.distributors input:focus,section.filters.distributors select:focus{border:1px solid #43d4f2}section.filters.manufacturers input:focus,section.filters.manufacturers select:focus{border:1px solid #f95f8c}section.filters.dlink input:focus,section.filters.dlink select:focus{border:1px solid #e64f24}section.filters.promotions input:focus,section.filters.promotions select:focus{border:1px solid #e6a524}section.dashboard.with-filters{margin:0 0 0 200px}section.dashboard .welcome{margin:0 0 .5em 0;padding:1em 0;border-bottom:1px solid #ccc;display:grid;grid-template-columns:200px 1fr 200px;align-items:center}section.dashboard .welcome .logo{max-width:200px;max-height:50px}section.dashboard .welcome .tagline{font-size:1.1em;color:#616161;text-align:center}section.dashboard nav{display:grid;grid-template-columns:1fr 27em;align-items:center;margin:1em 0 1em 0;padding:0 0 .5em 0;border-bottom:1px solid #ccc}section.dashboard nav h1{margin:0}section.dashboard nav h1 .breadcrumb{font-size:.8em;padding:0 0 0 .5em}section.dashboard nav h1 .icon{font-size:.8em;padding:0 .25em .1em 0}section.dashboard nav h1 .icon:hover{cursor:pointer;filter:brightness(120%)}section.dashboard nav h2{margin:0}section.dashboard nav select{font-size:.9em}section.dashboard nav .meta{font-size:1em;float:right;margin:0 -1em 0 0;display:grid;grid-template-columns:1fr 1fr 1fr}section.dashboard nav .meta.with-avg{grid-template-columns:1fr 1fr 1fr 1fr}section.dashboard nav .meta .meta-data{padding:0 1em 0 0}section.dashboard nav.no-border{border-bottom:0 none}section.dashboard nav.bottom{margin:1em 0 .5em 0}section.dashboard nav.inventory h1 .icon{color:#6a68f9}section.dashboard nav.received h1 .icon{color:#ab5af9}section.dashboard nav.sales h1 .icon{color:#33cf96}section.dashboard nav.warehouse h1 .icon{color:#faa05e}section.dashboard nav.distributors h1 .icon{color:#43d4f2}section.dashboard nav.manufacturers h1 .icon{color:#f95f8c}section.dashboard nav.dlink h1 .icon{color:#e64f24}section.dashboard nav.promotions h1 .icon{color:#e6a524}section.dashboard .dashboard-tiles-wrapper{margin:2em 0}section.dashboard .compare-columns{display:grid;grid-template-columns:1fr 1fr 4em;grid-gap:0;margin:1em 0}section.dashboard .compare-columns .compare-heading h3{margin:0 .75em}section.dashboard .compare-columns .compare-heading .meta{font-size:1em;margin:0 1em;padding:0 0 .66em 0;border-bottom:1px solid #ccc;display:grid;grid-template-columns:1fr 1fr 1fr}section.dashboard .compare-columns .compare-heading .meta .meta-data{padding:0 1em 0 0}section.dashboard .compare-columns .compare-heading.delta{text-align:center;padding:1.5em 0 0 0;border-bottom:1px solid #ccc}section.dashboard .dashboard-tiles{margin:1em;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1em 2em;align-items:start;min-height:0;min-width:0;overflow:hidden}section.dashboard .dashboard-tiles.dashboard-tiles-wide{grid-template-columns:1fr}section.dashboard .dashboard-tiles.two-columns{grid-template-columns:1fr 1fr}section.dashboard .dashboard-tiles.two-one-columns{grid-template-columns:2fr 1fr}section.dashboard .dashboard-tiles.three-one-columns{grid-template-columns:3fr 1fr}section.dashboard .dashboard-tile{position:relative;font-family:Arial,sans-serif}section.dashboard .dashboard-tile h3 .icon{font-size:.8em;float:right;color:#616161;margin:.25em 0 0 0}section.dashboard .dashboard-tile h3 .icon:hover{cursor:pointer;filter:brightness(120%)}section.dashboard .dashboard-tile .chart-wrapper,section.dashboard .dashboard-tile .data-wrapper{position:relative;border:1px solid #ccc;background-color:#fff;box-shadow:0 0 4px #ccc;margin:0 0 .5em 0}section.dashboard .dashboard-tile .data-wrapper{padding:1em}section.dashboard .dashboard-tile .data-wrapper h4{margin:0}section.dashboard .dashboard-tile .data-wrapper label{display:block;margin:.5em 0 0 0}section.dashboard .dashboard-tile .pie-chart{height:300px}section.dashboard .dashboard-tile .chart-meta{position:relative}section.dashboard .dashboard-tile .dashboard-tile-link{padding:0 1em;text-align:right}section.dashboard .dashboard-tile .dashboard-tile-link:hover{cursor:pointer}section.dashboard .dashboard-tile .dashboard-stat{position:relative;background-color:#ccc;border:1px solid #ccc;box-shadow:0 0 4px #ccc;height:110px;margin:0 0 .5em 0;padding:.5em;color:#fafafa}section.dashboard .dashboard-tile .dashboard-stat h3{font-size:1em;margin:0}section.dashboard .dashboard-tile .dashboard-stat .stat-number{font-size:1.66em;font-weight:400;padding:.33em .5em .33em .5em}section.dashboard .dashboard-tile .dashboard-stat .stat-caption{font-size:.8em;font-style:italic;padding:0 0 0 1.25em}section.dashboard .dashboard-tile .dashboard-stat .stat-trend{position:absolute;right:0;top:0;height:100%;width:60px;background-color:rgba(0,0,0,.5);text-align:center;padding:18px 0 0 0;font-size:.9em}section.dashboard .dashboard-tile .dashboard-stat .stat-trend .icon{font-size:2em}section.dashboard .dashboard-tile .dashboard-tile-legend{position:absolute;font-size:1.25em;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);background-color:hsla(0,0%,100%,.8);text-align:center;padding:2em;color:#616161}section.dashboard .dashboard-tile.inventory .dashboard-stat{background-color:#6a68f9}section.dashboard .dashboard-tile.received .dashboard-stat{background-color:#ab5af9}section.dashboard .dashboard-tile.sales .dashboard-stat{background-color:#33cf96}section.dashboard .dashboard-tile.warehouse .dashboard-stat{background-color:#faa05e}section.dashboard .dashboard-tile.distributors .dashboard-stat{background-color:#43d4f2}section.dashboard .dashboard-tile.manufacturers .dashboard-stat{background-color:#f95f8c}section.dashboard .dashboard-tile.dlink .dashboard-stat{background-color:#e64f24}table.list{width:100%;border-collapse:collapse}table.list th{font-size:.8em;vertical-align:bottom;padding:0 .5em .5em 0}table.list th.sortable-column:hover{cursor:pointer}table.list th.non-sortable-column:hover{cursor:not-allowed}table.list th.inventory:hover{color:#6a68f9}table.list th.received:hover{color:#ab5af9}table.list th.sales:hover{color:#33cf96}table.list th.warehouse:hover{color:#faa05e}table.list th.distributors:hover{color:#43d4f2}table.list th.manufacturers:hover{color:#f95f8c}table.list th.dlink:hover{color:#e64f24}table.list th.promotions:hover{color:#e6a524}table.list td{border-top:1px solid #ccc;background-color:#fff;padding:.25em .5em .25em 0}table.list td .image-wrapper,table.list td .image-wrapper-small{display:grid;align-items:center;height:90px;width:120px;background-color:#fff}table.list td .image-wrapper-small{height:40px;width:90px}table.list td img{max-width:120px;max-height:90px;display:block;margin-left:auto;margin-right:auto}table.list td .compare{border-top:1px dotted #ccc;margin:.25em 0 0 0;padding:.25em 0 0;color:#8a8a8a}table.list td input{font-size:.8em;margin:0}table.list td.min-height{line-height:2.5em}table.list td.divider-column,table.list th.divider-column{width:1em;padding:0 .5em 0 0;border-right:1px solid #ccc}.clickable{cursor:pointer}div.clickable span{display:block;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa}div.clickable:hover span,div.clickable:hover td,div.clickable:hover td.divider-column,td.clickable:hover span,td.clickable:hover td,td.clickable:hover td.divider-column,tr.clickable:hover span,tr.clickable:hover td,tr.clickable:hover td.divider-column{cursor:pointer}div.clickable:hover span.inventory,div.clickable:hover td.divider-column.inventory,div.clickable:hover td.inventory,td.clickable:hover span.inventory,td.clickable:hover td.divider-column.inventory,td.clickable:hover td.inventory,tr.clickable:hover span.inventory,tr.clickable:hover td.divider-column.inventory,tr.clickable:hover td.inventory{border-top:1px solid #6a68f9;border-bottom:1px solid #6a68f9}div.clickable:hover span.received,div.clickable:hover td.divider-column.received,div.clickable:hover td.received,td.clickable:hover span.received,td.clickable:hover td.divider-column.received,td.clickable:hover td.received,tr.clickable:hover span.received,tr.clickable:hover td.divider-column.received,tr.clickable:hover td.received{border-top:1px solid #ab5af9;border-bottom:1px solid #ab5af9}div.clickable:hover span.sales,div.clickable:hover td.divider-column.sales,div.clickable:hover td.sales,td.clickable:hover span.sales,td.clickable:hover td.divider-column.sales,td.clickable:hover td.sales,tr.clickable:hover span.sales,tr.clickable:hover td.divider-column.sales,tr.clickable:hover td.sales{border-top:1px solid #33cf96;border-bottom:1px solid #33cf96}div.clickable:hover span.warehouse,div.clickable:hover td.divider-column.warehouse,div.clickable:hover td.warehouse,td.clickable:hover span.warehouse,td.clickable:hover td.divider-column.warehouse,td.clickable:hover td.warehouse,tr.clickable:hover span.warehouse,tr.clickable:hover td.divider-column.warehouse,tr.clickable:hover td.warehouse{border-top:1px solid #faa05e;border-bottom:1px solid #faa05e}div.clickable:hover span.distributors,div.clickable:hover td.distributors,div.clickable:hover td.divider-column.distributors,td.clickable:hover span.distributors,td.clickable:hover td.distributors,td.clickable:hover td.divider-column.distributors,tr.clickable:hover span.distributors,tr.clickable:hover td.distributors,tr.clickable:hover td.divider-column.distributors{border-top:1px solid #43d4f2;border-bottom:1px solid #43d4f2}div.clickable:hover span.manufacturers,div.clickable:hover td.divider-column.manufacturers,div.clickable:hover td.manufacturers,td.clickable:hover span.manufacturers,td.clickable:hover td.divider-column.manufacturers,td.clickable:hover td.manufacturers,tr.clickable:hover span.manufacturers,tr.clickable:hover td.divider-column.manufacturers,tr.clickable:hover td.manufacturers{border-top:1px solid #f95f8c;border-bottom:1px solid #f95f8c}div.clickable:hover span.product,div.clickable:hover td.divider-column.product,div.clickable:hover td.product,td.clickable:hover span.product,td.clickable:hover td.divider-column.product,td.clickable:hover td.product,tr.clickable:hover span.product,tr.clickable:hover td.divider-column.product,tr.clickable:hover td.product{border-top:1px solid #38307c;border-bottom:1px solid #38307c}div.clickable:hover span.dlink,div.clickable:hover td.divider-column.dlink,div.clickable:hover td.dlink,td.clickable:hover span.dlink,td.clickable:hover td.divider-column.dlink,td.clickable:hover td.dlink,tr.clickable:hover span.dlink,tr.clickable:hover td.divider-column.dlink,tr.clickable:hover td.dlink{border-top:1px solid #e64f24;border-bottom:1px solid #e64f24}div.clickable:hover span.promotions,div.clickable:hover td.divider-column.promotions,div.clickable:hover td.promotions,td.clickable:hover span.promotions,td.clickable:hover td.divider-column.promotions,td.clickable:hover td.promotions,tr.clickable:hover span.promotions,tr.clickable:hover td.divider-column.promotions,tr.clickable:hover td.promotions{border-top:1px solid #e6a524;border-bottom:1px solid #e6a524}td.disabled td,tr.disabled td{cursor:not-allowed}section.detail{position:absolute;top:2.75em;left:0;width:100%;height:calc(100vh - 4em);overflow-y:scroll;background-color:#fafafa;padding:1em}section.detail nav{display:grid;grid-template-columns:1fr 18em;align-items:center;margin:0 0 1em 0}section.detail nav .button{font-size:.66em}section.detail nav.bottom{border-bottom:0 none;border-top:1px solid #ccc;padding:.5em 0}section.product-detail{margin:0 .5em 1em .5em;border:1px solid #ccc;background-color:#fff;box-shadow:0 0 4px #ccc;padding:1em 1em 1em 0;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.25fr;grid-column-gap:2em}section.product-detail.product-detail-dlink{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.25fr}section.product-detail .product-image{position:relative;padding:0 2em 0 0;border-right:1px solid #ccc}section.product-detail .product-image img{max-width:calc(100% - 2em);max-height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.product-detail .product-image .meta{position:absolute;bottom:-6px;left:12px;font-size:.66em;color:#8a8a8a}section.product-detail label{display:block;margin:.66em 0 0 0}section.product-detail label:first-of-type{margin:0}section.product-detail-charts{margin:.5em .5em 1em .5em}section.product-detail-charts .product-detail-chart{position:relative;font-family:Arial,sans-serif}section.product-detail-charts .product-detail-chart h3 .icon{font-size:.8em;float:right;color:#616161;margin:.25em 0 0 0}section.product-detail-charts .product-detail-chart h3 .icon:hover{cursor:pointer;filter:brightness(120%)}section.product-detail-charts .product-detail-chart .chart-wrapper{position:relative;border:1px solid #ccc;background-color:#fff;box-shadow:0 0 4px #ccc;margin:0 0 .5em 0}section.product-detail-charts .product-detail-chart .no-data,section.product-detail-charts .product-detail-chart .product-detail-legend{position:absolute;font-size:1.25em;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);background-color:hsla(0,0%,100%,.8);text-align:center;padding:2em;color:#616161}section.dealer-detail,section.product-detail-dealers{margin:0 .5em 1em .5em;border:1px solid #ccc;background-color:#fff;box-shadow:0 0 4px #ccc;padding:1em}.dlink-product-detail{background:#fff;padding:1em;margin:0 0 1em 0}.dlink-product-detail .product-image{position:relative;padding:0 2em 0 0;border-right:1px solid #ccc}.dlink-product-detail .product-image img{max-width:calc(100% - 2em);max-height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dlink-product-detail .product-image .meta{position:absolute;bottom:-6px;left:12px;font-size:.66em;color:#8a8a8a}.pagination{text-align:right;margin:0 0 .5em 0;font-size:.9em}.pagination input.page-number{display:inline-block;font-size:.8em;width:3.5em;height:2.5em;text-align:center}.pagination .page-control{display:inline-block;border-radius:5px;font-size:.66em;height:2.85em;width:3.25em;margin:0 .5em;padding:.8em}.pagination .page-control.next,.pagination .page-control.prev{background:#e64f00}.pagination .page-control.inventory{background:#6a68f9}.pagination .page-control.received{background:#ab5af9}.pagination .page-control.sales{background:#33cf96}.pagination .page-control.warehouse{background:#faa05e}.pagination .page-control.distributors{background:#43d4f2}.pagination .page-control.manufacturers{background:#f95f8c}.pagination .page-control.product{background:#38307c}.pagination .page-control.dlink{background:#e64f24}.pagination .page-control.promotions{background:#e6a524}.modal{position:fixed;z-index:1000;background:hsla(0,0%,100%,.6);box-sizing:border-box;top:0;left:0;right:0;bottom:0;display:grid;align-items:center;justify-items:center}.modal .loading{text-align:center}.modal .inner{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);padding:0}.modal .inner h2{margin:0;color:#fff;font-size:1.2em;text-transform:uppercase;letter-spacing:2px;text-align:center;background:#a4a4a4;padding:1em}.modal .inner .content{min-width:27em;max-width:40em;min-height:7em;max-height:20em;padding:1em 2em;overflow-x:scroll;position:relative}.modal .inner .content.medium-content{min-width:40em;max-width:55em;min-height:20em;max-height:35em}.modal .inner .title{font-weight:700;margin:0 0 1em 0}.modal .inner .empty{padding:2em 0;text-align:center;color:#8a8a8a}.modal .inner .note{font-size:.9em;padding:0 0 1em 0;text-align:center}.modal .inner .alert{padding:.5em;color:#fff}.modal .inner .controls{width:100%;margin:0 auto;padding:1em;color:#fff;background:#a4a4a4;text-align:center}.modal .inner .controls .button{width:auto;height:auto;margin:0 .5em}.modal .inner .controls .cancel{background:#616161}.modal .inner .modal-result{margin:1em 0 0 0;text-align:center}.modal .inner .modal-icon{font-size:2em;margin:.66em 0;color:#616161}.modal .inner .modal-search-result{max-height:7em;overflow-y:scroll;text-align:left}.modal .inner .modal-search-result .modal-search-result-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px dotted #ccc}.modal .inner .modal-search-result .modal-search-result-item:hover{cursor:pointer;background-color:#e4e4e4}.modal.inventory .button,.modal.inventory button{background-color:#6a68f9}.modal.received .button,.modal.received button{background-color:#ab5af9}.modal.sales .button,.modal.sales button{background-color:#33cf96}.modal.warehouse .button,.modal.warehouse button{background-color:#faa05e}.modal.distributors .button,.modal.distributors button{background-color:#43d4f2}.modal.manufacturers .button,.modal.manufacturers button{background-color:#f95f8c}.modal.dlink .button,.modal.dlink button{background-color:#e64f24}.modal.promotions .button,.modal.promotions button{background-color:#e6a524}footer{position:fixed;width:100%;height:25px;bottom:0;background-color:#0a1630;font-size:.75em;font-weight:300;padding:.33em .5em 0 .5em;text-align:center}footer,footer a{color:#fafafa}.product-search-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1em}.product-search-list .product{border:2px solid #fff}.product-search-list .product:hover{border:2px solid #e6a524;cursor:pointer}.product-search-list .image_wrapper{margin:0 0 1em 0;background-color:#fff}.product-search-list img{display:block;max-width:100%;max-height:5em;margin:0 auto}.product-search-list .caption{display:block;width:100%;padding:0 .5em .5em .5em;font-size:.9em;color:inherit}.product-search-list .caption b{color:#000}.marquee-search-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1em}.marquee-search-list div:hover{color:#fff;background-color:#e6a524;cursor:pointer}.marquee-search-list img{display:block;width:100%}.marquee-search-list .caption{display:block;width:100%;padding:0 .5em .5em .5em;font-size:.9em;color:inherit}