/***********************************************************************************************
                                DOMAIN DEPENDENT COLOR STYLES
************************************************************************************************/
/****** PRIMARY COLOR:          #1a75ce  light blue*/
/****** SECONDARY COLOR:        #FFFFFF  white */
/****** ALTERNATIVE1 COLOR:     #181797  dark blue*/
/****** ALTERNATIVE2 COLOR:     #a4bbe0  lighter blue */

._bg_primary {
  background-color: #1a75ce;
}
._bg_secondary {
  background-color: #ffffff;
}
._bg_alt1 {
  background-color: #181797;
}
._bg_alt1_svg {
  fill: #181797;
  stroke: #181797;
}
._bg_alt2 {
  background-color: #a4bbe0;
}
._bg_alt3 {
  background-color: #94acb5;
}
._bg_alt4 {
  background-color: #aeceed;
}
._bg_alt5 {
  background-color: #203447;
}
._bg_alt6 {
  background-color: #003160;
}
._bg_alt7 {
  background-color: #37536e;
}

body {
  background-color: #ffffff;
}
a,
a:visited {
  color: #181797;
}
h2 {
  color: #181797;
}
#h4 a {
  color: #181797;
}
/* LOGIN COLORS */
#indexheader {
  color: #181797;
  background-color: #ffffff;
}
#loginButton.enabled {
  color: #f0f0f0;
  background-color: #1a75ce;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #4a0000;
  border-right: 2px solid #000;
}
#sendReset.enabled {
  color: #f0f0f0;
  background-color: #1a75ce;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #4a0000;
  border-right: 2px solid #000;
}

#save_password_btn {
  color: #f0f0f0;
  background-color: #1a75ce;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #4a0000;
  border-right: 2px solid #000;
}

._btn_default_style_ {
  padding: 5px 15px 5px 15px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  border-image: none;
  -webkit-border-image: none;
  color: #f0f0f0;
  background-color: #1a75ce;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #4a0000;
  border-right: 2px solid #000;
}

._btn_default_cancel_style_ {
  font-size: 12px;
  opacity: 0.6;
  color: #000;
  background: none;
  border: none;
  width: 50px;
  cursor: pointer;
}
._btn_default_cancel_style_:hover {
  opacity: 1;
  font-weight: bold;
}

.center-button {
  display: flex;
  justify-content: center;
  margin-top: 10px; /* Optional: Add some margin for spacing */
}

#login_expiry_popup {
  background: #1a75ce;
}
#popup_err {
  color: #181797;
}
#popup_header {
  color: #181797;
}

/* Global Header */
#header {
  color: #181797;
  background: #ffffff;
}
#header a:hover {
  color: #000000;
}
#siteheadings {
  background-color: #181797;
}
#footer {
  background: #1a75ce;
}
#navgroups ul li.selected_pagebg .submenu_arr {
  border-top: 7px solid #181797;
}
#navgroups.yellowst .submenu_arr {
  border-top-color: #181797;
}
#navgroups .navgroups_submenu > li.active > a {
  background-color: #e5e5e5 !important;
  color: #181797 !important;
}

/* Generic Table Header Background Colours */
.tablesorter-blue th[scope="col"] {
  background-color: #1a75ce;
  color: #ffffff;
}
.esm-generic-table th {
  border: 1px solid black;
  padding: 4px;
  background-color: #1a75ce;
  color: #ffffff;
  font-weight: normal;
}
.eminir_table_edit th[scope="col"] {
  background-color: #1a75ce;
}

/* Logger Configuration Custom Colours for Hover/Selection of cells */
#loggerconfig_table .tablesorter-blue tr:hover th[scope="row"],
#loggerconfig_table tr:hover td {
  cursor: default;
  background-color: red;
}
#loggerconfig_table tr.selected td:not(.colored_td):first-child {
  box-shadow: inset 12px 0 1px -7px #1a75ce;
}

/* Metermaster page specific */
#loggerconfiguration_table:not(.edit_mode)
  .tablesorter-blue
  tr:hover
  th[scope="row"],
#loggerconfiguration_table:not(.edit_mode) tr:hover td {
  cursor: pointer;
}
#loggerconfiguration_table:not(.edit_mode)
  tr.selected
  td:not(.colored_td):first-child {
  box-shadow: inset 12px 0 1px -7px #1a75ce;
}

#userdetails_table_content tr.selected td {
  background-color: rgba(41, 103, 182, 0.6) !important;
}
#userdetails_table_content tr.selected.modified td {
  background-color: rgb(180 182 41 / 60%) !important;
}
#userdetails_table_content
  .tablesorter-scroller-table
  tr.selected.modified
  td:first-child {
  box-shadow: inset 12px 0 1px -7px #ffff00;
}

