@charset "UTF-8";
/* ------------------------------------------------------------------------------------- */
/* BRAND STYLES - Optima Brand Styles - To brand for a customer, copy this file to be    */
/* called themeCustomer.scss, and edit the **COPY**, not **this** file. There are fuller */
/* instructions on the customer branding process in the comments in _themeCustomer.scss  */
/* ------------------------------------------------------------------------------------- */
/* IMPORTS */
/* $background: #fff !default;
$color: #000 !default; */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

html {
  font-size: 100%;
  /* background: $background;
  color: $color; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 1em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "“" "”" "‘" "’";
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/* Green */
/* Green */
/* Dark Blue */
/* BID BLUE */
/* Dark Blue */
/* Orange */
/* BRAND LOGO - TOP MENU BAR */
/* BRAND BACKGROUND - Logon Screen Cloud Background */
/* BRAND LOGO - Logon Screen Foreground */
/* BRAND FONT */
/* ---------------------------------------------------------------------------- */
/* THEME STYLES - For Optima - To brand for a customer, see above               */
/* ---------------------------------------------------------------------------- */
/* Light Yellow */
/*
Below are the variables for the body padding and width. In the calc function the 128px is the sum of the left and right padding.
*/
#page-header #hamburgerBar a.selected::before {
  background-color: #005d22;
}

#page-header #hamburgerBar a.selected {
  background-color: #005d22;
}

#loginBtn {
  border-radius: 3em;
}

#forgotBtn {
  border-radius: 3em;
}

div.header {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000;
  font-weight: 500;
  font-size: 18px;
  padding: 20px 2%;
  position: relative; /* Added to allow the pseudo-element to position itself relative to this div */
}

div.header::after {
  content: "";
  display: block;
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px solid black;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#body {
  margin: 0% 1%;
  padding-bottom: 0%;
  display: inline-block;
  width: calc(100% - 128px);
  padding: 0 64px;
}

#third-nav {
  padding: 20px 34px;
}
#third-nav h2 {
  padding: 0.3em 0em 0.3em 1em;
}
#third-nav #third-nav-links {
  padding-left: 35px;
}
#third-nav #third-nav-title {
  padding-left: 9px;
}

#content .tab-content[data-tab] {
  background-color: white;
  padding: 2%;
  padding-top: 3px;
  border-top: 0px;
}

.header + .tab-content {
  background-color: white;
  padding: 2%;
  padding-top: 3px;
  border-top: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div#hamburgerBarMenu a:hover {
  cursor: pointer;
}

div#buttonbar {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 10px 0px;
}

.sidebar {
  display: none;
  position: fixed;
  left: -250px;
  top: 70px;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.sidebar .sidebar_div {
  position: fixed;
  left: 0px;
  top: 70px;
  overflow-y: auto;
  width: 250px;
  height: 100%;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  transition: left 0.3s;
  z-index: 999;
}
.sidebar .sidebar_div .sidebar_header {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #000;
}
.sidebar .sidebar_div .sidemenu_items {
  margin-top: 25px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown {
  display: none;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown {
  position: relative;
  cursor: pointer;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url(../img/angle-down-blue.svg);
  background-repeat: no-repeat;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown:hover.sidemenu_dropdown::after {
  background-image: url(../img/angle-down-white.svg);
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown.highlight_open.sidemenu_dropdown {
  border-radius: 10px;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown.highlight_open.sidemenu_dropdown::after {
  background-image: url(../img/angle-up-white.svg);
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown p {
  padding: 15px 15px;
  border-radius: 10px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown a {
  border-radius: 12px;
  padding: 10px 10px;
}
.sidebar .sidebar_div .sidemenu_items p {
  padding: 15px 10px;
  margin-bottom: 2px;
}
.sidebar .sidebar_div .sidemenu_items a {
  padding: 10px 0;
  height: auto;
  width: 87%;
}
.sidebar .sidebar_div .sidemenu_items p:hover {
  border-radius: 12px;
}

#userMenu img {
  height: 19px;
  width: 19px;
}
#userMenu {
  cursor: pointer;
}

#body .header button.header-tab {
  margin-left: 10px;
}
#body .header button.header-tab.selected {
  border: none;
}

/* FORM CONTROLS */
#buttonbar, .buttonbar {
  width: 100%;
  background-color: #005d22;
  float: left;
  text-align: center;
}
#buttonbar button, #buttonbar a, .buttonbar button, .buttonbar a {
  background: transparent;
  border: 0;
  margin-right: 10px;
  cursor: pointer;
}
#buttonbar button, #buttonbar a, .buttonbar button, .buttonbar a {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
#buttonbar button span,
#buttonbar a span, .buttonbar button span,
.buttonbar a span {
  display: block;
  text-transform: capitalize;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
#buttonbar button span:first-child,
#buttonbar a span:first-child, .buttonbar button span:first-child,
.buttonbar a span:first-child {
  display: block;
  height: 21px;
  width: 38px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
  top: 0em;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
}

#body button.table-pagination {
  border-radius: 5px;
  margin-right: 1em;
}

input[type=submit], button {
  border-radius: 5px;
}

/* BLUE */
/* GREEN */
/* DARK GREEN */
/* DARKEST GREEN */
/* GREY */
/* LIGHT GREY */
/* BRAND LOGO - TOP MENU BAR */
/* BRAND BACKGROUND - Logon Screen Cloud Background */
/* BRAND LOGO - Logon Screen Foreground */
/* BRAND FONT */
/* ---------------------------------------------------------------------------- */
/* THEME STYLES - For Optima - To brand for a customer, see above               */
/* ---------------------------------------------------------------------------- */
.menuWrapper > ul > li.active {
  background: #66c124 !important;
}

#loginBtn, #forgotBtn {
  color: #ffffff !important;
}

#hamburgerBar a:hover {
  background-color: #66c124 !important;
}

#topMenu #global-search-icon:hover {
  background-color: #66c124 !important;
}

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 5em;
  height: 1.5em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

/* MIXINS */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* THEME FONTS */
@font-face {
  font-family: "responsivenav";
  src: url("../img/responsivenav.eot");
  src: url("../img/responsivenav.eot?#iefix") format("embedded-opentype"), url("../img/responsivenav.ttf") format("truetype"), url("../img/responsivenav.woff") format("woff"), url("../img/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* GENERIC */
body, div, h1, h2, p, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font: 100% "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #323a45;
  background-color: #eef0f3;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  margin: 0 0 100px 0; /* 100px to allow for button bar sticky footer */
}

a {
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  outline: 0;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}

.noDisplay {
  display: none !important;
  width: 0;
  height: 0;
  border: 0;
}

/* FORMS */
::-webkit-input-placeholder {
  font-weight: 400;
  color: #323a45;
  opacity: 0.5;
}

:-moz-placeholder {
  font-weight: 400;
  color: #323a45;
  opacity: 0.5;
}

::-moz-placeholder {
  font-weight: 400;
  color: #323a45;
  opacity: 0.5;
}

:-ms-input-placeholder {
  font-weight: 400;
  color: #323a45;
  opacity: 1;
}

form {
  padding: 0;
}

label {
  display: block;
  padding: 1.5em 0 0.5em 0;
}

input, .text-areaedit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.7em;
  color: #323a45;
  border: 2px solid #d0d6de;
  font-weight: 700;
  background: #ffffff;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input[type=file] {
  padding: 0.5em;
  height: auto !important;
}

.text-area, .text-areaedit {
  height: 126.79px;
  resize: none;
}

.autoOverflow {
  overflow: auto;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=file],
input[type=month], input[type=password], input[type=search], input[type=time],
input[type=url], input[type=week] {
  width: 99%;
}

input[type=radio] {
  width: 20px;
  height: 20px;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  -ms-appearance: radio;
  border: 0px;
}

input[type=checkbox] {
  width: 20px;
  height: 20px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  border: 0px;
}

select {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.7em 1% 0.7em 1%;
  height: 41px;
  color: #323a45;
  border: 2px solid #d0d6de;
  font-weight: 700;
  border-radius: 0;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 15px 15px;
  background-position: right 10px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

select[readonly] {
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
}

/* Select - remove our own drop down icon for IE9 and IE10 (use IE's standard one) */
@media screen and (min-width: 0\0 ) {
  select {
    background-image: none;
    padding: 5px;
  }
}
option {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  line-height: 2em;
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.7em 3% 0.7em 3%;
  color: #323a45;
  border: 2px solid #d0d6de;
  background-color: #ffffff;
  font-weight: 700;
  resize: vertical;
  line-height: 1.2em;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 100%;
  min-height: 100px;
}

input[readonly], input:disabled, select:disabled, select[readonly], textarea[readonly], textarea:disabled {
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
}

input.error, input.validationMessage {
  border: 2px solid #d14242;
}

select.error, select.validationMessage {
  border: 2px solid #d14242;
}

#miniMap {
  height: 407px;
  margin-top: 1.5em;
  pointer-events: none;
  cursor: default;
}

#what3wordModalMap {
  width: 100%;
  margin-top: 1.5em;
  clear: both;
}

div.error, span.error, div.validationMessage, span.validationMessage {
  display: inline-block;
  border: 0 !important;
  color: #d14242;
  font-weight: 700;
  padding: 0.2em 0 1em 0;
}

.left-text-align {
  text-align: left !important;
}

/* FOOTERS */
#footer {
  margin: 0;
  padding: 0;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 50;
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0.3s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0.3s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0.3s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0.3s linear 0.3s, opacity 0.3s linear;
}

#confirmbar {
  background: #596069;
  color: #ffffff;
  font-size: 0.9em;
  padding: 0;
  text-align: center;
  font-weight: 700;
}
#confirmbar div {
  padding: 15px 0 15px 0;
  display: table;
  position: relative;
  width: 100%;
}
#confirmbar .confirmbar-button {
  height: 21px;
  width: 21px;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  float: right;
  cursor: pointer;
}
#confirmbar .confirmbar-no {
  background-image: url("../Images/Footer/no-light.png");
}
#confirmbar .confirmbar-yes {
  background-image: url("../Images/Footer/yes-light.png");
}
#confirmbar .confirmbar-message {
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
}

#messagebar {
  background: #323a45;
  color: #ffffff;
  font-size: 0.9em;
  padding: 0;
  text-align: center;
  font-weight: 700;
}
#messagebar div {
  padding: 15px 0px 15px 0px;
  display: table;
  position: relative;
  width: 100%;
}
#messagebar .success {
  background-color: #4c4b4b;
  background: url(../img/tick-wht.svg) center left no-repeat;
  background-size: 60px 60px;
  padding: 2.2em 0 2.2em 0em;
}
#messagebar .error {
  background-color: #d14242;
  border-top: 5px #ffffff solid;
  color: #ffffff;
  padding: 2.2em 0 2.2em 0em;
}
#messagebar .error a {
  font-weight: 700;
  color: #ffffff;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
#messagebar .error a:hover {
  color: #323a45;
}
#messagebar .messagebar-clear {
  height: 21px;
  width: 21px;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  float: right;
  cursor: pointer;
  background-image: url("../Images/Footer/no-light.png");
}
#messagebar ul {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}

#activity-icon {
  position: fixed;
  bottom: 10px;
  left: 2px;
  margin: 5px 20px;
  width: 32px;
  height: 32px;
  /*background-size: 64px 64px;*/
  background-color: transparent;
  background-image: url(../img/progress-small.gif);
  -webkit-animation: none;
  animation: none;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 99;
}

#update-error-messages .messagebar-clear {
  height: 21px;
  width: 21px;
  background: none;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  float: right;
  cursor: pointer;
  background-image: url("../Images/Footer/no.png");
  padding-left: 2em;
}
#update-error-messages .error {
  background-color: #d14242;
  border-top: 5px #ffffff solid;
  color: #ffffff;
  padding: 2.2em 0 2.2em 0em;
}

#buttonbar, .buttonbar {
  background-color: #66c124;
}

#buttonbar {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 10px 0px;
}

/* LOGIN PAGE */
.loginContainer {
  background: #323a45;
  height: 100%;
  min-height: 100%;
  overflow: visible;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.loginContainer::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 47%;
  height: 100%;
  background-image: url(../img/login-vector-bg.svg) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.loginContainer::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 0px;
  width: 200px;
  height: 90px;
  background-image: url(../Images/Customers/utility-buyers-23c53426/logo.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.loginContainer .content {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  min-width: 300px;
  max-width: 500px;
  width: 400px;
  height: 460px;
  min-height: 300px;
  padding: 3.5em 3em 1em 3em;
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200px;
  -ms-background-position-y: -65px;
  background-color: #fff;
  display: block;
  color: #4c4b4b !important;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.loginContainer .mfa-content {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  min-width: 300px;
  max-width: 530px;
  width: 100%;
  height: 460px;
  min-height: 400px;
  padding: 6em 3em 1em 3em;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.loginContainer .mfa-content .mfaSetup {
  font-size: 0.9em;
  display: block;
  width: 100%;
  color: white;
  background-image: none;
  float: left;
  color: white;
  background-image: none !important;
}
.loginContainer .mfa-content .mfaSetup ul {
  list-style: none;
}
.loginContainer .mfa-content .mfaSetup ul li {
  padding-left: 2em;
  padding-bottom: 0.6em;
}
.loginContainer .mfa-content .mfaSetup button {
  width: 48%;
  float: left;
  margin-right: 4%;
  padding: 0.6em 0 0.6em 0;
}
.loginContainer .header-login h2 {
  padding-bottom: 5px !important;
  font-weight: 700;
  font-size: 32px;
}
.loginContainer .header-login p {
  padding-bottom: 26px !important;
}
.loginContainer form {
  margin: auto;
  color: #ffffff;
  padding: 0;
}
.loginContainer label {
  font-size: 0.9em;
  display: block;
  width: 100%;
  float: left;
}
.loginContainer input {
  padding: 0.8em 4% 0.8em 4%;
  border: 1px solid #ffffff !important;
  margin-bottom: 10px !important;
  border-radius: 3px !important;
}
.loginContainer input[type=password] {
  width: 100% !important;
}
.loginContainer input.error,
.loginContainer input.validationMessage {
  border: 3px solid #d14242;
}
.loginContainer div.error,
.loginContainer span.error,
.loginContainer div.validationMessage,
.loginContainer span.validationMessage {
  font-size: 0.9em;
  padding: 0.4em 0 0 0;
  display: inline-block;
  width: 100%;
  float: left;
}
.loginContainer input[type=submit], .loginContainer button {
  background-color: #66c124;
  text-align: center;
  border: 3px solid transparent;
  margin: 1.3em 0 1em 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.loginContainer input[type=submit]:hover,
.loginContainer button:hover {
  background-color: #4c4b4b;
}
.loginContainer #forgotten input {
  background-color: #596069;
  text-align: center;
  margin: 0 0 0.7em 0;
  display: block;
  border: 3px solid transparent;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.7em 3% 0.7em 3%;
  color: #323a45;
  font-weight: 400;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.loginContainer #forgotten input:hover {
  background-color: #4c4b4b;
}
.loginContainer #loginBtn {
  background: #4c4b4b;
  background-color: #66c124;
  border: none !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border-radius: 10px !important;
  color: white !important;
}
.loginContainer #loginBtn:hover {
  background-color: #4c4b4b;
}
.loginContainer #forgotBtn {
  background: transparent !important;
  border: none !important;
  border-radius: 3em;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  color: #828282 !important;
  font-weight: 300 !important;
  font-size: 13px !important;
}

/* PAGE TEMPLATE */
#page-header {
  height: auto;
  max-height: 50px;
  width: 100%;
  background: #284699;
  float: left;
  z-index: 2;
  position: relative;
  padding: 10px 0px;
  -webkit-transition: visibility 0.1s linear 0.1s, opacity 0.1s linear, height 0.1s linear;
  -moz-transition: visibility 0.1s linear 0.1s, opacity 0.1s linear, height 0.1s linear;
  -o-transition: visibility 0.1s linear 0.1s, opacity 0.1s linear, height 0.1s linear;
  transition: visibility 0.1s linear 0.1s, opacity 0.1s linear, height 0.1s linear;
}
#page-header #logo {
  width: 15%;
}
#page-header #logo a {
  background: url(../Images/Customers/utility-buyers-23c53426/logo.png) left no-repeat;
  width: 155px;
  height: 34px;
  padding: 0px 20px 20px 20px;
  margin-left: 20px;
  background-size: 185px;
  float: left;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
}
#page-header #hamburgerBar {
  display: block;
  width: 85%;
  top: 10px;
  left: 15%;
  padding-left: 20px;
  /*padding-top: 10px;*/
}
#page-header #hamburgerBar #hamburgerBarMenu {
  top: 10px;
  display: block;
}
#page-header #hamburgerBar #hamburgerBarMenu a:hover {
  background-color: #4c4b4b !important;
  cursor: pointer;
}
#page-header #hamburgerBar #hamburgerBarMenu a.selected {
  background-color: #4c4b4b !important;
}
#page-header #hamburgerBar #hamburgerBarMenu a.selected-new {
  background-color: #4c4b4b !important;
}
#page-header #hamburgerBar a {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px !important;
  text-align: center;
  height: 40px;
  width: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50px;
}
#page-header #hamburgerBar a.selected {
  background-color: #4c4b4b;
  position: relative;
}
#page-header #hamburgerBar a.selected::before {
  background-color: #4c4b4b;
  content: "";
  position: absolute;
  top: -14.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#page-header #hamburgerBar a:visited {
  background-color: inherit;
}
#page-header #hamburgerBar a:hover, #page-header #hamburgerBar a:visited:hover {
  background-color: #4c4b4b;
}
#page-header #hamburgerBar a:active, #page-header #hamburgerBar a:visited:active {
  background-color: #3f3f3f;
}
#page-header #hamburgerBar .hamburgerBarButton {
  width: 40px;
  border-right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  padding: 0.6em;
  margin-right: 10px;
}
#page-header #hamburgerBar .hamburgerBarButton:hover {
  background-color: #4c4b4b !important;
}
#page-header #hamburgerBar #hamburger {
  background-image: url(../Images/Sidebar/hamburger-white.png);
  background-size: 24px;
}
#page-header #hamburgerBar #home {
  background-image: url(../Images/Sidebar/home-white.png);
}
#page-header #hamburgerBar #data {
  background-image: url(../Images/Sidebar/database-white.png);
}
#page-header #hamburgerBar #webDocuments {
  background-image: url(../Images/Sidebar/documents-white.png);
}
#page-header #hamburgerBar #visualizer {
  background-image: url(../Images/Sidebar/report-chart-white.png);
}
#page-header #hamburgerBar #targets {
  background-image: url(../Images/Sidebar/reports-white.png);
}
#page-header #hamburgerBar #emissions {
  background-image: url(../Images/Sidebar/emissions-white.png);
}
#page-header #hamburgerBar #billing {
  background-image: url(../Images/Sidebar/billing-white.svg);
}
#page-header #hamburgerBar #tariffs {
  background-image: url(../Images/Sidebar/tariff-white.svg);
}
#page-header #hamburgerBar #budgeting {
  background-image: url(../Images/Sidebar/budgeting-white.svg);
}
#page-header #hamburgerBar #query-manager {
  background-image: url(../img/question-circle.svg);
}
#page-header #hamburgerBar #favourites {
  float: right;
  background-image: url(../img/favorites-wht.svg);
}
#page-header #hamburgerBar a#recentlyViewed {
  float: right;
  background-image: url(../img/viewed-wht.svg);
}
#page-header #hamburgerBar a#notificationsButton {
  float: right;
  background-image: url(../img/notifications.svg);
}
#page-header #hamburgerBar a#notificationsButton.notification-icon-unread {
  float: right;
  background-image: url(../img/notifications-unread.svg);
}
#page-header #hamburgerBar a#settingsButton {
  float: right;
  background-image: url(../img/icon-settings.svg);
  cursor: pointer;
}
#page-header #hamburgerBar a#exchangeButton {
  float: right;
  background-image: url(../img/exchange-alt-wht.svg);
  cursor: pointer;
  background-size: 25px;
}
#page-header #hamburgerBar a#helpButton {
  float: right;
  background-image: url(../img/help-wht.svg);
}
#page-header #hamburgerBar a#mycases {
  float: right;
  background-image: url(../img/briefcase-wht.svg);
}
#page-header #hamburgerBar .nav-collapse {
  top: 0;
  width: 100%;
  position: relative;
}

.top-warning-banner {
  padding: 0.5em 0;
  text-align: center;
  background-color: red !important;
  color: white;
  width: 100%;
  height: 1.5em;
  display: block !important;
  margin: auto;
}

#realBody {
  background-color: #eef0f3 !important;
}

div.header {
  background-color: #fff !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000 !important;
  font-weight: 500;
  font-size: 18px;
  padding: 20px 2% !important;
  position: relative; /* Added to allow the pseudo-element to position itself relative to this div */
}
div.header::after {
  content: "";
  display: block;
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px solid black;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
div.header a {
  color: inherit;
  text-decoration: underline;
}
div.header a:hover {
  text-decoration: none;
  cursor: pointer;
}

.sidebar {
  display: none;
  position: fixed;
  left: -250px;
  top: 70px;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.sidebar .sidebar_div {
  position: fixed;
  left: 0px;
  top: 70px;
  overflow-y: auto;
  width: 250px;
  height: 100%;
  background-color: #f4f4f4;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  transition: left 0.3s;
  z-index: 999;
}
.sidebar .sidebar_div .sidebar_header {
  font-size: 18px;
  font-weight: 600;
  color: #66c124;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #000;
}
.sidebar .sidebar_div .sidemenu_items {
  margin-top: 25px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown {
  display: none;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown {
  position: relative;
  cursor: pointer;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown.show_dropdown {
  background: #38D430;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url(../img/angle-down-blue.svg);
  background-repeat: no-repeat;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown:hover.sidemenu_dropdown::after {
  background-image: url(../img/angle-down-white.svg);
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown.highlight_open.sidemenu_dropdown {
  background: #282d42 !important;
  color: #fff !important;
  border-radius: 10px !important;
}
.sidebar .sidebar_div .sidemenu_items .sidemenu_dropdown.highlight_open.sidemenu_dropdown::after {
  background-image: url(../img/angle-up-white.svg) !important;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown p {
  padding: 15px 15px;
  color: #4c4b4b;
  background: #d8d8d8;
  border-radius: 10px;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown p:hover {
  background: #005d22;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown a {
  background: #d8e8f7;
  border-radius: 12px;
  padding: 10px 10px !important;
}
.sidebar .sidebar_div .sidemenu_items .mutli_link_dropdown.show_dropdown a:hover {
  color: #4c4b4b;
}
.sidebar .sidebar_div .sidemenu_items p {
  padding: 15px 10px;
  color: #4c4b4b;
  margin-bottom: 2px;
}
.sidebar .sidebar_div .sidemenu_items p:hover {
  border-radius: 12px;
  background: #005d22;
  color: #4c4b4b;
}
.sidebar .sidebar_div .sidemenu_items p:hover a {
  background: #005d22;
  color: #4c4b4b;
}
.sidebar .sidebar_div .sidemenu_items a {
  padding: 10px 0 !important;
  height: auto !important;
  width: 87%;
  color: #66c124;
}
.sidebar .sidebar_div .sidemenu_items a:visited {
  color: #66c124;
}
.sidebar .sidebar_div .sidemenu_items a:hover {
  color: #4c4b4b !important;
}
.sidebar {
  /*.sidebar_content {
      padding: 40px;

      .sidebar_header {
          font-size: 18px;
          font-weight: 600;
          color: #284699;
          padding: 0 0 20px 0;
          border-bottom: 1px solid #000
      }

      .sidemenu_items a {
          padding: 15px;
          cursor: pointer;
          color: #284699;
          height: 30px
      }
  }*/
}

/* EMISSIONS CORE DATA NAV BAR */
#coredata-nav {
  width: 100%;
  background: #66c124;
  font-weight: 700;
  float: left;
  height: 40px;
  margin-top: 1%;
}

.coredataNavBar a {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.6em 1.2em 0em 1.2em;
  margin: 0;
  text-align: center;
  height: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  width: 25%;
}
.coredataNavBar a:hover {
  background-color: #4c4b4b;
}
.coredataNavBar a:active {
  background-color: #3f3f3f;
}
.coredataNavBar a:visited {
  background-color: inherit;
}
.coredataNavBar a:visited:hover {
  background-color: #4c4b4b;
}
.coredataNavBar a:visited:active {
  background-color: #3f3f3f;
}
.coredataNavBar a.selected {
  position: relative;
  background-color: #3f3f3f;
}
.coredataNavBar a.selected:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  background: url(../img/arrow.svg) bottom center no-repeat;
}
.coredataNavBar.enterprise a {
  width: 33.33%;
}

/* EMISSIONS CONFIGURATION NAV BAR */
#configuration-nav {
  width: 100%;
  background: #66c124;
  font-weight: 700;
  float: left;
  height: 40px;
  margin-top: 1%;
}

.configurationNavBar a {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.6em 1.2em 0em 1.2em;
  margin: 0;
  text-align: center;
  height: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  width: 50%;
}
.configurationNavBar a:visited {
  background-color: inherit;
}
.configurationNavBar a:hover,
.configurationNavBar a:visited:hover {
  background-color: #4c4b4b;
}
.configurationNavBar a:active,
.configurationNavBar a:visited:active {
  background-color: #3f3f3f;
}
.configurationNavBar a.selected {
  position: relative;
  background-color: #3f3f3f;
}
.configurationNavBar a.selected:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  background: url(../img/arrow.svg) bottom center no-repeat;
}

/* BOOLEAN RADIO BUTTON */
#boolRadio label {
  float: left;
  margin-right: 2em;
  margin-top: 0.8em;
  padding: 0;
  font-weight: bold;
}

#boolRadio input {
  vertical-align: bottom;
  margin-right: 0.5em;
}

#emissionType {
  width: 15%;
  float: left;
  clear: left;
  vertical-align: central;
}
#emissionType b {
  float: left;
  clear: left;
  margin-left: 6px;
  height: 32px;
  margin-top: 14px;
}

#emissionValues {
  width: 84%;
  float: left;
}
#emissionValues input {
  margin-top: 5px;
}
#emissionValues select {
  margin-top: 5px;
}
#emissionValues span {
  margin-top: 5px;
}

