/*#region  Active colors */
/*#endregion*/
/*#region  Active colors inside pxbox*/
/*#endregion*/
/*$pxweb-green-4
$pxbox-green-4
$pxbox-green-2*/
/*#region  Main color scheme */
/*#region Buttons */
/*#endregion*/ 
/*#region Links */
/*#endregion*/
/*#endregion*/
/*@import './color-themes/_light.scss';*/
/*@import './color-themes/_screen-reader.scss';*/
/*#region  Inactive colors - not in used */
/*
$pxweb-green-5: #075745;
$pxweb-red-1: #fdede7;
$pxweb-red-2: #ff896b;
$pxweb-red-4: #cb3713;
$negative-red: #f8a67d;
$pxweb-dark-1: #f0f8f9;
$pxweb-dark-3: #62919a;
$scrollbar-color: #b0b0b0;
  */
/*#endregion*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*This file shall end up empty, its just a helper*/
/* **********************************  _icon-backgrounds.scss *********************************** */
#pxwebcontent .pxbox .arrow-right-pxbox-icon {
  padding-left: 25px;
  background-repeat: no-repeat;
  width: 100%;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23b6e8b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
  background-position-y: center;
}
#pxwebcontent .pxbox .arrow-right-pxbox-icon:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23162327" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
}

#pxwebcontent .external-link-pxbox-icon {
  padding-left: 22px;
  background-repeat: no-repeat;
  width: 100%;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23b6e8b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link" > <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" > </path > <polyline points="15 3 21 3 21 9" > </polyline > <line x1="10" y1="14" x2="21" y2="3" > </line > </svg >');
  background-position-y: center;
}
#pxwebcontent .external-link-pxbox-icon:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23162327" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link" > <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" > </path > <polyline points="15 3 21 3 21 9" > </polyline > <line x1="10" y1="14" x2="21" y2="3" > </line > </svg >');
}

#pxwebcontent .external-link-icon {
  padding-left: 22px;
  background-repeat: no-repeat;
  width: 100%;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link" > <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" > </path > <polyline points="15 3 21 3 21 9" > </polyline > <line x1="10" y1="14" x2="21" y2="3" > </line > </svg >');
  background-position-y: center;
}
#pxwebcontent .external-link-icon:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link" > <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" > </path > <polyline points="15 3 21 3 21 9" > </polyline > <line x1="10" y1="14" x2="21" y2="3" > </line > </svg >');
}

#pxwebcontent .envelope-icon {
  padding-left: 22px;
  background-repeat: no-repeat;
  width: 100%;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23003892" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
  background-position-y: center;
  word-break: break-word;
}

#pxwebcontent .Information-warning-box-icon {
  background-color: #3396d2;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  padding-top: 20px;
  justify-content: center;
  display: flex;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

#pxwebcontent .information-warning-box {
  box-sizing: border-box;
  min-width: 90px;
  height: 90px;
  padding-top: 20px;
  justify-content: center;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
}
#pxwebcontent .information-warning-box.cropped-table {
  background-color: #3396d2;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
}
#pxwebcontent .information-warning-box.changed-text {
  background-color: #ffb216;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
}

#pxwebcontent .Information-warning-box-icon.small {
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .information-warning-box {
    min-width: 50px;
    height: auto;
  }
}
/* **********************************  _PxWeb.scss *********************************** */
html {
  /*Just to aid the conversion job from px to rem, making 1px = 0.1 rem. */
  font-size: 62.5%;
}

#pxwebcontent {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  color: #333;
  font-size: 1.4rem;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

#pxwebcontent .hidden {
  display: none;
}

#pxwebcontent .pxbox.negative {
  background-color: #274247;
  /*border: solid 1px #000; */
  color: #fff;
}

#pxwebcontent #wrap {
  margin: 0px auto;
  max-width: 1180px;
}

@media (max-width: 1180px) {
  #pxwebcontent #wrap {
    margin: 0px 10px;
  }
}
#pxwebcontent .pxweb-buttons.maximize-icon {
  margin: 10px 3px 0px 0px;
}

#pxwebcontent .font-heading {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

#pxwebcontent .font-normal-text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}

#pxwebcontent #header {
  padding: 10px 0 10px 0;
  min-height: 100px;
  max-height: 200px;
}

#pxwebcontent #header h1 {
  font-size: 2.2em;
  font-weight: 100;
  letter-spacing: -3px;
  padding: 12px 0 5px 10px;
}

#pxwebcontent #header h1 a {
  color: #57626a;
  text-decoration: none;
}

#pxwebcontent #header h1 a:hover {
  color: #57626a;
  text-decoration: none;
}

#pxwebcontent #header h2 {
  color: #ccc;
  font-size: 1.25em;
  font-weight: 100;
  padding: 0 0 0 11px;
  letter-spacing: -1px;
  line-height: 12px;
}

#pxwebcontent #header span {
  font-size: 3.8em;
  font-weight: 100;
  letter-spacing: -3px;
  padding: 12px 0 0 10px;
}

#pxwebcontent .headerleft {
  float: left;
}

#pxwebcontent .headerright {
  float: right;
  font-weight: 600;
  color: #000;
}

/* #pxwebcontent #breadcrumb {} moved to _breadcrumb.sccs  */
#pxwebcontent #content {
  padding: 10px 15px;
}

#pxwebcontent #footer {
  background: #eee;
}

#pxwebcontent .footerleft {
  float: left;
}

#pxwebcontent .footerright {
  float: right;
  font-weight: 600;
  color: #000;
}

#pxwebcontent .imgSiteLogo {
  height: 100px;
  width: 100px;
  vertical-align: middle;
}

#pxwebcontent .siteLogoText {
  vertical-align: middle;
}

#pxwebcontent #header .px-change-lang-div, #pxwebcontent #header .px-external-search-div {
  margin: 20px;
  margin-right: 30px;
}

#pxwebcontent #header .pxweb-link.px-change-lang, #pxwebcontent #header .pxweb-link.px-external-search {
  margin: 4px;
}

#pxwebcontent #header .link-text.px-change-lang, #pxwebcontent #header .link-text.px-external-search {
  font-size: 1.2rem;
  letter-spacing: normal;
  padding-top: 0px;
  padding-right: 1px;
  padding-bottom: 2px;
  padding-left: 1px;
}

#pxwebcontent .px-external-search-div {
  float: left;
}

#pxwebcontent .tableAlternatingRow {
  background-color: #eee;
}

#pxwebcontent .search_searchresulttext {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

#pxwebcontent .searchTopLeftContent {
  float: left;
}

#pxwebcontent .searchResultTable {
  width: 100%;
}

#pxwebcontent .searchHeaderCell {
  font-weight: bold;
  padding-left: 3px;
}

#pxwebcontent .searchCell {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

#pxwebcontent .searchCellTable {
  width: 90%;
}

#pxwebcontent .searchCellPublished {
  width: 10%;
}

#pxwebcontent .selectionLinksContainer {
  margin-bottom: 15px;
}

#pxwebcontent .settings_panel a {
  color: #333;
}

#pxwebcontent .chart-links {
  float: right;
}

#pxwebcontent .chart-image {
  padding-top: 20px;
}

#pxwebcontent .panelshowlink {
  width: auto;
  background-color: #E9F3E9;
  padding: 10px 0 10px 0;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #c3dcdc;
  cursor: pointer;
}

#pxwebcontent .panelshowlink.savequery {
  background-color: #E9F3E9;
}

#pxwebcontent .px-settings-imagelink {
  vertical-align: middle;
  padding-right: 3px;
  padding-bottom: 3px;
}

#pxwebcontent .px-settings-expandimage {
  width: 16px;
  height: 16px;
  background: url(../images/plus-black-16.gif) no-repeat;
  vertical-align: middle;
  outline: none;
  margin-left: 3px;
  margin-right: 10px;
}

#pxwebcontent .px-settings-collapseimage {
  width: 16px;
  height: 16px;
  background: url(../images/minus-black-16.gif) no-repeat;
  vertical-align: middle;
  outline: none;
  margin-left: 3px;
  margin-right: 10px;
}

#pxwebcontent .px-settings {
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  width: max-content;
  background-color: #fff;
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
}
#pxwebcontent .px-settings legend {
  float: none;
}

#pxwebcontent .px_setting_validator {
  color: #dc3400;
}

#pxwebcontent .px_setting_heading {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

#pxwebcontent .px_setting_label_normal {
  display: inline-block;
  width: 160px;
  vertical-align: top;
  font-weight: bold;
}

#pxwebcontent .px_setting_textbox_normal {
  width: 6rem;
  margin-bottom: 5px;
  margin-left: 5px;
}

#pxwebcontent .px_setting_textbox_title {
  width: 600px;
  margin-bottom: 5px;
}

#pxwebcontent .px_setting_radiobuttonlist {
  display: inline-block;
}

#pxwebcontent .px_setting_radiobuttonlist input {
  margin-right: 5px;
  margin-bottom: 7px;
}

#pxwebcontent .px_setting_radiobuttonlist label {
  margin-right: 15px;
}

#pxwebcontent .px_setting_checkbox {
  margin-bottom: 2px;
}

#pxwebcontent .px_setting_checkbox input {
  margin-right: 5px;
}

#pxwebcontent .px_setting_checkbox label {
  margin-right: 15px;
}

#pxwebcontent .px_settings_buttons {
  display: block;
  margin-top: 20px;
  font-family: "Roboto Condensed", sans-serif;
}

#pxwebcontent .px_settings_cancel {
  margin-right: 20px;
  background: #00824d;
  color: #fff;
  padding: 2px 4px 2px 5px;
  font-weight: bold;
}

#pxwebcontent .px_setting_apply {
  margin-right: 20px;
  background: #00824d;
  color: #fff;
  padding: 2px 4px 2px 5px;
  font-weight: bold;
  border: 1px solid #ccc;
}

#pxwebcontent .chart_information {
  background-color: #ccc;
  padding: 20px 20px 20px 20px;
  display: inline-block;
  width: 731px;
  margin-bottom: 15px;
  margin-top: 5px;
}

#pxwebcontent .chart_information_title {
  font-weight: bold;
}

#pxwebcontent .table-links {
  display: inline-block;
}

#pxwebcontent .search-settings {
  display: inline-block;
  background-color: #eee;
  padding: 10px 10px 10px 10px;
  border: solid 1px #ccc;
  margin-top: 10px;
}

#pxwebcontent .headingtext {
  font-weight: bold;
}

#pxwebcontent .tableCropped {
  font-weight: bold;
  color: Gray;
}

#pxwebcontent .alertimage {
  width: 16px;
  height: 16px;
  background: url(../images/alert-16.gif) no-repeat;
  vertical-align: top;
  outline: none;
}

#pxwebcontent .px-messages {
  /*text-align: justify; UnWcag   */
  border: 2px solid #3396d2;
  margin-top: 5px;
  width: auto;
  vertical-align: middle;
}
#pxwebcontent .px-messages.small {
  align-items: center;
}
#pxwebcontent .px-messages.px-warning {
  border: 2px solid #ffb216;
}

#pxwebcontent .saved_query_unsafe_panel {
  width: 100%;
}

#pxwebcontent .errorMessage {
  font-family: "Verdana";
  font-size: 0.9em;
  color: #B0272E;
  display: block;
}

