body {
  margin: 0;
}

[v-cloak] {
  display: none;
}

.help_toggle {
  position: fixed;
  top: 20px;
  right: 0px;
  z-index: 999999;
  background: #555;
  width: 35px;
  height: 40px;
  -webkit-transition: right 0.5s ease-in-out, width 0.5s ease-in-out;
  -moz-transition: right 0.5s ease-in-out, width 0.2s ease-in-out;
  -o-transition: right 0.5s ease-in-out, width 0.2s ease-in-out;
  transition: right 0.5s ease-in-out, width 0.2s ease-in-out;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  cursor: pointer;
  display: none;
  padding-left: 3px;
  align-items: center;
  justify-content: left;
  color: #fff;
}
.help_toggle.open {
  right: 300px;
}
.help_toggle:hover {
  width: 50px;
}

.help_panel {
  display: none;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 999999;
  font-family: Arial, Tahoma;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  width: 0px;
  overflow: hidden;
  background: #fff;
  border-left: 10px solid #555;
  font-size: 14px;
}
.help_panel.open {
  width: 300px;
}
.help_panel .header {
  display: flex;
  align-items: center;
  background: #222;
  color: white;
  font-size: 1.2em;
}
.help_panel .header div {
  padding: 10px;
  white-space: nowrap;
}
.help_panel .header img {
  height: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.help_panel .breadcrumb {
  background: #eee;
  padding: 10px;
  width: 300px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.help_panel .breadcrumb .link {
  cursor: pointer;
  color: #0058FF;
}
.help_panel .content {
  flex-grow: 1;
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
  width: 300px;
  box-sizing: border-box;
}
.help_panel .content .title {
  margin: 12px 0 8px;
  font-weight: bold;
  color: #777;
}
.help_panel .content .link {
  margin: 3px 0;
  text-decoration: none;
  color: #0058FF;
  cursor: pointer;
}
.help_panel .content img {
  max-width: 100%;
}

*:not(p, ul, ol) {
  margin: 0;
  padding: 0;
}

@media screen {
  .no_screen, .no_screen * {
    display: none !important;
  }
  .main_window {
    overflow: auto !important;
  }
}
@media print {
  .no_print, .no_print * {
    display: none !important;
  }
  .main_window_container {
    height: auto !important;
  }
  .main_window {
    overflow: inherit !important;
  }
}
@media all and (max-width: 300px) {
  #nav_buttons {
    display: none;
  }
}
::selection {
  background: #95D2FF;
}

/*::-webkit-scrollbar {
    width: 18px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 9px;
}
::-webkit-scrollbar-thumb {
    border-radius: 9px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5); 
}*/
img {
  border-style: none;
}

.scrollup {
  width: 100px;
  height: 100px;
  opacity: 0.3;
  position: fixed;
  bottom: 10px;
  right: 50%;
  margin-right: -50px;
  display: none;
  text-indent: -9999px;
  background: url("/images/icon_top.png") no-repeat;
  -moz-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  cursor: pointer;
  z-index: 1;
}

.scrollup:hover {
  opacity: 1;
}

hr {
  background-color: #cccccc;
  border: 0;
  color: #cccccc;
  height: 1px;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 18px;
  position: relative;
}

h1 sup {
  background-color: #ffffff;
  border: 0;
  color: #42B852;
  cursor: help;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 5px 0 2px;
  position: absolute;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 10px 0 7px 0;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 7px 0;
}

table {
  border-collapse: collapse;
}

.dataTable tr {
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

.editing_row {
  background-color: #CCCCCC !important;
}

#login-form {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 100px auto;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
  width: 400px;
}

#login-form h1 {
  background-color: #ccc;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(47%, rgb(246, 246, 246)), color-stop(100%, rgb(237, 237, 237)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #333;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
  font-size: 1.2em;
  margin: 0;
  padding: 5px;
  text-align: center;
  z-index: -1;
}

#login-form p {
  line-height: 21px;
  padding: 0 10px;
}

#login-form input[type=text], #login-form input[type=password] {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  moz-box-sizing: border-box;
  padding: 5px;
  webkit-box-sizing: border-box;
  width: 100%;
}

#login-form .error {
  background-color: #ccc;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(47%, rgb(246, 246, 246)), color-stop(100%, rgb(237, 237, 237)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
  margin: 10px auto;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 10px;
  text-align: center;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
  width: 350px;
}

#login-form .error p {
  margin: 5px;
}

#main_area {
  margin: 0 8px;
  /*padding-top:10px;*/
}

.input_section {
  display: none;
  border-top: solid 1px #ccc;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  text-align: center;
}

.input_value, .click_input {
  border: solid 1px #cccccc;
  border-radius: 3px;
  padding: 3px 5px;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.input_value:focus, .click_input:focus {
  -webkit-box-shadow: 0px 0px 5px 0px #ccc;
  -moz-box-shadow: 0px 0px 5px 0px #ccc;
  box-shadow: 0px 0px 5px 0px #ccc;
}

#footer_help_center_link, #footer_sitemap_link, .sitemap_link {
  cursor: pointer;
  text-decoration: none;
  color: #3ab54a;
}

#footer_help_center_link:hover, #footer_sitemap_link:hover, .sitemap_link:hover {
  text-decoration: underline;
}

#subnav {
  border-bottom: 1px solid #cccccc;
}

#topnav_container {
  clear: both;
  padding-left: 5px;
  margin: 0;
  padding: 0;
}

#bottom_nav {
  clear: both;
  margin: 10px 0 15px 0;
  padding: 0;
  border-top: 1px solid #cccccc;
  zoom: 0.87;
  -moz-transform: scale(0.87);
  transform-origin: 0 0;
}

.tab_button {
  background-color: #f2f2f2;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(241, 241, 241)), color-stop(51%, rgb(225, 225, 225)), color-stop(100%, rgb(246, 246, 246)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  border-bottom: 1px solid #999999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  margin-left: -1px;
  box-shadow: 0 0 5px 0 #dddddd;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0 );
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  min-width: 150px;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  text-align: center;
  transition: all 0.3s ease-in;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
  webkit-transition: all 0.3s ease-in;
}

.tab_button h4 {
  font-weight: normal;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.tab_button h4 a {
  color: #333333;
  text-decoration: none;
}

.tab_button.selected {
  background-color: #b7c761;
  background: linear-gradient(to bottom, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -moz-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -ms-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -o-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(191, 210, 85)), color-stop(50%, rgb(142, 185, 42)), color-stop(51%, rgb(114, 170, 0)), color-stop(100%, rgb(158, 203, 45))) !important;
  background: -webkit-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  box-shadow: 0 0 5px 0 #dddddd !important;
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bfd255", endColorstr="#9ecb2d",GradientType=0 ) !important;
  moz-box-shadow: 0 0 5px 0 #dddddd !important;
  webkit-box-shadow: 0 0 5px 0 #dddddd !important;
}