#conversionValues {
  width: 84%;
  float: left;
}
#conversionValues input {
  margin-top: 5px;
}
#conversionValues select {
  margin-top: 5px;
}

.haslookupbutton input {
  width: 80%;
  float: left;
  margin-right: 1em;
}
.haslookupbutton span {
  clear: left;
  float: left;
}
.haslookupbutton button {
  margin: 0 !important;
}

/* PROCESSES NAV BAR */
#processes-nav {
  width: 100%;
  background: #66c124;
  font-weight: 700;
  float: left;
  height: 40px;
  margin-top: 1%;
}

.processesNavBar a {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.6em 1.2em 0em 1.2em;
  margin: 0;
  text-align: center;
  height: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  width: 33.33%;
}
.processesNavBar a:visited {
  background-color: inherit;
}
.processesNavBar a:hover,
.processesNavBar a:visited:hover {
  background-color: #4c4b4b;
}
.processesNavBar a:active,
.processesNavBar a:visited:active {
  background-color: #3f3f3f;
}
.processesNavBar a.selected {
  position: relative;
  background-color: #3f3f3f;
}
.processesNavBar a.selected:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  background: url(../img/arrow.svg) bottom center no-repeat;
}

/* TARGET DEFINITIONS NAV BAR */
#target-definitions-nav {
  width: 100%;
  background: #66c124;
  font-weight: 700;
  float: left;
  height: 40px;
  margin-top: 1%;
}

.targetDefinitionsNavBar span {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.6em 1.2em 0em 1.2em;
  margin: 0;
  text-align: center;
  height: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  width: 50%;
  cursor: pointer;
}
.targetDefinitionsNavBar span:visited {
  background-color: inherit;
}
.targetDefinitionsNavBar span:hover,
.targetDefinitionsNavBar span:visited:hover {
  background-color: #4c4b4b;
}
.targetDefinitionsNavBar span:active,
.targetDefinitionsNavBar span:visited:active {
  background-color: #3f3f3f;
}
.targetDefinitionsNavBar span.selected {
  position: relative;
  background-color: #3f3f3f;
}
.targetDefinitionsNavBar span.selected:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../img/arrow.svg) bottom center no-repeat;
}

.targetDateInputBox {
  width: max-content;
  max-width: 30%;
  float: left;
  margin-right: 4px;
}

/* TARGET DETAILS ACTIVE RADIO */
#radioIsActive label {
  float: left;
  margin-right: 2em;
  margin-top: 0.8em;
  padding: 0;
  font-weight: bold;
}

#radioIsActive input {
  vertical-align: bottom;
  margin-right: 0.5em;
}

/* TARGET DEFINITIONS MONTHS */
#targetDefMonthsOfYear span, .monthsOfYear p {
  width: 10em;
  float: left;
}

#targetDefMonthsOfYear label, .monthsOfYear label {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  width: fit-content;
}

#targetDefMonthsOfYear input .monthsOfYear label {
  margin-right: 0.3em;
  vertical-align: bottom;
  height: 1.2em;
}

/* TARGET DEFINITIONS DAYS, Global Billing */
#targetDefDaysOfWeek span, .daysOfWeek p {
  width: 10em;
  float: left;
}

#targetDefDaysOfWeek label, .daysOfWeek label {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  width: fit-content;
}

#targetDefDaysOfWeek input, .daysOfWeek input {
  margin-right: 0.3em;
  vertical-align: bottom;
  height: 1.2em;
}

#selectAll span, .selectAll.monthsDays p {
  width: 10em;
}

.selectAll.monthsDays {
  clear: both;
}

#selectAll label {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  width: fit-content;
}

#selectAll input {
  margin-right: 0.3em;
  vertical-align: bottom;
  height: 1.2em;
}

/* TARGET DEFINITIONS FORMULA */
#targetDefFormula label {
  float: left;
  padding: 1em;
  vertical-align: middle;
}

#targetDefFormula input {
  width: 33%;
  float: left;
}

/* TARGET COSTS PER UNIT SPECIFIC */
.period-sub-header {
  background-color: #323a45;
  color: #ffffff;
  padding: 0.8em 1em 0.8em 1em;
  height: 1.2em;
  margin-top: 2em;
  margin-bottom: 0em;
  clear: both;
}
.period-sub-header .first {
  width: 22%;
  float: left;
  clear: left;
  margin: 0;
}
.period-sub-header .mid {
  width: 33%;
  float: left;
  margin: 0 0.5%;
}

/* HAMBURGER NAV BAR (2nd level Top nav-bar) */
#second-nav {
  width: 100%;
  background: #66c124;
  font-weight: 700;
  float: left;
  height: 40px;
}

/* 3rd level top nav-bar, with screen heading and shortcuts to each part of screen */
#third-nav {
  font-weight: 400;
  float: left;
  padding: 20px 34px;
  padding: 20px 34px;
  width: 96%;
}
#third-nav #third-nav-title,
#third-nav #third-nav-links {
  display: block;
}
#third-nav #third-nav-links {
  padding-left: 35px !important;
}
#third-nav #third-nav-title {
  padding-left: 9px !important;
}
#third-nav h2 {
  display: inline-block;
  top: 0.15em;
  font-weight: 700;
  font-size: 25px;
  color: #4c4b4b;
  padding: 0.3em 0em 0.3em 1em;
}
#third-nav .subInfo {
  display: inline;
  font-size: 0.6em;
  font-weight: 400;
  padding-left: 1em;
}
#third-nav .favourite-marker {
  width: 24px;
  height: 20px;
  margin-left: 8px;
  display: block;
  background: url(../img/favorites-off.svg) center no-repeat;
  background-size: 28px;
  text-indent: -9999px;
  float: right;
  position: relative;
  top: 3px;
}
#third-nav .favourite-marker:hover {
  background: url(../img/favorites-hover.svg) center no-repeat;
  background-size: 28px;
}
#third-nav .is-favourite {
  background: url(../img/favorites-on.svg) center no-repeat;
  background-size: 28px;
}
#third-nav div {
  display: inline-block;
}
#third-nav #tab-control {
  color: #ffffff;
  padding-left: 1em;
}
#third-nav #tab-control.actualTabs {
  clear: left;
}
#third-nav #tab-control a {
  font-size: 0.8em;
  padding: 0.2em 0.3em 0.3em 0.3em;
  margin: 0.5em 2px 0.5em 0px;
  font-weight: 400;
  font-size: 15px;
  background-color: #323a45;
  color: #ffffff;
  border-radius: 10px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border: 2px solid transparent;
  display: inline-block;
}
#third-nav #tab-control a:hover {
  background: #4c4b4b;
  border: 2px solid transparent;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#third-nav #tab-control a:active {
  background: #ffffff;
  color: #323a45;
  border: 2px solid #66c124;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#third-nav #tab-control a:hover.active {
  background: #4c4b4b;
  color: #ffffff;
  border: 2px solid #66c124;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#third-nav #tab-control a:disabled {
  background: #eeeeee;
  color: #323a45;
  border: 2px solid #323a45;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#third-nav .left-chevron-link {
  background: url("../Images/Content/left-chevron.png");
}
#third-nav .right-chevron-link {
  background: url("../Images/Content/right-chevron.png");
}
#third-nav.hidden {
  height: 0px;
  display: none;
}

div#query-manager {
  height: 24px;
  width: 24px;
  background-size: 24px;
  display: inline-block;
}
div#query-manager:hover {
  cursor: pointer;
}

.noQuery {
  background-image: url(../img/no-query.svg);
}

.hasQuery {
  background-image: url(../img/has-query.svg);
}

/*body.hasDashboardUnderMenu #third-nav {
        border-bottom: 0px;
    }*/
#nav-spacer {
  float: left;
  width: 100%;
  height: 2em;
  font-size: 0.9em;
}

/* Misc icons */
.object-button {
  height: 16px;
  width: 16px;
  display: inline-block;
  cursor: pointer;
  float: none;
  background-color: #66c124 !important;
}

.object-button-large {
  height: 24px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  float: none;
}

.dashboard-link {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background: url("../Images/Content/dashboard-icon2.png");
  border-radius: 12px;
}

a.dashboard-link:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b;
  border-radius: 12px;
}

.emissions-data-quality-link {
  float: left;
  margin-left: 20px;
}

.download-link {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background: url("../Images/Content/download-light.png");
  border-radius: 14px;
}

a.download-link:hover,
#third-nav a.download-link:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b;
  border-radius: 14px;
}

#third-nav .download-link {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background: url("../Images/Content/download.png");
  border-radius: 14px;
}

.export-pdf-link {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background: url("../Images/Content/exportPdf.png");
  width: 19px;
}

a.export-pdf-link:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b;
  border-radius: 2px;
}

.open-new-window {
  background: url("../Images/Content/open-new-window-light.png");
}

.open-new-window:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b;
  border-radius: 14px;
}

.history-link {
  background: url("../Images/Content/history-light.png");
  padding: 0;
}

.history-link:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b;
  border-radius: 14px;
}

.history-link-disabled {
  background-position: -16px;
}

.paddingRight {
  padding-right: 2em;
}

.paddingleft {
  padding-left: 2em;
}

/* Buttons */
#body button,
.popup-container button,
.error-popup-content button,
.popup button,
.ui-datepicker button,
.notification button,
.notification-popup button,
.helpHome button,
.help-content button,
.helpFooter button {
  font-size: 0.9em;
  padding: 0.8em 1em 0.8em 1em;
  margin: 1em 1px 0 1px;
  font-weight: 700;
  display: block;
  background-color: #323a45;
  color: #ffffff;
  margin-bottom: 1em;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border: 0px;
}
#body button:hover, #body button.hover,
.popup-container button:hover,
.popup-container button.hover,
.error-popup-content button:hover,
.error-popup-content button.hover,
.popup button:hover,
.popup button.hover,
.ui-datepicker button:hover,
.ui-datepicker button.hover,
.notification button:hover,
.notification button.hover,
.notification-popup button:hover,
.notification-popup button.hover,
.helpHome button:hover,
.helpHome button.hover,
.help-content button:hover,
.help-content button.hover,
.helpFooter button:hover,
.helpFooter button.hover {
  background: #4c4b4b;
}
#body button:active,
.popup-container button:active,
.error-popup-content button:active,
.popup button:active,
.ui-datepicker button:active,
.notification button:active,
.notification-popup button:active,
.helpHome button:active,
.help-content button:active,
.helpFooter button:active {
  background: #ffffff;
  color: #323a45;
}
#body button:hover.active,
.popup-container button:hover.active,
.error-popup-content button:hover.active,
.popup button:hover.active,
.ui-datepicker button:hover.active,
.notification button:hover.active,
.notification-popup button:hover.active,
.helpHome button:hover.active,
.help-content button:hover.active,
.helpFooter button:hover.active {
  background: #4c4b4b;
  color: #ffffff;
}
#body button:disabled,
.popup-container button:disabled,
.error-popup-content button:disabled,
.popup button:disabled,
.ui-datepicker button:disabled,
.notification button:disabled,
.notification-popup button:disabled,
.helpHome button:disabled,
.help-content button:disabled,
.helpFooter button:disabled {
  background: #dddddd;
  color: #323a45;
}