#pxwebcontent .screenreader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: black;
  background-color: white;
}

#pxwebcontent .screenreader-only:focus {
  position: static;
  width: auto;
  height: auto;
}

#pxwebcontent .presentation-main {
  max-width: 100%;
}

#pxwebcontent .presentation-left .tools-header {
  display: none;
}

#pxwebcontent .presentation-container {
  display: grid;
  grid-template-columns: minmax(18.5rem, 23%) minmax(0rem, 75%);
  grid-column-gap: 2%;
}

#pxwebcontent .px-message-text {
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  font-size: 1.6rem;
  padding-left: 16px;
  padding-right: 16px;
}
#pxwebcontent .px-message-text.heading {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .presentation-container {
    display: flex;
    flex-wrap: wrap;
  }

  #pxwebcontent .presentation-left {
    width: 100%;
  }

  #pxwebcontent .px_setting_textbox_title {
    width: 98%;
  }

  #pxwebcontent .px-settings {
    width: auto;
  }

  #pxwebcontent #header span {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #pxwebcontent #btnBurgerMenu {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  #pxwebcontent #btnBurgerMenu {
    display: none;
  }
}
#pxwebcontent .mobilemenu {
  /*dummyclass for selection element to display/hide for burgermenu on mobiledevices*/
}

@media screen and (max-width: 767px) {
  #pxwebcontent .mobilemenuhidden {
    display: none !important;
  }
}
#pxwebcontent .mobilemenuhidden {
  /* don't hide on non-mobile devices */
}

@media screen and (max-width: 767px) {
  #pxwebcontent .hideonmobile {
    display: none !important;
  }
}
#pxwebcontent .hideonmobile {
  /* don't hide on non-mobile devices */
}

/* New (2022 02 17) stuff below this line*/
#pxwebcontent .officialStatisticsImage {
  height: 24px;
  width: 200px;
  /*margin-left: 15px;*/
  margin-left: 0px;
  margin-top: -15px;
  margin-bottom: 32px;
}

/* jQuery UI controls */
/*
.ui-draggable .ui-dialog-titlebar {
    background: $pxweb-dark-5;
    border: $pxweb-dark-5;
}

.ui-dialog-title {
    @include pxweb-font;
}

.ui-widget-content {
    @include pxweb-font;
    background: $pxweb-background;
}

.footnote_heading {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 10px;
}

.footnote_valuenote_header {
    font-weight: 700;
    margin-top: 10px;
}

.footnote_valuenote_key {
    font-style: italic;
    margin-top: 10px;
}
*/
/*#pxwebcontent .dialog.visible {
    display: flex;
    overflow: auto;
    position: relative;
    padding: 20px;
    height: fit-content;
    background: #FFF;
    z-index: 20;

    &:after {
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
        z-index: -2;
    }

    &:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #FFF;
        z-index: -1;
    }
}*/
#pxwebcontent .modal-background.active {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: flex;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30;
}

#pxwebcontent .dialog.content-modal {
  background: #FFF;
  margin: auto;
  padding: 20px;
  position: relative;
  overflow: auto;
  height: fit-content;
  z-index: 40;
  max-height: 90vh;
}

/* **********************************  _PxWebButtons.scss *********************************** */
#pxwebcontent .pxweb-buttons {
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 1.4rem;
}
#pxwebcontent .pxweb-buttons.minimize-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize-2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.minimize-icon:hover, #pxwebcontent .pxweb-buttons.minimize-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize-2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.maximize-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.maximize-icon:hover, #pxwebcontent .pxweb-buttons.maximize-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.key-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>');
}
#pxwebcontent .pxweb-buttons.key-icon:hover, #pxwebcontent .pxweb-buttons.key-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotManual {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotManual:hover, #pxwebcontent .pxweb-buttons.pivotManual:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotCW {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-cw"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotCW:hover, #pxwebcontent .pxweb-buttons.pivotCW:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-cw"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotCCW {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>');
}
#pxwebcontent .pxweb-buttons.pivotCCW:hover, #pxwebcontent .pxweb-buttons.pivotCCW:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>');
}
#pxwebcontent .pxweb-buttons.deleteVariable {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.deleteVariable:hover, #pxwebcontent .pxweb-buttons.deleteVariable:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.changeTextCodePresentation {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.changeTextCodePresentation:hover, #pxwebcontent .pxweb-buttons.changeTextCodePresentation:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.perPart {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-percent"><line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg>');
}
#pxwebcontent .pxweb-buttons.perPart:hover, #pxwebcontent .pxweb-buttons.perPart:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-percent"><line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg>');
}
#pxwebcontent .pxweb-buttons.sum {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
}
#pxwebcontent .pxweb-buttons.sum:hover, #pxwebcontent .pxweb-buttons.sum:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
}
#pxwebcontent .pxweb-buttons.subtract {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
}
#pxwebcontent .pxweb-buttons.subtract:hover, #pxwebcontent .pxweb-buttons.subtract:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
}
#pxwebcontent .pxweb-buttons.divide {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide"><circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle></svg>');
}
#pxwebcontent .pxweb-buttons.divide:hover, #pxwebcontent .pxweb-buttons.divide:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide"><circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle></svg>');
}
#pxwebcontent .pxweb-buttons.multiply {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
}
#pxwebcontent .pxweb-buttons.multiply:hover, #pxwebcontent .pxweb-buttons.multiply:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
}
#pxwebcontent .pxweb-buttons.changeValueOrder {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shuffle"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg>');
}
#pxwebcontent .pxweb-buttons.changeValueOrder:hover, #pxwebcontent .pxweb-buttons.changeValueOrder:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shuffle"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg>');
}
#pxwebcontent .pxweb-buttons.chartViewColumn {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.chartViewColumn:hover, #pxwebcontent .pxweb-buttons.chartViewColumn:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>');
}
#pxwebcontent .pxweb-buttons.chartViewLine {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.chartViewLine:hover, #pxwebcontent .pxweb-buttons.chartViewLine:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.tableViewSorted {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.tableViewSorted:hover, #pxwebcontent .pxweb-buttons.tableViewSorted:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.download-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>');
}
#pxwebcontent .pxweb-buttons.download-icon:hover, #pxwebcontent .pxweb-buttons.download-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>');
}
#pxwebcontent .pxweb-buttons.FileTypeExcelX {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18.5 15.5" ><polygon fill="%2300824d" points="0, 1 0, 15 10, 15.5 10,0.1" /><line stroke="%23fff" x1="2.75" y1="4" x2="7" y2="12"></line><line stroke="%23fff" x1="2.75" y1="12" x2="7" y2="4"></line><polygon fill="%23fff" stroke="%2300824d" stroke-width="1" points="9.9, 2.5 9.9, 12.5 18, 12.5 18, 2.5" /><line stroke="%2300824d" stroke-width="1" x1="11" y1="4.7"  x2="13.3"  y2="4.7"></line><line stroke="%2300824d"  stroke-width="1" x1="14" y1="4.7"  x2="16.3"  y2="4.7"></line><line stroke="%2300824d"  stroke-width="1" x1="11" y1="6.5"  x2="13.3"  y2="6.5"></line><line stroke="%2300824d"  stroke-width="1" x1="14" y1="6.5"  x2="16.3"  y2="6.5"></line><line stroke="%2300824d"  stroke-width="1" x1="11" y1="8.3"  x2="13.3"  y2="8.3"></line><line stroke="%2300824d"  stroke-width="1" x1="14" y1="8.3"  x2="16.3"  y2="8.3"></line><line stroke="%2300824d"  stroke-width="1" x1="11" y1="10.1"  x2="13.3"  y2="10.1"></line><line stroke="%2300824d"  stroke-width="1" x1="14" y1="10.1"  x2="16.3"  y2="10.1"></line></svg>');
}
#pxwebcontent .pxweb-buttons.FileTypeExcelX:hover, #pxwebcontent .pxweb-buttons.FileTypeExcelX:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18.5 15.5" ><polygon fill="%23fff" points="0, 1 0, 15 10, 15.5 10,0.1" /><line stroke="%2300824d" x1="2.75" y1="4" x2="7" y2="12"></line><line stroke="%2300824d" x1="2.75" y1="12" x2="7" y2="4"></line><polygon fill="%2300824d" stroke="%23fff" stroke-width="1" points="9.9, 2.5 9.9, 12.5 18, 12.5 18, 2.5" /><line stroke="%23fff" stroke-width="1" x1="11" y1="4.7"  x2="13.3"  y2="4.7"></line><line stroke="%23fff"  stroke-width="1" x1="14" y1="4.7"  x2="16.3"  y2="4.7"></line><line stroke="%23fff"  stroke-width="1" x1="11" y1="6.5"  x2="13.3"  y2="6.5"></line><line stroke="%23fff"  stroke-width="1" x1="14" y1="6.5"  x2="16.3"  y2="6.5"></line><line stroke="%23fff"  stroke-width="1" x1="11" y1="8.3"  x2="13.3"  y2="8.3"></line><line stroke="%23fff"  stroke-width="1" x1="14" y1="8.3"  x2="16.3"  y2="8.3"></line><line stroke="%23fff"  stroke-width="1" x1="11" y1="10.1"  x2="13.3"  y2="10.1"></line><line stroke="%23fff"  stroke-width="1" x1="14" y1="10.1"  x2="16.3"  y2="10.1"></line></svg>');
}
#pxwebcontent .pxweb-buttons.database-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>');
}
#pxwebcontent .pxweb-buttons.database-icon:hover, #pxwebcontent .pxweb-buttons.database-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>');
}
#pxwebcontent .pxweb-buttons.checked-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .pxweb-buttons.checked-icon:hover, #pxwebcontent .pxweb-buttons.checked-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .pxweb-buttons.cancel-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.cancel-icon:hover, #pxwebcontent .pxweb-buttons.cancel-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-down {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-down:hover, #pxwebcontent .pxweb-buttons.arrow-down:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-up {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-up:hover, #pxwebcontent .pxweb-buttons.arrow-up:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-left:hover, #pxwebcontent .pxweb-buttons.arrow-left:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-right {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.arrow-right:hover, #pxwebcontent .pxweb-buttons.arrow-right:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
}
#pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton:hover, #pxwebcontent .pxweb-buttons.selectfromgroup-groupsbutton:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .pxweb-buttons.selectfromgroup-cancel {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.selectfromgroup-cancel:hover, #pxwebcontent .pxweb-buttons.selectfromgroup-cancel:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>');
}
#pxwebcontent .pxweb-buttons.burger_menu-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>');
}
#pxwebcontent .pxweb-buttons.burger_menu-icon:hover, #pxwebcontent .pxweb-buttons.burger_menu-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>');
}
#pxwebcontent .pxweb-buttons.burger_menu_open-icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
}
#pxwebcontent .pxweb-buttons.burger_menu_open-icon:hover, #pxwebcontent .pxweb-buttons.burger_menu_open-icon:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
}

#pxwebcontent .pxweb-symbol-buttons {
  background-repeat: no-repeat;
  font-size: 1.4rem;
  padding: 10px 12px;
  height: 1px;
  min-height: 30px;
}
#pxwebcontent .pxweb-symbol-buttons.arrow-up {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-up:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-up:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-down {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-down:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-down:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-left:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-left:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-right {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
}
#pxwebcontent .pxweb-symbol-buttons.arrow-right:hover, #pxwebcontent .pxweb-symbol-buttons.arrow-right:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
}