/* Sensor Map Colors */
.border_custom_on {
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-top-color: #6565d6;
  border-left-color: #6565d6;
  border-right-color: #adadad;
  border-bottom-color: #adadad;
}
.btn_on_default {
  background-image: -webkit-linear-gradient(top, #6565d6, #6565d6);
  background-image: linear-gradient(to bottom, #6565d6, #8080ff);
  box-shadow: #8080ff 2px 2px 0px 0px inset,
    rgba(176, 170, 169, 0.2) 0px 0px 0px 0px inset;
  color: #fff;
}

.sensorlabel_name.td_label {
  background-color: #e5e5e5;
}

/* Alarm Log Colors */
#report th {
  background: #1a75ce repeat-x scroll center left;
  color: #ffffff;
}
#report-content th {
  background: #1a75ce repeat-x scroll center left;
  color: #ffffff;
  padding: 7px 10px;
}

/* EventLog Colors */
#eventlog_table tr.latestentry:hover td {
  background-color: #f5f5f5;
}
#eventlog_table tr.latestentry.selected td {
  background-color: rgba(41, 103, 182, 0.6);
  color: #ffffff !important;
}
#eventlog_table tr.latestentry.selected hr {
  background-color: #ffffff !important;
}
#eventlog_table tr.latestentry.selected .date_str_p {
  color: #ffffff !important;
}
#eventlog_table tr.latestentry.selected .hlw {
  color: #000000 !important;
}

.cancelinput {
  color: #181797;
}
.colour_strip {
  background-color: #1a75ce;
}
.h1 {
  color: #1a75ce;
}
.h2 {
  color: #181797;
}
.hdr-text {
  color: #181797;
}
.hdr_text_new {
  color: #181797;
}
.highlight {
  background-color: #ffff66;
}
.loggedin {
  color: #181797;
}
.loggedin a:hover {
  color: #000000;
}
.loggedin_pipe {
  color: #dfdfdf;
}
.menu {
  color: #ffffff;
}
.nav {
  color: #ffffff;
}
.toggle_icon_edit {
  color: #37536e;
}

/*Site Headings - inner <span> determines text colour*/
.site:hover {
  color: #000;
}
.selected_site {
  color: #ffffff;
  background-color: #181797;
}
.selected_site.ylwst_text {
  color: #1a75ce;
}
.selected_site.ylwst_text:hover {
  color: #000;
}

/*Page Headings - inner span*/
.selected_page {
  color: #181797;
  background-color: #dfdfdf;
}
.selected_page:hover {
  color: #000;
}

/*reset password Message */
.neutral_pw_indicator {
  background-color: #f0f0f0;
}
.error_pw_indicator {
  background-color: #ffff66;
  color: #181797;
}

/***********************************/
.eminir_input_edit.default.error_input {
  background-color: #ffff66 !important;
}

/*reset password input text fields */
.error_text {
  color: #ffff66;
}
.error_input {
  background-color: #ffff66;
}
.error_input + .ms-parent > .ms-choice {
  background-color: #ffff66;
}
.neutral_input {
  background-color: white;
}
input:disabled {
  background: #e9e9e9;
}

/*Custom Eminir background colours*/
#sensorgroups_table .suppressed_partof_g {
  background-color: #a4bbe0;
}
#daily_toggle_btn._bg_alt3 {
  background-color: #94acb5;
}
#weekly_toggle_btn._bg_alt3 {
  background-color: #94acb5;
}
#monthly_toggle_btn._bg_alt3 {
  background-color: #94acb5;
}

.nu-context-menu li.current_selected {
  background-color: #1a75ce;
  color: white;
}
.nu-context-menu li.current_selected:hover {
  background-color: #1a75ce;
  color: white;
}
option.optn_ctrl:checked {
  background: #e8e7e7 linear-gradient(0deg, #e8e7e7 0%, #e8e7e7 100%);
  box-shadow: inset 12px 0 1px -7px #1a75ce;
}

/* EMINIR EDITING */
.eminir_dynamic_table.horizontal_layout th.selected {
  background-color: #065098;
  color: #fff;
}

/* Eminir Table status colours for Logger Configuration */
.sensor_detail.col_cal_date.overdue_cal {
  color: #d8000c !important;
  background: #ffbaba !important;
}
.sensor_detail.col_cal_date.warning_cal {
  color: #9f6000 !important;
  background: #feefb3 !important;
}