#body,
.popup-container,
.error-popup-content,
.popup,
.ui-datepicker,
.helpHome,
.help-content,
.helpFooter {
  margin: 0 0.1%;
  padding-bottom: 5%;
  font-size: 0.9em;
}
#body h1,
.popup-container h1,
.error-popup-content h1,
.popup h1,
.ui-datepicker h1,
.helpHome h1,
.help-content h1,
.helpFooter h1 {
  display: block;
  font-weight: 400;
  font-size: 1.5em;
  padding: 0.8em 0 1em 0;
}
#body h2,
.popup-container h2,
.error-popup-content h2,
.popup h2,
.ui-datepicker h2,
.helpHome h2,
.help-content h2,
.helpFooter h2 {
  display: block;
  font-weight: 400;
  font-size: 1.3em;
  padding: 0.8em 0 1em 0;
}
#body .header,
.popup-container .header,
.error-popup-content .header,
.popup .header,
.ui-datepicker .header,
.helpHome .header,
.help-content .header,
.helpFooter .header {
  background-color: #323a45;
  color: #ffffff;
  padding: 0.8em 1em 0.8em 1em;
  height: 1.2em;
  margin-top: 1%;
  margin-bottom: 0em;
  clear: both;
}
#body .header .headerOptions,
.popup-container .header .headerOptions,
.error-popup-content .header .headerOptions,
.popup .header .headerOptions,
.ui-datepicker .header .headerOptions,
.helpHome .header .headerOptions,
.help-content .header .headerOptions,
.helpFooter .header .headerOptions {
  float: right;
}
#body .header .headerOptions span,
.popup-container .header .headerOptions span,
.error-popup-content .header .headerOptions span,
.popup .header .headerOptions span,
.ui-datepicker .header .headerOptions span,
.helpHome .header .headerOptions span,
.help-content .header .headerOptions span,
.helpFooter .header .headerOptions span {
  margin-right: 1em;
  position: relative;
  top: -5px;
}
#body .header .headerOptions input,
.popup-container .header .headerOptions input,
.error-popup-content .header .headerOptions input,
.popup .header .headerOptions input,
.ui-datepicker .header .headerOptions input,
.helpHome .header .headerOptions input,
.help-content .header .headerOptions input,
.helpFooter .header .headerOptions input {
  background-color: #323a45;
}
#body .header .headerActionButton,
.popup-container .header .headerActionButton,
.error-popup-content .header .headerActionButton,
.popup .header .headerActionButton,
.ui-datepicker .header .headerActionButton,
.helpHome .header .headerActionButton,
.help-content .header .headerActionButton,
.helpFooter .header .headerActionButton {
  float: right;
  margin-top: -8px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 6px;
  height: 33px;
  width: 33px;
}
#body .header .headerActionButton :first,
.popup-container .header .headerActionButton :first,
.error-popup-content .header .headerActionButton :first,
.popup .header .headerActionButton :first,
.ui-datepicker .header .headerActionButton :first,
.helpHome .header .headerActionButton :first,
.help-content .header .headerActionButton :first,
.helpFooter .header .headerActionButton :first {
  margin-right: 0;
}
#body .header .headerAddButton, #body .header .headerInactiveAddButton,
.popup-container .header .headerAddButton,
.popup-container .header .headerInactiveAddButton,
.error-popup-content .header .headerAddButton,
.error-popup-content .header .headerInactiveAddButton,
.popup .header .headerAddButton,
.popup .header .headerInactiveAddButton,
.ui-datepicker .header .headerAddButton,
.ui-datepicker .header .headerInactiveAddButton,
.helpHome .header .headerAddButton,
.helpHome .header .headerInactiveAddButton,
.help-content .header .headerAddButton,
.help-content .header .headerInactiveAddButton,
.helpFooter .header .headerAddButton,
.helpFooter .header .headerInactiveAddButton {
  background: url(../img/add-wht.svg) top center no-repeat;
  background-size: 36px;
}
#body .header .headerAddButton:hover,
.popup-container .header .headerAddButton:hover,
.error-popup-content .header .headerAddButton:hover,
.popup .header .headerAddButton:hover,
.ui-datepicker .header .headerAddButton:hover,
.helpHome .header .headerAddButton:hover,
.help-content .header .headerAddButton:hover,
.helpFooter .header .headerAddButton:hover {
  background-color: #4c4b4b;
}
#body .header .headerDeleteButton,
.popup-container .header .headerDeleteButton,
.error-popup-content .header .headerDeleteButton,
.popup .header .headerDeleteButton,
.ui-datepicker .header .headerDeleteButton,
.helpHome .header .headerDeleteButton,
.help-content .header .headerDeleteButton,
.helpFooter .header .headerDeleteButton {
  background: url(../img/delete-wht.svg) top center no-repeat;
  background-size: 36px;
}
#body .header .headerDeleteButton:hover,
.popup-container .header .headerDeleteButton:hover,
.error-popup-content .header .headerDeleteButton:hover,
.popup .header .headerDeleteButton:hover,
.ui-datepicker .header .headerDeleteButton:hover,
.helpHome .header .headerDeleteButton:hover,
.help-content .header .headerDeleteButton:hover,
.helpFooter .header .headerDeleteButton:hover {
  background-color: #4c4b4b;
}
#body .header .headerEditButton,
.popup-container .header .headerEditButton,
.error-popup-content .header .headerEditButton,
.popup .header .headerEditButton,
.ui-datepicker .header .headerEditButton,
.helpHome .header .headerEditButton,
.help-content .header .headerEditButton,
.helpFooter .header .headerEditButton {
  background: url(../img/edit-wht.svg) top center no-repeat;
  background-size: 36px;
}
#body .header .headerEditButton:hover,
.popup-container .header .headerEditButton:hover,
.error-popup-content .header .headerEditButton:hover,
.popup .header .headerEditButton:hover,
.ui-datepicker .header .headerEditButton:hover,
.helpHome .header .headerEditButton:hover,
.help-content .header .headerEditButton:hover,
.helpFooter .header .headerEditButton:hover {
  background-color: #4c4b4b;
}
#body .header .headerIntervalMeterButton,
.popup-container .header .headerIntervalMeterButton,
.error-popup-content .header .headerIntervalMeterButton,
.popup .header .headerIntervalMeterButton,
.ui-datepicker .header .headerIntervalMeterButton,
.helpHome .header .headerIntervalMeterButton,
.help-content .header .headerIntervalMeterButton,
.helpFooter .header .headerIntervalMeterButton {
  background: url(../Images/Sidebar/groups-white.png) center no-repeat;
  background-size: 24px;
}
#body .header .headerNHHMeterButton,
.popup-container .header .headerNHHMeterButton,
.error-popup-content .header .headerNHHMeterButton,
.popup .header .headerNHHMeterButton,
.ui-datepicker .header .headerNHHMeterButton,
.helpHome .header .headerNHHMeterButton,
.help-content .header .headerNHHMeterButton,
.helpFooter .header .headerNHHMeterButton {
  background: url(../Images/Sidebar/tag-white.png) center no-repeat;
  background-size: 21px;
}
#body .header .headerIntervalMeterButton:hover, #body .header .headerNHHMeterButton:hover,
.popup-container .header .headerIntervalMeterButton:hover,
.popup-container .header .headerNHHMeterButton:hover,
.error-popup-content .header .headerIntervalMeterButton:hover,
.error-popup-content .header .headerNHHMeterButton:hover,
.popup .header .headerIntervalMeterButton:hover,
.popup .header .headerNHHMeterButton:hover,
.ui-datepicker .header .headerIntervalMeterButton:hover,
.ui-datepicker .header .headerNHHMeterButton:hover,
.helpHome .header .headerIntervalMeterButton:hover,
.helpHome .header .headerNHHMeterButton:hover,
.help-content .header .headerIntervalMeterButton:hover,
.help-content .header .headerNHHMeterButton:hover,
.helpFooter .header .headerIntervalMeterButton:hover,
.helpFooter .header .headerNHHMeterButton:hover {
  background-color: #4c4b4b;
}
#body .header input,
.popup-container .header input,
.error-popup-content .header input,
.popup .header input,
.ui-datepicker .header input,
.helpHome .header input,
.help-content .header input,
.helpFooter .header input {
  padding: 0px 40px 0 0;
  width: auto;
  height: auto;
  margin-right: 20px;
}
#body .header button.header-tab,
.popup-container .header button.header-tab,
.error-popup-content .header button.header-tab,
.popup .header button.header-tab,
.ui-datepicker .header button.header-tab,
.helpHome .header button.header-tab,
.help-content .header button.header-tab,
.helpFooter .header button.header-tab {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 1em;
  margin: 0;
  text-align: center;
  background: #282d42;
  color: #ffffff;
  width: auto;
  float: right;
  font-weight: 400;
}
#body .header button.header-tab:visited,
.popup-container .header button.header-tab:visited,
.error-popup-content .header button.header-tab:visited,
.popup .header button.header-tab:visited,
.ui-datepicker .header button.header-tab:visited,
.helpHome .header button.header-tab:visited,
.help-content .header button.header-tab:visited,
.helpFooter .header button.header-tab:visited {
  background-color: inherit;
}
#body .header button.header-tab:hover,
#body .header button.header-tab:visited:hover,
.popup-container .header button.header-tab:hover,
.popup-container .header button.header-tab:visited:hover,
.error-popup-content .header button.header-tab:hover,
.error-popup-content .header button.header-tab:visited:hover,
.popup .header button.header-tab:hover,
.popup .header button.header-tab:visited:hover,
.ui-datepicker .header button.header-tab:hover,
.ui-datepicker .header button.header-tab:visited:hover,
.helpHome .header button.header-tab:hover,
.helpHome .header button.header-tab:visited:hover,
.help-content .header button.header-tab:hover,
.help-content .header button.header-tab:visited:hover,
.helpFooter .header button.header-tab:hover,
.helpFooter .header button.header-tab:visited:hover {
  background-color: #4c4b4b;
}
#body .header button.header-tab:active,
#body .header button.header-tab:visited:active,
.popup-container .header button.header-tab:active,
.popup-container .header button.header-tab:visited:active,
.error-popup-content .header button.header-tab:active,
.error-popup-content .header button.header-tab:visited:active,
.popup .header button.header-tab:active,
.popup .header button.header-tab:visited:active,
.ui-datepicker .header button.header-tab:active,
.ui-datepicker .header button.header-tab:visited:active,
.helpHome .header button.header-tab:active,
.helpHome .header button.header-tab:visited:active,
.help-content .header button.header-tab:active,
.help-content .header button.header-tab:visited:active,
.helpFooter .header button.header-tab:active,
.helpFooter .header button.header-tab:visited:active {
  background-color: #3f3f3f;
}
#body .header button.header-tab.selected,
.popup-container .header button.header-tab.selected,
.error-popup-content .header button.header-tab.selected,
.popup .header button.header-tab.selected,
.ui-datepicker .header button.header-tab.selected,
.helpHome .header button.header-tab.selected,
.help-content .header button.header-tab.selected,
.helpFooter .header button.header-tab.selected {
  position: relative;
  background-color: #3f3f3f;
  border: 2px solid #323a45;
}
#body .header button.header-tab.selected:after,
.popup-container .header button.header-tab.selected:after,
.error-popup-content .header button.header-tab.selected:after,
.popup .header button.header-tab.selected:after,
.ui-datepicker .header button.header-tab.selected:after,
.helpHome .header button.header-tab.selected:after,
.help-content .header button.header-tab.selected:after,
.helpFooter .header button.header-tab.selected:after {
  content: " ";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: url(../img/arrow.svg) bottom center no-repeat;
}
#body .header button.header-tab:disabled,
.popup-container .header button.header-tab:disabled,
.error-popup-content .header button.header-tab:disabled,
.popup .header button.header-tab:disabled,
.ui-datepicker .header button.header-tab:disabled,
.helpHome .header button.header-tab:disabled,
.help-content .header button.header-tab:disabled,
.helpFooter .header button.header-tab:disabled {
  background: #eeeeee;
  color: #323a45;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body .header button .header-tab:first-of-type,
.popup-container .header button .header-tab:first-of-type,
.error-popup-content .header button .header-tab:first-of-type,
.popup .header button .header-tab:first-of-type,
.ui-datepicker .header button .header-tab:first-of-type,
.helpHome .header button .header-tab:first-of-type,
.help-content .header button .header-tab:first-of-type,
.helpFooter .header button .header-tab:first-of-type {
  margin-left: 1em;
}
#body .tab-content,
.popup-container .tab-content,
.error-popup-content .tab-content,
.popup .tab-content,
.ui-datepicker .tab-content,
.helpHome .tab-content,
.help-content .tab-content,
.helpFooter .tab-content {
  /*background: $container-color;*/
  margin-bottom: 1em;
  padding: 0em 1em 1.5em 1em;
  overflow: hidden;
}
#body .tab-content .top-padding-five,
.popup-container .tab-content .top-padding-five,
.error-popup-content .tab-content .top-padding-five,
.popup .tab-content .top-padding-five,
.ui-datepicker .tab-content .top-padding-five,
.helpHome .tab-content .top-padding-five,
.help-content .tab-content .top-padding-five,
.helpFooter .tab-content .top-padding-five {
  padding-top: 5px;
}
#body .tab-content .refreshButton,
.popup-container .tab-content .refreshButton,
.error-popup-content .tab-content .refreshButton,
.popup .tab-content .refreshButton,
.ui-datepicker .tab-content .refreshButton,
.helpHome .tab-content .refreshButton,
.help-content .tab-content .refreshButton,
.helpFooter .tab-content .refreshButton {
  background-image: url(../img/refresh.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  margin: 1% 1% 0 0;
  padding: 15px;
  float: right;
}
#body .tab-content .first,
.popup-container .tab-content .first,
.error-popup-content .tab-content .first,
.popup .tab-content .first,
.ui-datepicker .tab-content .first,
.helpHome .tab-content .first,
.help-content .tab-content .first,
.helpFooter .tab-content .first {
  width: 49%;
  float: left;
}
#body .tab-content .first p.importRequestForm,
.popup-container .tab-content .first p.importRequestForm,
.error-popup-content .tab-content .first p.importRequestForm,
.popup .tab-content .first p.importRequestForm,
.ui-datepicker .tab-content .first p.importRequestForm,
.helpHome .tab-content .first p.importRequestForm,
.help-content .tab-content .first p.importRequestForm,
.helpFooter .tab-content .first p.importRequestForm {
  clear: both;
}
#body .tab-content .first p.importRequestForm input,
.popup-container .tab-content .first p.importRequestForm input,
.error-popup-content .tab-content .first p.importRequestForm input,
.popup .tab-content .first p.importRequestForm input,
.ui-datepicker .tab-content .first p.importRequestForm input,
.helpHome .tab-content .first p.importRequestForm input,
.help-content .tab-content .first p.importRequestForm input,
.helpFooter .tab-content .first p.importRequestForm input {
  height: 20px;
  margin: 1.5em 0 0.5em 0;
}
#body .tab-content .first p.importRequestForm label,
.popup-container .tab-content .first p.importRequestForm label,
.error-popup-content .tab-content .first p.importRequestForm label,
.popup .tab-content .first p.importRequestForm label,
.ui-datepicker .tab-content .first p.importRequestForm label,
.helpHome .tab-content .first p.importRequestForm label,
.help-content .tab-content .first p.importRequestForm label,
.helpFooter .tab-content .first p.importRequestForm label {
  width: 90%;
  float: right;
  margin-right: 1.5em;
}
#body .tab-content .first.model,
.popup-container .tab-content .first.model,
.error-popup-content .tab-content .first.model,
.popup .tab-content .first.model,
.ui-datepicker .tab-content .first.model,
.helpHome .tab-content .first.model,
.help-content .tab-content .first.model,
.helpFooter .tab-content .first.model {
  width: 33%;
  float: left;
  clear: left;
  margin: 0;
}
#body .tab-content .model.mid,
.popup-container .tab-content .model.mid,
.error-popup-content .tab-content .model.mid,
.popup .tab-content .model.mid,
.ui-datepicker .tab-content .model.mid,
.helpHome .tab-content .model.mid,
.help-content .tab-content .model.mid,
.helpFooter .tab-content .model.mid {
  width: 33%;
  float: left;
  margin: 0 0.5%;
}
#body .tab-content .model.last,
.popup-container .tab-content .model.last,
.error-popup-content .tab-content .model.last,
.popup .tab-content .model.last,
.ui-datepicker .tab-content .model.last,
.helpHome .tab-content .model.last,
.help-content .tab-content .model.last,
.helpFooter .tab-content .model.last {
  width: 33%;
  float: left;
  clear: none;
}
#body .tab-content .model.last p:nth-child(odd),
.popup-container .tab-content .model.last p:nth-child(odd),
.error-popup-content .tab-content .model.last p:nth-child(odd),
.popup .tab-content .model.last p:nth-child(odd),
.ui-datepicker .tab-content .model.last p:nth-child(odd),
.helpHome .tab-content .model.last p:nth-child(odd),
.help-content .tab-content .model.last p:nth-child(odd),
.helpFooter .tab-content .model.last p:nth-child(odd) {
  width: 100%;
  float: none;
  clear: none;
}
#body .tab-content .model.last p:nth-child(even),
.popup-container .tab-content .model.last p:nth-child(even),
.error-popup-content .tab-content .model.last p:nth-child(even),
.popup .tab-content .model.last p:nth-child(even),
.ui-datepicker .tab-content .model.last p:nth-child(even),
.helpHome .tab-content .model.last p:nth-child(even),
.help-content .tab-content .model.last p:nth-child(even),
.helpFooter .tab-content .model.last p:nth-child(even) {
  width: 100%;
  float: none;
}
#body .tab-content .first.initial:first-of-type,
.popup-container .tab-content .first.initial:first-of-type,
.error-popup-content .tab-content .first.initial:first-of-type,
.popup .tab-content .first.initial:first-of-type,
.ui-datepicker .tab-content .first.initial:first-of-type,
.helpHome .tab-content .first.initial:first-of-type,
.help-content .tab-content .first.initial:first-of-type,
.helpFooter .tab-content .first.initial:first-of-type {
  float: none;
}
#body .tab-content .first.initial,
.popup-container .tab-content .first.initial,
.error-popup-content .tab-content .first.initial,
.popup .tab-content .first.initial,
.ui-datepicker .tab-content .first.initial,
.helpHome .tab-content .first.initial,
.help-content .tab-content .first.initial,
.helpFooter .tab-content .first.initial {
  width: 24%;
}
#body .tab-content .second,
.popup-container .tab-content .second,
.error-popup-content .tab-content .second,
.popup .tab-content .second,
.ui-datepicker .tab-content .second,
.helpHome .tab-content .second,
.help-content .tab-content .second,
.helpFooter .tab-content .second {
  width: 24%;
  margin-left: 1%;
  float: left;
}
#body .tab-content .third,
.popup-container .tab-content .third,
.error-popup-content .tab-content .third,
.popup .tab-content .third,
.ui-datepicker .tab-content .third,
.helpHome .tab-content .third,
.help-content .tab-content .third,
.helpFooter .tab-content .third {
  width: 24%;
  margin-left: 1%;
  float: left;
}
#body .tab-content .fourth,
.popup-container .tab-content .fourth,
.error-popup-content .tab-content .fourth,
.popup .tab-content .fourth,
.ui-datepicker .tab-content .fourth,
.helpHome .tab-content .fourth,
.help-content .tab-content .fourth,
.helpFooter .tab-content .fourth {
  width: 24%;
  margin-left: 1%;
  float: left;
}
#body .tab-content .mid,
.popup-container .tab-content .mid,
.error-popup-content .tab-content .mid,
.popup .tab-content .mid,
.ui-datepicker .tab-content .mid,
.helpHome .tab-content .mid,
.help-content .tab-content .mid,
.helpFooter .tab-content .mid {
  width: 49%;
  float: right;
}
#body .tab-content .last,
.popup-container .tab-content .last,
.error-popup-content .tab-content .last,
.popup .tab-content .last,
.ui-datepicker .tab-content .last,
.helpHome .tab-content .last,
.help-content .tab-content .last,
.helpFooter .tab-content .last {
  clear: both;
  width: auto;
  float: none;
}
#body .tab-content p label + span, #body .tab-content p label + .text-area, #body .tab-content p .spanStyling, #body .tab-content p span + .spanList, #body .tab-content p .spanList,
.popup-container .tab-content p label + span,
.popup-container .tab-content p label + .text-area,
.popup-container .tab-content p .spanStyling,
.popup-container .tab-content p span + .spanList,
.popup-container .tab-content p .spanList,
.error-popup-content .tab-content p label + span,
.error-popup-content .tab-content p label + .text-area,
.error-popup-content .tab-content p .spanStyling,
.error-popup-content .tab-content p span + .spanList,
.error-popup-content .tab-content p .spanList,
.popup .tab-content p label + span,
.popup .tab-content p label + .text-area,
.popup .tab-content p .spanStyling,
.popup .tab-content p span + .spanList,
.popup .tab-content p .spanList,
.ui-datepicker .tab-content p label + span,
.ui-datepicker .tab-content p label + .text-area,
.ui-datepicker .tab-content p .spanStyling,
.ui-datepicker .tab-content p span + .spanList,
.ui-datepicker .tab-content p .spanList,
.helpHome .tab-content p label + span,
.helpHome .tab-content p label + .text-area,
.helpHome .tab-content p .spanStyling,
.helpHome .tab-content p span + .spanList,
.helpHome .tab-content p .spanList,
.help-content .tab-content p label + span,
.help-content .tab-content p label + .text-area,
.help-content .tab-content p .spanStyling,
.help-content .tab-content p span + .spanList,
.help-content .tab-content p .spanList,
.helpFooter .tab-content p label + span,
.helpFooter .tab-content p label + .text-area,
.helpFooter .tab-content p .spanStyling,
.helpFooter .tab-content p span + .spanList,
.helpFooter .tab-content p .spanList {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 99%;
  min-height: 41px;
  padding: 0.7em 0.7em 0.7em 0.7em !important;
  color: #323a45;
  font-weight: 700;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
  overflow: auto;
  scrollbar-width: none;
}
#body .tab-content p label + span::-webkit-scrollbar,
.popup-container .tab-content p label + span::-webkit-scrollbar,
.error-popup-content .tab-content p label + span::-webkit-scrollbar,
.popup .tab-content p label + span::-webkit-scrollbar,
.ui-datepicker .tab-content p label + span::-webkit-scrollbar,
.helpHome .tab-content p label + span::-webkit-scrollbar,
.help-content .tab-content p label + span::-webkit-scrollbar,
.helpFooter .tab-content p label + span::-webkit-scrollbar {
  display: none;
}
#body .tab-content p span,
.popup-container .tab-content p span,
.error-popup-content .tab-content p span,
.popup .tab-content p span,
.ui-datepicker .tab-content p span,
.helpHome .tab-content p span,
.help-content .tab-content p span,
.helpFooter .tab-content p span {
  text-align: left !important;
  white-space: pre-wrap;
}
#body .tab-content p span a,
.popup-container .tab-content p span a,
.error-popup-content .tab-content p span a,
.popup .tab-content p span a,
.ui-datepicker .tab-content p span a,
.helpHome .tab-content p span a,
.help-content .tab-content p span a,
.helpFooter .tab-content p span a {
  white-space: pre-wrap;
}
#body .tab-content p span.white-space-normal,
.popup-container .tab-content p span.white-space-normal,
.error-popup-content .tab-content p span.white-space-normal,
.popup .tab-content p span.white-space-normal,
.ui-datepicker .tab-content p span.white-space-normal,
.helpHome .tab-content p span.white-space-normal,
.help-content .tab-content p span.white-space-normal,
.helpFooter .tab-content p span.white-space-normal {
  white-space: normal;
}
#body .tab-content p span + .spanList, #body .tab-content p .spanList,
.popup-container .tab-content p span + .spanList,
.popup-container .tab-content p .spanList,
.error-popup-content .tab-content p span + .spanList,
.error-popup-content .tab-content p .spanList,
.popup .tab-content p span + .spanList,
.popup .tab-content p .spanList,
.ui-datepicker .tab-content p span + .spanList,
.ui-datepicker .tab-content p .spanList,
.helpHome .tab-content p span + .spanList,
.helpHome .tab-content p .spanList,
.help-content .tab-content p span + .spanList,
.help-content .tab-content p .spanList,
.helpFooter .tab-content p span + .spanList,
.helpFooter .tab-content p .spanList {
  margin-top: 1em;
}
#body .tab-content p label + span.spanList,
.popup-container .tab-content p label + span.spanList,
.error-popup-content .tab-content p label + span.spanList,
.popup .tab-content p label + span.spanList,
.ui-datepicker .tab-content p label + span.spanList,
.helpHome .tab-content p label + span.spanList,
.help-content .tab-content p label + span.spanList,
.helpFooter .tab-content p label + span.spanList {
  margin-top: 0;
}
#body .tab-content p .halfSpan,
.popup-container .tab-content p .halfSpan,
.error-popup-content .tab-content p .halfSpan,
.popup .tab-content p .halfSpan,
.ui-datepicker .tab-content p .halfSpan,
.helpHome .tab-content p .halfSpan,
.help-content .tab-content p .halfSpan,
.helpFooter .tab-content p .halfSpan {
  width: 45%;
  min-width: 45%;
  display: inline-block;
  margin-left: 9%;
}
#body .tab-content p label.checkboxLabel,
.popup-container .tab-content p label.checkboxLabel,
.error-popup-content .tab-content p label.checkboxLabel,
.popup .tab-content p label.checkboxLabel,
.ui-datepicker .tab-content p label.checkboxLabel,
.helpHome .tab-content p label.checkboxLabel,
.help-content .tab-content p label.checkboxLabel,
.helpFooter .tab-content p label.checkboxLabel {
  display: inline;
  position: relative;
  top: -0.2em;
}
#body .tab-content p label.dbExporterLabel,
.popup-container .tab-content p label.dbExporterLabel,
.error-popup-content .tab-content p label.dbExporterLabel,
.popup .tab-content p label.dbExporterLabel,
.ui-datepicker .tab-content p label.dbExporterLabel,
.helpHome .tab-content p label.dbExporterLabel,
.help-content .tab-content p label.dbExporterLabel,
.helpFooter .tab-content p label.dbExporterLabel {
  width: 87%;
  display: inline-block;
}
#body .tab-content p .text-block,
.popup-container .tab-content p .text-block,
.error-popup-content .tab-content p .text-block,
.popup .tab-content p .text-block,
.ui-datepicker .tab-content p .text-block,
.helpHome .tab-content p .text-block,
.help-content .tab-content p .text-block,
.helpFooter .tab-content p .text-block {
  white-space: pre-wrap;
}
#body .tab-content p input:not([type=checkbox]),
.popup-container .tab-content p input:not([type=checkbox]),
.error-popup-content .tab-content p input:not([type=checkbox]),
.popup .tab-content p input:not([type=checkbox]),
.ui-datepicker .tab-content p input:not([type=checkbox]),
.helpHome .tab-content p input:not([type=checkbox]),
.help-content .tab-content p input:not([type=checkbox]),
.helpFooter .tab-content p input:not([type=checkbox]) {
  height: 41px;
  text-align: left !important;
}
#body .tab-content p span.hasbutton, #body .tab-content p select.hasbutton, #body .tab-content p input.hasbutton,
.popup-container .tab-content p span.hasbutton,
.popup-container .tab-content p select.hasbutton,
.popup-container .tab-content p input.hasbutton,
.error-popup-content .tab-content p span.hasbutton,
.error-popup-content .tab-content p select.hasbutton,
.error-popup-content .tab-content p input.hasbutton,
.popup .tab-content p span.hasbutton,
.popup .tab-content p select.hasbutton,
.popup .tab-content p input.hasbutton,
.ui-datepicker .tab-content p span.hasbutton,
.ui-datepicker .tab-content p select.hasbutton,
.ui-datepicker .tab-content p input.hasbutton,
.helpHome .tab-content p span.hasbutton,
.helpHome .tab-content p select.hasbutton,
.helpHome .tab-content p input.hasbutton,
.help-content .tab-content p span.hasbutton,
.help-content .tab-content p select.hasbutton,
.help-content .tab-content p input.hasbutton,
.helpFooter .tab-content p span.hasbutton,
.helpFooter .tab-content p select.hasbutton,
.helpFooter .tab-content p input.hasbutton {
  width: 90%;
  min-width: 90%;
  display: inline-block;
}
#body .tab-content p span.hasbutton ~ button, #body .tab-content p select.hasbutton ~ button, #body .tab-content p input.hasbutton ~ button,
.popup-container .tab-content p span.hasbutton ~ button,
.popup-container .tab-content p select.hasbutton ~ button,
.popup-container .tab-content p input.hasbutton ~ button,
.error-popup-content .tab-content p span.hasbutton ~ button,
.error-popup-content .tab-content p select.hasbutton ~ button,
.error-popup-content .tab-content p input.hasbutton ~ button,
.popup .tab-content p span.hasbutton ~ button,
.popup .tab-content p select.hasbutton ~ button,
.popup .tab-content p input.hasbutton ~ button,
.ui-datepicker .tab-content p span.hasbutton ~ button,
.ui-datepicker .tab-content p select.hasbutton ~ button,
.ui-datepicker .tab-content p input.hasbutton ~ button,
.helpHome .tab-content p span.hasbutton ~ button,
.helpHome .tab-content p select.hasbutton ~ button,
.helpHome .tab-content p input.hasbutton ~ button,
.help-content .tab-content p span.hasbutton ~ button,
.help-content .tab-content p select.hasbutton ~ button,
.help-content .tab-content p input.hasbutton ~ button,
.helpFooter .tab-content p span.hasbutton ~ button,
.helpFooter .tab-content p select.hasbutton ~ button,
.helpFooter .tab-content p input.hasbutton ~ button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
  float: right;
}
#body .tab-content p span.lookup, #body .tab-content p input.lookup,
.popup-container .tab-content p span.lookup,
.popup-container .tab-content p input.lookup,
.error-popup-content .tab-content p span.lookup,
.error-popup-content .tab-content p input.lookup,
.popup .tab-content p span.lookup,
.popup .tab-content p input.lookup,
.ui-datepicker .tab-content p span.lookup,
.ui-datepicker .tab-content p input.lookup,
.helpHome .tab-content p span.lookup,
.helpHome .tab-content p input.lookup,
.help-content .tab-content p span.lookup,
.help-content .tab-content p input.lookup,
.helpFooter .tab-content p span.lookup,
.helpFooter .tab-content p input.lookup {
  width: 80%;
  min-width: 80%;
}
#body .tab-content p span.lookup ~ button, #body .tab-content p input.lookup ~ button,
.popup-container .tab-content p span.lookup ~ button,
.popup-container .tab-content p input.lookup ~ button,
.error-popup-content .tab-content p span.lookup ~ button,
.error-popup-content .tab-content p input.lookup ~ button,
.popup .tab-content p span.lookup ~ button,
.popup .tab-content p input.lookup ~ button,
.ui-datepicker .tab-content p span.lookup ~ button,
.ui-datepicker .tab-content p input.lookup ~ button,
.helpHome .tab-content p span.lookup ~ button,
.helpHome .tab-content p input.lookup ~ button,
.help-content .tab-content p span.lookup ~ button,
.help-content .tab-content p input.lookup ~ button,
.helpFooter .tab-content p span.lookup ~ button,
.helpFooter .tab-content p input.lookup ~ button {
  width: 17%;
}
#body .tab-content p select.hasbutton,
.popup-container .tab-content p select.hasbutton,
.error-popup-content .tab-content p select.hasbutton,
.popup .tab-content p select.hasbutton,
.ui-datepicker .tab-content p select.hasbutton,
.helpHome .tab-content p select.hasbutton,
.help-content .tab-content p select.hasbutton,
.helpFooter .tab-content p select.hasbutton {
  width: 85%;
}
#body .tab-content p label + button,
.popup-container .tab-content p label + button,
.error-popup-content .tab-content p label + button,
.popup .tab-content p label + button,
.ui-datepicker .tab-content p label + button,
.helpHome .tab-content p label + button,
.help-content .tab-content p label + button,
.helpFooter .tab-content p label + button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
}
#body .tab-content p#twoFields select,
.popup-container .tab-content p#twoFields select,
.error-popup-content .tab-content p#twoFields select,
.popup .tab-content p#twoFields select,
.ui-datepicker .tab-content p#twoFields select,
.helpHome .tab-content p#twoFields select,
.help-content .tab-content p#twoFields select,
.helpFooter .tab-content p#twoFields select {
  width: 49%;
}
#body .tab-content p#twoFields span,
.popup-container .tab-content p#twoFields span,
.error-popup-content .tab-content p#twoFields span,
.popup .tab-content p#twoFields span,
.ui-datepicker .tab-content p#twoFields span,
.helpHome .tab-content p#twoFields span,
.help-content .tab-content p#twoFields span,
.helpFooter .tab-content p#twoFields span {
  width: 49%;
  min-width: 49%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 41px;
  padding: 0.7em 0.7em 0.7em 0.7em !important;
  color: #323a45;
  font-weight: 700;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
}
#body .tab-content p#twoFields span:nth-child(3),
.popup-container .tab-content p#twoFields span:nth-child(3),
.error-popup-content .tab-content p#twoFields span:nth-child(3),
.popup .tab-content p#twoFields span:nth-child(3),
.ui-datepicker .tab-content p#twoFields span:nth-child(3),
.helpHome .tab-content p#twoFields span:nth-child(3),
.help-content .tab-content p#twoFields span:nth-child(3),
.helpFooter .tab-content p#twoFields span:nth-child(3) {
  float: right;
}
#body .tab-content p#twoFields span.hasButton,
.popup-container .tab-content p#twoFields span.hasButton,
.error-popup-content .tab-content p#twoFields span.hasButton,
.popup .tab-content p#twoFields span.hasButton,
.ui-datepicker .tab-content p#twoFields span.hasButton,
.helpHome .tab-content p#twoFields span.hasButton,
.help-content .tab-content p#twoFields span.hasButton,
.helpFooter .tab-content p#twoFields span.hasButton {
  float: none;
  width: 40%;
  min-width: 40%;
}
#body .tab-content p#twoFields span.hasButton ~ button,
.popup-container .tab-content p#twoFields span.hasButton ~ button,
.error-popup-content .tab-content p#twoFields span.hasButton ~ button,
.popup .tab-content p#twoFields span.hasButton ~ button,
.ui-datepicker .tab-content p#twoFields span.hasButton ~ button,
.helpHome .tab-content p#twoFields span.hasButton ~ button,
.help-content .tab-content p#twoFields span.hasButton ~ button,
.helpFooter .tab-content p#twoFields span.hasButton ~ button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
  float: right;
}
#body .tab-content p#twoFields input.hasbutton,
.popup-container .tab-content p#twoFields input.hasbutton,
.error-popup-content .tab-content p#twoFields input.hasbutton,
.popup .tab-content p#twoFields input.hasbutton,
.ui-datepicker .tab-content p#twoFields input.hasbutton,
.helpHome .tab-content p#twoFields input.hasbutton,
.help-content .tab-content p#twoFields input.hasbutton,
.helpFooter .tab-content p#twoFields input.hasbutton {
  width: 90%;
  min-width: 90%;
  display: inline-block;
}
#body .tab-content p#twoFields input.hasbutton ~ button,
.popup-container .tab-content p#twoFields input.hasbutton ~ button,
.error-popup-content .tab-content p#twoFields input.hasbutton ~ button,
.popup .tab-content p#twoFields input.hasbutton ~ button,
.ui-datepicker .tab-content p#twoFields input.hasbutton ~ button,
.helpHome .tab-content p#twoFields input.hasbutton ~ button,
.help-content .tab-content p#twoFields input.hasbutton ~ button,
.helpFooter .tab-content p#twoFields input.hasbutton ~ button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
  float: right;
}
#body .tab-content p.radioList,
.popup-container .tab-content p.radioList,
.error-popup-content .tab-content p.radioList,
.popup .tab-content p.radioList,
.ui-datepicker .tab-content p.radioList,
.helpHome .tab-content p.radioList,
.help-content .tab-content p.radioList,
.helpFooter .tab-content p.radioList {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
#body .tab-content p.radioList label,
.popup-container .tab-content p.radioList label,
.error-popup-content .tab-content p.radioList label,
.popup .tab-content p.radioList label,
.ui-datepicker .tab-content p.radioList label,
.helpHome .tab-content p.radioList label,
.help-content .tab-content p.radioList label,
.helpFooter .tab-content p.radioList label {
  width: 87%;
  display: inline-block;
  padding: 0;
}
#body .tab-content p.radioList input:not([type=checkbox]),
.popup-container .tab-content p.radioList input:not([type=checkbox]),
.error-popup-content .tab-content p.radioList input:not([type=checkbox]),
.popup .tab-content p.radioList input:not([type=checkbox]),
.ui-datepicker .tab-content p.radioList input:not([type=checkbox]),
.helpHome .tab-content p.radioList input:not([type=checkbox]),
.help-content .tab-content p.radioList input:not([type=checkbox]),
.helpFooter .tab-content p.radioList input:not([type=checkbox]) {
  float: left;
  height: 16px;
  margin-right: 0.5em;
}
#body .tab-content p.radioList input[type=checkbox],
.popup-container .tab-content p.radioList input[type=checkbox],
.error-popup-content .tab-content p.radioList input[type=checkbox],
.popup .tab-content p.radioList input[type=checkbox],
.ui-datepicker .tab-content p.radioList input[type=checkbox],
.helpHome .tab-content p.radioList input[type=checkbox],
.help-content .tab-content p.radioList input[type=checkbox],
.helpFooter .tab-content p.radioList input[type=checkbox] {
  margin-right: 0.5em;
  float: left;
  height: 16px;
  width: 16px;
}
#body .tab-content .half,
.popup-container .tab-content .half,
.error-popup-content .tab-content .half,
.popup .tab-content .half,
.ui-datepicker .tab-content .half,
.helpHome .tab-content .half,
.help-content .tab-content .half,
.helpFooter .tab-content .half {
  width: 49%;
  float: left;
}
#body .tab-content .half label + span,
.popup-container .tab-content .half label + span,
.error-popup-content .tab-content .half label + span,
.popup .tab-content .half label + span,
.ui-datepicker .tab-content .half label + span,
.helpHome .tab-content .half label + span,
.help-content .tab-content .half label + span,
.helpFooter .tab-content .half label + span {
  width: 99%;
}
#body .tab-content .half:first-of-type,
.popup-container .tab-content .half:first-of-type,
.error-popup-content .tab-content .half:first-of-type,
.popup .tab-content .half:first-of-type,
.ui-datepicker .tab-content .half:first-of-type,
.helpHome .tab-content .half:first-of-type,
.help-content .tab-content .half:first-of-type,
.helpFooter .tab-content .half:first-of-type {
  margin-right: 2%;
}
#body .tab-content .half + p,
.popup-container .tab-content .half + p,
.error-popup-content .tab-content .half + p,
.popup .tab-content .half + p,
.ui-datepicker .tab-content .half + p,
.helpHome .tab-content .half + p,
.help-content .tab-content .half + p,
.helpFooter .tab-content .half + p {
  clear: left !important;
}
#body .tab-content .quarter,
.popup-container .tab-content .quarter,
.error-popup-content .tab-content .quarter,
.popup .tab-content .quarter,
.ui-datepicker .tab-content .quarter,
.helpHome .tab-content .quarter,
.help-content .tab-content .quarter,
.helpFooter .tab-content .quarter {
  width: 24%;
  float: left;
}
#body .tab-content .quarter label + span,
.popup-container .tab-content .quarter label + span,
.error-popup-content .tab-content .quarter label + span,
.popup .tab-content .quarter label + span,
.ui-datepicker .tab-content .quarter label + span,
.helpHome .tab-content .quarter label + span,
.help-content .tab-content .quarter label + span,
.helpFooter .tab-content .quarter label + span {
  width: 99%;
}
#body .tab-content .quarter:first-of-type,
.popup-container .tab-content .quarter:first-of-type,
.error-popup-content .tab-content .quarter:first-of-type,
.popup .tab-content .quarter:first-of-type,
.ui-datepicker .tab-content .quarter:first-of-type,
.helpHome .tab-content .quarter:first-of-type,
.help-content .tab-content .quarter:first-of-type,
.helpFooter .tab-content .quarter:first-of-type {
  margin-right: 2%;
}
#body .tab-content .quarter + p,
.popup-container .tab-content .quarter + p,
.error-popup-content .tab-content .quarter + p,
.popup .tab-content .quarter + p,
.ui-datepicker .tab-content .quarter + p,
.helpHome .tab-content .quarter + p,
.help-content .tab-content .quarter + p,
.helpFooter .tab-content .quarter + p {
  clear: left !important;
}
#body .tab-content .threequarter,
.popup-container .tab-content .threequarter,
.error-popup-content .tab-content .threequarter,
.popup .tab-content .threequarter,
.ui-datepicker .tab-content .threequarter,
.helpHome .tab-content .threequarter,
.help-content .tab-content .threequarter,
.helpFooter .tab-content .threequarter {
  width: 74%;
  float: left;
}
#body .tab-content .threequarter label + span,
.popup-container .tab-content .threequarter label + span,
.error-popup-content .tab-content .threequarter label + span,
.popup .tab-content .threequarter label + span,
.ui-datepicker .tab-content .threequarter label + span,
.helpHome .tab-content .threequarter label + span,
.help-content .tab-content .threequarter label + span,
.helpFooter .tab-content .threequarter label + span {
  width: 99%;
}
#body .tab-content .threequarter:first-of-type,
.popup-container .tab-content .threequarter:first-of-type,
.error-popup-content .tab-content .threequarter:first-of-type,
.popup .tab-content .threequarter:first-of-type,
.ui-datepicker .tab-content .threequarter:first-of-type,
.helpHome .tab-content .threequarter:first-of-type,
.help-content .tab-content .threequarter:first-of-type,
.helpFooter .tab-content .threequarter:first-of-type {
  margin-right: 2%;
}
#body .tab-content .threequarter + p,
.popup-container .tab-content .threequarter + p,
.error-popup-content .tab-content .threequarter + p,
.popup .tab-content .threequarter + p,
.ui-datepicker .tab-content .threequarter + p,
.helpHome .tab-content .threequarter + p,
.help-content .tab-content .threequarter + p,
.helpFooter .tab-content .threequarter + p {
  clear: left !important;
}
#body .tab-content .last p:nth-child(odd),
.popup-container .tab-content .last p:nth-child(odd),
.error-popup-content .tab-content .last p:nth-child(odd),
.popup .tab-content .last p:nth-child(odd),
.ui-datepicker .tab-content .last p:nth-child(odd),
.helpHome .tab-content .last p:nth-child(odd),
.help-content .tab-content .last p:nth-child(odd),
.helpFooter .tab-content .last p:nth-child(odd) {
  float: left;
  clear: left;
  width: 49%;
}
#body .tab-content .last p:nth-child(even),
.popup-container .tab-content .last p:nth-child(even),
.error-popup-content .tab-content .last p:nth-child(even),
.popup .tab-content .last p:nth-child(even),
.ui-datepicker .tab-content .last p:nth-child(even),
.helpHome .tab-content .last p:nth-child(even),
.help-content .tab-content .last p:nth-child(even),
.helpFooter .tab-content .last p:nth-child(even) {
  float: right;
  width: 49%;
  vertical-align: top;
}
#body .tab-content .first .doubleField, #body .tab-content .last .doubleField, #body .tab-content .mid .doubleField,
.popup-container .tab-content .first .doubleField,
.popup-container .tab-content .last .doubleField,
.popup-container .tab-content .mid .doubleField,
.error-popup-content .tab-content .first .doubleField,
.error-popup-content .tab-content .last .doubleField,
.error-popup-content .tab-content .mid .doubleField,
.popup .tab-content .first .doubleField,
.popup .tab-content .last .doubleField,
.popup .tab-content .mid .doubleField,
.ui-datepicker .tab-content .first .doubleField,
.ui-datepicker .tab-content .last .doubleField,
.ui-datepicker .tab-content .mid .doubleField,
.helpHome .tab-content .first .doubleField,
.helpHome .tab-content .last .doubleField,
.helpHome .tab-content .mid .doubleField,
.help-content .tab-content .first .doubleField,
.help-content .tab-content .last .doubleField,
.help-content .tab-content .mid .doubleField,
.helpFooter .tab-content .first .doubleField,
.helpFooter .tab-content .last .doubleField,
.helpFooter .tab-content .mid .doubleField {
  float: left;
  clear: left;
  width: 100%;
}
#body .tab-content .first .doubleField p, #body .tab-content .last .doubleField p, #body .tab-content .mid .doubleField p,
.popup-container .tab-content .first .doubleField p,
.popup-container .tab-content .last .doubleField p,
.popup-container .tab-content .mid .doubleField p,
.error-popup-content .tab-content .first .doubleField p,
.error-popup-content .tab-content .last .doubleField p,
.error-popup-content .tab-content .mid .doubleField p,
.popup .tab-content .first .doubleField p,
.popup .tab-content .last .doubleField p,
.popup .tab-content .mid .doubleField p,
.ui-datepicker .tab-content .first .doubleField p,
.ui-datepicker .tab-content .last .doubleField p,
.ui-datepicker .tab-content .mid .doubleField p,
.helpHome .tab-content .first .doubleField p,
.helpHome .tab-content .last .doubleField p,
.helpHome .tab-content .mid .doubleField p,
.help-content .tab-content .first .doubleField p,
.help-content .tab-content .last .doubleField p,
.help-content .tab-content .mid .doubleField p,
.helpFooter .tab-content .first .doubleField p,
.helpFooter .tab-content .last .doubleField p,
.helpFooter .tab-content .mid .doubleField p {
  width: 49%;
  float: left;
}
#body .tab-content .first .doubleField p:first-of-type, #body .tab-content .last .doubleField p:first-of-type, #body .tab-content .mid .doubleField p:first-of-type,
.popup-container .tab-content .first .doubleField p:first-of-type,
.popup-container .tab-content .last .doubleField p:first-of-type,
.popup-container .tab-content .mid .doubleField p:first-of-type,
.error-popup-content .tab-content .first .doubleField p:first-of-type,
.error-popup-content .tab-content .last .doubleField p:first-of-type,
.error-popup-content .tab-content .mid .doubleField p:first-of-type,
.popup .tab-content .first .doubleField p:first-of-type,
.popup .tab-content .last .doubleField p:first-of-type,
.popup .tab-content .mid .doubleField p:first-of-type,
.ui-datepicker .tab-content .first .doubleField p:first-of-type,
.ui-datepicker .tab-content .last .doubleField p:first-of-type,
.ui-datepicker .tab-content .mid .doubleField p:first-of-type,
.helpHome .tab-content .first .doubleField p:first-of-type,
.helpHome .tab-content .last .doubleField p:first-of-type,
.helpHome .tab-content .mid .doubleField p:first-of-type,
.help-content .tab-content .first .doubleField p:first-of-type,
.help-content .tab-content .last .doubleField p:first-of-type,
.help-content .tab-content .mid .doubleField p:first-of-type,
.helpFooter .tab-content .first .doubleField p:first-of-type,
.helpFooter .tab-content .last .doubleField p:first-of-type,
.helpFooter .tab-content .mid .doubleField p:first-of-type {
  margin-right: 2%;
}
#body .tab-content fieldset,
.popup-container .tab-content fieldset,
.error-popup-content .tab-content fieldset,
.popup .tab-content fieldset,
.ui-datepicker .tab-content fieldset,
.helpHome .tab-content fieldset,
.help-content .tab-content fieldset,
.helpFooter .tab-content fieldset {
  border: 0;
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  clear: both;
}
#body .tab-content fieldset legend,
.popup-container .tab-content fieldset legend,
.error-popup-content .tab-content fieldset legend,
.popup .tab-content fieldset legend,
.ui-datepicker .tab-content fieldset legend,
.helpHome .tab-content fieldset legend,
.help-content .tab-content fieldset legend,
.helpFooter .tab-content fieldset legend {
  display: block;
  width: 98%;
  text-align: center;
  clear: both;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0;
  color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#ffffff', GradientType=1);";
  background: -webkit-linear-gradient(left, #ffffff, #596069, #ffffff);
  background: -o-linear-gradient(right, #ffffff, #596069, #ffffff);
  background: -moz-linear-gradient(right, #ffffff, #596069, #ffffff);
  background: linear-gradient(to right, #ffffff, #596069, #ffffff);
}
#body .tab-content a,
.popup-container .tab-content a,
.error-popup-content .tab-content a,
.popup .tab-content a,
.ui-datepicker .tab-content a,
.helpHome .tab-content a,
.help-content .tab-content a,
.helpFooter .tab-content a {
  color: #000;
  font-weight: 600 !important;
}
#body .tab-content a:visited,
.popup-container .tab-content a:visited,
.error-popup-content .tab-content a:visited,
.popup .tab-content a:visited,
.ui-datepicker .tab-content a:visited,
.helpHome .tab-content a:visited,
.help-content .tab-content a:visited,
.helpFooter .tab-content a:visited {
  color: #66c124;
}
#body .tab-content a:active,
.popup-container .tab-content a:active,
.error-popup-content .tab-content a:active,
.popup .tab-content a:active,
.ui-datepicker .tab-content a:active,
.helpHome .tab-content a:active,
.help-content .tab-content a:active,
.helpFooter .tab-content a:active {
  color: #66c124;
}
#body .tab-content a:hover,
.popup-container .tab-content a:hover,
.error-popup-content .tab-content a:hover,
.popup .tab-content a:hover,
.ui-datepicker .tab-content a:hover,
.helpHome .tab-content a:hover,
.help-content .tab-content a:hover,
.helpFooter .tab-content a:hover {
  color: #3f3f3f;
}
#body .tab-content,
.popup-container .tab-content,
.error-popup-content .tab-content,
.popup .tab-content,
.ui-datepicker .tab-content,
.helpHome .tab-content,
.help-content .tab-content,
.helpFooter .tab-content {
  /* FORM STYLES */
}
#body .tab-content .bar,
.popup-container .tab-content .bar,
.error-popup-content .tab-content .bar,
.popup .tab-content .bar,
.ui-datepicker .tab-content .bar,
.helpHome .tab-content .bar,
.help-content .tab-content .bar,
.helpFooter .tab-content .bar {
  background: url(../img/bar-bg.jpg) right repeat-y #66c124;
  border-top: 2px solid transparent;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
}
#body .tab-content #bar-1,
.popup-container .tab-content #bar-1,
.error-popup-content .tab-content #bar-1,
.popup .tab-content #bar-1,
.ui-datepicker .tab-content #bar-1,
.helpHome .tab-content #bar-1,
.help-content .tab-content #bar-1,
.helpFooter .tab-content #bar-1 {
  background-size: 75%;
}
#body .tab-content #bar-2,
.popup-container .tab-content #bar-2,
.error-popup-content .tab-content #bar-2,
.popup .tab-content #bar-2,
.ui-datepicker .tab-content #bar-2,
.helpHome .tab-content #bar-2,
.help-content .tab-content #bar-2,
.helpFooter .tab-content #bar-2 {
  background-size: 23%;
}
#body .tab-content #bar-3,
.popup-container .tab-content #bar-3,
.error-popup-content .tab-content #bar-3,
.popup .tab-content #bar-3,
.ui-datepicker .tab-content #bar-3,
.helpHome .tab-content #bar-3,
.help-content .tab-content #bar-3,
.helpFooter .tab-content #bar-3 {
  background-size: 48%;
}
#body .tab-content #bar-4,
.popup-container .tab-content #bar-4,
.error-popup-content .tab-content #bar-4,
.popup .tab-content #bar-4,
.ui-datepicker .tab-content #bar-4,
.helpHome .tab-content #bar-4,
.help-content .tab-content #bar-4,
.helpFooter .tab-content #bar-4 {
  background-size: 93%;
}
#body .tab-content #bar-5,
.popup-container .tab-content #bar-5,
.error-popup-content .tab-content #bar-5,
.popup .tab-content #bar-5,
.ui-datepicker .tab-content #bar-5,
.helpHome .tab-content #bar-5,
.help-content .tab-content #bar-5,
.helpFooter .tab-content #bar-5 {
  background-size: 21%;
}
#body .tab-content .help,
.popup-container .tab-content .help,
.error-popup-content .tab-content .help,
.popup .tab-content .help,
.ui-datepicker .tab-content .help,
.helpHome .tab-content .help,
.help-content .tab-content .help,
.helpFooter .tab-content .help {
  vertical-align: middle;
  padding-top: 0;
  font-size: 12px;
  font-style: italic;
  display: block;
}
#body .tab-content .first.threeColumn p, #body .tab-content .mid.threeColumn p, #body .tab-content .last.threeColumn p,
.popup-container .tab-content .first.threeColumn p,
.popup-container .tab-content .mid.threeColumn p,
.popup-container .tab-content .last.threeColumn p,
.error-popup-content .tab-content .first.threeColumn p,
.error-popup-content .tab-content .mid.threeColumn p,
.error-popup-content .tab-content .last.threeColumn p,
.popup .tab-content .first.threeColumn p,
.popup .tab-content .mid.threeColumn p,
.popup .tab-content .last.threeColumn p,
.ui-datepicker .tab-content .first.threeColumn p,
.ui-datepicker .tab-content .mid.threeColumn p,
.ui-datepicker .tab-content .last.threeColumn p,
.helpHome .tab-content .first.threeColumn p,
.helpHome .tab-content .mid.threeColumn p,
.helpHome .tab-content .last.threeColumn p,
.help-content .tab-content .first.threeColumn p,
.help-content .tab-content .mid.threeColumn p,
.help-content .tab-content .last.threeColumn p,
.helpFooter .tab-content .first.threeColumn p,
.helpFooter .tab-content .mid.threeColumn p,
.helpFooter .tab-content .last.threeColumn p {
  width: 30%;
  display: inline-block;
}
#body .tab-content .first.twoColumn p:last-of-type, #body .tab-content .mid.floatRight.twoColumn p:last-of-type,
.popup-container .tab-content .first.twoColumn p:last-of-type,
.popup-container .tab-content .mid.floatRight.twoColumn p:last-of-type,
.error-popup-content .tab-content .first.twoColumn p:last-of-type,
.error-popup-content .tab-content .mid.floatRight.twoColumn p:last-of-type,
.popup .tab-content .first.twoColumn p:last-of-type,
.popup .tab-content .mid.floatRight.twoColumn p:last-of-type,
.ui-datepicker .tab-content .first.twoColumn p:last-of-type,
.ui-datepicker .tab-content .mid.floatRight.twoColumn p:last-of-type,
.helpHome .tab-content .first.twoColumn p:last-of-type,
.helpHome .tab-content .mid.floatRight.twoColumn p:last-of-type,
.help-content .tab-content .first.twoColumn p:last-of-type,
.help-content .tab-content .mid.floatRight.twoColumn p:last-of-type,
.helpFooter .tab-content .first.twoColumn p:last-of-type,
.helpFooter .tab-content .mid.floatRight.twoColumn p:last-of-type {
  float: right;
}
#body .tab-content .first.twoColumn p, #body .tab-content .mid.twoColumn p, #body .tab-content .last.twoColumn p,
.popup-container .tab-content .first.twoColumn p,
.popup-container .tab-content .mid.twoColumn p,
.popup-container .tab-content .last.twoColumn p,
.error-popup-content .tab-content .first.twoColumn p,
.error-popup-content .tab-content .mid.twoColumn p,
.error-popup-content .tab-content .last.twoColumn p,
.popup .tab-content .first.twoColumn p,
.popup .tab-content .mid.twoColumn p,
.popup .tab-content .last.twoColumn p,
.ui-datepicker .tab-content .first.twoColumn p,
.ui-datepicker .tab-content .mid.twoColumn p,
.ui-datepicker .tab-content .last.twoColumn p,
.helpHome .tab-content .first.twoColumn p,
.helpHome .tab-content .mid.twoColumn p,
.helpHome .tab-content .last.twoColumn p,
.help-content .tab-content .first.twoColumn p,
.help-content .tab-content .mid.twoColumn p,
.help-content .tab-content .last.twoColumn p,
.helpFooter .tab-content .first.twoColumn p,
.helpFooter .tab-content .mid.twoColumn p,
.helpFooter .tab-content .last.twoColumn p {
  width: 48%;
  display: inline-block;
}
#body .tab-content .definitionNumber,
.popup-container .tab-content .definitionNumber,
.error-popup-content .tab-content .definitionNumber,
.popup .tab-content .definitionNumber,
.ui-datepicker .tab-content .definitionNumber,
.helpHome .tab-content .definitionNumber,
.help-content .tab-content .definitionNumber,
.helpFooter .tab-content .definitionNumber {
  margin-top: 1em;
}
#body .tab-content ul.recovery-codes,
.popup-container .tab-content ul.recovery-codes,
.error-popup-content .tab-content ul.recovery-codes,
.popup .tab-content ul.recovery-codes,
.ui-datepicker .tab-content ul.recovery-codes,
.helpHome .tab-content ul.recovery-codes,
.help-content .tab-content ul.recovery-codes,
.helpFooter .tab-content ul.recovery-codes {
  list-style: none;
  padding: 0.5em;
  margin: 0.1em;
}
#body .tab-content ul.recovery-codes li,
.popup-container .tab-content ul.recovery-codes li,
.error-popup-content .tab-content ul.recovery-codes li,
.popup .tab-content ul.recovery-codes li,
.ui-datepicker .tab-content ul.recovery-codes li,
.helpHome .tab-content ul.recovery-codes li,
.help-content .tab-content ul.recovery-codes li,
.helpFooter .tab-content ul.recovery-codes li {
  display: block;
  margin: 0.2em;
  padding: 0.1em;
}
#body .exchange-tab-content,
.popup-container .exchange-tab-content,
.error-popup-content .exchange-tab-content,
.popup .exchange-tab-content,
.ui-datepicker .exchange-tab-content,
.helpHome .exchange-tab-content,
.help-content .exchange-tab-content,
.helpFooter .exchange-tab-content {
  margin-bottom: 1em;
  margin-top: 0em;
  padding-top: 0em;
  display: inline-block;
}
#body .exchange-tab-content .main,
.popup-container .exchange-tab-content .main,
.error-popup-content .exchange-tab-content .main,
.popup .exchange-tab-content .main,
.ui-datepicker .exchange-tab-content .main,
.helpHome .exchange-tab-content .main,
.help-content .exchange-tab-content .main,
.helpFooter .exchange-tab-content .main {
  border: thin;
}
#body .exchange-tab-content .first,
.popup-container .exchange-tab-content .first,
.error-popup-content .exchange-tab-content .first,
.popup .exchange-tab-content .first,
.ui-datepicker .exchange-tab-content .first,
.helpHome .exchange-tab-content .first,
.help-content .exchange-tab-content .first,
.helpFooter .exchange-tab-content .first {
  width: 32%;
  float: left;
  clear: left;
  margin: 0;
  display: inline-block;
}
#body .exchange-tab-content .first.initial,
.popup-container .exchange-tab-content .first.initial,
.error-popup-content .exchange-tab-content .first.initial,
.popup .exchange-tab-content .first.initial,
.ui-datepicker .exchange-tab-content .first.initial,
.helpHome .exchange-tab-content .first.initial,
.help-content .exchange-tab-content .first.initial,
.helpFooter .exchange-tab-content .first.initial {
  width: 25%;
}
#body .exchange-tab-content .mid,
.popup-container .exchange-tab-content .mid,
.error-popup-content .exchange-tab-content .mid,
.popup .exchange-tab-content .mid,
.ui-datepicker .exchange-tab-content .mid,
.helpHome .exchange-tab-content .mid,
.help-content .exchange-tab-content .mid,
.helpFooter .exchange-tab-content .mid {
  width: 32%;
  float: left;
  margin: 0 2%;
  display: inline-block;
}
#body .exchange-tab-content .last,
.popup-container .exchange-tab-content .last,
.error-popup-content .exchange-tab-content .last,
.popup .exchange-tab-content .last,
.ui-datepicker .exchange-tab-content .last,
.helpHome .exchange-tab-content .last,
.help-content .exchange-tab-content .last,
.helpFooter .exchange-tab-content .last {
  width: 32%;
  float: left;
  margin: 0;
  display: inline-block;
}
#body .exchange-tab-content .last p:nth-child(odd),
.popup-container .exchange-tab-content .last p:nth-child(odd),
.error-popup-content .exchange-tab-content .last p:nth-child(odd),
.popup .exchange-tab-content .last p:nth-child(odd),
.ui-datepicker .exchange-tab-content .last p:nth-child(odd),
.helpHome .exchange-tab-content .last p:nth-child(odd),
.help-content .exchange-tab-content .last p:nth-child(odd),
.helpFooter .exchange-tab-content .last p:nth-child(odd) {
  width: 100%;
  float: none;
  clear: none;
}
#body .exchange-tab-content .last p:nth-child(even),
.popup-container .exchange-tab-content .last p:nth-child(even),
.error-popup-content .exchange-tab-content .last p:nth-child(even),
.popup .exchange-tab-content .last p:nth-child(even),
.ui-datepicker .exchange-tab-content .last p:nth-child(even),
.helpHome .exchange-tab-content .last p:nth-child(even),
.help-content .exchange-tab-content .last p:nth-child(even),
.helpFooter .exchange-tab-content .last p:nth-child(even) {
  width: 100%;
  float: none;
}
#body .exchange-tab-content .first .doubleField, #body .exchange-tab-content .last .doubleField, #body .exchange-tab-content .mid .doubleField,
.popup-container .exchange-tab-content .first .doubleField,
.popup-container .exchange-tab-content .last .doubleField,
.popup-container .exchange-tab-content .mid .doubleField,
.error-popup-content .exchange-tab-content .first .doubleField,
.error-popup-content .exchange-tab-content .last .doubleField,
.error-popup-content .exchange-tab-content .mid .doubleField,
.popup .exchange-tab-content .first .doubleField,
.popup .exchange-tab-content .last .doubleField,
.popup .exchange-tab-content .mid .doubleField,
.ui-datepicker .exchange-tab-content .first .doubleField,
.ui-datepicker .exchange-tab-content .last .doubleField,
.ui-datepicker .exchange-tab-content .mid .doubleField,
.helpHome .exchange-tab-content .first .doubleField,
.helpHome .exchange-tab-content .last .doubleField,
.helpHome .exchange-tab-content .mid .doubleField,
.help-content .exchange-tab-content .first .doubleField,
.help-content .exchange-tab-content .last .doubleField,
.help-content .exchange-tab-content .mid .doubleField,
.helpFooter .exchange-tab-content .first .doubleField,
.helpFooter .exchange-tab-content .last .doubleField,
.helpFooter .exchange-tab-content .mid .doubleField {
  width: 100%;
  clear: none;
}
#body .exchange-tab-content .first .doubleField p, #body .exchange-tab-content .last .doubleField p, #body .exchange-tab-content .mid .doubleField p,
.popup-container .exchange-tab-content .first .doubleField p,
.popup-container .exchange-tab-content .last .doubleField p,
.popup-container .exchange-tab-content .mid .doubleField p,
.error-popup-content .exchange-tab-content .first .doubleField p,
.error-popup-content .exchange-tab-content .last .doubleField p,
.error-popup-content .exchange-tab-content .mid .doubleField p,
.popup .exchange-tab-content .first .doubleField p,
.popup .exchange-tab-content .last .doubleField p,
.popup .exchange-tab-content .mid .doubleField p,
.ui-datepicker .exchange-tab-content .first .doubleField p,
.ui-datepicker .exchange-tab-content .last .doubleField p,
.ui-datepicker .exchange-tab-content .mid .doubleField p,
.helpHome .exchange-tab-content .first .doubleField p,
.helpHome .exchange-tab-content .last .doubleField p,
.helpHome .exchange-tab-content .mid .doubleField p,
.help-content .exchange-tab-content .first .doubleField p,
.help-content .exchange-tab-content .last .doubleField p,
.help-content .exchange-tab-content .mid .doubleField p,
.helpFooter .exchange-tab-content .first .doubleField p,
.helpFooter .exchange-tab-content .last .doubleField p,
.helpFooter .exchange-tab-content .mid .doubleField p {
  width: 49%;
  float: left;
}
#body .exchange-tab-content .first .doubleField + p, #body .exchange-tab-content .last .doubleField + p, #body .exchange-tab-content .mid .doubleField + p,
.popup-container .exchange-tab-content .first .doubleField + p,
.popup-container .exchange-tab-content .last .doubleField + p,
.popup-container .exchange-tab-content .mid .doubleField + p,
.error-popup-content .exchange-tab-content .first .doubleField + p,
.error-popup-content .exchange-tab-content .last .doubleField + p,
.error-popup-content .exchange-tab-content .mid .doubleField + p,
.popup .exchange-tab-content .first .doubleField + p,
.popup .exchange-tab-content .last .doubleField + p,
.popup .exchange-tab-content .mid .doubleField + p,
.ui-datepicker .exchange-tab-content .first .doubleField + p,
.ui-datepicker .exchange-tab-content .last .doubleField + p,
.ui-datepicker .exchange-tab-content .mid .doubleField + p,
.helpHome .exchange-tab-content .first .doubleField + p,
.helpHome .exchange-tab-content .last .doubleField + p,
.helpHome .exchange-tab-content .mid .doubleField + p,
.help-content .exchange-tab-content .first .doubleField + p,
.help-content .exchange-tab-content .last .doubleField + p,
.help-content .exchange-tab-content .mid .doubleField + p,
.helpFooter .exchange-tab-content .first .doubleField + p,
.helpFooter .exchange-tab-content .last .doubleField + p,
.helpFooter .exchange-tab-content .mid .doubleField + p {
  clear: left;
}
#body .exchange-tab-content .first .doubleField p:first-of-type, #body .exchange-tab-content .last .doubleField p:first-of-type, #body .exchange-tab-content .mid .doubleField p:first-of-type,
.popup-container .exchange-tab-content .first .doubleField p:first-of-type,
.popup-container .exchange-tab-content .last .doubleField p:first-of-type,
.popup-container .exchange-tab-content .mid .doubleField p:first-of-type,
.error-popup-content .exchange-tab-content .first .doubleField p:first-of-type,
.error-popup-content .exchange-tab-content .last .doubleField p:first-of-type,
.error-popup-content .exchange-tab-content .mid .doubleField p:first-of-type,
.popup .exchange-tab-content .first .doubleField p:first-of-type,
.popup .exchange-tab-content .last .doubleField p:first-of-type,
.popup .exchange-tab-content .mid .doubleField p:first-of-type,
.ui-datepicker .exchange-tab-content .first .doubleField p:first-of-type,
.ui-datepicker .exchange-tab-content .last .doubleField p:first-of-type,
.ui-datepicker .exchange-tab-content .mid .doubleField p:first-of-type,
.helpHome .exchange-tab-content .first .doubleField p:first-of-type,
.helpHome .exchange-tab-content .last .doubleField p:first-of-type,
.helpHome .exchange-tab-content .mid .doubleField p:first-of-type,
.help-content .exchange-tab-content .first .doubleField p:first-of-type,
.help-content .exchange-tab-content .last .doubleField p:first-of-type,
.help-content .exchange-tab-content .mid .doubleField p:first-of-type,
.helpFooter .exchange-tab-content .first .doubleField p:first-of-type,
.helpFooter .exchange-tab-content .last .doubleField p:first-of-type,
.helpFooter .exchange-tab-content .mid .doubleField p:first-of-type {
  margin-right: 2%;
}
#body .exchange-tab-content .first.threeColumn p, #body .exchange-tab-content .mid.threeColumn p, #body .exchange-tab-content .last.threeColumn p,
.popup-container .exchange-tab-content .first.threeColumn p,
.popup-container .exchange-tab-content .mid.threeColumn p,
.popup-container .exchange-tab-content .last.threeColumn p,
.error-popup-content .exchange-tab-content .first.threeColumn p,
.error-popup-content .exchange-tab-content .mid.threeColumn p,
.error-popup-content .exchange-tab-content .last.threeColumn p,
.popup .exchange-tab-content .first.threeColumn p,
.popup .exchange-tab-content .mid.threeColumn p,
.popup .exchange-tab-content .last.threeColumn p,
.ui-datepicker .exchange-tab-content .first.threeColumn p,
.ui-datepicker .exchange-tab-content .mid.threeColumn p,
.ui-datepicker .exchange-tab-content .last.threeColumn p,
.helpHome .exchange-tab-content .first.threeColumn p,
.helpHome .exchange-tab-content .mid.threeColumn p,
.helpHome .exchange-tab-content .last.threeColumn p,
.help-content .exchange-tab-content .first.threeColumn p,
.help-content .exchange-tab-content .mid.threeColumn p,
.help-content .exchange-tab-content .last.threeColumn p,
.helpFooter .exchange-tab-content .first.threeColumn p,
.helpFooter .exchange-tab-content .mid.threeColumn p,
.helpFooter .exchange-tab-content .last.threeColumn p {
  width: 30%;
  display: inline-block;
}
#body .exchange-tab-content .first.twoColumn p, #body .exchange-tab-content .mid.twoColumn p, #body .exchange-tab-content .last.twoColumn p,
.popup-container .exchange-tab-content .first.twoColumn p,
.popup-container .exchange-tab-content .mid.twoColumn p,
.popup-container .exchange-tab-content .last.twoColumn p,
.error-popup-content .exchange-tab-content .first.twoColumn p,
.error-popup-content .exchange-tab-content .mid.twoColumn p,
.error-popup-content .exchange-tab-content .last.twoColumn p,
.popup .exchange-tab-content .first.twoColumn p,
.popup .exchange-tab-content .mid.twoColumn p,
.popup .exchange-tab-content .last.twoColumn p,
.ui-datepicker .exchange-tab-content .first.twoColumn p,
.ui-datepicker .exchange-tab-content .mid.twoColumn p,
.ui-datepicker .exchange-tab-content .last.twoColumn p,
.helpHome .exchange-tab-content .first.twoColumn p,
.helpHome .exchange-tab-content .mid.twoColumn p,
.helpHome .exchange-tab-content .last.twoColumn p,
.help-content .exchange-tab-content .first.twoColumn p,
.help-content .exchange-tab-content .mid.twoColumn p,
.help-content .exchange-tab-content .last.twoColumn p,
.helpFooter .exchange-tab-content .first.twoColumn p,
.helpFooter .exchange-tab-content .mid.twoColumn p,
.helpFooter .exchange-tab-content .last.twoColumn p {
  width: 48%;
  display: inline-block;
}
#body .tab-content.tableHolder,
.popup-container .tab-content.tableHolder,
.error-popup-content .tab-content.tableHolder,
.popup .tab-content.tableHolder,
.ui-datepicker .tab-content.tableHolder,
.helpHome .tab-content.tableHolder,
.help-content .tab-content.tableHolder,
.helpFooter .tab-content.tableHolder {
  padding: 0;
  border-top: 1px solid #eef0f3;
}
#body .tab-content.alignment,
.popup-container .tab-content.alignment,
.error-popup-content .tab-content.alignment,
.popup .tab-content.alignment,
.ui-datepicker .tab-content.alignment,
.helpHome .tab-content.alignment,
.help-content .tab-content.alignment,
.helpFooter .tab-content.alignment {
  padding: 0 1em;
}
#body .popup-content .tableHolder,
.popup-container .popup-content .tableHolder,
.error-popup-content .popup-content .tableHolder,
.popup .popup-content .tableHolder,
.ui-datepicker .popup-content .tableHolder,
.helpHome .popup-content .tableHolder,
.help-content .popup-content .tableHolder,
.helpFooter .popup-content .tableHolder {
  padding: 0;
  border-top: 1px solid #eef0f3;
}
#body .showOverflow,
.popup-container .showOverflow,
.error-popup-content .showOverflow,
.popup .showOverflow,
.ui-datepicker .showOverflow,
.helpHome .showOverflow,
.help-content .showOverflow,
.helpFooter .showOverflow {
  overflow: visible;
}
#body .display-none,
.popup-container .display-none,
.error-popup-content .display-none,
.popup .display-none,
.ui-datepicker .display-none,
.helpHome .display-none,
.help-content .display-none,
.helpFooter .display-none {
  display: none;
}
#body .inner,
.popup-container .inner,
.error-popup-content .inner,
.popup .inner,
.ui-datepicker .inner,
.helpHome .inner,
.help-content .inner,
.helpFooter .inner {
  margin: 1em;
  clear: both;
  overflow: auto;
}
#body .inner .inner,
.popup-container .inner .inner,
.error-popup-content .inner .inner,
.popup .inner .inner,
.ui-datepicker .inner .inner,
.helpHome .inner .inner,
.help-content .inner .inner,
.helpFooter .inner .inner {
  margin: 0;
  clear: both;
  overflow: auto;
}
#body .indent,
.popup-container .indent,
.error-popup-content .indent,
.popup .indent,
.ui-datepicker .indent,
.helpHome .indent,
.help-content .indent,
.helpFooter .indent {
  margin-left: 2em !important;
}
#body .gap,
.popup-container .gap,
.error-popup-content .gap,
.popup .gap,
.ui-datepicker .gap,
.helpHome .gap,
.help-content .gap,
.helpFooter .gap {
  margin-top: 2em !important;
}
#body .bigGap,
.popup-container .bigGap,
.error-popup-content .bigGap,
.popup .bigGap,
.ui-datepicker .bigGap,
.helpHome .bigGap,
.help-content .bigGap,
.helpFooter .bigGap {
  margin-top: 8em !important;
}
#body .extraLegRoom,
.popup-container .extraLegRoom,
.error-popup-content .extraLegRoom,
.popup .extraLegRoom,
.ui-datepicker .extraLegRoom,
.helpHome .extraLegRoom,
.help-content .extraLegRoom,
.helpFooter .extraLegRoom {
  padding-bottom: 1em !important;
}
#body .bufferRight,
.popup-container .bufferRight,
.error-popup-content .bufferRight,
.popup .bufferRight,
.ui-datepicker .bufferRight,
.helpHome .bufferRight,
.help-content .bufferRight,
.helpFooter .bufferRight {
  float: right;
  margin-right: 1em;
}
#body,
.popup-container,
.error-popup-content,
.popup,
.ui-datepicker,
.helpHome,
.help-content,
.helpFooter {
  /* TABLE */
}
#body .scroll,
.popup-container .scroll,
.error-popup-content .scroll,
.popup .scroll,
.ui-datepicker .scroll,
.helpHome .scroll,
.help-content .scroll,
.helpFooter .scroll {
  overflow: hidden;
}
#body div.half-width,
.popup-container div.half-width,
.error-popup-content div.half-width,
.popup div.half-width,
.ui-datepicker div.half-width,
.helpHome div.half-width,
.help-content div.half-width,
.helpFooter div.half-width {
  width: 49%;
  display: inline-block;
  margin: 0;
  padding: 0 0.5em;
  vertical-align: top;
}
#body div.half-width,
.popup-container div.half-width,
.error-popup-content div.half-width,
.popup div.half-width,
.ui-datepicker div.half-width,
.helpHome div.half-width,
.help-content div.half-width,
.helpFooter div.half-width {
  width: 49%;
  display: inline-block;
  margin: 0;
  padding: 0 0.5em;
  vertical-align: top;
}
#body table.main,
.popup-container table.main,
.error-popup-content table.main,
.popup table.main,
.ui-datepicker table.main,
.helpHome table.main,
.help-content table.main,
.helpFooter table.main {
  margin: 0;
  clear: both;
  border-collapse: separate;
  border-spacing: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow-y: hidden;
  position: relative;
  *zoom: 1;
  zoom: 1;
  background: none;
  table-layout: fixed;
  word-break: break-word;
}
#body table.main.compact thead th,
.popup-container table.main.compact thead th,
.error-popup-content table.main.compact thead th,
.popup table.main.compact thead th,
.ui-datepicker table.main.compact thead th,
.helpHome table.main.compact thead th,
.help-content table.main.compact thead th,
.helpFooter table.main.compact thead th {
  padding: 0em 1em 0em;
}
#body table.main thead th,
.popup-container table.main thead th,
.error-popup-content table.main thead th,
.popup table.main thead th,
.ui-datepicker table.main thead th,
.helpHome table.main thead th,
.help-content table.main thead th,
.helpFooter table.main thead th {
  padding: 0.8em 1em 0.7em 1em;
  text-align: left;
  background-color: #596069;
  color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-weight: normal;
  word-break: normal;
}
#body table.main thead th.sortable,
.popup-container table.main thead th.sortable,
.error-popup-content table.main thead th.sortable,
.popup table.main thead th.sortable,
.ui-datepicker table.main thead th.sortable,
.helpHome table.main thead th.sortable,
.help-content table.main thead th.sortable,
.helpFooter table.main thead th.sortable {
  cursor: pointer;
}
#body table.main thead th.sortable:hover,
.popup-container table.main thead th.sortable:hover,
.error-popup-content table.main thead th.sortable:hover,
.popup table.main thead th.sortable:hover,
.ui-datepicker table.main thead th.sortable:hover,
.helpHome table.main thead th.sortable:hover,
.help-content table.main thead th.sortable:hover,
.helpFooter table.main thead th.sortable:hover {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body table.main thead th.checkbox-column,
.popup-container table.main thead th.checkbox-column,
.error-popup-content table.main thead th.checkbox-column,
.popup table.main thead th.checkbox-column,
.ui-datepicker table.main thead th.checkbox-column,
.helpHome table.main thead th.checkbox-column,
.help-content table.main thead th.checkbox-column,
.helpFooter table.main thead th.checkbox-column {
  width: 19px;
}
#body table.main thead th:last-child,
.popup-container table.main thead th:last-child,
.error-popup-content table.main thead th:last-child,
.popup table.main thead th:last-child,
.ui-datepicker table.main thead th:last-child,
.helpHome table.main thead th:last-child,
.help-content table.main thead th:last-child,
.helpFooter table.main thead th:last-child {
  border-right: 0;
}
#body table.main thead th:active,
.popup-container table.main thead th:active,
.error-popup-content table.main thead th:active,
.popup table.main thead th:active,
.ui-datepicker table.main thead th:active,
.helpHome table.main thead th:active,
.help-content table.main thead th:active,
.helpFooter table.main thead th:active {
  outline: none;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body table.main thead th.sorting,
.popup-container table.main thead th.sorting,
.error-popup-content table.main thead th.sorting,
.popup table.main thead th.sorting,
.ui-datepicker table.main thead th.sorting,
.helpHome table.main thead th.sorting,
.help-content table.main thead th.sorting,
.helpFooter table.main thead th.sorting {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body table.main thead th.asc, #body table.main thead th.desc,
.popup-container table.main thead th.asc,
.popup-container table.main thead th.desc,
.error-popup-content table.main thead th.asc,
.error-popup-content table.main thead th.desc,
.popup table.main thead th.asc,
.popup table.main thead th.desc,
.ui-datepicker table.main thead th.asc,
.ui-datepicker table.main thead th.desc,
.helpHome table.main thead th.asc,
.helpHome table.main thead th.desc,
.help-content table.main thead th.asc,
.help-content table.main thead th.desc,
.helpFooter table.main thead th.asc,
.helpFooter table.main thead th.desc {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
#body table.main thead th.asc,
.popup-container table.main thead th.asc,
.error-popup-content table.main thead th.asc,
.popup table.main thead th.asc,
.ui-datepicker table.main thead th.asc,
.helpHome table.main thead th.asc,
.help-content table.main thead th.asc,
.helpFooter table.main thead th.asc {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-image: url("../Images/Table/asc.png");
}
#body table.main thead th.desc,
.popup-container table.main thead th.desc,
.error-popup-content table.main thead th.desc,
.popup table.main thead th.desc,
.ui-datepicker table.main thead th.desc,
.helpHome table.main thead th.desc,
.help-content table.main thead th.desc,
.helpFooter table.main thead th.desc {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-image: url("../Images/Table/desc.png");
}
#body table.main thead th.half-width,
.popup-container table.main thead th.half-width,
.error-popup-content table.main thead th.half-width,
.popup table.main thead th.half-width,
.ui-datepicker table.main thead th.half-width,
.helpHome table.main thead th.half-width,
.help-content table.main thead th.half-width,
.helpFooter table.main thead th.half-width {
  width: 49%;
}
#body table.main thead th.quarter-width,
.popup-container table.main thead th.quarter-width,
.error-popup-content table.main thead th.quarter-width,
.popup table.main thead th.quarter-width,
.ui-datepicker table.main thead th.quarter-width,
.helpHome table.main thead th.quarter-width,
.help-content table.main thead th.quarter-width,
.helpFooter table.main thead th.quarter-width {
  width: 24.5%;
}
#body table.main thead tr th:first-child,
.popup-container table.main thead tr th:first-child,
.error-popup-content table.main thead tr th:first-child,
.popup table.main thead tr th:first-child,
.ui-datepicker table.main thead tr th:first-child,
.helpHome table.main thead tr th:first-child,
.help-content table.main thead tr th:first-child,
.helpFooter table.main thead tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#body table.main thead tr th:last-child,
.popup-container table.main thead tr th:last-child,
.error-popup-content table.main thead tr th:last-child,
.popup table.main thead tr th:last-child,
.ui-datepicker table.main thead tr th:last-child,
.helpHome table.main thead tr th:last-child,
.help-content table.main thead tr th:last-child,
.helpFooter table.main thead tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
#body table.main tbody.working,
.popup-container table.main tbody.working,
.error-popup-content table.main tbody.working,
.popup table.main tbody.working,
.ui-datepicker table.main tbody.working,
.helpHome table.main tbody.working,
.help-content table.main tbody.working,
.helpFooter table.main tbody.working {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  background-color: Black;
  z-index: 999999;
}
#body table.main tbody tr,
.popup-container table.main tbody tr,
.error-popup-content table.main tbody tr,
.popup table.main tbody tr,
.ui-datepicker table.main tbody tr,
.helpHome table.main tbody tr,
.help-content table.main tbody tr,
.helpFooter table.main tbody tr {
  border-radius: 25px; /* Adds capsule shape */
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  Adds shadow */
  border: 1px soild;
  margin-bottom: 10px; /* Adds space between rows */
  /* other existing styles */
}
#body table.main tbody tr.selected,
.popup-container table.main tbody tr.selected,
.error-popup-content table.main tbody tr.selected,
.popup table.main tbody tr.selected,
.ui-datepicker table.main tbody tr.selected,
.helpHome table.main tbody tr.selected,
.help-content table.main tbody tr.selected,
.helpFooter table.main tbody tr.selected {
  border-color: #4c4b4b !important;
}
#body table.main tbody tr:hover td,
.popup-container table.main tbody tr:hover td,
.error-popup-content table.main tbody tr:hover td,
.popup table.main tbody tr:hover td,
.ui-datepicker table.main tbody tr:hover td,
.helpHome table.main tbody tr:hover td,
.help-content table.main tbody tr:hover td,
.helpFooter table.main tbody tr:hover td {
  border-top-color: #4c4b4b !important;
  border-bottom-color: #4c4b4b !important;
}
#body table.main tbody tr:hover td:first-child,
.popup-container table.main tbody tr:hover td:first-child,
.error-popup-content table.main tbody tr:hover td:first-child,
.popup table.main tbody tr:hover td:first-child,
.ui-datepicker table.main tbody tr:hover td:first-child,
.helpHome table.main tbody tr:hover td:first-child,
.help-content table.main tbody tr:hover td:first-child,
.helpFooter table.main tbody tr:hover td:first-child {
  border-left-color: #4c4b4b !important;
}
#body table.main tbody tr:hover td:last-child,
.popup-container table.main tbody tr:hover td:last-child,
.error-popup-content table.main tbody tr:hover td:last-child,
.popup table.main tbody tr:hover td:last-child,
.ui-datepicker table.main tbody tr:hover td:last-child,
.helpHome table.main tbody tr:hover td:last-child,
.help-content table.main tbody tr:hover td:last-child,
.helpFooter table.main tbody tr:hover td:last-child {
  border-left-color: #4c4b4b !important;
}
#body table.main tbody tr:hover td.tableLinkSimple:hover a, #body table.main tbody tr:hover td.tableLink:hover a,
.popup-container table.main tbody tr:hover td.tableLinkSimple:hover a,
.popup-container table.main tbody tr:hover td.tableLink:hover a,
.error-popup-content table.main tbody tr:hover td.tableLinkSimple:hover a,
.error-popup-content table.main tbody tr:hover td.tableLink:hover a,
.popup table.main tbody tr:hover td.tableLinkSimple:hover a,
.popup table.main tbody tr:hover td.tableLink:hover a,
.ui-datepicker table.main tbody tr:hover td.tableLinkSimple:hover a,
.ui-datepicker table.main tbody tr:hover td.tableLink:hover a,
.helpHome table.main tbody tr:hover td.tableLinkSimple:hover a,
.helpHome table.main tbody tr:hover td.tableLink:hover a,
.help-content table.main tbody tr:hover td.tableLinkSimple:hover a,
.help-content table.main tbody tr:hover td.tableLink:hover a,
.helpFooter table.main tbody tr:hover td.tableLinkSimple:hover a,
.helpFooter table.main tbody tr:hover td.tableLink:hover a {
  color: #ffffff;
}
#body table.main tbody tr.highlighted, #body table.main tbody tr.is-logged-in,
.popup-container table.main tbody tr.highlighted,
.popup-container table.main tbody tr.is-logged-in,
.error-popup-content table.main tbody tr.highlighted,
.error-popup-content table.main tbody tr.is-logged-in,
.popup table.main tbody tr.highlighted,
.popup table.main tbody tr.is-logged-in,
.ui-datepicker table.main tbody tr.highlighted,
.ui-datepicker table.main tbody tr.is-logged-in,
.helpHome table.main tbody tr.highlighted,
.helpHome table.main tbody tr.is-logged-in,
.help-content table.main tbody tr.highlighted,
.help-content table.main tbody tr.is-logged-in,
.helpFooter table.main tbody tr.highlighted,
.helpFooter table.main tbody tr.is-logged-in {
  background-color: #3f3f3f !important;
}
#body table.main tbody tr.highlighted a, #body table.main tbody tr.is-logged-in a,
.popup-container table.main tbody tr.highlighted a,
.popup-container table.main tbody tr.is-logged-in a,
.error-popup-content table.main tbody tr.highlighted a,
.error-popup-content table.main tbody tr.is-logged-in a,
.popup table.main tbody tr.highlighted a,
.popup table.main tbody tr.is-logged-in a,
.ui-datepicker table.main tbody tr.highlighted a,
.ui-datepicker table.main tbody tr.is-logged-in a,
.helpHome table.main tbody tr.highlighted a,
.helpHome table.main tbody tr.is-logged-in a,
.help-content table.main tbody tr.highlighted a,
.help-content table.main tbody tr.is-logged-in a,
.helpFooter table.main tbody tr.highlighted a,
.helpFooter table.main tbody tr.is-logged-in a {
  color: #ffffff !important;
}
#body table.main tbody tr.highlighted:hover, #body table.main tbody tr.is-logged-in:hover,
.popup-container table.main tbody tr.highlighted:hover,
.popup-container table.main tbody tr.is-logged-in:hover,
.error-popup-content table.main tbody tr.highlighted:hover,
.error-popup-content table.main tbody tr.is-logged-in:hover,
.popup table.main tbody tr.highlighted:hover,
.popup table.main tbody tr.is-logged-in:hover,
.ui-datepicker table.main tbody tr.highlighted:hover,
.ui-datepicker table.main tbody tr.is-logged-in:hover,
.helpHome table.main tbody tr.highlighted:hover,
.helpHome table.main tbody tr.is-logged-in:hover,
.help-content table.main tbody tr.highlighted:hover,
.help-content table.main tbody tr.is-logged-in:hover,
.helpFooter table.main tbody tr.highlighted:hover,
.helpFooter table.main tbody tr.is-logged-in:hover {
  background-color: #1aa253 !important;
}
#body table.main tbody tr.highlighted:hover td.tableLink, #body table.main tbody tr.is-logged-in:hover td.tableLink,
.popup-container table.main tbody tr.highlighted:hover td.tableLink,
.popup-container table.main tbody tr.is-logged-in:hover td.tableLink,
.error-popup-content table.main tbody tr.highlighted:hover td.tableLink,
.error-popup-content table.main tbody tr.is-logged-in:hover td.tableLink,
.popup table.main tbody tr.highlighted:hover td.tableLink,
.popup table.main tbody tr.is-logged-in:hover td.tableLink,
.ui-datepicker table.main tbody tr.highlighted:hover td.tableLink,
.ui-datepicker table.main tbody tr.is-logged-in:hover td.tableLink,
.helpHome table.main tbody tr.highlighted:hover td.tableLink,
.helpHome table.main tbody tr.is-logged-in:hover td.tableLink,
.help-content table.main tbody tr.highlighted:hover td.tableLink,
.help-content table.main tbody tr.is-logged-in:hover td.tableLink,
.helpFooter table.main tbody tr.highlighted:hover td.tableLink,
.helpFooter table.main tbody tr.is-logged-in:hover td.tableLink {
  background-color: #1aa253 !important;
}
#body table.main tbody tr td:first-child,
.popup-container table.main tbody tr td:first-child,
.error-popup-content table.main tbody tr td:first-child,
.popup table.main tbody tr td:first-child,
.ui-datepicker table.main tbody tr td:first-child,
.helpHome table.main tbody tr td:first-child,
.help-content table.main tbody tr td:first-child,
.helpFooter table.main tbody tr td:first-child {
  padding-right: 1.75em; /* So "->" background-image icon is visible on row hover */
  border-left: 2px solid #bdbdbd;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#body table.main tbody td,
.popup-container table.main tbody td,
.error-popup-content table.main tbody td,
.popup table.main tbody td,
.ui-datepicker table.main tbody td,
.helpHome table.main tbody td,
.help-content table.main tbody td,
.helpFooter table.main tbody td {
  padding: 1.3em 1em !important;
  text-align: left;
  cursor: default;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  border-bottom: 2px solid #bdbdbd;
  border-top: 2px solid #bdbdbd;
  background: #fff;
}
#body table.main tbody td a,
.popup-container table.main tbody td a,
.error-popup-content table.main tbody td a,
.popup table.main tbody td a,
.ui-datepicker table.main tbody td a,
.helpHome table.main tbody td a,
.help-content table.main tbody td a,
.helpFooter table.main tbody td a {
  white-space: pre-wrap;
}
#body table.main tbody td.tableLink,
.popup-container table.main tbody td.tableLink,
.error-popup-content table.main tbody td.tableLink,
.popup table.main tbody td.tableLink,
.ui-datepicker table.main tbody td.tableLink,
.helpHome table.main tbody td.tableLink,
.help-content table.main tbody td.tableLink,
.helpFooter table.main tbody td.tableLink {
  cursor: pointer;
  text-overflow: ellipsis;
}
#body table.main tbody td.white-space-normal,
.popup-container table.main tbody td.white-space-normal,
.error-popup-content table.main tbody td.white-space-normal,
.popup table.main tbody td.white-space-normal,
.ui-datepicker table.main tbody td.white-space-normal,
.helpHome table.main tbody td.white-space-normal,
.help-content table.main tbody td.white-space-normal,
.helpFooter table.main tbody td.white-space-normal {
  white-space: normal;
}
#body table.main tbody td.half-width,
.popup-container table.main tbody td.half-width,
.error-popup-content table.main tbody td.half-width,
.popup table.main tbody td.half-width,
.ui-datepicker table.main tbody td.half-width,
.helpHome table.main tbody td.half-width,
.help-content table.main tbody td.half-width,
.helpFooter table.main tbody td.half-width {
  width: 49%;
}
#body table.main tbody td.quarter-width,
.popup-container table.main tbody td.quarter-width,
.error-popup-content table.main tbody td.quarter-width,
.popup table.main tbody td.quarter-width,
.ui-datepicker table.main tbody td.quarter-width,
.helpHome table.main tbody td.quarter-width,
.help-content table.main tbody td.quarter-width,
.helpFooter table.main tbody td.quarter-width {
  width: 24.5%;
}
#body table.main tbody td.fixedWidthMed,
.popup-container table.main tbody td.fixedWidthMed,
.error-popup-content table.main tbody td.fixedWidthMed,
.popup table.main tbody td.fixedWidthMed,
.ui-datepicker table.main tbody td.fixedWidthMed,
.helpHome table.main tbody td.fixedWidthMed,
.help-content table.main tbody td.fixedWidthMed,
.helpFooter table.main tbody td.fixedWidthMed {
  width: 600px;
  min-width: 50px;
}
#body table.main tbody td.fixedWidthLong,
.popup-container table.main tbody td.fixedWidthLong,
.error-popup-content table.main tbody td.fixedWidthLong,
.popup table.main tbody td.fixedWidthLong,
.ui-datepicker table.main tbody td.fixedWidthLong,
.helpHome table.main tbody td.fixedWidthLong,
.help-content table.main tbody td.fixedWidthLong,
.helpFooter table.main tbody td.fixedWidthLong {
  width: 800px;
}
#body table.main tbody td.overFlowHidden,
.popup-container table.main tbody td.overFlowHidden,
.error-popup-content table.main tbody td.overFlowHidden,
.popup table.main tbody td.overFlowHidden,
.ui-datepicker table.main tbody td.overFlowHidden,
.helpHome table.main tbody td.overFlowHidden,
.help-content table.main tbody td.overFlowHidden,
.helpFooter table.main tbody td.overFlowHidden {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
#body table.main tbody td a,
.popup-container table.main tbody td a,
.error-popup-content table.main tbody td a,
.popup table.main tbody td a,
.ui-datepicker table.main tbody td a,
.helpHome table.main tbody td a,
.help-content table.main tbody td a,
.helpFooter table.main tbody td a {
  font: inherit;
  color: #000 !important;
  width: 100%;
  height: 100%;
  display: block;
}
#body table.main tbody td a:active,
.popup-container table.main tbody td a:active,
.error-popup-content table.main tbody td a:active,
.popup table.main tbody td a:active,
.ui-datepicker table.main tbody td a:active,
.helpHome table.main tbody td a:active,
.help-content table.main tbody td a:active,
.helpFooter table.main tbody td a:active {
  font: inherit;
  color: #000 !important;
}
#body table.main tbody td a:visited,
.popup-container table.main tbody td a:visited,
.error-popup-content table.main tbody td a:visited,
.popup table.main tbody td a:visited,
.ui-datepicker table.main tbody td a:visited,
.helpHome table.main tbody td a:visited,
.help-content table.main tbody td a:visited,
.helpFooter table.main tbody td a:visited {
  font: inherit;
  color: #000 !important;
}
#body table.main tbody td a:hover,
.popup-container table.main tbody td a:hover,
.error-popup-content table.main tbody td a:hover,
.popup table.main tbody td a:hover,
.ui-datepicker table.main tbody td a:hover,
.helpHome table.main tbody td a:hover,
.help-content table.main tbody td a:hover,
.helpFooter table.main tbody td a:hover {
  font: inherit;
  color: #000 !important;
}
#body table.main tbody td:last-child,
.popup-container table.main tbody td:last-child,
.error-popup-content table.main tbody td:last-child,
.popup table.main tbody td:last-child,
.ui-datepicker table.main tbody td:last-child,
.helpHome table.main tbody td:last-child,
.help-content table.main tbody td:last-child,
.helpFooter table.main tbody td:last-child {
  border-right: 2px solid #bdbdbd;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
#body table.main tbody td.noData,
.popup-container table.main tbody td.noData,
.error-popup-content table.main tbody td.noData,
.popup table.main tbody td.noData,
.ui-datepicker table.main tbody td.noData,
.helpHome table.main tbody td.noData,
.help-content table.main tbody td.noData,
.helpFooter table.main tbody td.noData {
  background-color: #fff !important;
}
#body table.main .table-amount,
.popup-container table.main .table-amount,
.error-popup-content table.main .table-amount,
.popup table.main .table-amount,
.ui-datepicker table.main .table-amount,
.helpHome table.main .table-amount,
.help-content table.main .table-amount,
.helpFooter table.main .table-amount {
  width: 33%;
  float: left;
}
#body table.main .table-amount label,
.popup-container table.main .table-amount label,
.error-popup-content table.main .table-amount label,
.popup table.main .table-amount label,
.ui-datepicker table.main .table-amount label,
.helpHome table.main .table-amount label,
.help-content table.main .table-amount label,
.helpFooter table.main .table-amount label {
  margin-bottom: 0;
  float: left;
  width: 3.5em;
  height: 28px;
  margin-top: 0.8em;
  font-weight: 700;
}
#body table.main .table-amount select,
.popup-container table.main .table-amount select,
.error-popup-content table.main .table-amount select,
.popup table.main .table-amount select,
.ui-datepicker table.main .table-amount select,
.helpHome table.main .table-amount select,
.help-content table.main .table-amount select,
.helpFooter table.main .table-amount select {
  max-width: 75px;
  float: left;
  font-size: 0.9em;
}
#body table.main .table-showing,
.popup-container table.main .table-showing,
.error-popup-content table.main .table-showing,
.popup table.main .table-showing,
.ui-datepicker table.main .table-showing,
.helpHome table.main .table-showing,
.help-content table.main .table-showing,
.helpFooter table.main .table-showing {
  float: right;
  height: 40px;
  font-weight: 700;
  display: block;
  font-size: 0.9em;
  display: inline-block;
  margin-top: 0.8em;
}
#body table.main em,
.popup-container table.main em,
.error-popup-content table.main em,
.popup table.main em,
.ui-datepicker table.main em,
.helpHome table.main em,
.help-content table.main em,
.helpFooter table.main em {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
#body table.main .select-all-items,
.popup-container table.main .select-all-items,
.error-popup-content table.main .select-all-items,
.popup table.main .select-all-items,
.ui-datepicker table.main .select-all-items,
.helpHome table.main .select-all-items,
.help-content table.main .select-all-items,
.helpFooter table.main .select-all-items {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #4c4b4b !important;
  font-weight: 700;
  color: #ffffff;
}
#body table.main .select-all-items a,
.popup-container table.main .select-all-items a,
.error-popup-content table.main .select-all-items a,
.popup table.main .select-all-items a,
.ui-datepicker table.main .select-all-items a,
.helpHome table.main .select-all-items a,
.help-content table.main .select-all-items a,
.helpFooter table.main .select-all-items a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 500;
}
#body table.main .select-all-items a:hover,
.popup-container table.main .select-all-items a:hover,
.error-popup-content table.main .select-all-items a:hover,
.popup table.main .select-all-items a:hover,
.ui-datepicker table.main .select-all-items a:hover,
.helpHome table.main .select-all-items a:hover,
.help-content table.main .select-all-items a:hover,
.helpFooter table.main .select-all-items a:hover {
  color: #66c124;
  font-weight: 500;
}
#body table.white-space-normal tbody td,
.popup-container table.white-space-normal tbody td,
.error-popup-content table.white-space-normal tbody td,
.popup table.white-space-normal tbody td,
.ui-datepicker table.white-space-normal tbody td,
.helpHome table.white-space-normal tbody td,
.help-content table.white-space-normal tbody td,
.helpFooter table.white-space-normal tbody td {
  white-space: normal;
}
#body,
.popup-container,
.error-popup-content,
.popup,
.ui-datepicker,
.helpHome,
.help-content,
.helpFooter {
  /* Table filtering / searching n.b. filterButton is for tabler, search-button is for tabler2 */
}
#body .filterButton,
.popup-container .filterButton,
.error-popup-content .filterButton,
.popup .filterButton,
.ui-datepicker .filterButton,
.helpHome .filterButton,
.help-content .filterButton,
.helpFooter .filterButton {
  float: right;
  width: 50px;
  height: 100%;
  background-image: url(../img/magnifying-glass-solid.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 21px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body .filterButton button.headerActionButton:first,
.popup-container .filterButton button.headerActionButton:first,
.error-popup-content .filterButton button.headerActionButton:first,
.popup .filterButton button.headerActionButton:first,
.ui-datepicker .filterButton button.headerActionButton:first,
.helpHome .filterButton button.headerActionButton:first,
.help-content .filterButton button.headerActionButton:first,
.helpFooter .filterButton button.headerActionButton:first {
  margin-right: 30px !important;
}
#body .search-button,
.popup-container .search-button,
.error-popup-content .search-button,
.popup .search-button,
.ui-datepicker .search-button,
.helpHome .search-button,
.help-content .search-button,
.helpFooter .search-button {
  background-image: url(../img/search-wht.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 40px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body .search-button-outer,
.popup-container .search-button-outer,
.error-popup-content .search-button-outer,
.popup .search-button-outer,
.ui-datepicker .search-button-outer,
.helpHome .search-button-outer,
.help-content .search-button-outer,
.helpFooter .search-button-outer {
  width: 34px;
  border-left-width: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body .search-button-outer .search-button,
.popup-container .search-button-outer .search-button,
.error-popup-content .search-button-outer .search-button,
.popup .search-button-outer .search-button,
.ui-datepicker .search-button-outer .search-button,
.helpHome .search-button-outer .search-button,
.help-content .search-button-outer .search-button,
.helpFooter .search-button-outer .search-button {
  margin-bottom: 0;
  width: 40px;
  max-width: 40px;
  height: 40px;
  margin-top: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  float: right;
  background-size: 40px;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#body .table-search,
.popup-container .table-search,
.error-popup-content .table-search,
.popup .table-search,
.ui-datepicker .table-search,
.helpHome .table-search,
.help-content .table-search,
.helpFooter .table-search {
  display: inline-block;
  position: relative;
  float: right;
  top: -3px;
  right: 25px;
  margin: 0;
  padding: 0.1em;
  max-width: 200px;
  font-size: 1em;
}
#body button.table-pagination,
.popup-container button.table-pagination,
.error-popup-content button.table-pagination,
.popup button.table-pagination,
.ui-datepicker button.table-pagination,
.helpHome button.table-pagination,
.help-content button.table-pagination,
.helpFooter button.table-pagination {
  margin-left: 1em;
}
#body button.table-pagination:last-child,
.popup-container button.table-pagination:last-child,
.error-popup-content button.table-pagination:last-child,
.popup button.table-pagination:last-child,
.ui-datepicker button.table-pagination:last-child,
.helpHome button.table-pagination:last-child,
.help-content button.table-pagination:last-child,
.helpFooter button.table-pagination:last-child {
  margin-left: 0;
}
#body,
.popup-container,
.error-popup-content,
.popup,
.ui-datepicker,
.helpHome,
.help-content,
.helpFooter {
  /* SWITCH */
}
#body .switch-container,
.popup-container .switch-container,
.error-popup-content .switch-container,
.popup .switch-container,
.ui-datepicker .switch-container,
.helpHome .switch-container,
.help-content .switch-container,
.helpFooter .switch-container {
  width: 100%;
  display: block;
  margin: 2.7em 0 0 0;
  float: left;
}
#body .switch-content,
.popup-container .switch-content,
.error-popup-content .switch-content,
.popup .switch-content,
.ui-datepicker .switch-content,
.helpHome .switch-content,
.help-content .switch-content,
.helpFooter .switch-content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3% 0 3%;
  color: #323a45;
  font-weight: 400;
  float: left;
}
#body .switch-content.odd,
.popup-container .switch-content.odd,
.error-popup-content .switch-content.odd,
.popup .switch-content.odd,
.ui-datepicker .switch-content.odd,
.helpHome .switch-content.odd,
.help-content .switch-content.odd,
.helpFooter .switch-content.odd {
  background: #eef0f3;
  border: 2px solid #eef0f3;
}
#body .switch-content.even,
.popup-container .switch-content.even,
.error-popup-content .switch-content.even,
.popup .switch-content.even,
.ui-datepicker .switch-content.even,
.helpHome .switch-content.even,
.help-content .switch-content.even,
.helpFooter .switch-content.even {
  background: #ffffff;
  border: 2px solid #ffffff;
}
#body .switch-txt,
.popup-container .switch-txt,
.error-popup-content .switch-txt,
.popup .switch-txt,
.ui-datepicker .switch-txt,
.helpHome .switch-txt,
.help-content .switch-txt,
.helpFooter .switch-txt {
  float: left;
  padding: 0.7em 0 0.7em 0;
}
#body .switch,
.popup-container .switch,
.error-popup-content .switch,
.popup .switch,
.ui-datepicker .switch,
.helpHome .switch,
.help-content .switch,
.helpFooter .switch {
  width: 60px;
  float: right;
  padding: 0.3em 0 0 0;
}
#body .onoffswitch,
.popup-container .onoffswitch,
.error-popup-content .onoffswitch,
.popup .onoffswitch,
.ui-datepicker .onoffswitch,
.helpHome .onoffswitch,
.help-content .onoffswitch,
.helpFooter .onoffswitch {
  position: relative;
  width: 56px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#body .onoffswitch-checkbox,
.popup-container .onoffswitch-checkbox,
.error-popup-content .onoffswitch-checkbox,
.popup .onoffswitch-checkbox,
.ui-datepicker .onoffswitch-checkbox,
.helpHome .onoffswitch-checkbox,
.help-content .onoffswitch-checkbox,
.helpFooter .onoffswitch-checkbox {
  display: none;
}
#body .onoffswitch-label,
.popup-container .onoffswitch-label,
.error-popup-content .onoffswitch-label,
.popup .onoffswitch-label,
.ui-datepicker .onoffswitch-label,
.helpHome .onoffswitch-label,
.help-content .onoffswitch-label,
.helpFooter .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  padding: 0;
  margin: 0;
}
#body .onoffswitch-inner,
.popup-container .onoffswitch-inner,
.error-popup-content .onoffswitch-inner,
.popup .onoffswitch-inner,
.ui-datepicker .onoffswitch-inner,
.helpHome .onoffswitch-inner,
.help-content .onoffswitch-inner,
.helpFooter .onoffswitch-inner {
  display: block;
  width: 100%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
#body .onoffswitch-inner:before, #body .onoffswitch-inner:after,
.popup-container .onoffswitch-inner:before,
.popup-container .onoffswitch-inner:after,
.error-popup-content .onoffswitch-inner:before,
.error-popup-content .onoffswitch-inner:after,
.popup .onoffswitch-inner:before,
.popup .onoffswitch-inner:after,
.ui-datepicker .onoffswitch-inner:before,
.ui-datepicker .onoffswitch-inner:after,
.helpHome .onoffswitch-inner:before,
.helpHome .onoffswitch-inner:after,
.help-content .onoffswitch-inner:before,
.help-content .onoffswitch-inner:after,
.helpFooter .onoffswitch-inner:before,
.helpFooter .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: 700;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#body .onoffswitch-inner:before,
.popup-container .onoffswitch-inner:before,
.error-popup-content .onoffswitch-inner:before,
.popup .onoffswitch-inner:before,
.ui-datepicker .onoffswitch-inner:before,
.helpHome .onoffswitch-inner:before,
.help-content .onoffswitch-inner:before,
.helpFooter .onoffswitch-inner:before {
  content: "On";
  padding-left: 9px;
  background-color: #323A45;
  color: #FFFFFF;
}
#body .onoffswitch-inner:after,
.popup-container .onoffswitch-inner:after,
.error-popup-content .onoffswitch-inner:after,
.popup .onoffswitch-inner:after,
.ui-datepicker .onoffswitch-inner:after,
.helpHome .onoffswitch-inner:after,
.help-content .onoffswitch-inner:after,
.helpFooter .onoffswitch-inner:after {
  content: "Off";
  padding-right: 9px;
  background-color: #ACB2BA;
  color: #FFFFFF;
  text-align: right;
}
#body .onoffswitch-switch,
.popup-container .onoffswitch-switch,
.error-popup-content .onoffswitch-switch,
.popup .onoffswitch-switch,
.ui-datepicker .onoffswitch-switch,
.helpHome .onoffswitch-switch,
.help-content .onoffswitch-switch,
.helpFooter .onoffswitch-switch {
  display: block;
  width: 12px;
  margin: 6px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
#body .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.popup-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.error-popup-content .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.popup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.ui-datepicker .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.helpHome .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.help-content .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.helpFooter .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
#body .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.popup-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.error-popup-content .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.popup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.ui-datepicker .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.helpHome .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.help-content .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.helpFooter .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
#body .onoffswitch-checked .onoffswitch-inner,
.popup-container .onoffswitch-checked .onoffswitch-inner,
.error-popup-content .onoffswitch-checked .onoffswitch-inner,
.popup .onoffswitch-checked .onoffswitch-inner,
.ui-datepicker .onoffswitch-checked .onoffswitch-inner,
.helpHome .onoffswitch-checked .onoffswitch-inner,
.help-content .onoffswitch-checked .onoffswitch-inner,
.helpFooter .onoffswitch-checked .onoffswitch-inner {
  margin-left: 0;
}
#body .onoffswitch-checked .onoffswitch-switch,
.popup-container .onoffswitch-checked .onoffswitch-switch,
.error-popup-content .onoffswitch-checked .onoffswitch-switch,
.popup .onoffswitch-checked .onoffswitch-switch,
.ui-datepicker .onoffswitch-checked .onoffswitch-switch,
.helpHome .onoffswitch-checked .onoffswitch-switch,
.help-content .onoffswitch-checked .onoffswitch-switch,
.helpFooter .onoffswitch-checked .onoffswitch-switch {
  right: 0px;
}

.header + .tab-content {
  background-color: white !important;
  padding: 2% !important;
  padding-top: 3px !important;
  border-top: 0px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#body {
  margin: auto auto !important;
  padding-bottom: 0 !important;
  display: inline-block;
}
#body .header button.header-tab {
  background: #282d42;
  margin-left: 10px !important;
}
#body .header button.header-tab.selected {
  background: #4c4b4b !important;
  border: none !important;
}
#body button.table-pagination {
  border-radius: 5px;
  margin-right: 1em !important;
}

div.hasDashboard {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Dashboard holding stuff */
#dashboardHolder {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
#dashboardHolder #dashboardCell {
  width: 100%;
  height: 100%;
}
#dashboardHolder #dashboardCell iframe {
  width: 100%;
  height: 100%;
}

#dashboardHolder.underMenu {
  position: relative;
  float: left;
  width: 102% !important;
}

.main {
  -webkit-overflow-scrolling: auto;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Popups */
.popup-background {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  background-color: Black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.popup {
  position: fixed;
  display: block;
  overflow-y: auto;
  left: 50%;
  z-index: 9999999;
  padding: 0;
}

.popup-content {
  background: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 1em;
}
.popup-content label.errorMessage {
  color: #d14242;
}
.popup-content .header {
  margin-top: 0 !important;
}
.popup-content button.popup-close {
  background-image: url(../Images/Popup/close.png);
  background-repeat: no-repeat;
  display: none;
  height: 10px;
  width: 10px;
  background-position: center;
  margin-top: -10px;
  margin-right: -12px;
  border-radius: 5px;
  padding: 0;
  float: right;
  cursor: pointer;
  border: none;
}
.popup-content button.targetDefCheckButton {
  margin-bottom: 1em !important;
}
.popup-content textarea {
  border: 1px solid #d0d6de;
  min-height: 10em;
  width: 100%;
}
.popup-content p label + span, .popup-content p label + .text-area, .popup-content p .spanStyling, .popup-content p span + .spanList, .popup-content p .spanList {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 99%;
  min-height: 41px;
  padding: 0.7em 0.7em 0.7em 0.7em !important;
  color: #323a45;
  font-weight: 700;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
  overflow: auto;
  scrollbar-width: none;
}
.popup-content p label + span::-webkit-scrollbar {
  display: none;
}
.popup-content p span {
  text-align: left !important;
  white-space: pre-wrap;
}
.popup-content p span a {
  white-space: pre-wrap;
}
.popup-content p span.white-space-normal {
  white-space: normal;
}
.popup-content p span + .spanList, .popup-content p .spanList {
  margin-top: 1em;
}
.popup-content p label + span.spanList {
  margin-top: 0;
}
.popup-content p .halfSpan {
  width: 45%;
  min-width: 45%;
  display: inline-block;
  margin-left: 9%;
}
.popup-content p label.checkboxLabel {
  display: inline;
  position: relative;
  top: -0.2em;
}
.popup-content p label.dbExporterLabel {
  width: 87%;
  display: inline-block;
}
.popup-content p .text-block {
  white-space: pre-wrap;
}
.popup-content p input:not([type=checkbox]) {
  height: 41px;
  text-align: left !important;
}
.popup-content p span.hasbutton, .popup-content p select.hasbutton, .popup-content p input.hasbutton {
  width: 90%;
  min-width: 90%;
  display: inline-block;
}
.popup-content p span.hasbutton ~ button, .popup-content p select.hasbutton ~ button, .popup-content p input.hasbutton ~ button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
  float: right;
}
.popup-content p span.lookup, .popup-content p input.lookup {
  width: 80%;
  min-width: 80%;
}
.popup-content p span.lookup ~ button, .popup-content p input.lookup ~ button {
  width: 17%;
}
.popup-content p select.hasbutton {
  width: 85%;
}
.popup-content p label + button {
  display: inline-block;
  margin: 0;
  height: 41px;
  padding: 0.7em 1% 0.7em 1%;
  width: 7%;
}
.popup-content #wizard-steps-finished,
.popup-content #wizard-steps {
  height: 100%;
}
.popup-content #wizard-steps-finished {
  float: left;
}
.popup-content #wizard-steps {
  float: right;
}
.popup-content #wizard-steps-finished span {
  float: right;
}
.popup-content #wizard-steps span {
  float: left;
}
.popup-content [class*=wizard-step-] {
  width: 15px;
  height: 100%;
  display: block;
}
.popup-content [class*=wizard-step-] span {
  display: block;
  bottom: 0;
  position: absolute;
  margin-bottom: 26px;
  margin-left: 11px;
  font-size: 16px;
  color: #FFF;
}
.popup-content .wizard-step-1 {
  background: #0E7B62;
}
.popup-content .wizard-step-2 {
  background: #0B614E;
}
.popup-content button.wizard-button {
  float: right;
  height: 34px;
  width: 34px;
  background: none;
  margin-top: 1em;
  border: none;
  cursor: pointer;
}
.popup-content #wizard-button-forward {
  background: url("../Images/Popup/forward.png");
}
.popup-content #wizard-button-forward:hover {
  background-position: -34px;
}
.popup-content #wizard-button-back {
  background: url("../Images/Popup/back.png");
}
.popup-content #wizard-button-back:hover {
  background-position: -34px;
}
.popup-content #wizard-button-confirm {
  background: url("../Images/Popup/confirm.png");
}
.popup-content #wizard-button-confirm:hover {
  background-position: -34px;
}
.popup-content p.inline {
  padding-top: 0.5em !important;
  clear: both;
}
.popup-content p.inline label {
  display: inline-block !important;
  width: 30% !important;
  min-width: 30% !important;
}
.popup-content p.inline input, .popup-content p.inline select {
  display: inline-block !important;
  width: 65% !important;
  margin-left: 5%;
  min-width: 65% !important;
  float: right;
  margin-top: 0.5em;
}
.popup-content p.inline span {
  width: 65% !important;
  margin-left: 5%;
  min-width: 65% !important;
  float: right;
}
.popup-content p.inline input[type=date], .popup-content p.inline input[type=datetime], .popup-content p.inline input[type=datetime-local], .popup-content p.inline input[type=email], .popup-content p.inline input[type=file],
.popup-content p.inline input[type=month], .popup-content p.inline input[type=number], .popup-content p.inline input[type=password], .popup-content p.inline input[type=search], .popup-content p.inline input[type=text], .popup-content p.inline input[type=time],
.popup-content p.inline input[type=url], .popup-content p.inline input[type=week] {
  width: 65% !important;
  margin-left: 5%;
}
.popup-content ul.recovery-codes {
  list-style: none;
  padding: 0.5em;
  margin: 0.1em;
}
.popup-content ul.recovery-codes li {
  display: block;
  margin: 0.2em;
  padding: 0.1em;
}