#pxwebcontent .variableselector-buttons {
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 1.4rem;
}
#pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button:hover, #pxwebcontent .variableselector-buttons.variableselector_valuesselect_deselect_all_button:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button:hover, #pxwebcontent .variableselector-buttons.variableselector_valuesselect_select_all_button:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23274247" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector-list-view {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="5" x2="21" y2="5"></line><line x1="3" y1="11" x2="21" y2="11"></line><line x1="3" y1="17" x2="21" y2="17"></line><line x1="3" y1="23" x2="21" y2="23"></line></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector-list-view:hover, #pxwebcontent .variableselector-buttons.variableselector-list-view:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="5" x2="21" y2="5"></line><line x1="3" y1="11" x2="21" y2="11"></line><line x1="3" y1="17" x2="21" y2="17"></line><line x1="3" y1="23" x2="21" y2="23"></line></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector-compact-view {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
}
#pxwebcontent .variableselector-buttons.variableselector-compact-view:hover, #pxwebcontent .variableselector-buttons.variableselector-compact-view:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
}

/* **********************************  _sitemappath-selectors.scss *********************************** */
/*Are these in use?*/
/*No, VS cant find sitemappath outside styles folder*/
/*Delete me!*/
#pxwebcontent #sitemappath {
  font-family: Verdana;
  font-size: 0.9em;
  color: #fff;
}

#pxwebcontent .sitemappath_pathseparator {
  color: #000;
  font-weight: bold;
}

#pxwebcontent .sitemappath_currentnode {
  color: #000;
  font-weight: bold;
}

#pxwebcontent .sitemappath_node {
  color: #000;
}

#pxwebcontent .sitemappath_rootnode {
  color: #000;
}

/* **********************************  _login_admin_from_rev283_.scss *********************************** */
/*TODO This came in rev283 and is used by pxweb/admin/login.aspx which is not included in projekt. Outdated ?*/
#pxwebcontent .login_container {
  position: absolute;
  top: 150px;
  left: 150px;
  background-color: #eeeeee;
  padding: 30px;
}

#pxwebcontent .login_caption {
  font-weight: bold;
  padding-bottom: 20px;
}

#pxwebcontent .login_left {
  float: left;
  padding-bottom: 5px;
  padding-right: 5px;
  line-height: 22px;
  vertical-align: middle;
}

#pxwebcontent .login_right {
  float: right;
  padding-bottom: 5px;
  padding-left: 5px;
}

#pxwebcontent .login_error {
  clear: both;
  padding-top: 5px;
  color: Red;
}

#pxwebcontent .login_buttoncontainer {
  clear: both;
  float: right;
  padding-top: 10px;
}

#pxwebcontent .login_button {
  padding: 5px;
}

#pxwebcontent .login_textbox {
  margin-bottom: 5px;
  width: 150px;
}

/* **********************************  _MetadataSystemControl.scss *********************************** */
/*Not all are in use in MetadataSystemControl. And MetadataSystemControl is perhaps no longer needed. */
/* left most colors unchanged*/
#pxwebcontent .meta_heading {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

#pxwebcontent .metadata_selectVariable {
  margin-top: 10px;
  font-family: "Open Sans";
  font-size: 1.4rem;
  color: #333;
}

#pxwebcontent .meta_tablelink {
  display: block;
  color: #03649c !important;
}

#pxwebcontent .meta_header {
  width: 100%;
  border-bottom: 3px solid #dddddd;
}

#pxwebcontent .metadata_header {
  font-weight: bold;
  margin-top: 30px;
  display: block;
}

#pxwebcontent .meta_row {
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

#pxwebcontent .meta_left {
  display: inline-block;
  width: 250px;
  vertical-align: top;
}

#pxwebcontent .meta_right {
  display: inline-block;
}

#pxwebcontent .metadata_no_meta {
  font-style: italic;
}

/* **********************************  _menu.scss *********************************** */
#pxwebcontent .menu_databasename {
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  font-size: 200%;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
  display: block;
}

#pxwebcontent .menuTopLeftContent {
  float: left;
}

#pxwebcontent .menuTopRightContent {
  float: right;
  vertical-align: top;
}

#pxwebcontent .menuExplanation {
  font-family: "Open Sans Regular";
}

#pxwebcontent .menuExplanationHeader {
  font-family: "Open Sans Regular";
  font-weight: bold;
}

#pxwebcontent .menuExplanationFrame {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #00824d;
  margin-bottom: 4px;
}

/* **********************************  _top-link.scss *********************************** */
#pxwebcontent .top-link.pxweb-btn.negative {
  color: #fff;
  border-color: #fff;
  background-color: #274247;
}

#pxwebcontent .top-link.pxweb-btn.negative:hover, #pxwebcontent top-link.pxweb-btn:focus {
  color: #274247;
  border-color: #274247;
  background-color: #fff;
}

#pxwebcontent .top-link {
  min-height: 30px;
  max-height: 30px;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 2em 2em 0;
  z-index: 100000;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .top-link {
    min-height: 16px;
    max-height: 16px;
    min-width: 102px;
    max-width: 102px;
    white-space: nowrap;
  }

  #pxwebcontent .icon-top-link-button {
    width: 30px;
    height: 26px;
  }
}
/*@import './pxweb/_Admin.scss';*/
/* **********************************  _breadcrumb.scss TODO *********************************** */
#pxwebcontent .pxweb-link.breadcrumb_text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}

/*
#pxwebcontent .breadcrumb_container {
  background: $breadcrumb-background;
}
#pxwebcontent .breadcrumb_text {
    color: $breadcrumb-text;
    @include pxweb-font;
    font-size: 1.4rem;
    display: inline-block;
    background-image: none !important;
    transition: none;
}

#pxwebcontent .breadcrumb_text:hover {
    color: $breadcrumb-text;
    @include pxweb-font;
    font-size: 1.4rem;
}

#pxwebcontent .breadcrumb_text:focus {
    color: $breadcrumb-text;
    @include focus-ring;
}
*/
#pxwebcontent .breadcrumb_text_nolink {
  color: #000;
  font-family: "Open Sans", sans-serif;
  /*   @include pxweb-font;*/
  font-size: 1.4rem;
  display: inline-block;
}

#pxwebcontent .breadcrumb_text_nolink:hover {
  color: #000;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}

#pxwebcontent .breadcrumb_sep {
  color: #00824d;
  font-family: "Open Sans", sans-serif;
  /*
      font-family: Verdana;
      @include pxweb-font;
  */
  font-size: 1.4rem;
}

#pxwebcontent .breadcrumb_homebutton {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home" > <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" > </path > <polyline points="9 22 9 12 15 12 15 22" > </polyline > </svg >');
  background-repeat: no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent #breadcrumb {
  border-top: 3px solid #00824d;
  background: #fff;
  text-transform: none;
  padding: 5px 15px 20px;
  min-height: 30px;
}

/* **********************************  _CommandBar.scss TODO *********************************** */
/* ----  General -----------------*/
/* Use to set width of file download dialog */
/* Use to set height of file download dialog*/
/* ----  Summary function -----------*/
/* ----  Pivot function -----------*/
/* ----  ChangeValueOrder function ---- */
/* ----  ChangeDecimal function ---- */
/* ---- ChangeTexts --- */
/* ----  DeleteValue function ---- */
/* ----  DeleteVariable function ---- */
/* ----  PerPart function ---- */
/* ----  ChangePresentation function ---- */
/* ---- Save as PRN ---- */
/* ---- Save as Excel ---- */
#pxwebcontent .commandbar {
  /*float: left;
  clear: both;
  width: 100%;
  padding: 0 0 10px 0;*/
  /*height:60px;*/
}

/* **********************************  CommandBar/_cb_common.scss *********************************** */
#pxwebcontent .commandbar_container {
  clear: both;
  /*float: left;*/
  display: flex;
  overflow: auto;
  width: 62rem;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

#pxwebcontent .commandbar_container > div {
  width: 62rem;
}

#pxwebcontent .container_titletext {
  /*font-weight: bold; these are roboto condensed  */
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.6rem;
  border-bottom: 1px solid #00824d;
}

/* The "Cancel" and "Ok" buttons */
#pxwebcontent .container_exit_buttons_row {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#pxwebcontent .container_exit_buttons_row .pxweb-btn {
  font-size: 1.4rem;
  margin-right: 20px;
}

#pxwebcontent .container_exit_buttons_row .pxweb-btn.primary-btn:hover {
  /* border: none; */
}

/*The last button in the row*/
#pxwebcontent .container_exit_buttons_row .container_continuebutton.pxweb-btn.primary-btn {
  margin-right: 0px;
}

#pxwebcontent select option:checked {
  background: #00824d linear-gradient(0deg, #00824d 0%, #00824d 100%);
  -webkit-text-fill-color: #fff;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .commandbar_container {
    overflow: hidden;
    width: auto;
  }

  #pxwebcontent .commandbar_container > div {
    width: 100%;
  }
}
#pxwebcontent .commandbar_mainshortcut {
  float: left;
}

#pxwebcontent .commandbar_shortcut {
  padding-top: 5px;
}

#pxwebcontent .commandbar_radioButtonList td {
  padding: 0 0 3px 0;
  vertical-align: middle;
}

#pxwebcontent .commandbar_radioButtonList label {
  padding: 0 0 0 5px;
  vertical-align: text-bottom;
}

#pxwebcontent .commandbar_button_row {
  /*padding: 5px 0 0 0;*/
  display: inline-flex;
  padding-top: 10px;
}

#pxwebcontent .commandbar_button_row input {
  /*    background: #25a23c;
  color: white;*/
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  /*border: 1px solid #008451;*/
  border: 1px solid #c3dcdc;
}

#pxwebcontent .commandbar_dropdown {
  height: 50px;
  width: auto;
}

#pxwebcontent .commandbar_dropdown div {
  float: left;
  margin: 2px 5px 2px 0;
}

#pxwebcontent .commandbar_dropdown select {
  width: 250px;
  display: block;
}

#pxwebcontent .commandbar_images {
  height: 50px;
  float: left;
}

#pxwebcontent .commandbar_pluginbutton {
  margin: 0 3px 3px 0;
}

#pxwebcontent .commandbar_download_file_dialog {
  width: 240px;
}

#pxwebcontent .commandbar_download_file_container {
  height: 120px;
}

#pxwebcontent .commandbar_download_file_information {
  margin: 10px 0px 0px 0px;
  display: block;
}

#pxwebcontent .commandbar_download_file_link {
  display: block;
  font-weight: bold;
  font-size: 150%;
  margin: 30px 0px 30px 0px;
  text-align: center;
  text-decoration: underline;
}

#pxwebcontent .commandbar_sum_sumallvaluesnewvariabelname_dropdown {
  padding: 0 2px 0 5px;
}

#pxwebcontent .commandbar_sum_valuestosum_listbox {
  padding: 0 0 0 6px;
}

#pxwebcontent .commandbar_sum_errormessage {
  color: Red;
}

