/* This file is transformed from LESS */
@keyframes glowing {
  0% {
    box-shadow: 0 0 0px #394a58;
  }
  40% {
    box-shadow: 0 0 20px #394a58;
  }
  60% {
    box-shadow: 0 0 20px #394a58;
  }
  100% {
    box-shadow: 0 0 0px #394a58;
  }
}
/*Custom scroll bars*/

/* width */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* Track */

::-webkit-scrollbar-track {
  background: white;
}
div.side-menu::-webkit-scrollbar-track {
  background: white;
  border-radius: 4px;
}
/* Handle */

::-webkit-scrollbar-thumb {
  background: #eeeeee;
  border-radius: 10px;
}
div.side-menu::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #c2e0f0;
}
html {
  box-sizing: border-box;
  background-color: #e0ebf1;
}
textarea {
  resize: none;
}
.body-main.dark {
  background-color: #e0ebf1;
}
body {
  margin: 0px;
  color: #394a58;
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  font-size: 12px;
  min-width: 480px;
}
#Grey,
#Grey body {
  background-color: #eeeeee;
}
body.full-width {
  min-width: 980px;
}
body.full-height {
  overflow-y: hidden;
}
body.full-height .body-main {
  overflow-y: scroll;
}
body.full-height.single-page .body-main {
  overflow-y: overlay;
  overflow-x: hidden;
}
.print #header,
.print .body-main {
  background-color: #eeeeee;
}
#LoginPage .body-main.dark,
body.full-height .body-main.dark {
  background-color: #e0ebf1;
}
#LoginPage div.body-main {
  padding: 0px;
}
#LoginPage {
  background-image: url(../Images/loginback.jpg?v=2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -61px;
  background-color: black;
}
body.full-height.fixed-form-buttons .body-main.dark {
  background-color: #e0ebf1;
}
.body-main {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body.read-only-instance #company-logo:after,
.instance-selection .read-only:after {
  content: url(../Images/ReadOnly.svg);
  display: block;
  transform-origin: top center;
}
body.read-only-instance #company-logo:after {
  transform: scale(0.5);
  margin-left: 0px;
}
.instance-selection .read-only:after {
  transform: scale(0.6);
  margin-top: -14px;
}
textarea {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  font-size: 12px;
}
.login-wrapper {
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: calc((100vh - 265px)/2);
  left: calc((100vw - 530px)/2);
}
.login-form,
.login-message {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 10px;
  padding: 8px;
}
.login-form.with-message,
.login-message {
  float: left;
}
.login-padding {
  float: left;
  width: 50px;
}
div.login {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
}
div.login-title {
  font-weight: bold;
  text-align: center;
}
.change-first-password {
  margin-top: 100px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0px;
  padding: 8px;
  border: solid 0px white;
}
.temp-password {
  margin-bottom: 20px;
  font-size: 14px;
  color: #db4444;
}
#login-top {
  height: 50px;
  background-image: url(../Images/NavigatorNegForPos.svg?v=1), url(../Images/arNeg.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: 175px, 40px;
  background-color: rgba(0, 0, 0, 0.65);
  background-position: 13px 9px, calc(100% - 12px) 11px;
  margin-bottom: 100px;
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#header {
  background-color: #192d38;
}
#site-logo,
#ar-logo {
  height: 20px;
  width: 100px;
  top: 3px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 6px 4px 4px 8px;
  float: right;
  position: relative;
}
#ar-logo {
  background-size: 25px;
  margin-top: 7px;
  background-position-x: calc(100% - 8px);
  height: 16px;
}
.login-header-text {
  position: absolute;
  top: 0px;
  width: 100%;
  color: white;
  text-align: center;
  padding-top: 10px;
  font-size: 20px;
  z-index: 2;
}
#header-title {
  display: none;
  height: 49px;
  color: White;
  background-repeat: no-repeat;
  background-position: right 10px top -4px;
  background-size: contain;
  line-height: 36px;
}
.print #header-title {
  height: 58px;
  display: block;
  margin-top: -38px;
}
#menu-bar {
  padding: 0px 4px 0px 9px;
  background-color: #e0ebf1;
}
.body-padding {
  height: 8px;
  clear: both;
}
#title {
  color: white;
  font-size: 20px;
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  text-overflow: ellipsis;
  line-height: 40px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5px;
}
.dark-text {
  color: #394a58;
}
.light-text {
  color: white;
}
#login-top #title {
  display: none;
}
#title-src {
  display: none;
}
#site-title {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  color: #394a58;
  margin-top: 0px;
  padding-left: 8px;
}
.print #site-title {
  position: absolute;
  width: 100%;
  margin-top: 0px;
}
#site-title .title-suffix {
  float: left;
  margin-left: 3px;
  line-height: 43px;
}
#company-logo {
  display: block;
  height: 29px;
  background-repeat: no-repeat;
  margin: 10px 0px 10px 8px;
  background-size: contain;
  float: left;
  margin-left: 0px;
  width: 185px;
  /*border-right: white 1px solid;*/
  background-origin: content-box;
  padding-right: 6px;
}
#instance-name {
  margin-left: 127px;
  margin-top: 27px;
  font-weight: 800;
  color: #5e5e5e;
  position: absolute;
}
.print #instance-name {
  margin-top: -29px;
}
#site-type {
  text-align: center;
  right: 0px;
  top: 40px;
  position: absolute;
  font-size: 30px;
  height: 30px;
}
#username {
  float: right;
  color: white;
  margin-right: 6px;
  margin-left: 6px;
  margin-top: 0px;
  line-height: 26px;
}
#username a,
#username a:visited {
  text-decoration: none;
  color: white;
}
#status {
  float: right;
  margin-right: 4px;
  font-size: 10pt;
  margin-top: 0px;
}
#status-src {
  display: none;
}
.body-main {
  min-height: 350px;
}
body .body-main,
body #menu-bar {
  padding: 0px 2px 0px calc(30px);
}
body.side-menu-pinned .body-main,
body.side-menu-pinned #menu-bar {
  padding-left: calc(205px);
}
mark {
  background-color: #c2e0f0;
}
span.found-context {
  color: #617e96;
}
.menu-reminder {
  position: fixed;
  z-index: 20;
  top: 50px;
  left: 50px;
  padding-right: 16px;
}
.menu-reminder .ui-icon {
  font-size: 20px;
  float: left;
  color: red;
}
.menu-reminder p {
  float: left;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 4px;
}
.menu-reminder .nw-bounce {
  animation: nw-bounce 2s infinite;
}
@keyframes nw-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) translateX(0);
  }
  40% {
    transform: translateY(-10px) translateX(-10px);
  }
  60% {
    transform: translateY(-5px) translateX(-5px);
  }
}
.print .body-main {
  padding: 8px;
}
/*body.full-height.rwd-body .body-main { padding: 0px; }*/

#footer {
  border-top: 1px solid #c6c7c8;
  clear: both;
  color: #394a58;
  background-color: #192d38;
  z-index: 3;
  height: 35px;
  line-height: 27px;
  display: flex;
}
#footer a:not(.no-highlight):hover {
  color: #be02f8;
}
#LoginPage #footer {
  display: none;
}
.footer-text {
  display: inline;
  font-size: 12px;
  color: white;
  flex: 1;
  text-align: center;
  margin-top: 4px;
}
.footer-text a {
  text-decoration: none;
  color: #394a58;
  padding: 0px 4px;
}
.footer-text a:visited {
  color: #394a58;
}
.footer-text.right {
  float: right;
  margin-top: 1px;
}
#logoutForm {
  display: inline;
}
#logo {
  float: right;
  height: 83px;
}
#powered-by {
  float: right;
  margin-right: 132px;
  font-size: 8pt;
  margin-top: 35px;
  color: #394a58;
}
#help {
  text-decoration: none;
  color: White;
}
#help:hover {
  color: white;
}
#logout {
  text-decoration: none;
  color: White;
}
#logout:hover {
  color: white;
}
.separation-line {
  border-top: 1px solid black;
  clear: both;
  height: 16px;
  position: relative;
  top: 8px;
}
a img {
  border: 0px;
  outline: none;
  -moz-outline-style: none;
}
.full-padding {
  padding: 8px;
  clear: both;
}
.half-padding {
  padding-top: 4px;
  padding-bottom: 4px;
  clear: both;
}
.small-padding {
  padding: 2px;
  clear: both;
}
.no-padding {
  clear: both;
}
.clickable {
  cursor: pointer;
}
.popup {
  min-width: 480px;
}
.overridePopupTitle {
  display: none;
}
#site-tabs .ui-widget-header,
#site-tabs .ui-widget-content,
#site-tabs.ui-widget-content {
  border: none;
  background: none;
}
#site-tabs.ui-tabs {
  margin-top: 3px;
  clear: left;
}
#site-tabs {
  width: calc(100% - 50px);
}
.ui-widget,
ul.fancytree-container,
input,
select,
textarea,
.ui-widget button {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial !important;
  color: #394a58;
  line-height: 18px;
}
ul.fancytree-container {
  font-size: 9pt !important;
  color: #394a58;
}
div.fixed-height > ul.fancytree-container {
  height: 300px;
  overflow: auto !important;
}
span.fancytree-title {
  border-radius: 0px !important;
}
.fancytree-container:focus {
  outline: none;
}
.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-loading span.fancytree-icon,
.fancytree-statusnode-loading span.fancytree-icon:hover {
  background-image: url("../Images/fancytreeloading.gif");
  margin-left: 3px;
  margin-right: -3px;
}
#please-wait {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  width: 100%;
  height: 100%;
}
#pw-overlay {
  background: black 50% 50% repeat-x;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
}
#pw-message img {
  width: 20px;
}
#pw-message {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#pw-message div {
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
  padding: 8px;
}
.sk-fading-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #394a58;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.panel-busy .sk-fading-circle {
  height: 25px;
  width: 25px;
  top: 20%;
}
#pageFiltersBusy .sk-fading-circle .sk-circle:before {
  color: #394a58;
}
#pageFiltersBusy .sk-fading-circle {
  height: 25px;
  width: 25px;
  top: 20%;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
#hideBody {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  background: black 50% 50% repeat-x;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
}
/*Toggle-able filter panels*/

#pageFiltersDiv {
  display: none;
}
.popup #pageFiltersDiv {
  display: block;
}
#FilterCollapse.ui-state-disabled {
  opacity: 0;
}
#FilterCollapse {
  margin-top: 4px;
}
#pageFiltersMin {
  margin-left: -9px;
  padding-left: 9px;
  padding-bottom: 4px;
  width: calc(100% - 9px);
}
div#PinFilter {
  margin-top: 4px;
}
#pageFilterMinContents {
  padding: 4px;
}
/* Home selection page */

#homeSelection {
  width: 488px;
  margin-left: auto;
  margin-right: auto;
}
/* Buttons */

#panel-layout {
  float: right;
}
.button-box {
  padding: 4px;
}
.button-box span.icon {
  display: inline-block;
  margin-top: 3px;
}
.button-holder {
  margin-left: 20px;
  float: right;
  margin-top: 3px;
  height: 28px;
}
.button {
  width: 100px;
  height: 33px;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px;
  float: left;
  font-size: 9pt;
  display: table;
  text-decoration: none;
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  color: #394a58;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  cursor: pointer;
  border-radius: 4px;
}
.manual-edit-button {
  padding-right: 4px;
  padding-left: 4px;
}
#LoginPage .button {
  float: none;
  margin-left: auto;
  margin-right: auto;
  color: #394a58;
  border: 1px solid transparent;
}
#LoginPage body {
  color: #394a58;
}
.button.single {
  margin: 0px 0px 8px 8px;
}
.button.right {
  float: right;
  margin-right: 0px;
  margin-left: 8px;
}
.button:focus {
  border: 1px solid #2f505e;
}
.button.double {
  width: 214px;
}
.button-text,
.button-text:visited {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
.button.menu {
  background: #be02f8;
  color: white;
  margin-left: 4px;
  margin-right: 4px;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  width: calc(100% - 8px);
}
.button-subbox {
  padding: 4px 4px 4px 10px;
  width: calc(100% - 10px);
}
.button-subheading {
  padding-left: 2px;
  padding-bottom: 4px;
}
.button:hover {
  color: #394a58;
  background-color: #c2e0f0;
}
.rwd-col.rwd-span-4-of-4 .button-box .button {
  width: calc(25% - 8px);
}
.button-type {
  color: #036882;
}
.search-icon-col {
  width: 20px;
}
.search-icon-col .ui-icon {
  font-size: 12px;
}
tr:hover .search-icon {
  background-position-y: 0px;
}
tr.selected .search-icon {
  background-position-y: 0px;
}
.document-link {
  line-height: 24px;
}
.document-image {
  max-width: 100%;
}
a.button.menu {
  position: relative;
  border-radius: 4px;
}
.button.menu .button-text {
  position: absolute;
  overflow: hidden;
  line-height: 16px;
  margin-left: 30px;
  margin-top: 8px;
}
.icon.ui-icon {
  color: unset;
  font-size: 22px;
}
html .ui-icon.emoticon {
  font-size: 30px;
}
.button.disabled,
.button.disabled:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: default;
}
.button.menu.custom-image .button-text {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
  color: white;
  width: 100%;
  padding-bottom: 4px;
  top: 0px;
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  border-radius: 0px;
}
.button.menu.custom-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 104px;
  height: 94px;
  padding: 0px;
}
.button.menu.custom-image .button-text:hover {
  color: black;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), #a0a0a0);
}
.button.menu.custom-image .icon.Dashboard {
  display: none;
}
input.button {
  white-space: normal;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.small-icon {
  width: 20px !important;
  height: 20px;
}
.page-controls {
  min-width: 100px;
}
/* Login Page */

.login-form input[type=text],
.login-form input[type=password] {
  width: 194px;
}
.login-form label.checkbox {
  top: 4px;
}
.login-form a:visited {
  color: unset;
}
/* Main Menu */

.button-heading {
  color: #394a58;
  padding: 2px;
  padding-right: 12px;
  margin-left: 8px;
  top: 6px;
  position: relative;
  font-size: 16px;
}
.heading-line {
  margin-top: -6px;
  border-top: 1px solid black;
}
.count {
  font-size: 14pt;
}
/* Table style report */

table.report th,
table.report td.header {
  font-weight: bold;
}
table.style-1,
table.tree-table {
  position: relative;
  border-spacing: 0px !important;
  border-collapse: separate !important;
}
table.style-1 th,
table.tree-table th {
  /* Apply both top and bottom borders to the <th> */
  border-top: 1px solid #cdd7db !important;
  border-bottom: 1px solid #cdd7db !important;
  border-right: 1px solid #cdd7db !important;
}
table.style-1 th.top-row,
table.tree-table th.top-row {
  border-bottom: none !important;
}
table.style-1 td,
table.tree-table td {
  /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
  border-bottom: 1px solid #cdd7db;
  border-right: 1px solid #cdd7db !important;
}
table.style-1 th:first-child,
table.style-1 td:first-child,
table.tree-table th:first-child,
table.tree-table td:first-child {
  /* Apply a left border on the first <td> or <th> in a row */
  border-left: 1px solid #cdd7db !important;
}
table.tree-table {
  border-bottom: 1px solid #cdd7db !important;
}
table.style-1 thead,
table.tree-table thead {
  position: sticky !important;
  top: -6px;
  z-index: 1;
}
.fixed-menu table.style-1 thead {
  top: 31px;
}
.fixed-menu .popup table.style-1 thead {
  top: 0px;
}
tr.tablesorter-filter-row {
  background-color: #ebf4f7 !important;
}
/* Table style 1 */

table.style-1 {
  border-collapse: collapse;
}
table.style-1 tr {
  background-color: white;
  color: #394a58;
}
table.style-1 tr:nth-child(even) {
  background-color: #f9fbfc;
  color: #394a58;
  border: 1px solid #e1eef3;
}
table.style-1 tr:nth-child(even) td.change-type-column {
  background-color: white;
}
table.style-1,
table.style-1 th,
table.style-1 td {
  padding: 6px;
  vertical-align: top;
}
table.style-1 tr.selected {
  background-color: #76919f;
  color: white;
}
table.style-1 tr.total td {
  background-color: #dedede;
  color: #394a58;
}
table.style-1 tr.top td,
table.style-1 tr.middle td {
  border-bottom: 0px;
}
table.style-1 tr.middle td,
table.style-1 tr.bottom td {
  border-top: 0px;
}
table.style-1 th.noContent {
  border-left: 1px solid #cdd7db;
  border-right: 1px solid #cdd7db;
}
table.style-1 td.noContent {
  border-left: 1px solid white;
  border-right: 1px solid transparent;
}
table.style-1 td.noRight {
  border-right: 1px solid transparent;
}
table.style-1 td.nowrap {
  white-space: nowrap;
}
table.style-1 td.left {
  text-align: left;
}
table.style-1 td.left span {
  white-space: pre-line;
}
table.style-1 td.right {
  text-align: right;
}
table.style-1 td.center {
  text-align: center;
}
table.style-1 .header,
table.style-1 th {
  background-color: #ebf4f7;
  color: #394a58;
  font-weight: normal;
}
table.style-1 .highlight {
  background-color: #c2e0f0;
}
table.style-1 .gap {
  background-color: #35a1ca;
  border: 0px;
}
/* traffic light colours for cells */

table.style-1 td.good {
  background-color: #95c12e;
}
table.style-1 td.warning {
  background-color: #ffcc00;
}
table.style-1 td.error {
  background-color: #db4444;
}
table.style-1 .active:hover {
  background-color: #c2e0f0;
}
table .action {
  text-align: center;
}
/*table:not(.full) .action {
    padding-right: 15px !important;
}
*/

table th.action {
  width: 16px;
}
table .action div {
  display: inline-block;
}
table.style-1 .number {
  text-align: right;
}
table.drag-reorder.full {
  width: 100%;
}
table .grip-reorder {
  vertical-align: middle !important;
  padding: 0px;
  background-color: #eeeeee;
  width: 12px !important;
}
table.drag-reorder.full .action {
  width: 30px;
}
table .grip-reorder .ui-state-default {
  background-color: transparent;
  border: 1px solid transparent;
}
table .grip-reorder:hover,
table .grip-reorder:hover .ui-icon {
  color: #394a58;
  background-color: #c2e0f0;
}
table .grip {
  padding: 0px;
  width: 12px !important;
}
table.style-1 .type-icon {
  display: inline-block;
}
table.style-1 .type-label {
  display: inline-block;
  padding-left: 4px;
  position: relative;
  top: -10px;
}
table.style-1.selectable tr:hover td {
  background-color: #c2e0f0;
  color: #394a58;
  cursor: pointer;
}
table.style-1 .col-narrow {
  width: 1px;
}
table.properties {
  border-collapse: collapse;
  width: 100%;
}
table.properties thead {
  display: none;
}
table.properties td {
  padding: 4px 0;
}
table.search {
  border-collapse: collapse;
  width: 100%;
}
table.search td,
table.search th {
  padding: 4px;
  border-bottom: 1px solid #c6c7c8;
}
table.search th {
  font-weight: bold;
  text-align: left;
}
table.search.selectable tr:hover td {
  background-color: #c2e0f0;
  color: #394a58;
  cursor: pointer;
}
table.search.selectable tr.selected td {
  background-color: #76919f;
  color: white;
}
table.export {
  width: 100%;
}
table.export td,
table.export th {
  padding: 4px;
}
table.export th {
  font-weight: bold;
  text-align: left;
  background-color: #e6eaf4;
  color: #585857;
}
table.export.selectable tr td {
  color: #394a58;
}
table.export.selectable tr:hover td {
  background-color: #c2e0f0;
  color: #394a58;
  cursor: pointer;
  border-radius: 0px;
}
table.export.selectable tr.selected td {
  background-color: #76919f;
  color: white;
  border-radius: 0px;
}
table.export td {
  background-color: transparent;
  text-align: center;
  width: 25px;
}
table.export th.tablesorter-header:nth-child(1),
table.export td:nth-child(1) {
  max-width: 25px;
}
table.export th .select-all {
  text-align: center;
}
table a {
  color: #394a58;
}
#tableExports td {
  text-align: left;
}
#exportResultsTable tbody tr:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.noFrameTable {
  width: 100%;
}
.noFrameTable th,
.noFrameTable td {
  padding: 2px;
}
.noFrameTable th {
  background-color: #0091cf;
  color: white;
  font-weight: normal;
}
.noFrameTable td {
  border-bottom: 1px solid #0091cf;
}
.noFrameTable td.right {
  text-align: right;
}
.noFrameTable td.centre {
  text-align: center;
}
.pivot th:first-child div {
  writing-mode: horizontal-tb;
  white-space: normal;
}
td.yes {
  background-color: #7ab51d;
  color: white;
}
td.no {
  background-color: red;
  color: white;
}
td.amber {
  background-color: #fff600;
  color: #394a58;
}
/* Validation errors */