/* Error pop-up */
.error-popup-content {
  position: fixed;
  width: 100%;
  top: 50%;
  background: #66c124;
  color: #ffffff;
  padding: 18px 100px;
  z-index: 999999;
  margin: 0;
  background-image: url(../img/cancel-wht.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100px;
}
.error-popup-content h2 {
  font-weight: 400;
  font-size: 1.6em;
}
.error-popup-content .error-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent !important;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #fff !important;
  padding: 0;
  line-height: 1;
  display: inline-block;
  margin: 0;
}
.error-popup-content .error-popup-close:hover {
  color: rgba(255, 255, 255, 0.8) !important;
  background: transparent !important;
}

/* Terms and conditions */
.termsAndConditions {
  background: white;
  margin-left: -30px;
  margin-right: -30px;
}
.termsAndConditions #terms-replace-me {
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 1em;
  padding-top: 0.5em;
}
.termsAndConditions #terms-controls {
  font-weight: bold;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 1em;
  padding-top: 0.5em;
  border-top: 2px solid #323a45;
}
.termsAndConditions #terms-controls #acceptMessage {
  float: left;
  margin-right: 10px;
}
.termsAndConditions #terms-controls #acceptCheckbox {
  margin: 0.15em;
  height: auto;
}
.termsAndConditions input {
  width: auto;
}
.termsAndConditions input[type=button] {
  background-color: #66c124;
  text-align: center;
  border: 3px solid transparent;
  margin: 1.3em 0 1em 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.termsAndConditions input[type=button].disabled {
  background-color: #596069;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.termsAndConditions input[type=button].disabled:hover {
  background-color: #596069;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.termsAndConditions input[type=button]:hover {
  background-color: #4c4b4b;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.termsAndConditions #acceptErrorMessage {
  display: none;
  color: #d14242;
}

/* Date picker */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
  border: 2px solid #323a45;
  background: #fff;
  color: #ffffff;
  margin: 0;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.13);
  z-index: 10000000 !important;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: #66c124;
  font-size: 1em;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  width: auto;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  background-color: #596069;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 0px;
  left: 0px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 0px;
  right: 0px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background-color: #4c4b4b;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background-color: #4c4b4b;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
  background-color: #3f3f3f;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
  background-color: #3f3f3f;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  position: relative;
  top: 11px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  position: relative;
  top: 11px;
  left: 5px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th {
  background-color: #3f3f3f;
  font-size: 1em;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 3px 3px;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td a {
  display: block;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  color: #323a45;
}
.ui-datepicker .ui-datepicker-calendar th a:hover,
.ui-datepicker .ui-datepicker-calendar td a:hover {
  display: block;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
  background-color: #4c4b4b;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ui-datepicker .ui-datepicker-calendar th a:hover:active,
.ui-datepicker .ui-datepicker-calendar td a:hover:active {
  background-color: #3f3f3f;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ui-datepicker .ui-datepicker-calendar tr:nth-child(even) {
  background-color: #f6f7f9;
}

/* Auto-complete */
.autocomplete-arrow {
  position: relative;
  left: -2%;
  top: 14px;
  float: right;
  margin-left: -18px;
  height: 12px;
  width: 12px;
  background-image: url("../Images/Table/search.png");
  background-color: #ffffff;
  display: inline-block;
  z-index: 49;
  cursor: pointer;
}

.autocomplete-results {
  position: absolute;
  color: #323a45;
  background-color: #ffffff;
  overflow-x: auto;
  display: block;
  height: 300px;
  z-index: 99999;
  border: 2px solid #66c124;
  width: 30em;
}
.autocomplete-results ul {
  list-style: none;
}
.autocomplete-results ul .autocomplete-selected {
  background-color: #66c124;
  color: #ffffff;
}
.autocomplete-results ul li {
  padding: 3px;
  padding-left: 1em;
}
.autocomplete-results ul li:hover {
  cursor: pointer;
  background-color: #66c124;
  color: #ffffff;
}
.autocomplete-results .autocomplete-loading {
  width: 100%;
  height: 100%;
  display: none;
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
  background-color: Black;
  z-index: 999999;
  padding-top: 110px;
}
.autocomplete-results .autocomplete-loading div {
  width: 128px;
  height: 15px;
  margin: auto auto;
  background-image: url("../Images/Content/autocomplete-loader.gif");
  background-repeat: no-repeat;
  z-index: 9999999;
}

/* Side-menu stuff */
#mainWrapper {
  transition: transform 0.3s;
}

#mainWrapper.pushOver {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
}
#mainWrapper.pushOver #footer {
  opacity: 0;
  height: 0;
  width: inherit;
  visibility: hidden;
  -webkit-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  -moz-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  -o-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
}