#pxwebcontent .commandbar_sum_radiobuttonlist label {
  margin-left: 5px;
  vertical-align: text-bottom;
}

#pxwebcontent .commandbar_sum_radiobuttonlist input[type=radio] {
  margin-left: 7px;
}

#pxwebcontent .commandbar_sum_operandspanel_row {
  padding: 5px 0 0 5px;
}

#pxwebcontent .commandbar-listbox-container {
  /*float: left;*/
  border: 1px solid #00824d;
  padding: 20px;
  background-color: #ecfeed;
  flex: 0 0 42%;
  margin-top: 10px;
}

/*#pxwebcontent input[type=submit].commandbar_cancelbutton {
  background-color: #25a23c;
  color: white;
  background: #25a23c;
  border: 1px solid #008451;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
}

#pxwebcontent input[type=submit].commandbar_cancelbutton {
  background-color: #25a23c !important;
  color: white;
  background: #25a23c;
  border: 1px solid #008451;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
}*/
/*#pxwebcontent input[type=submit].commandbar_continuebutton {
  background-color: #25a23c !important;
  color: white;
  background: #25a23c;
  border: 1px solid #008451;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
}*/
#pxwebcontent .commandbar_pivot_button {
  display: inline;
  margin-top: 10px;
}

#pxwebcontent .commandbar_pivot_continuebutton {
  margin-top: 15px;
}

#pxwebcontent p.commandbar_pivot_heading {
  width: 100%;
  font-weight: bold;
  border-bottom: 2px solid #00824d;
}

#pxwebcontent .commandbar_pivot_title {
  font-weight: bold;
}

#pxwebcontent .commandbar_changevalueorder_container_main {
  width: 600px;
}

#pxwebcontent .commandbar_pivot_listbox {
  width: 100%;
  overflow: auto;
}

#pxwebcontent .commandbar_pivot_continue_cancel_buttons {
  padding: 10px 0px 10px 0px;
  display: inline-flex;
  padding-top: 10px;
  float: right;
}

#pxwebcontent .complete_justify-center {
  padding: 0px 0px 0px 0px;
}

#pxwebcontent .commandbar_changevalueorder_caption {
  width: 100%;
  float: none;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

#pxwebcontent .commandbar_changevalueorder_instructions {
  padding-top: 20px;
  padding-bottom: 20px;
}

#pxwebcontent .commandbar_changevalueorder_mainbuttons {
  width: 30%;
  float: right;
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

#pxwebcontent .commandbar_changevalueorder_mainbuttons input {
  background: #25a23c;
  color: white;
  font-weight: bold;
  font-size: 1em;
  font-family: "Roboto Condensed", sans-serif;
}

#pxwebcontent .commandbar_changevalueorder_variablelist {
  /*float: left;*/
}

#pxwebcontent .commandbar_changevalueorder_container {
  width: 60%;
}

#pxwebcontent .commandbar_changevalueorder_fromorder_downbutton {
  float: left;
  width: 8%;
}

#pxwebcontent .commandbar_changevalueorder_fromorder_controls {
  float: left;
  width: 89%;
}

#pxwebcontent .commandbar_changevalueorder_fromorder_list {
  width: 89%;
  float: left;
}

#pxwebcontent .commandbar_changevalueorder_listbox {
  width: 100%;
  overflow: auto;
}

#pxwebcontent .commandbar_changevalueorder_fromorder_movebuttons {
  width: 7%;
  float: right;
  padding-left: 6px;
  padding-right: 0px;
  margin-top: 25px;
}

#pxwebcontent .commandbar_changevalueorder_toorder_container {
  width: 44%;
  float: left;
}

#pxwebcontent .commandbar_changevalueorder_toorder_list {
  width: 90%;
  float: left;
}

#pxwebcontent .commandbar_changevalueorder_toorder_listbox {
  width: 100%;
}

#pxwebcontent .commandbar_changevalueorder_toorder_downbutton {
  float: left;
  width: 7%;
  padding-left: 7px;
}

#pxwebcontent .break {
  clear: both;
}

#pxwebcontent .commandbar_changedecimal_titletext {
  font-weight: bold;
}

#pxwebcontent .commandbar_changetexts_titletext {
  font-weight: bold;
}

#pxwebcontent .commandbar_deletevalue_deletevaluetitle {
  padding: 0 0 3px 0;
}

#pxwebcontent .commandbar_deletevalue_errordescription {
  color: #FF0000;
}

#pxwebcontent .commandbar_deletevariable_nametext {
  font-weight: bold;
}

#pxwebcontent .commandbar_deletevariable_nametext label {
  padding: 0 0 0 5px;
  vertical-align: text-bottom;
}

#pxwebcontent .commandbar_deletevariable_errormessage {
  color: Red;
}

/* **********************************  CommandBar/_perpart.scss *********************************** */
#pxwebcontent .per_part_rootdiv {
  font-family: "Open Sans", sans-serif;
}

#pxwebcontent .green-rule-thin {
  border-bottom: 1px solid #00824d;
}

#pxwebcontent .commandbar_perpart_radio_horisontal label {
  padding: 0 5px 0 5px;
  vertical-align: text-bottom;
}

#pxwebcontent .commandbar_perpart_errormessage {
  color: #dc3400;
}

#pxwebcontent .per_part_rootdiv .commandbar_perpart_radio.commandbar_radioButtonList label {
  text-transform: capitalize;
}

/* **********************************  CommandBar/_changepresentation.scss *********************************** */
#pxwebcontent .changepresentation_rootdiv {
  width: 98%;
}

#pxwebcontent .commandbar_changepresentation_changetext {
  /*@include just-open-sans;*/
}

#pxwebcontent .commandbar_changepresentation_headertext {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

#pxwebcontent .commandbar_changepresentation_radio {
  padding: 4px 0 4px 0;
}

#pxwebcontent .commandbar_changepresentation_radio_item label {
  padding: 0 30px 0 4px;
  vertical-align: text-bottom;
  /*@include just-open-sans;*/
}

#pxwebcontent .commandbar_changepresentation_inputrow {
  padding: 0 0 5px 0;
}

#pxwebcontent .commandbar_changepresentation_errormessage {
  color: #dc3400;
}

/* ********* End. Back in _CommandBar.scss */
#pxwebcontent .commandbar_sum_sumallvaluesnewvariabelname_textbox {
  margin-left: 5px;
}

#pxwebcontent .commandbar_savefilelink {
  font-weight: bold;
  font-size: medium;
}

#pxwebcontent .commandbar_function_dropdownlist {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #333333;
}

#pxwebcontent .commandbar_saveas_dropdownlist {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #333333;
}

#pxwebcontent .commandbar_link_dropdownlist {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #333333;
}

#pxwebcontent .variableselector_valuesselect_box_commandbar {
  background-color: #E9F3E9;
  float: left;
  border: solid 1px #000000;
  width: auto;
  max-width: 800px;
  height: 100%;
  margin: 0 6px 2px 0;
}

#pxwebcontent .variableselector_valuesselect_eventbutton_panel_commandbar {
  width: auto;
  padding: 0 3px 3px 6px;
  overflow: hidden;
}

#pxwebcontent .variableselector_valuesselect_valuesselect_panel_commandbar {
  padding: 6px 6px 6px 6px;
}

#pxwebcontent .commandbar_button_row .pxweb-btn {
  font-size: 1.4rem;
  margin-right: 20px;
}

#pxwebcontent .commandbar_button_row .pxweb-btn {
  font-size: 1.4rem;
  margin-right: 20px;
}

#pxwebcontent .commandbar_button_row .pxweb-btn.primary-btn:hover {
  border: none;
}

#pxwebcontent .commandbar-shortcuts {
  display: inline-flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  #pxwebcontent #btnfullscreen {
    display: none;
  }

  #pxwebcontent .commandbar_changevalueorder_container {
    width: 100%;
  }

  #pxwebcontent .presentation-main {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  #pxwebcontent .commandbar-listbox-container {
    width: 100%;
    flex: initial;
  }

  #pxwebcontent .commandbar_changevalueorder_container .commandbar-listbox-container {
    width: auto;
  }
}
/* **********************************  _datasort.scss TODO *********************************** */
#pxwebcontent #datasort_content {
  width: 99%;
  /*background-color: #f0f8ff;*/
}

#pxwebcontent #datasort_description {
  padding-top: 5px;
  padding-bottom: 10px;
}

#pxwebcontent .datasort_sortdescription {
  font-size: 100%;
  font-weight: normal;
  line-height: 100%;
}

#pxwebcontent .datasort_copydescription {
  font-size: 100%;
  font-weight: normal;
  line-height: 100%;
}

#pxwebcontent .datasort_tabletitle {
  font-size: 100%;
  font-weight: bold;
  line-height: 150%;
  padding-bottom: 5px;
}

#pxwebcontent table.tablesorter thead tr th {
  background-color: #ecfeed;
}

#pxwebcontent .tablesorter th {
  font-size: 1.6rem;
}

#pxwebcontent .tablesorter td {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}

#pxwebcontent table.tablesorter thead tr th span {
  /*Making room for the magic background icon*/
  padding-right: 12px;
}

#pxwebcontent table.tablesorter thead tr th input {
  /*Making room for the magic background icon*/
  padding-right: 20px;
  border: none;
  background-color: transparent;
  position: static;
  /*For fullscreen*/
}

#pxwebcontent table.tablesorter thead tr .header {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-and-down"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="7 10 12 5 17 10"></polyline><polyline points="17 14 12 19 7 14"></polyline></svg>');
}

#pxwebcontent table.tablesorter thead tr .headerSortDown {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
}

#pxwebcontent table.tablesorter thead tr .headerSortUp {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}

/*hide all 3, then show one*/
#pxwebcontent table.tablesorter thead th .screenreader-only span {
  display: none;
}

#pxwebcontent table.tablesorter thead th.headerSortDown .screenreader-only span.isSortedAsc {
  display: flex;
}

#pxwebcontent table.tablesorter thead th.headerSortUp .screenreader-only span.isSortedDesc {
  display: flex;
}

#pxwebcontent table.tablesorter thead th:not(.headerSortUp):not(.headerSortDown) .screenreader-only span.isUnsorted {
  display: flex;
}

/*background-color on hover rows*/
#pxwebcontent table.tablesorter tbody tr {
  background-color: #fff;
}

#pxwebcontent table.tablesorter tbody tr:hover {
  background-color: #f2f0ff;
}

/* **********************************  _excel.scss TODO *********************************** */
#pxwebcontent div.excelcontainer {
  width: 10em;
}

#pxwebcontent div.excelcontainer div.description {
  float: left;
  width: 4em;
  height: 1.8em;
  padding-bottom: 1px;
}

#pxwebcontent div.excelcontainer div.value {
  float: right;
  width: 4em;
  height: 1.8em;
  padding-bottom: 0.1em;
}

#pxwebcontent div.excelcontainer div.value input {
  width: 2em;
}