.help.progress-bar {
  height: 4px;
  background-color: #7ab51d;
  width: 100%;
}
.help .progress {
  height: 4px;
  background-color: #db4444;
  margin-bottom: 4px;
}
.help .duplicate,
.help .error-cnt {
  padding-left: 4px;
}
.help .error-cnt .filter,
.help .required-cnt .filter {
  cursor: pointer;
}
.help .error-cnt .filter:hover {
  color: #394a58;
}
.help .required-cnt .filter:hover {
  color: #db4444;
}
.help .error,
.validation-summary-errors,
.field-validation-error,
.form-panel label.error {
  display: block;
  clear: both;
  padding-left: 0px;
  width: 100%;
  color: #db4444;
}
.login label.error {
  padding-left: 0px;
  width: 100%;
  color: #db4444;
}
.input-validation-error,
.login input.error,
.form-panel input.error,
.form-panel textarea.error,
.form-panel select.error,
.form-panel .jqte_editor.error,
.form-panel .trumbowyg-editor.error {
  background-color: #f8d4dc;
}
.form-panel .style-1 {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
/* Usage details */

.usage-text {
  float: left;
  width: 100px;
  word-wrap: break-word;
}
.usage-holder {
  margin-left: 100px;
}
.usage-box {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.usage-box.none {
  background-color: #ff444e;
}
.usage-box.single {
  background-color: #ffcc00;
}
.usage-box.many {
  background-color: #95c12e;
}
.usage-padding {
  clear: both;
}
/* Two column form */

.ui-datepicker-trigger,
.ui-quarterpicker-trigger {
  position: absolute;
  background-color: #f9fbfc;
  border: 1px solid #e0e0e0;
  border-left: 0px;
  width: 22px;
  height: 22px;
  object-fit: scale-down;
}
.filter-group .ui-datepicker-trigger,
.filter-group .ui-quarterpicker-trigger {
  padding-top: 1px;
  margin-left: -6px;
}
input[readonly] ~ .ui-datepicker-trigger,
input[readonly] ~ .ui-quarterpicker-trigger {
  display: none;
}
.form-body {
  border-left: 1px solid black;
}
.form-heading {
  background-color: White;
  color: black;
  display: inline;
  border: 1px solid black;
  padding: 4px;
  margin-left: 8px;
  top: 4px;
  position: relative;
  text-transform: uppercase;
}
.form-panel {
  width: 50%;
  float: left;
}
.ui-dialog .form-panel {
  width: auto;
  float: none;
}
.ui-dialog-titlebar-buttonpane .ui-icon.ui-icon-newwin:after {
  content: '\e7e8';
}
.ui-dialog-titlebar-buttonpane .ui-icon.ui-icon-extlink:after {
  content: '\e7e9';
}
.ui-dialog-titlebar-buttonpane .ui-icon.ui-icon-closethick:after {
  content: '\e676';
}
.ui-icon.ui-icon-triangle-1-s:after {
  content: '\e63b';
}
.form-panel.both {
  width: 100%;
  float: none;
}
.form-panel.left {
  border-right: 1px solid black;
  margin-right: -1px;
}
.form-panel.right {
  border-left: 1px solid black;
  margin-right: -1px;
}
.details-header {
  clear: both;
}
.details-header .form-panel.left {
  border-right: none;
  width: unset;
}
.details-header .form-panel.right {
  border-left: none;
  float: right;
  width: unset;
}
.details-header .form-panel {
  display: flex;
}
.form-panel .readonly {
  padding-top: 4px;
}
.form-panel .field > label {
  display: inline-block;
  padding-left: 8px;
  margin-top: 2px;
  color: #8f8f8f;
  line-height: 22px;
}
.form-panel label.no-label {
  display: none;
}
.form-panel .input,
.form-panel .value {
  padding-left: 8px;
  margin-right: 8px;
  position: relative;
}
.form-panel .input.no-label {
  margin-left: 0px;
}
.form-panel .tree-table .input,
.form-panel table.style-1 .input {
  margin-left: 0px;
  margin-right: 0px;
}
/* TODO: What happens if we have an info icon with 20px right margin */

.form-panel .input input,
.form-panel .input textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fbfc;
  color: #394a58;
}
.field.otherinline {
  align-items: center;
}
.field.otherinline label {
  width: 50px;
  display: inline-block;
  margin-top: 8px;
}
.field.otherinline input {
  margin-top: 8px;
  display: inline-block;
  width: 200px;
}
.form-panel .input input[readonly],
.form-panel .input textarea[readonly] {
  border: none;
}
.form-panel .input input[type=number] {
  width: calc(74%);
}
.form-panel .input select {
  margin-left: 0px;
  max-width: 100%;
  min-width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-panel .input input.date,
.form-panel .input input.datetime,
.form-panel .input input.quarter,
.form-panel .input input.fy-quarter,
.form-panel .input input.year,
.form-panel .input input.financial-year,
.form-panel .input input.month {
  max-width: 150px;
  width: calc(78%);
  border-right: 0px;
}
.form-panel .input input[readonly].date,
.form-panel .input input[readonly].datetime,
.form-panel .input input[readonly].quarter,
.form-panel .input input[readonly].fy-quarter,
.form-panel .input input[readonly].year,
.form-panel .input input[readonly].financial-year,
.form-panel .input input[readonly].month {
  width: 100%;
  border: none;
}
.form-panel .input input[type='checkbox'] {
  width: auto;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 0px;
  padding-top: 0px;
}
.form-panel .txt-slider {
  padding-top: 4px;
}
.form-panel .add-slider {
  margin-left: 50px;
  top: -14px;
}
.input.constant {
  padding-top: 2px;
}
.form-group .input.constant {
  white-space: pre-line;
}
.form-group .can-adjust .input.constant {
  white-space: normal;
}
.calculation {
  padding-top: 2px;
  padding-bottom: 2px;
  font-style: italic;
}
span.node-name,
.field span.required,
.field span.required-empty,
.help span.required {
  color: #db4444;
  font-size: 20px;
  line-height: 10px;
  vertical-align: middle;
  margin-left: 4px;
}
.help span.node-name,
.help span.required {
  padding-right: 4px;
}
.table-help {
  text-align: right;
}
span.node-name {
  font-size: 14px;
  vertical-align: top;
  line-height: unset;
}
.field span.required-empty {
  color: #266bae;
}
.table-cell-required-input {
  float: left;
  width: calc(100% - 12px);
}
.table-cell-required-asterisk {
  float: left;
  color: #db4444;
  font-size: 20px;
  padding-left: 1px;
}
.help {
  border: 0px !important;
  clear: both;
}
.help .ui-icon {
  display: inline-block;
}
.ui-dialog .help div {
  float: left;
}
.field-padding {
  clear: both;
  height: 10px;
}
.details-header .field-padding {
  height: 4px;
}
.field-padding.small {
  height: 0px;
}
.form-padding {
  clear: both;
  height: 16px;
}
.form-separator {
  clear: both;
  height: 1px;
  border-top: 1px solid black;
}
.form-end {
  clear: both;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
.form-buttons:before,
.form-buttons:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.form-buttons:after {
  clear: both;
}
.field.active:hover {
  color: #0091cf;
}
.info-btn,
.comments-btn {
  display: inline-block;
}
.comments-btn:not(.ui-state-hover) {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.comments-btn:not(.ui-state-hover) span.ui-icon {
  background-color: transparent;
  color: #394a58;
}
.comments-btn {
  margin-left: 4px;
  transform: scaleX(-1);
}
td .comments-btn {
  float: right;
}
td.right .comments-btn {
  float: left;
}
.drag-reorder.hover tr:hover {
  background-color: #bbe2f5;
  color: black;
  border-collapse: collapse;
}
.input .caption-and-field {
  display: inline-block;
  margin-bottom: 3px;
}
.caption-and-field label {
  width: auto;
  margin-right: 4px;
}
.popup [id|="ge-tab"] .form-group,
[id|="ge-tab-section"] .form-group {
  background-color: white;
  margin-left: 0px;
}
.field-heading,
.group-text {
  clear: both;
  background: #f9fbfc;
  color: #394a58;
  border: 1px solid #f9fbfc;
  padding: 3px 8px 3px 8px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 500;
}
.popup .field-heading {
  margin-bottom: 8px;
}
.read-only-record {
  clear: both;
}
.section-list.quad .form-group,
.read-only-record.quad .form-group,
.details-header.quad .form-group {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.section-list.quad .form-group .field-heading,
.read-only-record.quad .form-group .field-heading,
.details-header.quad .form-group .field-heading,
.section-list.quad .form-group .note,
.read-only-record.quad .form-group .note,
.details-header.quad .form-group .note,
.section-list.quad .form-group .span-all-columns,
.read-only-record.quad .form-group .span-all-columns,
.details-header.quad .form-group .span-all-columns,
.section-list.quad .form-group button.for-table,
.read-only-record.quad .form-group button.for-table,
.details-header.quad .form-group button.for-table,
.section-list.quad .form-group table,
.read-only-record.quad .form-group table,
.details-header.quad .form-group table,
.section-list.quad .form-group .tree-table-container,
.read-only-record.quad .form-group .tree-table-container,
.details-header.quad .form-group .tree-table-container,
div[class^='change-type']:not(.field) {
  grid-column-start: 1;
  grid-column-end: 5;
}
.form-group > button {
  grid-column-start: 1;
  width: 100px;
}
.section-list.double .form-group,
.read-only-record.double .form-group,
.details-header.double .form-group {
  display: grid;
  grid-template-columns: 50% 50%;
}
.section-list.double .form-group .field-heading,
.read-only-record.double .form-group .field-heading,
.details-header.double .form-group .field-heading,
.section-list.double .form-group .note,
.read-only-record.double .form-group .note,
.details-header.double .form-group .note,
.section-list.double .form-group .span-all-columns,
.read-only-record.double .form-group .span-all-columns,
.details-header.double .form-group .span-all-columns,
.section-list.double .form-group button.for-table,
.read-only-record.double .form-group button.for-table,
.details-header.double .form-group button.for-table,
.section-list.double .form-group table,
.read-only-record.double .form-group table,
.details-header.double .form-group table,
.section-list.double .form-group .tree-table-container,
.read-only-record.double .form-group .tree-table-container,
.details-header.double .form-group .tree-table-container,
div[class^='change-type']:not(.field) {
  grid-column-start: 1;
  grid-column-end: 3;
}
.start-new-row {
  grid-column-start: 1;
}
.read-only-record.quad.force-single-col .form-group,
.read-only-record.double.force-single-col .form-group {
  display: grid;
  grid-template-columns: 100%;
}
.read-only-record .input {
  word-wrap: break-word;
}
td.last-change,
.field.last-change {
  background: linear-gradient(90deg, #9cd5a4 4px, transparent 4px);
}
.other {
  margin-top: 8px;
}
.other label {
  float: left;
}
.other .input {
  margin-left: 100px;
  margin-right: 4px;
  position: relative;
}
.other .input input {
  width: 100%;
}
.other-value {
  float: right;
  width: calc(50% - 8px);
}
.field.greyed-out,
td.greyed-out {
  color: #6bb4ff !important;
}
th.faded {
  background-color: white !important;
}
table.tablesorter thead tr .faded.tablesorter-header:not(.sorter-false):hover {
  background-color: #c2e0f0 !important;
}
.hide-hidden td.greyed-out {
  display: none !important;
}
td.greyed-out {
  display: table-cell !important;
}
.hide-hidden .field.greyed-out,
.hide-hidden table.greyed-out,
.hide-hidden td.greyed-out,
.hide-hidden th.faded,
.ui-dialog .field.greyed-out,
.ui-dialog table.greyed-out,
.ui-dialog td.greyed-out,
.ui-dialog th.faded {
  display: none;
}
.note {
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  clear: both;
}
/* quick filter */

.quickFilter .field label {
  float: left;
}
.quickFilter .type {
  float: left;
  margin-left: 8px;
  width: 100px;
}
.quickFilter .like {
  margin-left: 374px;
}
.quickFilter input.number {
  width: 100px;
}
.quickFilter .input.constant {
  float: left;
}
.quickFilter.hide {
  display: none;
}
.grip-reorder,
.grip-reorder .btn {
  cursor: ns-resize;
}
.field select.type {
  margin-top: 1px;
}
.field .sort {
  margin-top: 4px;
}
.and-or {
  clear: both;
  padding-left: 115px;
}
.quickFilter input.formula-field-caption {
  width: 150px;
}
.quickFilter input.formula-field-formula {
  width: 325px;
}
.quickFilter label.formula {
  width: auto;
  margin-right: 3px;
}
.quickFilter span.formula-field-name {
  font-style: italic;
  font-size: 8pt;
}
#add-filters label {
  width: 100px;
}
#add-filters input {
  margin-left: 8px;
  line-height: 16px;
  float: left;
}
#add-filters .multi-picker .selected {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.aggregate {
  float: left;
  padding-right: 4px;
}
#sor-tree {
  margin: 8px;
}
.ui-dialog form[name=frmFilter] .type {
  float: left;
}
.ui-dialog form[name=frmFilter] .input {
  margin-left: 210px;
  margin-right: 0px !important;
}
/* Job Status Counts Bar */

.full-width {
  width: 100%;
}
.job-bar {
  float: left;
  height: 16px;
}
.stage-0 {
  background-color: #767676;
}
.stage-1 {
  background-color: #db4444;
}
.stage-2 {
  background-color: #ec7320;
}
.stage-3 {
  background-color: #ffed91;
}
.stage-4 {
  background-color: #ffcc00;
}
.stage-5 {
  background-color: #776718;
}
.stage-6 {
  background-color: #95c12e;
}
.chart-small {
  width: 300px;
  float: left;
}
/* JQuery UI overrides */

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  color: #777777;
}
/* bring the resize handle back - which jQuery UI decided to remove */

.ui-dialog .ui-resizable-se {
  width: 16px !important;
  height: 16px !important;
  right: 1px !important;
  bottom: 1px !important;
  background-position: -80px -224px !important;
}
.ui-dialog-titlebar-maximize,
.ui-dialog-titlebar-minimize,
.ui-dialog-titlebar-collapse,
.ui-dialog-titlebar-restore {
  margin-right: 4px;
}
/* swap tab colours to make it clearer */

.ui-tabs-nav.ui-widget-header .ui-state-default {
  border: 0px;
  background-color: #dbebf1;
  border-width: 1px 1px 0px;
  border-color: #bedae5;
  border-style: solid;
}
.ui-tabs-nav.ui-widget-header .ui-state-default a {
  color: #394a58;
}
.ui-tabs-nav.ui-widget-header .ui-state-active {
  background-color: white;
  color: #394a58;
  border-width: 1px 1px 0px;
  border-color: #bedae5;
  border-style: solid;
}
.ui-tabs-nav.ui-widget-header .ui-state-active a {
  color: #394a58;
}
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li {
  padding: 0px !important;
  margin: 0px !important;
}
.ui-tabs-nav.ui-widget-header li.ui-state-hover a {
  color: #394a58;
}
.ui-tabs-nav.ui-widget-header .ui-state-hover {
  background-color: #c2e0f0;
  color: #394a58;
  border-width: 1px 1px 0px;
  border-color: #c2e0f0;
  border-style: solid;
}
/* context menu */

.ui-menu {
  white-space: nowrap;
  z-index: 111;
}
.ui-menu-item .ui-state-focus {
  background: #76919f;
}
.ui-menu-item.ui-state-disabled {
  background-color: white !important;
  border: 1px solid white !important;
}
.ui-menu-item.ui-state-disabled a {
  color: #394a58;
}
.ui-menu-item.ui-state-disabled.debug a {
  color: #394a58;
  float: right;
}
.ui-menu .ui-state-disabled {
  margin: 0px;
}
.ui-menu-divider {
  height: 1px !important;
  background-color: #cdd7db !important;
}
.button.shifter {
  width: 150px;
}
.ui-dialog .unit-field-container {
  float: left;
  flex-grow: 1;
}
.ui-dialog .excel .unit-field-container {
  margin-right: 0px;
}
.ui-dialog .unit-field-container input {
  border-right: 0px;
}
.ui-dialog table .unit-field-container input {
  border-right: 1px solid #e0e0e0;
}
.ui-dialog div.unit {
  float: right;
  flex-grow: 0;
  background-color: #f9fbfc;
  color: #394a58;
  border: 1px solid #e0e0e0;
  border-left: 0px;
  padding-right: 2px;
}
.ui-dialog .like .unit {
  margin-left: 3px;
}
.ui-dialog .like .and {
  clear: both;
  text-align: left;
  margin-bottom: 10px;
}
.ui-dialog table .unit-field-container,
.ui-dialog table .unit-field-container div {
  float: none;
  margin-right: 0px;
}
.ui-dialog table div.unit {
  display: none;
}
.quickFilter .unit-field-container {
  float: left;
  line-height: 22px;
}
.quickFilter div.unit {
  float: left;
  margin-left: 3px;
  margin-top: 4px;
}
.quickFilter .input .caption-and-field label,
.quickFilter .like .and {
  float: left;
  margin-top: 4px;
}
.quickFilter .like .and.date {
  margin-left: 20px;
}
.bottomButtonSpacer {
  width: 156px;
  margin-bottom: 23px;
}
.image-attachment,
.image-attachment:visited {
  text-decoration: none;
}
.image-attachment img {
  max-height: 50px;
  margin-right: 8px;
}
.full-image .image-attachment img {
  max-height: 200px;
}
/* Overrides for select2 */

.select2-container .select2-choice {
  height: 18px;
  line-height: 18px;
  border-radius: 0px;
  padding: 1px 2px 1px 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.select2-container .select2-choice {
  background-clip: unset;
}
.select2-container .select2-choice,
.select2-container.select2-drop-above .select2-choice,
.select2-drop,
.select2-drop.select2-drop-above,
.select2-container .select2-choice .select2-arrow,
.select2-container-multi .select2-choices .select2-search-choice {
  border-radius: 0px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 2px 5px 2px 18px;
  margin: 2px 0 2px 2px;
  position: relative;
  line-height: 12px;
  background-image: none;
}
.select2-container-multi .select2-choices {
  min-height: 21px;
  background-image: none;
}
abbr.select2-search-choice-close {
  top: 4px !important;
  right: 16px !important;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 3px;
}
.select2-container .select2-choice .select2-arrow b {
  margin-top: -3px;
}
.select2-container-multi .select2-search-choice-close {
  top: 2px;
}
.select2-container {
  top: -2px;
}
.field:not(.select) .input.constant .select2-container {
  top: -6px;
}
.field.select .select2-container {
  top: -2px;
}
.input .small-icon {
  top: -2px;
}
.select2-results {
  max-height: 200px;
}
.mediumDrop.select2-results {
  max-height: 300px;
}
.bigDrop.select2-results {
  max-height: 400px;
}
.veryBigDrop.select2-results {
  max-height: 500px;
}
.select2-container {
  min-width: 120px;
}
.smallSelect.select2-container {
  min-width: 5%;
}
.mediumSelect.select2-container {
  min-width: 50%;
}
.wideSelect.select2-container {
  min-width: 75%;
}
.maxSelect.select2-container {
  min-width: 100%;
}
.select2-container .select2-choice .select2-arrow {
  background: transparent;
  background-image: none;
  border: none;
}
.select2-container .select2-choice {
  background-image: none;
}
.select2-results .select2-highlighted {
  background: #c2e0f0;
  color: #394a58;
}
.select2-results .select2-disabled {
  color: #777777;
}
select[name^='operator'] + .select2-container {
  width: 200px;
}
.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
  color: #767676;
  z-index: 104 !important;
}
.jqplot-highlighter-tooltip table {
  border-collapse: collapse;
}
.jqplot-highlighter-tooltip table td {
  border-left: 1px solid #767676;
  padding-left: 4px;
  padding-right: 4px;
}
.jqplot-highlighter-tooltip table td:first-child {
  border-left: none;
  padding-left: 0px;
}
.jqplot-highlighter-tooltip table td:last-child {
  padding-right: 0px;
}
.jqplot-target {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial !important;
  color: #394a58 !important;
}
table.jqplot-table-legend {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
div.jqplot-table-legend-swatch-outline {
  border: unset !important;
}
/* #### Panel styles #### */

.panel-col {
  min-width: 200px;
  float: left;
  vertical-align: top;
}
.panel-col-width {
  height: 1px;
}
.panel {
  vertical-align: top;
  position: relative;
  border-radius: 4px;
  line-height: 13px;
}
.grid-stack-placeholder .placeholder-content {
  border: 2px dashed #aaaaaa;
  background-color: transparent;
}
.grid-stack .grid-stack-item .grid-stack-item-content,
.grid-stack .grid-stack-item .placeholder-content {
  left: 5px;
  right: 5px;
}
.grid-stack > .grid-stack-item > .size-control {
  cursor: pointer;
  bottom: 5px;
  position: absolute;
  display: none;
  z-index: 90;
  border-radius: 4px;
}
.grid-stack > .grid-stack-item > .size-control:not(.ui-state-disabled):not(.ui-state-hover) {
  border: 1px solid white;
  background-color: white;
}
.grid-stack > .grid-stack-item > .copy-size {
  right: 56px;
  bottom: 7px;
  border-radius: 4px;
}
.grid-stack > .grid-stack-item > .paste-size {
  right: 32px;
  bottom: 7px;
  border-radius: 4px;
}
.panel-tab-buttons,
.panel-tab-buttons .btn {
  float: right;
}
.panel-tab-buttons {
  margin-top: 3px;
  width: 100px;
  padding-right: 2px;
  float: right;
}
.panel-head {
  cursor: move;
  height: 21px;
  display: flex;
}
.panel > .ui-tabs-nav {
  cursor: move;
  height: 29px;
}
.panel-head.ui-widget-header {
  padding: 4px;
}
#details-panel .ui-widget-header {
  background-color: #e0ebf1;
}
.grid-stack .panel-head.ui-widget-header {
  padding-top: 4px;
  padding-bottom: 0px;
}
.grid-stack .panel-title .header-title {
  position: relative;
  margin: auto;
}
.panel-title {
  height: 21px;
  padding: 4px 4px 0px 4px;
  display: flex;
}
.header-buttons {
  float: right;
}
.header-buttons div {
  display: inline-block;
}
div.panel-head.ui-widget-header {
  margin: 0px;
  table-layout: fixed;
}
.panel-title .header-title,
.panel-head .header-title {
  text-align: left;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 16px;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  overflow: hidden;
  max-width: 100%;
  height: 20px;
}
.panel-head .header-title {
  padding-top: 4px;
}
.panel-title .header-space,
.panel-head .header-space {
  flex: 1;
}
.panel-title .fieldSearch,
.panel-head .fieldSearch {
  height: 22px;
}
.panel-head .btn {
  float: right;
}
.panel-content {
  padding: 4px 4px;
  min-height: 30px;
  overflow: auto;
}
/* don't put overflow on single page panels so that tables can be scrolled horizontally without scrolling to the bottom */

.body-main > div > .panel-content {
  overflow: unset;
}
.grid-stack .hide-header div.panel-title,
.grid-stack .hide-header div.panel-head {
  display: none;
}
.grid-stack .panel-content {
  margin-top: 0px;
}
.grid-stack div.panel-head {
  background: rgba(200, 200, 200, 0.75) !important;
  width: calc(100% - 8px);
  border-radius: 4px 4px 0px 0px;
}
.panel .panel-title.ui-widget-header,
.panel .panel-head.ui-widget-header {
  background: white;
  color: #394a58;
}
.panel-edit.ui-widget-content {
  padding: 4px 4px;
  margin-top: -1px;
  background: white;
}
.grid-stack .panel-edit.ui-widget-content {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.panel-edit.ui-widget-content .checkmark {
  margin-top: 4px;
}
.panel-title,
.panel-head {
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
}
.panel-edit label {
  line-height: 1.8;
  vertical-align: top;
  padding-top: 2px;
}
.panel-search.ui-widget-content {
  padding: 4px 4px;
  margin-top: -1px;
  background: white;
}
/* any size adjustments (e.g padding, margin) need to be the same as .panel */

.panel-target {
  border: 2px dashed #aaaaaa;
  margin: 4px 0px;
  padding: 2px 4px;
  /* need to subtract border from height (4px panel - 2px border = 2px) */

}
.dragging {
  background: #aaaaaa;
}
.panel-busy {
  text-align: center;
  z-index: 10;
  position: relative;
}
.panel-busy.overlay-pale {
  background: none;
  background-color: rgba(204, 204, 204, 0.5);
  opacity: 1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.panel-busy img,
#pageFilters img {
  padding-top: 4px;
}
.panel-col-splitter {
  float: left;
  padding: 0px 0px;
  margin: 0px 0px;
  cursor: e-resize;
  width: 4px;
  height: 100px;
  /* need to set height using javascript */

}
.panel-splitter {
  cursor: n-resize;
  height: 4px;
}
#tab-EmptyTabPanel {
  text-align: center;
  padding: 4px 4px;
  margin: 4px 0px;
}
.panel.ui-tabs .ui-tabs-panel {
  padding: 0px;
  clear: both;
}
.ui-tabs .panel-title,
.ui-tabs .panel-head {
  display: none;
}
.ui-tabs .panel {
  padding: 0px;
  margin: 0px;
}
.ui-tabs .panel-content.ui-widget-content {
  border: 0px;
  border-radius: 4px;
}
.ui-tabs .panel-edit {
  margin: -2px -1px 1px -1px;
}
.ui-tabs .panel-search {
  margin: -2px -1px 1px -1px;
}
.panel.ui-tabs {
  padding: 0px;
  margin: 5px 4px;
  background-color: #e0ebf1;
}
.panel.ui-tabs .ui-tabs-nav {
  margin: -1px -1px 1px -1px;
}
.btn {
  cursor: pointer;
  line-height: 13px;
}
.info-btn {
  cursor: default;
}
.adjusted .can-adjust > .input.constant,
.adjusted td.can-adjust {
  cursor: pointer;
}
.adjusted .can-adjust > .input.constant:after,
.adjusted td.can-adjust:not(:has(div)):after,
.adjusted td.can-adjust div:after {
  content: "\00a0\2605";
  line-height: 0px;
}
div.ui-tooltip {
  min-width: 200px;
  max-width: 600px;
}
.btn.ui-state-no-border {
  border: 1px solid transparent;
}
a.btn {
  text-decoration: none;
  float: left;
  padding: 5px 5px 5px 5px !important;
}
.btn.inline {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 4px;
}
.btn.inline:hover {
  background: #c2e0f0;
  color: #394a58;
}
.layout-button {
  margin-right: 5px;
  float: right;
}
.layout-button-left {
  margin-right: 0px;
  float: right;
}
.layout-div-left {
  margin-right: 0px;
  float: left;
}
.layout-button-right {
  margin-left: -1px;
  margin-right: 5px;
  float: right;
}
.action-btn {
  padding: 5px !important;
}
.left-button,
.left-icon {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}
.left-button.for-table {
  margin-left: 6px;
}
.left-half-button,
.left-half-icon {
  float: left;
  margin-right: 0px;
}
.right-button,
.right-icon {
  float: right;
  margin-left: 6px;
}
.right-half-button,
.right-half-icon {
  float: right;
  margin-left: 0px;
}
.excel-export {
  float: left;
}
.panel span.hide-title {
  display: none;
}
.panel.ui-tabs span.hide-title {
  display: block;
}
/* bigger ui buttons */

.bigger .ui-icon {
  width: 23px;
  height: 23px;
}
.narrow .ui-icon {
  width: 12px;
  height: 23px;
}
/* #### calculator panel #### */

.calc-btn {
  float: left;
  text-align: center;
  margin: 2px;
  width: 35px;
}
#CalculatorInput {
  width: 218px;
}
#CalculatorDiv {
  min-width: 232px;
}
.left-button-spacing {
  float: left;
  width: 14px;
}
.right-button-spacing {
  float: right;
  width: 14px;
}
.status-box {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 4px;
  top: 2px;
  position: relative;
}
.status-text {
  display: inline-block;
  top: -5px;
  position: relative;
}
.ui-dialog-buttonset .btn.action-btn {
  padding: 0.4em 1em;
}
.ui-dialog .btn.action-btn.inline {
  display: inline;
  margin: 5px;
}
table.serversorter th,
table.tablesorter thead tr .tablesorter-header:not(.sorter-false),
table.drag-reorder th {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  align-content: center;
}
table.tablesorter thead tr .tablesorter-header:not(.sorter-false):hover {
  background-color: #c2e0f0;
  color: #394a58;
}
table.serversorter thead {
  background-color: #ebf4f7;
  color: #394a58;
}
table.serversorter thead tr .tablesorter-headerDesc,
table.tablesorter thead tr .tablesorter-headerDesc:not(.sorter-false) {
  position: relative;
}
table.serversorter thead tr .tablesorter-headerDesc::after,
table.tablesorter thead tr .tablesorter-headerDesc:not(.sorter-false)::after {
  content: '';
  border-top: 4px solid #394a58;
  border-right: 4px solid #394a58;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 7px;
}
table.serversorter thead tr .tablesorter-headerDesc:hover::after,
table.tablesorter thead tr .tablesorter-headerDesc:not(.sorter-false):hover::after {
  border-top: 4px solid #394a58;
  border-right: 4px solid #394a58;
}
table.serversorter thead tr .tablesorter-headerDesc::after,
table.tablesorter thead tr .tablesorter-headerDesc:not(.sorter-false)::after {
  top: calc(11px);
  transform: rotate(-45deg);
}
table.serversorter thead tr .tablesorter-headerAsc,
table.tablesorter thead tr .tablesorter-headerAsc:not(.sorter-false) {
  position: relative;
}
table.serversorter thead tr .tablesorter-headerAsc::after,
table.tablesorter thead tr .tablesorter-headerAsc:not(.sorter-false)::after {
  content: '';
  border-top: 4px solid #394a58;
  border-right: 4px solid #394a58;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 7px;
}
table.serversorter thead tr .tablesorter-headerAsc:hover::after,
table.tablesorter thead tr .tablesorter-headerAsc:not(.sorter-false):hover::after {
  border-top: 4px solid #394a58;
  border-right: 4px solid #394a58;
}
table.serversorter thead tr .tablesorter-headerAsc::after,
table.tablesorter thead tr .tablesorter-headerAsc:not(.sorter-false)::after {
  top: calc(5px);
  transform: rotate(135deg);
}
.tablesorter-filter.disabled {
  display: none;
}
table tr.excluded {
  background-color: lightgray !important;
  color: slategray;
}
.tablesorter-filter-row input {
  width: 100%;
}
tr.ts-filtered {
  display: none;
}
.tablesorter-sticky-wrapper {
  max-width: inherit;
  overflow-x: inherit;
}
table td.no-click {
  cursor: default;
}
table th.include-exclude {
  background-color: #ebf4f7;
  color: #394a58;
  border: none;
}
table td.include-exclude {
  background-color: #ebf4f7;
  color: #394a58;
}
table th.myactions-source {
  width: 120px;
}
table td.myactions-status,
table td.myactions-duedate {
  max-width: 120px;
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
}
table td.outlier {
  background-color: yellow;
  color: #394a58;
}
table th span.outlier {
  font-weight: normal;
}
table.drag-reorder tr.placeholder td,
table.drag-reorder-box tr.placeholder td {
  border: 2px dashed #aaaaaa;
  height: 30px;
}
span.filtered {
  font-style: italic;
}
.count {
  text-align: center;
  font-weight: normal;
  height: inherit;
  vertical-align: middle;
  display: table-cell;
  width: 2000px;
  /* need this to get horizontal alignment to work - tested in Chrome and IE 11 */

}
.count.left {
  text-align: left;
}
.count-image {
  height: inherit;
  vertical-align: middle;
  display: table-cell;
  padding: 0px 8px;
}
.count-image.stretch-width {
  width: 100%;
}
.count-image img {
  max-width: 200px;
}
.count-image.stretch-width img {
  width: 100%;
  max-width: none;
}
.count-text {
  font-size: 12px;
  white-space: pre-line;
  line-height: normal;
}
.count-num {
  font-size: 12pt;
  font-weight: bold;
  color: #00a2db;
  white-space: pre-line;
}
.count-num .series-name {
  font-weight: lighter;
}
.count.drill span:hover {
  cursor: pointer;
}
.count-wrapper {
  width: 200px;
  padding: 10px 4px;
  float: left;
  height: 55px;
  vertical-align: middle;
}
.count.count-text {
  text-align: left;
  vertical-align: top;
  padding-left: 8px;
  color: #394a58;
}
.narrative-panel {
  vertical-align: top;
  padding-left: 8px;
  padding-top: 8px;
  height: calc(92%);
  line-height: 14pt;
}
.narrative-panel-num {
  font-size: 12pt;
  font-weight: bold;
  color: #00a2db;
  white-space: pre-line;
}
.message {
  color: #76919f;
  font-size: 12pt;
  padding-left: 8px;
  line-height: normal;
}
.count:not(.narrative) .message {
  height: inherit;
}
.count.narrative {
  text-align: left;
  vertical-align: top;
}
.popup-message {
  color: #9f6000;
  background-color: #feefb3;
  border: 1px solid;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 5px;
}
.popup-message span,
.popup-message .image-text {
  padding: 5px;
  line-height: 17px;
}
.popup-message .flag-text {
  margin-left: 28px;
}
#searchResults {
  min-height: 400px;
}
.search-results {
  padding: 4px;
}
.popup #searchResults {
  height: 500px;
  overflow-y: auto;
}
.search-result-title {
  font-size: 14px;
  color: #76919f;
  line-height: 19px;
}
.search-result-title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.search-result-title:focus {
  color: #117cac;
}
.typeSearch {
  padding-top: 4px;
  padding-bottom: 4px;
}
.typeSearch label {
  padding-right: 8px;
}
#menu-bar .pageSearch {
  padding-top: 2px;
}
#menu-bar > div.btn.ui-icon-div {
  margin-top: 3px;
}
.pageSearch label {
  float: left;
  margin-top: 6px;
  margin-right: 4px;
}
.pageSearch #searchBtn {
  margin-top: 1px;
  margin-left: 5px;
}
.page-controls input[name=gotoPage] {
  width: 30px;
  margin-top: 3px;
  height: 14px;
}
.page-controls .buttons {
  padding-top: 3px;
}
.page-controls #gotoBtn {
  height: 8px;
  line-height: 8px;
  padding-top: 2px;
}
.treeSearch > input,
.cost-adjustment > input {
  width: 150px !important;
  float: left;
  margin: 2px 4px 4px 0px;
}
.treeSearch > label {
  width: 60px;
  float: left;
  margin-top: 5px;
}
.cost-adjustment > label {
  width: 80px;
  float: left;
  margin-top: 5px;
}
.toggle div {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../Images/TreeIcons.png);
  background-position: 0px 0px;
  cursor: pointer;
  /* hack to get IE < 8 to understand inline-block - asterisk is important */
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.toggle {
  margin-bottom: 5px;
  margin-top: 5px;
}
.toggle.show div:hover {
  background-position: 0px -16px;
}
.toggle.hide div {
  background-position: -16px 0px;
}
.toggle.hide div:hover {
  background-position: -16px -16px;
}
.jqte {
  border-radius: 0px;
  box-shadow: none;
  border: 1px solid #e0e0e0;
  margin: 0px;
}
.jqte_toolbar {
  border: none;
}
.jqte_tool.jqte_tool_2 .jqte_tool_icon:hover:hover {
  background-position: 0 -29px;
}
.jqte_tool.jqte_tool_3 .jqte_tool_icon:hover:hover {
  background-position: -22px -29px;
}
.jqte_tool.jqte_tool_4 .jqte_tool_icon:hover {
  background-position: -44px -29px;
}
.jqte_tool.jqte_tool_5 .jqte_tool_icon:hover {
  background-position: -66px -29px;
}
.jqte_tool.jqte_tool_6 .jqte_tool_icon:hover {
  background-position: -88px -29px;
}
.jqte_tool.jqte_tool_7 .jqte_tool_icon:hover {
  background-position: -110px -29px;
}
.jqte_tool.jqte_tool_8 .jqte_tool_icon:hover {
  background-position: -132px -29px;
}
.jqte_tool.jqte_tool_9 .jqte_tool_icon:hover {
  background-position: -154px -29px;
}
.jqte_tool.jqte_tool_10 .jqte_tool_icon:hover {
  background-position: -176px -29px;
}
.jqte_tool.jqte_tool_11 .jqte_tool_icon:hover {
  background-position: -198px -29px;
}
.jqte_tool.jqte_tool_12 .jqte_tool_icon:hover {
  background-position: -220px -29px;
}
.jqte_tool.jqte_tool_13 .jqte_tool_icon:hover {
  background-position: -242px -29px;
}
.jqte_tool.jqte_tool_14 .jqte_tool_icon:hover {
  background-position: -264px -29px;
}
.jqte_tool.jqte_tool_15 .jqte_tool_icon:hover {
  background-position: -286px -29px;
}
.jqte_tool.jqte_tool_16 .jqte_tool_icon:hover {
  background-position: -308px -29px;
}
.jqte_tool.jqte_tool_17 .jqte_tool_icon:hover {
  background-position: -330px -29px;
}
.jqte_tool.jqte_tool_18 .jqte_tool_icon:hover {
  background-position: -352px -29px;
}
.jqte_tool.jqte_tool_19 .jqte_tool_icon:hover {
  background-position: -374px -29px;
}
.jqte_tool.jqte_tool_20 .jqte_tool_icon:hover {
  background-position: -396px -29px;
}
.jqte_tool.jqte_tool_21 .jqte_tool_icon:hover {
  background-position: -418px -29px;
}
.jqte_tool:hover {
  background-color: #c2e0f0;
  color: #394a58;
  background-position: -16px -29px;
  border-color: transparent;
}
.jqte_tool,
.jqte_tool_icon,
.jqte_tool_label {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
.jqte_tool:hover .jqte_tool_icon,
.jqte_tool:hover .jqte_tool_label {
  border: none;
}
.jqte_tool_depressed {
  background-color: #76919f;
}
.jqte_toolbar.readonly {
  pointer-events: none;
  display: none;
}
.jqte_toolbar.readonly ~ .jqte_editor {
  padding: 0px;
  min-height: 0px;
}
.jqte_linktypearrow {
  background: url(../content/themes/base/jquery-te-with-white.png?v=2) -7px -23px no-repeat;
}
.jqte_titleArrowIcon {
  background: url(../content/themes/base/jquery-te-with-white.png?v=2) 0 -23px no-repeat;
}
.jqte_tool_icon {
  background: url(../content/themes/base/jquery-te-with-white.png?v=2) no-repeat;
}
.keep-together {
  white-space: nowrap;
}
.custom-action.drop-menu {
  float: left;
}
.drop-menu {
  display: inline-block;
}
.drop-menu:hover > a,
.drop-menu:hover > .btn {
  border: 1px solid #c2e0f0;
}
input[type=checkbox] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 2px 0 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
.include-exclude input[type=checkbox] {
  margin-top: 2px;
}
/* Remove focus border from jQuery ui tabs */

.ui-tabs a:focus {
  outline: 0 !important;
}
.click rect:hover {
  cursor: pointer;
}
.no-click rect:hover {
  cursor: default;
}
rect.zoom {
  stroke-width: 1px;
  stroke: #666666;
  fill: #cccccc;
  fill-opacity: 0.5;
}
.between.hidden {
  display: none;
}
span.date {
  margin-left: 20px;
}
span.record-date {
  margin-right: 10px;
  padding-left: 8px;
}
.filter-field {
  margin-right: 10px;
  margin-top: 3px;
  display: flow-root;
}
.filter-field-caption {
  width: 150px;
  display: inline-block;
  float: left;
}
.filter-range {
  margin-left: 150px;
}
.form-panel .input input.field-caption {
  width: 150px;
}
.form-panel .input > div:has(div.unit) {
  display: flex;
  width: 100%;
}
.filter-field.hide {
  display: none;
}
.filter-field.date {
  margin-right: 30px;
}
.filter-description {
  display: inline-block;
  margin-top: 5px;
}
#pageFilters.filtered {
  background-color: unset;
}
.filter-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 152px);
  padding-left: 4px;
  padding-top: 4px;
  display: inline;
}
#clrFilterBtn {
  margin-left: 5px;
}
#pageFilters.hide {
  display: none;
}
#pageFiltersBusy {
  position: absolute;
  background-color: rgba(204, 204, 204, 0.8);
  height: 30px;
  text-align: center;
  z-index: 1000;
  display: none;
}
.filter-group input,
#pageFiltersDiv input {
  line-height: 16px;
  position: relative;
  top: 2px;
  margin-left: 2px;
  margin-right: 4px;
}
.filter-group .select2-container {
  margin-top: 2px;
}
#pageFiltersDiv .select2-container {
  margin-top: 4px;
}
.filter-group input.date,
#pageFiltersDiv input.date {
  width: 70px;
}
#pageFiltersDiv .hidden,
.field .hidden {
  display: none !important;
}
#pageFiltersDiv .right-button {
  margin-right: 5px;
  margin-top: 4px;
}
.start-hidden {
  visibility: hidden;
}
#pageFilters.start-hidden {
  height: 30px;
}
.multi-pie {
  float: left;
}
.multi-pie-title {
  text-align: center;
}
.graph-data-no-data-found {
  color: #db4444;
  text-align: center;
  font-size: large;
  font-weight: normal;
}
.word-cloud.drill text {
  cursor: pointer;
}
.table-count {
  padding-top: 2px;
  float: right;
  margin-left: 12px;
}
.list div {
  white-space: nowrap;
}
.edit-link div {
  display: inline-block;
  margin-right: 4px;
}
.edit-link .link {
  top: 2px;
  position: relative;
}
.edit-link.mp div {
  margin-top: 6px;
}
.edit-link .btn[disabled] {
  display: none;
}
.tree-insert {
  cursor: move;
  overflow: hidden;
  clear: both;
}
.next-field {
  display: none;
}
.sparql-div {
  margin-right: 6px;
}
.sparql-div textarea {
  width: 100%;
  min-height: 100px;
}
span.fancytree-icon {
  background: none;
  width: 8px;
  padding-left: 4px;
}
span.fancytree-icon:after {
  content: '\e65e';
  font-family: 'navigator-ui', sans-serif;
  font-size: 10px;
}
.fancytree-folder > span.fancytree-icon,
tr.fancytree-folder span.fancytree-icon {
  display: none;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  display: none;
}
.fancytree-loading span.fancytree-expander:after {
  content: '' !important;
}
span.fancytree-expander {
  background: none;
}
.fancytree-exp-e span.fancytree-expander:after,
.fancytree-exp-el span.fancytree-expander:after,
.fancytree-exp-ed span.fancytree-expander:after,
.fancytree-exp-edl span.fancytree-expander:after {
  content: '\e681';
  font-family: 'navigator-ui', sans-serif;
  font-size: 25px;
}
.fancytree-exp-c span.fancytree-expander:after,
.fancytree-exp-cl span.fancytree-expander:after,
.fancytree-exp-cd span.fancytree-expander:after,
.fancytree-exp-cdl span.fancytree-expander:after {
  content: '\e687';
  font-family: 'navigator-ui', sans-serif;
  font-size: 25px;
}
span.fancytree-expander:after {
  line-height: 18px;
}
span.fancytree-icon:after {
  line-height: 13px;
}
table span.fancytree-expander:after {
  line-height: 23px;
}
table span.fancytree-icon:after {
  line-height: 20px;
}
.fancytree-folder > .fancytree-checkbox {
  display: none;
}
.panel .fancytree-container,
.panel .fancytree-container.fancytree-treefocus {
  border: none;
  outline: 0 !important;
}
.check-folder .fancytree-folder > .fancytree-checkbox {
  display: inline-block;
}
.check-folder span.fancytree-selected a {
  color: black;
  font-style: normal;
}
.fancytree-container {
  overflow: clip !important;
  /* hide the right margin from below */

}
.fancytree-title {
  display: inline-block;
  white-space: normal;
  margin-right: 58px !important;
}
.fancytree-node-info {
  display: inline-block;
  font-style: italic;
  margin-left: 5px;
  font-size: 0.8em;
  overflow: hidden;
}
table.fancytree-ext-table .fancytree-node {
  white-space: nowrap;
}
table.fancytree-ext-table:not(.fancytree-column-lines) tbody tr td {
  border: 0px !important;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander,
table.fancytree-ext-table tbody tr {
  cursor: pointer !important;
}
span.fancytree-selected .fancytree-title {
  background: none !important;
  border-color: transparent !important;
  outline: 0px !important;
}
span.fancytree-title:hover,
table.fancytree-ext-table tbody tr.fancytree-selected,
table.fancytree-ext-table tbody tr:hover {
  border-color: #c2e0f0 !important;
  background: #c2e0f0 !important;
  color: #394a58 !important;
  outline: 0px !important;
}
table.fancytree-ext-table tbody tr.fancytree-active,
table.fancytree-ext-table tbody tr.fancytree-active span.fancytree-title,
span.fancytree-active .fancytree-title {
  background: #76919f !important;
  border-color: #76919f !important;
  color: white !important;
  outline: 0px !important;
}
table span.fancytree-title {
  background: inherit !important;
  border: solid 1px transparent !important;
  color: inherit !important;
  outline: inherit !important;
}
span.fancytree-title {
  min-height: 16px !important;
  margin-left: 5px;
}
.pad {
  display: block !important;
}
table#tree th {
  text-align: left;
  font-weight: normal;
}
/* prevent double click selection of context menu text
this is fix because dynamically adding using preventSelect on ui.contextmenu fails for IE < 11 */