#mainWrapper.pullOver {
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
}
#mainWrapper.pullOver #footer {
  opacity: 0;
  height: 0;
  width: inherit;
  visibility: hidden;
  -webkit-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  -moz-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  -o-transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
  transition: visibility 0.001s linear 0.001s, opacity 0.001s linear;
}

.menuWrapper {
  position: fixed;
  z-index: 200;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  top: 0;
  background: #ffffff;
}

#hamWrapper {
  left: 0;
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
}

#hamWrapper.isActive {
  transform: translateX(0);
  -ms-transform: translateX(0);
}

#hamWrapper.isPeek {
  transform: translateX(-90%);
  -ms-transform: translateX(-90%);
}

#notificationWrapper {
  right: 0;
  transform: translateX(100%);
  -ms-transform: translateX(100%);
}

#notificationWrapper.isActive {
  transform: translateX(0);
  -ms-transform: translateX(0);
}

.menuWrapper .menuCloseHolder {
  background-color: #ffffff;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper #hamCloseHolder {
  text-align: right;
}

.menuCloseButton {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  height: 40px;
  width: 25px;
  background-color: #66c124;
  border: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding: 0.2em;
}

.menuCloseButton:hover {
  background-color: #4c4b4b;
}

#hamCloseButton {
  border-left: 1px solid rgba(0, 0, 0, 0.298039);
  background-image: url(../Images/Footer/cancel-light.png);
}

