.graph-trend-content{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative}.graph-trend-content .numeric{text-align:right}.graph-trend-content .graph-trend-chart{height:500px;top:0}.graph-trend-content .graph-trend-chart,.graph-trend-content .no-data{-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;width:100%}.graph-trend-content .no-data{font-size:1.3rem;height:100%;position:absolute}.sitetrends{height:100%;width:100%}.sitetrends .modal-card-body{-webkit-box-flex:1;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0px;justify-content:center}.sitetrends .inline-security-level-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.sitetrends .export-dropdown{position:relative}[dir=ltr] .sitetrends .export-dropdown .export-dropdown-list{text-align:left}[dir=rtl] .sitetrends .export-dropdown .export-dropdown-list{text-align:right}.sitetrends .security-level-dropdown{position:relative}.sitetrends .security-level-dropdown .security-level-dropdown-list{left:auto;min-width:auto;text-align:left}.sitetrends .printable{display:none}.sitetrends .color-swatch{height:28px;width:60px}.sitetrends .color-hex{position:relative;top:-6px}.sitetrends .dimmed td{color:#8aa5b3!important}.sitetrends .dimmed td .action-icons{color:#00557f}.sitetrends .toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem}.sitetrends .toolbar date-picker{min-width:220px}.sitetrends .toolbar .toolbar-item-caret{margin-left:.5rem}.sitetrends .toolbar dropdown-list{min-width:200px}.sitetrends .toolbar dropdown-list .item-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0px;flex:1 1 0px;justify-content:space-between}.sitetrends .toolbar dropdown-list .item-wrapper icon,.sitetrends .toolbar dropdown-list .item-wrapper span{padding:.5rem 0}.sitetrends .toolbar dropdown-list .item-wrapper span{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;text-align:left}.sitetrends .toolbar .group-selector{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}.sitetrends .graph-trend-card{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem}@media (min-width:768px) and (orientation:portrait),(min-width:900px) and (orientation:landscape){.sitetrends .graph-trend-card{margin:0 1rem 1rem}}.sitetrends .graph-trend-card .graph-trend{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.sitetrends .delete-confirmation .margin-top{margin-top:1rem}.sitetrends .delete-confirmation .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.sitetrends .delete-confirmation .action-buttons danger-button,.sitetrends .delete-confirmation .action-buttons secondary-button{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.sitetrends .graph-trend-datagrid{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem;overflow:auto;word-break:break-all}.sitetrends .graph-trend-datagrid table{border-collapse:collapse;min-width:100%;text-align:left}.sitetrends .graph-trend-datagrid table td,.sitetrends .graph-trend-datagrid table th{padding:1rem}.sitetrends .graph-trend-datagrid table thead th{background-color:#069;border-left:1px solid #0070a8;color:#fff;font-size:1rem;font-weight:700}.sitetrends .graph-trend-datagrid table thead th:first-child{border:none}.sitetrends .graph-trend-datagrid table tbody td{border-left:1px solid #e1eef4;color:#00557f;font-size:1rem;font-weight:400;overflow:hidden;text-overflow:ellipsis}.sitetrends .graph-trend-datagrid table tbody td:first-child{border-left:none}.sitetrends .graph-trend-datagrid table tbody tr:nth-child(odd) td{background-color:#e1eef4}.sitetrends .graph-trend-datagrid table tbody tr:last-child td{border-bottom:none}.sitetrends .graph-trend-datagrid table tbody tr:hover td{background-color:orange!important;color:#fefefe}.sitetrends .datepicker-to{margin-left:.5rem}.sitetrends .datepicker-from{margin-right:.5rem}.sitetrends .datepicker-from .header,.sitetrends .datepicker-to .header{color:#555;font-weight:700;margin-bottom:.5rem}.sitetrends .interval-content{background:#fafafa}.sitetrends .interval-content .interval-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.5rem}.sitetrends .interval-content .operator-interval{width:85px}.sitetrends .axis-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.sitetrends .axis-row textbox{margin:0 1rem;width:7rem}.sitetrends .axis-row input[type=checkbox]{margin:0 1rem}.graph-export-modal .component-card-content{height:100%}.graph-export-modal card-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.graph-export-modal .channel-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:500px}.graph-export-modal .channel-wrapper checkbox{margin-bottom:.5rem;width:50%}.graph-export-modal .row{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.graph-export-modal .row.justify-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.graph-export-modal .row form-element{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;margin-left:1rem}.graph-export-modal .row form-element:first-child{margin-left:0}.graph-export-modal .channels{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:160px;overflow-y:auto}.graph-export-modal .channels .toggle-all{height:16px;margin-bottom:1rem}.graph-export-modal .actions{display:-webkit-box;display:-ms-flexbox;display:flex}.graph-export-modal .actions primary-button,.graph-export-modal .actions secondary-button{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:.5rem}@media print{.sitetrends{overflow:hidden}.sitetrends .graph-trend-card{-webkit-box-shadow:none;box-shadow:none;margin:0;width:100%}.sitetrends .graph-trend-card .graph-trend{width:100%}.sitetrends .graph-trend-card .graph-trend .graph-trend-chart>div:first-child{height:345px!important}.sitetrends .graph-trend-card .graph-trend canvas,.sitetrends .graph-trend-card .graph-trend div{display:block;height:375px!important;width:100%!important}.sitetrends .graph-trend-datagrid,.sitetrends .toolbar{display:none}.sitetrends .date-range,.sitetrends .printable{display:-webkit-box;display:-ms-flexbox;display:flex}.sitetrends .date-range{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sitetrends .date-range .print-info-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sitetrends .date-range .print-info-block span:first-child{font-weight:700}.sitetrends .legend{-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.sitetrends .legend li{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:.5rem 0;width:50%}.sitetrends .legend li .legend-color{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0}.sitetrends .legend li .legend-name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:.5rem}.sitetrends .legend li .legend-unit{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0}}.newgroup-wrapper{min-height:200px}