#searchResults tbody,
.contextbutton {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tree-table div {
  height: 100%;
}
div.tree-table-space,
div.tree-table-folder,
div.tree-table-leaf {
  width: 16px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url(../content/../content/themes/base/fancytree/icons.gif);
  float: left;
  height: 16px;
  margin-top: 3px;
}
div.tree-table-caption {
  overflow-wrap: break-word;
  overflow: hidden;
}
div.tree-table-folder {
  background-position: -64px -16px;
  margin-right: 2px;
}
div.tree-table-leaf {
  background-position: 0px 0px;
  margin-right: 2px;
}
.print div.tree-table-folder,
.print div.tree-table-leaf {
  display: none;
}
div.tree-table-space {
  background-image: none;
}
table.tree-table {
  background-color: white;
  color: #394a58;
  width: 100%;
}
.tree-table tr {
  border: none;
  height: 22px;
}
.tree-table td,
.tree-table th,
table.fancytree-ext-table tbody tr td {
  padding: 0px 4px;
  border: none;
  line-height: 22px;
  height: 100%;
}
.tree-table th {
  padding: 6px;
  background-color: #ebf4f7;
  color: #394a58;
  font-weight: normal;
}
.tree-table th[colspan]:not([colspan="1"]) {
  border-bottom: solid 1px #cdd7db;
}
.tree-table tr.last-row {
  border-bottom: solid 1px white;
}
.tree-table .fancytree-folder {
  background-color: #dedede;
  color: #394a58;
}
.tree-table td.row-caption {
  height: 100%;
}
.tree-table td.right {
  text-align: right;
}
.tree-table th.blue-left {
  border-left: solid 1px #cdd7db;
  border-right: none;
}
.tree-table th.white-left {
  border-left: solid 1px white;
  border-right: none;
}
.tree-table th.blue-right {
  border-right: solid 1px #cdd7db;
}
.tree-table th.button-header {
  background-color: #c4e098;
  border-left: solid 1px #c4e098;
  border-right: solid 1px #c4e098;
  text-align: right;
}
.tree-table th.invisible {
  border-right: none;
  border-left: none;
  visibility: hidden;
}
.tree-table input.number {
  width: 95%;
}
table.WideTableEdit {
  width: max-content !important;
  min-width: 100% !important;
}
.WideTableEdit th {
  resize: horizontal;
  overflow: auto;
}
.WideTableEdit div.input {
  min-width: 100px !important;
}
.WideTableEdit div.input .select2-chosen {
  min-width: 100px !important;
}
div.tree-table-container {
  padding: 6px;
}
div.tree-table-source,
body:not(.print) table.tree-table-hidden {
  display: none;
}
div.char-count {
  text-align: right;
  width: 100%;
  padding-top: 2px;
  padding-right: 2px;
  position: absolute;
  top: -18px;
  z-index: 21;
  color: #0091cf;
  display: block;
  background-image: url('../Images/CharCountGrad.png');
  background-repeat: repeat-y;
  background-position: right;
  pointer-events: none;
  line-height: 10px;
}
div.char-count.hidden {
  display: none;
}
.fixed-header-footer #footer,
.fixed-form-buttons #footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
}
.fixed-header-footer .body-main {
  top: 45px;
  margin-bottom: 0px;
  overflow-y: scroll;
  position: relative;
}
.fixed-header-footer .form-body,
.fixed-form-buttons .form-body {
  margin-bottom: 76px;
  background-color: white;
}
.fixed-header-footer #header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.fixed-form-buttons .form-buttons {
  position: fixed;
  bottom: 35px;
  left: 0px;
  width: 100%;
  margin-left: -8px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 12;
}
.full-height.fixed-form-buttons .form-buttons {
  right: 16px;
}
.fixed-form-buttons .form-buttons .button {
  margin: 8px;
}
.fixed-menu #menu-bar,
.fixed-menu .side-menu-holder {
  position: fixed;
  top: 0px;
  z-index: 1;
}
.fixed-menu:not(.side-menu-pinned) #menu-bar .button-holder {
  margin-right: 25px;
}
body:not(.side-menu-pinned).fixed-form-buttons .form-buttons {
  margin-left: calc(30px);
}
body:not(.side-menu-pinned).fixed-form-buttons .form-buttons .button {
  margin-right: calc(38px);
}
body.side-menu-pinned.fixed-form-buttons .form-buttons {
  margin-left: calc(205px);
}
body.side-menu-pinned.fixed-form-buttons .form-buttons .button:first-child {
  margin-right: calc(213px);
}
body.fixed-menu.side-menu-pinned #menu-bar .button-holder {
  padding-right: calc(205px);
}
.fixed-menu #menu-bar {
  width: 100%;
}
#add-filters label {
  float: left;
  margin-top: 4px;
}
table.drill tbody tr:hover {
  cursor: pointer;
  background-color: #c2e0f0;
  color: #394a58;
}
#credits h2 {
  color: #0091cf;
  padding-top: 20px;
}
#credits h1 {
  color: #222222;
}
#credits h1,
#credits h2 {
  width: 100%;
  text-align: center;
}
.full-screen-padding {
  height: 2000px;
}
.dropzone {
  border: 1px dashed #e0e0e0;
  background-color: #f9fbfc;
  min-height: unset;
}
.dropzone .dz-message {
  color: #aaaaaa;
  font-size: 12px;
  text-align: center;
  margin: 0px;
}
.resource-buttons {
  display: inline-block;
}
.resource-buttons.image {
  margin-top: 20px;
}
.resource-row {
  clear: both;
}
.resource-row.text {
  height: 18px;
}
.resource-row.photo {
  height: 53px;
}
.resource-row img {
  height: 50px;
}
.resource-buttons {
  float: left;
  margin-right: 10px;
}
.resource-image {
  float: left;
  width: 100px;
  overflow: hidden;
}
td .resource-image {
  max-width: 100px;
  width: 100%;
}
input[readonly] ~ div > .resource-row.text {
  height: unset;
}
/* Responsive web design as per http://www.responsivegridsystem.com/calculator/ */