#notificationCloseButton {
  border-right: 1px solid rgba(0, 0, 0, 0.298039);
  background-image: url(../Images/Footer/cancel-light.png);
}

.menuWrapper a#home-icon {
  width: 42px !important;
  height: 40px;
  background: url(../Images/Sidebar/home-white.png) center no-repeat;
  background-size: 30px;
  background-color: #66c124;
  padding: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  text-indent: -9999px;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper a:hover#home-icon {
  background-image: url(../Images/Sidebar/home-white.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4c4b4b;
  background-size: 30px;
}

.menuWrapper a#notification-refresh-icon {
  width: 42px !important;
  height: 40px;
  background: url(../img/refresh.png) center center no-repeat;
  background-size: 23px 26px;
  background-color: #66c124;
  padding: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  text-indent: -9999px;
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper a:hover#notification-refresh-icon {
  background-color: #4c4b4b;
}

.menuWrapper #notificationsIncludeArchived {
  margin-left: 28px;
}

.menuWrapper #notificationsIncludeArchivedText {
  position: relative;
  top: -0.25em;
}

.menuWrapper a span {
  color: #323a45;
}

/* Side-menu - Top Level Items (i.e. 'folders') */
.menuWrapper > ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper > ul > li:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0980392), rgba(0, 0, 0, 0.0980392));
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li.active:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0980392), rgba(0, 0, 0, 0.0980392));
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li.active {
  background-color: #4c4b4b;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li > a {
  padding: 0.8em 0.8em 0.8em 15px;
  display: block;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-weight: 400;
  display: block;
  clear: both;
  margin-left: 0;
  color: #323a45;
}