.tab_button.disabled {
  background-color: #eeeeee;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: #cccccc;
  cursor: default;
}

.tab_button:hover {
  background-color: #cccccc;
  background: linear-gradient(to bottom, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(246, 246, 246)), color-stop(49%, rgb(225, 225, 225)), color-stop(50%, rgb(241, 241, 241)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  box-shadow: 0 5px 5px 0 #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f6f6", endColorstr="#ffffff",GradientType=0 );
  moz-box-shadow: 0 5px 5px 0 #cccccc;
  webkit-box-shadow: 0 5px 5px 0 #cccccc;
}

.tab_button.selected:hover {
  background-color: #b7c761;
}

.tab_button.disabled:hover {
  background-color: #eeeeee;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(241, 241, 241)), color-stop(51%, rgb(225, 225, 225)), color-stop(100%, rgb(246, 246, 246)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0 );
  moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.chosen-search {
  display: block !important;
  padding: 3px 5px 0 5px !important;
}

.styled_form form {
  display: inline-block;
}

.styled_form table {
  background-color: #F3F3F3;
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(100%, rgba(226, 226, 226, 0.65)));
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  border: 1px solid #cccccc;
  border-collapse: separate;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  color: #1B1B1B;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f4f4f4", endColorstr="#a6e2e2e2",GradientType=0 );
  margin: 0 10px 10px 0;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 10px;
  vertical-align: top;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
}

.styled_form input[type=text], .styled_form input[type=password], .styled_form select {
  border: solid 1px #cccccc;
  border-radius: 3px;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  padding: 3px 5px;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

.styled_form input[type=text]:focus, .styled_form input[type=password]:focus, .styled_form select:focus {
  box-shadow: 0 0 5px 0 #aaaaaa;
  moz-box-shadow: 0 0 5px 0 #aaaaaa;
  webkit-box-shadow: 0 0 5px 0 #aaaaaa;
}

.styled_button {
  background-color: #f2f2f2;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(241, 241, 241)), color-stop(51%, rgb(225, 225, 225)), color-stop(100%, rgb(246, 246, 246)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #555555;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  padding: 5px 10px;
  text-align: center;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

.styled_button:hover {
  background-color: #cccccc;
  background: linear-gradient(to bottom, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(246, 246, 246)), color-stop(49%, rgb(225, 225, 225)), color-stop(50%, rgb(241, 241, 241)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  border: 1px solid #999999;
  box-shadow: 0 0 5px 0 #aaaaaa;
  color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f6f6", endColorstr="#ffffff",GradientType=0 );
  moz-box-shadow: 0 0 5px 0 #aaaaaa;
  webkit-box-shadow: 0 0 5px 0 #aaaaaa;
}

.styled_button:disabled {
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(243, 243, 243)), color-stop(51%, rgb(237, 237, 237)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
  border: 1px solid #dddddd;
  box-shadow: 0 0 0 0 #ffffff;
  color: #bbbbbb;
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=0 );
  moz-box-shadow: 0 0 0 0 #ffffff;
  webkit-box-shadow: 0 0 0 0 #ffffff;
}

.icon_button {
  background-color: #f2f2f2;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(241, 241, 241)), color-stop(51%, rgb(225, 225, 225)), color-stop(100%, rgb(246, 246, 246)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #555555;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  padding: 2px;
  text-align: center;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

.icon_button:hover {
  background-color: #cccccc;
  background: linear-gradient(to bottom, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(246, 246, 246)), color-stop(49%, rgb(225, 225, 225)), color-stop(50%, rgb(241, 241, 241)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  border: 1px solid #999999;
  box-shadow: 0 0 5px 0 #aaaaaa;
  color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f6f6", endColorstr="#ffffff",GradientType=0 );
  moz-box-shadow: 0 0 5px 0 #aaaaaa;
  webkit-box-shadow: 0 0 5px 0 #aaaaaa;
}

#rt_menu {
  z-index: 2;
  background: #FFF;
  box-shadow: 0 0 5px 0 #dddddd;
  clip-path: inset(-5px -5px -5px 0px);
  display: none;
  position: absolute;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  font-size: 14px;
}

.rt_item {
  padding: 5px 8px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rt_item:hover {
  background-color: #cccccc;
  background: linear-gradient(to bottom, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(246, 246, 246)), color-stop(49%, rgb(225, 225, 225)), color-stop(50%, rgb(241, 241, 241)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
}

.rt_item img {
  opacity: 0.5;
}

.rt_item:hover img {
  opacity: 1;
}

#sensors_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#sensors_container .type_heading {
  width: 100%;
}

.sensor,
.composite_sensor {
  background-color: #FFF;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  height: auto;
  margin: 0 5px 3px 0;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  overflow: hidden;
  padding: 10px 0 10px 0;
  text-align: center;
  transition: all 0.3s ease-in;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
  webkit-transition: all 0.3s ease-in;
  width: 152px;
  height: 185px;
}

.composite_sensor {
  overflow: hidden;
}
.composite_sensor .transparent_overlay_right,
.composite_sensor .transparent_overlay_left {
  display: none;
}

/*FIREFOX*/
.textfill {
  white-space: nowrap;
  vertical-align: middle;
}

.non_sdr_grouped_sensor {
  background-color: #EEE;
}

.non_alarmed_sensor {
  background-color: #FDD;
}

.assignToAlarmGroupHolder, .assignToSDRGroupHolder {
  display: none;
  margin: 6px 0 0 0;
  padding: 0 5px;
  text-align: right;
}

.sensor_group_select {
  float: left;
  height: 20px;
  width: 70px;
}

.assignToAlarmGroup, .assignToSDRGroup {
  height: 20px;
  width: 70px;
}

.sensor_last_line {
  margin: 2px 0 0 0;
}

.select_sensor {
  position: relative;
  top: 6px;
  cursor: pointer;
}

.battery_icon {
  float: left;
  margin: 8px 0 0 5px;
}

.signal_icon {
  float: right;
  margin: 7px 5px 0 0;
}

#view_non_alarmed {
  cursor: pointer;
}

.sensor_group_assign {
  float: left;
  width: 40px;
}

.non_alarmed_form {
  display: none;
}

.sensor_selected {
  background-color: #FF9;
}

.monitors {
  background-repeat: no-repeat;
  font-size: 20px;
  font-weight: bold;
  height: 104px;
  margin: 0 auto;
  max-height: 104px;
  min-height: 104px;
  width: 104px;
  line-height: 107px;
  vertical-align: middle;
}

.monitors_upper, .monitors_lower {
  position: relative;
  margin: 0 0 -44px 0;
  height: 44px;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  overflow: hidden;
}

.monitors_upper {
  background-position: center 10px;
  vertical-align: top;
}

.monitors_lower {
  top: 60px;
  background-position: center top;
  vertical-align: bottom;
}

.monitors_text div {
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sensor_pending_remedials {
  background: rgb(243, 197, 189);
  background: linear-gradient(to bottom, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -moz-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -ms-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -o-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(243, 197, 189)), color-stop(50%, rgb(232, 108, 87)), color-stop(51%, rgb(234, 40, 3)), color-stop(100%, rgb(255, 102, 0)));
  background: -webkit-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  border-radius: 10px;
  box-shadow: 0 0 4px 0 #aaa;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3c5bd", endColorstr="#ff6600",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  margin: 4px auto 0 auto;
  moz-box-shadow: 0 0 4px 0 #aaa;
  padding: 1px 5px 1px 5px;
  text-align: center;
  webkit-box-shadow: 0 0 4px 0 #aaa;
}

.switch_units {
  position: relative;
  top: -2px;
  left: -2px;
  vertical-align: middle;
  width: 16px;
  opacity: 0.5;
  cursor: pointer;
}

.switch_units:hover {
  opacity: 1;
}

.sensor_pending_remedials_link {
  text-decoration: none;
  color: white;
}

.singlerowform {
  display: inline;
}

#header {
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(47%, rgb(246, 246, 246)), color-stop(100%, rgb(237, 237, 237)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 0 5px 7px 5px;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
}

.hi-nav-active, .hi-icon-active {
  color: #393 !important;
  cursor: default !important;
  opacity: 1 !important;
  pointer-events: none !important;
  text-shadow: 0 0 6px rgba(51, 153, 51, 0.2) !important;
}

.hi-icon-active_2 {
  color: #393 !important;
  opacity: 1 !important;
}

.hi-icon-nav .hi-icon:hover {
  color: #999 !important;
}

body .main_window > .footer {
  border-top: 1px solid #cccccc;
  clear: both;
  color: #999999;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  margin: 15px 0 30px 0;
  padding: 10px 0 0 0;
  text-align: center;
}

#top_bar_controls {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 30px;
  margin: -4px 0 5px 0;
  text-align: right;
}

#top_bar_controls div {
  display: inline-block;
}

#top_bar_controls input {
  padding: 3px 10px 4px 10px;
}

#bar_controls {
  background-color: #F3F3F3;
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(100%, rgba(226, 226, 226, 0.65)));
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  color: #1B1B1B;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f4f4f4", endColorstr="#a6e2e2e2",GradientType=0 );
  line-height: 30px;
  margin: 10px 0 10px 0;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 5px 10px;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
}