/*  SECTIONS  */

.rwd-section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  COLUMN SETUP  */

.rwd-col {
  display: block;
  float: left;
  margin: 0.5% 0.8%;
  background-color: white;
  border-radius: 4px;
}
/*  GROUPING  */

.rwd-group:before,
.rwd-group:after {
  content: "";
  display: table;
}
.rwd-group:after {
  clear: both;
}
.rwd-group {
  zoom: 1;
  /* For IE 6/7 */

}
/*  GRID OF FOUR  */

.rwd-span-4-of-4 {
  width: 98.4%;
  /* 100 - 1.6 */

}
.rwd-span-3-of-4 {
  width: 73.4%;
  /* 75 - 1.6 */

}
.rwd-span-half,
.rwd-span-2-of-4 {
  width: 48.4%;
  /* 50 - 1.6 */

}
.rwd-span-1-of-4 {
  width: 24%;
  /* 0.8 | 24 | 0.8 | 24 | 0.8 | 24 | 0.8 | 24 | 0.8 = 100 */

}
.rwd-span-1-of-4.rwd-col-2,
.rwd-span-1-of-4.rwd-col-3,
.rwd-span-1-of-4.rwd-col-4 {
  margin-left: 0%;
}
.rwd-col-1 {
  clear: both;
}
/* Below 960px use 2 columns */

@media screen and (max-width: 1440px) {
  .rwd-col-3 {
    clear: both;
  }
  .rwd-span-1-of-4 {
    width: 48.8%;
  }
  .rwd-span-1-of-4.rwd-col-2,
  .rwd-span-1-of-4.rwd-col-4 {
    margin-left: 0%;
  }
  .rwd-span-1-of-4.rwd-col-3 {
    margin-left: 0.8%;
  }
  .rwd-span-3-of-4,
  .rwd-span-4-of-4 {
    width: 98.4%;
  }
}
/* Below 480px use 1 column */

@media screen and (max-width: 480px) {
  .rwd-span-1-of-4,
  .rwd-span-2-of-4,
  .rwd-span-3-of-4,
  .rwd-span-4-of-4,
  .rwd-span-half {
    width: 98.4%;
  }
  .rwd-span-1-of-4.rwd-col-2,
  .rwd-span-1-of-4.rwd-col-3,
  .rwd-span-1-of-4.rwd-col-4 {
    margin-left: 0.8%;
  }
}
/*  SECTIONS  */

.rwdn-section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.rwdn-section.instance-selection {
  margin: 50px;
  overflow-x: hidden;
}
/*  COLUMN SETUP  */

.rwdn-col {
  display: block;
  float: left;
  margin: 1% 0.8% 0%;
  background-color: white;
  border-radius: 0px;
}
/*  GROUPING  */

.rwdn-group:before,
.rwdn-group:after {
  content: "";
  display: table;
}
.rwdn-group:after {
  clear: both;
}
.rwdn-group {
  zoom: 1;
  /* For IE 6/7 */

}
/*  GRID OF FOUR  */

.rwdn-span-4-of-4 {
  width: 97.4%;
  /* 0.8 | 0.5 97.4 0.5 | 0.8 = 100% */

}
.rwdn-span-3-of-4 {
  width: 72.6%;
  /* Three of the 4 columns is the [] bit of the layout 0.8 | 0.5 [23 0.5 | 0.8 | 0.5 23 0.5 | 0.8 | 0.5 23] 0.5 | 0.8 | 0.5 23 0.5 | 0.8 = 100 */

}
.rwdn-span-half,
.rwdn-span-2-of-4 {
  width: 47.4%;
  /* 0.8 | 0.5 47.4 0.5 | 0.8 | 0.8 | 0.5 47.4 0.5 | 0.8 = 100 */

}
.rwdn-span-1-of-4 {
  width: 23%;
  /* 0.8 | 0.5 23 0.5 | 0.8 | 0.5 23 0.5 | 0.8 | 0.5 23 0.5 | 0.8 | 0.5 23 0.5 | 0.8 = 100 */

}
.rwdn-span-1-of-4.rwdn-col-2,
.rwdn-span-1-of-4.rwdn-col-3,
.rwdn-span-1-of-4.rwdn-col-4 {
  margin-left: 0%;
}
.rwdn-col-1 {
  clear: both;
}
.rwdn-col h1 {
  font-weight: 600;
}
.large.button-container {
  margin-left: 8px;
  margin-right: 8px;
}
.large.button {
  text-align: center;
  background-color: #e1e1e1;
  color: #394a58;
}
.large.button div {
  --max-lines: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
  overflow: hidden;
  margin-top: 4px;
}
.large.button a {
  text-decoration: none;
}
.large.button:hover {
  background-color: #c2e0f0;
  color: #394a58;
  cursor: pointer;
}
.instance {
  text-align: center;
  color: #394a58;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-origin: content-box;
  background-size: contain;
  padding: 0.5%;
  height: 62px;
  border-radius: 4px;
}
.instance div {
  position: relative;
  font-weight: 800;
  color: white;
  text-align: right;
  width: 50%;
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
  top: 75%;
  padding: 2px;
  min-width: 100%;
  height: 25%;
}
.instance:hover div {
  background-color: rgba(0, 0, 0, 0.6);
}
.instance:hover {
  background-color: #c2e0f0;
  color: #394a58;
  cursor: pointer;
}
/* Below 960px use 2 columns */

@media screen and (max-width: 960px) {
  .rwdn-col-3 {
    clear: both;
  }
  .rwdn-span-1-of-4 {
    width: 46.8%;
  }
  .rwdn-span-1-of-4.rwdn-col-2,
  .rwdn-span-1-of-4.rwdn-col-4 {
    margin-left: 0%;
  }
  .rwdn-span-1-of-4.rwdn-col-3 {
    margin-left: 0.8%;
  }
  .rwdn-span-3-of-4,
  .rwdn-span-4-of-4 {
    width: 98.4%;
  }
}
/* Below 480px use 1 column */