/* **********************************  _footnote.scss *********************************** */
/* Used for Footnote webcontrol */
/* Define if specific style should be assigned to the title and definition of a type of footnote */
/* Note to mergers :-) These selectors does not hit the popup, which Micke fixed in github, in PxWeb.scss(?).*/
/*
#pxwebcontent .footnotes_container {
  margin: 10px 0 10px 0;
  @include just-open-sans;
}

#pxwebcontent .footnote_heading {
  @include just-open-sans;
  font-weight: bold;
  font-size: 1.8rem;
}

#pxwebcontent dl.footnote_definitionlist dt {
  margin-top: 1em;
  font-weight: bold;
  line-height: 120%;
}

#pxwebcontent dl.footnote_definitionlist dd {
  margin-left: 2em;
  line-height: 120%;
}

#pxwebcontent .footnote_mandatory {
  font-weight: bold;
}

#pxwebcontent .footnote_valuenote_key {
  margin-left: 2em;
}

*/
#pxwebcontent .footnote_valuenote_header {
  text-transform: capitalize;
}

#pxwebcontent .notetype_valuenote_header {
  text-transform: capitalize;
}

#pxwebcontent .footnote_no_footnotes {
  font-style: italic;
}

#pxwebcontent .footnotes_container {
  margin: 10px 0 0px 0;
}
#pxwebcontent .footnotes_container .the_long_text {
  font-family: "Open Sans", sans-serif;
  display: block;
  margin-bottom: 20px;
  font-size: 1.4rem;
}
#pxwebcontent .footnotes_container .obs-notes .the_long_text {
  font-size: 1.6rem;
}
#pxwebcontent .footnotes_container .pxweb-accordion {
  margin-top: 20px;
}
#pxwebcontent .footnotes_container .accordion-body {
  margin-left: 32px;
}
#pxwebcontent .footnotes_container h3, #pxwebcontent .footnotes_container h4, #pxwebcontent .footnotes_container .accordion-header, #pxwebcontent .footnotes_container .obs-notes {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.8rem;
}
#pxwebcontent .footnotes_container .notetype_valuenote_key, #pxwebcontent .footnotes_container .notetype_valuenote_value {
  margin-left: 32px;
}
#pxwebcontent .footnotes_container .obs-notes-h3 {
  padding-right: 5px;
}

/*this copy of class=pxweb-link is needed because these a-elements are stored in the datasource and thus outside "our" controll.*/
#pxwebcontent .footnotes_container a {
  color: #00824d;
}
#pxwebcontent .footnotes_container a:hover, #pxwebcontent .footnotes_container a:focus {
  color: #fff;
}

#pxwebcontent .footnotes_container a {
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  align-items: center;
  background-image: linear-gradient(120deg, #00824d 0%, #00824d 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0;
  border-bottom: 1px solid #00824d;
  color: #00824d;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.4rem;
  line-height: 1.25;
  margin-top: -3px;
  margin-bottom: -2px;
  padding: 0 1px 2px 1px;
  position: relative;
  text-decoration: none;
  transition: background-size 0.2s ease-in, color 0.1s;
}

#pxwebcontent .footnotes_container a:hover, #pxwebcontent .footnotes_container a:focus {
  background-size: 100% 100%;
  color: #fff;
  outline: 0;
  text-decoration: none;
}

/* **********************************  _hierarchical.scss TODO *********************************** */
#pxwebcontent .hierarchical_selectionbutton {
  padding-left: 2px;
  padding-right: 1em;
  vertical-align: top;
}

#pxwebcontent .hierarchical_selectall_button {
  width: 19px;
  height: 17px;
  background: #fff url(../../images/SelectAll.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .hierarchical_unselectall_button {
  background: #fff url(../../images/UnSelect.gif) no-repeat;
  outline: none;
  vertical-align: middle;
  width: 19px;
  height: 17px;
}

#pxwebcontent .hierarchical_openall_button {
  background: #fff url(../../images/hierarchy.gif) no-repeat;
  outline: none;
  vertical-align: middle;
  width: 19px;
  height: 17px;
}

#pxwebcontent .hierarchical_closeall_button {
  background: #fff url(../../images/closeall.gif) no-repeat;
  outline: none;
  vertical-align: middle;
  width: 19px;
  height: 17px;
}

#pxwebcontent .hierarchical_continuebutton {
  margin-top: 2em;
}

#pxwebcontent .hierarchical_variabletitle {
  margin: 4em 0 -1em 0;
  font-weight: bold;
}

#pxwebcontent .hierarchical_tableinformation_title, #pxwebcontent .h2title h2 {
  font-family: Roboto Condensed, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 15px;
  display: block;
  color: #333;
}

#pxwebcontent .hierarchical_tableinformation_description {
  font-weight: bold;
  margin-bottom: 20px;
}

/* **********************************  _information.scss *********************************** */
/* Used for Information webcontrol, and also metaid stuff from Selection.aspx*/
/* generall style for the definitionlist */
/* Define if specific style is to be used for presentation of a heading or value for some of the information*/
#pxwebcontent .dl.information_definitionlist dl {
  /*margin-top: 10px;*/
  line-height: 120%;
  /*font-weight: bold;*/
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}

#pxwebcontent .dl.information_definitionlist dt {
  margin-top: 10px;
  line-height: 120%;
  font-weight: bold;
  /*margin-left: 20px;*/
}

#pxwebcontent .dl.information_definitionlist dd {
  line-height: 120%;
  /*margin-left: 20px;*/
}

#pxwebcontent .information_definitionlist .dd {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
}

#pxwebcontent .information_definitionlist_heading {
  margin-top: 10px;
  font-weight: bold;
}

#pxwebcontent .information_definitionlist dd a {
  color: initial;
  text-decoration: underline;
}

#pxwebcontent div.settingpanel.information {
  font-family: "Open Sans", sans-serif;
}

#pxwebcontent .pxweb_about_the_statistics {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 3px;
}

#pxwebcontent .pxweb_about_the_statistics .pxweb-link {
  margin-top: 3px;
}

#pxwebcontent #SelectionPage .pxweb-accordion.about-table {
  width: 75%;
}

@media screen and (max-width: 767px) {
  #pxwebcontent #SelectionPage .pxweb-accordion.about-table {
    width: 100%;
  }
}
/*
#pxwebcontent #SelectionPage .pxweb-accordion.about-table .accordion-header .header-text {
    padding-right: 20px;
}
  */
/* **********************************  _login.scss *********************************** */
#pxwebcontent .login {
  position: relative;
  padding: 3em 0em 3em 0em;
  overflow: hidden;
}

#pxwebcontent .loginBannerHeader {
  float: left;
  font-size: 3em;
}

#pxwebcontent .logindiv {
  margin-right: 10px;
}

#pxwebcontent #logindiv legend {
  padding-left: 0.25em;
}

#pxwebcontent .box {
  padding: 0em 0em;
  width: 16em;
  border: thin solid #000;
}

#pxwebcontent .box-top {
  margin-bottom: 0em;
}

#pxwebcontent .pxweb-buttons.key-icon {
  margin-bottom: 3px;
  margin-right: 0px;
}

#pxwebcontent .wrap {
  padding: 1em 1em;
  margin-bottom: 0px;
}

#pxwebcontent .wrap input {
  height: 1.7em;
}

#pxwebcontent .row {
  clear: both;
}

#pxwebcontent .px-login-hjelp {
  margin-top: 14px;
  margin-left: 14px;
}

/* **********************************  _metadata.scss TODO *********************************** */
/*CSS for box with external metadata links*/
#pxwebcontent .metadata-toggle {
  display: flex;
  flex-direction: row;
  flex: 0 1 250px;
  flex-wrap: wrap;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23b6e8b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="metadata-logo"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>');
  background-position-x: right;
  background-position-y: top;
  padding-right: 30px;
}
#pxwebcontent .metadata-toggle:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="metadata-logo"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>');
}

#pxwebcontent .variableselector_valuesselect_variabletitle.metadata-text-wrap {
  padding-right: 0px;
}

#pxwebcontent .metadata-container {
  margin-right: 40px;
}

#pxwebcontent .metadata-text-wrap {
  border-bottom: 1px dotted #00824d;
  display: inline-block;
  line-height: inherit;
}

#pxwebcontent .metadata-open-btn {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  text-align: left;
  display: inline-block;
  position: relative;
  transition: all 0.5s ease-out;
}

#pxwebcontent .metadata-open-btn:focus {
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .metadata-open-btn:focus, #pxwebcontent .metadata-open-btn:hover {
  background-color: #00824d;
}

#pxwebcontent .metadata-open-btn:hover .metadata-logo, #pxwebcontent .metadata-open-btn:focus .metadata-logo {
  color: #fff;
}

#pxwebcontent .metadata-popup {
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  animation: fadein 0.2s;
  display: none;
  font-size: 1.4rem;
  opacity: 0;
  transition: opacity 0.18s;
  border: 1.5px solid #b6e8b8;
}

#pxwebcontent .metadata-popup.open {
  display: inline-block;
  opacity: 1;
  display: flex;
  margin-top: 20px;
}

#pxwebcontent .metadata-content {
  background-color: #274247;
  color: #fff;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}

#pxwebcontent .metadata-content:after {
  bottom: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #b6e8b8;
  border-width: 16px;
  margin-left: -20px;
}

#pxwebcontent .metadata-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pxwebcontent .metadata-itemname {
  display: inline-block;
}

#pxwebcontent .metadata-itemname::first-letter {
  text-transform: capitalize;
}

#pxwebcontent .metadata-variable {
  font-weight: bold;
  padding-right: 20px;
}

#pxwebcontent .metadata-links {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
  width: auto;
}

#pxwebcontent .metadata-links .pxweb-link {
  margin-bottom: 8px;
  margin-top: 0px;
}

#pxwebcontent .pxbox .metadata-links .pxweb-link.with-icon {
  border-bottom: 1px solid #b6e8b8;
}

#pxwebcontent .pxbox .metadata-links .link-text {
  font-size: 1.4rem;
}

#pxwebcontent .metadata-links a:focus {
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .metadata-close-btn {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #274247;
  color: #b6e8b8;
  cursor: pointer;
  background-color: transparent;
  border: none;
  align-self: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23b6e8b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
  background-position-x: 4px;
  background-position-y: center;
}
#pxwebcontent .metadata-close-btn:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
  background-color: #00824d;
  color: #fff;
}

#pxwebcontent .metadata-close-btn:focus {
  background-color: #00824d;
  outline: #9272fc solid 2px;
  outline-offset: 2px;
  color: #fff;
}

#pxwebcontent .metadata-close-text {
  color: #fff;
  padding: 4px;
  margin-left: 15px;
}

/* **********************************  _navigationFlow.scss *********************************** */
#pxwebcontent .fullscreen {
  width: 100%;
  margin-bottom: 6px;
  margin-top: 6px;
}

#pxwebcontent #navigationFlow {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 5px;
  padding-bottom: 30px;
}

#pxwebcontent .navigationFlowArea {
  margin: 3px 0px 0;
}

#pxwebcontent .navigation-link.third {
  margin-left: 0px;
}

#pxwebcontent .navigation-link.first {
  margin-right: 0px;
}

/*the hr goes under the images. The two hr elements has classes not used here, but hope you dont need them :-)*/
#pxwebcontent .navigationFlowArea hr {
  flex: 1;
  margin-top: 25px;
  z-index: 0;
  margin-left: -59px;
  margin-right: -60px;
}

#pxwebcontent a.navigation-link:hover {
  text-decoration: none;
}

#pxwebcontent a.navigation-link.active, a.navigation-link.future {
  pointer-events: none;
}