/* Eminir Editing Colors - Alarm Recipients */
#ar_edit_wrapper {
  background-color: #1a75ce;
}

#ar_list_all_select option.optn_ctrl:checked {
  background: #c6daef linear-gradient(0deg, #c6daef 0%, #c6daef 100%);
}
#ar_list_group_select option.optn_ctrl.levelOne:checked {
  background: #c6daef linear-gradient(0deg, #c6daef 0%, #c6daef 100%);
}
#ar_list_group_select option.optn_ctrl.levelTwo:checked {
  background: #a3b4c3 linear-gradient(0deg, #a3b4c3 0%, #a3b4c3 100%);
}
#ar_list_group_select option.optn_ctrl.levelThree:checked {
  background: #768da2 linear-gradient(0deg, #768da2 0%, #768da2 100%);
}

/* Eminir Editing Colors - AutoReport Recipients */
.autoreportrecipient_editor_menu_wrapper input.rr_report_title {
  color: #fff;
}
#rr_edit_wrapper {
  background-color: #1a75ce;
}

/* Eminir Editing Colors - Sensor Groups */
#sg_edit_wrapper {
  background-color: #1a75ce;
}
#sensors_editor {
  background-color: #1a75ce;
  padding: 8px;
  text-align: center;
}

#sg_list_group_select
  option.optn_ctrl.suppressed_sensor.suppressed_included_sensor:checked {
  background: #bccfee linear-gradient(0deg, #bccfee 0%, #bccfee 100%);
}
#sg_list_group_select
  option.optn_ctrl.suppressed_sensor.suppressed_included_sensor {
  background: #a4bbe0 linear-gradient(0deg, #a4bbe0 0%, #a4bbe0 100%);
}

/***********************************************************************************************
************************************************************************************************/

/* Site depending */
button {
  cursor: pointer;
}
h3 {
  background-color: #dfdfdf;
}
h3:hover {
  color: #000000;
}
h4 {
  background-color: #dfdfdf;
}
h4:hover {
  color: #000000;
}
input[type="submit"] {
  cursor: pointer;
}
select {
  cursor: pointer;
}

/*----id----*/
#loginButton {
  padding: 5px 15px 5px 15px;
}
#loginButton.disabled {
  cursor: default;
  color: graytext;
  background-color: #e6e6e6;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  writing-mode: horizontal-tb;
  border-color: #c1c1c1;
  border-image: initial;
  font-weight: normal;
}
#loginButton.enabled {
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  border-image: none;
  -webkit-border-image: none;
}

/******************************* Alarm Log *************************************/
#report th {
  font-weight: normal;
  padding: 7px 10px;
  text-align: left;
  border: 1px solid black;
}
#report-content th {
  text-align: left;
  border: 1px solid black;
}

/******************************* Sensor Map *************************************/
#btn_overview_wrapper {
  width: 100%;
}
/*area above grey background*/
#container {
  background: #e5e5e5;
}

#footer p {
  color: #fff;
}
#glb_cancel {
  visibility: hidden;
}

#non_selected {
  color: #ffffff;
}
#mobile_logo_img {
  width: 40px;
  margin: 12px 0 0 10px !important;
}

/******************************* Password Reset *************************************/
#sendReset {
  padding: 5px 15px 5px 15px;
}
#sendReset.disabled {
  cursor: default;
  color: graytext;
  background-color: #e6e6e6;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  writing-mode: horizontal-tb;
  border-color: #c1c1c1;
  border-image: initial;
  font-weight: normal;
}
#sendReset.enabled {
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  border-image: none;
  -webkit-border-image: none;
}

#save_password_btn {
  padding: 5px 15px 5px 15px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  border-image: none;
  -webkit-border-image: none;
}

meter {
  width: 100%;
}

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value {
  background: red;
}
meter[value="2"]::-webkit-meter-optimum-value {
  background: #edda7a;
}
meter[value="3"]::-webkit-meter-optimum-value {
  background: orange;
}
meter[value="4"]::-webkit-meter-optimum-value {
  background: green;
}

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar {
  background: red;
}
meter[value="2"]::-moz-meter-bar {
  background: #edda7a;
}
meter[value="3"]::-moz-meter-bar {
  background: orange;
}
meter[value="4"]::-moz-meter-bar {
  background: green;
}

.field-icon {
  float: right;
  position: relative;
  z-index: 2;
}