@media screen and (max-width: 480px) {
  .rwdn-span-1-of-4,
  .rwdn-span-2-of-4,
  .rwdn-span-3-of-4,
  .rwdn-span-4-of-4,
  .rwdn-span-half {
    width: 98.4%;
  }
  .rwdn-span-1-of-4.rwdn-col-2,
  .rwdn-span-1-of-4.rwdn-col-3,
  .rwdn-span-1-of-4.rwdn-col-4 {
    margin-left: 0.8%;
  }
}
.dropover {
  background-color: #76919f;
}
.hsse-error {
  background-color: red;
  color: white;
  padding: 4px;
}
table.risk {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 4px;
}
table.risk.draggable th {
  cursor: move;
}
table.risk th,
table.risk td {
  border: solid 1px #0091cf;
  vertical-align: top;
}
table.risk th {
  text-align: left;
  background-color: red;
  color: White;
  line-height: 16px;
  padding: 6px 0px 0px 4px;
}
table.risk.palette th {
  background-color: #0091cf;
}
table.risk.acknowledged th {
  background-color: #7ab51d;
}
table.risk th button {
  margin-top: -2px;
  margin-right: 4px;
  margin-bottom: 4px;
}
table.risk td {
  padding: 4px;
}
table td.risk-desc {
  width: 50%;
}
table td.risk-mititgation {
  width: 50%;
}
.risk-details div {
  min-height: 60px;
}
.risk-add {
  margin-top: -2px;
  margin-right: 4px;
  float: right;
}
.risk-list {
  min-height: 100px;
}
.allocation {
  display: block;
  min-height: 26px;
  padding: 0 0 0 8px;
  border: 1px solid #aaaaaa;
  white-space: nowrap;
  overflow: hidden;
  line-height: 16px;
  color: #444444;
  text-decoration: none;
}
.allocation .selected {
  background-color: #e4e4e4;
  border: 1px solid #aaaaaa;
  border-radius: 0px;
  cursor: default;
  float: left;
  margin: 4px 3px 3px 0px;
  padding: 0 5px;
}
.allocation .selected.draggable {
  cursor: pointer;
}
.cached-message {
  font-size: 18pt;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 10001;
}
.print .collapsable {
  background-color: white;
  margin-bottom: 8px;
  border: 1px solid #c6c7c8;
  border-radius: 0px;
}
.section-title.collapsable-title:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.collapsable-title {
  cursor: pointer;
  background-color: #76919f;
  /*color: @default-selected-text-colour;*/
  padding: 4px 4px 4px 0px !important;
  border-radius: 0px 0px 0px 0px;
}
.collapsable-title::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e681';
  float: left;
  margin-top: 2px;
}
.collapsable-title.collapsed::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e687';
  float: left;
  margin-top: 2px;
}
.print .collapsable-toggle {
  padding: 0px 8px;
}
.print .collapsable-title:after {
  line-height: 14px;
}
.popup .collapsable-title:after {
  top: 10px;
  line-height: 18px;
}
.a-icon {
  margin-left: 12px;
}
.a-icon .ui-icon {
  position: absolute;
  left: 5px;
  top: 4px;
}
.ui-tabs-nav.ui-widget-header .a-icon .ui-icon {
  background-image: url("../content/themes/base/images/ui-icons_00ACA1_256x240.png");
}
.ui-tabs-nav.ui-widget-header .ui-state-active .a-icon .ui-icon,
.ui-tabs-nav.ui-widget-header .ui-state-hover .a-icon .ui-icon {
  background-image: url("../content/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-tabs-nav.ui-widget-header .a-icon .ui-state-error {
  border: 0px;
}
.ui-tabs-nav.ui-widget-header .a-icon .ui-state-error .ui-icon {
  background-image: url("../content/themes/base/images/ui-icons_CD202C_256x240.png");
}
.panel-tab-buttons .ui-state-hover .ui-icon {
  background-image: url("../content/themes/base/images/ui-icons_00ACA1_256x240.png");
}
rect.d3plus_data {
  fill: #019feb;
}
/* ListSwap styles*/

.listboxswap .listbox_controls ul li {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  color: #394a58;
}
.listboxswap .listbox_controls .remove span.label:before {
  content: "";
}
.listboxswap .listbox_controls .add span.label:after {
  content: "";
}
.listboxswap .listbox_controls ul li {
  border-radius: 0px;
}
.listboxswap {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Arial;
  font-size: 9pt;
  color: #394a58;
}
.listboxswap .source_wrapper ul li.even,
.listboxswap .destination_wrapper ul li.even {
  background: white;
  color: #394a58;
}
.listboxswap .source_wrapper ul li.odd,
.listboxswap .destination_wrapper ul li.odd {
  background: #e6e6e6;
  color: #394a58;
}
.listboxswap .source_wrapper ul,
.listboxswap .destination_wrapper ul {
  border-radius: 0;
  height: 300px;
}
.listboxswap .source_wrapper p,
.listboxswap .destination_wrapper p {
  border-radius: 0px;
}
.listbox_controls {
  width: 10%;
}
.listbox_controls ul {
  border: none;
}
.listboxswap .listbox_controls ul li {
  box-shadow: none;
}
.listboxswap .listbox_controls ul li.move-up,
.listboxswap .listbox_controls ul li.move-down {
  text-align: left;
}
.listboxswap .listbox_controls ul li:not(.ui-state-disabled):hover {
  color: #394a58;
  background-color: #c2e0f0;
  border: 1px solid #c2e0f0;
}
.listboxswap .listbox_controls span.ui-icon {
  float: left;
  width: 16px;
  height: 16px;
}
.listboxswap .listbox_controls ul span.arrow {
  background-image: url("../content/themes/base/images/ui-icons_00ACA1_256x240.png");
}
.listboxswap .listbox_controls ul li.add span.arrow {
  background-position: -32px -48px;
  float: right;
  margin-top: -2px;
}
.listboxswap .listbox_controls ul li.remove span.arrow {
  background-position: -96px -48px;
}
.listboxswap .source_wrapper,
.listboxswap .destination_wrapper {
  width: 30%;
}
.no-sort-buttons .listboxswap .source_wrapper {
  width: 38%;
}
.no-sort-buttons .listboxswap .listbox_controls {
  width: 12%;
  min-width: 100px;
}
.listboxswap ul li.listbox_option:hover {
  background: #c2e0f0;
  color: #394a58;
}
.listboxswap ul li.listbox_option.selected {
  background: #76919f;
}
.listboxswap .source_wrapper p,
.listboxswap .destination_wrapper p {
  background: #ebf4f7;
  color: #394a58;
}
.listboxswap .listbox_search span.clear {
  margin: 6px 10px;
  padding-right: 3px;
}
.listboxswap .listbox_option span {
  max-width: 240px;
}
@media all and (max-width: 750px) {
  .listboxswap .listbox_controls .move-up span.label,
  .listboxswap .listbox_controls .move-down span.label {
    display: none;
    visibility: hidden;
  }
  .listboxswap.rtl .listbox_controls .add span.arrow:after {
    content: "";
  }
  .listboxswap.rtl .listbox_controls .remove span.arrow:after {
    content: "";
  }
}
@media all and (max-width: 420px) {
  .listboxswap .listbox_controls .move-up span.arrow:before {
    content: "";
  }
  .listboxswap .listbox_controls .move-down span.arrow:before {
    content: "";
  }
  .listboxswap .listbox_controls .move-up span.label,
  .listboxswap .listbox_controls .move-down span.label {
    display: block;
    visibility: visible;
  }
  .listboxswap.rtl .listbox_controls .add span.label:after {
    content: "";
  }
  .listboxswap.rtl .listbox_controls .remove span.label:before {
    content: "";
  }
}
.listboxswap .listbox_controls ul li.ui-state-disabled {
  background-color: #e4e6e4;
  color: #a7a7a7;
}
/*Flags && UOMSystems*/

.uomsystem-picker.select2-container,
.currency-picker.select2-container {
  width: 25px;
  height: 28px;
  min-width: 25px;
  border-radius: 4px;
}
.big-drop {
  width: 250px !important;
  padding-top: 3px;
  border-radius: 0px;
}
.uomsystem-picker.select2-container,
.currency-picker.select2-container {
  background-color: transparent;
}
.uomsystem-picker.select2-container .select2-choice,
.currency-picker.select2-container .select2-choice {
  background-color: transparent;
  height: 26px;
}
div.uomsystem-picker.select2-container:hover,
div.currency-picker.select2-container:hover {
  background-color: #c2e0f0;
}
div.uomsystem-picker.select2-container:hover div.uomsystem {
  background-color: #394a58;
}
div.currency-picker.select2-container:hover .flag-medium.flag-lcl {
  background-position: 0 68.421%;
}
.uomsystem-picker.select2-container .select2-choice .select2-arrow,
.currency-picker.select2-container .select2-choice .select2-arrow {
  display: none;
}
.uomsystem-picker.select2-container .select2-choice > .select2-chosen,
.currency-picker.select2-container .select2-choice > .select2-chosen {
  margin-right: 0px;
}
.uomsystem-picker.select2-container .select2-choice,
.currency-picker.select2-container .select2-choice {
  border: none;
  box-shadow: none;
  border-radius: 0px;
}
.uomsystem-picker a,
.currency-picker a {
  border-radius: 0px;
}
.flag-medium {
  width: 25px;
  height: 25px;
  float: left;
  background-image: url(../content/../content/themes/base/images/Flags.svg?v=9);
  background-size: 500px;
  margin-top: 1px;
  background-repeat: no-repeat;
}
.select2-choice .flag-medium {
  width: 17px;
  height: 17px;
  background-size: 340px;
  margin-top: 5px;
  margin-left: 4px;
}
.popup-message .flag-medium {
  margin-top: -3px;
}
.select2-results .flag-medium {
  margin-top: 4px;
}
.uomsystem {
  width: 25px;
  height: 25px;
  float: left;
  background-color: white;
  -webkit-mask-image: url(../content/../content/themes/base/images/UOMIcons.svg);
  mask-image: url(../content/../content/themes/base/images/UOMIcons.svg);
  -webkit-mask-size: 125px;
  mask-size: 125px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-top: 2.5px;
}
.select2-results .uomsystem {
  background-color: #192d38;
}
.select2-choice .uomsystem {
  width: 17px;
  height: 17px;
  -webkit-mask-size: 85px;
  mask-size: 85px;
  margin-left: 4px;
  margin-top: 5px;
}
.popup-message .uomsystem {
  margin-top: -3px;
  margin-right: 4px;
  background-color: #192d38;
  margin-left: 0px;
}
.select2-result .uomsystem {
  margin-right: 4px;
}
.currency-picker .flag-medium {
  margin-right: 0px;
}
.uomsystem-text,
.currency-text {
  height: 24px;
  padding-top: 8px;
  white-space: nowrap;
}
.flag-medium.flag-afn {
  background-position: 5.2632% 0%;
}
.flag-medium.flag-all {
  background-position: 15.7895% 0%;
}
.flag-medium.flag-dzd {
  background-position: 21.0526% 0%;
}
.flag-medium.flag-aoa {
  background-position: 36.8421% 0%;
}
.flag-medium.flag-xcd {
  background-position: 42.1053% 0%;
}
.flag-medium.flag-xcd {
  background-position: 47.3684% 0%;
}
.flag-medium.flag-ars {
  background-position: 0% 5.2632%;
}
.flag-medium.flag-amd {
  background-position: 5.2632% 5.2632%;
}
.flag-medium.flag-awg {
  background-position: 10.5263% 5.2632%;
}
.flag-medium.flag-aud {
  background-position: 15.7895% 5.2632%;
}
.flag-medium.flag-azn {
  background-position: 26.3158% 5.2632%;
}
.flag-medium.flag-bsd {
  background-position: 36.8421% 5.2632%;
}
.flag-medium.flag-bhd {
  background-position: 42.1053% 5.2632%;
}
.flag-medium.flag-bdt {
  background-position: 0% 10.5263%;
}
.flag-medium.flag-bbd {
  background-position: 5.2632% 10.5263%;
}
.flag-medium.flag-byn {
  background-position: 15.7895% 10.5263%;
}
.flag-medium.flag-bzd {
  background-position: 26.3158% 10.5263%;
}
.flag-medium.flag-xof {
  background-position: 31.5789% 10.5263%;
}
.flag-medium.flag-bmd {
  background-position: 36.8421% 10.5263%;
}
.flag-medium.flag-inr {
  background-position: 42.1053% 10.5263%;
}
.flag-medium.flag-bob {
  background-position: 47.3684% 10.5263%;
}
.flag-medium.flag-bam {
  background-position: 5.2632% 15.7895%;
}
.flag-medium.flag-bwp {
  background-position: 10.5263% 15.7895%;
}
.flag-medium.flag-brl {
  background-position: 15.7895% 15.7895%;
}
.flag-medium.flag-bnd {
  background-position: 36.8421% 15.7895%;
}
.flag-medium.flag-bgn {
  background-position: 42.1053% 15.7895%;
}
.flag-medium.flag-xof {
  background-position: 47.3684% 15.7895%;
}
.flag-medium.flag-bif {
  background-position: 0% 21.0526%;
}
.flag-medium.flag-khr {
  background-position: 5.2632% 21.0526%;
}
.flag-medium.flag-xaf {
  background-position: 10.5263% 21.0526%;
}
.flag-medium.flag-cad {
  background-position: 15.7895% 21.0526%;
}
.flag-medium.flag-cve {
  background-position: 26.3158% 21.0526%;
}
.flag-medium.flag-kyd {
  background-position: 31.5789% 21.0526%;
}
.flag-medium.flag-xaf {
  background-position: 36.8421% 21.0526%;
}
.flag-medium.flag-xaf {
  background-position: 47.3684% 21.0526%;
}
.flag-medium.flag-clp {
  background-position: 0% 26.3158%;
}
.flag-medium.flag-cny {
  background-position: 5.2632% 26.3158%;
}
.flag-medium.flag-zwl {
  background-position: 10.5263% 26.3158%;
}
.flag-medium.flag-cop {
  background-position: 21.0526% 26.3158%;
}
.flag-medium.flag-kmf {
  background-position: 26.3158% 26.3158%;
}
.flag-medium.flag-nzd {
  background-position: 31.5789% 26.3158%;
}
.flag-medium.flag-crc {
  background-position: 42.1053% 26.3158%;
}
.flag-medium.flag-hrk {
  background-position: 47.3684% 26.3158%;
}
.flag-medium.flag-cup {
  background-position: 0% 31.5789%;
}
.flag-medium.flag-ang {
  background-position: 5.2632% 31.5789%;
}
.flag-medium.flag-czk {
  background-position: 15.7895% 31.5789%;
}
.flag-medium.flag-cdf {
  background-position: 21.0526% 31.5789%;
}
.flag-medium.flag-dkk {
  background-position: 26.3158% 31.5789%;
}
.flag-medium.flag-djf {
  background-position: 31.5789% 31.5789%;
}
.flag-medium.flag-xcd {
  background-position: 36.8421% 31.5789%;
}
.flag-medium.flag-dop {
  background-position: 42.1053% 31.5789%;
}
.flag-medium.flag-idr {
  background-position: 47.3684% 31.5789%;
}
.flag-medium.flag-egp {
  background-position: 5.2632% 36.8421%;
}
.flag-medium.flag-svc {
  background-position: 10.5263% 36.8421%;
}
.flag-medium.flag-xaf {
  background-position: 21.0526% 36.8421%;
}
.flag-medium.flag-ern {
  background-position: 26.3158% 36.8421%;
}
.flag-medium.flag-etb {
  background-position: 36.8421% 36.8421%;
}
.flag-medium.flag-eur {
  background-position: 42.1053% 36.8421%;
}
.flag-medium.flag-fkp {
  background-position: 47.3684% 36.8421%;
}
.flag-medium.flag-dkk {
  background-position: 0% 42.1053%;
}
.flag-medium.flag-fjd {
  background-position: 5.2632% 42.1053%;
}
.flag-medium.flag-xpf {
  background-position: 21.0526% 42.1053%;
}
.flag-medium.flag-xaf {
  background-position: 26.3158% 42.1053%;
}
.flag-medium.flag-gmd {
  background-position: 36.8421% 42.1053%;
}
.flag-medium.flag-gel {
  background-position: 42.1053% 42.1053%;
}
.flag-medium.flag-ghs {
  background-position: 0% 47.3684%;
}
.flag-medium.flag-gip {
  background-position: 5.2632% 47.3684%;
}
.flag-medium.flag-dkk {
  background-position: 15.7895% 47.3684%;
}
.flag-medium.flag-xcd {
  background-position: 21.0526% 47.3684%;
}
.flag-medium.flag-gtq {
  background-position: 31.5789% 47.3684%;
}
.flag-medium.flag-gbp {
  background-position: 36.8421% 47.3684%;
}
.flag-medium.flag-xof {
  background-position: 42.1053% 47.3684%;
}
.flag-medium.flag-gnf {
  background-position: 47.3684% 47.3684%;
}
.flag-medium.flag-gyd {
  background-position: 0% 52.6316%;
}
.flag-medium.flag-htg {
  background-position: 5.2632% 52.6316%;
}
.flag-medium.flag-hnl {
  background-position: 15.7895% 52.6316%;
}
.flag-medium.flag-hkd {
  background-position: 21.0526% 52.6316%;
}
.flag-medium.flag-huf {
  background-position: 26.3158% 52.6316%;
}
.flag-medium.flag-isk {
  background-position: 31.5789% 52.6316%;
}
.flag-medium.flag-inr {
  background-position: 36.8421% 52.6316%;
}
.flag-medium.flag-idr {
  background-position: 42.1053% 52.6316%;
}
.flag-medium.flag-irr {
  background-position: 47.3684% 52.6316%;
}
.flag-medium.flag-iqd {
  background-position: 0% 57.8947%;
}
.flag-medium.flag-gbp {
  background-position: 10.5263% 57.8947%;
}
.flag-medium.flag-ils {
  background-position: 15.7895% 57.8947%;
}
.flag-medium.flag-xof {
  background-position: 26.3158% 57.8947%;
}
.flag-medium.flag-jmd {
  background-position: 31.5789% 57.8947%;
}
.flag-medium.flag-jpy {
  background-position: 36.8421% 57.8947%;
}
.flag-medium.flag-gbp {
  background-position: 42.1053% 57.8947%;
}
.flag-medium.flag-jod {
  background-position: 47.3684% 57.8947%;
}
.flag-medium.flag-kzt {
  background-position: 0% 63.1579%;
}
.flag-medium.flag-kes {
  background-position: 5.2632% 63.1579%;
}
.flag-medium.flag-aud {
  background-position: 10.5263% 63.1579%;
}
.flag-medium.flag-kwd {
  background-position: 21.0526% 63.1579%;
}
.flag-medium.flag-kgs {
  background-position: 26.3158% 63.1579%;
}
.flag-medium.flag-lak {
  background-position: 31.5789% 63.1579%;
}
.flag-medium.flag-lbp {
  background-position: 42.1053% 63.1579%;
}
.flag-medium.flag-lsl {
  background-position: 47.3684% 63.1579%;
}
.flag-medium.flag-lrd {
  background-position: 52.6316% 0%;
}
.flag-medium.flag-lyd {
  background-position: 57.8947% 0%;
}
.flag-medium.flag-chf {
  background-position: 63.1579% 0%;
}
.flag-medium.flag-mop {
  background-position: 78.9474% 0%;
}
.flag-medium.flag-mga {
  background-position: 84.2105% 0%;
}
.flag-medium.flag-mwk {
  background-position: 94.7368% 0%;
}
.flag-medium.flag-myr {
  background-position: 100% 0%;
}
.flag-medium.flag-mvr {
  background-position: 52.6316% 5.2632%;
}
.flag-medium.flag-xof {
  background-position: 57.8947% 5.2632%;
}
.flag-medium.flag-mru {
  background-position: 78.9474% 5.2632%;
}
.flag-medium.flag-mur {
  background-position: 84.2105% 5.2632%;
}
.flag-medium.flag-mxn {
  background-position: 94.7368% 5.2632%;
}
.flag-medium.flag-mdl {
  background-position: 52.6316% 10.5263%;
}
.flag-medium.flag-mnt {
  background-position: 63.1579% 10.5263%;
}
.flag-medium.flag-xcd {
  background-position: 73.6842% 10.5263%;
}
.flag-medium.flag-mad {
  background-position: 78.9474% 10.5263%;
}
.flag-medium.flag-mzn {
  background-position: 84.2105% 10.5263%;
}
.flag-medium.flag-mmk {
  background-position: 89.4737% 10.5263%;
}
.flag-medium.flag-nad {
  background-position: 94.7368% 10.5263%;
}
.flag-medium.flag-aud {
  background-position: 52.6316% 15.7895%;
}
.flag-medium.flag-npr {
  background-position: 57.8947% 15.7895%;
}
.flag-medium.flag-nzd {
  background-position: 68.4211% 15.7895%;
}
.flag-medium.flag-nio {
  background-position: 73.6842% 15.7895%;
}
.flag-medium.flag-xof {
  background-position: 78.9474% 15.7895%;
}
.flag-medium.flag-ngn {
  background-position: 84.2105% 15.7895%;
}
.flag-medium.flag-nzd {
  background-position: 89.4737% 15.7895%;
}
.flag-medium.flag-aud {
  background-position: 94.7368% 15.7895%;
}
.flag-medium.flag-kpw {
  background-position: 100% 15.7895%;
}
.flag-medium.flag-nok {
  background-position: 63.1579% 21.0526%;
}
.flag-medium.flag-omr {
  background-position: 68.4211% 21.0526%;
}
.flag-medium.flag-pkr {
  background-position: 84.2105% 21.0526%;
}
.flag-medium.flag-jod {
  background-position: 94.7368% 21.0526%;
}
.flag-medium.flag-pab {
  background-position: 100% 21.0526%;
}
.flag-medium.flag-pgk {
  background-position: 52.6316% 26.3158%;
}
.flag-medium.flag-pyg {
  background-position: 57.8947% 26.3158%;
}
.flag-medium.flag-pen {
  background-position: 63.1579% 26.3158%;
}
.flag-medium.flag-php {
  background-position: 68.4211% 26.3158%;
}
.flag-medium.flag-nzd {
  background-position: 73.6842% 26.3158%;
}
.flag-medium.flag-pln {
  background-position: 78.9474% 26.3158%;
}
.flag-medium.flag-qar {
  background-position: 94.7368% 26.3158%;
}
.flag-medium.flag-mkd {
  background-position: 52.6316% 31.5789%;
}
.flag-medium.flag-cdf {
  background-position: 57.8947% 31.5789%;
}
.flag-medium.flag-ron {
  background-position: 63.1579% 31.5789%;
}
.flag-medium.flag-rub {
  background-position: 68.4211% 31.5789%;
}
.flag-medium.flag-rwf {
  background-position: 73.6842% 31.5789%;
}
.flag-medium.flag-zmw {
  background-position: 89.4737% 31.5789%;
}
.flag-medium.flag-wst {
  background-position: 94.7368% 31.5789%;
}
.flag-medium.flag-stn {
  background-position: 52.6316% 36.8421%;
}
.flag-medium.flag-sar {
  background-position: 63.1579% 36.8421%;
}
.flag-medium.flag-xof {
  background-position: 73.6842% 36.8421%;
}
.flag-medium.flag-rsd {
  background-position: 78.9474% 36.8421%;
}
.flag-medium.flag-scr {
  background-position: 84.2105% 36.8421%;
}
.flag-medium.flag-sll {
  background-position: 89.4737% 36.8421%;
}
.flag-medium.flag-sgd {
  background-position: 94.7368% 36.8421%;
}
.flag-medium.flag-sbd {
  background-position: 68.4211% 42.1053%;
}
.flag-medium.flag-sos {
  background-position: 73.6842% 42.1053%;
}
.flag-medium.flag-zar {
  background-position: 84.2105% 42.1053%;
}
.flag-medium.flag-krw {
  background-position: 89.4737% 42.1053%;
}
.flag-medium.flag-ssp {
  background-position: 94.7368% 42.1053%;
}
.flag-medium.flag-lkr {
  background-position: 52.6316% 47.3684%;
}
.flag-medium.flag-xcd {
  background-position: 63.1579% 47.3684%;
}
.flag-medium.flag-xcd {
  background-position: 68.4211% 47.3684%;
}
.flag-medium.flag-sdg {
  background-position: 73.6842% 47.3684%;
}
.flag-medium.flag-srd {
  background-position: 78.9474% 47.3684%;
}
.flag-medium.flag-szl {
  background-position: 84.2105% 47.3684%;
}
.flag-medium.flag-sek {
  background-position: 89.4737% 47.3684%;
}
.flag-medium.flag-chf {
  background-position: 94.7368% 47.3684%;
}
.flag-medium.flag-syp {
  background-position: 100% 47.3684%;
}
.flag-medium.flag-twd {
  background-position: 52.6316% 52.6316%;
}
.flag-medium.flag-tjs {
  background-position: 57.8947% 52.6316%;
}
.flag-medium.flag-tzs {
  background-position: 63.1579% 52.6316%;
}
.flag-medium.flag-thb {
  background-position: 68.4211% 52.6316%;
}
.flag-medium.flag-xof {
  background-position: 78.9474% 52.6316%;
}
.flag-medium.flag-nzd {
  background-position: 84.2105% 52.6316%;
}
.flag-medium.flag-top {
  background-position: 89.4737% 52.6316%;
}
.flag-medium.flag-ttd {
  background-position: 100% 52.6316%;
}
.flag-medium.flag-tnd {
  background-position: 52.6316% 57.8947%;
}
.flag-medium.flag-try {
  background-position: 57.8947% 57.8947%;
}
.flag-medium.flag-tmt {
  background-position: 63.1579% 57.8947%;
}
.flag-medium.flag-aud {
  background-position: 73.6842% 57.8947%;
}
.flag-medium.flag-ugx {
  background-position: 78.9474% 57.8947%;
}
.flag-medium.flag-uah {
  background-position: 84.2105% 57.8947%;
}
.flag-medium.flag-aed {
  background-position: 89.4737% 57.8947%;
}
.flag-medium.flag-gbp {
  background-position: 94.7368% 57.8947%;
}
.flag-medium.flag-usd {
  background-position: 52.6316% 63.1579%;
}
.flag-medium.flag-uyu {
  background-position: 57.8947% 63.1579%;
}
.flag-medium.flag-uzs {
  background-position: 63.1579% 63.1579%;
}
.flag-medium.flag-vuv {
  background-position: 68.4211% 63.1579%;
}
.flag-medium.flag-ves {
  background-position: 78.9474% 63.1579%;
}
.flag-medium.flag-vnd {
  background-position: 84.2105% 63.1579%;
}
.flag-medium.flag-yer {
  background-position: 100% 63.1579%;
}
.flag-medium.flag-lcl {
  background-position: 5.263% 68.421%;
}
.select2-results .flag-medium.flag-lcl {
  background-position-x: 0px;
}
.select2-results .flag-medium {
  margin-right: 2px;
}
.uomsystem.uomsystem-met {
  -webkit-mask-position: 50% 0%;
  mask-position: 50% 0%;
}
.uomsystem.uomsystem-imp {
  -webkit-mask-position: 25% 0%;
  mask-position: 25% 0%;
}
.uomsystem.uomsystem-usc {
  -webkit-mask-position: 100% 0%;
  mask-position: 100% 0%;
}
.uomsystem.uomsystem-lcl {
  -webkit-mask-position: 75% 0%;
  mask-position: 75% 0%;
}
.side-menu-holder {
  position: absolute;
  overflow: hidden;
  height: calc(78%);
  top: 49px;
  pointer-events: none;
  width: 25px;
  transition: width 0.2s linear;
  z-index: 13;
  background-color: white;
  padding-bottom: 24px;
}
.side-menu-holder.non-animate {
  transition: none;
}
.right-menu .menu-icon {
  border-radius: 4px;
}
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 5;
}
.dropdown:hover .right-menu-holder {
  visibility: visible;
}
.right-menu .menu-icon {
  color: white;
}
.right-menu .select2-container .select2-choice {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.right-menu .select2-container {
  top: 0px;
}
.dropdown:hover .drop-button {
  background-color: #c2e0f0;
  color: #394a58;
}
.right-menu:hover .menu-icon {
  background-color: #c2e0f0;
  color: #394a58;
}
.right-menu-holder {
  position: absolute;
  overflow: hidden;
  top: 28px;
  right: -8px;
  width: 150px;
  z-index: 13;
  transform: rotateY(180deg);
  visibility: hidden;
  display: block;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.right-menu-holder .wrapper {
  transform: rotateY(180deg);
}
.right-menu-holder .menu.menu-separator {
  margin-left: 0px;
}
div.drop {
  height: 31px;
}
.side-menu-holder:hover {
  width: 200px;
  pointer-events: auto;
  transition-delay: 250ms;
}
.side-menu-holder.temp-disable:hover {
  width: 25px;
}
div.side-menu {
  width: 200px;
  height: 100%;
  background-color: white;
  z-index: 10;
  transition: width 0.2s linear;
  overflow-x: hidden;
  border-right: solid 4px #e0ebf1;
  top: 4px;
  color: #394a58;
  pointer-events: auto;
  overflow-y: scroll;
}
body.side-menu-pinned div.side-menu-holder {
  width: 200px;
}
div.right-menu-holder div.side-menu {
  width: 150px;
  padding-bottom: 8px;
}
div.right-menu-holder div.menu {
  transform: rotateY(180deg);
}
.side-menu .menu-caption,
.side-menu .menu-action {
  flex: 1;
  align-content: center;
}
.side-menu div.menu-leaf,
.side-menu div.menu-drop {
  min-height: 30px;
  display: flex;
  padding: 3px 0 0 3px;
}
.side-menu div.menu.hide {
  display: none;
}
.side-menu div.menu > a {
  text-decoration: none;
  color: inherit;
  height: 100%;
  display: flex;
  align-self: center;
  min-height: 30px;
}
.side-menu .ui-icon:after {
  left: 40%;
}
.menu-action a {
  text-decoration: none;
  color: inherit;
}
.right-menu-holder .side-menu div.menu > a {
  flex: 1;
}
.side-menu div.menu > a.dropdown-link {
  width: calc(172px);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.side-menu div.menu a.dropdown-link + a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.side-menu div.menu.menu-leaf > a {
  width: 100%;
}
.side-menu div.menu.menu-leaf.no-icon {
  padding-left: 5px;
}
.side-menu div.menu.menu-leaf.no-click {
  color: #394a58;
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.side-menu div.menu span {
  align-self: center;
}
.side-menu div.wrapper.level1 div.menu > a {
  width: calc(164px);
}
.side-menu div.wrapper.level2 div.menu > a {
  width: calc(156px);
}
.side-menu div.wrapper.level3 div.menu > a {
  width: calc(148px);
}
.side-menu div.wrapper.level1 .menu-caption,
.side-menu div.wrapper.level2 .menu-caption {
  margin-left: 8px;
}
.side-menu-holder .side-menu div.menu.menu-leaf:hover a,
.side-menu-holder .side-menu div.menu.menu-leaf:hover .ui-icon,
.side-menu-holder .side-menu div.menu.menu-drop:hover a,
.side-menu-holder .side-menu div.menu.menu-drop:hover .ui-icon,
.right-menu-holder div.menu.menu-leaf:hover,
.right-menu-holder div.menu.menu-drop:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.side-menu-holder .side-menu div.menu.menu-drop:has(+ div.wrapper.expanded) a,
.side-menu-holder .side-menu div.menu.menu-drop:has(+ div.wrapper.expanded):hover a .ui-icon,
.side-menu-holder .side-menu div.menu.menu-drop:has(+ div.wrapper.expanded):hover a .arrow-expander,
.right-menu-holder div.menu.menu-drop:has(+ div.wrapper.expanded),
.right-menu-holder div.menu.menu-drop:has(+ div.wrapper.expanded):hover .ui-icon {
  background-color: #a5c2d1;
  color: #394a58;
}
.side-menu div.wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s ease-out;
}
.side-menu div.wrapper.expanded {
  grid-template-rows: 1fr;
}
.side-menu div.menu .ui-icon {
  width: 25px;
  align-self: center;
  margin-right: 1px;
}
.side-menu div.menu .ui-icon.sub-menu {
  font-size: 10px;
  width: 15px;
}
.side-menu div.menu .left-icon {
  font-size: 20px;
  margin-right: 3px;
  margin-left: -2px;
}
.side-menu div.menu span.arrow-expander {
  width: 25px;
  margin-left: 3px;
}
.side-menu div.menu.menu-contents {
  overflow-y: hidden;
  padding-left: 25px;
}
.side-menu .wrapper.level2 div.menu.menu-contents,
.side-menu .wrapper.level3 div.menu.menu-contents {
  padding-left: 8px;
}
.right-menu-holder .side-menu .wrapper.level2 div.menu.menu-contents,
.right-menu-holder .side-menu .wrapper.level3 div.menu.menu-contents {
  padding-right: 8px;
}
.right-menu-holder .side-menu div.menu.menu-contents {
  padding-left: 0px;
  padding-right: 25px;
}
.full-page {
  overflow-y: scroll;
}
#side-menu .flag-medium {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  background-size: 320px;
}
#side-menu .uomsystem {
  -webkit-mask-size: 80px;
  mask-size: 80px;
  width: 16px;
  height: 16px;
}
#side-menu .menu-contents {
  overflow: hidden;
}
#side-menu .uomsystem-picker.select2-container .select2-choice,
#side-menu .currency-picker.select2-container .select2-choice {
  height: unset;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#side-menu .currency-picker.select2-container,