#bar_controls div {
  display: inline-block;
}

#bar_controls input, #bar_controls select {
  border: solid 1px #cccccc;
  border-radius: 3px;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  padding: 3px 5px;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

#sensor_tabs {
  line-height: 20px;
  padding: 0;
}

#sensor_tabs ul {
  margin: 0;
  padding: 0;
}

#sensor_tabs li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 20px;
}

#sensor_tabs a {
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#sensors_container {
  clear: both;
}

#rt_list_icon a {
  background: url("../images/misc_icons/list_view_icons.png");
}

#rt_graphic_icon a {
  background: url("../images/misc_icons/thumb_view_icons.png");
}

#rt_graphic_icon_selected {
  background: url("../images/misc_icons/thumb_view_icons.png") no-repeat;
}

#rt_list_icon_selected {
  background: url("../images/misc_icons/list_view_icons.png") no-repeat;
}

#rt_schematic_icon a {
  background: url("../images/misc_icons/pin_view_icons.png") no-repeat;
}

#rt_schematic_icon_selected {
  background: url("../images/misc_icons/pin_view_icons.png") no-repeat;
}

#rt_list_icon a, #rt_graphic_icon a, #rt_schematic_icon a {
  display: inline-block;
  height: 20px;
  text-decoration: none;
  width: 20px;
  background-position: 0 0;
}

#rt_graphic_icon_selected, #rt_list_icon_selected, #rt_schematic_icon_selected {
  display: inline-block;
  height: 20px;
  text-decoration: none;
  width: 20px;
  background-position: 0 -40px;
}

#rt_list_icon a:hover {
  background-position: 0 -20px;
}

#rt_list_icon a:active {
  background-position: 0 -40px;
}

#rt_graphic_icon a:hover {
  background-position: 0 -20px;
}

#rt_graphic_icon a:active {
  background-position: 0 -40px;
}

#rt_schematic_icon a:hover {
  background-position: 0 -20px;
}

#rt_schematic_icon a:active {
  background-position: 0 -40px;
}

#logo {
  float: left;
  padding: 3px 0 0 0;
}

#nav_buttons li {
  display: inline;
}

#nav_buttons li {
  display: inline;
}

#remedial_count {
  background: #C00;
  border-radius: 6px;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: auto;
}

.remedial_new_wrap, .readings_wrap {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

.readings_inner {
  font-size: 15px;
  position: absolute;
  right: 37px;
  text-align: center;
  top: -26px;
  width: auto;
}

.readings_inner:before {
  content: "\e87f";
}

.remedial_count_new {
  background: rgb(243, 197, 189);
  background: linear-gradient(to bottom, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -moz-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -ms-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -o-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(243, 197, 189)), color-stop(50%, rgb(232, 108, 87)), color-stop(51%, rgb(234, 40, 3)), color-stop(100%, rgb(255, 102, 0)));
  background: -webkit-linear-gradient(top, rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 100%);
  border-radius: 10px;
  box-shadow: 0 0 4px 0 #aaa;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3c5bd", endColorstr="#ff6600",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  margin: 0 auto;
  moz-box-shadow: 0 0 4px 0 #aaa;
  padding: 1px 5px 1px 5px;
  text-align: center;
  webkit-box-shadow: 0 0 4px 0 #aaa;
}

.dataTables_wrapper {
  box-shadow: 0 0 5px 0 #dddddd;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
}

#remedial_container {
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
}

#groups_container {
  margin: 0 auto;
  padding-top: 10px;
}

.edit, .editable_select_alarmgroup, .editable_select_log_interval, .editable_select_permissions, .password-expiry {
  background: linear-gradient(to bottom, rgba(178, 216, 145, 0.6) 0%, rgba(141, 196, 94, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(178, 216, 145, 0.6) 0%, rgba(141, 196, 94, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(178, 216, 145, 0.6) 0%, rgba(141, 196, 94, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(178, 216, 145, 0.6) 0%, rgba(141, 196, 94, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(178, 216, 145, 0.6)), color-stop(100%, rgba(141, 196, 94, 0.6)));
  background: -webkit-linear-gradient(top, rgba(178, 216, 145, 0.6) 0%, rgba(141, 196, 94, 0.6) 100%);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#99b2d891", endColorstr="#998dc45e",GradientType=0 );
}

.edit input {
  height: 13px;
  width: 98%;
}

p.css-vertical-text {
  border: 0 solid red;
  bottom: 0;
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: normal;
  height: 20px;
  moz-transform: rotate(270deg);
  o-transform: rotate(270deg);
  webkit-transform: rotate(270deg);
  white-space: nowrap;
  width: 20px;
  writing-mode: tb-rl;
}

#edit_remedial_errors, #edit_comms_errors, #edit_user_errors, #sensor_thresholds_errors {
  border-color: #cccccc;
  border-radius: 5px;
  clear: both;
  color: red;
  font-family: arial;
  padding: 5px;
}

#edit_remedial_success, #sensor_thresholds_success, #edit_user_success, #edit_comms_success {
  border-color: #cccccc;
  border-radius: 5px;
  clear: both;
  color: green;
  font-family: arial;
  padding: 5px;
}

.long_combos {
  width: 250px;
}

#flashcontent {
  margin: 0 auto;
  width: 800px;
}