/******************************* Generic Popup *************************************/
/* GLOBAL STYLES IN ATT FILE popup.css */
#login_expiry_popup {
  box-shadow: 10px 10px 5px #888888;
  pointer-events: all;
  z-index: 9999;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  height: 100px;
  width: 350px;
  border: 1px solid black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#popup_err {
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
#popup_header {
  margin: 0px 0 13px 0;
  text-align: center;
}
#popup_content {
  text-align: center;
  margin-bottom: 15px;
  color: black;
}

/******************************* Generic Hover Styles *************************************/
div.tip:hover span {
  display: block;
}
div.tip:hover {
  position: absolute;
  z-index: 99999;
}
div.tip > span:hover {
  display: none;
}
div.tip .evap_wrapper {
  pointer-events: none;
}
div.tip span {
  display: none;
  font-family: arial, verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
  text-align: left;
  width: auto;
  position: absolute !important;
  top: 1.8em !important;
  z-index: 9999999 !important;
  /* left: 10px !important; */
  color: #666;
  background-color: #dfdfdf;
  border: #000 1px ridge;
  box-shadow: 5px 5px 10px #000;
  padding: 8px;
}

/************************ Generic Back Button Style **************************/
#back_btn_wrapper {
  /* width: 780px; Width allows back btn to be set at horizontal position */
  /* margin-top: 4px; Sets the distance between top and back btn */
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
#back_btn_content {
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.back_icon_small {
  width: 20px;
  margin-top: 9px;
  display: inline-block;
  float: left;
}
.back_text_small {
  height: 30px;
  display: inline-block;
  margin-top: 13px;
  font-size: 12px;
  float: left;
  color: #6e6e6e;
}

.custom-title-center {
  text-align: center;
}

/******************************* Classes *************************************/
/* .esm_cloud_wrapper{
    min-width:1100px;
} */
.h2 hover {
  color: #000000;
}
.h2 a:hover {
  color: #000000;
}
.hov a:hover {
  color: #000000;
}
.logo_height {
  width: 3.5em;
  padding-top: 1px;
}
.lh_index {
  padding-top: 1px;
}
.h2 a {
  color: #000000;
}
.pt5 {
  display: inline-flex;
}
.panel.glopref {
  margin: 0 auto;
  width: 470px;
  margin-top: 15px;
  padding: 10px;
}
.panel.glopref > form {
  position: relative;
}
.panel.glopref > form > input[type="submit"] {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  left: 316px;
}
.prefs_width {
  height: 21.5px;
}
.send {
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}
.subheading_bg {
  background-color: #1a75ce;
}
.topmargin {
  margin-top: 0;
}
.topmargin_site6 {
  margin-top: -15px;
}
.topmargin_site7 {
  margin-top: -15px;
}
.default_textarea {
  resize: none;
  word-wrap: break-word;
  word-break: normal;
  white-space: -webkit-pre-wrap;
  white-space: normal;
  font-size: 12px;
  border: 2px inset #e3e3e3;
}
.comment_field_1 {
  width: 280px;
  max-width: 280px;
  margin-top: 5px;
  height: 50px;
}

/******************************* Alarm Status Colours *************************************/

.neutralst {
  background-color: #1a75ce;
}

.redst {
  color: #ffffff;
  background-color: #ff0000;
}
.redst:hover {
  color: #000000;
}

.orangest {
  color: #ffffff;
  background-color: #ff6a00;
}
.orangest:hover {
  color: #000000;
}

.yellowst {
  color: #181797;
  background-color: #fffb2a;
}
.yellowst:hover {
  color: #000000;
}

.purplest {
  color: #ffffff;
  background-color: #b40080;
}
.purplest:hover {
  color: #ddddff;
}

.ylwst_text {
  color: #181797;
}
.ylwst_text:hover {
  color: #000;
}

.prplst_text {
  color: #ffffff;
}
.prplst_text:hover {
  color: #ddddff;
}

/* Extended Alarm Animation */

.extendedAlarmRed {
  animation: blink_red 1s infinite;
}

.extendedAlarmOrange {
  animation: blink_orange 1s infinite;
}

@keyframes blink_red {
  0% {
    background: #ef0000;
  }
  50% {
    background: #fffb2a;
  }
  100% {
    background: #ef0000;
  }
}
@-webkit-keyframes blink_red {
  0% {
    background: #ef0000;
  }
  50% {
    background: #fffb2a;
  }
  100% {
    background: #ef0000;
  }
}

@keyframes blink_orange {
  0% {
    background: #ff6a00;
  }
  50% {
    background: yellow;
  }
  100% {
    background: #ff6a00;
  }
}

@-webkit-keyframes blink_orange {
  0% {
    background: #ff6a00;
  }
  50% {
    background: yellow;
  }
  100% {
    background: #ff6a00;
  }
}