#side-menu .uomsystem-picker.select2-container {
  min-width: unset;
  min-height: unset;
}
#side-menu .filtered,
#side-menu .caption {
  position: absolute;
  background-color: white;
  border-bottom: 1px solid #e6e6e6;
  height: 16px;
  font-size: 12px;
  text-align: center;
  letter-spacing: 4px;
  transform-origin: 0 bottom;
  transform: rotate(270deg);
  top: 679px;
  left: 16px;
  margin-top: -18px;
  z-index: 4;
}
.side-menu .filtered {
  z-index: 5;
  top: 80px;
  display: none;
}
.side-menu .menu-separator {
  height: 1px;
  border-top: 1px solid #e6e6e6;
  margin-left: 25px;
}
div.side-menu-expander {
  float: left;
  font-size: 20px;
  height: 24px;
  width: 28px;
  padding-top: 0px;
  pointer-events: auto;
  cursor: pointer;
  color: #394a58;
  position: absolute;
  bottom: 0px;
  left: -2px;
  transition: right 0.2s linear;
  background-color: white;
  border-radius: 4px;
}
div.side-menu-expander:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
body.side-menu-pinned .side-menu-holder div.side-menu-expander {
  right: 9px;
  left: unset;
}
.currency-code,
.reference-currency-code,
.user-currency-code,
.dashboard-currency-code,
.user-uom-system,
.dashboard-uom-system,
.uom-system,
.has-adjustable-fields,
.record-cost-adjustment,
.map-count,
.maps-rendered,
.word-cloud-count,
.word-clouds-rendered,
.is-node-dashboard {
  display: none;
}
.image-text .flag {
  margin-left: 4px;
  float: left;
}
#adjustmentDescription {
  float: left;
  text-align: right;
  line-height: 27px;
  padding-right: 5px;
  color: white;
}
#adjustmentDescription > span.adjusted {
  color: #b8b8b8;
}
.adjusted .can-adjust,
#title.can-adjust {
  color: #db4444 !important;
}
.fancytree-active .can-adjust div {
  color: #ffdada !important;
}
.hide-icon:after {
  content: '\e749';
}
.hide-hidden .hide-icon:after {
  content: '\e74a';
}
.exclamation {
  background-image: url('../Images/icon_All.png?v=5');
  width: 32px;
  height: 24px;
  background-position: -992px 0px;
  float: left;
  margin-top: -2px;
}
.draggable.dragOV,
ui-draggable-dragging {
  cursor: move;
}
.ui-draggable-dragging.dragOV {
  padding: 4px;
  border: 1px solid #c4c4c4;
}
.big-edit {
  position: relative;
}
.big-edit-image {
  position: absolute;
  top: 4px;
  right: 8px;
  width: 16px;
  height: 16px !important;
}
.big-edit.onInput .big-edit-image {
  right: 0px;
  top: 0px;
}
.big-edit-textarea {
  width: 100%;
  height: calc(100% - 17px);
  margin-top: 17px;
}
.big-edit-count.char-count {
  top: 8px;
  right: 6px;
}
.big-edit-value {
  max-width: 100px;
  margin-right: 20px;
}
.big-edit-value,
.big-reader {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.big-edit.formula {
  display: inline-block;
  width: 400px;
}
.big-edit .small-icon {
  margin-left: 4px;
}
.tree-table .big-edit.onInput {
  height: 20px;
}
input[readonly] ~ .big-edit-image {
  display: none;
}
input[readonly] ~ .big-edit-value {
  margin-right: 0px;
}
.multi-picker .selected {
  border-radius: 0px;
}
input[readonly] ~ .multi-picker > div {
  border: none;
  background-color: transparent;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
input[readonly] ~ .multi-picker span {
  display: none !important;
}
input[readonly] ~ .multi-picker {
  line-height: unset;
  top: 0px;
  margin: 0px;
  white-space: normal;
  border: none;
}
.swatch {
  width: 11px;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 1px;
  height: 11px;
  border-radius: 6px;
  border: 1px solid #cccccc;
}
.swatch-text {
  float: left;
}
.swatch.square {
  border-radius: 0px;
}
.select2-chosen .swatch {
  margin-top: 3px;
}
.no-actions {
  background-image: url(../Images/ThumbUp.png);
  background-repeat: no-repeat;
  padding-left: 61px;
  padding-top: 34px;
  height: 55px;
  background-position: 7px 7px;
  color: #0091cf;
  font-size: 17pt;
}
span.modified {
  color: #af9e7f;
  font-size: 85%;
}
.filter-picker {
  float: left;
  margin-top: -2px;
  max-width: 100%;
  width: 400px;
}
.filter-picker.error .multi-picker {
  background-color: #f8d4dc;
}
select.add-panel {
  width: 800px;
  overflow-x: hidden;
}
#excel-export {
  float: left;
}
.gauge g.label text {
  text-anchor: middle;
  font-size: 14px;
  fill: #666666;
}
.table-message .query {
  color: #107cac;
}
.announcement-popup {
  position: absolute;
  height: calc(100% - 100px);
  width: 600px;
  top: 50px;
  left: calc(50% - 300px);
  z-index: 20000;
  background-color: #394a58;
  padding: 10px;
  color: white;
  border: 1px solid white;
  overflow: hidden;
  border-radius: 4px;
}
.announcement-slider {
  width: 20000px;
  position: absolute;
  transition: left 0.5s;
  left: 0px;
  margin-left: 10px;
  height: calc(100% - 46px);
}
.announcement-btn {
  border: 1px solid white;
  background-image: url(../content/themes/base/images/ui-icons_ffffff_256x240.png);
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-radius: 0px;
}
.announcement-close {
  position: absolute;
  background-position: -80px -128px;
  left: calc(100% - 26px);
  top: 10px;
  z-index: 21000;
}
.announcement-dismiss-btn {
  background-position: 16px 16px;
  display: inline-block;
  position: absolute;
  margin-left: 3px;
}
.announcement-dismiss-btn.dismissed {
  background-position: -64px -144px;
}
.announcement-dismiss {
  width: 566px;
  line-height: 18px;
  top: calc(100% - 19px);
  position: absolute;
  text-align: right;
}
.announcement-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.announcement-frame {
  float: left;
  width: 600px;
  margin-right: 10px;
  height: 100%;
}
.announcement-content {
  height: calc(100% - 47px);
}
.announcement-title {
  font-size: 20px;
  width: calc(100% - 33px);
  margin-bottom: 8px;
}
.announcement-body-container {
  height: calc(100% - 11px);
  overflow-y: auto;
}
.announcement-navigator {
  position: absolute;
  top: calc(100% - 20px);
  width: calc(100% - 20px);
  text-align: center;
}
.announcement-navigator .nav-dot {
  top: -5px;
  width: 11px;
  height: 11px;
  margin: 0 4px;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.announcement-navigator .nav-dot:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.announcement-navigator .nav-dot.selected {
  background-color: white;
  cursor: not-allowed;
}
.announcement-navigator .nav-dot.selected:hover {
  background-color: white;
}
.trumbowyg-button-group button {
  border: none !important;
  background: none !important;
}
.trumbowyg-button-group .ui-button-text-only .ui-button-text {
  padding: 0px;
}
.trumbowyg-button-group .ui-button-text {
  display: inline !important;
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
  background: white !important;
}
.trumbowyg-box,
.trumbowyg-editor {
  min-height: 150px;
  background-color: #f9fbfc;
  color: #394a58;
}
.trumbowyg-box {
  padding: 0px;
  margin: unset;
}
.trumbowyg-editor {
  padding: 4px;
}
#site-help {
  background-repeat: no-repeat;
  background-size: 88%;
  background-position-x: 1px;
  background-position-y: 4px;
  width: 30px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  float: left;
  margin-right: 5px;
}
#site-help.show-announcements .ui-icon {
  font-size: 20px;
  width: 20px;
  padding-left: 10px;
  color: white;
}
#site-help.show-announcements .ui-icon:hover {
  color: #394a58;
}
#site-help.show-help .ui-icon {
  background-image: url('../images/site-help.png');
}
#site-help:hover {
  background-color: #c2e0f0;
}
.button-glow {
  animation: glowing 1000ms infinite;
}
.envision-insert {
  height: inherit;
}
.envision-input {
  vertical-align: middle;
  height: inherit;
  display: table-cell;
  width: 2000px;
}
#snc-lines {
  display: none;
}
.section-menu ul {
  padding-left: 0px;
  margin-top: 0px;
}
.section-menu li {
  list-style-type: none;
  padding: 4px;
  border-radius: 0px;
  cursor: pointer;
}
.section-menu a {
  text-decoration: none;
  width: 100%;
}
.section-menu li:not(.filtered):not(.selected):hover,
.section-menu .back:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.section-menu li.filtered,
.section-menu li.filtered a {
  color: #cccccc;
  cursor: default;
}
.section-menu li.selected {
  background-color: #76919f;
  color: white;
}
.no-section-header {
  margin-top: -10px;
}
.section-list {
  padding-top: 8px;
}
.quickview .section-list {
  margin-top: unset;
}
.section-title,
.section-text {
  background-color: #ebf4f7;
  font-weight: bold;
  color: #394a58;
  border-radius: 0px;
  padding: 4px 4px 4px 8px;
  font-size: 14px;
}
.popup [id|="ge-tab"],
[id|="ge-tab-section"] {
  background-color: white;
  margin-bottom: 8px;
  border: 1px solid #e1eef3;
}
.popup [id|="ge-tab"].quickview,
.quickview [id|="ge-tab-section"] {
  border: none;
}
.section-list .filtered {
  display: none;
}
.search-and-clear {
  float: left;
  color: #394a58;
  background-color: #f9fbfc;
  border: 1px solid #e0e0e0;
  margin-top: 1px;
}
.search-and-clear input[name=query] {
  border: none;
  color: #394a58;
  background-color: #f9fbfc;
  width: 150px;
}
.search-and-clear .ui-icon {
  top: -2px;
  margin-right: 4px;
  cursor: pointer;
}
.fieldSearch input[name=query] {
  width: 140px;
  font-size: 12px;
  float: left;
  margin-left: 8px;
  margin-top: 0px;
  background-color: #f9fbfc;
  border: none;
}
.fieldSearch {
  cursor: text;
  background-color: #f9fbfc;
  border: 1px solid #e0e0e0;
  display: inline-block;
  margin-left: 8px;
  margin-top: -2px;
}
.fieldSearch .ui-icon {
  float: left;
  margin-top: 4px;
  margin-left: 4px;
  color: #394a58;
}
.show-all {
  color: #db4444;
  cursor: pointer;
  margin-top: 8px;
  float: left;
  line-height: 13px;
}
.show-all:hover {
  color: #394a58;
}
.filtered-by-rule {
  display: none;
}
#titles {
  position: absolute;
  width: 22em;
  height: 50em;
  bottom: 0;
  left: 50%;
  margin-left: -11em;
  font-size: 350%;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  transform-origin: 50% 100%;
  transform: perspective(300px) rotateX(25deg);
  color: #ffce44;
  z-index: 0;
}
#titles:after {
  position: absolute;
  content: ' ';
  left: 0;
  right: 0;
  top: 0;
  bottom: 60%;
  background: linear-gradient(180deg, #192d38 0%, transparent 100%);
  pointer-events: none;
}
#titlecontent {
  position: absolute;
  top: 100%;
  animation: scroll 60s linear 4s infinite;
}
#titlecontent h2 {
  font-weight: 100;
}
@keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -185%;
  }
}
@keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-webkit-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-moz-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-ms-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
.stars,
.twinkling {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.stars {
  background: #192d38 url(../Images/stars.png) repeat top center;
  z-index: 0;
}
.twinkling {
  background: transparent url(../Images/twinkling.png?v=2) repeat top center;
  z-index: 0;
  -moz-animation: move-twink-back 200s linear infinite;
  -ms-animation: move-twink-back 200s linear infinite;
  -o-animation: move-twink-back 200s linear infinite;
  -webkit-animation: move-twink-back 200s linear infinite;
  animation: move-twink-back 200s linear infinite;
}
@keyframes death-star-move {
  0% {
    top: 20%;
    left: -100px;
    height: 100px;
    opacity: 0.3;
  }
  50% {
    top: calc(50% - 250px);
    left: 20%;
    height: 60%;
    opacity: 1;
  }
  100% {
    top: calc(50% - 250px);
    left: 20%;
    height: 60%;
    opacity: 0;
  }
}
@-webkit-keyframes death-star-move {
  0% {
    top: 20%;
    left: -100px;
    width: 100px;
    opacity: 0.3;
  }
  50% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 1;
  }
  100% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 0;
  }
}
@-moz-keyframes death-star-move {
  0% {
    top: 20%;
    left: -100px;
    width: 100px;
    opacity: 0.3;
  }
  50% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 1;
  }
  100% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 0;
  }
}
@-ms-keyframes death-star-move {
  0% {
    top: 20%;
    left: -100px;
    width: 100px;
    opacity: 0.3;
  }
  50% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 1;
  }
  100% {
    top: calc(50% - 250px);
    left: 20%;
    width: 500px;
    opacity: 0;
  }
}
.death-star {
  background-image: url(../Images/InSightLander.png);
  position: absolute;
  height: 500px;
  width: 500px;
  background-size: contain;
  background-repeat: no-repeat;
  animation-name: death-star-move;
  animation-delay: 6s;
  animation-duration: 60s;
  animation-timing-function: linear;
  top: 20%;
  left: 20%;
  opacity: 0;
  z-index: 0;
}
.complete:not(.show) {
  display: none;
}
.missing:not(.show) {
  display: none;
}
.overlay-buttons {
  position: absolute;
  top: 35px;
}
#top-menu {
  background-color: #bedae5;
  color: white;
  height: 26px;
  white-space: nowrap;
  display: inline-block;
}
.right-menu-items {
  float: right;
  height: 26px;
  position: absolute;
  top: 10px;
  right: 8px;
  display: flex;
}
nav.left-menu {
  position: absolute;
  top: 4px;
}
nav.right-menu {
  float: right;
}
nav.right-menu .menu-icon,
div.right-menu .menu-icon {
  font-size: 15px;
  padding: 4px 0px 0px 0px;
  width: 25px;
  height: 24px;
  background-repeat: no-repeat;
}
nav ul > li:hover > #welcome {
  background-position-y: -24px;
  border-bottom: 2px solid #eeeeee;
}
nav.right-menu .menu-icon {
  font-size: 23px;
  padding: 4px 0px 0px 0px;
  width: 25px;
  height: 24px;
  background-repeat: no-repeat;
}
nav ul > li:hover > #welcome {
  background-position-y: -24px;
  border-bottom: 2px solid #eeeeee;
}
nav .ui-menu-item.more > a {
  font-size: 20px;
  margin-top: -4px;
}
li.menu-context-specific {
  background-color: #76919f;
  border-radius: 4px;
}
li.menu-context-specific > a {
  color: white;
}
li.menu-context-specific a {
  border-bottom: 2px solid transparent;
}
li.menu-context-specific ul a {
  border-bottom: 2px solid transparent;
}
li.menu-context-specific ul.ui-menu.ui-menu-icons {
  margin-top: 0px;
  border-radius: 4px;
}
li.menu-context-specific:hover a {
  border-radius: 4px;
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  float: left;
}
nav ul li {
  display: inline-block;
  color: #394a58;
}
nav ul li.more {
  display: none;
}
nav a,
nav span.user-name {
  display: block;
  padding: 0 10px;
  color: #394a58;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none;
}
nav span.user-name {
  opacity: 0.6;
  line-height: 16px;
}
nav a:hover {
  background-color: white;
  color: #394a58;
}
nav a:hover:not(.emoticon) {
  border-bottom: 2px solid #c2e0f0;
}
nav a:hover:not(.emoticon) span.ui-icon-bars {
  visibility: visible !important;
}
nav a {
  border-bottom: 2px solid transparent;
}
nav a.selected {
  border-bottom: 2px solid #c091ee;
}
nav ul ul a,
nav ul ul span.user-name {
  color: #394a58;
  margin: 2px;
  white-space: normal;
  border-bottom: 2px solid white;
}
/*This is supported on all desktop browsers now*/