.ajax_error {
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(229, 229, 229)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  color: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 );
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 10px;
  text-align: center;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
  width: 890px;
}

.ajax_error p {
  margin: 0;
  padding: 0;
}

.persistent_notification {
  clear: both;
  font-family: arial;
  padding: 5px;
  width: auto;
  margin: 0 auto 7px auto;
  display: none;
  max-height: 150px;
  overflow-y: scroll;
}

.login_error {
  background-color: #EEEEEE;
  border: 1px solid #333333;
  color: #FF0000;
  padding: 10px;
  text-align: center;
  width: 500px;
}

#infoMessage {
  background-color: #EEEEEE;
  border: 1px solid #333333;
  clear: both;
  font-size: 16px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#warningMessage {
  background-color: #F3F3F3;
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(100%, rgba(226, 226, 226, 0.65)));
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #dddddd;
  clear: both;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f4f4f4", endColorstr="#a6e2e2e2",GradientType=0 );
  font-size: 16px;
  margin: 0 0 10px 0;
  moz-box-shadow: 0 0 5px 0 #dddddd;
  padding: 5px;
  text-align: center;
  webkit-box-shadow: 0 0 5px 0 #dddddd;
}

#warningMessage p, #infoMessage p {
  margin: 0;
  padding: 0;
}

#addCustomAuditEntry .textInput {
  width: 300px;
}

.ui-state-default {
  vertical-align: top;
}

.fixed_width_button {
  width: 130px;
}

.pagination_links {
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  text-align: center;
}

.pagination_links strong {
  background-color: #A2B835;
  border: none;
  border-radius: 3px;
  padding: 5px 8px;
}

.pagination_links a {
  padding: 5px 8px;
}

.pagination_links a:hover {
  background-color: #CCC;
  border: none;
  border-radius: 3px;
}

.ui-icon-alert-red {
  background-image: url(../images/misc_icons/red_jquery_icons.png);
  background-position: 0 -144px;
  height: 16px;
  width: 16px;
}

#ui-datepicker-div {
  display: none;
}

.hidden {
  display: none;
}

#info {
  background-color: #ff0000;
  background-color: #ffffff;
  border: 1px solid #ADBF4C;
  border-radius: 4px;
  color: #000000;
  color: #ADBF4C;
  display: none;
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
  moz-border-radius: 4px;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  webkit-border-radius: 4px;
  width: 250px;
  z-index: 10;
}

.dygraph-legend span {
  background-color: white;
}

.remedial_table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  width: 100%;
}

.remedial_table .tableheader {
  background-color: #cccccc;
}

.remedial_table th {
  padding: 0 0.5em;
  text-align: left;
}

.remedial_table td {
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
}

.remedial_table .smaller_text {
  font-size: 14px;
}

#cookie-bar {
  position: relative;
  background: linear-gradient(to bottom, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);
  background: -moz-linear-gradient(top, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);
  background: -ms-linear-gradient(top, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);
  background: -o-linear-gradient(top, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);
  background: rgb(125, 126, 125);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(125, 126, 125)), color-stop(100%, rgb(14, 14, 14)));
  background: -webkit-linear-gradient(top, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);
  border: 1px solid #cccccc;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 0px 5px 0px #dddddd;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7d7e7d", endColorstr="#0e0e0e",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  /*margin-bottom:5px;*/
  margin-left: -8px;
  margin-right: -8px;
  /*margin-top:-10px;*/
  moz-box-shadow: 0px 0px 5px 0px #dddddd;
  padding: 10px;
  text-align: center;
  webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  box-sizing: border-box;
}

#cookie-bar.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}

#cookie-bar p {
  margin: 0;
  padding: 0;
}

#cookie-bar a {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(50%, rgb(241, 241, 241)), color-stop(51%, rgb(225, 225, 225)), color-stop(100%, rgb(246, 246, 246)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #555555;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0 );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  moz-transition: all 0.3s ease-in;
  o-transition: all 0.3s ease-in;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in;
  webkit-transition: all 0.3s ease-in;
}

#cookie-bar a:hover {
  background: linear-gradient(to bottom, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(246, 246, 246)), color-stop(49%, rgb(225, 225, 225)), color-stop(50%, rgb(241, 241, 241)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(225, 225, 225) 49%, rgb(241, 241, 241) 50%, rgb(255, 255, 255) 100%);
  background-color: #cccccc;
  border: 1px solid #999999;
  box-shadow: 0px 0px 5px 0px #aaaaaa;
  color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f6f6", endColorstr="#ffffff",GradientType=0 );
  moz-box-shadow: 0px 0px 5px 0px #aaaaaa;
  webkit-box-shadow: 0px 0px 5px 0px #aaaaaa;
}

#cookie-bar .cb-disable {
  background: #990000;
}

#cookie-bar .cb-disable:hover {
  background: #bb0000;
}

#cookie-bar .cb-policy {
  background: #0033bb;
}

#cookie-bar .cb-policy:hover {
  background: #0055dd;
}