#pxwebcontent .nav-pic {
  z-index: 1;
}

#pxwebcontent span.pxweb-link.nav-step {
  font-family: "Roboto Condensed", "Open Sans", sans-serif !important;
}

#pxwebcontent span.nav-step {
  font-family: "Roboto Condensed", "Open Sans", sans-serif !important;
  text-decoration: none;
  border-bottom: none;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 5px;
}

#pxwebcontent span.nav-step.active {
  color: #293F44;
  font-size: 2.4rem;
  font-weight: bold;
}

#pxwebcontent span.nav-step.future {
  color: #274247;
  line-height: 1.25;
}

#pxwebcontent span.nav-step.passive {
  font-size: 1.8rem;
  border-bottom-style: solid;
}

/*#region  Mobile - small screen*/
@media screen and (max-width: 767px) {
  #pxwebcontent .navigationFlowArea {
    width: 100%;
    margin-left: 0px;
  }

  #pxwebcontent #navigationFlow {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-bottom: 20px;
  }

  #pxwebcontent span.nav-step.passive, #pxwebcontent span.nav-step.future {
    font-size: 16px;
  }

  #pxwebcontent span.nav-step.active {
    font-size: 18px;
  }
}
/*#endregion*/
/* **********************************  _print.scss *********************************** */
@media print {
  #pxwebcontent #breadcrumb, #pxwebcontent #navigationFlow, #pxwebcontent .headerright, #pxwebcontent .ui-tabs-nav, #pxwebcontent .commandbar, #pxwebcontent .headerleft {
    display: none;
  }

  #pxwebcontent table {
    text-align: left;
  }
}
/* **********************************  _savequery.scss TODO  *********************************** */
/* Used for SaveQuery webcontrol */
/*Old css. Remove?*/
/*Hmm, used in SaveQueryCreate.ascx*/
/*which is in presentation part*/
#pxwebcontent .savequery_container a {
  cursor: pointer;
  /*text-decoration: underline; */
}

#pxwebcontent .savequery_container input {
  cursor: pointer;
}

#pxwebcontent .savequery_container savequery_url input {
  cursor: help;
}

#pxwebcontent .savequery_readmore_expandimage {
  width: 16px;
  height: 16px;
  background: url(../../images/plus-16.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .savequery_readmore_collapseimage {
  width: 16px;
  height: 16px;
  background: url(../../images/minus-16.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .savequery_saveasdiv {
  margin-top: 10px;
  width: 100%;
}

#pxwebcontent .savequery_cancel {
  margin-right: 15px;
  background: #25a23c;
  color: white;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 2px 4px 2px 5px;
  font-family: "Roboto Condensed", sans-serif;
}

#pxwebcontent .savequery_create {
  margin-right: 15px;
  background: #25a23c;
  color: white;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 2px 4px 2px 5px;
  font-family: "Roboto Condensed", sans-serif;
}

#pxwebcontent .savequery_functionbtn {
  float: left;
  margin-top: 25px;
  margin-right: 3px;
  cursor: pointer;
  border-color: #B0272E;
}

#pxwebcontent .savequery_rblist input[type=radio] {
  margin-top: 7px;
}

#pxwebcontent .saveas_dropdownlist {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  padding: 0.6em 1.4em 0.5em 2.2em;
  border: 1px solid #162327;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left 0.4em top 50%, 0 0;
  background-size: 24px auto, 100%;
  width: 100%;
}
#pxwebcontent .saveas_dropdownlist:hover {
  border: 1px solid #00824d;
}
#pxwebcontent .saveas_dropdownlist:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="18 15 12 9 6 15"></polyline></svg>');
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .saveas_dropdownlist_error {
  border-color: #B0272E;
}

#pxwebcontent .savequery_heading {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

#pxwebcontent .querySummary {
  width: 100%;
  margin-bottom: 10px;
}

#pxwebcontent .querySummaryItem {
  display: inline-block;
}

#pxwebcontent .savequery_urlcaption {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

#pxwebcontent .savequery_url {
  font-family: "Source Code Pro";
  display: block;
  width: 400px;
}

#pxwebcontent .savequery_querycaption {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

#pxwebcontent .savequery_query {
  display: block;
  width: 700px;
  margin-bottom: 10px;
}

#pxwebcontent .savequery_error {
  color: #B0272E;
  margin-left: 5px;
}

#pxwebcontent .savequery_novisibility {
  display: none;
}

#pxwebcontent .floatleft {
  float: left;
}

#pxwebcontent .time_warning_panel {
  margin-bottom: 10px;
}

#pxwebcontent .savequery_function {
  margin-right: 15px;
}

#pxwebcontent .querysummary-value {
  padding-left: 4px;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .savequery_url {
    width: 100%;
  }
}
/* **********************************  _search.scss TODO  *********************************** */
/* Used for Search webcontrol */
#pxwebcontent .search_panel {
  border: solid 3px #2870ae;
  background-color: #eee;
  padding: 3px 10px 10px 10px;
}

#pxwebcontent .search_label {
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 5px;
  display: block;
}

#pxwebcontent .search_textbox {
  width: 200px;
}

#pxwebcontent .search_error {
  font-family: Verdana;
  font-size: 0.9em;
  color: #B0272E;
  display: block;
  padding-top: 3px;
}

/* **********************************  _searchvalues.scss *********************************** */
/*For advanced search subpage of selection page.*/
#pxwebcontent .searchvalues-container {
  padding: 12px;
}

#pxwebcontent .searchvalues-usage-tips {
  padding: 12px;
  background-color: #eee;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 95%;
  color: #000;
}

#pxwebcontent .fetch-all-button {
  margin-top: 0px;
}

#pxwebcontent hr.green-rule {
  width: 100%;
  border-color: #b6e8b8;
}

#pxwebcontent .searchvalues-listbox-container {
  margin-top: 10px;
}

#pxwebcontent .searchvalues-listbox {
  width: 100%;
  height: 200px;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: auto;
  font-size: 100%;
}

#pxwebcontent .searchvalues-listbox:focus {
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .searchvalues-listbox:disabled {
  background-color: #fff;
  opacity: 1;
}

#pxwebcontent .searchvalues_options_container {
  float: left;
  width: 300px;
}

/* **********************************  _searchvariablevalues.scss Remove? *********************************** */
/*Came in rev 65, never changed*/
.searchvariablevalues_container {
  border: solid 4px #738a9c;
  padding: 10px 40px 10px 10px;
  clear: both;
  float: none;
  margin: 0 0 10px 0;
}

.searchvariabelvalues_selectedvalues_listbox {
  width: 500px;
  height: 250px;
  margin-bottom: 10px;
  overflow: auto;
}

.searchvariabelvalues_searchmatcheslist {
  width: 500px;
  height: 200px;
  margin-bottom: 10px;
  overflow: auto;
}

.searchvariablevalues_title {
  font-weight: bold;
  margin-bottom: 1em;
}

.searchvariablevalues_text {
  height: 1em;
  overflow: hidden;
}

.searchvariablevalues td {
  padding-right: 10px;
}

.selectedvariablevalues {
  width: 6em;
}

/* **********************************  _selectfromgroup.scss *********************************** */
#pxwebcontent .selectfromgroup-container {
  padding: 12px;
}

#pxwebcontent .selectfromgroup-variable {
  padding-left: 8px;
}

#pxwebcontent .selectfromgroup-selectgrouping {
  margin-bottom: 1em;
  width: 100%;
}

#pxwebcontent select.selectfromgroup-selectgrouping {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  padding: 0.6em 1.4em 0.5em 2.2em;
  border: 1px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left 0.4em top 50%, 0 0;
  background-size: 24px auto, 100%;
  font-size: 1.6rem;
}
#pxwebcontent select.selectfromgroup-selectgrouping:hover {
  border: 1px solid #b6e8b8;
  outline: #b6e8b8 solid 1px;
}
#pxwebcontent select.selectfromgroup-selectgrouping:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="18 15 12 9 6 15"></polyline></svg>');
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .selectfromgroup-groupslist {
  width: 100%;
  height: 10em;
  display: block;
  font-size: 1.4rem;
}

#pxwebcontent .selectfromgroup-radiobuttons {
  padding: 12px 0 12px 0;
}

#pxwebcontent .selectfromgroup-groupsbutton {
  font-size: 1.4rem;
}

#pxwebcontent .selectfromgroup-valuespanel {
  padding: 12px 0 12px 0;
}

#pxwebcontent .selectfromgroup-valueslist {
  width: 100%;
  height: 10em;
  display: block;
  font-size: 1.4rem;
}

#pxwebcontent .selectfromgroup-cancel {
  margin-right: 20px;
  margin-top: 10px;
  font-size: 1.4rem;
}

#pxwebcontent .selectfromgroup-button-container {
  padding-top: 20px;
}

/* **********************************  _table.scss TODO etter side 3 *********************************** */
#pxwebcontent #pcaxis_tablediv .table-title {
  font-size: 150%;
  line-height: 200%;
  text-transform: none;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  background-color: #fff;
  border-style: none;
  padding-bottom: 1em;
  padding-top: 15px;
}

#pxwebcontent .table-class {
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: #a9a9a9 1px solid;
  border-collapse: separate;
  font-size: 1.4rem;
  clear: both;
  padding-right: 2px;
  width: 100%;
}

#pxwebcontent .table-class td {
  margin: 0px;
  text-align: right;
  border: #c3dcdc 1px solid;
  background-color: #fff;
  color: #000000;
  font-size: 1em;
}

#pxwebcontent .table-sort-header {
  background-color: #EEEEEE;
  font-weight: bold;
  cursor: pointer;
}

#pxwebcontent .table-class th, #pxwebcontent .table-class td.left {
  margin: 0px;
  text-align: left;
  border: #c3dcdc 1px solid;
  background-color: #ecfeed;
}

#pxwebcontent td.right {
  text-align: right;
}

#pxwebcontent .table-class input {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  text-decoration: underline;
  font-weight: bold;
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 0;
  overflow: visible;
  width: 100%;
}

#pxwebcontent .table-class tfoot td {
  margin: 0px;
  text-align: left;
}

#pxwebcontent th.table-header-first {
  font-weight: bold;
  background-color: #ecfeed;
  padding: 5px 5px 5px 5px;
  text-align: center;
}

#pxwebcontent .table-class td.table-header-first {
  font-weight: bold;
  background-color: #ecfeed;
}

#pxwebcontent th.table-header-middle {
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  text-align: center;
}

#pxwebcontent .table-header-last {
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  text-align: right;
}

#pxwebcontent .table-data-filled {
  border-right: black 1px;
  border-top: black 1px;
  font-size: 0.75em;
  text-transform: capitalize;
  border-left: black 1px;
  color: #696969;
  border-bottom: black 1px;
  white-space: nowrap;
  padding: 5px 5px 5px 5px;
}

#pxwebcontent .attribute-cell {
  background-image: url("../../images/attribute.gif");
  background-repeat: no-repeat;
  background-position: top right;
  cursor: pointer;
}

#pxwebcontent .table-class .table-hover {
  background-color: #f2f0ff;
}

#pxwebcontent .attribute-cell a {
  color: Black;
}

#pxwebcontent .layout2-table-stub {
  font-weight: bold;
}

