<<<<<<< HEAD .el-dialog{border-radius:7px}.alerts-bar-charts .divider{margin-bottom:15px}.alerts-bar-charts .card-device-alert:first-child{margin-top:12px}.alerts-bar-charts .card-device-alert .align-left{margin-left:auto}.alerts-bar-charts .card-device-alert .progress-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;cursor:pointer}.alerts-bar-charts .card-device-alert .progress-item:first-child{padding-top:0}.alerts-bar-charts .card-device-alert .progress-item img{height:24px;width:24px}.alerts-bar-charts .card-device-alert .progress-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.alerts-bar-charts .card-device-alert .progress-item__content .title{opacity:.6;font-weight:600;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .card-device-alert .progress-item__content .title{font-size:14px}}@media only screen and (min-width:1920px){.alerts-bar-charts .card-device-alert .progress-item__content .title{font-size:16px}}.alerts-bar-charts .card-device-alert .progress-item__content .value{margin-left:auto;font-size:12px;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .card-device-alert .progress-item__content .value{font-size:14px}}@media only screen and (min-width:1920px){.alerts-bar-charts .card-device-alert .progress-item__content .value{font-size:16px}}.alerts-bar-charts .card-device-alert .progress-item .el-col:first-of-type{text-align:center}.alerts-bar-charts .card-device-alert .progress-item .el-progress-bar__inner{opacity:.6}.alerts-bar-charts .card-device-alert .progress-item .alert-selected{opacity:1!important}.alerts-bar-charts .card-device-alert .header-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.alerts-bar-charts .card-device-alert .header-row .col__title{font-size:14px;color:#0a2463;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .card-device-alert .header-row .col__title{font-size:16px}}@media only screen and (min-width:1920px){.alerts-bar-charts .card-device-alert .header-row .col__title{font-size:20px}}.alerts-bar-charts .card-device-alert .header-row .col__title--main{font-size:14px;opacity:.9}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .card-device-alert .header-row .col__title--main{font-size:16px}}@media only screen and (min-width:1920px){.alerts-bar-charts .card-device-alert .header-row .col__title--main{font-size:20px}}.alerts-bar-charts .card-device-alert .header-row .count-content{font-size:14px;color:#0a2463;margin-left:12px;letter-spacing:1px;font-weight:600}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .card-device-alert .header-row .count-content{font-size:16px}}@media only screen and (min-width:1920px){.alerts-bar-charts .card-device-alert .header-row .count-content{font-size:20px}}.alerts-bar-charts .card-device-alert .middle-no-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.alerts-clearance-dialog{border-radius:10px}.alerts-clearance-dialog table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}.alerts-clearance-dialog td,.alerts-clearance-dialog th{border:1px solid #ddd;text-align:left;padding:8px;word-break:break-word}.alerts-clearance-dialog tr th{color:#0a2463;font-weight:600}.alerts-clearance-dialog tr td span{color:#6c7b8a}.device-wise-alerts__list-popper{left:unset!important;right:25px}.alerts-bar-charts{margin-top:.6em}.alerts-bar-charts.er-card.el-card .el-card__header{padding:5px 10px}.alerts-bar-charts .loading_class{min-height:86vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.alerts-bar-charts .loading_class{min-height:88vh}}@media only screen and (min-width:1920px){.alerts-bar-charts .loading_class{min-height:90vh}}.alerts-bar-charts .pond-card-count__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#0a2463;opacity:.9}.alerts-bar-charts .pond-card-count__header .pond-card-count__title{margin-bottom:6px}.alerts-bar-charts .pond-card-count__header .device-wise-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.alerts-bar-charts .divider,.alerts-bar-charts .pond-card-count__header .divider{width:100%;height:1px;opacity:.2;margin:0 auto;display:inline-block;background-color:#6c7b8a}.alerts-bar-charts .divider,.alerts-bar-charts .middle-no-data{margin-bottom:10px}.pond-alerts-table{overflow:auto}.pond-alerts-table .history-button{font-size:1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .history-button{font-size:1.29em}}@media only screen and (min-width:1920px){.pond-alerts-table .history-button{font-size:1.5em}}.pond-alerts-table .history-button-active{font-size:1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .history-button-active{font-size:1.29em}}@media only screen and (min-width:1920px){.pond-alerts-table .history-button-active{font-size:1.5em}}.pond-alerts-table .history-button-active .el-button--text i{color:#fff!important}.history_alert_container .toolbar-layout{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.history_alert_container .el-dialog{width:35%}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_container .el-dialog{width:35%}}@media only screen and (min-width:1920px){.history_alert_container .el-dialog{width:35%}}.history_alert_container .el-dialog__body{padding:15px 15px;height:auto}.history_alert_container .el-dialog .el-dialog__body{min-height:220px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_container .el-dialog .el-dialog__body{min-height:220px}}@media only screen and (min-width:1920px){.history_alert_container .el-dialog .el-dialog__body{min-height:250px}}.history_alert_container .select-resource-type,.history_alert_container .select-units{width:100%}.history_alert_container .el-select .el-tag.el-tag--info .el-tag__close{display:inline-block!important;pointer-events:all!important}.history_alert_container .el-input--mini{font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_container .el-input--mini{font-size:16px}}@media only screen and (min-width:1920px){.history_alert_container .el-input--mini{font-size:20px}}.history_alert_container .el-textarea{width:220px}.history_alert_action_dialog{background:#fcfcfc;border-radius:10px}.history_alert_action_dialog .errorwithouthighlight{display:-webkit-box;display:-ms-flexbox;display:flex;word-break:break-word!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .errorwithouthighlight{font-size:14px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .errorwithouthighlight{font-size:16px}}.history_alert_action_dialog .errorwithouthighlight .material-icons-outlined{margin-top:-1px!important;margin-right:4px;word-break:break-word!important}.history_alert_action_dialog .errorCss{color:#f56c6c;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;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .errorCss{font-size:14px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .errorCss{font-size:16px}}.history_alert_action_dialog .el-input--small .el-input__inner{width:220px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .el-input--small .el-input__inner{width:220px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .el-input--small .el-input__inner{width:220px}}.history_alert_action_dialog .el-form-item--small .el-form-item__content,.history_alert_action_dialog .el-form-item--small .el-form-item__label{font-size:14px;min-width:177px;line-height:20px;display:contents}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .el-form-item--small .el-form-item__content,.history_alert_action_dialog .el-form-item--small .el-form-item__label{font-size:16px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .el-form-item--small .el-form-item__content,.history_alert_action_dialog .el-form-item--small .el-form-item__label{font-size:20px}}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .el-form-item--small .el-form-item__content,.history_alert_action_dialog .el-form-item--small .el-form-item__label{min-width:215px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .el-form-item--small .el-form-item__content,.history_alert_action_dialog .el-form-item--small .el-form-item__label{min-width:265px}}.history_alert_action_dialog .el-form-item__error{top:auto;left:193px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .el-form-item__error{left:230px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .el-form-item__error{left:281px}}.history_alert_action_dialog .el-form-item--small .el-form-item__error{margin-top:31px}@media only screen and (min-width:1366px)and (max-width:1919px){.history_alert_action_dialog .el-form-item--small .el-form-item__error{margin-top:31px}}@media only screen and (min-width:1920px){.history_alert_action_dialog .el-form-item--small .el-form-item__error{margin-top:41px}}.el-dialog__body{font-size:13px!important;padding:12px}.el-dialog__body .el-table td,.el-dialog__body .el-table th{padding:0}.pond-alerts-table{overflow:hidden;width:100%;--height-gutter:129px}.pond-alerts-table .action-icon{cursor:pointer;color:#000;opacity:.4;font-weight:500;font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .action-icon{font-size:22px}}@media only screen and (min-width:1920px){.pond-alerts-table .action-icon{font-size:26px}}.pond-alerts-table .action-icon:hover{opacity:1}.pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:22px}}@media only screen and (min-width:1920px){.pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:26px}}.pond-alerts-table .alerts-table-options{display:-webkit-box;display:-ms-flexbox;display:flex}.pond-alerts-table .alerts-table-options .er-dropdown{margin-right:12px;cursor:pointer}.pond-alerts-table .alerts-table-options .er-dropdown .el-icon-download{font-size:20px;color:#606266;opacity:.4}.pond-alerts-table .alerts-table-options .er-dropdown .el-icon-download:hover{color:#606266;opacity:1}.pond-alerts-table .pond__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px}.pond-alerts-table .el-row--flex{padding:.5rem}.pond-alerts-table__header{font-weight:600;color:#0a2463;opacity:.9;font-size:1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table__header{font-size:1.29em}}@media only screen and (min-width:1920px){.pond-alerts-table__header{font-size:1.5em}}.pond-alerts-table .er-data-tables .white-header-table .el-table .el-table__header{background-color:transparent;border-bottom:1px solid #ebeef5}.pond-alerts-table .el-table{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.pond-alerts-table .el-table .cell{text-align:center;font-weight:500}.pond-alerts-table .el-card__body{padding:0}.pond-alerts-table .el-table thead{color:#0a2463;line-height:20px}.pond-alerts-table .el-table__header th>.cell{letter-spacing:.3px;background-color:#fff;font-weight:600}.pond-alerts-table .el-table td{padding:0}.pond-alerts-table .el-table td .cell{line-height:1}.pond-alerts-table .el-dialog__body{font-size:13px!important;padding:12px}.pond-alerts-table .el-dialog__body .el-table td,.pond-alerts-table .el-dialog__body .el-table th{padding:0}.pond-alerts-table .el-table__row .cell img{width:2em;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .el-table__row .cell img{width:2em}}@media only screen and (min-width:1920px){.pond-alerts-table .el-table__row .cell img{width:1.8em}}.pond-alerts-table .divider{width:100%;height:1px;opacity:.2;background-color:#6c7b8a}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table{--height-gutter:131px}}@media only screen and (min-width:1920px){.pond-alerts-table{--height-gutter:150px}}.pond-alerts-table .history-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #606266;cursor:pointer;font-weight:500;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .history-button{font-size:16px}}@media only screen and (min-width:1920px){.pond-alerts-table .history-button{font-size:20px}}.pond-alerts-table .history-button span{margin:0 8px}.pond-alerts-table .history-button-active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background-color:#0a2463;opacity:1;cursor:pointer;font-weight:500;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-table .history-button-active{font-size:16px}}@media only screen and (min-width:1920px){.pond-alerts-table .history-button-active{font-size:20px}}.pond-alerts-table .history-button-active span{margin:0 8px}.pond-alerts-table .history-button-active i{color:#fff!important;margin-left:8px}.download_dropdown{color:#606266;cursor:pointer}.download_dropdown .el-dropdown-menu__item{font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.download_dropdown .el-dropdown-menu__item{font-size:14px}}@media only screen and (min-width:1920px){.download_dropdown .el-dropdown-menu__item{font-size:16px}}.pond-alerts-table-el-tooltip__popper{border:1px solid #606266!important;color:#606266!important}.pond-alerts-table-el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#606266!important;top:-7px}.date-picker-style{width:160px!important}.btn-css{right:120px}.btn-css,.cancel-btn-css{margin-top:-28px;position:absolute}.cancel-btn-css{right:45px}.dropdown-style{width:100%!important}.dropdown-style .el-dropdown-menu__item{font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.dropdown-style .el-dropdown-menu__item{font-size:14px}}@media only screen and (min-width:1920px){.dropdown-style .el-dropdown-menu__item{font-size:16px}}.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}.pond-alerts-tab .er-card{border-radius:7px}.pond-alerts-tab .er-list-filter .material-icons-outlined{font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-tab .er-list-filter .material-icons-outlined{font-size:22px}}@media only screen and (min-width:1920px){.pond-alerts-tab .er-list-filter .material-icons-outlined{font-size:26px}}.pond-alerts-tab .pond-alerts-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;height:24px;padding:8px 20px 8px 10px;background:#fff;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:7px;color:#333}.pond-alerts-tab .pond-alerts-count__title{opacity:.9;color:#0a2463;font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-tab .pond-alerts-count__title{font-size:20px}}@media only screen and (min-width:1920px){.pond-alerts-tab .pond-alerts-count__title{font-size:24px}}.pond-alerts-tab .pond-alerts-count__value{padding-left:10px;border-left:1px solid #dfebf5;color:#e31a1c;font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.pond-alerts-tab .pond-alerts-count__value{font-size:20px}}@media only screen and (min-width:1920px){.pond-alerts-tab .pond-alerts-count__value{font-size:24px}}.pond-alerts-tab .dashboard-row-1{overflow:hidden;position:relative}.pond-alerts-tab .el-card{border:0 solid #ebeef5}.pond-alerts-tab .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.pond-alerts-tab .btns .el-input__inner{background:#349aff;color:#fff}.pond-alerts-tab .total-alerts{margin-bottom:15px} ======= .el-dialog { border-radius: 7px; } .alerts-bar-charts .divider { margin-bottom: 15px; } .alerts-bar-charts .card-device-alert:first-child { margin-top: 12px; } .alerts-bar-charts .card-device-alert .align-left { margin-left: auto; } .alerts-bar-charts .card-device-alert .progress-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; cursor: pointer; } .alerts-bar-charts .card-device-alert .progress-item:first-child { padding-top: 0; } .alerts-bar-charts .card-device-alert .progress-item img { height: 24px; width: 24px; } .alerts-bar-charts .card-device-alert .progress-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } .alerts-bar-charts .card-device-alert .progress-item__content .title { opacity: 0.6; font-weight: 600; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .card-device-alert .progress-item__content .title { font-size: 14px; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .card-device-alert .progress-item__content .title { font-size: 16px; } } .alerts-bar-charts .card-device-alert .progress-item__content .value { margin-left: auto; font-size: 12px; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .card-device-alert .progress-item__content .value { font-size: 14px; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .card-device-alert .progress-item__content .value { font-size: 16px; } } .alerts-bar-charts .card-device-alert .progress-item .el-col:first-of-type { text-align: center; } .alerts-bar-charts .card-device-alert .progress-item .el-progress-bar__inner { opacity: 0.6; } .alerts-bar-charts .card-device-alert .progress-item .alert-selected { opacity: 1 !important; } .alerts-bar-charts .card-device-alert .header-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .alerts-bar-charts .card-device-alert .header-row .col__title { font-size: 14px; color: #0a2463; font-weight: 600; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .card-device-alert .header-row .col__title { font-size: 16px; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .card-device-alert .header-row .col__title { font-size: 20px; } } .alerts-bar-charts .card-device-alert .header-row .col__title--main { font-size: 14px; opacity: 0.9; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .card-device-alert .header-row .col__title--main { font-size: 16px; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .card-device-alert .header-row .col__title--main { font-size: 20px; } } .alerts-bar-charts .card-device-alert .header-row .count-content { font-size: 14px; color: #0a2463; margin-left: 12px; letter-spacing: 1px; font-weight: 600; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .card-device-alert .header-row .count-content { font-size: 16px; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .card-device-alert .header-row .count-content { font-size: 20px; } } .alerts-bar-charts .card-device-alert .middle-no-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alerts-clearance-dialog { border-radius: 10px; } .alerts-clearance-dialog table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } .alerts-clearance-dialog td, .alerts-clearance-dialog th { border: 1px solid #ddd; text-align: left; padding: 8px; word-break: break-word; } .alerts-clearance-dialog tr th { color: #0a2463; font-weight: 600; } .alerts-clearance-dialog tr td span { color: #6c7b8a; } .device-wise-alerts__list-popper { left: unset !important; right: 25px; } .alerts-bar-charts { margin-top: 0.6em; } .alerts-bar-charts.er-card.el-card .el-card__header { padding: 5px 10px; } .alerts-bar-charts .loading_class { min-height: 86vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .alerts-bar-charts .loading_class { min-height: 88vh; } } @media only screen and (min-width: 1920px) { .alerts-bar-charts .loading_class { min-height: 90vh; } } .alerts-bar-charts .pond-card-count__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #0a2463; opacity: 0.9; } .alerts-bar-charts .pond-card-count__header .pond-card-count__title { margin-bottom: 6px; } .alerts-bar-charts .pond-card-count__header .device-wise-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .alerts-bar-charts .divider, .alerts-bar-charts .pond-card-count__header .divider { width: 100%; height: 1px; opacity: 0.2; margin: 0 auto; display: inline-block; background-color: #6c7b8a; } .alerts-bar-charts .divider, .alerts-bar-charts .middle-no-data { margin-bottom: 10px; } .pond-alerts-table { overflow: auto; } .pond-alerts-table .history-button { font-size: 1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .history-button { font-size: 1.29em; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .history-button { font-size: 1.5em; } } .pond-alerts-table .history-button-active { font-size: 1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .history-button-active { font-size: 1.29em; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .history-button-active { font-size: 1.5em; } } .pond-alerts-table .history-button-active .el-button--text i { color: #fff !important; } .history_alert_container .toolbar-layout { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .history_alert_container .el-dialog { width: 35%; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_container .el-dialog { width: 35%; } } @media only screen and (min-width: 1920px) { .history_alert_container .el-dialog { width: 35%; } } .history_alert_container .el-dialog__body { padding: 15px 15px; height: auto; } .history_alert_container .el-dialog .el-dialog__body { min-height: 220px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_container .el-dialog .el-dialog__body { min-height: 220px; } } @media only screen and (min-width: 1920px) { .history_alert_container .el-dialog .el-dialog__body { min-height: 250px; } } .history_alert_container .select-resource-type, .history_alert_container .select-units { width: 100%; } .history_alert_container .el-select .el-tag.el-tag--info .el-tag__close { display: inline-block !important; pointer-events: all !important; } .history_alert_container .el-input--mini { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_container .el-input--mini { font-size: 16px; } } @media only screen and (min-width: 1920px) { .history_alert_container .el-input--mini { font-size: 20px; } } .history_alert_container .el-textarea { width: 220px; } .history_alert_action_dialog { background: #fcfcfc; border-radius: 10px; } .history_alert_action_dialog .errorwithouthighlight { display: -webkit-box; display: -ms-flexbox; display: flex; word-break: break-word !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .errorwithouthighlight { font-size: 14px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .errorwithouthighlight { font-size: 16px; } } .history_alert_action_dialog .errorwithouthighlight .material-icons-outlined { margin-top: -1px !important; margin-right: 4px; word-break: break-word !important; } .history_alert_action_dialog .errorCss { color: #f56c6c; 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; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .errorCss { font-size: 14px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .errorCss { font-size: 16px; } } .history_alert_action_dialog .el-input--small .el-input__inner { width: 220px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .el-input--small .el-input__inner { width: 220px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .el-input--small .el-input__inner { width: 220px; } } .history_alert_action_dialog .el-form-item--small .el-form-item__content, .history_alert_action_dialog .el-form-item--small .el-form-item__label { font-size: 14px; min-width: 177px; line-height: 20px; display: contents; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .el-form-item--small .el-form-item__content, .history_alert_action_dialog .el-form-item--small .el-form-item__label { font-size: 16px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .el-form-item--small .el-form-item__content, .history_alert_action_dialog .el-form-item--small .el-form-item__label { font-size: 20px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .el-form-item--small .el-form-item__content, .history_alert_action_dialog .el-form-item--small .el-form-item__label { min-width: 215px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .el-form-item--small .el-form-item__content, .history_alert_action_dialog .el-form-item--small .el-form-item__label { min-width: 265px; } } .history_alert_action_dialog .el-form-item__error { top: auto; left: 193px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .el-form-item__error { left: 230px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .el-form-item__error { left: 281px; } } .history_alert_action_dialog .el-form-item--small .el-form-item__error { margin-top: 31px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .history_alert_action_dialog .el-form-item--small .el-form-item__error { margin-top: 31px; } } @media only screen and (min-width: 1920px) { .history_alert_action_dialog .el-form-item--small .el-form-item__error { margin-top: 41px; } } .el-dialog__body { font-size: 13px !important; padding: 12px; } .el-dialog__body .el-table td, .el-dialog__body .el-table th { padding: 0; } .pond-alerts-table { overflow: hidden; width: 100%; --height-gutter: 129px; } .pond-alerts-table .action-icon { cursor: pointer; color: #000; opacity: 0.4; font-weight: 500; font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .action-icon { font-size: 22px; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .action-icon { font-size: 26px; } } .pond-alerts-table .action-icon:hover { opacity: 1; } .pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 22px; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 26px; } } .pond-alerts-table .alerts-table-options { display: -webkit-box; display: -ms-flexbox; display: flex; } .pond-alerts-table .alerts-table-options .er-dropdown { margin-right: 12px; cursor: pointer; } .pond-alerts-table .alerts-table-options .er-dropdown .el-icon-download { font-size: 20px; color: #606266; opacity: 0.4; } .pond-alerts-table .alerts-table-options .er-dropdown .el-icon-download:hover { color: #606266; opacity: 1; } .pond-alerts-table .pond__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px; } .pond-alerts-table .el-row--flex { padding: 0.5rem; } .pond-alerts-table__header { font-weight: 600; color: #0a2463; opacity: 0.9; font-size: 1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table__header { font-size: 1.29em; } } @media only screen and (min-width: 1920px) { .pond-alerts-table__header { font-size: 1.5em; } } .pond-alerts-table .er-data-tables .white-header-table .el-table .el-table__header { background-color: transparent; border-bottom: 1px solid #ebeef5; } .pond-alerts-table .el-table { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .pond-alerts-table .el-table .cell { text-align: center; font-weight: 500; } .pond-alerts-table .el-card__body { padding: 0; } .pond-alerts-table .el-table thead { color: #0a2463; line-height: 20px; } .pond-alerts-table .el-table__header th > .cell { letter-spacing: 0.3px; background-color: #fff; font-weight: 600; } .pond-alerts-table .el-table td { padding: 0; } .pond-alerts-table .el-table td .cell { line-height: 1; } .pond-alerts-table .el-dialog__body { font-size: 13px !important; padding: 12px; } .pond-alerts-table .el-dialog__body .el-table td, .pond-alerts-table .el-dialog__body .el-table th { padding: 0; } .pond-alerts-table .el-table__row .cell img { width: 2em; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .el-table__row .cell img { width: 2em; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .el-table__row .cell img { width: 1.8em; } } .pond-alerts-table .divider { width: 100%; height: 1px; opacity: 0.2; background-color: #6c7b8a; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table { --height-gutter: 131px; } } @media only screen and (min-width: 1920px) { .pond-alerts-table { --height-gutter: 150px; } } .pond-alerts-table .history-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #606266; cursor: pointer; font-weight: 500; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .history-button { font-size: 16px; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .history-button { font-size: 20px; } } .pond-alerts-table .history-button span { margin: 0 8px; } .pond-alerts-table .history-button-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background-color: #0a2463; opacity: 1; cursor: pointer; font-weight: 500; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-table .history-button-active { font-size: 16px; } } @media only screen and (min-width: 1920px) { .pond-alerts-table .history-button-active { font-size: 20px; } } .pond-alerts-table .history-button-active span { margin: 0 8px; } .pond-alerts-table .history-button-active i { color: #fff !important; margin-left: 8px; } .download_dropdown { color: #606266; cursor: pointer; } .download_dropdown .el-dropdown-menu__item { font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .download_dropdown .el-dropdown-menu__item { font-size: 14px; } } @media only screen and (min-width: 1920px) { .download_dropdown .el-dropdown-menu__item { font-size: 16px; } } .pond-alerts-table-el-tooltip__popper { border: 1px solid #606266 !important; color: #606266 !important; } .pond-alerts-table-el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { border-bottom-color: #606266 !important; top: -7px; } .date-picker-style { width: 160px !important; } .btn-css { right: 120px; } .btn-css, .cancel-btn-css { margin-top: -28px; position: absolute; } .cancel-btn-css { right: 45px; } .dropdown-style { width: 100% !important; } .dropdown-style .el-dropdown-menu__item { font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dropdown-style .el-dropdown-menu__item { font-size: 14px; } } @media only screen and (min-width: 1920px) { .dropdown-style .el-dropdown-menu__item { font-size: 16px; } } .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; } .pond-alerts-tab .er-card { border-radius: 7px; } .pond-alerts-tab .er-list-filter .material-icons-outlined { font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-tab .er-list-filter .material-icons-outlined { font-size: 22px; } } @media only screen and (min-width: 1920px) { .pond-alerts-tab .er-list-filter .material-icons-outlined { font-size: 26px; } } .pond-alerts-tab .pond-alerts-count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; height: 24px; padding: 8px 20px 8px 10px; background: #fff; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 7px; color: #333; } .pond-alerts-tab .pond-alerts-count__title { opacity: 0.9; color: #0a2463; font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-tab .pond-alerts-count__title { font-size: 20px; } } @media only screen and (min-width: 1920px) { .pond-alerts-tab .pond-alerts-count__title { font-size: 24px; } } .pond-alerts-tab .pond-alerts-count__value { padding-left: 10px; border-left: 1px solid #dfebf5; color: #e31a1c; font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .pond-alerts-tab .pond-alerts-count__value { font-size: 20px; } } @media only screen and (min-width: 1920px) { .pond-alerts-tab .pond-alerts-count__value { font-size: 24px; } } .pond-alerts-tab .dashboard-row-1 { overflow: hidden; position: relative; } .pond-alerts-tab .el-card { border: 0 solid #ebeef5; } .pond-alerts-tab .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .pond-alerts-tab .btns .el-input__inner { background: #349aff; color: #fff; } .pond-alerts-tab .total-alerts { margin-bottom: 15px; } >>>>>>> e3e3b39a8456ce624c95ac31e95c0aadd30519c6