.message_composer_popup, .note_composer_popup {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(47%, rgb(246, 246, 246)), color-stop(100%, rgb(237, 237, 237)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
  -webkit-box-shadow: 0px 0px 10px 0px #aaa;
  -moz-box-shadow: 0px 0px 10px 0px #aaa;
  box-shadow: 0px 0px 10px 0px #aaa;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 5px;
  max-width: 522px;
}

.break {
  clear: both;
  border-bottom: solid 1px #cccccc;
  margin: 10px 0;
}

.dialog_min, .dialog_search {
  float: right;
  position: relative;
  top: -20px;
  padding: 0 0 20px 10px;
  margin: 0 0 -20px -10px;
  font-size: 25px;
  cursor: pointer;
  opacity: 0.5;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dialog_move {
  cursor: move;
}

.dialog_search {
  margin: 0;
  padding: 0;
  top: -9px;
  right: 9px;
  cursor: pointer;
}

.dialog_loading {
  float: right;
  position: relative;
  display: none;
  top: -8px;
  right: 20px;
  opacity: 0.3;
}

.dialog_type {
  cursor: move;
  float: left;
  opacity: 0.6;
  line-height: 0;
  position: relative;
  top: 2px;
  margin: -1px 0 -4px 0;
  padding: 0;
}

.message_min_text, .note_min_text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: -1px;
  margin: 0 5px -6px 8px;
}

.dialog_max {
  cursor: pointer;
  float: right;
  opacity: 0.5;
  position: relative;
  top: 10px;
  line-height: 0;
  font-size: 30px;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dialog_min:hover, .dialog_move:hover, .dialog_search:hover, .dialog_max:hover {
  opacity: 1;
}

.message_composer_input, .note_composer_input {
  border: solid 1px #ccc;
  border-radius: 3px;
  padding: 8px 5px;
  font-family: Arial, Helvetica, sans-serif;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.popup {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(47%, rgb(246, 246, 246)), color-stop(100%, rgb(237, 237, 237)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
  -webkit-box-shadow: 0px 0px 5px 0px #666;
  -moz-box-shadow: 0px 0px 5px 0px #666;
  box-shadow: 0px 0px 5px 0px #666;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.message_attachment, .note_attachment, .check_attachment, .probe_attachment {
  max-width: 500px;
  padding-top: 3px;
}

.message_attachment_status, .note_attachment_status, .check_attachment_status, .probe_attachment_status {
  line-height: 0;
}

.message_attachment_filename, .note_attachment_filename, .check_attachment_filename, .probe_attachment_filename {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}

.message_attachment_filename a, .note_attachment_filename a, .check_attachment_filename a, .probe_attachment_filename a {
  text-decoration: none;
  color: #000000;
}

.delete_message_attachment, .delete_note_attachment, .delete_check_attachment, .delete_check_attachment_unbound, .delete_probe_attachment {
  display: inline-block;
  float: right;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 0 5px;
}

.delete_message_attachment:hover, .delete_note_attachment:hover, .delete_check_attachment:hover, .delete_check_attachment_unbound:hover, .delete_probe_attachment:hover {
  background-color: #CCCCCC;
}

.is_stale {
  background: rgb(252, 238, 234) !important;
  background: -moz-linear-gradient(top, rgb(252, 238, 234) 0%, rgb(249, 222, 212) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(252, 238, 234)), color-stop(100%, rgb(249, 222, 212))) !important;
  background: -webkit-linear-gradient(top, rgb(252, 238, 234) 0%, rgb(249, 222, 212) 100%) !important;
  background: -o-linear-gradient(top, rgb(252, 238, 234) 0%, rgb(249, 222, 212) 100%) !important;
  background: -ms-linear-gradient(top, rgb(252, 238, 234) 0%, rgb(249, 222, 212) 100%) !important;
  background: linear-gradient(to bottom, rgb(252, 238, 234) 0%, rgb(249, 222, 212) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fceeea", endColorstr="#f9ded4",GradientType=0 ) !important;
}

.yellow_tint {
  background: #fcfbea;
  background: -moz-linear-gradient(top, #fcfbea 0%, #f9f9d5 100%);
  background: -webkit-linear-gradient(top, #fcfbea 0%, #f9f9d5 100%);
  background: linear-gradient(to bottom, #fcfbea 0%, #f9f9d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfbea", endColorstr="#f9f9d5",GradientType=0 );
}

.green_tint {
  background: #ecfcea;
  background: -moz-linear-gradient(top, #ecfcea 0%, #d6f9d5 100%);
  background: -webkit-linear-gradient(top, #ecfcea 0%, #d6f9d5 100%);
  background: linear-gradient(to bottom, #ecfcea 0%, #d6f9d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ecfcea", endColorstr="#d6f9d5",GradientType=0 );
}

.blue_tint {
  background: #eafafc;
  background: -moz-linear-gradient(top, #eafafc 0%, #d5f2f9 100%);
  background: -webkit-linear-gradient(top, #eafafc 0%, #d5f2f9 100%);
  background: linear-gradient(to bottom, #eafafc 0%, #d5f2f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eafafc", endColorstr="#d5f2f9",GradientType=0 );
}

.active_row {
  background: #cdeb8e !important;
  background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdeb8e), color-stop(100%, #a5c956)) !important;
  background: -webkit-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -o-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -ms-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cdeb8e", endColorstr="#a5c956",GradientType=0 ) !important;
}

.red_tint {
  background: #fedbd4 !important;
  background: -moz-linear-gradient(top, #fedbd4 0%, #fdc2b7 45%, #fca798 100%) !important;
  background: -webkit-linear-gradient(top, #fedbd4 0%, #fdc2b7 45%, #fca798 100%) !important;
  background: linear-gradient(to bottom, #fedbd4 0%, #fdc2b7 45%, #fca798 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fedbd4", endColorstr="#fca798",GradientType=0 ) !important;
}

.dialog_x {
  float: right;
  position: relative;
  top: -3px;
  font-size: 20px;
  margin-left: 9px;
  cursor: pointer;
  opacity: 0.5;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dialog_x:hover {
  opacity: 1;
}

.div-table {
  display: table;
  width: 1200px;
  border-spacing: 0;
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #ccc;
  border-bottom: none;
  border-left: none;
  margin: 0;
  -webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  -moz-box-shadow: 0px 0px 5px 0px #dddddd;
  box-shadow: 0px 0px 5px 0px #dddddd;
}

.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
  cursor: pointer;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(247, 247, 247)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=0 );
  line-height: 18px;
}

.div-table-col {
  float: left;
  display: table-column;
  border: solid 1px #ccc;
  border-top: none;
  border-right: none;
  padding: 3px 5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowTitle {
  font-weight: bold;
  background: rgb(229, 229, 229);
  background: -moz-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(229, 229, 229)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e5e5e5", endColorstr="#ffffff",GradientType=0 );
}

.box {
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding: 10px;
  margin: 0 auto;
  width: 1200px;
  color: #1B1B1B;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #F3F3F3;
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(100%, rgba(226, 226, 226, 0.65)));
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f4f4f4", endColorstr="#a6e2e2e2",GradientType=0 );
  -webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  -moz-box-shadow: 0px 0px 5px 0px #dddddd;
  box-shadow: 0px 0px 5px 0px #dddddd;
}

.main_table {
  vertical-align: top;
  border-collapse: separate;
  padding: 10px;
  margin: 0;
  color: #1B1B1B;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #F3F3F3;
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 0)), color-stop(100%, rgba(226, 226, 226, 0.65)));
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(226, 226, 226, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f4f4f4", endColorstr="#a6e2e2e2",GradientType=0 );
  -webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  -moz-box-shadow: 0px 0px 5px 0px #dddddd;
  box-shadow: 0px 0px 5px 0px #dddddd;
}

.contable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  margin: 10px 0 0 0;
  -webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  -moz-box-shadow: 0px 0px 5px 0px #dddddd;
  box-shadow: 0px 0px 5px 0px #dddddd;
  width: 100%;
}

.contable th, .contable td {
  border: solid 1px #ccc;
}

.contable tr:nth-child(even) {
  background-color: #FCFCFC;
}

.contable tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.contable .company_title {
  padding: 0 10px;
  text-align: left;
  background: rgb(229, 229, 229);
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(229, 229, 229)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 );
}

.contable .col_title {
  text-align: left;
  padding: 5px 5px 3px 5px;
  background: -moz-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(229, 229, 229)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e5e5e5", endColorstr="#ffffff",GradientType=0 );
}

.contable tr td {
  padding: 0 5px 0 5px;
}

.onoffswitch {
  position: relative;
  width: 50px;
  border-radius: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-box-shadow: 0px 0px 5px 0px #ddd;
  -moz-box-shadow: 0px 0px 5px 0px #ddd;
  box-shadow: 0px 0px 5px 0px #ddd;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 14px;
  padding: 0;
  line-height: 14px;
  border: 2px solid #CCCCCC;
  border-radius: 14px;
  background-color: #FFFFFF;
  transition: background-color 0.3s ease-in;
}

.onoffswitch-label:before {
  content: "";
  display: block;
  width: 14px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 33px;
  border: 2px solid #CCCCCC;
  border-radius: 14px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #38b84b;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #38b84b;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}

.onoffswitch-checkbox[disabled] + .onoffswitch {
  opacity: 0.5;
}

.onoffswitch.disabled {
  opacity: 0.3;
}

.ui-tooltip {
  z-index: 20000 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  padding: 10px;
	color:#1F1F1F !important;
  background-color: #FFFFFF !important;
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0 0 5px #aaa !important;
  box-shadow: 0 0 5px #aaa !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  opacity: 1 !important;
}

/*
 * REUSABLE COMPONENT STYLING
 */
.component.group_settings {
  white-space: nowrap;
}
.component.group_settings .clone {
  display: none;
}
.component.group_settings h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: -1px 0 -2px 0;
  padding: 0;
  height: 28px;
}
.component.group_settings h3 {
  padding: 0px;
  margin: 15px 0px;
  font-size: 19px;
}
.component.group_settings h4 {
  margin: 5px 0px;
}
.component.group_settings #group_wrapper, .component.group_settings #content_wrapper {
  vertical-align: top;
  width: 600px;
  margin: 0;
  padding: 0;
}
.component.group_settings #group_wrapper {
  float: left;
}
.component.group_settings #content_wrapper {
  float: right;
}
.component.group_settings #group_table_wrapper, .component.group_settings #content_table_wrapper {
  width: 600px;
}
.component.group_settings #group_table, .component.group_settings #content_table, .component.group_settings #add_remove_table {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-spacing: 0;
  -webkit-box-shadow: 0px 0px 5px 0px #dddddd;
  -moz-box-shadow: 0px 0px 5px 0px #dddddd;
  box-shadow: 0px 0px 5px 0px #dddddd;
}
.component.group_settings #group_table {
  border-right: none;
}
.component.group_settings #add_remove_table {
  display: inline-block;
}
.component.group_settings .div-table-col a {
  text-decoration: none;
  color: inherit;
}
.component.group_settings #group_table {
  /*
   * Groups table styling
   */
}
.component.group_settings #group_table .rowTitle .t1tc6 {
  cursor: default;
  width: 95px;
}
.component.group_settings #group_table .rowTitle .t1tc5 {
  width: 101px;
}
.component.group_settings #group_table .rowTitle .t1tc5.admin {
  width: 84px;
}
.component.group_settings #group_table .rowTitle .t1tc4 {
  width: 65px;
}
.component.group_settings #group_table .t1tc0 {
  width: 12px;
  height: 18px;
  text-overflow: clip;
}
.component.group_settings #group_table .t1tc1 {
  width: 277px;
}
.component.group_settings #group_table .t1tc1.admin {
  width: 103px;
}
.component.group_settings #group_table .t1tc2 {
  width: 89px;
}
.component.group_settings #group_table .t1tc2.admin {
  width: 56px;
}
.component.group_settings #group_table .t1tc3 {
  width: 107px;
  display: none;
}
.component.group_settings #group_table .t1tc3.admin {
  display: inline-block;
}
.component.group_settings #group_table .t1tc4 {
  width: 65px;
}
.component.group_settings #group_table .t1tc5 {
  width: 84px;
}
.component.group_settings #group_table .t1tc6 {
  width: 78px;
  overflow: visible;
  display: none;
}
.component.group_settings #group_table .t1tc6.admin {
  display: inline-block;
}
.component.group_settings #group_table.hide_department .t1tc1 {
  width: 377px;
}
.component.group_settings #group_table.hide_department .t1tc1.admin {
  width: 170px;
}
.component.group_settings #group_table.hide_department .t1tc2 {
  display: none;
}
.component.group_settings #content_table {
  /*
   * Content table styling
   */
}
.component.group_settings #content_table .rowTitle .t2tc4 {
  cursor: default;
  width: 95px;
}
.component.group_settings #content_table .rowTitle .t2tc3 {
  width: 151px;
}
.component.group_settings #content_table .rowTitle .t2tc3.admin {
  width: 134px;
}
.component.group_settings #content_table .t2tc1 {
  width: 37px;
}
.component.group_settings #content_table .t2tc2 {
  width: 378px;
}
.component.group_settings #content_table .t2tc2.admin {
  width: 289px;
}
.component.group_settings #content_table .t2tc3 {
  width: 134px;
}
.component.group_settings #content_table .t2tc4 {
  width: 78px;
  overflow: visible;
  display: none;
}
.component.group_settings #content_table .t2tc4.admin {
  display: inline-block;
}
.component.group_settings #content_table .rowTitle .t3tc5 {
  cursor: default;
  width: 60px;
}
.component.group_settings #content_table .rowTitle .t3tc4 {
  width: 101px;
}
.component.group_settings #content_table .rowTitle .t3tc4.admin {
  width: 84px;
}
.component.group_settings #content_table .t3tc1 {
  width: 65px;
}
.component.group_settings #content_table .t3tc2 {
  width: 255px;
}
.component.group_settings #content_table .t3tc2.admin {
  width: 201px;
}
.component.group_settings #content_table .t3tc3 {
  width: 134px;
}
.component.group_settings #content_table .t3tc4 {
  width: 84px;
}
.component.group_settings #content_table .t3tc5 {
  width: 43px;
  overflow: visible;
  display: none;
}
.component.group_settings #content_table .t3tc5.admin {
  display: inline-block;
}
.component.group_settings #add_remove_table .rowTitle .t4tc9 {
  cursor: default;
  width: 49px;
}
.component.group_settings #add_remove_table .t4tc0 {
  width: 12px;
  height: 18px;
  text-overflow: clip;
}
.component.group_settings #add_remove_table .t4tc1 {
  width: 65px;
}
.component.group_settings #add_remove_table .t4tc2 {
  width: 270px;
}
.component.group_settings #add_remove_table .t4tc3 {
  width: 134px;
}
.component.group_settings #add_remove_table .t4tc4 {
  width: 90px;
  display: none;
}
.component.group_settings #add_remove_table .t4tc5 {
  width: 63px;
  display: none;
}
.component.group_settings #add_remove_table .t4tc6 {
  width: 98px;
  display: none;
}
.component.group_settings #add_remove_table .t4tc7 {
  width: 98px;
  display: none;
}
.component.group_settings #add_remove_table .t4tc8 {
  width: 250px;
  display: none;
}
.component.group_settings #add_remove_table .t4tc9 {
  width: 32px;
  overflow: visible;
  display: none;
}
.component.group_settings #add_remove_table .t4tc9.admin {
  display: inline-block;
}
.component.group_settings #add_remove_table .rowTitle .t5tc4 {
  width: 101px;
}
.component.group_settings #add_remove_table .t5tc0 {
  width: 12px;
  height: 18px;
  text-overflow: clip;
}
.component.group_settings #add_remove_table .t5tc1 {
  width: 65px;
}
.component.group_settings #add_remove_table .t5tc2 {
  width: 318px;
}
.component.group_settings #add_remove_table .t5tc3 {
  width: 134px;
}
.component.group_settings #add_remove_table .t5tc4 {
  width: 84px;
}
.component.group_settings .row_1:hover, .component.group_settings .row_4:hover, .component.group_settings .row_5:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 );
}
.component.group_settings .row_2:hover, .component.group_settings .row_3:hover {
  cursor: default;
}
.component.group_settings .row_2 .div-table-col img:hover, .component.group_settings .row_3 .div-table-col img:hover {
  cursor: pointer;
}
.component.group_settings .scrollable_1, .component.group_settings .scrollable_2, .component.group_settings .scrollable_3, .component.group_settings .scrollable_4, .component.group_settings .scrollable_5 {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 425px;
}
.component.group_settings .ord_1:hover, .component.group_settings .ord_2:hover, .component.group_settings .ord_3:hover, .component.group_settings .ord_4:hover, .component.group_settings .ord_5:hover {
  background: rgb(218, 218, 218);
  background: -moz-linear-gradient(top, rgb(218, 218, 218) 0%, rgb(242, 242, 242) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(218, 218, 218)), color-stop(100%, rgb(242, 242, 242)));
  background: -webkit-linear-gradient(top, rgb(218, 218, 218) 0%, rgb(242, 242, 242) 100%);
  background: -o-linear-gradient(top, rgb(218, 218, 218) 0%, rgb(242, 242, 242) 100%);
  background: -ms-linear-gradient(top, rgb(218, 218, 218) 0%, rgb(242, 242, 242) 100%);
  background: linear-gradient(to bottom, rgb(218, 218, 218) 0%, rgb(242, 242, 242) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dadada", endColorstr="#f2f2f2",GradientType=0 );
}
.component.group_settings .div-table-col img {
  opacity: 0.3;
}
.component.group_settings .div-table-col img:hover {
  opacity: 1;
}
.component.group_settings #group_search, .component.group_settings #content_search, .component.group_settings #add_remove_search {
  display: none;
}
.component.group_settings .highlight {
  padding: 3px 0 4px 0;
  background: rgb(220, 255, 220);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#40000000",GradientType=0 );
}
.component.group_settings .selected_button {
  background-color: #b7c761;
  background: -moz-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(191, 210, 85)), color-stop(50%, rgb(142, 185, 42)), color-stop(51%, rgb(114, 170, 0)), color-stop(100%, rgb(158, 203, 45))) !important;
  background: -webkit-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -o-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: -ms-linear-gradient(top, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  background: linear-gradient(to bottom, rgb(191, 210, 85) 0%, rgb(142, 185, 42) 50%, rgb(114, 170, 0) 51%, rgb(158, 203, 45) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bfd255", endColorstr="#9ecb2d",GradientType=0 ) !important;
}
.component.group_settings .callback_message {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
}
.component.group_settings .callback_message table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  font-family: arial;
}
.component.group_settings .callback_message table tr {
  text-align: left;
}
.component.group_settings .callback_message table tr th {
  background-color: #dddddd;
  padding: 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component.group_settings .callback_message table tr td {
  padding: 0px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component.group_settings .button_bar {
  text-align: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #ccc;
}
.component.group_settings .disabled_row, .component.group_settings .temp_disabled_row, .component.group_settings .disabled_row:hover, .component.group_settings .temp_disabled_row:hover {
  color: #ccc;
  cursor: not-allowed;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 );
}
.component.group_settings .disabled_row.active_row {
  color: #aaa;
}
.component.group_settings .optOut_row {
  color: #ccc;
}
.component.group_settings .optOut_row.active_row {
  color: #aaa;
}
.component.group_settings .disabled_title {
  cursor: not-allowed;
}
.component.group_settings .disabled_title:hover {
  background: rgb(229, 229, 229);
  background: -moz-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(229, 229, 229)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e5e5e5", endColorstr="#ffffff",GradientType=0 );
}
.component.group_settings .dialog_x {
  float: right;
  position: relative;
  top: -3px;
  right: -2px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.5;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.component.group_settings .dialog_x:hover {
  opacity: 1;
}
.component.group_settings .ui-state-highlight {
  height: 25px;
}
.component.group_settings .edit_group, .component.group_settings .remove_group, .component.group_settings .edit_user, .component.group_settings .remove_user, .component.group_settings .remove_sensor {
  font-size: 10px;
  line-height: 9px;
  position: relative;
  top: -1px;
  padding: 0 5px;
  border-radius: 5px;
}

#sensor_settings_wrapper #sensor_settings_alarm_group_content, #sensor_settings_wrapper #sensor_settings_sdr_group_content,
#composite_sensor_settings_wrapper #sensor_settings_alarm_group_content,
#composite_sensor_settings_wrapper #sensor_settings_sdr_group_content {
  clear: both;
  margin: 7px 0 11px 0;
  width: 221px;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  max-height: 56px;
  overflow-y: auto;
}

.w-1 {
  width: 1%;
}

.w-2 {
  width: 2%;
}

.w-3 {
  width: 3%;
}

.w-4 {
  width: 4%;
}

.w-5 {
  width: 5%;
}

.w-6 {
  width: 6%;
}

.w-7 {
  width: 7%;
}

.w-8 {
  width: 8%;
}

.w-9 {
  width: 9%;
}

.w-10 {
  width: 10%;
}

.w-11 {
  width: 11%;
}

.w-12 {
  width: 12%;
}

.w-13 {
  width: 13%;
}

.w-14 {
  width: 14%;
}

.w-15 {
  width: 15%;
}

.w-16 {
  width: 16%;
}

.w-17 {
  width: 17%;
}

.w-18 {
  width: 18%;
}

.w-19 {
  width: 19%;
}

.w-20 {
  width: 20%;
}

.w-21 {
  width: 21%;
}

.w-22 {
  width: 22%;
}

.w-23 {
  width: 23%;
}

.w-24 {
  width: 24%;
}

.w-25 {
  width: 25%;
}

.w-26 {
  width: 26%;
}

.w-27 {
  width: 27%;
}

.w-28 {
  width: 28%;
}

.w-29 {
  width: 29%;
}

.w-30 {
  width: 30%;
}

.w-31 {
  width: 31%;
}

.w-32 {
  width: 32%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-35 {
  width: 35%;
}

.w-36 {
  width: 36%;
}

.w-37 {
  width: 37%;
}

.w-38 {
  width: 38%;
}

.w-39 {
  width: 39%;
}

.w-40 {
  width: 40%;
}

.w-41 {
  width: 41%;
}

.w-42 {
  width: 42%;
}

.w-43 {
  width: 43%;
}

.w-44 {
  width: 44%;
}

.w-45 {
  width: 45%;
}

.w-46 {
  width: 46%;
}

.w-47 {
  width: 47%;
}

.w-48 {
  width: 48%;
}

.w-49 {
  width: 49%;
}

.w-50 {
  width: 50%;
}

.w-51 {
  width: 51%;
}

.w-52 {
  width: 52%;
}

.w-53 {
  width: 53%;
}

.w-54 {
  width: 54%;
}

.w-55 {
  width: 55%;
}

.w-56 {
  width: 56%;
}

.w-57 {
  width: 57%;
}

.w-58 {
  width: 58%;
}

.w-59 {
  width: 59%;
}

.w-60 {
  width: 60%;
}

.w-61 {
  width: 61%;
}

.w-62 {
  width: 62%;
}

.w-63 {
  width: 63%;
}

.w-64 {
  width: 64%;
}

.w-65 {
  width: 65%;
}

.w-66 {
  width: 66%;
}

.w-67 {
  width: 67%;
}

.w-68 {
  width: 68%;
}

.w-69 {
  width: 69%;
}

.w-70 {
  width: 70%;
}

.w-71 {
  width: 71%;
}

.w-72 {
  width: 72%;
}

.w-73 {
  width: 73%;
}

.w-74 {
  width: 74%;
}

.w-75 {
  width: 75%;
}

.w-76 {
  width: 76%;
}

.w-77 {
  width: 77%;
}

.w-78 {
  width: 78%;
}

.w-79 {
  width: 79%;
}

.w-80 {
  width: 80%;
}

.w-81 {
  width: 81%;
}

.w-82 {
  width: 82%;
}

.w-83 {
  width: 83%;
}

.w-84 {
  width: 84%;
}

.w-85 {
  width: 85%;
}

.w-86 {
  width: 86%;
}

.w-87 {
  width: 87%;
}

.w-88 {
  width: 88%;
}

.w-89 {
  width: 89%;
}

.w-90 {
  width: 90%;
}

.w-91 {
  width: 91%;
}

.w-92 {
  width: 92%;
}

.w-93 {
  width: 93%;
}

.w-94 {
  width: 94%;
}

.w-95 {
  width: 95%;
}

.w-96 {
  width: 96%;
}

.w-97 {
  width: 97%;
}

.w-98 {
  width: 98%;
}

.w-99 {
  width: 99%;
}

.w-100 {
  width: 100%;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.center {
  display: block;
  margin: auto;
}

#alarm_events_management #filter-container {
  width: 100%;
}
#alarm_events_management #alarm-event-filters {
  width: 100%;
  text-align: justify;
}
#alarm_events_management #alarm-event-filters > * {
  width: 18%;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
#alarm_events_management #remedial-actions-date-range > * {
  margin-right: 2px;
}
#alarm_events_management .sorting_1 {
  background-color: unset;
}
#alarm_events_management .sorting_2 {
  background-color: unset;
}
#alarm_events_management .active_sensor {
  background: #cdeb8e !important;
  background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdeb8e), color-stop(100%, #a5c956)) !important;
  background: -webkit-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -o-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: -ms-linear-gradient(top, #cdeb8e 0%, #a5c956 100%) !important;
  background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cdeb8e", endColorstr="#a5c956",GradientType=0 ) !important;
}
#alarm_events_management .alarm-events-options {
  padding-bottom: 10px;
}
#alarm_events_management .alarm-events-options > * {
  display: inline-block;
  margin-right: 5px;
}
#alarm_events_management #alarm_event_table {
  border-collapse: collapse;
  font-family: arial;
  width: 100%;
}
#alarm_events_management #alarm_event_table tr {
  text-align: left;
}
#alarm_events_management #alarm_event_table tr th {
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #E5E5E5;
  padding: 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
