.edit-dashboard-card .card-content-component{grid-row-gap:2em}.edit-dashboard-card .card-content-component,.edit-dashboard-card .card-content-component .sub-category{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.edit-dashboard-card .card-content-component .sub-category{grid-row-gap:.4em}@media(max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.edit-dashboard-card{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:90%;left:0;position:fixed;right:0;top:unset}.edit-dashboard-card .content{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0px;overflow:auto}}.edit-dashboard-backdrop{background:rgba(0,0,0,.3);bottom:0;left:0;position:fixed;right:0;top:0}.tw-card{-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 0 2px 1px rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);max-width:400px;width:100%}@-webkit-keyframes DropDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes DropDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.csw{-webkit-box-orient:vertical;-webkit-box-direction:normal;--rotate-open:rotate(0deg);--rotate-closed:rotate(-90deg);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.csw-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border-bottom:1px solid #f1f1f1;justify-content:space-between;padding:.75em 0}.csw-header,.csw-title{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.csw-title{grid-column-gap:.25em}.csw-title-text{font-weight:400}.csw-action-icon,.csw-indicator-icon,.csw-title-text{cursor:pointer}.csw-indicator-icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;line-height:1;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:25px}.csw .csw-indicator-icon,.csw[data-state=open] .csw-indicator-icon{-webkit-transform:var(--rotate-open);transform:var(--rotate-open);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.csw[data-state=closed] .csw-indicator-icon{-webkit-transform:var(--rotate-closed);transform:var(--rotate-closed);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.csw .csw-content-wrapper{overflow:hidden;-webkit-transition:max-height .25s ease-in-out;transition:max-height .25s ease-in-out}.csw[data-state=open] .csw-content-wrapper{max-height:100%}.csw[data-state=closed] .csw-content-wrapper{max-height:0}.csw .csw-content{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:DropDown;animation-name:DropDown;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.csw[data-state=open] .csw-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.csw[data-state=closed] .csw-content{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.toggle-tank-data-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:25px;font-weight:700}.site-card-wrapper{--status-width:40px;--card-radius:4px;border-radius:var(--card-radius);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 0 2px 1px rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.site-card-wrapper *{color:#333;text-decoration:none!important}.site-card-wrapper>.site-card-clickable-wrapper>.site-card-status{width:var(--status-width)}.site-card-wrapper>.site-card-clickable-wrapper>.site-card-content{width:calc(100% - var(--status-width))}.site-card-wrapper>.site-card-clickable-wrapper>.site-card-content>*{position:relative;width:100%}.site-card-wrapper>.site-card-clickable-wrapper>.site-card-content>.site-card-header{-webkit-box-pack:justify;-ms-flex-pack:justify;grid-column-gap:20px;justify-content:space-between}.site-card-wrapper>.site-card-clickable-wrapper>.site-card-content>.site-card-header,.site-status{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.site-status{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#c2cc23;color:#006400;-ms-flex-direction:column;flex-direction:column;font-size:1rem;justify-content:center;width:100%}.site-status img{width:3rem}.site-status i{-ms-flex-item-align:center;align-self:center}.site-status.alarm{background-color:red;color:darkred}.site-status.offline{background-color:#ddd;color:#777}.site-status.stale{background-color:#78a22f;color:#c2cc23}.site-status.hide-background{background:transparent!important}.pinned-sites-grid{grid-gap:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:2rem}@media (max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.pinned-sites-grid{padding:2rem 1rem}}.pinned-sites-grid .site-card-wrapper{max-width:400px;width:100%}.dnqs div[data-open]{-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.dnqs [data-open=true]{width:100%}.dnqs [data-open=false]{width:40px}.dnqs .text-field-component{width:100%}.quick-search-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;grid-gap:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;max-width:100%;padding:2rem}@media (max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.quick-search-wrapper{padding:2rem 1rem}}.shortcuts-wrapper .icon-component svg{font-size:3em}.shortcuts-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-line-pack:start;grid-gap:1rem;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;max-width:100%;padding:2rem}@media (max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.shortcuts-wrapper{padding:2rem 1rem}}.shortcuts-wrapper .card-component{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:#000;height:60px;overflow:hidden;width:60px}.shortcuts-wrapper .card-component,.shortcuts-wrapper .card-component .component-card-content{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.shortcuts-wrapper .card-component .component-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;margin-top:3px}.shortcuts-wrapper .card-component .component-card-content p{font-weight:700;text-shadow:-1px 0 1px #fff,1px 0 1px #fff,0 -1px 1px #fff,0 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 1px 1px #fff}.shortcuts-wrapper .card-component .icon-component{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:3rem!important;justify-content:center}.shortcuts-wrapper .card-component .larger-icon{font-size:3.5rem}.shortcuts-wrapper .card-component p{bottom:-1px;position:absolute;right:1px}.controller-receiving-places-widget .icon-component:hover{color:gray}.controller-receiving-places-widget .datawrapper{min-width:100%;scroll-snap-align:start}.controller-receiving-places-widget .datawrapper .chart{-webkit-box-flex:1;-ms-flex-item-align:center;align-self:center;-ms-flex:1 0 0px;flex:1 0 0;height:125px}.controller-receiving-places-widget .datawrapper .chart .donut-slice{stroke-width:6px;fill:transparent}.controller-receiving-places-widget .datawrapper .typewrapper{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.controller-receiving-places-widget .datawrapper .typewrapper .row{grid-gap:.5rem}.controller-receiving-places-widget .datawrapper .typewrapper .row .circle{-webkit-box-flex:0;border-radius:100%;-ms-flex:0 0 auto;flex:0 0 auto;height:1em;overflow:hidden;width:1em}.controller-receiving-places-widget .datawrapper .typewrapper .row .sourcetype{-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1;text-overflow:ellipsis}.controller-receiving-places-widget .datawrapper .typewrapper .row .percentage{color:#555;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;text-align:right}.widget-scroller .slide-title{text-align:center;width:120px}.widget-scroller .icon-clickable i{font-size:1.5rem!important}.widget-scroller .icon-clickable:hover{color:gray}.widget-scroller .disabled{color:#d3d3d3;cursor:default}.widget-scroller .disabled:hover{color:#d3d3d3}.widget-scroller .data-title{text-align:center;width:120px}.widget-scroller .scroller-content-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-overflow-style:none;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-width:100%;overflow:auto;-ms-scroll-snap-type:both mandatory;scroll-snap-type:both mandatory;scrollbar-width:none}.widget-scroller .scroller-content-wrapper::-webkit-scrollbar{display:none}.deliveries-last-widget{display:-webkit-box;display:-ms-flexbox;display:flex}.deliveries-last-widget .numbers-wrapper{grid-column-gap:.5rem;grid-row-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);justify-items:center}.deliveries-last-widget .numbers-wrapper,.deliveries-last-widget .numbers-wrapper .number-item{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center}.deliveries-last-widget .numbers-wrapper .number-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.deliveries-last-widget .numbers-wrapper .number-item *{line-height:1}.deliveries-last-widget .numbers-wrapper .number-item.disabled{color:inherit;cursor:default;pointer-events:none}.deliveries-last-widget .numbers-wrapper .number-item.disabled .deliveries{color:#555}.deliveries-last-widget .numbers-wrapper .number-item .deliveries{color:#0076bc;font-size:1.2em;text-align:center;width:100%}.deliveries-last-widget .numbers-wrapper .number-item .date{color:#555;text-align:center;width:100%}.deliveries-year-to-date-widget .datawrapper{min-width:100%;scroll-snap-align:start}.deliveries-year-to-date-widget .card-content{padding:0}.deliveries-wrapper{min-height:1px;min-width:100%}.deliveries-table{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;scroll-snap-align:start}.deliveries-table .table{width:100%}.deliveries-table .table .months{min-height:120px;overflow:auto}.deliveries-table .table .months .month{grid-gap:2rem;border-bottom:1px dashed #efefef;padding:1rem}.deliveries-table .table .months .month .cell{-webkit-box-flex:1!important;-ms-flex:1 0 0px!important;flex:1 0 0px!important}.deliveries-table .table .months .month .desc{color:#555}.deliveries-table .table .total-footer{background:#fafafa;border-bottom:none}.deliveries-chart{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;scroll-snap-align:start}.deliveries-chart .chart{overflow:hidden;width:100%}.deliveries-chart .chart .ct-grids{stroke-dasharray:2 2;stroke-width:1px;stroke:rgba(0,118,188,.565)}.deliveries-chart .chart .ct-labels{font-size:.75rem;text-align:center}.deliveries-chart .chart .ct-series-a .ct-bar{stroke:rgba(0,118,188,.565);stroke-linecap:round;stroke-width:6}.deliveries-chart .chart .ct-label{white-space:nowrap}.deliveries-chart .chart.loading .ct-series-a .ct-bar{stroke:hsla(0,0%,80%,.565)}.slide-wrapper{min-height:1px;min-width:100%}.new-sites-chart{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;scroll-snap-align:start}.new-sites-chart .ct-grids{stroke-dasharray:2 2;stroke-width:1px;stroke:rgba(0,118,188,.565)}.new-sites-chart .ct-labels{font-size:.75rem;text-align:center}.new-sites-chart .ct-series-a .ct-bar{stroke:rgba(0,118,188,.565);stroke-linecap:round;stroke-width:6}.new-sites-chart div{overflow:hidden;width:100%}.new-sites-chart div.loading .ct-series-a .ct-bar{stroke:hsla(0,0%,80%,.565)}.new-sites-table{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;scroll-snap-align:start}.new-sites-table .table{width:100%}.new-sites-table .table .months{min-height:120px;overflow:auto}.new-sites-table .table .months .month{grid-gap:2rem;border-bottom:1px dashed #efefef;padding:1rem}.new-sites-table .table .months .month .cell{-webkit-box-flex:1!important;-ms-flex:1 0 0px!important;flex:1 0 0px!important}.new-sites-table .table .months .month .desc{color:#555}.new-sites-table .table .total-footer{background:#fafafa;border-bottom:none}.tank-low-level-widget,.tank-low-level-widget .row{display:-webkit-box;display:-ms-flexbox;display:flex}.tank-low-level-widget .row{grid-gap:1rem}.tank-low-level-widget .row:not(:first-child){margin-top:1rem}.tank-low-level-widget .row .tankbar{-webkit-box-flex:2;-ms-flex:2 0 0px;flex:2 0 0px;height:1em}.tank-low-level-widget .row .sitename{-webkit-box-flex:7;-ms-flex:7 0 0px;flex:7 0 0px}.tank-reach-minimum-widget,.tank-reach-minimum-widget .row{display:-webkit-box;display:-ms-flexbox;display:flex}.tank-reach-minimum-widget .row{grid-gap:1rem}.tank-reach-minimum-widget .row:not(:first-child){margin-top:1rem}.tank-reach-minimum-widget .row .daybar.red{color:#c24040}.tank-reach-minimum-widget .row .sitename{-webkit-box-flex:7;-ms-flex:7 0 0px;flex:7 0 0px}.widgets-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;grid-gap:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,400px));justify-content:flex-start;max-width:100%;padding:2rem}@media (max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.widgets-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:2rem 1rem}}.widgets-wrapper .widget{height:250px;max-width:100%;width:400px}@media (max-width:767px) and (orientation:portrait),(max-width:899px) and (orientation:landscape){.widgets-wrapper .widget{height:unset;min-height:250px}}.controllers-data-sources-widget .controller-widget-card{max-height:157px}.controllers-data-sources-widget .datawrapper{min-width:100%;scroll-snap-align:start}.controllers-data-sources-widget .datawrapper .chart{-webkit-box-flex:1;-ms-flex-item-align:center;align-self:center;-ms-flex:1 0 0px;flex:1 0 0px;height:125px}.controllers-data-sources-widget .datawrapper .chart .donut-slice{stroke-width:6px;fill:transparent}.controllers-data-sources-widget .datawrapper .typewrapper{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0px}.controllers-data-sources-widget .datawrapper .typewrapper .row{grid-gap:.5rem}.controllers-data-sources-widget .datawrapper .typewrapper .row .circle{-webkit-box-flex:0;border-radius:100%;-ms-flex:0 0 auto;flex:0 0 auto;height:1em;overflow:hidden;width:1em}.controllers-data-sources-widget .datawrapper .typewrapper .row .sourcetype{-webkit-box-flex:2;-ms-flex:2 0 0px;flex:2 0 0px}.controllers-data-sources-widget .datawrapper .typewrapper .row .percentage{-webkit-box-flex:1;color:#555;-ms-flex:1 0 0px;flex:1 0 0px;text-align:right}.cdsw-body{padding-bottom:.5rem!important;padding-top:.5rem!important}