#pxwebcontent .layout2-table-stub1 {
  padding-left: 3px;
  padding-right: 3px;
  font-weight: bold;
}

#pxwebcontent .layout2-table-stub2 {
  padding-left: 5px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub3 {
  padding-left: 10px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub4 {
  padding-left: 15px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub5 {
  padding-left: 15px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub6 {
  padding-left: 15px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub7 {
  padding-left: 15px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub8 {
  padding-left: 15px;
  padding-right: 3px;
}

#pxwebcontent .layout2-table-stub1h1 {
  padding-left: 0px;
}

#pxwebcontent .layout2-table-stub1h2 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub1h3 {
  padding-left: 15px;
}

#pxwebcontent .layout2-table-stub1h4 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub2h1 {
  padding-left: 5px;
}

#pxwebcontent .layout2-table-stub2h2 {
  padding-left: 15px;
}

#pxwebcontent .layout2-table-stub2h3 {
  padding-left: 25px;
}

#pxwebcontent .layout2-table-stub2h4 {
  padding-left: 35px;
}

#pxwebcontent .layout2-table-stub3h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub3h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub3h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub3h4 {
  padding-left: 40px;
}

#pxwebcontent .layout2-table-stub4h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub4h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub4h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub4h4 {
  padding-left: 40px;
}

#pxwebcontent .layout2-table-stub5h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub5h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub5h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub5h4 {
  padding-left: 40px;
}

#pxwebcontent .layout2-table-stub6h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub6h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub6h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub6h4 {
  padding-left: 40px;
}

#pxwebcontent .layout2-table-stub7h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub7h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub7h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub7h4 {
  padding-left: 40px;
}

#pxwebcontent .layout2-table-stub8h1 {
  padding-left: 10px;
}

#pxwebcontent .layout2-table-stub8h2 {
  padding-left: 20px;
}

#pxwebcontent .layout2-table-stub8h3 {
  padding-left: 30px;
}

#pxwebcontent .layout2-table-stub8h4 {
  padding-left: 40px;
}

#pxwebcontent .layout1-table-stub1 {
  padding: 5px 5px 5px 5px;
}

#pxwebcontent .layout1-table-stub2 {
  padding: 5px 5px 5px 10px;
}

#pxwebcontent .layout1-table-stub3 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub4 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub5 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub6 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub7 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub8 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub1h1 {
  padding: 5px 5px 5px 5px;
}

#pxwebcontent .layout1-table-stub1h2 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub1h3 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub1h4 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub2h1 {
  padding: 5px 5px 5px 10px;
}

#pxwebcontent .layout1-table-stub2h2 {
  padding: 5px 5px 5px 20px;
}

#pxwebcontent .layout1-table-stub2h3 {
  padding: 5px 5px 5px 30px;
}

#pxwebcontent .layout1-table-stub2h4 {
  padding: 5px 5px 5px 40px;
}

#pxwebcontent .layout1-table-stub3h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub3h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub3h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub3h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent .layout1-table-stub4h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub4h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub4h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub4h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent .layout1-table-stub5h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub5h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub5h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub5h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent .layout1-table-stub6h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub6h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub6h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub6h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent .layout1-table-stub7h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub7h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub7h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub7h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent .layout1-table-stub8h1 {
  padding: 5px 5px 5px 15px;
}

#pxwebcontent .layout1-table-stub8h2 {
  padding: 5px 5px 5px 25px;
}

#pxwebcontent .layout1-table-stub8h3 {
  padding: 5px 5px 5px 35px;
}

#pxwebcontent .layout1-table-stub8h4 {
  padding: 5px 5px 5px 45px;
}

#pxwebcontent #pcaxis_tablediv {
  width: 100%;
  overflow: auto;
}

#pxwebcontent .spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  /* half width of the spinner gif */
  margin-top: -50px;
  /* half height of the spinner gif */
  text-align: center;
  z-index: 1234;
  overflow: auto;
  width: 100px;
  /* width of the spinner gif */
  height: 102px;
  /*hight of the spinner gif +2px to fix IE8 issue */
}

/* The below selectors are for a separate html tag from TableCodeBehind.vb in
  Private Sub DisplayCellInformationDialog(ByVal cellInfo As CellInformation) */
.table_cellinformation_cell {
  font-weight: bold !important;
  font-size: 1.4rem !important;
  padding-bottom: 4px !important;
}

.table_cellinformation_attributes {
  font-weight: bold !important;
  font-size: 1.2rem !important;
}

.table_cellinformation_notes {
  font-weight: bold !important;
  font-size: 1.4rem !important;
}

.table_cellinformation_text {
  color: #222222 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#pxwebcontent .sticky-header thead th {
  position: sticky;
}

#pxwebcontent .sticky-header thead td {
  position: sticky;
}

/* **********************************  _tableinformation.scss *********************************** */
#pxwebcontent .tableinformation_container {
  margin: 10px 0 10px 0;
  display: inline-block;
}

#pxwebcontent .tableinformation_title {
  /*changed Ariel to open sans*/
  font-family: "Open Sans", sans-serif;
  font-size: 130%;
  font-weight: normal;
  line-height: 150%;
}

#pxwebcontent .tableinformation_description {
  font-weight: bold;
}

#pxwebcontent .ui-corner-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

#pxwebcontent .ui-tabs-tab li {
  background-color: #274247;
}

/* **********************************  _tablelist.scss TODO part of menu *********************************** */
/*Used in PCAxis.Web.Controls\Menu\TableOfContent\TableOfContent.ascx */
/* ---- listmenu style ----- */
/* ---- treeviewmenu style ----- */
/* ---- adaption of treeview style ----- */
#pxwebcontent .tableofcontent_ul {
  margin: 2em 0 2em 2em;
  padding: 0;
  line-height: 120%;
}

#pxwebcontent .tableofcontent_li_menuitem {
  list-style-position: outside;
  list-style-image: url("../images/Arrow_Right_Gray.gif");
}

#pxwebcontent .tableofcontent_li_linkitem {
  margin: 1em 0 1em 0;
  list-style-position: outside;
  list-style-image: url("../images/Document.gif");
}

#pxwebcontent .tableofcontent_link {
  background: url(../images/Document.gif) 0 0 no-repeat;
  /*text-indent: 20px;*/
  padding: 0 0 0 20px;
  display: block;
}

#pxwebcontent .tableofcontent_tablelistlink {
  background: url(../images/folder.png) 0 0 no-repeat;
  /*text-indent: 20px;*/
  padding: 0 0 0 20px;
}

#pxwebcontent .tableofcontent_urllink {
  background: url(../images/Knapp_info.gif) 0 0 no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 5px;
}

#pxwebcontent .tableofcontent_metaicon {
  padding: 0 0 0 5px;
}

#pxwebcontent #TableOfContent a em {
  color: #b1b1b1;
}

#pxwebcontent #TableOfContent div.AspNet-TreeView .AspNet-TreeView-Collapse {
  background: url(../images/folder.png) 0 0 no-repeat;
  float: none;
  cursor: pointer;
  padding: 0 12px 0 0;
}

#pxwebcontent #TableOfContent div.AspNet-TreeView .AspNet-TreeView-Expand {
  background: url(../images/folder.png) 0 0 no-repeat;
  float: none;
  cursor: pointer;
  padding: 0 12px 0 0;
}

#pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf {
  /*background:  url(../../images/Document.gif) 0 0 no-repeat;
  padding: 0 0 5px 20px;*/
  width: 750px;
  white-space: normal;
}

#pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf a {
  cursor: pointer;
}

#pxwebcontent #TableOfContent div.AspNet-TreeView li.AspNet-TreeView-Leaf span.AspNet-TreeView-NonLink {
  text-decoration: none;
  font-weight: bold;
  background: none;
}

#pxwebcontent .AspNet-TreeView-ClickableNonLink {
  font-weight: bold;
}

/* **********************************  _tablequery.scss *********************************** */
/* Used for TableQuery webcontrol, displays api query on resultpage */
#pxwebcontent .tablequery_informationpanel {
  margin-top: 30px;
  padding: 10px;
  border-style: dashed;
  border-width: 2px;
  border-color: #00824d;
}

#pxwebcontent .tablequery_informationtext {
  display: block;
}

#pxwebcontent .tablequery_urlcaption {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

#pxwebcontent .tablequery_V2caption {
    font-size: 20px;
    display: block;
    font-weight: bold;
}

#pxwebcontent .tablequery_url {
  display: block;
  width: 95%;
  font-family: "Source Code Pro";
  font-size: 1.4rem;
}

#pxwebcontent .tablequery_querycaption {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

#pxwebcontent .tablequery_query {
  display: block;
  width: 95%;
  margin-bottom: 10px;
  font-family: "Source Code Pro";
  font-size: 1.4rem;
}
#pxwebcontent .tablequery_query:focus {
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

.tablequery_moreinformation {
  color: black !important;
  float: right;
}

#pxwebcontent .tablequery_savequery {
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
  float: left;
  background: #00824d;
  color: #fff;
}

#pxwebcontent .tablequery_copy {
}

/* **********************************  _tablequery.scss TODO in real use? *********************************** */
#pxwebcontent .textsearch select {
    margin: 10px 0;
    height: 100px;
    width: 164px;
    clear: both;
    display: block;
}

#pxwebcontent .textsearch input[type=text] {
  width: 160px;
}

#pxwebcontent .textsearch ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 30px;
}

#pxwebcontent .textsearch ol li {
  margin-bottom: 10px;
}

#pxwebcontent .textsearch a {
  color: black;
  font-size: 1em;
}

#pxwebcontent .textsearch-attributes {
  color: Gray;
  font-size: 0.8em;
  font-style: italic;
}

/* **********************************  _TreeView.scss *********************************** */
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo....  2020: ok now it seems :-)*/
/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */
/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
#pxwebcontent div.AspNet-TreeView {
  margin: 0;
  padding: 0;
}

#pxwebcontent div.AspNet-TreeView ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#pxwebcontent .AspNet-TreeView-Hide {
  display: none;
}

#pxwebcontent div.AspNet-TreeView ul li {
  white-space: nowrap;
  padding: 3px 0 2px 0;
  font-size: small;
  font-family: Tahoma;
}

#pxwebcontent div.AspNet-TreeView ul ul {
  margin: 2px 0 2px 10px;
}

#pxwebcontent div.AspNet-TreeView ul li img {
  border: none;
  vertical-align: middle;
  margin: 0 2px 0 0;
}

#pxwebcontent div.AspNet-TreeView li a {
  text-decoration: none;
}

#pxwebcontent div.AspNet-TreeView li.AspNet-TreeView-Parent {
  margin-left: 10px;
}

#pxwebcontent div.AspNet-TreeView li.AspNet-TreeView-Leaf {
  margin-left: 10px;
}

#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink {
  cursor: pointer;
}