.menuWrapper > ul > li > a span {
  width: 100%;
  display: block;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li.has-sub > a span {
  background: url(../img/arrow-right.svg) center right no-repeat;
  background-size: 15px 15px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li.active > a span {
  font-weight: 700;
}

.menuWrapper > ul > li.has-sub.active > a span {
  background: url(../img/arrow-down.svg) center right no-repeat;
  background-size: 15px 15px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

/* Side-Menu - Sub Menus Items */
.menuWrapper > ul > li > ul {
  width: 100%;
  float: left;
  background-color: #ffffff;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.menuWrapper > ul > li > ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper > ul > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.298039);
}

.menuWrapper > ul > li > ul > li:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0980392), rgba(0, 0, 0, 0.0980392));
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li > ul > li.active:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0980392), rgba(0, 0, 0, 0.0980392));
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper > ul > li > ul > li a {
  padding: 0.4em 0.4em 0.4em 30px;
  display: block;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-weight: 400;
  margin-left: 15px;
}

.menuWrapper > ul > li > ul > li a span:last-child, .data-row .data-column div span {
  position: relative;
  top: -0.4em;
}

.menuWrapper > ul > li > ul > li a input {
  position: relative;
  top: -0.2em;
}

.menuWrapper > ul > li > ul > li:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0980392), rgba(0, 0, 0, 0.0980392));
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.menuWrapper .poweredBy {
  color: #d0d6de;
  position: relative;
  top: -3px;
  left: -3px;
  font-weight: bold;
}
.menuWrapper .poweredBy a {
  text-decoration: underline;
  color: #d0d6de;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.menuWrapper .poweredBy a:hover {
  color: #66c124;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

/* Side Menu - mask out rest of screen */
#menuMask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

#menuMask.isActive {
  width: 100%;
  height: 100%;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  opacity: 0.7;
  -ms-opacity: 0.7;
  transition: opacity 0.3s;
}

body.menuActive {
  overflow: hidden;
}

/* Side-menu icons */
.sidebar-icon, .data-row i {
  width: 40px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

.dotbar-icon {
  background-repeat: no-repeat;
  background-position: 10px center;
}

.sidebar-icon-customers {
  background-image: url("../Images/Sidebar/customers.png");
}

.sidebar-icon-people {
  background-image: url("../Images/Sidebar/customers.png");
}

.sidebar-icon-sites {
  background-image: url("../Images/Sidebar/sites2.png");
}

.sidebar-icon-electricity {
  background-image: url("../img/electricity.svg");
}

.sidebar-icon-gas {
  background-image: url("../img/gas.svg");
}

.sidebar-icon-water {
  background-image: url("../img/water.svg");
}

.sidebar-icon-tariff-black {
  background-image: url("../Images/Sidebar/tariff-black.svg");
}

.sidebar-icon-global-billing {
  background-image: url("../Images/Sidebar/global-billing.svg");
}

.sidebar-icon-accounts {
  background-image: url("../Images/Sidebar/accounts.png");
}

.sidebar-icon-people {
  background-image: url("../Images/Sidebar/people.png");
}

.sidebar-icon-hh-meters {
  background-image: url("../Images/Sidebar/hh-meters2.png");
}

.sidebar-icon-nhh-meters {
  background-image: url("../Images/Sidebar/nhh-meters2.png");
}

.sidebar-icon-livecurve {
  background-image: url("../Images/Sidebar/reports.png");
}

.sidebar-icon-reports {
  background-image: url("../Images/Sidebar/report-chart.png");
}

.sidebar-icon-fullscreen {
  background-image: url("../Images/Sidebar/fullscreen.png");
}

.sidebar-icon-deal-tickets {
  background-image: url("../Images/Sidebar/deal-tickets.png");
}

.sidebar-icon-compliance {
  background-image: url("../Images/Sidebar/compliance.png");
}

.sidebar-icon-agreements {
  background-image: url("../Images/Sidebar/agreements.png");
}

.sidebar-icon-agreement-groups {
  background-image: url("../Images/Sidebar/agreement-groups.png");
}

.sidebar-icon-user-management {
  background-image: url("../Images/Sidebar/user-management.png");
}

.sidebar-icon-data-filters {
  background-image: url("../Images/Sidebar/filter.png");
}

.sidebar-icon-processes {
  background-image: url("../Images/Sidebar/sites2.png");
}

.sidebar-icon-targets {
  background-image: url("../Images/Sidebar/reports.png");
}

.sidebar-icon-target-cost-per-unit {
  background-image: url("../Images/Sidebar/risk-management.png");
}

.sidebar-icon-roles {
  background-image: url("../Images/Sidebar/roles.png");
}

.sidebar-icon-risk-management {
  background-image: url("../Images/Sidebar/risk-management.png");
}

.sidebar-icon-documents-library {
  background-image: url("../Images/Sidebar/documents-library.png");
}

.sidebar-icon-exchange {
  background-image: url("../Images/Sidebar/exchange.png");
}

.sidebar-icon-emissions-overview {
  background-image: url("../Images/Sidebar/overview.png");
}

.sidebar-icon-emissions-data {
  background-image: url("../Images/Sidebar/emissions.png");
}

.sidebar-icon-emissions-configuration {
  background-image: url("../Images/Sidebar/cog.png");
}

/* Notification bar and popups */
.notification {
  padding: 7px;
}
.notification .information {
  color: #4c4b4b;
}
.notification .warning {
  color: goldenrod;
}
.notification .error {
  color: #d14242;
}
.notification .fatal {
  color: magenta;
}
.notification button {
  float: right;
  padding: 0.4em 0.5em 0.4em 0.5em;
}
.notification a {
  display: inline-block;
  text-decoration: underline;
  color: inherit;
}
.notification a:hover {
  text-decoration: none;
}
.notification p:first-child {
  padding-bottom: 7px;
}

.unread p.title {
  font-weight: bold;
}

.notification-popup {
  width: 450px;
  height: 150px;
  display: block;
  position: fixed;
  bottom: 65px;
  right: 0;
  padding: 10px;
  overflow: hidden;
  z-index: 1000000;
  border: 10px solid #d0d6de;
  background-color: #ffffff;
}
.notification-popup .information {
  color: #4c4b4b;
}
.notification-popup .warning {
  color: goldenrod;
}
.notification-popup .error {
  color: #d14242;
}
.notification-popup .fatal {
  color: magenta;
}
.notification-popup button {
  float: left;
  padding: 0.4em 0.5em 0.4em 0.5em;
}
.notification-popup h1 {
  font-size: 16px;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 25px;
}
.notification-popup p {
  width: 100%;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
}
.notification-popup p a {
  width: 100%;
  display: inline-block;
  text-decoration: underline;
  color: inherit;
}
.notification-popup p a:hover {
  text-decoration: none;
}

.home-content {
  position: absolute;
  left: 0;
  right: 0;
  overflow-x: auto;
  background-clip: content-box;
  background-size: contain;
  background-position: center;
}
.home-content table {
  width: 98%;
  height: 99%;
  margin: 0.2% 10px 0 10px;
  padding: 0;
}
.home-content table tr td {
  width: 25%;
  vertical-align: top;
}
.home-content table tr td:first-child {
  padding-left: 0.9em;
}
.home-content table tr td div.twitter {
  width: 95%;
  margin: auto auto;
  padding: 0;
  height: 99%;
  overflow-x: scroll;
}

h2.home-edit-headline {
  width: 97%;
}
h2.home-edit-headline input {
  width: 100%;
  font-size: 1em;
  padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
}

.home-edit-left {
  float: left;
  width: 73%;
  margin: 1em 0 0 0;
  padding: 0 1em 0 0;
  background-repeat: no-repeat;
  height: 100%;
  color: black;
  border-right: 2px solid #d0d6de;
}
.home-edit-left p {
  padding: 0.5em;
}
.home-edit-left {
  /*div.mdd_toolbar_wrap div.mdd_toolbar div.mdd_links {
      margin-right: 1em;
  }*/
}
.home-edit-left div.mdd_resizer_wrap div.mdd_resizer {
  width: 98%;
}
.home-edit-left div.mdd_preview {
  width: 99%;
  font-weight: normal;
  overflow-x: auto;
  height: 300px;
  margin-bottom: 100px;
}

.home-edit-left label,
.home-edit-right label {
  width: 99%;
  margin: 1em 0 0 0;
  padding: 0;
}
.home-edit-left textarea,
.home-edit-left input[type=text],
.home-edit-right textarea,
.home-edit-right input[type=text] {
  width: 99.5%;
  height: 300px;
  min-height: 300px;
  margin: 0.5em auto;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  border: 2px solid #d0d6de;
}
.home-edit-left input[type=text],
.home-edit-right input[type=text] {
  height: 34px;
  min-height: 34px;
  padding: 5px;
}

.home-edit-right {
  float: right;
  height: 100%;
  width: 24%;
  margin: 1em 1em 0 0;
  padding: 0 0 0 0.5em;
}
.home-edit-right div {
  width: 100%;
  display: inline-block;
  padding: 0;
  border-bottom: 1px solid #d0d6de;
}
.home-edit-right div:last-child {
  border-bottom: none;
}
.home-edit-right div input[type=text] {
  margin-top: 5px;
}

.tab-content .settings-row, .tab-content .data-row {
  width: 100%;
  margin: 0.5em;
  padding: 0;
  text-align: center;
}
.tab-content .settings-row .settings-column div a, .tab-content .data-row .settings-column div a {
  padding: 48px 10px 0 !important;
  width: 110px !important;
  height: 80px !important;
}
.tab-content .settings-row .settings-column p, .tab-content .data-row .settings-column p {
  margin-top: 10px;
}
.tab-content .settings-row .data-column, .tab-content .settings-row .settings-column, .tab-content .data-row .data-column, .tab-content .data-row .settings-column {
  width: 20%;
  min-width: 260px;
  margin: 0.5em 0.1em;
  padding: 0.2em;
  vertical-align: text-top;
  display: inline-block;
  text-align: center;
  max-height: 160px;
}
.tab-content .settings-row .data-column div, .tab-content .settings-row .settings-column div, .tab-content .data-row .data-column div, .tab-content .data-row .settings-column div {
  padding: 0.3em 0;
}
.tab-content .settings-row .data-column div a, .tab-content .settings-row .settings-column div a, .tab-content .data-row .data-column div a, .tab-content .data-row .settings-column div a {
  font-size: 0.9 em;
  font-weight: 700;
  color: #66c124;
  text-decoration: none;
  display: inline-block;
  width: 92px;
  height: 92px;
  border-radius: 70px;
  border-color: #4c4b4b;
  border: 1px;
  border-style: solid;
  padding: 18px;
  transform: scale(0.9);
  transition: ease-in 0.3s;
}
.tab-content .settings-row .data-column div a:hover, .tab-content .settings-row .settings-column div a:hover, .tab-content .data-row .data-column div a:hover, .tab-content .data-row .settings-column div a:hover {
  text-decoration: #1aa253;
  box-shadow: #aaaaaa 0px 0px 12px;
  transform: scale(1);
  transition: ease-in 0.1s;
}
.tab-content .settings-row .data-column div a i, .tab-content .settings-row .settings-column div a i, .tab-content .data-row .data-column div a i, .tab-content .data-row .settings-column div a i {
  padding: 0.5em 1.2em;
}
.tab-content .settings-row .data-column div a span, .tab-content .settings-row .settings-column div a span, .tab-content .data-row .data-column div a span, .tab-content .data-row .settings-column div a span {
  padding: 0;
}
.tab-content .settings-row .data-column div p, .tab-content .settings-row .settings-column div p, .tab-content .data-row .data-column div p, .tab-content .data-row .settings-column div p {
  margin: 0;
  padding: 0;
}
.tab-content .settings-row .kpi-data-column, .tab-content .data-row .kpi-data-column {
  width: 20%;
  min-width: 260px;
  margin: 2.5em 0.1em 0.1em 0.1em;
  padding: 0.2em;
  vertical-align: text-top;
  display: inline-block;
  text-align: center;
  max-height: 160px;
}
.tab-content .settings-row .kpi-data-column span, .tab-content .data-row .kpi-data-column span {
  padding: 0.5em;
}
.tab-content .settings-row .kpi-data-column div, .tab-content .data-row .kpi-data-column div {
  padding: 0.3em 0;
}
.tab-content .settings-row .kpi-data-column div a, .tab-content .data-row .kpi-data-column div a {
  font-size: 1.2em;
  font-weight: 800;
  color: #66c124;
  text-decoration: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border-color: #4c4b4b;
  border: 6px;
  border-style: solid;
  padding: 15px;
  transform: scale(0.9);
  transition: ease-in 0.3s;
}
.tab-content .settings-row .kpi-data-column div a:hover, .tab-content .data-row .kpi-data-column div a:hover {
  text-decoration: #1aa253;
  box-shadow: #aaaaaa 0px 0px 12px;
  transform: scale(1);
  transition: ease-in 0.1s;
}
.tab-content .settings-row .kpi-data-column div a span, .tab-content .data-row .kpi-data-column div a span {
  display: inline-block;
  padding-top: 0.8em;
  text-align: center;
  vertical-align: central;
}
.tab-content .settings-row .kpi-data-column div p, .tab-content .data-row .kpi-data-column div p {
  margin: 0;
  padding: 0;
}
.tab-content .settings-row #site-column, .tab-content .data-row #site-column {
  background-image: url("../Images/Sidebar/sites2.png");
}
.tab-content .settings-row #account-column, .tab-content .data-row #account-column {
  background-image: url("../Images/Sidebar/accounts.png");
}
.tab-content .settings-row #people-column, .tab-content .data-row #people-column {
  background-image: url("../Images/Sidebar/people.png");
}
.tab-content .settings-row #countries-column, .tab-content .data-row #countries-column {
  background-image: url("../Images/Sidebar/countries.png");
}
.tab-content .settings-row #tariffs-column, .tab-content .data-row #tariffs-column {
  background-image: url("../Images/Sidebar/tariff-black.svg");
  background-size: 35px;
}
.tab-content .settings-row #suppliers-column, .tab-content .data-row #suppliers-column {
  background-image: url("../Images/Sidebar/suppliers.png");
}
.tab-content .settings-row #tenants-column, .tab-content .data-row #tenants-column {
  background-image: url("../img/tenants.svg");
  background-size: 35px;
}
.tab-content .settings-row #interval-meters-column, .tab-content .data-row #interval-meters-column {
  background-image: url("../Images/Sidebar/hh-meters2.png");
}
.tab-content .settings-row #nhh-meters-column, .tab-content .data-row #nhh-meters-column {
  background-image: url("../Images/Sidebar/nhh-meters2.png");
}
.tab-content .settings-row #customer-column, .tab-content .data-row #customer-column {
  background-image: url("../Images/Sidebar/customers.png");
}
.tab-content .settings-row #electricity-column, .tab-content .data-row #electricity-column {
  background-image: url("../img/electricity.svg");
}
.tab-content .settings-row #gas-column, .tab-content .data-row #gas-column {
  background-image: url("../img/gas.svg");
}
.tab-content .settings-row #water-column, .tab-content .data-row #water-column {
  background-image: url("../img/water.svg");
}
.tab-content .settings-row #emissions-publishers-column, .tab-content .data-row #emissions-publishers-column {
  background-image: url("../Images/Sidebar/agreements.png");
}
.tab-content .settings-row #emissions-schemes-column, .tab-content .data-row #emissions-schemes-column {
  background-image: url("../Images/Sidebar/reportingschemes.png");
}
.tab-content .settings-row #emissions-customerschemes-column, .tab-content .data-row #emissions-customerschemes-column {
  background-image: url("../Images/Sidebar/customers.png");
}
.tab-content .settings-row #emissions-carbonoffsets-column, .tab-content .data-row #emissions-carbonoffsets-column {
  background-image: url("../Images/Sidebar/emissions.png");
}
.tab-content .settings-row #emissions-report-column, .tab-content .data-row #emissions-report-column {
  background-image: url("../Images/Sidebar/calculator.png");
  padding: 0px;
}
.tab-content .settings-row #contracts-column, .tab-content .data-row #contracts-column {
  background-image: url("../Images/Sidebar/agreements.png");
}
.tab-content .settings-row #utility-column, .tab-content .data-row #utility-column {
  background-image: url("../Images/Sidebar/instruments.png");
}
.tab-content .settings-row #electricity-column, .tab-content .data-row #electricity-column {
  background-image: url("../img/electricity.svg");
}
.tab-content .settings-row #gas-column, .tab-content .data-row #gas-column {
  background-image: url("../img/gas.svg");
}
.tab-content .settings-row #water-column, .tab-content .data-row #water-column {
  background-image: url("../img/water.svg");
}
.tab-content .settings-row #arrow-down-icon, .tab-content .data-row #arrow-down-icon {
  background-image: url("../Images/Sidebar/arrow-down.png");
  background-size: 35px 35px;
  margin: 10px;
}
.tab-content .settings-row #arrow-up-icon, .tab-content .data-row #arrow-up-icon {
  background-image: url("../Images/Sidebar/arrow-up.png");
  background-size: 35px 35px;
  margin: 10px;
}
.tab-content .settings-row #arrow-left-icon, .tab-content .data-row #arrow-left-icon {
  background-image: url("../Images/Sidebar/arrow-left.png");
  background-size: 35px 35px;
  margin: 10px;
}
.tab-content .settings-row #arrow-down-left-icon, .tab-content .data-row #arrow-down-left-icon {
  background-image: url("../Images/Sidebar/arrow-down.png");
  background-size: 35px 35px;
  transform: rotate(45deg);
  float: left;
}
.tab-content .settings-row #arrow-down-right-icon, .tab-content .data-row #arrow-down-right-icon {
  background-image: url("../Images/Sidebar/arrow-right.png");
  background-size: 35px 35px;
  transform: rotate(45deg);
  float: right;
}
.tab-content .settings-row #arrow-right-icon, .tab-content .data-row #arrow-right-icon {
  background-image: url("../Images/Sidebar/arrow-right.png");
  background-size: 35px 35px;
  margin: 10px;
}
.tab-content .settings-row .data-column span, .tab-content .data-row .data-column span {
  padding: 0.5em;
}