#alarm_events_management #alarm_event_table tr td {
  border: 1px solid #cccccc;
  padding: 0px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70px;
}
#alarm_events_management .truncate {
  max-width: 100px !important;
}
#alarm_events_management .dataTables_wrapper .fg-toolbar:last-of-type {
  border-top: none;
}
#alarm_events_management .quick_analytics {
  margin: 0 0 -2px -1px;
  height: 14px;
}
#alarm_events_management .dropdown {
  overflow: hidden;
}
#alarm_events_management .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
#alarm_events_management .dropdown-content a {
  float: none;
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
}
#alarm_events_management .dropdown-content a:hover {
  background-color: #f1f1f1;
  cursor: default;
}
#alarm_events_management .action-dropdown {
  width: 100px;
}

#remedial-actions-log, #alarm-causes-log {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

#remedial-action-log-show, #alarm-causes-log-show {
  text-decoration: underline;
  cursor: pointer;
}

.log {
  margin-bottom: 10px;
  margin-top: 10px;
}
.log th {
  width: 33%;
}

#add_remedial_action_popup #stored_actions {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 123px;
}
#add_remedial_action_popup #stored_actions table {
  border-collapse: collapse;
  font-family: arial;
}
#add_remedial_action_popup #stored_actions table tr {
  text-align: left;
}
#add_remedial_action_popup #stored_actions table tr th {
  border: 1px solid #cccccc;
  background-color: #dddddd;
  padding: 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
#add_remedial_action_popup #stored_actions table tr th {
  cursor: default;
}
#add_remedial_action_popup #stored_actions table tr td {
  border: 1px solid #cccccc;
  padding: 0px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

#add_alarm_event_cause_popup #stored_causes {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 123px;
}
#add_alarm_event_cause_popup #stored_causes table {
  border-collapse: collapse;
  font-family: arial;
}
#add_alarm_event_cause_popup #stored_causes table tr {
  text-align: left;
}
#add_alarm_event_cause_popup #stored_causes table tr th {
  border: 1px solid #cccccc;
  background-color: #dddddd;
  padding: 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
#add_alarm_event_cause_popup #stored_causes table tr th {
  cursor: default;
}
#add_alarm_event_cause_popup #stored_causes table tr td {
  border: 1px solid #cccccc;
  padding: 0px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

/*# sourceMappingURL=main.css.map */