/*
span.AspNet-TreeView-ClickableNonLink {
    font-family: Verdana,Arial,sans-serif;
    cursor: pointer;
    font-family: Roboto;
    font-weight: normal;
    padding-top: 0px;
    font-size: 1.6rem;
    line-height: 26px;
}

#pxwebcontent .AspNet-TreeView-ClickableNonLink {
    font-weight: normal;
    color: $pxweb-dark-5;
}

#pxwebcontent .AspNet-TreeView-ClickableNonLink:hover {
    text-decoration: underline !important;
}
*/
#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Collapse {
  background-image: url(../../images/collapse.gif);
  background-repeat: no-repeat;
  background-position: center left;
  width: 15px;
  margin-right: 3px;
  float: left;
  cursor: pointer;
}

#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Expand {
  background: url(../../images/expand.gif);
  background-repeat: no-repeat;
  background-position: center left;
  width: 15px;
  margin-right: 3px;
  float: left;
  cursor: pointer;
}

#pxwebcontent div.AspNet-TreeView a,
#pxwebcontent div.AspNet-TreeView a:visited,
#pxwebcontent div.AspNet-TreeView a:active,
#pxwebcontent div.AspNet-TreeView a:hover,
#pxwebcontent div.AspNet-TreeView a:link {
  /*
  font-family: Roboto;
  font-weight: normal;
  padding-top: 0px;
  font-size: 1.6rem;
  line-height: 26px;
  */
  color: #000;
}

/*
#pxwebcontent div.AspNet-TreeView a:hover {
    text-decoration: underline !important;  
}
*/
#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Selected a {
  font-weight: bold !important;
  color: #8A2BE2 !important;
}

#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-Selected ul a {
  font-weight: normal !important;
  color: #000 !important;
}

#pxwebcontent div.AspNet-TreeView .AspNet-TreeView-SelectExpand {
  cursor: pointer;
  color: #000;
}

/* **********************************  _variableOverview.scss *********************************** */
#pxwebcontent .variable_overview_container {
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
  padding: 20px 20px;
  padding-left: 10px;
  display: none;
}

@media screen and (max-width: 767px) {
  #pxwebcontent .variable_overview_container {
    display: block;
  }

  #pxwebcontent .variable_overview_heading {
    font-size: 2.8rem;
  }

  #pxwebcontent .variable_overview_title {
    font-size: 2rem;
    font-weight: normal;
    text-transform: capitalize;
  }

  #pxwebcontent .variable_overview_mandatory_text {
    font-size: 1.2rem;
  }

  #pxwebcontent .variable_overview_mandatory_star {
    font-size: 2rem;
  }
}
/* **********************************  _variableselector.scss *********************************** */
/*  ---------  VariableSelector ---------------------------- */
/*  ---------  VariableSelectorSelectionInformation ---------- */
/*  ---------  VariableSelectorOutputFormats ----------------- */
/*  ---------  VariableSelectorMarkingTips ------------------- */
/*  ---------  VariableSelectorEliminationInformation -------- */
/*  ---------  VariableSelectorValueSelect ------------------- */
#pxwebcontent .variableselector_clearboth {
  clear: both;
}

#pxwebcontent .variableselector_selectionerror_label {
  color: #dc3400;
}

#pxwebcontent .variableselector_selectionerror_label_text {
  display: none;
}

/*TO DO - start*/
#pxwebcontent .variableselector_error_summary {
  display: flex;
  flex-direction: column;
  background: url("../images/error_red.png") no-repeat;
  color: black;
  text-align: left;
  padding-left: 60px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  background-position-x: 10px;
  background-position-y: 10px;
  border: 2px solid #dc3400 !important;
  border-left: 4px solid #dc3400 !important;
  width: auto;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 2rem;
}

#pxwebcontent .variableselector_error_summary ul {
  border-style: none;
}

#pxwebcontent .variableselector_error_summary li {
  font-size: 1.6rem;
  list-style-type: disc;
  list-style-position: inside;
  color: black;
}

/*TO DO - end*/
#pxwebcontent .variableselector_continue_button {
  height: 8.6rem;
  width: 29.4rem;
  font-size: 2.8rem;
}

#pxwebcontent .variableselector_valuesselect_box {
  padding: 12px;
  box-sizing: border-box;
}

#pxwebcontent .variableselector_valuesselect_box_compact {
  /*margin-right: 20px;*/
}

@media screen and (min-width: 400px) {
  #pxwebcontent .variableselector_valuesselect_box_compact {
   /* margin-right: 20px;*/
    width: 350px;
    min-width: 350px;
  }
}
#pxwebcontent .variableselector_valuesselect_box_list {
  width: 100%;
}

/* TODO errorhandeling */
#pxwebcontent .variableselector_valuesselect_box_error {
  border: solid 2px red;
}

#pxwebcontent .variableselector_valuesselect_variabletitle_panel {
  padding: 3px;
  overflow: hidden;
  min-height: 45px;
}

#pxwebcontent .variableselector_valuesselect_variabletitle {
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
  font-size: 2.8rem;
  display: inline-block;
  padding-right: 40px;
  overflow-wrap: break-word;
}

#pxwebcontent .variableselector_valuesselect_aggregations {
  width: 100%;
  font-family: "Roboto", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  font-size: 1.6rem;
  color: #162327;
  cursor: pointer;
}

#pxwebcontent select.variableselector_valuesselect_aggregations {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  padding: 0.6em 1.4em 0.5em 2.2em;
  border: 1px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left 0.4em top 50%, 0 0;
  background-size: 24px auto, 100%;
}
#pxwebcontent select.variableselector_valuesselect_aggregations:hover {
  border: 1px solid #b6e8b8;
  outline: #b6e8b8 solid 1px;
}
#pxwebcontent select.variableselector_valuesselect_aggregations:focus {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300824d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dd-icon"><polyline points="18 15 12 9 6 15"></polyline></svg>');
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

#pxwebcontent .variableselector_valuesselect_variabletitlesecond {
  font-weight: normal;
  font-size: smaller;
}

#pxwebcontent .variableselector_valuesselect_hiddeneventbutton_panel {
  height: 22px;
}

#pxwebcontent .variableselector_valuesselect_statistics_panel {
  white-space: nowrap;
  overflow: hidden;
}

#pxwebcontent .variableselector_valuesselect_valueslistbox {
  width: 100%;
  min-width: 140px;
  min-height: 90px;
  font-size: 100%;
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  overflow: auto;
  color: #333;
  text-indent: 2px;
}

#pxwebcontent .variableselector_valuesselect_valueslistbox:focus {
  outline: #9272fc solid 2px;
  outline-offset: 2px;
}

/*
#pxwebcontent .variableselector_valuesselect_valueslistbox option {
  padding: 13px 0 12px 0;
}
*/
#pxwebcontent .search-panel {
  margin-bottom: 5px;
  padding-right: 20px;
}

#pxwebcontent .variableselector_valuesselect_statistics {
  width: 3em;
  border: none;
  display: inline;
  font-family: "Open Sans", sans-serif !important;
  font-stretch: normal;
  font-weight: normal;
  font-size: 1.4rem;
  color: #fff;
}

#pxwebcontent .variableselector_valuesselect_search_textstart_checkbox {
  margin-top: 6px;
}

#pxwebcontent .variableselector_valuesselect_search_imagebutton {
  background: #fff url(../images/search.gif) no-repeat;
  outline: none;
  vertical-align: middle;
  width: 19px;
  height: 17px;
}

#pxwebcontent .switch-layout-container {
  display: none;
}

@media screen and (min-width: 768px) {
  #pxwebcontent .switch-layout-container {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
  }
}
#pxwebcontent .variableselector_valuesselect_selectionFromGroup_imagebutton {
  width: 19px;
  height: 17px;
  background: #fff url(../images/small_button_select_by_group.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .variableselector_valuesselect_metadataInformation_imagebutton {
  width: 19px;
  height: 17px;
  background: #fff url(../images/info.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .variableselector_valuesselect_select_hierarcical_imagebutton {
  width: 19px;
  height: 17px;
  background: #fff url(../images/Hierarchy.gif) no-repeat;
  vertical-align: middle;
  outline: none;
}

#pxwebcontent .variableselector_valuesselect_manyvalues_panel {
  max-width: 300px;
  color: #fff;
}

#pxwebcontent .variableselector_searchinformationlink {
  background: url(../images/Arrow_Right_Gray.gif) 0 0 no-repeat;
  padding-left: 10px;
  line-height: 80px;
}

#pxwebcontent .icon-placement {
  background-position: 8px 8px;
  padding-left: 40px !important;
}

#pxwebcontent .icon-placement-symbol {
  background-position: 0px 1px;
}

#pxwebcontent .pxbox .variableselector_valuesselect_search_textstart_checkbox.pxweb-checkbox input[type=checkbox] {
  border-color: #b6e8b8;
}

#pxwebcontent .mandatory_container {
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
}

#pxwebcontent .variableselector_valuesselect_mandatory_text {
  font-size: 1.2rem;
}

/* Star in html or css*/
/* #pxwebcontent .variableselector_valuesselect_mandatory_text:after {
    content: "*";
    font-size: 2.8rem;
}*/
#pxwebcontent .variableselector_valuesselect_mandatory_star {
  font-size: 2.8rem;
}

#pxwebcontent .link-buttons-container {
  flex-basis: 100%;
}

#pxwebcontent .pxbox .go-to-advanced-search {
  margin-bottom: 12px;
}

#pxwebcontent .optional-variable-panel {
  background-color: #fff;
  box-sizing: border-box;
  border: solid #3396d2 1px;
}

#pxwebcontent .optional-variable-text {
  color: #333;
  padding-left: 5px;
  font-size: 1.4rem;
  font-family: "Roboto Condensed", sans-serif !important;
  font-stretch: condensed;
  font-weight: bold;
}

#pxwebcontent .optional-variable-icon-panel {
  background-color: #3396d2;
  box-sizing: border-box;
  width: 2.2rem;
  height: 2.1rem;
  border: solid #3396d2 2px;
}
#pxwebcontent .optional-variable-icon-panel .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.variableselector_variable_box_container {
    gap: 20px;
    margin: 20px 0;
}

.variableselector_variable_box_container > div {
    background-color: #274247;
    border: solid 1px #000;
    color: #222;
}

#pxwebcontent .variableselector_variable_box_container > div > div.m-margin-top {
    margin-top: 0;
}

/* **********************************  _fullscreen.scss *********************************** */
/* Safari */
:-webkit-full-screen {
  background-color: #fff;
  overflow-x: scroll;
  overflow-y: scroll;
  padding: 0px 10px 10px 10px;
}

/* IE11 syntax */
:-ms-fullscreen {
  background-color: #fff;
  overflow-x: scroll;
  overflow-y: scroll;
  padding: 0px 10px 10px 10px;
}

/* Standard syntax */
:fullscreen {
  background-color: #fff;
  overflow-x: scroll;
  overflow-y: scroll;
  padding: 0px 10px 10px 10px;
}

#Fullscreen:-webkit-full-screen input {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
}

#Fullscreen:-ms-fullscreen input {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
}

#Fullscreen:fullscreen input {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
}

#Fullscreen:fullscreen #pcaxis_tablediv {
  overflow-y: visible;
  overflow-x: visible;
}

#Fullscreen:-webkit-full-screen #pcaxis_tablediv {
  overflow-y: visible;
  overflow-x: visible;
}

#Fullscreen:-ms-fullscreen #pcaxis_tablediv {
  overflow-y: visible;
  overflow-x: visible;
}