#topMenu {
  position: absolute;
  right: 5px;
  z-index: 2;
  color: #fff;
  float: right;
}
#topMenu #global-search-icon {
  background: url(../img/search-wht.svg) center no-repeat;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px !important;
  text-align: center;
  height: 40px;
  width: 40px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  float: left;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center center;
  border-radius: 50px;
}
#topMenu #global-search-icon:visited {
  background-color: inherit;
}
#topMenu #global-search-icon:hover, #topMenu #global-search-icon:visited:hover {
  background-color: #4c4b4b;
  cursor: pointer;
}
#topMenu #global-search-icon:active, #topMenu #global-search-icon:visited:active {
  background-color: #3f3f3f;
}
#topMenu #search-form {
  height: 35px;
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
  margin-top: 8px;
}
#topMenu #search-form input#search-field {
  width: 200px;
  margin: 4px 0 0 0;
  padding: 5px;
  border: 1px solid #3497db;
  border-radius: 10px;
  font-weight: normal;
  margin-top: 5px;
}
#topMenu #background-tasks-icon {
  width: 40px;
  height: 40px;
  background: url(../img/background-tasks-running.gif) center no-repeat;
  background-size: 25px 25px;
  border: none;
  margin: 5px !important;
  z-index: 2;
  display: inline-block;
  float: left;
}
#topMenu #background-tasks-icon:hover {
  cursor: pointer;
}
#topMenu #userMenu {
  padding: 10px 12px;
  margin-top: 5px;
  display: inline-block;
  text-align: center;
  float: right;
  position: relative;
  border-radius: 100px;
  margin-right: 25px;
  cursor: pointer;
}
#topMenu #userMenu img {
  height: 19px;
  width: 19px;
}
#topMenu #userMenu .headline {
  max-width: 145px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  /*background: url(../img/arrow-down-wht.svg) right no-repeat;*/
  padding-right: 20px;
  white-space: nowrap;
  display: block;
}
#topMenu #userMenu .headline:hover {
  cursor: pointer;
}
#topMenu #userMenu:hover {
  background-color: #4c4b4b !important;
}
#topMenu #userMenu.active {
  background-color: #4c4b4b !important;
}
#topMenu #userMenu ul {
  list-style: none;
  margin: 0;
  text-align: left;
  position: absolute;
  background: #535353;
  right: 0;
  top: 110%;
  border-radius: 10px;
}
#topMenu #userMenu ul li {
  width: 100%;
  height: 30px;
  font-weight: 700;
  padding: 5px 0 0 5px;
}
#topMenu #userMenu ul li a {
  color: white;
  width: 150px !important;
  padding-top: 10px;
  margin: 0px;
}
#topMenu #userMenu ul li a:visited {
  color: white;
}
#topMenu #userMenu ul li:first-child {
  padding-top: 15px;
}

.delete-affected-rows {
  width: 90%;
  margin: 0.8em auto;
}
.delete-affected-rows tr td {
  width: 75%;
}
.delete-affected-rows tr td:last-child {
  width: 25%;
  text-align: center;
}

.delete-update-messages, .update-messages {
  width: 90%;
  margin: 0.8em auto;
}
.delete-update-messages tr td, .update-messages tr td {
  width: 100%;
  text-align: left;
  padding: 0.5em;
}

.update-messages {
  margin: 0.8em 0;
}

.delete-affected-rows {
  width: 90%;
  margin: 0.8em auto;
}
.delete-affected-rows tr td {
  width: 75%;
}
.delete-affected-rows tr td:last-child {
  width: 25%;
  text-align: center;
}

.add-all-weather-stations-update-messages {
  width: 90%;
  margin: 0.8em auto;
}
.add-all-weather-stations-update-messages tr td {
  width: 100%;
  text-align: left;
  padding: 0.5em;
}

.regression-calculation-update-messages {
  width: 90%;
  margin: 0.8em auto;
}
.regression-calculation-update-messages tr td {
  width: 100%;
  text-align: left;
  padding: 0.5em;
}

/* --------------------------------------------------------- Width specific: Wide Menu --------------------------------------------------------- */
@media all and (min-width: 320px) {
  #mainWrapper.pushOver {
    transform: translateX(300px);
    -ms-transform: translateX(300px);
  }
  #mainWrapper.pullOver {
    transform: translateX(-300px);
    -ms-transform: translateX(-300px);
  }
  #hamWrapper {
    width: 300px;
    transform: translateX(-300px);
    -ms-transform: translateX(-300px);
  }
  #notificationWrapper {
    width: 300px;
    transform: translateX(300px);
    -ms-transform: translateX(300px);
  }
}
/* --------------------------------------------------------- Width specific: Narrow Tables --------------------------------------------------------- */
@media screen and (max-width: 420px) {
  .table-showing {
    margin: auto;
    text-align: center;
    width: 100%;
  }
  .tab-content .settings-row .settings-column, .tab-content .settings-row .data-column, .tab-content .settings-row .kpi-data-column, .tab-content .data-row .settings-column, .tab-content .data-row .data-column, .tab-content .data-row .kpi-data-column {
    width: 100%;
    display: block;
  }
}
/* --------------------------------------------------------- Width specific: Wide Stuff --------------------------------------------------------- */
@media screen and (min-width: 768px) {
  /* LOGIN PAGE */
  .loginContainer {
    background-size: 740px 740px;
  }
  .loginContainer .content {
    width: 55%;
    background-size: 375px;
    height: 340px;
    padding: 40px 30px;
    background-position: center 50px;
    -ms-background-position-y: 0px;
  }
  .loginContainer .content #hibp-link {
    display: block;
    margin-top: 7em;
    padding: 0.1em;
  }
  .loginContainer .content #hibp-link a {
    color: white;
    text-decoration: underline;
  }
  .loginContainer .content #hibp-link a:hover {
    text-decoration: none;
  }
  .loginContainer input {
    margin: 0;
    padding: 0.6em 4% 0.6em 4%;
  }
  .loginContainer #loginBtn,
  .loginContainer #changeBtn {
    width: 48%;
    float: left;
    margin-right: 4%;
    padding: 0.6em 0 0.6em 0;
  }
  .loginContainer #forgotten input {
    width: 48%;
    float: left;
    margin: 1.3em 0 0 0;
    padding: 0.6em 0 0.6em 0;
    cursor: pointer;
    font-weight: 400;
  }
  .loginContainer .error,
  .loginContainer .validationMessage {
    border: 3px solid #d14242;
  }
  .loginContainer div.error,
  .loginContainer span.error,
  .loginContainer div.validationMessage,
  .loginContainer span.validationMessage {
    padding: 0.3em 0 0 0;
  }
  /* MAIN BODY */
  #body {
    margin: 0 0.1%;
    padding-bottom: 5%;
  }
  #body h1 {
    font-size: 1.7em;
    padding: 0.5em 0 1em 0;
  }
  #body h2 {
    font-size: 1.5em;
    padding: 0.5em 0 1em 0;
  }
  #body .favourite-marker {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    display: block;
    background: url(../img/favorites-off.svg) center no-repeat;
    background-size: 32px 32px;
    text-indent: -9999px;
    float: right;
  }
  #body .favourite-marker:hover {
    background: url(../img/favorites-hover.svg) center no-repeat;
    background-size: 32px 32px;
  }
  #body .favourite-marker:active {
    background: url(../img/favorites-on.svg) center no-repeat;
    background-size: 32px 32px;
  }
  #body .tab-content {
    margin-bottom: 1em;
  }
  #body .tab-content .content {
    padding: 0;
  }
  #body .tab-content .first {
    width: 33%;
    float: left;
    clear: left;
    margin: 0;
  }
  #body .tab-content .first #mpanDiv {
    height: 172px;
  }
  #body .tab-content .first #mpanDiv .mpanTEXT {
    font-size: 3em;
    height: 45px;
    padding: 0.7em 0 !important;
  }
  #body .tab-content .first div p a.label-with-link {
    text-decoration: underline;
  }
  #body .tab-content .first div p a.label-with-link:hover {
    text-decoration: none;
  }
  #body .tab-content .first.initial {
    width: 25%;
  }
  #body .tab-content .mid {
    width: 33%;
    float: left;
    margin: 0 0.5%;
  }
  #body .tab-content .last {
    width: 33%;
    float: left;
    clear: none;
  }
  #body .tab-content .last p:nth-child(odd) {
    width: 100%;
    float: none;
    clear: none;
  }
  #body .tab-content .last p:nth-child(even) {
    width: 100%;
    float: none;
  }
  #body .tab-content .first .doubleField, #body .tab-content .last .doubleField, #body .tab-content .mid .doubleField {
    width: 100%;
    clear: none;
  }
  #body .tab-content .first .doubleField p, #body .tab-content .last .doubleField p, #body .tab-content .mid .doubleField p {
    width: 49%;
    float: left;
  }
  #body .tab-content .first .doubleField + p, #body .tab-content .last .doubleField + p, #body .tab-content .mid .doubleField + p {
    clear: left;
  }
  #body .tab-content .first .doubleField p:first-of-type, #body .tab-content .last .doubleField p:first-of-type, #body .tab-content .mid .doubleField p:first-of-type {
    margin-right: 2%;
  }
  #body .tab-content .first.threeColumn p, #body .tab-content .mid.threeColumn p, #body .tab-content .last.threeColumn p {
    width: 30%;
    display: inline-block;
  }
  #body .tab-content .first.twoColumn p, #body .tab-content .mid.twoColumn p, #body .tab-content .last.twoColumn p {
    width: 48%;
    display: inline-block;
  }
  #body .tab-content .table {
    margin-top: 0;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1100px) {
  #body .tab-content .first {
    width: 33%;
    float: left;
    clear: left;
    margin: 0;
  }
  #body .tab-content .first #mpanDiv {
    height: 172px;
  }
  #body .tab-content .first #mpanDiv .mpanTEXT {
    font-size: 4em;
    height: 65px;
    padding: 0.4em 0 !important;
  }
}
.checkboxField {
  margin: 11px 0;
}

.borderDiv {
  height: 10px;
  position: static;
  clear: both;
}
.borderDiv .borderP {
  border-top: 2px #eef0f3 solid;
  position: relative;
  top: 10px;
}
.borderDiv .borderP.borderPDark {
  border-top: 2px #848689 solid;
}

#body .tab-content .mpanTEXT {
  width: 15%;
  min-width: 0%;
  height: 100px;
  padding: 0.3em 0 !important;
  text-align: center;
  font-size: 4em;
  background-color: white;
  border: 0;
  float: left;
}
#body .tab-content .mpans {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 26%;
  min-width: 20%;
  min-height: 41px;
  padding: 0.7em 0.7em 0.7em 0.7em !important;
  color: #323a45;
  font-weight: 700;
  text-align: center;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-color: #eef0f3;
  border: 2px solid #eef0f3;
  margin: 10px 1% 0 1%;
  float: left;
}
#body .tab-content .mpansSelect {
  width: 82%;
  min-width: 82%;
  min-height: 41px;
  margin: 10px 1% 0 1%;
  float: left;
}
#body .tab-content .mpanBottomLine {
  width: 82%;
}
#body .tab-content #mpanDiv {
  height: 172px;
}
#body .tab-content #mpanDiv .mpanTEXT {
  width: 10%;
  height: 45px;
  padding: 0.7em 0 !important;
  font-size: 3em;
}
#body .tab-content #mpanDiv #mpanValues {
  float: left;
  width: 70%;
}
#body .tab-content #mpanDiv #mpanValues span {
  width: 30%;
}
#body .tab-content #mpanDiv #mpanValues select {
  margin: 10px 1% 0 1%;
  width: 94%;
}
#body .tab-content #mpanDiv button {
  float: left;
  margin: 3em 0 !important;
}

.tab-content .mpanx {
  width: 32%;
  float: left;
}

.bufferRight:first-of-type {
  margin-right: 0px;
}

#content .tab-content[data-tab] {
  background-color: white;
  padding: 2% !important;
  padding-top: 3px !important;
  border-top: 0px !important;
}
#content div.tab-content div a {
  border-color: #575757 !important;
  color: #575757 !important;
}
#content .home-edit-right small {
  font-size: 50%;
}
#content .home-edit-right button {
  width: 99%;
}
#content .home-edit-right button.selectedOption {
  background-color: #4c4b4b;
}
#content .home-edit-right input[type=file] {
  margin-top: 1em;
}
#content .home-edit-right #backgroundChangeButton {
  display: inline-block;
  margin: 1em 0 !important;
}
#content .home-edit-right .imageOrientation {
  margin-right: 0;
  float: left;
  width: 33%;
}
#content .home-edit-right label, #content .home-edit-left label {
  font-size: 1.5em;
}

div#release-notes-display {
  background-color: white;
  overflow-y: scroll;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 1em;
}
div#release-notes-display ul {
  margin: 0.1em 1em;
  padding: 0 1em;
}
div#release-notes-display button {
  margin-top: 3em;
}

.popup-container .tab-content {
  padding: 0;
}

.tooltip {
  background-color: white;
  border: 1px solid black;
  font-size: 0.75em;
  padding: 4px;
}

table.tariff-check-table {
  border-spacing: 4px;
  border-collapse: separate;
}
table.tariff-check-table thead tr th {
  vertical-align: bottom;
}

div.reporting {
  width: 100%;
  margin: 0;
  padding: 0.5em 0.5em;
}
div.reporting div.kpis {
  width: 99%;
  color: white;
  display: block;
  margin: 1em auto;
  padding: 0;
}
div.reporting div.kpis div.kpi {
  background-color: #66c124;
  text-align: center;
  width: 15%;
  margin: 0.1em;
  padding: 0.5em;
  height: 6em;
  border-radius: 1em;
  display: inline-block;
}
div.reporting div.kpis div.kpi span {
  display: block;
  width: auto;
  height: auto;
  font-weight: bolder;
  font-size: 2em;
  margin: 1em auto;
  padding: 0;
}
div.reporting div.global-filters {
  width: 99%;
  background-color: #323a45;
  display: block;
  border-radius: 0.5em;
  padding-top: 1em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: white;
  font-weight: bold;
}
div.reporting div.global-filters div {
  width: 33%;
  display: inline-block;
}
div.reporting div.global-filters div input, div.reporting div.global-filters div select {
  border-radius: 1em;
  margin-top: 0.5em;
}
div.reporting div.report-view {
  width: 99%;
  margin: auto auto;
  padding-top: 1em;
}
div.reporting div.report-view div.report-select {
  width: 100%;
  display: block;
}
div.reporting div.report-view div.report-select div {
  float: right;
  width: 40em;
}
div.reporting div.report-view div.report-select div select {
  border-radius: 1em;
  margin-top: 0.5em;
  display: inline-block;
  max-width: 90%;
}
div.reporting div.report-view div#report-content {
  width: 100%;
  min-height: 15em;
  display: inline-block;
}
div.reporting div.report-view div.report-chart {
  display: inline-block;
  min-height: 10em;
}
div.reporting div.report-view div.chart-large {
  width: 99%;
  margin: 0.5em auto;
}
div.reporting div.report-view div.chart-medium {
  width: 48%;
  margin: 0.5em;
}
div.reporting div.report-view div.chart-small {
  width: 33%;
  margin: 0.5em;
}

#ValidationMessages div:nth-child(2) {
  display: flex;
  gap: 6px;
}

/* FORM CONTROLS */
#buttonbar, .buttonbar {
  width: 100%;
  background-color: #66c124;
  float: left;
  text-align: center;
}
#buttonbar button, #buttonbar a, .buttonbar button, .buttonbar a {
  background: transparent;
  border: 0;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
}
#buttonbar button, #buttonbar a, .buttonbar button, .buttonbar a {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  background: #005d22;
  border-radius: 10px;
}
#buttonbar button span,
#buttonbar a span, .buttonbar button span,
.buttonbar a span {
  display: block;
  text-transform: capitalize;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
#buttonbar button span:first-child, #buttonbar a span:first-child, .buttonbar button span:first-child, .buttonbar a span:first-child {
  display: block;
  height: 21px;
  width: 38px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
  top: 0em;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 !important;
}
#buttonbar button:hover .icon-check-double, #buttonbar a:hover .icon-check-double, .buttonbar button:hover .icon-check-double, .buttonbar a:hover .icon-check-double {
  background-image: url(../img/check-double.svg);
}
#buttonbar button:hover .icon-wallet, #buttonbar a:hover .icon-wallet, .buttonbar button:hover .icon-wallet, .buttonbar a:hover .icon-wallet {
  background-image: url(../img/wallet.svg);
}
#buttonbar button:hover .icon-history-alt, #buttonbar a:hover .icon-history-alt, .buttonbar button:hover .icon-history-alt, .buttonbar a:hover .icon-history-alt {
  background-image: url(../img/history-alt.svg);
}
#buttonbar button:hover .icon-help, #buttonbar a:hover .icon-help, .buttonbar button:hover .icon-help, .buttonbar a:hover .icon-help {
  background: url(../img/help.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-key, #buttonbar a:hover .icon-key, .buttonbar button:hover .icon-key, .buttonbar a:hover .icon-key {
  background: url(../img/generic-key.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-add-folder, #buttonbar a:hover .icon-add-folder, .buttonbar button:hover .icon-add-folder, .buttonbar a:hover .icon-add-folder {
  background: url(../img/add-folder.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-add-group, #buttonbar a:hover .icon-add-group, .buttonbar button:hover .icon-add-group, .buttonbar a:hover .icon-add-group {
  background: url(../img/add-group.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-weather, #buttonbar a:hover .icon-weather, .buttonbar button:hover .icon-weather, .buttonbar a:hover .icon-weather {
  background: url(../img/weather.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-add-image, #buttonbar a:hover .icon-add-image, .buttonbar button:hover .icon-add-image, .buttonbar a:hover .icon-add-image {
  background: url(../img/add-image.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-inactive, #buttonbar a:hover .icon-inactive, .buttonbar button:hover .icon-inactive, .buttonbar a:hover .icon-inactive {
  background: url(../img/cross.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-active, #buttonbar a:hover .icon-active, .buttonbar button:hover .icon-active, .buttonbar a:hover .icon-active {
  background: url(../img/tick.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .icon-cancel, #buttonbar a:hover .icon-cancel, .buttonbar button:hover .icon-cancel, .buttonbar a:hover .icon-cancel {
  background: url(../img/cancel.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar button:hover .buttonbar-icon-toggle, #buttonbar a:hover .buttonbar-icon-toggle, .buttonbar button:hover .buttonbar-icon-toggle, .buttonbar a:hover .buttonbar-icon-toggle {
  background-image: url("../Images/Footer/toggle.png");
}
#buttonbar button:hover .buttonbar-icon-check, #buttonbar a:hover .buttonbar-icon-check, .buttonbar button:hover .buttonbar-icon-check, .buttonbar a:hover .buttonbar-icon-check {
  background-image: url("../Images/Footer/check.png");
}
#buttonbar button:hover .buttonbar-icon-import, #buttonbar a:hover .buttonbar-icon-import, .buttonbar button:hover .buttonbar-icon-import, .buttonbar a:hover .buttonbar-icon-import {
  background-image: url("../img/generic-import.svg");
}
#buttonbar button:hover .buttonbar-icon-filter, #buttonbar a:hover .buttonbar-icon-filter, .buttonbar button:hover .buttonbar-icon-filter, .buttonbar a:hover .buttonbar-icon-filter {
  background-image: url("../Images/Footer/filter.png");
}
#buttonbar button:hover .buttonbar-icon-customers, #buttonbar a:hover .buttonbar-icon-customers, .buttonbar button:hover .buttonbar-icon-customers, .buttonbar a:hover .buttonbar-icon-customers {
  background-image: url("../Images/Footer/customers.png");
}
#buttonbar button:hover .buttonbar-icon-sync, #buttonbar a:hover .buttonbar-icon-sync, .buttonbar button:hover .buttonbar-icon-sync, .buttonbar a:hover .buttonbar-icon-sync {
  background-image: url("../Images/Footer/sync.png");
}
#buttonbar button:hover .buttonbar-icon-save.disabled, #buttonbar a:hover .buttonbar-icon-save.disabled, .buttonbar button:hover .buttonbar-icon-save.disabled, .buttonbar a:hover .buttonbar-icon-save.disabled {
  background-image: url("../Images/Footer/save-grey.png");
}
#buttonbar button:hover .buttonbar-icon-export-pdf, #buttonbar a:hover .buttonbar-icon-export-pdf, .buttonbar button:hover .buttonbar-icon-export-pdf, .buttonbar a:hover .buttonbar-icon-export-pdf {
  background: url("../Images/Content/exportPdf.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#buttonbar .icon-add-user, .buttonbar .icon-add-user {
  background: url(../img/plus-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-delete-user, .buttonbar .icon-delete-user {
  background: url(../img/icon-delete.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-add, .buttonbar .icon-add {
  background: url(../img/plus-wht.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-file-upload, .buttonbar .icon-file-upload {
  background: url(../img/icon-upload.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-exchange-alt, .buttonbar .icon-exchange-alt {
  background: url(../img/repeat-solid.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-check-double, .buttonbar .icon-check-double {
  background: url(../img/check-double-wht.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-wallet, .buttonbar .icon-wallet {
  background: url(../img/wallet-wht.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-history-alt, .buttonbar .icon-history-alt {
  background: url(../img/history-alt-wht.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-help, .buttonbar .icon-help {
  background: url(../img/help-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-key, .buttonbar .icon-key {
  background: url(../img/generic-key-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-add-folder, .buttonbar .icon-add-folder {
  background: url(../img/add-folder-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-add-group, .buttonbar .icon-add-group {
  background: url(../img/add-group-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-weather, .buttonbar .icon-weather {
  background: url(../img/weather-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-add-image, .buttonbar .icon-add-image {
  background: url(../img/add-image-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-delete, .buttonbar .icon-delete {
  background: url(../img/icon-delete.svg) top center no-repeat;
  background-size: 21px;
}
#buttonbar .icon-active, .buttonbar .icon-active {
  background: url(../img/tick-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-inactive, .buttonbar .icon-inactive {
  background: url(../img/cross-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-cancel, .buttonbar .icon-cancel {
  background: url(../img/xmark-solid.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .buttonbar-icon-cancel, .buttonbar .buttonbar-icon-cancel {
  background: url(../img/generic-cancel-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-cross, .buttonbar .icon-cross {
  background: url(../img/cross-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-edit, .buttonbar .icon-edit {
  background: url(../img/edit-wht-2.svg) top center no-repeat;
  background-size: 22px;
}
#buttonbar .icon-copy, .buttonbar .icon-copy {
  background-image: url("../Images/Footer/check-light.png");
}
#buttonbar .icon-upload, .buttonbar .icon-upload {
  background: url(../img/upload-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-save, .buttonbar .icon-save {
  background: url(../img/save-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .icon-tick, .buttonbar .icon-tick {
  background: url(../img/tick-wht.svg) top center no-repeat;
  background-size: 33px;
}
#buttonbar .buttonbar-icon-toggle, .buttonbar .buttonbar-icon-toggle {
  background-image: url("../Images/Footer/toggle-light.png");
}
#buttonbar .buttonbar-icon-check, .buttonbar .buttonbar-icon-check {
  background-image: url("../Images/Footer/check-light.png");
}
#buttonbar .buttonbar-icon-back, .buttonbar .buttonbar-icon-back {
  background-image: url("../img/arrow-left-solid.svg");
}
#buttonbar .buttonbar-icon-import, .buttonbar .buttonbar-icon-import {
  background: url("../img/generic-import-wht.svg");
}
#buttonbar .buttonbar-icon-export, .buttonbar .buttonbar-icon-export {
  background: url("../img/export-icon-wht.svg");
}
#buttonbar .buttonbar-icon-filter, .buttonbar .buttonbar-icon-filter {
  background-image: url("../Images/Footer/filter-light.png");
}
#buttonbar .buttonbar-icon-customers, .buttonbar .buttonbar-icon-customers {
  background-image: url("../Images/Footer/customers-light.png");
}
#buttonbar .buttonbar-icon-sync, .buttonbar .buttonbar-icon-sync {
  background-image: url("../Images/Footer/sync-light.png");
}
#buttonbar .buttonbar-icon-save, .buttonbar .buttonbar-icon-save {
  background-image: url("../img/check-solid.svg");
}
#buttonbar .buttonbar-icon-save.disabled, .buttonbar .buttonbar-icon-save.disabled {
  background-image: url("../Images/Footer/save-grey.png");
}
#buttonbar .buttonbar-icon-export-pdf, .buttonbar .buttonbar-icon-export-pdf {
  background: url("../Images/Content/exportPdf-light.png");
}
#buttonbar .buttonbar-icon-edit, .buttonbar .buttonbar-icon-edit {
  background-image: url("../Images/Footer/edit-light.png");
}
#buttonbar .icon-history, .buttonbar .icon-history {
  background: url(../img/clock-regular.svg) top center no-repeat;
}

input[type=submit], button {
  border-radius: 5px;
}

.error-dropdown {
  background: #fff !important;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 0.5em 2.5em 0.5em 0.7em;
  display: inline-block;
  min-width: 120px;
  position: relative;
}

.error-dropdown-arrow {
  font-size: 1.3em;
  color: #000;
  line-height: 1;
  vertical-align: middle;
  user-select: none;
  top: 80% !important;
  left: 95% !important;
}

#intensity-measure th {
  padding: 2px 6px !important;
  height: 28px !important;
  line-height: 1.2 !important;
}

#intensity-measure td {
  padding: 2px 6px !important;
  height: 10px !important;
  line-height: 0.5 !important;
}

#intensity-measure input[type=text],
#intensity-measure input[type=number] {
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px 6px !important;
  font-size: 1em !important;
  box-sizing: border-box;
}

#intensity-measure .validationMessage {
  margin-left: 4px;
  font-size: 0.9em;
  padding: 0;
}

#intensity-measure th:first-child,
#intensity-measure td:first-child {
  width: 36px;
  min-width: 36px;
  max-width: 48px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.expand-label-row {
  display: flex;
  align-items: center;
  padding: 5px 0;
  max-height: 5px !important;
  /*user-select: none;*/
}

.expand-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  transition: transform 0.2s;
  border: solid #333;
  border-width: 0 3px 3px 0;
  padding: 0px;
}

.arrow-right {
  transform: rotate(-45deg);
}

.arrow-down {
  transform: rotate(45deg);
}

.arrow-left {
  transform: rotate(135deg);
}

.arrow-up {
  transform: rotate(-135deg);
}

.mid .notch-footnote {
  display: block;
  font-size: 0.85em;
  font-style: italic;
  color: #888;
  margin-top: 0.3em;
}