nav a:has(span.ui-icon-carat-1-e) {
  padding-right: 18px !important;
}
/* Hide Dropdowns by Default */

nav ul ul {
  display: none;
  background-color: white;
  color: #394a58;
  position: absolute;
  z-index: 11;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
nav ul ul.overflow-right {
  right: 0px;
}
nav ul > li:hover > a {
  background-color: #c2e0f0;
  color: #394a58 !important;
}
nav ul > li > ul li > a:hover > span.ui-icon {
  background-image: url("../content/themes/base/images/ui-icons_ffffff_256x240.png");
}
nav ul > li > ul > li:hover > a {
  background-color: #c2e0f0;
  color: #394a58;
}
/* First Tier Dropdown */

nav ul ul li {
  width: 170px !important;
  float: none;
  display: list-item;
  position: relative;
}
nav.right-menu ul ul {
  width: 130px !important;
  left: -96px;
}
nav.right-menu ul ul li {
  width: 130px !important;
}
/* Second, Third and more Tiers	*/

nav ul ul ul {
  top: 0px;
  left: 170px;
}
nav ul ul ul.overflow-right {
  left: unset;
  right: 170px;
}
nav ul.ui-menu-icons {
  position: absolute;
  display: none;
}
nav .hidden {
  display: none;
}
div.context-menu {
  position: absolute;
  left: 208px;
  top: 10px;
  white-space: nowrap;
  z-index: 13;
}
#nodata {
  color: red;
  padding-top: 8px;
}
.dthelp {
  line-height: 20px;
  padding-left: 4px;
}
.dthelp.folder {
  font-weight: bold;
}
.panel-help .key {
  width: 50px;
  display: inline-block;
}
.drag-can-drag:hover {
  cursor: pointer !important;
}
body.dragging,
body.dragging * {
  cursor: move !important;
}
.dragged {
  position: absolute;
  top: 0;
  opacity: 0.8;
  z-index: 2000;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.bounce-above {
  position: relative;
  top: -50px;
  left: 10px;
}
.table-toggle {
  padding-top: 4px;
  padding-bottom: 8px;
  clear: both;
}
body.print .table-toggle {
  display: none;
}
tr.hide {
  display: none;
}
.left-arrow {
  border: solid red;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.left-bounce {
  animation: left-bounce 2s infinite;
}
@keyframes left-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(4px) rotate(135deg);
  }
  40% {
    transform: translateX(30px) rotate(135deg);
  }
  60% {
    transform: translateX(15px) rotate(135deg);
  }
}
#notification {
  position: absolute;
  top: 30px;
  width: 90%;
  background-color: lightyellow;
  color: #394a58;
  margin: auto;
  left: 0px;
  right: 0px;
  padding: 8px;
  border-radius: 0px;
  border: solid 1px #666666;
}
#notification div.container {
  float: left;
}
#notification div.n-message {
  margin-bottom: 8px;
}
#n-close {
  width: 19px;
  height: 19px;
  float: right;
  /* background-image: url("../content/themes/base/images/ui-icons_CD202C_256x240.png"); */

}
/*.ui-corner-all, .ui-corner-top, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br {
border-radius: 0px;
}
*/

.ui-widget-header,
.ui-widget-content {
  border: none;
}
.ui-menu {
  padding: 0px;
}
.ui-menu.instances {
  overflow: hidden auto;
  max-height: calc(100vh - 165px);
}
.popup .panel-content {
  border-top: 0px;
}
.hide-header .panel-content {
  border-top: none;
  padding: 0px;
}
.ui-widget-content,
span.fancytree-title {
  color: #394a58 !important;
}
input {
  border: 1px solid #e0e0e0;
  padding: 2px;
}
input:focus {
  outline: none;
}
.select2-drop,
.select2-drop-active,
.multi-picker,
textarea {
  border: 1px solid #e0e0e0;
  background-color: #f9fbfc;
}
.select2-container .select2-choice,
.select2-container-multi .select2-choices {
  border: 1px solid #e0e0e0;
  background-color: #f9fbfc;
}
select[readonly] ~ .select2-container .select2-choice,
select[readonly] ~ .select2-container-multi .select2-choices {
  border: none;
}
select[readonly] ~ .select2-container .select2-choice > .select2-chosen {
  margin-right: 0px;
}
#menu-bar .ui-state-default.btn {
  background-color: white;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #eeeeee;
  background: #eeeeee;
  font-weight: normal;
  color: #394a58;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled,
.ui-quarterpicker .ui-state-default,
.ui-quarterpicker .ui-datepicker-unselectable.ui-state-disabled {
  background-color: transparent;
  border: 1px solid transparent;
  color: #394a58;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #76919f;
  color: white;
}
.info-btn.ui-state-default {
  border: 1px solid transparent;
  background: transparent;
  margin-top: 4px;
}
#pageFilters .ui-state-default,
#pageFilters .ui-widget-content .ui-state-default,
#pageFilters .ui-widget-header .ui-state-default {
  padding: 0px;
}
.ui-dialog-titlebar-buttonpane .ui-state-default,
.ui-dialog-titlebar-buttonpane .ui-widget-content .ui-state-default,
.ui-dialog-titlebar-buttonpane .ui-widget-header .ui-state-default {
  padding: 0px;
  background-color: transparent;
  border: 1px solid transparent;
}
#menu-bar .ui-state-hover.btn,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-dialog-titlebar-buttonpane .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #c2e0f0;
  background: #c2e0f0;
  font-weight: normal;
  color: #394a58;
}
input:disabled {
  border: 1px solid #e0e0e0;
}
.ui-slider {
  border: 1px solid #eeeeee;
}
a.ui-slider-handle.ui-state-default {
  padding: 1px;
  border: 1px solid #eeeeee;
  background-color: white !important;
}
a.ui-slider-handle.ui-state-hover {
  background-color: #c2e0f0 !important;
}
input[readonly] ~ div.ui-slider {
  display: none;
}
.ui-dialog {
  max-width: 90%;
}
.ui-dialog:has(div.ui-dialog-maximized) {
  max-width: 100%;
}
.ui-dialog .ui-dialog-title {
  width: unset;
}
.ui-dialog,
.ui-menu {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.ui-dialog .ui-widget-header {
  border: 1px solid white;
  background: white;
  color: #394a58;
  font-weight: normal;
  font-size: 16px;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
/*.ui-tabs .ui-widget-header {
background-color: @menu-background-colour;
}*/

.ui-widget-header,
.ui-widget-content {
  background-color: white;
}
.panel.ui-tabs > .ui-widget-header {
  background-color: #e0ebf1;
}
.ui-widget-content a {
  color: inherit;
}
ul.fancytree-container {
  background-color: transparent !important;
}
.panel,
.ui-datepicker,
.ui-quarterpicker {
  margin: 5px;
}
.popup .panel {
  margin: 0px;
  box-shadow: none;
}
.overdue {
  color: #db4444;
}
.checkbox {
  display: inline;
  position: relative;
  padding-left: 24px !important;
  margin-bottom: 4px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: none !important;
  line-height: 24px;
}
/* Hide the browser's default checkbox */

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */

.checkbox .checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #e1e1e1;
}
th .checkbox .checkmark,
.exclude-buttons .checkbox .checkmark {
  background-color: white;
}
/* On mouse-over, add a grey background color */

.checkbox:not(.readonly):hover input ~ .checkmark {
  background-color: #c2e0f0;
}
table .checkbox:not(.readonly):hover input ~ .checkmark {
  background-color: #a5c2d1;
}
.checkbox.readonly {
  cursor: default;
}
/* When the checkbox is checked, add a blue background */

/* Create the checkmark/indicator (hidden when not checked) */

.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */

.checkbox input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */

.checkbox .checkmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #394a58;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.readonly.checkbox .checkmark:after {
  border-color: #a6b2bd;
}
.radio {
  display: inline;
  position: relative;
  padding-left: 24px !important;
  margin-bottom: 4px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: none !important;
  line-height: 24px;
}
/* Hide the browser's default radio button */

.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio[readonly],
.radio[readonly] input,
.radio[readonly] .checkmark {
  cursor: default;
}
/* Create a custom radio button */

.radio .checkmark {
  position: absolute;
  top: -4px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e1e1e1;
  border-radius: 50%;
}
/* When the radio button is checked, add a blue background */

.radio input:checked ~ .checkmark {
  background-color: #eeeeee;
}
.radio input:checked ~ .checkmark {
  width: 12px;
  height: 12px;
  border: 4px solid #eeeeee;
  background-color: #394a58;
}
.radio input:checked ~ .checkmark.suppress {
  display: none;
}
/* On mouse-over, add a grey background color */

.radio:hover input ~ .checkmark {
  width: 12px;
  height: 12px;
  border: 4px solid #c2e0f0;
}
.radio[readonly] {
  padding-left: 0px !important;
}
.radio[readonly]:not(.checked) {
  display: none;
}
input.error ~ label.checkbox > span.checkmark,
select.error ~ div.select2-container > a,
select.error ~ div.select2-container > ul {
  background-color: #f8d4dc;
}
.icon-text {
  padding-right: 4px;
  display: inline-block;
  margin-top: 5px;
  vertical-align: middle;
  float: right;
}
.ui-button-icon-primary.ui-icon,
.btn .ui-icon {
  color: #394a58;
}
.field .ui-icon.ui-icon-info,
.montecarlo-last-run .ui-icon.ui-icon-info {
  color: #394a58;
}
.run-montecarlo {
  padding: 3px;
}
th.view-monte-carlo,
td.view-monte-carlo {
  display: none !important;
}
.mc-has-run th.view-monte-carlo,
.mc-has-run td.view-monte-carlo {
  display: table-cell !important;
}
.monte-carlo-field-caption {
  text-align: center;
}
.ui-dialog-titlebar-buttonpane :not(.ui-state-hover) .ui-icon,
.panel-tab-buttons .btn .ui-icon,
.header-buttons .btn .ui-icon {
  color: #394a58;
}
/*.right-menu .ui-icon:not(:hover) { color: @header-icon-colour;}*/

