<<<<<<< HEAD .radial-progress-container{position:relative}.radial-progress-inner{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ponds-count-card .pond-card-count__header,.radial-progress-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ponds-count-card .pond-card-count__header{line-height:1.8}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .pond-card-count__header{line-height:1.8}}@media only screen and (min-width:1920px){.ponds-count-card .pond-card-count__header{line-height:1.8}}.ponds-count-card .el-card__body{height:70%!important}.ponds-count-card .count-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ponds-count-card .count-container .radial__progress__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.ponds-count-card .count-container .radial__progress__inner__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .count-container .radial__progress__inner__container{font-size:16px}}@media only screen and (min-width:1920px){.ponds-count-card .count-container .radial__progress__inner__container{font-size:20px}}.ponds-count-card .count-container .count{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-top:1rem;margin-bottom:1rem}.ponds-count-card .count-container .count p:first-of-type{font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .count-container .count p:first-of-type{font-size:16px}}@media only screen and (min-width:1920px){.ponds-count-card .count-container .count p:first-of-type{font-size:20px}}.ponds-count-card .count-container .count p:nth-of-type(2){font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .count-container .count p:nth-of-type(2){font-size:16px}}@media only screen and (min-width:1920px){.ponds-count-card .count-container .count p:nth-of-type(2){font-size:20px}}.ponds-count-card .count-container .pg-container div{text-align:center}.ponds-count-card .count-container .pg-container p:first-of-type{color:#0e6ba8;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .count-container .pg-container p:first-of-type{font-size:16px}}@media only screen and (min-width:1920px){.ponds-count-card .count-container .pg-container p:first-of-type{font-size:20px}}.ponds-count-card .count-container .pg-container p:nth-of-type(2){font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.ponds-count-card .count-container .pg-container p:nth-of-type(2){font-size:16px}}@media only screen and (min-width:1920px){.ponds-count-card .count-container .pg-container p:nth-of-type(2){font-size:20px}}.ponds-count-card .count-container .count-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.highcharts-axis-title{fill:#333!important;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.highcharts-axis-title{font-size:14px}}@media only screen and (min-width:1920px){.highcharts-axis-title{font-size:16px}}.highcharts-xaxis .highcharts-axis-line,.highcharts-xaxis .highcharts-tick{stroke:#233a73}.highcharts-xaxis-labels.highcharts-axis-labels text{color:#233a73!important;font-size:10px!important;fill:#233a73!important}@media only screen and (min-width:1366px)and (max-width:1919px){.highcharts-xaxis-labels.highcharts-axis-labels text{font-size:12px!important}}@media only screen and (min-width:1920px){.highcharts-xaxis-labels.highcharts-axis-labels text{font-size:14px!important}}.highcharts-yaxis-labels.highcharts-axis-labels text{color:#233a73!important;font-size:14px!important;fill:#233a73!important}@media only screen and (min-width:1366px)and (max-width:1919px){.highcharts-yaxis-labels.highcharts-axis-labels text{font-size:16px!important}}@media only screen and (min-width:1920px){.highcharts-yaxis-labels.highcharts-axis-labels text{font-size:20px!important}}.highcharts-tooltip span{font-size:12px!important}@media only screen and (min-width:1366px)and (max-width:1919px){.highcharts-tooltip span{font-size:14px!important}}@media only screen and (min-width:1920px){.highcharts-tooltip span{font-size:16px!important}}.highcharts-scrollbar-thumb{fill:#233a73;stroke:#233a73;opacity:.5;stroke-width:1px}.highcharts-scrollbar-button{fill:#fff;stroke:rgba(0,0,0,.4);stroke-width:1px}.highcharts-scrollbar-arrow{fill:#233a73}.highcharts-scrollbar-rifles{stroke:#fff;stroke-width:1px}.highcharts-scrollbar-track{fill:#f2f2f2;stroke:rgba(0,0,0,.4);stroke-width:1px}.filters-modal{--dialog-width:60%}@media only screen and (min-width:1366px)and (max-width:1919px){.filters-modal{--dialog-width:45%}}@media only screen and (min-width:1920px){.filters-modal{--dialog-width:40%}}.filters-modal .el-dialog__body{padding:0 20px}.filters-modal .right-panel{width:100%;overflow:hidden}.filters-modal .right-panel-scroll{position:relative;margin-right:-20px;height:55vh}@media only screen and (min-width:1366px)and (max-width:1919px){.filters-modal .right-panel-scroll{height:59vh}}@media only screen and (min-width:1920px){.filters-modal .right-panel-scroll{height:63vh}}.filters-modal .right-panel-scroll-view{height:100%;padding-right:10px}.filters-modal .right-panel-scroll-wrap{height:100%;overflow-x:auto}.filters-modal .vertical-line{border-left:1px solid #f0f0f0;min-height:200px;max-height:500px}.filters-modal .el-alert__title{word-break:break-word}.filters-modal .reset-button{padding:unset}.filters-modal .reset-button>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filters-modal .reset-button span.button-label{margin-left:5px;color:#606266}.feedConsumption-filter-card .el-form-item{margin-bottom:6px}.feedConsumption-filter-card .el-form-item .el-form-item__label{width:200px}.feed-consumption-filter-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.feed-consumption-filter-icon .el-button--text{color:unset}.range-value-width{width:37px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-range-separator{width:auto!important}.el-switch__label span{color:#0a2463!important}.feedconsumption-count-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.feedconsumption-count-card .filters-modal{--dialog-width:45%}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .filters-modal{--dialog-width:35%}}@media only screen and (min-width:1920px){.feedconsumption-count-card .filters-modal{--dialog-width:25%}}.feedconsumption-count-card .page_loading{height:40vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .page_loading{height:40vh}}@media only screen and (min-width:1920px){.feedconsumption-count-card .page_loading{height:40vh}}.feedconsumption-count-card .el-card__header{padding-bottom:0}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .el-card__header{padding-bottom:5px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .el-card__header{padding-bottom:10px}}.feedconsumption-count-card .feedconsumption-card-count__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.8}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .feedconsumption-card-count__header{line-height:1.8}}@media only screen and (min-width:1920px){.feedconsumption-count-card .feedconsumption-card-count__header{line-height:1.8}}.feedconsumption-count-card .feedconsumption-card-count__header .header-stats{font-size:8px;background:#233a73;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;color:#fff}.feedconsumption-count-card .feedconsumption-card-count__header .header-stats .value{font-size:13px}.feedconsumption-count-card .feedconsumption-card-count__header .weekly{background-color:#d39f00}.feedconsumption-count-card .feedconsumption-card-count__header .daily{background-color:#155dbe}.feedconsumption-count-card .feedconsumption-card-count__header .monthly{background-color:#adff2f}.feedconsumption-count-card .el-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 10px 0 10px!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.feedconsumption-count-card .el-card__body .highcharts_space{margin-bottom:8.5px}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .el-card__body .highcharts_space{margin-bottom:6.8px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .el-card__body .highcharts_space{margin-bottom:11.5px}}.feedconsumption-count-card .feed-stat{text-transform:capitalize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feedconsumption-count-card .feed-stat--dialy{color:#155dbe}.feedconsumption-count-card .feed-stat--weekly{color:#d39f00}.feedconsumption-count-card .feed-stat--monthly{color:#adff2f}.feedconsumption-count-card .feed-stat__title{text-align:right;margin-right:5px;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .feed-stat__title{font-size:14px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .feed-stat__title{font-size:16px}}.feedconsumption-count-card .feed-stat__value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.feedconsumption-count-card .feed-stat__value .filter-popover-trigger{cursor:pointer}.feedconsumption-count-card .feed-stat__value p{font-size:12px;margin-right:4px;margin-top:auto}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .feed-stat__value p{font-size:14px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .feed-stat__value p{font-size:16px}}.feedconsumption-count-card .feed-stat__value img{width:11px;height:11px}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .feed-stat__value img{width:13px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .feed-stat__value img{width:16px}}@media only screen and (min-width:1366px)and (max-width:1919px){.feedconsumption-count-card .feed-stat__value img{height:13px}}@media only screen and (min-width:1920px){.feedconsumption-count-card .feed-stat__value img{height:16px}}.abwbiomass-count-card .page_loading{height:40vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .page_loading{height:40vh}}@media only screen and (min-width:1920px){.abwbiomass-count-card .page_loading{height:40vh}}.abwbiomass-count-card .er-card.er-card--secondary .el-card__body{padding:0 10px 10px 10px!important}.abwbiomass-count-card .abwbiomass-card-count__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats{font-size:8px;font-weight:500;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats{font-size:9px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats{font-size:10px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;background:#233a73;border-radius:5px}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value{font-size:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;letter-spacing:normal;min-width:30px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value{font-size:14px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value{font-size:16px}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value{min-width:40px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value{min-width:40px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units{display:-webkit-box;display:-ms-flexbox;display:flex;color:#5df953;font-size:8px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units{font-size:10px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units{font-size:12px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title{line-height:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title{line-height:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title{line-height:23px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value{font-size:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value{font-size:23px}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value{line-height:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value{line-height:23px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:first-child{font-size:8px;background:#233a73;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:first-child{font-size:11px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:first-child{font-size:13px}}.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:nth-of-type(2){font-size:8px;background:#f54e5e;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:nth-of-type(2){font-size:11px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats>span:nth-of-type(2){font-size:13px}}.abwbiomass-count-card .chart-container__grid{position:absolute;height:90%;width:0;left:20.8%}.abwbiomass-count-card .chart-container__grid .grid-line{height:calc(100% + 1em);border-left:1px solid #ececec}.abwbiomass-count-card .chart-container___inner .axis{-webkit-transform-origin:left;transform-origin:left;border-color:#ececec}@media only screen and (min-width:993px)and (max-width:1364px){.abwbiomass-count-card .chart-container___inner .axis{-webkit-transform:scaleY(.4) translate(20.9%,20px) rotate(90deg);transform:scaleY(.4) translate(20.9%,20px) rotate(90deg)}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container___inner .axis{-webkit-transform:scaleY(.4) translate(20.9%,35px) rotate(90deg);transform:scaleY(.4) translate(20.9%,35px) rotate(90deg)}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container___inner .axis{-webkit-transform:scaleY(.44) translate(20.9%,35px) rotate(90deg);transform:scaleY(.44) translate(20.9%,35px) rotate(90deg)}}.abwbiomass-count-card .chart-container__row{margin-top:8px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__row{margin-top:9px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__row{margin-top:10px}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__row{margin-bottom:9px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__row{margin-bottom:10px}}.abwbiomass-count-card .row__label-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.abwbiomass-count-card .row__label-container .row-label{font-size:14px;color:#233a73}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .row__label-container .row-label{font-size:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .row__label-container .row-label{font-size:20px}}.abwbiomass-count-card .row__label-container .row-sub-label{margin-left:5px;font-size:12px;line-height:1.6;color:#508ff4}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .row__label-container .row-sub-label{font-size:14px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .row__label-container .row-sub-label{font-size:16px}}.abwbiomass-count-card .row__bar-container .bar{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#233a73}.abwbiomass-count-card .row__bar-container .bar__filler{height:6px;margin-right:5px;border-top-right-radius:20px;border-bottom-right-radius:20px;background:linear-gradient(225deg,#2d9cdb,#155dbe)}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .row__bar-container .bar__filler{height:9px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .row__bar-container .bar__filler{height:12px}}.abwbiomass-count-card .row__bar-container .bar__filler:hover{background:linear-gradient(45deg,#2d9cdb,#155dbe)}.abwbiomass-count-card .row__bar-container .bar__title{font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .row__bar-container .bar__title{font-size:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .row__bar-container .bar__title{font-size:20px}}.abwbiomass-count-card .row__bar-container .bar__title:after{content:attr(data-units);font-size:12px;display:inline-block;margin-left:1px;color:#508ff4}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .row__bar-container .bar__title:after{font-size:14px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .row__bar-container .bar__title:after{font-size:16px}}.abwbiomass-count-card .row__bar-container .bar .bar__value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.abwbiomass-count-card .col-auxiliary-title_label,.abwbiomass-count-card .row__bar-container .row__bar__ponds__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.abwbiomass-count-card .col-auxiliary-title_label{color:#233a73;font-weight:600;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .col-auxiliary-title_label{font-size:14px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .col-auxiliary-title_label{font-size:16px}}.abwbiomass-count-card .col-auxiliary-title{font-size:12px;color:#233a73;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .col-auxiliary-title{font-size:14px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .col-auxiliary-title{font-size:16px}}.abwbiomass-count-card .col-auxiliary-value{font-size:14px;color:#33a02c;font-weight:600;cursor:pointer}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .col-auxiliary-value{font-size:16px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .col-auxiliary-value{font-size:20px}}.abwbiomass-count-card .col-pond{padding-right:0}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .col-pond{padding-right:3px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .col-pond{padding-right:10px}}.abwbiomass-count-card .chart-container__scale .scale__row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px;position:relative;width:62.5%}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__scale .scale__row{margin-top:6.5px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__scale .scale__row{margin-top:12px}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__scale .scale__row{width:58.3333333333%}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__scale .scale__row{width:58.3333333333%}}.abwbiomass-count-card .chart-container__scale .scale__value{font-size:11px;color:grey;position:absolute}.abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-4.5px;color:#233a73}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line{margin-top:-5px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line{margin-top:-7px}}@media only screen and (min-width:1366px)and (max-width:1919px){.abwbiomass-count-card .chart-container__scale .scale__value{font-size:13px}}@media only screen and (min-width:1920px){.abwbiomass-count-card .chart-container__scale .scale__value{font-size:15px}}.abwbiomass-count-card .chart-container__scale .scale__value:first-child{margin-left:5px}.abwbiomass-count-card .no-data-container{text-align:center;margin-top:20%}.abwbiomass-count-card-el-tooltip__popper.is-dark{background:#233a73}.abwbiomass-count-card-el-tooltip__popper{padding:4px}.abwbiomass-count-card-el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#233a73}.abwbiomass-count-card-el-tooltip__popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#233a73}.pond-performance-filter-modal .filter-header{margin-bottom:20px;margin-top:15px}.pond-performance-filter-modal .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pond-performance-filter-modal .input-group label{font-weight:600;margin-right:5px}.pond-performance-filter-modal .range-section{margin-bottom:20px}.pond-performance-filter-modal .range-section h4{margin-bottom:10px}.pond-performance-filter-modal .range-section .logical-symbol{margin-right:5px}.pond-performance-filter-modal .range-section .logical-symbol.hide{opacity:0}.pond-performance-filter-modal .range-section .range-actions{margin-left:10px;padding:5px 5px}.pond-performance-filter-modal .range-section .range-actions .er-button.el-button--mini:not(.is-circle){padding:3px 5px}.pond-performance-filter-modal .range-section .range-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pond-performance-filter-modal .range-section .range-row+.range-row{margin-top:8px}.pond-performance-filter-modal .range-section .range-row .range-input{width:65px}.pond-performance-filter-modal .range-section .range-row .range-input.is-error .el-input__inner{border-color:#f56c6c}.pond-performance-filter-modal .range-section .range-row .range-input .el-input.is-disabled .el-input__inner{color:#54445c}.pond-performance-filter-modal .range-section .range-row .range-dash{margin:0 8px}.pond-performance-filter-modal .range-section .range-row .remove-btn{margin-left:8px;color:#ff4d4f}.pond-performance-filter-modal .range-section .add-range-btn{margin-top:10px}.pond-performance-filter-modal .dialog-footer{text-align:right}.card-pond-performance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-pond-performance .page_loading{height:40vh;width:100%;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .page_loading{height:40vh}}@media only screen and (min-width:1920px){.card-pond-performance .page_loading{height:40vh}}.card-pond-performance.er-card.er-card--secondary .el-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 20px 10px 8px}.card-pond-performance .filter-icon .el-button--text{color:unset}.card-pond-performance .card-icon{width:24px;height:24px;margin-right:8px}.card-pond-performance .blue-row-table.el-table{width:100%}.card-pond-performance .blue-row-table.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:unset}.card-pond-performance .blue-row-table .blue-row-table__header-row{background-color:#fff}.card-pond-performance .blue-row-table .blue-row-table__header-row th{padding:1px 0}.card-pond-performance .blue-row-table .blue-row-table__header-row th .cell{font-weight:500}.card-pond-performance .blue-row-table .blue-row-table__header-row th:first-child{border-right:1px solid rgba(0,0,0,.08)}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child){color:#233a73;background:#f8f8f8;border-bottom:1px solid rgba(0,0,0,.15)}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell{font-size:16px}}@media only screen and (min-width:1920px){.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell{font-size:20px}}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .title-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1px}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-left:5px}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .symbol-holder{margin-right:0}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.title{text-align:initial}.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title{text-align:left;font-size:14px;color:#508ff4}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title{font-size:16px}}@media only screen and (min-width:1920px){.card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title{font-size:20px}}.card-pond-performance .blue-row-table .blue-row-table__header-row th:last-child{border-right:1px solid rgba(0,0,0,.15)}.card-pond-performance .blue-row-table .blue-row-table__row td .cell{font-weight:600;font-size:14px;line-height:1.65}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .blue-row-table .blue-row-table__row td .cell{font-size:16px}}@media only screen and (min-width:1920px){.card-pond-performance .blue-row-table .blue-row-table__row td .cell{font-size:20px}}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .blue-row-table .blue-row-table__row td .cell{line-height:2.55}}@media only screen and (min-width:1920px){.card-pond-performance .blue-row-table .blue-row-table__row td .cell{line-height:3}}.card-pond-performance .blue-row-table .blue-row-table__row td:first-child{border-bottom:unset;background-color:#f8f8f8!important;border-right:1px solid rgba(0,0,0,.15)}.card-pond-performance .blue-row-table .blue-row-table__row td:first-child .cell{font-weight:500;color:#233a73}.card-pond-performance .blue-row-table .blue-row-table__row:not(:nth-child(2n)){background-color:rgba(237,244,254,.8)}.card-pond-performance .blue-row-table .el-table__body,.card-pond-performance .blue-row-table .el-table__header{padding-left:5px}.card-pond-performance .blue-row-table .el-table__body-wrapper,.card-pond-performance .blue-row-table .el-table__header-wrapper{margin-right:5px;margin-left:5px}.card-pond-performance .blue-row-table.el-table:before{margin-left:12px}.card-pond-performance .el-table th>.cell{padding:0;line-height:120%}.card-pond-performance .row-column-indicator{display:grid;height:50%;font-size:14px;grid-template-rows:repeat(2,50% [col-start]);grid-template-columns:repeat(2,50% [col-start]);-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator{font-size:16px}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator{font-size:20px}}.card-pond-performance .row-column-indicator>div:first-child,.card-pond-performance .row-column-indicator>div:nth-child(2){border-bottom:1.5px solid #777}.card-pond-performance .row-column-indicator>div:first-child,.card-pond-performance .row-column-indicator>div:nth-child(3){border-right:1.5px solid #777}.card-pond-performance .row-column-indicator>div:nth-child(2):after,.card-pond-performance .row-column-indicator>div:nth-child(3):after{content:"";position:absolute;display:inline-block;width:8px;height:8px;border-top:1.5px solid #777;border-left:1.5px solid #777;border-radius:2px}.card-pond-performance .row-column-indicator>div:nth-child(3):after{-webkit-transform:rotate(225deg);transform:rotate(225deg);right:45%;bottom:0;margin:1.5px 1px}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator>div:nth-child(3):after{right:46.25%}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator>div:nth-child(3):after{right:48%}}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator>div:nth-child(3):after{margin:1.5px 0}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator>div:nth-child(3):after{margin:1.5px 0}}.card-pond-performance .row-column-indicator>div:nth-child(2):after{top:50%;right:1px;margin-top:-4.5px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{top:50%}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{top:50%}}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{right:.5px}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{right:.5px}}@media only screen and (min-width:1366px)and (max-width:1919px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{margin-top:-4.5px}}@media only screen and (min-width:1920px){.card-pond-performance .row-column-indicator>div:nth-child(2):after{margin-top:-4.5px}}.growth-range-item-container .total__ponds{font-size:14px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;cursor:pointer}@media only screen and (min-width:1366px)and (max-width:1919px){.growth-range-item-container .total__ponds{font-size:16px}}@media only screen and (min-width:1920px){.growth-range-item-container .total__ponds{font-size:20px}}.growth-range-item-container .range__value:after{content:"gms";font-weight:500;font-size:14px;color:#508ff4;padding-left:5px}@media only screen and (min-width:1366px)and (max-width:1919px){.growth-range-item-container .range__value:after{font-size:16px}}@media only screen and (min-width:1920px){.growth-range-item-container .range__value:after{font-size:20px}}.growth-range-item-container .range__value{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#140f26}@media only screen and (min-width:1366px)and (max-width:1919px){.growth-range-item-container .range__value{font-size:16px}}@media only screen and (min-width:1920px){.growth-range-item-container .range__value{font-size:20px}}.growth-range-item-container .container__columns__alignment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:3.8px;padding-top:6.5px}@media only screen and (min-width:1366px)and (max-width:1919px){.growth-range-item-container .container__columns__alignment{margin-top:6.8px}}@media only screen and (min-width:1920px){.growth-range-item-container .container__columns__alignment{margin-top:12px}}@media only screen and (min-width:1366px)and (max-width:1919px){.growth-range-item-container .container__columns__alignment{padding-top:15px}}@media only screen and (min-width:1920px){.growth-range-item-container .container__columns__alignment{padding-top:20px}}.weight-growth-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.weight-growth-container .filters-modal{--dialog-width:45%}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .filters-modal{--dialog-width:35%}}@media only screen and (min-width:1920px){.weight-growth-container .filters-modal{--dialog-width:25%}}.weight-growth-container .filters-modal .el-form-item__content{display:inline-block;width:200px}.weight-growth-container .el-card__body{display:-webkit-box;display:-ms-flexbox;display:flex}.weight-growth-container .el-card__body,.weight-growth-container .empty-container-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.weight-growth-container .empty-container-wrapper{text-align:center}.weight-growth-container .awg-filter-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.weight-growth-container .awg-filter-icon .el-button--text{color:unset}.weight-growth-container .page_loading{height:40vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .page_loading{height:40vh}}@media only screen and (min-width:1920px){.weight-growth-container .page_loading{height:40vh}}.weight-growth-container .weight__growth__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:1px}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight__growth__header{padding-bottom:0}}@media only screen and (min-width:1920px){.weight-growth-container .weight__growth__header{padding-bottom:0}}.weight-growth-container .weight__growth__header .card-container{display:-webkit-box;display:-ms-flexbox;display:flex}.weight-growth-container .weight__growth__header .card-container .card__icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px}.weight-growth-container .weight__growth__header .card-container .card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weight-growth-container .pond-card-count__header__total{text-transform:capitalize}.weight-growth-container .wholeiconalign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weight-growth-container .weight-growth-stat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-weight:200;border-radius:5px}.weight-growth-container .weight-growth-stat .weight__growth__container{cursor:pointer;font-size:14px;color:#0078ff;background-color:#d6eaff;margin:0 3px;padding:4px;padding:-1px;border-radius:5px;text-transform:lowercase;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__container{font-size:16px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__container{font-size:20px}}.weight-growth-container .weight-growth-stat .weight__growth__container.is-selected{color:#fff;background-color:#233a73}.weight-growth-container .weight-growth-stat .weight__growth__container.is-selected .weight__growth__value:after{color:#5df953}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__container{font-size:14px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__container{font-size:16px}}.weight-growth-container .weight-growth-stat .weight__growth__value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;letter-spacing:normal;min-width:20px;max-width:20px}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__value{min-width:35px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__value{min-width:40px}}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__value{max-width:35px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__value{max-width:40px}}.weight-growth-container .weight-growth-stat .weight__growth__value:after{content:attr(data-units);font-size:8px;margin-left:5px;text-transform:lowercase;color:#0f9807;line-height:1;margin-left:auto}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__value:after{font-size:12px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__value:after{font-size:14px}}.weight-growth-container .weight-growth-stat .weight__growth__units{color:#5df953;display:block;text-align:end;letter-spacing:normal;font-size:8px}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .weight-growth-stat .weight__growth__units{font-size:10px}}@media only screen and (min-width:1920px){.weight-growth-container .weight-growth-stat .weight__growth__units{font-size:12px}}.weight-growth-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;letter-spacing:1px;line-height:2;color:#0a2463;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.weight-growth-container .header{font-size:14px}}@media only screen and (min-width:1920px){.weight-growth-container .header{font-size:16px}}.weight-growth-container hr{background:#6c7b8a;mix-blend-mode:normal;opacity:.08}.temperature__card .page_loading{height:20vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .page_loading{height:20vh}}@media only screen and (min-width:1920px){.temperature__card .page_loading{height:20vh}}.temperature__card .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.temperature__card .container--left{padding-left:5px;padding-right:5px}.temperature__card .container--left .header__title{font-size:14px;font-weight:600;color:#0a2463;padding-top:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .header__title{font-size:18px}}@media only screen and (min-width:1920px){.temperature__card .container--left .header__title{font-size:22px}}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .header__title{padding-top:0}}@media only screen and (min-width:1920px){.temperature__card .container--left .header__title{padding-top:2px}}.temperature__card .container--left .body{margin-top:15px}.temperature__card .container--left .icon-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.temperature__card .container--left .icon-holder img{width:42px;height:56px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .icon-holder img{width:48px}}@media only screen and (min-width:1920px){.temperature__card .container--left .icon-holder img{width:60px}}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .icon-holder img{height:64px}}@media only screen and (min-width:1920px){.temperature__card .container--left .icon-holder img{height:80px}}.temperature__card .container--left .value-container{margin:auto 0}.temperature__card .container--left .value-container .value{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px;font-weight:600;line-height:30px;margin-right:5px;color:#1f2041;text-transform:uppercase}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .value-container .value{font-size:27px}}@media only screen and (min-width:1920px){.temperature__card .container--left .value-container .value{font-size:30px}}.temperature__card .container--left .value-container .units{vertical-align:super;font-size:14px;line-height:20px;color:#1f2041;font-weight:lighter}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .value-container .units{font-size:14px}}@media only screen and (min-width:1920px){.temperature__card .container--left .value-container .units{font-size:14px}}.temperature__card .container--left .averagecontent{font-size:14px;text-transform:capitalize;color:#979797}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .averagecontent{font-size:14px}}@media only screen and (min-width:1920px){.temperature__card .container--left .averagecontent{font-size:14px}}.temperature__card .container--left .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:15px 0 10px 0}.temperature__card .container--left .thresoldrange:before{display:inline-block;width:5.6px;height:5.6px;background:#33a02c;border-radius:50%;vertical-align:middle;margin-right:5px;content:""}.temperature__card .container--left .thresoldrange{line-height:11px;color:#33a02c;font-size:8px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--left .thresoldrange{font-size:10px}}@media only screen and (min-width:1920px){.temperature__card .container--left .thresoldrange{font-size:12px}}.temperature__card .container--right{margin:auto 0}.temperature__card .container--right .container__item:nth-child(2){margin-top:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--right .container__item:nth-child(2){margin-top:25px}}@media only screen and (min-width:1920px){.temperature__card .container--right .container__item:nth-child(2){margin-top:30px}}.temperature__card .container--right .container__item .heading__one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.temperature__card .container--right .container__item .heading__one .heading{font-size:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--right .container__item .heading__one .heading{font-size:12px}}@media only screen and (min-width:1920px){.temperature__card .container--right .container__item .heading__one .heading{font-size:14px}}.temperature__card .container--right .container__item .heading__second{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.temperature__card .container--right .container__item .heading__second .icon{width:24px;height:32px}.temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text{padding:0}.temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:16px;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:20px}}@media only screen and (min-width:1920px){.temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:24px}}.temperature__card .container--right .container__item .heading__second .threshold__value.threshold__value--in .el-button--text span{color:#33a02c}.temperature__card .container--right .container__item .heading__second .threshold__value.threshold__value--out .el-button--text span{color:#ff393b}.temperature__card .container--right .container__item .heading__second .threshold__value-title{color:#6c7b8a;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.temperature__card .container--right .container__item .heading__second .threshold__value-title{font-size:16px}}@media only screen and (min-width:1920px){.temperature__card .container--right .container__item .heading__second .threshold__value-title{font-size:20px}}.dissolvedoxygen__card .page_loading{height:20vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .page_loading{height:20vh}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .page_loading{height:20vh}}.dissolvedoxygen__card .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dissolvedoxygen__card .container--left{padding-left:5px;padding-right:5px}.dissolvedoxygen__card .container--left .header__title{font-size:14px;font-weight:600;color:#0a2463;padding-top:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .header__title{font-size:18px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .header__title{font-size:22px}}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .header__title{padding-top:0}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .header__title{padding-top:2px}}.dissolvedoxygen__card .container--left .body{margin-top:15px}.dissolvedoxygen__card .container--left .icon-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dissolvedoxygen__card .container--left .icon-holder img{width:42px;height:56px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .icon-holder img{width:48px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .icon-holder img{width:60px}}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .icon-holder img{height:64px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .icon-holder img{height:80px}}.dissolvedoxygen__card .container--left .value-container{margin:auto 0}.dissolvedoxygen__card .container--left .value-container .value{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px;font-weight:600;line-height:30px;margin-right:5px;color:#1f2041}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .value-container .value{font-size:27px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .value-container .value{font-size:30px}}.dissolvedoxygen__card .container--left .value-container .units{vertical-align:super;font-size:14px;line-height:20px;color:#1f2041;font-weight:lighter}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .value-container .units{font-size:14px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .value-container .units{font-size:14px}}.dissolvedoxygen__card .container--left .averagecontent{font-size:14px;text-transform:capitalize;color:#979797}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .averagecontent{font-size:14px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .averagecontent{font-size:14px}}.dissolvedoxygen__card .container--left .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:15px 0 10px 0}.dissolvedoxygen__card .container--left .thresoldrange:before{display:inline-block;width:5.6px;height:5.6px;background:#33a02c;border-radius:50%;vertical-align:middle;margin-right:5px;content:""}.dissolvedoxygen__card .container--left .thresoldrange{line-height:11px;color:#33a02c;font-size:8px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--left .thresoldrange{font-size:10px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--left .thresoldrange{font-size:12px}}.dissolvedoxygen__card .container--right{margin:auto 0}.dissolvedoxygen__card .container--right .container__item:nth-child(2){margin-top:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--right .container__item:nth-child(2){margin-top:25px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--right .container__item:nth-child(2){margin-top:30px}}.dissolvedoxygen__card .container--right .container__item .heading__one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dissolvedoxygen__card .container--right .container__item .heading__one .heading{font-size:10px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--right .container__item .heading__one .heading{font-size:12px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--right .container__item .heading__one .heading{font-size:14px}}.dissolvedoxygen__card .container--right .container__item .heading__second{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.dissolvedoxygen__card .container--right .container__item .heading__second .icon{width:24px;height:32px}.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text{padding:0}.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:16px;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:20px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span{font-size:24px}}.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value.threshold__value--in .el-button--text span{color:#33a02c}.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value.threshold__value--out .el-button--text span{color:#ff393b}.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title{color:#6c7b8a;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title{font-size:16px}}@media only screen and (min-width:1920px){.dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title{font-size:20px}}.tooltip{display:block!important;z-index:10000;font-size:.5rem}@media screen and (max-width:1440px){.tooltip{font-size:.8rem}}.tooltip .tooltip-inner{background:#508ff4;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#508ff4;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.dashboard-tab .overall-dashboard-row:first-child{margin-bottom:10px}.dashboard-tab .overall-dashboard-row:first-child .el-card__header{line-height:1.4}.dashboard-tab .overall-dashboard-row .el-card{height:100%}.dashboard-tab .do-temp-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dashboard-tab .do-temp-stats>.el-row{height:calc(50% - 5px);margin-bottom:5px;margin-top:5px}.dashboard-tab .do-temp-stats>.el-row:first-child{margin-top:0}.dashboard-tab .do-temp-stats>.el-row:last-child{margin-bottom:0} ======= .radial-progress-container { position: relative; } .radial-progress-inner { top: 0; right: 0; bottom: 0; left: 0; position: absolute; border-radius: 50%; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ponds-count-card .pond-card-count__header, .radial-progress-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ponds-count-card .pond-card-count__header { line-height: 1.8; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .pond-card-count__header { line-height: 1.8; } } @media only screen and (min-width: 1920px) { .ponds-count-card .pond-card-count__header { line-height: 1.8; } } .ponds-count-card .el-card__body { height: 70% !important; } .ponds-count-card .count-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ponds-count-card .count-container .radial__progress__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } .ponds-count-card .count-container .radial__progress__inner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .count-container .radial__progress__inner__container { font-size: 16px; } } @media only screen and (min-width: 1920px) { .ponds-count-card .count-container .radial__progress__inner__container { font-size: 20px; } } .ponds-count-card .count-container .count { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 1rem; margin-bottom: 1rem; } .ponds-count-card .count-container .count p:first-of-type { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .count-container .count p:first-of-type { font-size: 16px; } } @media only screen and (min-width: 1920px) { .ponds-count-card .count-container .count p:first-of-type { font-size: 20px; } } .ponds-count-card .count-container .count p:nth-of-type(2) { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .count-container .count p:nth-of-type(2) { font-size: 16px; } } @media only screen and (min-width: 1920px) { .ponds-count-card .count-container .count p:nth-of-type(2) { font-size: 20px; } } .ponds-count-card .count-container .pg-container div { text-align: center; } .ponds-count-card .count-container .pg-container p:first-of-type { color: #0e6ba8; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .count-container .pg-container p:first-of-type { font-size: 16px; } } @media only screen and (min-width: 1920px) { .ponds-count-card .count-container .pg-container p:first-of-type { font-size: 20px; } } .ponds-count-card .count-container .pg-container p:nth-of-type(2) { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .ponds-count-card .count-container .pg-container p:nth-of-type(2) { font-size: 16px; } } @media only screen and (min-width: 1920px) { .ponds-count-card .count-container .pg-container p:nth-of-type(2) { font-size: 20px; } } .ponds-count-card .count-container .count-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .highcharts-axis-title { fill: #333 !important; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .highcharts-axis-title { font-size: 14px; } } @media only screen and (min-width: 1920px) { .highcharts-axis-title { font-size: 16px; } } .highcharts-xaxis .highcharts-axis-line, .highcharts-xaxis .highcharts-tick { stroke: #233a73; } .highcharts-xaxis-labels.highcharts-axis-labels text { color: #233a73 !important; font-size: 10px !important; fill: #233a73 !important; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .highcharts-xaxis-labels.highcharts-axis-labels text { font-size: 12px !important; } } @media only screen and (min-width: 1920px) { .highcharts-xaxis-labels.highcharts-axis-labels text { font-size: 14px !important; } } .highcharts-yaxis-labels.highcharts-axis-labels text { color: #233a73 !important; font-size: 14px !important; fill: #233a73 !important; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .highcharts-yaxis-labels.highcharts-axis-labels text { font-size: 16px !important; } } @media only screen and (min-width: 1920px) { .highcharts-yaxis-labels.highcharts-axis-labels text { font-size: 20px !important; } } .highcharts-tooltip span { font-size: 12px !important; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .highcharts-tooltip span { font-size: 14px !important; } } @media only screen and (min-width: 1920px) { .highcharts-tooltip span { font-size: 16px !important; } } .highcharts-scrollbar-thumb { fill: #233a73; stroke: #233a73; opacity: 0.5; stroke-width: 1px; } .highcharts-scrollbar-button { fill: #fff; stroke: rgba(0, 0, 0, 0.4); stroke-width: 1px; } .highcharts-scrollbar-arrow { fill: #233a73; } .highcharts-scrollbar-rifles { stroke: #fff; stroke-width: 1px; } .highcharts-scrollbar-track { fill: #f2f2f2; stroke: rgba(0, 0, 0, 0.4); stroke-width: 1px; } .filters-modal { --dialog-width: 60%; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .filters-modal { --dialog-width: 45%; } } @media only screen and (min-width: 1920px) { .filters-modal { --dialog-width: 40%; } } .filters-modal .el-dialog__body { padding: 0 20px; } .filters-modal .right-panel { width: 100%; overflow: hidden; } .filters-modal .right-panel-scroll { position: relative; margin-right: -20px; height: 55vh; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .filters-modal .right-panel-scroll { height: 59vh; } } @media only screen and (min-width: 1920px) { .filters-modal .right-panel-scroll { height: 63vh; } } .filters-modal .right-panel-scroll-view { height: 100%; padding-right: 10px; } .filters-modal .right-panel-scroll-wrap { height: 100%; overflow-x: auto; } .filters-modal .vertical-line { border-left: 1px solid #f0f0f0; min-height: 200px; max-height: 500px; } .filters-modal .el-alert__title { word-break: break-word; } .filters-modal .reset-button { padding: unset; } .filters-modal .reset-button > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filters-modal .reset-button span.button-label { margin-left: 5px; color: #606266; } .feedConsumption-filter-card .el-form-item { margin-bottom: 6px; } .feedConsumption-filter-card .el-form-item .el-form-item__label { width: 200px; } .feed-consumption-filter-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .feed-consumption-filter-icon .el-button--text { color: unset; } .range-value-width { width: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-range-separator { width: auto !important; } .el-switch__label span { color: #0a2463 !important; } .feedconsumption-count-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .feedconsumption-count-card .filters-modal { --dialog-width: 45%; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .filters-modal { --dialog-width: 35%; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .filters-modal { --dialog-width: 25%; } } .feedconsumption-count-card .page_loading { height: 40vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .page_loading { height: 40vh; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .page_loading { height: 40vh; } } .feedconsumption-count-card .el-card__header { padding-bottom: 0; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .el-card__header { padding-bottom: 5px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .el-card__header { padding-bottom: 10px; } } .feedconsumption-count-card .feedconsumption-card-count__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.8; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .feedconsumption-card-count__header { line-height: 1.8; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .feedconsumption-card-count__header { line-height: 1.8; } } .feedconsumption-count-card .feedconsumption-card-count__header .header-stats { font-size: 8px; background: #233a73; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px; color: #fff; } .feedconsumption-count-card .feedconsumption-card-count__header .header-stats .value { font-size: 13px; } .feedconsumption-count-card .feedconsumption-card-count__header .weekly { background-color: #d39f00; } .feedconsumption-count-card .feedconsumption-card-count__header .daily { background-color: #155dbe; } .feedconsumption-count-card .feedconsumption-card-count__header .monthly { background-color: #adff2f; } .feedconsumption-count-card .el-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 10px 0 10px !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .feedconsumption-count-card .el-card__body .highcharts_space { margin-bottom: 8.5px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .el-card__body .highcharts_space { margin-bottom: 6.8px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .el-card__body .highcharts_space { margin-bottom: 11.5px; } } .feedconsumption-count-card .feed-stat { text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feedconsumption-count-card .feed-stat--dialy { color: #155dbe; } .feedconsumption-count-card .feed-stat--weekly { color: #d39f00; } .feedconsumption-count-card .feed-stat--monthly { color: #adff2f; } .feedconsumption-count-card .feed-stat__title { text-align: right; margin-right: 5px; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .feed-stat__title { font-size: 14px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .feed-stat__title { font-size: 16px; } } .feedconsumption-count-card .feed-stat__value { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .feedconsumption-count-card .feed-stat__value .filter-popover-trigger { cursor: pointer; } .feedconsumption-count-card .feed-stat__value p { font-size: 12px; margin-right: 4px; margin-top: auto; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .feed-stat__value p { font-size: 14px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .feed-stat__value p { font-size: 16px; } } .feedconsumption-count-card .feed-stat__value img { width: 11px; height: 11px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .feed-stat__value img { width: 13px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .feed-stat__value img { width: 16px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .feedconsumption-count-card .feed-stat__value img { height: 13px; } } @media only screen and (min-width: 1920px) { .feedconsumption-count-card .feed-stat__value img { height: 16px; } } .abwbiomass-count-card .page_loading { height: 40vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .page_loading { height: 40vh; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .page_loading { height: 40vh; } } .abwbiomass-count-card .er-card.er-card--secondary .el-card__body { padding: 0 10px 10px 10px !important; } .abwbiomass-count-card .abwbiomass-card-count__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats { font-size: 8px; font-weight: 500; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats { font-size: 9px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats { font-size: 10px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; background: #233a73; border-radius: 5px; } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value { font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; letter-spacing: normal; min-width: 30px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; -webkit-padding-start: 4px; padding-inline-start: 4px; -webkit-padding-end: 4px; padding-inline-end: 4px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value { font-size: 14px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value { font-size: 16px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value { min-width: 40px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value { min-width: 40px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units { display: -webkit-box; display: -ms-flexbox; display: flex; color: #5df953; font-size: 8px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units { font-size: 10px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .area_container .value .units { font-size: 12px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title { line-height: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title { line-height: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .title { line-height: 23px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value { color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value { font-size: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value { font-size: 23px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value { line-height: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats .value { line-height: 23px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:first-child { font-size: 8px; background: #233a73; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:first-child { font-size: 11px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:first-child { font-size: 13px; } } .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:nth-of-type(2) { font-size: 8px; background: #f54e5e; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:nth-of-type(2) { font-size: 11px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .abwbiomass-card-count__header .abw-biomass-stats > span:nth-of-type(2) { font-size: 13px; } } .abwbiomass-count-card .chart-container__grid { position: absolute; height: 90%; width: 0; left: 20.8%; } .abwbiomass-count-card .chart-container__grid .grid-line { height: calc(100% + 1em); border-left: 1px solid #ececec; } .abwbiomass-count-card .chart-container___inner .axis { -webkit-transform-origin: left; transform-origin: left; border-color: #ececec; } @media only screen and (min-width: 993px) and (max-width: 1364px) { .abwbiomass-count-card .chart-container___inner .axis { -webkit-transform: scaleY(0.4) translate(20.9%, 20px) rotate(90deg); transform: scaleY(0.4) translate(20.9%, 20px) rotate(90deg); } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container___inner .axis { -webkit-transform: scaleY(0.4) translate(20.9%, 35px) rotate(90deg); transform: scaleY(0.4) translate(20.9%, 35px) rotate(90deg); } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container___inner .axis { -webkit-transform: scaleY(0.44) translate(20.9%, 35px) rotate(90deg); transform: scaleY(0.44) translate(20.9%, 35px) rotate(90deg); } } .abwbiomass-count-card .chart-container__row { margin-top: 8px; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__row { margin-top: 9px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__row { margin-top: 10px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__row { margin-bottom: 9px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__row { margin-bottom: 10px; } } .abwbiomass-count-card .row__label-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .abwbiomass-count-card .row__label-container .row-label { font-size: 14px; color: #233a73; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .row__label-container .row-label { font-size: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .row__label-container .row-label { font-size: 20px; } } .abwbiomass-count-card .row__label-container .row-sub-label { margin-left: 5px; font-size: 12px; line-height: 1.6; color: #508ff4; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .row__label-container .row-sub-label { font-size: 14px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .row__label-container .row-sub-label { font-size: 16px; } } .abwbiomass-count-card .row__bar-container .bar { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #233a73; } .abwbiomass-count-card .row__bar-container .bar__filler { height: 6px; margin-right: 5px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(225deg, #2d9cdb, #155dbe); } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .row__bar-container .bar__filler { height: 9px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .row__bar-container .bar__filler { height: 12px; } } .abwbiomass-count-card .row__bar-container .bar__filler:hover { background: linear-gradient(45deg, #2d9cdb, #155dbe); } .abwbiomass-count-card .row__bar-container .bar__title { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .row__bar-container .bar__title { font-size: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .row__bar-container .bar__title { font-size: 20px; } } .abwbiomass-count-card .row__bar-container .bar__title:after { content: attr(data-units); font-size: 12px; display: inline-block; margin-left: 1px; color: #508ff4; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .row__bar-container .bar__title:after { font-size: 14px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .row__bar-container .bar__title:after { font-size: 16px; } } .abwbiomass-count-card .row__bar-container .bar .bar__value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .abwbiomass-count-card .col-auxiliary-title_label, .abwbiomass-count-card .row__bar-container .row__bar__ponds__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .abwbiomass-count-card .col-auxiliary-title_label { color: #233a73; font-weight: 600; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .col-auxiliary-title_label { font-size: 14px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .col-auxiliary-title_label { font-size: 16px; } } .abwbiomass-count-card .col-auxiliary-title { font-size: 12px; color: #233a73; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .col-auxiliary-title { font-size: 14px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .col-auxiliary-title { font-size: 16px; } } .abwbiomass-count-card .col-auxiliary-value { font-size: 14px; color: #33a02c; font-weight: 600; cursor: pointer; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .col-auxiliary-value { font-size: 16px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .col-auxiliary-value { font-size: 20px; } } .abwbiomass-count-card .col-pond { padding-right: 0; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .col-pond { padding-right: 3px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .col-pond { padding-right: 10px; } } .abwbiomass-count-card .chart-container__scale .scale__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8px; position: relative; width: 62.5%; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__scale .scale__row { margin-top: 6.5px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__scale .scale__row { margin-top: 12px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__scale .scale__row { width: 58.3333333333%; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__scale .scale__row { width: 58.3333333333%; } } .abwbiomass-count-card .chart-container__scale .scale__value { font-size: 11px; color: grey; position: absolute; } .abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -4.5px; color: #233a73; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line { margin-top: -5px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__scale .scale__value .value_vertical_line { margin-top: -7px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .abwbiomass-count-card .chart-container__scale .scale__value { font-size: 13px; } } @media only screen and (min-width: 1920px) { .abwbiomass-count-card .chart-container__scale .scale__value { font-size: 15px; } } .abwbiomass-count-card .chart-container__scale .scale__value:first-child { margin-left: 5px; } .abwbiomass-count-card .no-data-container { text-align: center; margin-top: 20%; } .abwbiomass-count-card-el-tooltip__popper.is-dark { background: #233a73; } .abwbiomass-count-card-el-tooltip__popper { padding: 4px; } .abwbiomass-count-card-el-tooltip__popper[x-placement^="bottom"] .popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: #233a73; } .abwbiomass-count-card-el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after { border-bottom-color: #233a73; } .pond-performance-filter-modal .filter-header { margin-bottom: 20px; margin-top: 15px; } .pond-performance-filter-modal .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pond-performance-filter-modal .input-group label { font-weight: 600; margin-right: 5px; } .pond-performance-filter-modal .range-section { margin-bottom: 20px; } .pond-performance-filter-modal .range-section h4 { margin-bottom: 10px; } .pond-performance-filter-modal .range-section .logical-symbol { margin-right: 5px; } .pond-performance-filter-modal .range-section .logical-symbol.hide { opacity: 0; } .pond-performance-filter-modal .range-section .range-actions { margin-left: 10px; padding: 5px 5px; } .pond-performance-filter-modal .range-section .range-actions .er-button.el-button--mini:not(.is-circle) { padding: 3px 5px; } .pond-performance-filter-modal .range-section .range-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pond-performance-filter-modal .range-section .range-row + .range-row { margin-top: 8px; } .pond-performance-filter-modal .range-section .range-row .range-input { width: 65px; } .pond-performance-filter-modal .range-section .range-row .range-input.is-error .el-input__inner { border-color: #f56c6c; } .pond-performance-filter-modal .range-section .range-row .range-input .el-input.is-disabled .el-input__inner { color: #54445c; } .pond-performance-filter-modal .range-section .range-row .range-dash { margin: 0 8px; } .pond-performance-filter-modal .range-section .range-row .remove-btn { margin-left: 8px; color: #ff4d4f; } .pond-performance-filter-modal .range-section .add-range-btn { margin-top: 10px; } .pond-performance-filter-modal .dialog-footer { text-align: right; } .card-pond-performance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-pond-performance .page_loading { height: 40vh; width: 100%; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .page_loading { height: 40vh; } } @media only screen and (min-width: 1920px) { .card-pond-performance .page_loading { height: 40vh; } } .card-pond-performance.er-card.er-card--secondary .el-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 20px 10px 8px; } .card-pond-performance .filter-icon .el-button--text { color: unset; } .card-pond-performance .card-icon { width: 24px; height: 24px; margin-right: 8px; } .card-pond-performance .blue-row-table.el-table { width: 100%; } .card-pond-performance .blue-row-table.el-table--enable-row-hover .el-table__body tr:hover > td { background-color: unset; } .card-pond-performance .blue-row-table .blue-row-table__header-row { background-color: #fff; } .card-pond-performance .blue-row-table .blue-row-table__header-row th { padding: 1px 0; } .card-pond-performance .blue-row-table .blue-row-table__header-row th .cell { font-weight: 500; } .card-pond-performance .blue-row-table .blue-row-table__header-row th:first-child { border-right: 1px solid rgba(0, 0, 0, 0.08); } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) { color: #233a73; background: #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell { font-size: 16px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell { font-size: 20px; } } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .title-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1px; } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 5px; } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell .symbol-holder { margin-right: 0; } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.title { text-align: initial; } .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title { text-align: left; font-size: 14px; color: #508ff4; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title { font-size: 16px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .blue-row-table .blue-row-table__header-row th:not(:first-child) .cell div.sub-title { font-size: 20px; } } .card-pond-performance .blue-row-table .blue-row-table__header-row th:last-child { border-right: 1px solid rgba(0, 0, 0, 0.15); } .card-pond-performance .blue-row-table .blue-row-table__row td .cell { font-weight: 600; font-size: 14px; line-height: 1.65; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .blue-row-table .blue-row-table__row td .cell { font-size: 16px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .blue-row-table .blue-row-table__row td .cell { font-size: 20px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .blue-row-table .blue-row-table__row td .cell { line-height: 2.55; } } @media only screen and (min-width: 1920px) { .card-pond-performance .blue-row-table .blue-row-table__row td .cell { line-height: 3; } } .card-pond-performance .blue-row-table .blue-row-table__row td:first-child { border-bottom: unset; background-color: #f8f8f8 !important; border-right: 1px solid rgba(0, 0, 0, 0.15); } .card-pond-performance .blue-row-table .blue-row-table__row td:first-child .cell { font-weight: 500; color: #233a73; } .card-pond-performance .blue-row-table .blue-row-table__row:not(:nth-child(2n)) { background-color: rgba(237, 244, 254, 0.8); } .card-pond-performance .blue-row-table .el-table__body, .card-pond-performance .blue-row-table .el-table__header { padding-left: 5px; } .card-pond-performance .blue-row-table .el-table__body-wrapper, .card-pond-performance .blue-row-table .el-table__header-wrapper { margin-right: 5px; margin-left: 5px; } .card-pond-performance .blue-row-table.el-table:before { margin-left: 12px; } .card-pond-performance .el-table th > .cell { padding: 0; line-height: 120%; } .card-pond-performance .row-column-indicator { display: grid; height: 50%; font-size: 14px; grid-template-rows: repeat(2, 50% [col-start]); grid-template-columns: repeat(2, 50% [col-start]); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator { font-size: 16px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator { font-size: 20px; } } .card-pond-performance .row-column-indicator > div:first-child, .card-pond-performance .row-column-indicator > div:nth-child(2) { border-bottom: 1.5px solid #777; } .card-pond-performance .row-column-indicator > div:first-child, .card-pond-performance .row-column-indicator > div:nth-child(3) { border-right: 1.5px solid #777; } .card-pond-performance .row-column-indicator > div:nth-child(2):after, .card-pond-performance .row-column-indicator > div:nth-child(3):after { content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; border-top: 1.5px solid #777; border-left: 1.5px solid #777; border-radius: 2px; } .card-pond-performance .row-column-indicator > div:nth-child(3):after { -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 45%; bottom: 0; margin: 1.5px 1px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator > div:nth-child(3):after { right: 46.25%; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator > div:nth-child(3):after { right: 48%; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator > div:nth-child(3):after { margin: 1.5px 0; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator > div:nth-child(3):after { margin: 1.5px 0; } } .card-pond-performance .row-column-indicator > div:nth-child(2):after { top: 50%; right: 1px; margin-top: -4.5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { top: 50%; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { top: 50%; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { right: 0.5px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { right: 0.5px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { margin-top: -4.5px; } } @media only screen and (min-width: 1920px) { .card-pond-performance .row-column-indicator > div:nth-child(2):after { margin-top: -4.5px; } } .growth-range-item-container .total__ponds { font-size: 14px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .growth-range-item-container .total__ponds { font-size: 16px; } } @media only screen and (min-width: 1920px) { .growth-range-item-container .total__ponds { font-size: 20px; } } .growth-range-item-container .range__value:after { content: "gms"; font-weight: 500; font-size: 14px; color: #508ff4; padding-left: 5px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .growth-range-item-container .range__value:after { font-size: 16px; } } @media only screen and (min-width: 1920px) { .growth-range-item-container .range__value:after { font-size: 20px; } } .growth-range-item-container .range__value { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #140f26; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .growth-range-item-container .range__value { font-size: 16px; } } @media only screen and (min-width: 1920px) { .growth-range-item-container .range__value { font-size: 20px; } } .growth-range-item-container .container__columns__alignment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3.8px; padding-top: 6.5px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .growth-range-item-container .container__columns__alignment { margin-top: 6.8px; } } @media only screen and (min-width: 1920px) { .growth-range-item-container .container__columns__alignment { margin-top: 12px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .growth-range-item-container .container__columns__alignment { padding-top: 15px; } } @media only screen and (min-width: 1920px) { .growth-range-item-container .container__columns__alignment { padding-top: 20px; } } .weight-growth-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .weight-growth-container .filters-modal { --dialog-width: 45%; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .filters-modal { --dialog-width: 35%; } } @media only screen and (min-width: 1920px) { .weight-growth-container .filters-modal { --dialog-width: 25%; } } .weight-growth-container .filters-modal .el-form-item__content { display: inline-block; width: 200px; } .weight-growth-container .el-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .weight-growth-container .el-card__body, .weight-growth-container .empty-container-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .weight-growth-container .empty-container-wrapper { text-align: center; } .weight-growth-container .awg-filter-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .weight-growth-container .awg-filter-icon .el-button--text { color: unset; } .weight-growth-container .page_loading { height: 40vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .page_loading { height: 40vh; } } @media only screen and (min-width: 1920px) { .weight-growth-container .page_loading { height: 40vh; } } .weight-growth-container .weight__growth__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 1px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight__growth__header { padding-bottom: 0; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight__growth__header { padding-bottom: 0; } } .weight-growth-container .weight__growth__header .card-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .weight-growth-container .weight__growth__header .card-container .card__icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; } .weight-growth-container .weight__growth__header .card-container .card__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .weight-growth-container .pond-card-count__header__total { text-transform: capitalize; } .weight-growth-container .wholeiconalign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .weight-growth-container .weight-growth-stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-weight: 200; border-radius: 5px; } .weight-growth-container .weight-growth-stat .weight__growth__container { cursor: pointer; font-size: 14px; color: #0078ff; background-color: #d6eaff; margin: 0 3px; padding: 4px; padding: -1px; border-radius: 5px; text-transform: lowercase; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__container { font-size: 16px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__container { font-size: 20px; } } .weight-growth-container .weight-growth-stat .weight__growth__container.is-selected { color: #fff; background-color: #233a73; } .weight-growth-container .weight-growth-stat .weight__growth__container.is-selected .weight__growth__value:after { color: #5df953; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__container { font-size: 14px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__container { font-size: 16px; } } .weight-growth-container .weight-growth-stat .weight__growth__value { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; letter-spacing: normal; min-width: 20px; max-width: 20px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__value { min-width: 35px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__value { min-width: 40px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__value { max-width: 35px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__value { max-width: 40px; } } .weight-growth-container .weight-growth-stat .weight__growth__value:after { content: attr(data-units); font-size: 8px; margin-left: 5px; text-transform: lowercase; color: #0f9807; line-height: 1; margin-left: auto; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__value:after { font-size: 12px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__value:after { font-size: 14px; } } .weight-growth-container .weight-growth-stat .weight__growth__units { color: #5df953; display: block; text-align: end; letter-spacing: normal; font-size: 8px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .weight-growth-stat .weight__growth__units { font-size: 10px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .weight-growth-stat .weight__growth__units { font-size: 12px; } } .weight-growth-container .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; letter-spacing: 1px; line-height: 2; color: #0a2463; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .weight-growth-container .header { font-size: 14px; } } @media only screen and (min-width: 1920px) { .weight-growth-container .header { font-size: 16px; } } .weight-growth-container hr { background: #6c7b8a; mix-blend-mode: normal; opacity: 0.08; } .temperature__card .page_loading { height: 20vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .page_loading { height: 20vh; } } @media only screen and (min-width: 1920px) { .temperature__card .page_loading { height: 20vh; } } .temperature__card .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .temperature__card .container--left { padding-left: 5px; padding-right: 5px; } .temperature__card .container--left .header__title { font-size: 14px; font-weight: 600; color: #0a2463; padding-top: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .header__title { font-size: 18px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .header__title { font-size: 22px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .header__title { padding-top: 0; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .header__title { padding-top: 2px; } } .temperature__card .container--left .body { margin-top: 15px; } .temperature__card .container--left .icon-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .temperature__card .container--left .icon-holder img { width: 42px; height: 56px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .icon-holder img { width: 48px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .icon-holder img { width: 60px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .icon-holder img { height: 64px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .icon-holder img { height: 80px; } } .temperature__card .container--left .value-container { margin: auto 0; } .temperature__card .container--left .value-container .value { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 24px; font-weight: 600; line-height: 30px; margin-right: 5px; color: #1f2041; text-transform: uppercase; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .value-container .value { font-size: 27px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .value-container .value { font-size: 30px; } } .temperature__card .container--left .value-container .units { vertical-align: super; font-size: 14px; line-height: 20px; color: #1f2041; font-weight: lighter; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .value-container .units { font-size: 14px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .value-container .units { font-size: 14px; } } .temperature__card .container--left .averagecontent { font-size: 14px; text-transform: capitalize; color: #979797; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .averagecontent { font-size: 14px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .averagecontent { font-size: 14px; } } .temperature__card .container--left .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px 0 10px 0; } .temperature__card .container--left .thresoldrange:before { display: inline-block; width: 5.6px; height: 5.6px; background: #33a02c; border-radius: 50%; vertical-align: middle; margin-right: 5px; content: ""; } .temperature__card .container--left .thresoldrange { line-height: 11px; color: #33a02c; font-size: 8px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--left .thresoldrange { font-size: 10px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--left .thresoldrange { font-size: 12px; } } .temperature__card .container--right { margin: auto 0; } .temperature__card .container--right .container__item:nth-child(2) { margin-top: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--right .container__item:nth-child(2) { margin-top: 25px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--right .container__item:nth-child(2) { margin-top: 30px; } } .temperature__card .container--right .container__item .heading__one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .temperature__card .container--right .container__item .heading__one .heading { font-size: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--right .container__item .heading__one .heading { font-size: 12px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--right .container__item .heading__one .heading { font-size: 14px; } } .temperature__card .container--right .container__item .heading__second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .temperature__card .container--right .container__item .heading__second .icon { width: 24px; height: 32px; } .temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text { padding: 0; } .temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 16px; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 20px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 24px; } } .temperature__card .container--right .container__item .heading__second .threshold__value.threshold__value--in .el-button--text span { color: #33a02c; } .temperature__card .container--right .container__item .heading__second .threshold__value.threshold__value--out .el-button--text span { color: #ff393b; } .temperature__card .container--right .container__item .heading__second .threshold__value-title { color: #6c7b8a; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .temperature__card .container--right .container__item .heading__second .threshold__value-title { font-size: 16px; } } @media only screen and (min-width: 1920px) { .temperature__card .container--right .container__item .heading__second .threshold__value-title { font-size: 20px; } } .dissolvedoxygen__card .page_loading { height: 20vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .page_loading { height: 20vh; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .page_loading { height: 20vh; } } .dissolvedoxygen__card .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dissolvedoxygen__card .container--left { padding-left: 5px; padding-right: 5px; } .dissolvedoxygen__card .container--left .header__title { font-size: 14px; font-weight: 600; color: #0a2463; padding-top: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .header__title { font-size: 18px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .header__title { font-size: 22px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .header__title { padding-top: 0; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .header__title { padding-top: 2px; } } .dissolvedoxygen__card .container--left .body { margin-top: 15px; } .dissolvedoxygen__card .container--left .icon-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dissolvedoxygen__card .container--left .icon-holder img { width: 42px; height: 56px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .icon-holder img { width: 48px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .icon-holder img { width: 60px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .icon-holder img { height: 64px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .icon-holder img { height: 80px; } } .dissolvedoxygen__card .container--left .value-container { margin: auto 0; } .dissolvedoxygen__card .container--left .value-container .value { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 24px; font-weight: 600; line-height: 30px; margin-right: 5px; color: #1f2041; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .value-container .value { font-size: 27px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .value-container .value { font-size: 30px; } } .dissolvedoxygen__card .container--left .value-container .units { vertical-align: super; font-size: 14px; line-height: 20px; color: #1f2041; font-weight: lighter; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .value-container .units { font-size: 14px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .value-container .units { font-size: 14px; } } .dissolvedoxygen__card .container--left .averagecontent { font-size: 14px; text-transform: capitalize; color: #979797; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .averagecontent { font-size: 14px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .averagecontent { font-size: 14px; } } .dissolvedoxygen__card .container--left .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px 0 10px 0; } .dissolvedoxygen__card .container--left .thresoldrange:before { display: inline-block; width: 5.6px; height: 5.6px; background: #33a02c; border-radius: 50%; vertical-align: middle; margin-right: 5px; content: ""; } .dissolvedoxygen__card .container--left .thresoldrange { line-height: 11px; color: #33a02c; font-size: 8px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--left .thresoldrange { font-size: 10px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--left .thresoldrange { font-size: 12px; } } .dissolvedoxygen__card .container--right { margin: auto 0; } .dissolvedoxygen__card .container--right .container__item:nth-child(2) { margin-top: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--right .container__item:nth-child(2) { margin-top: 25px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--right .container__item:nth-child(2) { margin-top: 30px; } } .dissolvedoxygen__card .container--right .container__item .heading__one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dissolvedoxygen__card .container--right .container__item .heading__one .heading { font-size: 10px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--right .container__item .heading__one .heading { font-size: 12px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--right .container__item .heading__one .heading { font-size: 14px; } } .dissolvedoxygen__card .container--right .container__item .heading__second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .dissolvedoxygen__card .container--right .container__item .heading__second .icon { width: 24px; height: 32px; } .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text { padding: 0; } .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 16px; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 20px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value .el-button--text span { font-size: 24px; } } .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value.threshold__value--in .el-button--text span { color: #33a02c; } .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value.threshold__value--out .el-button--text span { color: #ff393b; } .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title { color: #6c7b8a; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title { font-size: 16px; } } @media only screen and (min-width: 1920px) { .dissolvedoxygen__card .container--right .container__item .heading__second .threshold__value-title { font-size: 20px; } } .tooltip { display: block !important; z-index: 10000; font-size: 0.5rem; } @media screen and (max-width: 1440px) { .tooltip { font-size: 0.8rem; } } .tooltip .tooltip-inner { background: #508ff4; color: #fff; border-radius: 16px; padding: 5px 10px 4px; } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #508ff4; z-index: 1; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: #000; padding: 24px; border-radius: 5px; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden="true"] { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s, visibility 0.15s; transition: opacity 0.15s, visibility 0.15s; } .tooltip[aria-hidden="false"] { visibility: visible; opacity: 1; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .dashboard-tab .overall-dashboard-row:first-child { margin-bottom: 10px; } .dashboard-tab .overall-dashboard-row:first-child .el-card__header { line-height: 1.4; } .dashboard-tab .overall-dashboard-row .el-card { height: 100%; } .dashboard-tab .do-temp-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dashboard-tab .do-temp-stats > .el-row { height: calc(50% - 5px); margin-bottom: 5px; margin-top: 5px; } .dashboard-tab .do-temp-stats > .el-row:first-child { margin-top: 0; } .dashboard-tab .do-temp-stats > .el-row:last-child { margin-bottom: 0; } >>>>>>> e3e3b39a8456ce624c95ac31e95c0aadd30519c6