.ui-icon.error {
  color: #db4444;
}
.ui-icon-div.ui-state-hover .ui-icon,
.ui-menu-item:hover:not(.ui-state-disabled) > a > .ui-icon {
  color: #394a58;
}
.ui-menu-icon.ui-icon:after {
  left: 92%;
}
html .ui-button .ui-icon {
  margin-top: -8px;
}
html .ui-dialog .ui-dialog-titlebar-close {
  width: 20px;
  height: 20px;
}
html .ui-button-icon-only {
  min-width: unset;
}
.ui-dialog .ui-dialog-titlebar-maximize span {
  margin: 0px !important;
}
table thead .btn span.ui-icon {
  color: #394a58;
}
table thead th.tablesorter-header:hover .btn span.ui-icon {
  color: #394a58;
}
.grid-stack .btn {
  line-height: 10px;
}
.grid-stack .bigger .ui-icon {
  width: 20px;
  height: 20px;
}
.grid-stack .left-button,
.left-icon {
  margin-bottom: 4px;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle {
  font-size: 14px;
  background-color: white;
  border-radius: 4px 0px 0px 0px;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle:hover {
  background-color: #c2e0f0;
}
.grid-stack .ui-icon-gripsmall-diagonal-se {
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  width: 19px !important;
  height: 19px !important;
}
.grid-stack .ui-icon-gripsmall-diagonal-se:after {
  content: '\e7ee';
}
.gantt-today-colour {
  color: red;
}
.gantt-tick-colour {
  color: #cccccc;
}
.gantt-tick-highlight-colour {
  color: #333333;
}
.gantt-group-colour {
  color: white;
  background-color: #666666;
}
.ui-datepicker-header,
.ui-quarterpicker-header {
  color: #394a58;
}
.ol-control.ol-legend,
.ol-control.ol-legend:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #394a58;
}
.pins .ol-legendImg {
  display: none;
}
.ol-control.ol-legend.pins ul li:nth-child(2) {
  background-image: url('../GraphPanel/GetMapPin?multi=false');
  background-repeat: no-repeat;
  background-position-x: 9px;
  background-position-y: 8px;
}
.ol-control.ol-legend.pins ul li:nth-child(3) {
  background-image: url('../GraphPanel/GetMapPin?multi=true');
  background-repeat: no-repeat;
  background-position-x: 9px;
  background-position-y: 8px;
}
.ol-control.ol-legend.ne {
  top: 0.5em;
  right: 0.5em;
  left: auto;
  bottom: auto;
}
.ol-control.ol-legend.se {
  right: 0.5em;
  left: auto;
}
.limit {
  float: left;
}
.limit-message {
  padding-top: 6px;
}
.ui-quarterpicker-year.selectable {
  cursor: pointer;
  padding: 4px;
}
.ui-quarterpicker-year.selectable:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.ui-quarterpicker-year.selectable.active {
  background-color: #76919f;
  color: white;
}
#ComparePage .compare {
  padding: 4px;
}
#ComparePage .add-tabs {
  padding: 0px;
}
#CompareControls {
  margin-top: 4px;
  margin-right: 8px;
}
#CompareControls .select2-container {
  min-width: 140px;
}
#ComparePage div.compare,
#ComparePage div.ui-tabs-panel {
  overflow-y: scroll;
}
.add-record {
  display: inline-block;
}
#AdditionalActions {
  display: inline-block;
  float: right;
  padding-right: 15px;
  padding-top: 4px;
}
.additional-actions {
  display: inline-block;
  float: right;
}
#edit-menu {
  float: right;
}
#ComparePage div.compare-buttons-holder {
  height: 28px;
  padding-top: 2px;
  overflow: hidden;
}
div.aggregate-button-holder {
  float: right;
  margin-right: 8px;
  padding: 3px;
}
div.compare-columns {
  padding: 3px;
}
#ComparePage .section-list {
  clear: both;
}
#ComparePage .fieldSearch {
  margin-top: 4px;
}
#ComparePage div.compare-buttons-holder.table-tab {
  margin-left: unset;
  float: right;
}
#ComparePage div.compare-buttons-holder label {
  margin-left: 6px;
  margin-right: 3px;
}
ul.kanban {
  display: table;
  width: 100%;
  table-layout: fixed;
  list-style: none;
  border-spacing: 8px 0px;
  padding: 0px;
}
ul.kanban.khead span {
  padding: 8px;
}
ul.kanban li {
  display: table-cell;
  box-sizing: border-box;
}
ul.kanban.kbody li {
  background-color: #e6e6e6;
}
ul.kanban li div {
  background-color: #ebf4f7;
  color: #394a58;
  padding: 4px;
  margin: 4px 4px 8px 4px;
  min-height: 50px;
}
ul.kanban li div:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
ul.kanban li div span {
  display: block;
  margin-bottom: 4px;
}
.loading:after {
  content: ' \B7';
  /* \B7 is a vertically centred dot */
  animation: dots 1s steps(5, end) infinite;
  font-size: x-large;
}
.palette-item:hover .info-btn {
  display: block;
}
.palette-item.ui-draggable-dragging:hover .info-btn {
  display: none;
}
.palette .info-btn {
  display: none;
}
.palette-item {
  height: 24px;
  margin-left: 8px;
}
.palette .palette-item {
  cursor: move;
}
.palette-item div {
  float: left;
}
.palette-item div.btn {
  float: right;
  margin-top: 3px;
}
.soft-deleted:not(:hover) label,
.soft-deleted:not(:hover) .palette-icon,
.soft-deleted:not(:hover) .palette-text {
  opacity: 0.5;
}
.palette-item .palette-text,
.palette-heading {
  line-height: 24px;
}
.palette-item-container:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.palette-item span.palette-icon.ui-icon {
  float: left;
  font-size: 24px;
  height: 24px;
}
.palette-item-container:hover .palette-icon,
.edit-draft .edit-field.editable:hover .palette-icon,
.edit-draft .edit-field.editable.selected .palette-icon {
  background-position-y: 0px;
}
.edit-node {
  margin: 4px;
  padding: 4px;
  font-size: large;
  cursor: pointer;
}
.edit-draft .group-text {
  padding-right: 4px;
  line-height: 19px;
}
.edit-section .section-text {
  padding-right: 9px;
  line-height: 19px;
}
.edit-section .collapsable-title {
  float: left;
  line-height: 19px;
  background-color: transparent;
}
.edit-draft .edit-group,
.ui-draggable-dragging.edit-group,
.ui-draggable-dragging .edit-group,
.edit-draft .edit-section,
.ui-draggable-dragging.edit-section {
  border: 1px solid transparent;
  margin: 4px;
}
.edit-draft .edit-group:hover,
.edit-draft .edit-section:hover {
  border: 1px solid #aaaaaa;
}
.edit-draft .edit-field,
.ui-draggable-dragging.edit-field,
.ui-draggable-dragging .edit-field {
  margin: 4px;
  padding-left: 4px;
}
.edit-field label {
  float: left;
  width: 150px;
  line-height: 24px;
}
.edit-field .type {
  margin-left: 166px;
}
.edit-draft .extended {
  background-color: red;
  color: white;
  border-radius: 5px;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
}
.edit-section .collapsable-title {
  padding: 4px 4px 4px 0px !important;
}
.edit-section .collapsable-title::after {
  left: 0px !important;
  margin-top: -2px;
}
.edit-section.collapsable.selected .collapsable-title::after,
.edit-section.collapsable:not(.selected) .section-text:hover .collapsable-title::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e681';
  float: left;
  margin-top: -2px;
}
.edit-section.collapsable.selected .section-text .collapsable-title::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e681';
  float: left;
  margin-top: -2px;
}
.edit-section.collapsable.selected .collapsable-title.collapsed::after,
.edit-section.collapsable:not(.selected) .section-text:hover .collapsable-title.collapsed::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e687';
  float: left;
  margin-top: -2px;
}
.edit-section.collapsable.selected .section-text .collapsable-title.collapsed::after {
  font-family: 'navigator-ui', sans-serif;
  font-size: 29px;
  font-weight: normal;
  content: '\e687';
  float: left;
  margin-top: -2px;
}
.edit-draft .edit-node.editable.selected,
.edit-field.editable.selected,
.edit-section.editable.selected .section-text,
.edit-group.editable.selected > .group-text {
  background-color: #76919f;
  color: white;
}
.edit-group .edit-field.editable:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.edit-field.editable,
.edit-field.editable label,
.edit-section.editable,
.edit-group.editable {
  cursor: move;
}
.edit-section.editable .section-text:hover,
.edit-draft .editable .group-text:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.edit-draft .filtered,
.palette .filtered {
  display: none;
}
.edit-draft .found-none,
.palette .found-none {
  margin-top: 8px;
  margin-left: 16px;
}
.drop-target {
  border: 2px dashed #aaaaaa;
}
.drop-target.over {
  background: #aaaaaa;
}
tr.source-field.ui-draggable-dragging td {
  float: left;
}
tr.source-field.ui-draggable-dragging td:nth-child(2) {
  margin-top: 2px;
}
.enddrop {
  height: 12px;
}
.unit-of-measure {
  padding-left: 4px;
}
.edit-colours {
  display: inline-block;
  position: relative;
  top: 3px;
  float: left;
  margin-right: 3px;
}
.form-panel .input .colour-edit {
  width: calc(100% - 22px);
}
@keyframes dots {
  0%, 20% {
    color: transparent;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
  }
  40% {
    color: #394a58;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
  }
  60% {
    text-shadow: 0.25em 0 0 #394a58, 0.5em 0 0 transparent;
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 #394a58, 0.5em 0 0 #394a58;
  }
}
@media print {
  .table-toggle {
    display: none;
  }
  #top-menu,
  nav.left-menu,
  .right-menu-items,
  #clrFilterBtn,
  .header-buttons,
  .panel-content .btn,
  .support-site,
  .support-email,
  .privacy,
  .tablesorter-stickyHeader,
  .side-menu-holder,
  #menu-bar .btn {
    display: none;
  }
  body.side-menu-pinned .body-main,
  body.side-menu-pinned #menu-bar {
    padding-left: 0px;
  }
  .collapsable-title,
  .collapsable-title.collapsed {
    background-image: unset;
    padding: 4px;
  }
  .menu-reminder {
    display: none;
  }
}
.rag-banner {
  width: 100%;
  height: 5px;
  clear: both;
}
.validation-message {
  font-weight: 800;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
  color: #db4444;
}
.validation-message .message-text {
  width: 100%;
  color: #db4444;
  padding: 2px;
}
.body-main > form a,
.body-main > form a:visited {
  color: #394a58;
}
.workflow-insert svg {
  width: 100%;
}
.cal-CalendarEvent {
  border-collapse: collapse;
  margin-bottom: 5px;
}
.cal_sticky_event {
  margin: 3px 1px 3px 1px;
  border-left-width: 0;
  text-align: left;
  padding: 2px 1px 2px 1px;
  font-size: 11px;
  overflow: hidden;
  max-height: 38px !important;
}
.calendarHeader {
  margin-top: 20px;
}
.cal-CalendarEvent tbody td {
  border: 1px solid;
  border-color: #b6b6b6;
  text-align: right;
  vertical-align: top;
  width: 14%;
  height: 30px;
}
.sixrow {
  height: 15%;
}
.fiverow {
  height: 20%;
}
.cal-CalendarEvent thead td {
  border: 1px solid;
  border-color: #b6b6b6;
  text-align: right;
  vertical-align: middle;
}
.cal-CalendarEvent td.empty {
  border: none;
}
.cal-button-container {
  display: flex;
  justify-content: space-between;
}
.cal-align-left {
  text-align: left;
}
.cal-align-middle {
  text-align: center;
}
.cal-align-middle {
  text-align: right;
}
.cal-title {
  text-align: center !important;
  font-size: 14pt;
  font-weight: bold;
  margin-top: 6px;
}
.cal-button-group {
  display: inline-flex;
}
.cal-cell-omonth {
  color: #b6b6b6;
}
cal-cell-cmonth {
  color: #121415 !important;
}
.cal-type-year {
  min-height: 100px !important;
  cursor: pointer;
}
.cal-more-event {
  margin-top: 4px;
  text-align: left;
  cursor: pointer;
  font-size: 10px;
}
.cal-tooltip {
  background-color: white;
  border: 1px solid #b6b6b6;
  cursor: default;
  position: absolute;
  text-align: left;
  z-index: 2;
  font-size: 12px;
  font-weight: 600;
}
.cal-tooltip.div {
  border-bottom: 1px solid #efefef;
  margin: 8px 0;
  padding-bottom: 8px;
}
.cal-tooltip-header {
  background-color: #dddddd;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3px 4px;
}
.cal-tooltip-title {
  margin: 0 2px;
}
.cal-tooltip-close {
  cursor: pointer;
  font-size: 1.1em;
  opacity: 0.65;
  margin-right: 8px;
}
.cal-tooltip-body {
  padding: 6px;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 210px;
  max-height: 200px;
}
.xoverflow {
  overflow-y: scroll !important;
}
.cal-months-name {
  height: 28px !important;
  font-size: 13px;
  font-weight: 600;
  text-align: center !important;
  width: 16.5% !important;
  vertical-align: middle !important;
  cursor: pointer;
}
.cal-months-events {
  min-height: 100px !important;
}
.cal-selected-event {
  background: #76919f;
}
.cal-legendTable {
  padding: 10px;
  border-collapse: collapse;
  border: none;
}
.cal-legendTable td {
  padding: 5px;
}
.cal-legendTable td.colorBox {
  width: 20px;
}
.CalendarlegendContainer {
  width: 100%;
}
.password-strength {
  padding: 2px;
  font-weight: 500;
  margin-top: 2px;
  clear: both;
  color: #394a58;
}
.password-strength.hide {
  display: none;
}
.password-strength.strength-weak {
  background-color: #ffa9bc;
}
.password-strength.strength-good {
  background-color: #ffdea9;
}
.password-strength.strength-verygood {
  background-color: #e0ffa9;
}
.password-strength.strength-excellent {
  background-color: #b7ffa9;
}
.search-photo {
  width: 100px;
  height: 100px;
  float: left;
  padding: 4px;
  cursor: pointer;
}
.search-photo.selected {
  background-color: #76919f;
  color: white;
}
.search-photo:hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.search-photo .sp-thumb {
  text-align: center;
}
.search-photo .sp-name {
  text-align: center;
  overflow: hidden;
}
div.logo-container {
  display: inline-block;
  position: relative;
  width: 100%;
}
div.logo-container:after {
  content: '';
  display: block;
  margin-top: 100%;
}
div.sysicon {
  font-size: 30px;
  height: 39px;
  width: 39px;
  margin: auto;
}
div.sysicon.message-panel {
  font-size: 50px;
  height: 50px;
  width: 50px;
  margin: unset;
}
.stretch-width div.sysicon.message-panel {
  font-size: 7.5vw;
  height: 8vw;
  width: 8vw;
  margin: unset;
}
.syslogo {
  background-image: url(../Images/StandardLogos.svg?v=5);
  background-size: 160px;
  height: 40px;
  width: 40px;
  margin: auto;
  background-repeat: no-repeat;
}
.syslogo.navigator {
  background-position: 0px 0px;
}
.syslogo.teams {
  background-position: 33.33% 0px;
}
.syslogo.sharepoint {
  background-position: 66.66% 0px;
}
.syslogo.instore {
  background-position: 0px 33.33%;
}
.syslogo.insight {
  background-position: 33.33% 33.33%;
}
.syslogo.integra {
  background-position: 66.66% 33.33%;
}
.syslogo.googlemaps {
  background-position: 100% 33.33%;
}
.syslogo.atkinsrealis {
  background-position: 33.33% 66.66%;
}
.syslogo.thumbnail {
  margin: unset;
}
.message-panel.syslogo {
  background-size: 200px;
  width: 50px;
  height: 50px;
  margin: unset;
}
.stretch-width .message-panel.syslogo {
  background-size: 400%;
  width: 100%;
  height: 100%;
  margin: unset;
  position: absolute;
}
.hide-editable-select {
  display: none !important;
}
.glanceyear-container {
  background-color: white;
  color: #394a58;
  width: 683px;
  height: 180px;
}
.glanceyear-header {
  background-color: #ebf4f7;
  color: #394a58;
}
fieldset {
  position: relative;
  min-height: 30px;
}
fieldset table.drag-reorder {
  margin-top: 20px;
}
fieldset legend {
  position: absolute;
}
fieldset .legend2 {
  position: absolute;
  top: -0.8em;
  right: 8px;
  line-height: 1.2em;
}
.min-height-droppable,
.min-height-droppable tbody {
  min-height: 40px;
}
.workflow-insert path.selected ~ path {
  stroke: #a24ef3;
}
.workflow-insert path.selected ~ path.arrow {
  fill: #a24ef3;
}
.workflow-insert g {
  cursor: pointer;
}
.workflow-insert g.selected {
  fill: #76919f;
  stroke: white;
  cursor: move;
}
.workflow-insert .action:hover {
  fill: #c2e0f0;
  stroke: #394a58;
}
.workflow-insert .select-zone:hover ~ path,
.workflow-insert .select-zone ~ path:hover,
.workflow-insert .select-zone ~ path:has(+ path:hover),
.workflow-insert .select-zone ~ path:hover ~ path {
  stroke: #a24ef3;
  stroke-width: 2px;
}
.workflow-insert .select-zone:hover ~ path.arrow,
.workflow-insert .select-zone ~ path.arrow:hover,
.workflow-insert .select-zone ~ path:hover ~ path.arrow {
  fill: #a24ef3;
}
.workflow-insert text {
  fill: #394a58;
}
.workflow-insert rect ~ text {
  fill: black;
}
.workflow-insert .select-zone {
  stroke-width: 10px;
  stroke: transparent;
  stroke-linecap: round;
}
.workflow-insert .handle {
  fill: white;
}
.workflow-insert .handle:hover {
  fill: #c2e0f0;
  cursor: move;
}
.workflow-insert .port {
  fill: white;
}
.workflow-insert .port:hover {
  fill: #c2e0f0;
  cursor: move;
}
div.svg-thumbnail {
  margin-right: 8px;
  float: left;
  width: 100px;
  background-size: contain;
  height: 30px;
  background-repeat: no-repeat;
}
.num-actions {
  display: none;
  position: absolute;
  background-color: #da3b01;
  color: white;
  border-radius: 10px;
  margin-left: 71px;
  width: 20px;
  height: 20px;
  text-align: center;
}
.multicheckbox {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: auto;
}
div.multicheckbox label {
  display: block;
  width: auto;
  margin: 1px !important;
}
div.multicheckbox span.checkmark {
  top: 2px !important;
}
div.montecarlo-last-run {
  float: right;
  line-height: 13px;
  margin: 3px;
}
div.montecarlo-last-run .info-btn {
  margin-top: 0px;
}
.change-icon {
  float: right;
}
.change-type.ui-icon {
  border: 1px solid transparent;
  margin-top: 3px;
  margin-bottom: 3px;
}
.change-type.ui-icon:not(.ui-icon-blank):hover {
  background-color: #c2e0f0;
  color: #394a58;
}
.section-title .change-type.ui-icon {
  margin-top: 1px;
  margin-right: -4px;
}
.field-heading .change-type.ui-icon {
  margin-top: 1px;
  margin-right: -8px;
}
table.style-1 th.change-type-column,
table.style-1 td.change-type-column {
  border: 1px solid transparent !important;
}
table.style-1 th.change-type-column {
  background-color: transparent;
}
.change-type-error,
.form-panel .field.change-type-error label,
table.style-1 tr.change-type-error {
  background-color: red;
  color: white;
}
.change-type-warning,
.form-panel .field.change-type-warning label,
table.style-1 tr.change-type-warning {
  background-color: #fff600;
  color: #394a58;
}
.change-type-create,
.form-panel .field.change-type-create label,
table.style-1 tr.change-type-create {
  background-color: dodgerblue;
  color: white;
}
.change-type-edit,
.form-panel .field.change-type-edit label,
table.style-1 tr.change-type-edit {
  background-color: #7ab51d;
  color: white;
}
.change-type-restore,
.form-panel .field.change-type-restore label,
table.style-1 tr.change-type-restore {
  background-color: dodgerblue;
  color: white;
}
.change-type-warning .ui-icon.ui-icon-info {
  color: #394a58;
}
.change-type-error span.required {
  color: white;
}
.rowspan-header {
  display: none;
}
video.loading {
  background-image: url("../Images/VideoLoading.gif");
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: center;
}
.comment {
  margin-bottom: 8px;
}
.comment-by {
  font-size: 16px;
  display: block;
}
.comment-message {
  display: block;
}
.comment-value,
.comment-on {
  display: block;
  color: #8f8f8f;
}
.comment-reply {
  width: 100%;
}