@charset "UTF-8";
/** COLORS **/
/** GRADIENTS **/
/** PATHS **/
@font-face {
  font-family: "NHaasGroteskTXPro";
  src: url("/lib/fonts/NHaasGroteskTXPro-55Rg.woff2") format("woff2"), url("/lib/fonts/NHaasGroteskTXPro-55Rg.woff") format("woff"), url("/lib/fonts/NHaasGroteskTXPro-55Rg.otf") format("opentype");
}
/****************** HTML OBJECTS **********************/
html {
  height: 100%;
  width: 100%;
}

body {
  font: 14px "NHaasGroteskTXPro", Arial, sans-serif;
  margin: 0;
  color: #000000;
  height: 100%;
  forced-color-adjust: none;
}

h1 {
  font-size: 40px;
  letter-spacing: 1.2px;
  line-height: 40px;
  color: #000000;
  margin: 0;
  padding-left: 17px !important;
  font-weight: normal;
}

h2 {
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 20px;
  color: #000000;
  margin: 0 0 17px -1px;
  font-weight: normal;
}

h3 {
  font-size: 18px;
  color: #646464;
  margin: 0 0 14px -1px;
}

.content_block {
  width: calc(100% - 42px);
  padding: 20px;
  margin-top: 40px;
  display: inline-block;
}
.content_block h1 {
  font-size: 30px;
  letter-spacing: 0.6px;
  color: #000000;
  margin-bottom: 20px;
  padding: 0px !important;
}
.content_block h2 {
  color: #000000;
  letter-spacing: 0.2px;
}
.content_block h3 {
  font-weight: normal;
}

.content_block.chart {
  min-width: 640px;
}

.content_block.intro:nth-child(2n) {
  margin-top: 10px;
}

.content_block.home_intro {
  margin-top: 0px;
}

hr {
  height: 1px;
  border: 0;
  background-color: #dcdcdc;
  display: block;
  width: 100%;
}

.intro hr {
  margin: 25px 0px;
}

.datamanagement_container hr {
  background-color: transparent;
  margin: 60px 0;
}

input[type=radio],
input[type=checkbox] {
  margin-left: 0;
  vertical-align: top;
  transform: scale(1.2);
  cursor: pointer;
}

a:link,
a:visited,
a:active {
  text-decoration: underline;
  text-decoration-color: #2258ae;
  color: #2258ae;
}

a:hover {
  color: #646464;
  text-decoration-color: #000000;
}

input[name=sast_result_alterpvk],
input[type=text],
input[type=password],
input[type=number],
input[type=email],
textarea {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid #000000;
  vertical-align: middle;
  font-family: sans-serif;
  border-radius: 2px;
  color: #000000 !important;
}

.admin input[type=text],
.admin input[type=password],
.admin input[type=number],
.admin input[type=email],
.admin textarea,
.admin select,
.admin span.select2-selection {
  border: 1px solid #d5e2f7 !important;
}
.admin select {
  width: auto !important;
  max-width: 250px;
}
.admin select2 {
  max-width: 250px;
}
.admin span.select2-selection {
  height: 25px;
}
.admin .select2-selection__rendered {
  line-height: 25px !important;
}

input[name=sast_result_alterpvk]:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover,
textarea:hover,
select {
  color: #666 !important;
}

input[name=sast_result_alterpvk],
input[type=text],
input[type=password],
input[type=number],
input[type=email],
select {
  height: 26px;
  padding-left: 2px;
}

input[name=sast_result_alterpvk],
input[type=text],
input[type=number],
input[type=password],
input[type=email] {
  padding: 0 8px;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input:focus {
  outline: none;
}

select[multiple] {
  height: unset;
  border: 0px;
}

textarea {
  padding: 8px;
  border: 0px;
}

select {
  width: 200px;
  padding-right: 4px;
  padding-left: 8px;
  box-shadow: none;
  color: #000000 !important;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #000000 !important;
  border-radius: 5px;
  vertical-align: middle;
}

select:not(.selected):focus,
select:not(.selected):hover {
  color: #dcdcdc !important;
  border: #dcdcdc;
  color: #000000 !important;
}

select option.disabled,
select option:checked:disabled,
select option:checked:disabled,
select:hover option.disabled,
select:hover option:checked:disabled,
select:hover option:checked:disabled {
  background-color: #dcdcdc !important;
  color: #000000 !important;
}

form select {
  background: #f6f6f6;
  border: 0px !important;
}

select:active {
  border: 1px #000000 solid !important;
}

select.custom_selected,
select.selected {
  border: 1px #000000 solid !important;
  color: #000000 !important;
}

input.input_disabled,
input:hover.input_disabled,
select.input_disabled {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: default;
  text-overflow: ellipsis;
  pointer-events: none;
}

select.input_disabled::-ms-expand {
  display: none;
}

.option:hover {
  background: #dcdcdc !important;
}

optgroup[label] {
  background-color: #ddd;
  color: #000;
}

img {
  border: none;
}

table {
  border-collapse: collapse;
  text-align: left;
}

td {
  vertical-align: top;
  padding: 5px;
}

/****************** LOGIN **********************/
#login_body {
  background-image: url(/lib/img/icons/../bkg_login.jpg) !important;
  background-size: 100% 100% !important;
  background: #000;
}

#login {
  width: 410px;
  min-height: 260px;
  background-color: #000;
  padding: 30px 40px 10px 30px;
  border: 1px solid #000;
  border-radius: 4px;
  box-shadow: 0 0 10px 0px #333, 0 0 25px 0px #222 inset;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -234px;
  margin-top: -200px;
  opacity: 0.9;
}
#login .myppc_logo {
  padding: 0px;
  margin-right: 20px;
}
#login .sf_logo {
  position: relative;
  top: -7px;
  margin-left: 7px;
  width: 260px;
}
#login a:link,
#login a:visited,
#login a:active {
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #888;
}
#login .help {
  width: 50%;
  display: inline-block;
}
#login .help a {
  display: inline-block;
  margin-bottom: 15px;
}
#login td {
  font-size: 16px;
  height: 50px;
  vertical-align: middle;
}
#login td .qr_login_info {
  font-size: 16px !important;
  font-weight: normal !important;
  display: block;
  padding-top: 15px;
}
#login .login_help {
  padding-top: 20px;
}
#login .button.button_big.button_white {
  float: right;
  margin-top: -6px;
  border-radius: 25px;
  padding: 5px 20px;
  box-shadow: none;
  background-color: #fff;
  height: 40px;
  line-height: 12px;
  font-size: 14px;
  font-weight: normal;
}
#login #globe {
  position: absolute;
  right: 30px;
  width: 250px;
  cursor: pointer;
  text-align: right;
}
#login #globe svg {
  width: 20px !important;
  height: auto;
}
#login #globe svg path {
  fill: #fff !important;
}
#login #globe a,
#login #globe a:active {
  border-bottom: 0px !important;
  color: #000000 !important;
}
#login #globe a:hover {
  border-bottom: 0px !important;
  color: #646464 !important;
}
#login #user_password,
#login #user_email {
  padding-left: 20px;
  color: #000 !important;
}
#login .login_footer {
  text-align: center;
  font-size: 10px;
  height: 10px;
  padding-top: 10px;
}
#login #legal {
  display: none;
  font-size: 75%;
  text-align: justify;
  overflow-y: scroll;
}
#login #email_login_form,
#login #mfa_creation_form {
  width: 100%;
}
#login #forgot_password table td:first-child,
#login #contact_form table td:first-child {
  width: 160px;
}
#login #mfa_verification_form {
  width: 100%;
}
#login #mfa_verification_form td {
  height: 30px;
}
#login #mfa_verification_form .mfa_button_wrapper {
  padding-bottom: 20px;
}
#login #mfa_creation_form #verification_code_wrapper {
  text-align: center;
}
#login .mfa_code_sent_msg {
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 385px;
  margin: 10px auto 30px;
  padding: 10px;
  padding-top: 0px;
}
#login .mfa_code_sent_msg.sent {
  color: #61df8a;
  font-size: 16px;
}
#login .mfa_button_wrapper {
  text-align: right;
}
#login table tr:nth-child(2) td:first-child {
  width: 35px;
}
#login .pre_login_info {
  width: 14.5%;
  float: left;
}
#login input[type=text],
#login input[type=password] {
  border: 1px solid #aaa;
  height: 32px;
  border-radius: 0 3px 3px 0;
  padding: 0 5px;
  font-size: 16px !important;
  background-color: #fff;
  width: calc(100% - 10px);
}
#login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #eee inset;
}
#login input::-ms-clear,
#login input::-ms-reveal {
  display: none !important;
}
#login input:focus {
  border: 1px solid #777;
  outline: 0;
}
#login .display_password {
  position: absolute;
  margin-top: -25px;
  right: 45px;
  display: block;
  cursor: pointer;
  width: 15px;
}
#login .display_password svg {
  fill: #999;
}
#login #mfa_creation_form,
#login #mfa_verification_form {
  color: #fff;
}
#login .mfa_qr_wrapper {
  width: 100%;
  margin-top: 15px;
}
#login .mfa_qr {
  display: block;
  width: 210px;
  margin-left: 55px;
  background: #fff;
  margin-top: 15px;
}
#login h4.mfa_qr_text,
#login .mfa_creation_instr_lastitem {
  margin-bottom: 0px;
}
#login .mfa_creation_instr_lastitem {
  padding-top: 0px;
  padding-bottom: 0px;
}
#login .verfication_code_wrapper {
  text-align: center;
}
#login .verfication_code_submit {
  padding-top: 20px;
}
#login .state_info,
#login .state_success,
#login .state_highlight,
#login .state_error {
  margin-right: -15px !important;
  margin-left: 0px !important;
}

#login_branding {
  display: inline-block;
}

#login.qr {
  top: 30%;
}

.login_dialog a {
  color: #83aae4;
  text-decoration: none;
}
.login_dialog input,
.login_dialog input:hover,
.login_dialog textarea,
.login_dialog textarea:hover {
  background: #fff;
  color: #000 !important;
}
.login_dialog .content_block {
  background-color: #222;
  padding: 0px;
  padding-left: 20px;
  margin-top: 20px;
  border: 0px;
}
.login_dialog .ui-dialog .content_block {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.login_dialog .ui-dialog .content_block h1 {
  display: none !important;
}

@media screen and (max-width: 1000px) {
  #login {
    left: 0px;
  }
}
#login h2,
#login h1,
.login_dialog h2,
.login_dialog h1 {
  color: #83aae4;
}

.login_contact input,
.login_contact textarea {
  width: 260px;
}

#chg_pwd #pwd_error {
  color: #cc0000;
}

#mfa_guide ol {
  list-style-type: none;
  counter-reset: li;
}
#mfa_guide ol ol {
  list-style-type: lower-alpha;
  counter-reset: none;
  padding-left: 25px;
}
#mfa_guide ol ol li .or_divider {
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  margin-top: 15px;
}
#mfa_guide ol ul {
  list-style-type: none;
  padding-left: 0px;
}
#mfa_guide ol ul li {
  font-style: italic;
  font-size: 12px;
  margin-top: 10px;
}
#mfa_guide ol li {
  counter-increment: li;
  margin-bottom: 20px;
}
#mfa_guide ol li li {
  counter-increment: none;
}
#mfa_guide ol li::before {
  font-size: 12px;
  font-weight: bold;
  content: counter(li);
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 2px 6px;
  margin-right: 5px;
  margin-left: -30px;
}
#mfa_guide ol ol li::before,
#mfa_guide ol ul li::before {
  display: none;
}
#mfa_guide img {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 500px;
}

.pre_login_info {
  background-color: #444;
  width: 100%;
  height: 34px;
  display: block;
  line-height: 31px;
  padding: 0 5px;
  border-radius: 3px 0 0 3px;
  color: #fff;
  text-align: center;
}
.pre_login_info img {
  vertical-align: middle;
  cursor: pointer;
}

#container {
  min-height: calc(100% - 2px);
  min-width: 1080px;
  display: grid;
  grid-template-columns: 260px auto;
  grid-template-rows: 40px auto 40px;
}

#header {
  grid-row: 1;
  grid-column: 1/3;
  height: 40px;
  width: auto;
  display: block;
  color: #333;
  font-size: 11px;
  box-shadow: #dedede 1px 1px 8px 0px;
}
#header a {
  text-decoration: none;
  color: #888;
}
#header a:active,
#header a.active {
  font-weight: bold;
  color: #646464;
}
#header a:hover {
  color: #16386b;
}
#header img {
  vertical-align: middle;
  margin-right: 3px;
}
#header #user_info a {
  display: inline-block;
  padding: 0 2px;
}
#header #user_info a svg {
  width: 18px;
  height: auto;
}
#header #user_info a svg path {
  fill: #000000 !important;
}
#header #user_info,
#header #languages {
  float: right;
}
#header #user_info svg,
#header .reset_ic_id svg,
#header #languages svg {
  position: relative;
  top: 2px;
}
#header #user_info svg,
#header #languages svg {
  padding: 0px 7px 0px 5px;
}
#header #user_info .reset_ic_id svg,
#header #languages .reset_ic_id svg {
  width: 14px !important;
  height: 14px !important;
}
#header svg path,
#header .button_icon path {
  fill: #000000 !important;
}
#header .userswitch {
  float: right;
  position: relative;
  top: -3px;
}
#header .userswitch select,
#header .userswitch .select2 {
  top: 2px;
}

#logo {
  display: block;
  width: 260px;
  height: 70px;
  margin: 10px 0 20px 10px;
}
#logo img {
  width: 100px;
  margin: 16px 0 0 10px;
  border: 0;
}

#languages {
  text-align: center;
  font-size: 12px;
  padding-left: 50px;
}
#languages #globe {
  position: relative;
  right: 10px;
  width: 250px;
  cursor: pointer;
  text-align: right;
  top: 5px;
}
#languages #globe svg {
  width: 18px !important;
  height: auto !important;
  max-height: 18px !important;
}

#globe a {
  color: #444;
  font-weight: bold;
  display: block;
  border-bottom: none;
  text-decoration: none;
  padding: 5px 0px;
}
#globe a.active {
  color: #999;
}
#globe .lang_divider {
  display: none;
}
#globe a:hover {
  color: #999;
}

#language {
  text-align: center;
  font-size: 12px;
}

#language.lang_select {
  display: none;
  position: absolute;
  top: 15px;
  right: 40px;
  background: #fff;
  width: 90px;
  padding: 15px 0px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
#language.lang_select .lang_close {
  font-family: Consolas, "Liberation Mono", "Courier New", monospace, sans-serif;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 5px;
  height: 5px;
  padding: 0 0 5px 5px;
  z-index: 10;
  cursor: pointer;
  text-align: right;
}

.lang_close:hover {
  color: #000;
  font-weight: bold;
}

#user_info {
  float: right;
  line-height: 40px;
  margin-right: 10px;
}

#content {
  width: auto;
  text-align: justify;
  line-height: 20px;
  grid-column: 2;
  grid-row: 2;
  padding: 40px 60px 40px 80px;
}
#content #contact_form td,
#content #form_add td,
#content #cr_info td,
#content #tender td {
  padding-left: 0;
  height: 50px !important;
}
#content #contact_form td.has-email,
#content #form_add td.has-email,
#content #cr_info td.has-email,
#content #tender td.has-email {
  padding-left: 10px;
  width: 400px;
}
#content #contact_form input,
#content #contact_form textarea,
#content #form_add input,
#content #form_add textarea,
#content #cr_info input,
#content #cr_info textarea,
#content #tender input,
#content #tender textarea {
  color: #646464 !important;
  border-bottom: 1px solid #000000 !important;
  background: #f6f6f6;
}
#content #contact_form textarea,
#content #form_add textarea,
#content #cr_info textarea,
#content #tender textarea {
  margin-bottom: 25px !important;
}
#content ul.pagination_list {
  list-style-type: none;
  text-align: center;
}
#content ul.pagination_list li {
  font-size: 10px;
  display: inline-block;
  margin: 5px 2px 0;
  color: #000000;
  height: 10px;
  min-width: 10px;
  line-height: 12px;
  padding: 3px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
#content ul.pagination_list li.active_page {
  border-color: #000000 !important;
}
#content ul.pagination_list li::before {
  content: "";
  margin: 0;
}

#contact_form,
#form_add,
#cr_info {
  max-width: 550px;
}

.content_grid {
  display: grid;
  grid-gap: 0 40px;
  grid-auto-flow: row dense;
  align-items: start;
}

@media screen and (max-width: 1050px) {
  .content_grid {
    display: inline-block;
  }
  .content_block {
    margin-bottom: 40px !important;
  }
  .content_grid > div:nth-child(1).content_block {
    margin-bottom: 0px !important;
  }
  .content_block:last-child {
    width: 95%;
    display: inline-block;
    height: 750px !important;
  }
  #chart_selector.sast td {
    display: block;
  }
  #result_content {
    width: 320px !important;
    height: auto !important;
    padding-top: 25px;
  }
  #ms_chart_container .highcharts-container {
    max-height: 600px;
  }
}
.content_grid_2_right {
  grid-template-columns: auto 390px;
}

@media screen and (max-width: 1520px) {
  .content_grid_2_right {
    grid-template-columns: auto 150px !important;
  }
}
@media screen and (max-width: 1150px) {
  .content_grid_2_right {
    grid-template-columns: none !important;
  }
}
.content_grid_2_left {
  grid-template-columns: 350px auto;
}

@media screen and (max-height: 599px) {
  #content {
    min-height: 435px;
  }
}
#accessiblity_announce {
  position: absolute !important;
  left: -400px;
}

.mfa_msg.enabled {
  color: #009933;
}

.mfa_msg.disabled {
  color: #ff6d00;
}

#home_header {
  left: -50px;
  position: relative;
  width: 100%;
  height: 310px;
  background: url(/lib/img/icons/../home_header.jpg) no-repeat;
  background-size: 100%;
  background-position: left -200px;
  margin-top: 30px;
  margin-bottom: 50px;
}

@media screen and (max-width: 1620px) {
  #home_header {
    height: 250px !important;
    background-position: left top !important;
  }
}
#home_intro,
#home_contact {
  color: #646464 !important;
}

#home_intro {
  padding-top: 10px;
}

#home_updates {
  margin-top: 55px !important;
}

/**************** MENU **********************/
#sidebar {
  position: absolute;
  width: 285px;
  grid-row: 1/2;
  grid-column: 1;
  background: #f6f6f6;
}

#menu {
  position: relative;
  width: 275px;
  padding-left: 10px;
  background: #f6f6f6;
  /* SUB-MENU */
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
  position: relative;
  height: 35px;
  width: 260px;
  line-height: 35px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  letter-spacing: 0.7px;
  padding: 0 0 0 10px;
}
#menu ul li.link_home.active,
#menu ul li.link_datamanagement.active,
#menu ul li.link_chart.active,
#menu ul li.link_files.active,
#menu ul li.link_contact.active {
  background: #dcdcdc;
  border-right: solid 0px #dcdcdc;
  border-left: solid 0px #dcdcdc;
  border-radius: 5px;
  margin: 8px 0px 0;
  width: 260px;
}
#menu ul li.link_home.active a,
#menu ul li.link_datamanagement.active a,
#menu ul li.link_chart.active a,
#menu ul li.link_files.active a,
#menu ul li.link_contact.active a {
  color: #000000 !important;
}
#menu ul li.active a {
  color: #000000 !important;
  font-weight: normal;
}
#menu ul li.active a.active {
  position: relative;
  display: inline;
  top: 1px;
  padding-left: 5px;
}
#menu ul a {
  color: #646464;
  font-weight: normal;
}
#menu ul ul li {
  height: auto;
  padding-left: 10px;
}
#menu ul ul li a {
  display: inline-block;
}
#menu ul ul li:last-child {
  border-bottom: none;
}
#menu ul ul.sub_menu {
  padding-bottom: 8px;
  border-bottom: 1px solid #dcdcdc;
}
#menu ul ul.sub_menu li {
  border: 0px !important;
  text-indent: 4px;
  margin-top: 4px;
}
#menu ul ul.sub_menu li:hover {
  width: 260px;
}
#menu ul ul.sub_menu li:hover a {
  padding-left: 10px;
  padding-right: 10px;
}
#menu ul ul.sub_menu li:not(:last-child) {
  border-bottom: none !important;
}
#menu ul li.link_sub {
  border-top: 0px;
}
#menu ul li.link_sub.active {
  background: #dcdcdc;
  border-right: solid 0px #dcdcdc;
  border-left: solid 0px #dcdcdc;
  border-radius: 5px;
  width: 260px;
}
#menu ul li.link_sub.active svg {
  position: relative;
  top: -2px;
  margin-right: 3px;
}
#menu ul li.link_sub.active a {
  color: #000000 !important;
}
#menu li {
  color: #646464;
  border-bottom: 1px solid #dcdcdc !important;
}
#menu li a {
  text-decoration: none;
  display: inline-flex;
  height: 100%;
  width: calc(100% - 18px) !important;
  transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
#menu li a .menu_chevron {
  position: absolute !important;
  float: right !important;
  right: 8px !important;
}
#menu li:hover {
  color: #000000;
  background: #dcdcdc;
  border-right: solid 0px #dcdcdc;
  border-left: solid 0px #dcdcdc;
  border-radius: 5px;
}
#menu li:hover a {
  color: #000000;
  padding-left: 10px;
}
#menu li.menu_link.teaser,
#menu li.menu_link.teaser:hover,
#menu li.menu_link.teaser.active {
  color: #aaa;
  background-color: transparent;
  cursor: help;
  border-left-color: #e3e3e3;
}

#sidebar.upload_file #menu {
  min-height: 200px;
}

/* Menu Icons */
/**************** ICONS **********************/
.button_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-left: 1px;
}
.button_icon svg {
  width: 16px;
  margin-top: 3px;
}
.button_icon path {
  fill: #000000 !important;
}

.icon_blue_active::before,
.icon_blue_inactive::before,
.icon_blue_archive::before,
.icon_blue_unarchive::before,
.icon_blue_chart::before,
.icon_blue_contact::before,
.icon_blue_copy::before,
.icon_blue_edit::before,
.icon_blue_more::before,
.icon_blue_down::before,
.icon_blue_download::before,
.icon_blue_info::before,
.icon_blue_less2::before,
.icon_blue_link::before,
.icon_blue_next::before,
.icon_blue_previous::before,
.icon_blue_print::before,
.icon_blue_reset::before,
.icon_blue_selectall::before,
.icon_blue_share::before,
.icon_blue_sortdown::before,
.icon_blue_sortup::before,
.icon_blue_teamviewer::before,
.icon_blue_unlock::before,
.icon_blue_validate::before,
.icon_white_delete::before,
.icon_white_edit::before,
.icon_grey_info::before,
.icon_white_info::before,
.icon_white_active::before,
.icon_white_inactive::before,
.icon_red_delete::before,
.icon_slider_horizontal::before,
.icon_blue_recycle::before,
.info_box::before {
  display: none !important;
}

.icon_grey_info {
  opacity: 0.6;
  z-index: 1001 !important;
}
.icon_grey_info path {
  fill: #000000 !important;
}

.icon_grey_info:hover {
  position: relative !important;
  z-index: 1002 !important;
}
.icon_grey_info:hover path {
  fill: #ffffff !important;
  filter: drop-shadow(2px 4px 8px #000);
}

.icon_blue_less_hide,
.icon_blue_more_hide {
  padding: 0 0 0 13px !important;
}
.icon_blue_less_hide svg,
.icon_blue_more_hide svg {
  width: 16px;
  height: 16px;
}

.button_small.icon.icon_blue_less_hide,
.button_small.icon.icon_blue_more_hide,
.button_small.icon:active.icon_blue_less_hide,
.button_small.icon:active.icon_blue_more_hide {
  line-height: 22px !important;
}

.icon_blue_less svg,
.icon_blue_more svg {
  width: 16px;
  height: 16px;
}
.icon_blue_less path,
.icon_blue_more path {
  fill: #000000 !important;
}

.icon_blue_teamviewer svg {
  width: 15px;
}

.icon_blue_selectall svg {
  height: 24px;
}

table .icon_blue_active svg,
table .icon_blue_archive svg,
table .icon_blue_copy svg,
table .icon_blue_edit svg,
table .icon_blue_down svg,
table .icon_blue_download svg,
table .icon_blue_inactive svg,
table .icon_blue_share svg,
table .icon_blue_sortup svg,
table .icon_blue_unarchive svg,
table .icon_white_edit svg,
table .icon_white_delete svg,
table .icon_white_active svg,
table .icon_white_inactive svg {
  position: relative;
  top: 3px;
}
table .icon_white_active svg,
table .icon_white_inactive svg {
  top: 5px;
}
table .icon_blue_sortup svg {
  top: 1px;
}
table .icon_blue_active svg,
table .icon_blue_archive svg,
table .icon_blue_down svg,
table .icon_blue_inactive svg,
table .icon_blue_unarchive svg,
table .icon_white_active svg,
table .icon_white_edit svg,
table .icon_white_delete svg,
table .icon_white_inactive svg {
  width: 16px;
}
table .icon_blue_active svg,
table .icon_blue_inactive svg,
table .icon_white_active svg,
table .icon_white_inactive svg {
  width: 40px;
  height: 20px;
}
table .icon_blue_less2 svg,
table .icon_blue_more svg,
table .icon_blue_sortdown svg,
table .icon_blue_sortup svg {
  width: 20px;
}
table .icon_blue_archive path,
table .icon_blue_unarchive path,
table .icon_blue_active path,
table .icon_blue_inactive path,
table .icon_blue_chart path,
table .icon_blue_contact path,
table .icon_blue_copy path,
table .icon_blue_down path,
table .icon_blue_download path,
table .icon_red_delete path,
table .icon_blue_edit path,
table .icon_blue_link path,
table .icon_blue_share path,
table .icon_blue_unlock path,
table .icon_blue_selectall path,
table .icon_blue_sortdown path,
table .icon_blue_sortup path,
table .icon_blue_validate path,
table .icon_white_delete path,
table .icon_red_delete path {
  fill: #000000;
}
table .icon_red_delete path {
  fill: #646464;
}
table tr.table_splitter th {
  border: 1px solid #eee !important;
  padding: 5px;
  background-color: #eee;
  color: #646464;
}

.icon_and_text.icon_blue_reset svg {
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 15px;
}

.icon_and_text.icon_blue_info svg,
.icon_and_text.icon_white_info svg,
.icon_and_text.icon_blue_edit svg {
  position: relative;
  top: -3px;
  vertical-align: middle;
  padding-right: 5px;
  height: 17px;
  width: 17px;
}

.icon_blue_less2,
.icon_blue_more {
  display: inline-block;
}

table#tbl_files .ds_name svg {
  position: relative !important;
  top: 3px;
}
table#tbl_files .icon_blue_contact svg {
  width: 18px;
  height: 24px;
}

table .icon_red_delete svg,
table .icon_blue_edit svg,
table .icon_blue_unlock svg,
table .icon_blue_chart svg,
table#tbl_files .icon_red_delete svg,
table#tbl_files .icon_blue_edit svg,
table#tbl_files .icon_blue_unlock svg,
table#tbl_files .icon_blue_chart svg {
  position: relative;
  top: 2px;
  width: 15px;
}

table .icon_white_inactive path,
.icon_and_text.icon_white_info .icon_white_inactive path {
  fill: #fff;
}

table .button_green.icon {
  top: 0px !important;
  height: 16px !important;
  width: 16px !important;
  vertical-align: middle;
  text-align: center;
  border-radius: 6px !important;
  padding: 5px !important;
  margin-right: 5px !important;
}
table .button_green.icon svg {
  margin-bottom: 1px !important;
}
table .button_green.icon path {
  fill: #ffffff;
}

.icon_blue_info .button_icon path {
  fill: #000000 !important;
}

.icon_blue_info.icon_and_text path {
  fill: #000000 !important;
}

#tbl_files .ds_name svg path {
  fill: #646464 !important;
}

.link_none {
  display: none;
}

.icon_blue_chart_column::before {
  display: none !important;
}

#marktscreen_chart_menu {
  display: none !important;
}
#marktscreen_chart_menu .icon_blue_switch_axis svg {
  width: 16px;
}
#marktscreen_chart_menu .icon_blue_chart_column svg,
#marktscreen_chart_menu .icon_blue_chart_column_stacked svg,
#marktscreen_chart_menu .icon_blue_chart_scatter svg,
#marktscreen_chart_menu .icon_blue_chart_pie svg,
#marktscreen_chart_menu .icon_blue_chart_boxplot svg {
  position: relative !important;
  top: -5px;
}
#marktscreen_chart_menu .ui-state-active,
#marktscreen_chart_menu .ui-state-disabled.ui-state-active {
  opacity: 1;
}
#marktscreen_chart_menu .button_grey_chart path {
  fill: #000000 !important;
}
#marktscreen_chart_menu .ui-controlgroup .ms_chart_pie .ui-checkboxradio-label.ui-state-active path {
  fill: none !important;
}
#marktscreen_chart_menu .ui-controlgroup .ms_chart_stacol .ui-checkboxradio-label.ui-state-active path {
  stroke: none !important;
}
#marktscreen_chart_menu .ui-controlgroup .ms_chart_switcher {
  margin-top: 0px;
}
#marktscreen_chart_menu .ui-controlgroup .ms_chart_switcher.ui-controlgroup .ui-checkboxradio-label {
  min-width: 8px !important;
  padding: 2px 8px !important;
  height: 22px;
}

/* Buttons */
.button.button_small.button_grey.icon.icon_and_text {
  background: #f6f6f6 !important;
  color: #000000 !important;
}

.button.button_small.button_green.icon.icon_and_text {
  background-image: none !important;
}

.button.button_small.button_grey.icon.icon_and_text path {
  fill: #000000 !important;
}

.button_grey {
  background: #f6f6f6 !important;
  border: 1px solid #f6f6f6 !important;
  border-radius: 20px !important;
  text-shadow: none !important;
}

.button_grey:hover {
  background: #dcdcdc !important;
}

.icon_blue_reset .button_icon svg {
  margin-top: 0px;
  width: 20px;
}

#cockpit_date_calendar.button_icon .icon_blue_info .button_icon {
  margin-right: 0px !important;
}

.multi_selects {
  max-width: 300px;
  background: #ffffff;
  position: relative;
  z-index: 10;
}
.multi_selects .multi_select,
.multi_selects .multi_select_title {
  background: #ffffff !important;
  color: #646464 !important;
  display: inline-block;
  width: 285px;
  cursor: pointer !important;
  text-align: left;
}
.multi_selects .multi_select {
  border: 1px solid #000000 !important;
  border-radius: 5px !important;
  padding: 0px 8px !important;
}
.multi_selects .multi_select .multi_select_title {
  height: 20px !important;
  text-align: left !important;
  display: inline-block;
  padding: 9px 0px;
  width: 100%;
  height: 100% !important;
  /*menu_expanded.svg*/
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41IDEuMjVMNCA0Ljc1TDcuNSAxLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") no-repeat right 0 top 15px !important;
  background-size: 10px auto !important;
}
.multi_selects .multi_select .multi_select_title.expanded {
  padding-bottom: 15px;
  /*menu_up.svg*/
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjgiCiAgIGhlaWdodD0iNC40OTk5Nzk1IgogICB2aWV3Qm94PSIwIDAgOCA0LjQ5OTk3OTUiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHBhdGgKICAgICBkPSJtIDAuNSwzLjk5OTk3OTMgMy41LC0zLjUgMy41LDMuNSIKICAgICBzdHJva2U9IiMwMDAwMDAiCiAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgaWQ9InBhdGgxIiAvPgo8L3N2Zz4K") no-repeat center right !important;
  background-size: 10px auto !important;
  background-position-y: 15px !important;
}
.multi_selects .multi_select .multi_select_title.custom_selected {
  color: #000000 !important;
}
.multi_selects .multi_select div.multi_select_segment {
  width: 100% !important;
  border-bottom: 1px solid #dcdcdc !important;
  padding: 10px 0px;
  display: inline-block;
}
.multi_selects .multi_select div.multi_select_segment:last-child {
  border-bottom: 0px !important;
}
.multi_selects .multi_select .accordion_icon {
  float: right;
}
.multi_selects .multi_select .accordion_icon svg {
  width: 10px !important;
  height: 6px !important;
}
.multi_selects .multi_select .button_grey.icon_blue_reset {
  margin-top: 7px;
  color: #000000 !important;
  padding: 5px 15px !important;
  margin: 25px 0 15px;
  background-color: #f6f6f6 !important;
  text-transform: capitalize;
}

.multi_selects:has(#chart_segment) {
  z-index: 1 !important;
  display: inline-block;
}

#chart_option input[type=checkbox] {
  display: none;
}
#chart_option input[type=checkbox] + label {
  /*inactive.svg*/
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA2MCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iOC41IiB5PSI4LjUiIHdpZHRoPSI1MSIgaGVpZ2h0PSIyOSIgcng9IjE0LjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjguNSIgeT0iOC41IiB3aWR0aD0iNTEiIGhlaWdodD0iMjkiIHJ4PSIxNC41IiBzdHJva2U9ImJsYWNrIi8+CjxyZWN0IHg9IjEyIiB5PSIxMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iMTEiIGZpbGw9IiNEQ0RDREMiLz4KPHBhdGggZD0iTTE5LjI2NzMgMjcuNjY2NkwxOC4zMzQgMjYuNzMzM0wyMi4wNjczIDIyLjk5OTlMMTguMzM0IDE5LjI2NjZMMTkuMjY3MyAxOC4zMzMzTDIzLjAwMDcgMjIuMDY2NkwyNi43MzQgMTguMzMzM0wyNy42NjczIDE5LjI2NjZMMjMuOTM0IDIyLjk5OTlMMjcuNjY3MyAyNi43MzMzTDI2LjczNCAyNy42NjY2TDIzLjAwMDcgMjMuOTMzM0wxOS4yNjczIDI3LjY2NjZaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K") no-repeat center center;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 30px;
}
#chart_option input[type=checkbox]:checked + label,
#chart_option input[type=checkbox]:checked + label:hover {
  /*active.svg*/
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA2MCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iOCIgd2lkdGg9IjUyIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjI2IiB5PSIxMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iMTEiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4zNjY0IDI3LjAwMDFMMzEuNTY2NCAyMy4yMDAxTDMyLjUxNjQgMjIuMjUwMUwzNS4zNjY0IDI1LjEwMDFMNDEuNDgzMSAxOC45ODM0TDQyLjQzMzEgMTkuOTMzNEwzNS4zNjY0IDI3LjAwMDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K") no-repeat center center;
}

/**************************************************/
#footer {
  position: relative;
  clear: both;
  height: 40px;
  display: block;
  line-height: 40px;
  margin-left: 20px;
}
#footer a {
  text-decoration: none;
  display: inline-block;
  color: #646464;
  font-weight: normal !important;
}
#footer a:active,
#footer a.active {
  color: #646464;
  font-weight: normal !important;
}
#footer a:hover,
#footer a:focus {
  color: #000000;
}

#footer_copyright {
  color: #646464;
  float: left;
  width: 200px;
  text-align: left;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  padding-bottom: 20px;
}
#footer_copyright a {
  position: relative;
  top: 1px;
}

#footer_back_top {
  float: right;
  margin-right: 10px;
  width: 200px;
  text-align: right;
}

/****************** TABLES ************************/
.table_zebra_blue {
  color: #000000 !important;
}

table.box {
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  border-spacing: 0px;
  /* ********************** */
}
table.box tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  height: 30px;
  line-height: 30px;
}
table.box thead th {
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #000000;
  text-align: left;
  padding: 5px 5px 5px 25px;
}
table.box tfoot td,
table.box tfoot th {
  height: 25px;
  line-height: 25px;
  border-top: 1px solid #646464;
  border-right: 1px solid #eee;
  font-size: 16px;
  color: #000000;
  text-align: left;
  padding: 5px;
  text-shadow: 0px 1px 1px #fff;
  font-weight: bold;
}
table.box .event_error {
  background-image: linear-gradient(rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1)) !important;
}
table.box .event_warning {
  background-image: linear-gradient(rgba(255, 235, 59, 0.1), rgba(255, 235, 59, 0.1)) !important;
}
table.box .event_valid {
  background-image: linear-gradient(rgba(0, 128, 0, 0.15), rgba(0, 128, 0, 0.15)) !important;
}

.box:not(.valign_top) tbody td,
.box:not(.valign_top) tbody th {
  height: 25px;
  padding: 5px;
  vertical-align: middle;
}

/* Styling dataset tables */
.box.set_ppc th:last-child {
  padding-left: 15px;
}
.box.set_ppc th:last-child,
.box.set_ppc td:last-child {
  text-align: left;
  padding-left: 10px;
}
.box.set_ppc tbody td {
  border-bottom: 5px solid #d2def0 !important;
}
.box.set_ppc tbody td a {
  color: #000000 !important;
  vertical-align: middle;
}
.box.set_ppc tbody td:nth-child(n+1) {
  color: #646464 !important;
}

.box.set_client th:last-child,
.box.set_client td:last-child {
  text-align: left;
  padding-left: 10px;
}
.box.set_client th:last-child {
  padding-left: 20px !important;
}
.box.set_client tbody td {
  border-bottom: 5px solid #fff5a9 !important;
}

.box.set_user th:last-child,
.box.set_user td:last-child {
  text-align: left;
  padding-left: 10px;
}
.box.set_user th:last-child {
  padding-left: 20px !important;
}
.box.set_user tbody td {
  border-bottom: 5px solid #e4f2d3 !important;
}

.box.set_archive th:last-child,
.box.set_archive td:last-child {
  text-align: left;
  padding-left: 10px;
}
.box.set_archive th:last-child {
  padding-left: 20px !important;
}
.box.set_archive tbody td {
  border-bottom: 5px solid #dcdcdc !important;
}

.box.set_global th:last-child,
.box.set_global td:last-child {
  text-align: left;
  padding-left: 10px;
}
.box.set_global th:last-child {
  padding-left: 20px !important;
}
.box.set_global tbody td {
  border-bottom: 5px solid #646464 !important;
}

#tbl_files {
  color: #646464 !important;
}

/**************************************************/
.step_title {
  display: block;
  height: 35px;
}

#chart_selector.sast .step_title {
  word-wrap: break-word;
}
#chart_selector.sast select {
  margin-bottom: 10px;
}
#chart_selector.sast td {
  padding: 0 8px 0 0;
  display: inline-block;
  margin-bottom: 30px;
}
#chart_selector.sast td:not(.step_separator) {
  width: 300px;
}
#chart_selector.sast a.button_blue {
  margin-top: 20px;
}

.cleaner {
  clear: both;
  height: 1px;
  width: 1px;
  font-size: 1px;
  display: block;
}

#chart_selector {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  max-width: 100%;
  position: relative !important;
  z-index: auto;
}
#chart_selector > div:not(.chart_date_month) {
  margin-right: 40px;
  margin-bottom: 20px;
  min-width: 300px;
}
#chart_selector > div.expanded:not(.chart_date_month) {
  min-width: 100% !important;
}
#chart_selector > div.chart_date_month {
  min-width: auto;
  width: auto;
  height: 100px;
}
#chart_selector > div.multi {
  display: inline-block;
  height: auto;
}
#chart_selector div:first-child {
  padding-left: 0;
}
#chart_selector div:last-child {
  padding-right: 0;
}
#chart_selector div.timespan {
  min-width: 230px;
}
#chart_selector div.timespan .button_grey {
  margin: 0px auto;
}
#chart_selector .option {
  display: block;
  max-width: 100px;
}
#chart_selector .option:hover {
  background: #dcdcdc !important;
}
#chart_selector .option_peergroup_only {
  background-color: #abc5ed;
  color: #000000 !important;
  font-weight: bold !important;
}
#chart_selector .option_ic_visible {
  background-color: #009933;
  font-style: italic;
  color: #ffffff !important;
  font-weight: bold !important;
}
#chart_selector select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  /*menu_expanded.svg*/
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41IDEuMjVMNCA0Ljc1TDcuNSAxLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat right 8px top 16px !important;
  background-size: 10px !important;
}
#chart_selector select.selected option.bold {
  font-weight: bold;
}

#chart_selector select,
#chart_segment select,
.title_step_cr_3_hist select {
  min-height: 40px;
  width: 100%;
  max-width: 90%;
  min-width: 300px;
}
#chart_selector select .selected option:disabled,
#chart_segment select .selected option:disabled,
.title_step_cr_3_hist select .selected option:disabled {
  color: #000000 !important;
}
#chart_selector select::-ms-expand,
#chart_segment select::-ms-expand,
.title_step_cr_3_hist select::-ms-expand {
  border-width: 0 0 0 0px;
  background: #f3f3f3;
}

#chart_selector select.selected,
#chart_selector optgroup[label],
#chart_selector option.selected,
#chart_selector select,
#chart_segment select.selected,
#chart_segment optgroup[label],
#chart_segment option.selected,
#chart_segment select,
#period select.selected,
#period optgroup[label],
#period option.selected,
#period select,
#period.selected select.selected,
#period.selected optgroup[label],
#period.selected option.selected,
#period.selected select,
#cockpit_data_popup select.selected,
#cockpit_data_popup optgroup[label],
#cockpit_data_popup option.selected,
#cockpit_data_popup select {
  transition: 0.3s;
  max-width: 300px;
}

#chart_selector select option,
#chart_selector option option,
#chart_segment select option,
#chart_segment option option,
optgroup[label] select option,
optgroup[label] option option,
#period.selected select option,
#period.selected option option {
  font-weight: normal;
  padding: 5px 10px;
  color: #646464;
}
#chart_selector select.selected option,
#chart_segment select.selected option,
optgroup[label] select.selected option,
#period.selected select.selected option {
  color: #000000;
}

#chart_segment select option:checked,
#cockpit_data_popup select option:checked {
  background-color: #dedede;
  color: #fff;
}

#period option.disabled {
  background-color: #ffe6e6;
  color: #aaa;
}

#chart_result {
  width: calc(100% - 20px);
}

#marktscreen_chart {
  max-height: 600px;
}
#marktscreen_chart #chart_result {
  width: calc(100% - 50px);
  max-height: 500px;
}

#chart_image {
  max-width: 100%;
}

#sub_chart {
  max-width: 100%;
  overflow-x: auto;
}

#mfa_selection label {
  text-transform: capitalize;
}

a.ds_name {
  color: #646464 !important;
  text-decoration: none;
  padding: 5px;
  margin-left: 6px;
  display: block;
}

a.ds_name:hover {
  color: #000000;
}

a.ds_name::before {
  content: "▪";
  float: left;
  height: 16px;
  display: block;
  margin: 0 5px;
  position: absolute;
  margin-left: -10px;
}

a.ds_name:hover::before {
  color: #000000;
}

#user_information td {
  padding-left: 0px !important;
}

#dev_info {
  margin: 50px 70px 50px 15px;
  display: block;
  text-align: center;
  font-weight: bold;
  border: 2px solid #eea236;
  border-radius: 4px;
  padding: 2px;
  color: #eea236;
}

#maintenance_info {
  margin: 50px;
  display: block;
  text-align: center;
  font-weight: bold;
  border: 1px solid #3f51b5;
  border-radius: 4px;
  padding: 2px;
  color: #fff;
  text-shadow: 0px 1px 0px #660000;
  box-shadow: 2px 2px 5px 0px #fff;
  background: #2196f3;
}

/**************** SLIDERS **********************/
#chart_selector #slider,
#chart_date_hist #slider,
#chart_selector #returns_slider {
  z-index: 0;
}

.left_buffer {
  background: #dcdcdc;
  border: 0px;
  height: 3px;
  width: 10px;
  position: absolute;
  top: 8px;
}

.left_buffer {
  left: 0px;
  border-radius: 20px 5px 5px 20px;
}

.range {
  display: none;
  height: 100px;
}
.range #slider_info {
  font-size: 10px;
  margin-top: 50px;
  line-height: 12px;
}

.multi_select_segment #step_slider {
  margin-top: 40px;
  width: 270px !important;
}

.slider_wrapper {
  border: 1px solid #000000 !important;
  border-radius: 5px;
  margin: -20px 0 0 20px !important;
  padding: 10px;
  width: 280px;
}
.slider_wrapper .slider_title {
  width: 280px;
  /*menu_expanded.svg*/
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41IDEuMjVMNCA0Ljc1TDcuNSAxLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") no-repeat center right !important;
  background-size: 10px auto !important;
}
.slider_wrapper .slider_title.expanded {
  width: 100%;
  /*menu_up.svg*/
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjgiCiAgIGhlaWdodD0iNC40OTk5Nzk1IgogICB2aWV3Qm94PSIwIDAgOCA0LjQ5OTk3OTUiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHBhdGgKICAgICBkPSJtIDAuNSwzLjk5OTk3OTMgMy41LC0zLjUgMy41LDMuNSIKICAgICBzdHJva2U9IiMwMDAwMDAiCiAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgaWQ9InBhdGgxIiAvPgo8L3N2Zz4K") no-repeat center right !important;
  background-size: 10px auto !important;
  background-position-y: 25% !important;
}
.slider_wrapper .slider_content {
  width: calc(100% - 20px);
}

.slider_wrapper.expanded {
  width: 100% !important;
  display: block;
}

.coverage .slider_wrapper:not(.expanded) {
  margin-top: 35px !important;
}

.coverage .slider_wrapper.expanded {
  margin-top: 0px !important;
}

.slider_wrapper.expanded:has(#chart_date.chart_date_year.range) {
  width: 700px !important;
}

.slider_wrapper.pkkz.expanded:has(#chart_date.chart_date_year):not(.range) {
  height: 110px !important;
}

.slider_reduced_width {
  width: 95%;
}

.chart_date_year {
  margin: 15px 10px 0 0;
  background: #f3f3f3 !important;
  padding: 0;
}

.vvk .chart_date_year {
  background: #ffffff !important;
}

.pkkz .chart_date_year:not(.range) {
  display: inline !important;
}

.range.chart_date_year,
.chart_date_year#chart_date_hist {
  background: transparent !important;
}

.chart_date_year#chart_date_hist {
  display: inline;
  width: 270px !important;
  min-height: 80px !important;
}

.chart_date_year#chart_date_err {
  margin: 0px 60px 0 15px;
  background: #ffffff !important;
  height: 100px;
}

#date_slider,
#step_slider {
  border: 0px !important;
  background: transparent !important;
}

#date_slider,
#step_slider,
.range,
#chart_date_hist,
.admin #slider {
  height: 2px !important;
  display: block !important;
  background: #dcdcdc !important;
  top: 15px !important;
}
#date_slider label,
#step_slider label,
.range label,
#chart_date_hist label,
.admin #slider label {
  position: absolute;
  font-size: 12px;
  padding-bottom: 6px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.3) !important;
  margin-top: 40px;
  transform: rotate(45deg);
  transform-origin: 100% 300%;
  text-align: left;
  margin-left: -46px !important;
}
#date_slider label.last_month,
#date_slider label:last-child,
#step_slider label.last_month,
#step_slider label:last-child,
.range label.last_month,
.range label:last-child,
#chart_date_hist label.last_month,
#chart_date_hist label:last-child,
.admin #slider label.last_month,
.admin #slider label:last-child {
  margin-left: -60px !important;
}
#date_slider label.selected_month,
#date_slider label.selected_step,
#step_slider label.selected_month,
#step_slider label.selected_step,
.range label.selected_month,
.range label.selected_step,
#chart_date_hist label.selected_month,
#chart_date_hist label.selected_step,
.admin #slider label.selected_month,
.admin #slider label.selected_step {
  color: #646464 !important;
  z-index: 10;
  visibility: visible !important;
}
#date_slider .chart_date_year,
#step_slider .chart_date_year,
.range .chart_date_year,
#chart_date_hist .chart_date_year,
.admin #slider .chart_date_year {
  padding-right: 10px;
  margin-right: 40px;
  width: 95% !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
#date_slider .chart_date_month,
#step_slider .chart_date_month,
.range .chart_date_month,
#chart_date_hist .chart_date_month,
.admin #slider .chart_date_month {
  padding-right: 85px;
}
#date_slider input#enable_step_user,
#step_slider input#enable_step_user,
.range input#enable_step_user,
#chart_date_hist input#enable_step_user,
.admin #slider input#enable_step_user {
  display: none;
}
#date_slider div[id^=chart_result],
#step_slider div[id^=chart_result],
.range div[id^=chart_result],
#chart_date_hist div[id^=chart_result],
.admin #slider div[id^=chart_result] {
  min-height: 400px;
}
#date_slider .admin div[id^=chart_result],
#step_slider .admin div[id^=chart_result],
.range .admin div[id^=chart_result],
#chart_date_hist .admin div[id^=chart_result],
.admin #slider .admin div[id^=chart_result] {
  min-height: auto;
}
#date_slider .content_block#chart_segment,
#date_slider #chart_segment_left,
#step_slider .content_block#chart_segment,
#step_slider #chart_segment_left,
.range .content_block#chart_segment,
.range #chart_segment_left,
#chart_date_hist .content_block#chart_segment,
#chart_date_hist #chart_segment_left,
.admin #slider .content_block#chart_segment,
.admin #slider #chart_segment_left {
  display: none;
}
#date_slider label.selected_month::before,
#date_slider label.selected_step::before,
#step_slider label.selected_month::before,
#step_slider label.selected_step::before,
.range label.selected_month::before,
.range label.selected_step::before,
#chart_date_hist label.selected_month::before,
#chart_date_hist label.selected_step::before,
.admin #slider label.selected_month::before,
.admin #slider label.selected_step::before {
  color: #646464;
  text-shadow: none !important;
}

#chart_date.chart_date_year.range {
  margin-left: 30px;
  height: 70px !important;
}
#chart_date.chart_date_year.range label {
  margin-top: 30px !important;
}
#chart_date.chart_date_year.range label:last-child {
  margin-left: 0px !important;
}
#chart_date.chart_date_year.range #date_slider label:last-child {
  margin-left: -46px !important;
}

#play_slider,
#play_slider_rev {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#play_slider {
  float: right;
  /*play.svg*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBpZD0iUGxheSI+PHBhdGggZD0iTTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMlptMCwyNkExMiwxMiwwLDEsMSwyOCwxNiwxMiwxMiwwLDAsMSwxNiwyOFoiIGZpbGw9IiM2NDY0NjQiIC8+PHBhdGggZD0iTTIyLjUsMTUuMTNsLTktNS4yYTEsMSwwLDAsMC0xLjUuODdWMjEuMmExLDEsMCwwLDAsMS41Ljg3bDktNS4yYTEsMSwwLDAsMCwwLTEuNzNaTTE0LDE5LjQ2VjEyLjU0TDIwLDE2WiIgZmlsbD0iIzY0NjQ2NCIgLz48L2c+PC9zdmc+);
  margin-top: -11px;
  margin-left: -2px;
  margin: 0 -50px 0 20px;
}

#play_slider_rev {
  float: right;
  /*play_replay.svg*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Imljb24iIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlLz48cGF0aCBkPSJNMTgsMjhBMTIsMTIsMCwxLDAsNiwxNnY2LjJMMi40LDE4LjYsMSwyMGw2LDYsNi02LTEuNC0xLjRMOCwyMi4yVjE2SDhBMTAsMTAsMCwxLDEsMTgsMjZaIiBmaWxsPSIjNjQ2NDY0IiAvPjxyZWN0IGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSImbHQ7VHJhbnNwYXJlbnQgUmVjdGFuZ2xlJmd0OyIgaGVpZ2h0PSIzMiIgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGVfIiB3aWR0aD0iMzIiLz48L3N2Zz4=);
  margin: 0px -50px 0 20px;
}

#play_slider.pause,
#play_slider_rev.pause {
  /*play_pause.svg*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPjxjaXJjbGUgY3g9IjEyOCIgY3k9IjEyOCIgZmlsbD0ibm9uZSIgcj0iOTYiIHN0cm9rZT0iIzY0NjQ2NCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjE2Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ2NDY0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSIxMDQiIHgyPSIxMDQiIHkxPSI5NiIgeTI9IjE2MCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NjQ2NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2IiB4MT0iMTUyIiB4Mj0iMTUyIiB5MT0iOTYiIHkyPSIxNjAiLz48L3N2Zz4=);
  background-size: 35px;
}

#play_slider.replay,
#play_slider_rev.replay {
  /*play_replay.svg*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Imljb24iIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlLz48cGF0aCBkPSJNMTgsMjhBMTIsMTIsMCwxLDAsNiwxNnY2LjJMMi40LDE4LjYsMSwyMGw2LDYsNi02LTEuNC0xLjRMOCwyMi4yVjE2SDhBMTAsMTAsMCwxLDEsMTgsMjZaIiBmaWxsPSIjNjQ2NDY0IiAvPjxyZWN0IGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSImbHQ7VHJhbnNwYXJlbnQgUmVjdGFuZ2xlJmd0OyIgaGVpZ2h0PSIzMiIgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGVfIiB3aWR0aD0iMzIiLz48L3N2Zz4=);
  background-size: 35px;
}

#play_slider.pause.play_slider_timeout:after,
#play_slider_rev.pause.play_slider_timeout:after {
  content: "●";
  width: 100%;
  height: 100%;
  display: block;
  animation-name: timeout-circle;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  font-size: 22px;
  line-height: 6px;
  text-shadow: 1px 0px 0 #000000, -1px 0px 0 #000000, 0px 1px 0 #000000, 0px -1px 0 #000000;
}

.animation_duration_1_5s:after {
  animation-duration: 1.5s;
}

.animation_duration_4s:after {
  animation-duration: 4s;
}

#chart_date.chart_date_year.range label:last-child {
  margin-left: 0px !important;
}

div.slider_wrapper:not(.vvk) #chart_date.chart_date_year:not(.range) {
  margin-left: 10px;
}
div.slider_wrapper:not(.vvk) #chart_date.chart_date_year:not(.range) label {
  margin-left: 20px !important;
}

div.slider_wrapper.pkkz #chart_date.chart_date_year:not(.range) label {
  margin-left: -40px !important;
  margin-top: 20px !important;
}

div.slider_wrapper.vvk #chart_date.chart_date_year:not(.range) {
  margin-left: 20px;
  width: 94%;
}
div.slider_wrapper.vvk #chart_date.chart_date_year:not(.range) label {
  margin-left: -30px !important;
  margin-top: 30px !important;
}

#date_slider.slider_reduced_width .slider_content {
  width: 97%;
}

#slider,
#returns_slider {
  border: 0px !important;
}

#returns_slider {
  margin: 5px 0 0 0 !important;
}

#coverage_info {
  font-size: 10px;
  clear: both;
  margin-top: 10px;
  line-height: 12px;
  color: #000000 !important;
}

#marktscreen_menu #marktscreen_menu_questions .ms_datasets {
  background-color: transparent !important;
}
#marktscreen_menu #marktscreen_menu_questions div:hover,
#marktscreen_menu #marktscreen_menu_questions label:hover,
#marktscreen_menu #marktscreen_menu_participants div:hover,
#marktscreen_menu #marktscreen_menu_participants label:hover {
  background-color: #f6f7f8 !important;
  color: #646464 !important;
}
#marktscreen_menu div input[type=checkbox] + label {
  color: #646464 !important;
}
#marktscreen_menu div input[type=checkbox]:checked + label {
  color: #000000 !important;
}

@media screen\0  {
  .intro_button img,
  .intro_button .panel_icon {
    box-shadow: none;
  }
}
input[type=text].warning_empty,
input[type=number].warning_empty,
input[type=file].warning_empty {
  border-bottom: 2px solid #cc0000;
}

.loadvals {
  border-left: 3px solid #009933;
  background-color: #eee;
  border-bottom: 1px dashed #fff;
  border-top: 1px dashed #fff;
  padding: 5px;
  width: 160px;
}

.loadmandate {
  height: 35px;
  display: block;
  font-weight: bold;
  border-left: 3px solid #009933;
  width: 400px;
  margin-bottom: 20px;
  background-color: #eee;
  padding: 11px 0 0 5px;
  border-bottom: 1px dashed #fff;
  border-top: 1px dashed #fff;
}

select#ic_id,
select#user_client_hash {
  vertical-align: middle;
  border: 1px solid #ddd;
  color: #888;
  font-size: 12px;
  height: 22px;
}

.ss-content .ss-list .ss-option {
  color: #000000 !important;
  padding: 4px 10px !important;
}
.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-optgroup {
  color: #ffffff !important;
  background: #646464 !important;
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  background-color: #dcdcdc !important;
  color: #fff !important;
}
.ss-content .ss-optgroup-label {
  height: auto !important;
}

.optgroup {
  background-color: #eee;
  color: #1374cc;
  font-weight: bold;
}

#ic_id .optgroup,
#ic_id .ss-list,
.ss-content .optgroup,
.ss-content .ss-list {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

optgroup[label] {
  background-color: #f4f4f4;
  color: #000000;
}

select#ic_id .ss-main .ss-content .ss-optgroup-label {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.ss-main.ic_id .ss-content .ss-optgroup-label {
  line-height: 17px !important;
}

.info_box {
  border: 1px solid rgba(34, 85, 162, 0.5);
  display: block;
  border-radius: 4px;
  background-color: rgba(34, 85, 162, 0.1);
  color: #646464;
  padding: 10px 10px 10px 30px;
  margin: 20px 0;
  text-align: justify;
}

.info_box::before {
  content: "";
  background-image: url(/lib/img/icons/blue_info.png);
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -23px;
}

.search {
  float: right;
  border-radius: 2px;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  height: 30px;
  margin: 5px 0 25px;
  padding: 4px 4px 10px 26px;
  color: #666;
  /*search.svg*/
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgNi4xODc1QzEwLjUgNS41NTU1MSAxMC4zNzU1IDQuOTI5NzIgMTAuMTMzNyA0LjM0NTg0QzkuODkxODIgMy43NjE5NiA5LjUzNzMzIDMuMjMxNDMgOS4wOTA0NSAyLjc4NDU1QzguNjQzNTcgMi4zMzc2NyA4LjExMzA0IDEuOTgzMTggNy41MjkxNiAxLjc0MTMzQzYuOTQ1MjkgMS40OTk0OCA2LjMxOTQ5IDEuMzc1IDUuNjg3NSAxLjM3NUM1LjA1NTUxIDEuMzc1IDQuNDI5NzIgMS40OTk0OCAzLjg0NTg0IDEuNzQxMzNDMy4yNjE5NiAxLjk4MzE4IDIuNzMxNDMgMi4zMzc2NyAyLjI4NDU1IDIuNzg0NTVDMS44Mzc2NyAzLjIzMTQzIDEuNDgzMTggMy43NjE5NiAxLjI0MTMzIDQuMzQ1ODRDMC45OTk0NzkgNC45Mjk3MiAwLjg3NSA1LjU1NTUxIDAuODc1IDYuMTg3NUMwLjg3NSA2LjgxOTQ5IDAuOTk5NDc5IDcuNDQ1MjkgMS4yNDEzMyA4LjAyOTE2QzEuNDgzMTggOC42MTMwNCAxLjgzNzY3IDkuMTQzNTcgMi4yODQ1NSA5LjU5MDQ1QzIuNzMxNDMgMTAuMDM3MyAzLjI2MTk2IDEwLjM5MTggMy44NDU4NCAxMC42MzM3QzQuNDI5NzIgMTAuODc1NSA1LjA1NTUxIDExIDUuNjg3NSAxMUM2LjMxOTQ5IDExIDYuOTQ1MjkgMTAuODc1NSA3LjUyOTE2IDEwLjYzMzdDOC4xMTMwNCAxMC4zOTE4IDguNjQzNTcgMTAuMDM3MyA5LjA5MDQ1IDkuNTkwNDVDOS41MzczMyA5LjE0MzU3IDkuODkxODIgOC42MTMwNCAxMC4xMzM3IDguMDI5MTZDMTAuMzc1NSA3LjQ0NTI5IDEwLjUgNi44MTk0OSAxMC41IDYuMTg3NVpNOS4zODcxMSAxMC41MDc4QzguMzk0NTMgMTEuMzYwOSA3LjEwMTE3IDExLjg3NSA1LjY4NzUgMTEuODc1QzIuNTQ1NyAxMS44NzUgMCA5LjMyOTMgMCA2LjE4NzVDMCAzLjA0NTcgMi41NDU3IDAuNSA1LjY4NzUgMC41QzguODI5MyAwLjUgMTEuMzc1IDMuMDQ1NyAxMS4zNzUgNi4xODc1QzExLjM3NSA3LjYwMTE3IDEwLjg2MDkgOC44OTQ1MyAxMC4wMDc4IDkuODg3MTFMMTMuODcxNSAxMy43NTM1QzE0LjA0MSAxMy45MjMgMTQuMDQxIDE0LjIwMiAxMy44NzE1IDE0LjM3MTVDMTMuNzAyIDE0LjU0MSAxMy40MjMgMTQuNTQxIDEzLjI1MzUgMTQuMzcxNUw5LjM4NzExIDEwLjUwNzhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K") no-repeat 5px calc(100% - 10px);
}

.highcharts-container {
  overflow: visible !important;
}

.green_ic_info {
  position: absolute;
  color: white;
  background-color: #009933;
  padding: 4px 8px;
  border-radius: 4px;
  right: 40px;
  top: 50px;
  font-size: 14px;
  text-align: center;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
  display: none;
  cursor: pointer;
}

.hover_info {
  border-bottom: 1px dashed #ff9900;
  cursor: help;
}

.align_right {
  text-align: right;
}

input.incorrect_data {
  background-color: rgba(255, 0, 0, 0.2);
  border-color: #9e0a2f;
}

/************ SITEMAP **************/
#sitemap ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
#sitemap ul li::before {
  content: "";
  margin: 0;
}
#sitemap ul ul ul {
  padding-left: 22px;
}
#sitemap ul li a {
  text-decoration: none;
  padding-bottom: 10px;
}
#sitemap ul li a:hover {
  text-decoration: underline;
}
#sitemap li {
  padding-left: 0;
  padding-bottom: 4px;
  font-size: 11px;
}

#sitemap > ul > li a {
  color: #000000;
  font-size: 17px;
  font-weight: bold;
}

#sitemap > ul > ul > li a {
  color: #646464;
  font-size: 16px;
  font-weight: bold;
}

#sitemap > ul > li > a::before {
  content: "⯀";
  color: #9e0a2f;
  font-size: 14px;
  margin-right: 6px;
}

#sitemap > ul > ul li a::before {
  content: "⯈";
  color: #646464;
  font-size: 16px;
  margin-right: 8px;
  margin-left: 20px;
  opacity: 0.8;
}

#sitemap > ul > ul > ul > li a {
  color: #666;
  font-size: 15px;
  font-weight: bold;
}
#sitemap > ul > ul > ul > li a::before {
  color: #666;
}

img.bkg_img {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  z-index: -100;
}

.news_bubble {
  background-color: #ffffff;
  margin: 10px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 15px 10px;
  padding-left: 0px;
}
.news_bubble div:last-child {
  color: #646464;
}

.news_date {
  font-size: 12px;
  width: 70px;
  text-align: left;
  display: inline-block;
}

.news_type {
  font-size: 12px;
  white-space: nowrap;
  display: inline-block;
}

.news_type_1,
.news_type_2,
.news_type_3,
.news_type_4,
.news_type_5 {
  margin-left: 20px;
  text-transform: uppercase;
}

.news_module {
  margin: 8px 0px !important;
  padding: 0px 16px;
  width: fit-content;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 20px;
}
.news_module a {
  text-decoration: none;
  color: #000000;
}

.news_title {
  line-height: 24px;
  font-size: 22px;
  margin: 10px 0 !important;
  letter-spacing: 0.5px;
}

.inactive_striped {
  background: repeating-linear-gradient(45deg, #ddd, #ddd 5px, transparent 5px, transparent 10px);
  opacity: 0.6;
}

tbody tr.not_downloaded {
  background-image: linear-gradient(rgba(132, 172, 229, 0.15), rgba(132, 172, 229, 0.15));
  color: #000000;
}
tbody tr.not_downloaded a {
  color: #000000 !important;
}

.files_notification_count {
  position: absolute;
  right: 6px;
  background-color: #9e0a2f;
  min-width: 10px;
  height: 15px;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
  padding: 2px 5px;
  animation: blink linear 1s 1 forwards;
  cursor: help;
  z-index: 1;
}

.cols_3 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.cols_3 .col {
  flex-basis: calc(33.33333% - 68px);
}

#stats_filter {
  width: 100%;
}
#stats_filter input,
#stats_filter select {
  border: 1px solid #ccc;
  margin-bottom: 8px;
}

.state_info,
.state_success,
.state_highlight,
.state_error {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 12px;
  display: block;
  text-align: center;
  animation: fadein 1s;
}

.state_info {
  color: #31708f;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
}

.state_success {
  color: #4f8a10;
  background-color: #dff2bf;
  border: 1px solid #cae995;
}

.state_highlight {
  border-color: #fde481;
  background: #feefb3;
  color: #9f6000;
}

.state_error {
  border-color: #ff9999;
  background: #ffcccc;
  color: #d8000c;
}

/* Peergroup bubbles */
#pg_bubbles {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#pg_bubbles .pg_bubble {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 0 10px;
  padding: 20px;
  border-radius: 200px;
  color: #ffffff;
  animation-name: pg_bubbles_effect;
  animation-duration: 1s;
  animation-timing-function: ease;
}
#pg_bubbles .pg_bubble .pg_bubble_title {
  display: block;
  width: 100%;
  font-size: 19px;
  margin-bottom: 5px;
}
#pg_bubbles .pg_bubble .pg_bubble_number {
  display: block;
  width: 100%;
  font-size: 26px;
  line-height: 24px;
}
#pg_bubbles .pg_bubble_1 {
  width: 150px;
  height: 150px;
  background-color: #d4e1f5;
  color: #000000;
}
#pg_bubbles .pg_bubble_2 {
  width: 160px;
  height: 160px;
  background-color: #a8c2ec;
  animation-delay: 0.1s;
  color: #000000;
}
#pg_bubbles .pg_bubble_3 {
  width: 170px;
  height: 170px;
  background-color: #7da4e2;
  animation-delay: 0.2s;
  color: #000000;
}
#pg_bubbles .pg_bubble_4 {
  width: 180px;
  height: 180px;
  background-color: #5986cc;
  animation-delay: 0.3s;
}

span.bubble_caption {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* HIGHCHARTS TABLES */
.highcharts_table {
  margin-top: 8px;
  min-width: 580px;
  background-color: #ffffff;
}
.highcharts_table tr td,
.highcharts_table tr th {
  border: 1px solid #646464;
  background-color: #d2def0;
  background-color: #ffffff !important;
  color: #000000 !important;
  vertical-align: top;
  font-weight: normal;
  padding: 6px 4px 8px 4px;
}
.highcharts_table tr th {
  background-color: #d2def0;
}
.highcharts_table tr td {
  text-align: right;
  border-style: solid;
  padding-top: 0px;
  padding-bottom: 6px;
  color: #000000;
}
.highcharts_table tr td:first-child {
  text-align: left;
}

.exporting .highcharts_table {
  background-color: #fff;
}
.exporting .highcharts_table tr:nth-child(odd) {
  background-color: #d5e2f7 !important;
}

.highcharts_table tr.table_header_row th {
  background-color: #d2def0 !important;
  color: #000000 !important;
}

tr.table_header_row td {
  padding-top: 8px !important;
}

.highcharts_table.performance td.table_base_cell {
  color: #000000 !important;
  background: #d2def0 !important;
  color: #000000 !important;
  background: #ededf0 !important;
  border: 1px solid #646464 !important;
}

.highcharts_table.wsr {
  border: #646464 1px solid !important;
}
.highcharts_table.wsr td.first_column {
  background: #eeeeee !important;
  color: #000000 !important;
}
.highcharts_table.wsr tr:first-child td {
  background: #d2def0 !important;
  color: #000000 !important;
}
.highcharts_table.wsr td.second_column {
  background: #ffffff !important;
  color: #000000 !important;
}

.highcharts_table_title {
  color: #000000;
  font-weight: bold;
  margin: -3px 0 3px 0;
  padding: 0;
}

.highcharts_table_subtitle {
  display: block;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 16px;
}

.highcharts_table_user_info {
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.highcharts_table_lblue td.separator-border {
  background-color: #ffffff;
  max-width: 2px;
  min-width: 2px;
  padding: 0;
  width: 2px;
}

/* HIGHCHARTS FORMATTING */
h3.chart_title {
  color: #000000 !important;
  font-weight: bold;
}

.average_info,
.boxplot_info,
.chart_info,
.dataset_explanation,
.highcharts_credits,
.highcharts_copyright,
.highcharts_x_axis_text,
.highcharts_annotations,
.zoom_info {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 8px;
}

.highcharts_credits,
.highcharts_copyright,
.highcharts_x_axis_text {
  fill: #000000;
}

.export .highcharts_credits,
.export .highcharts_copyright,
.export .highcharts_x_axis_text {
  fill: #fc0d0d !important;
}
.export .highcharts-data-label-box {
  fill: #ededf0 !important;
}
.export .highcharts-data-label {
  fill: #000000 !important;
}

.highcharts_copyright {
  float: right;
}

.dataset_explanation {
  color: #666 !important;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 8px;
}

.functionality_info {
  fill: #000000 !important;
  font-size: 10px;
}

.chart_info,
.boxplot_info,
.zoom_info {
  fill: #333 !important;
  font-size: 11px;
}

.chart_info {
  padding-bottom: 10px !important;
  margin-top: 15px;
}

.average_info {
  fill: #646464 !important;
}

.highcharts-data-label-box .text,
.highcharts-data-label-box td,
.highcharts-label .text,
.highcharts-label td {
  fill: #000 !important;
  color: #000 !important;
}

g.highcharts-pie-series g.highcharts-data-label text,
g.highcharts-column-series g.highcharts-data-label text,
g.highcharts-bubble-series g.highcharts-data-label text,
g.highcharts-bar-series g.highcharts-data-label text {
  fill: #000000 !important;
  text-shadow: none !important;
}
g.highcharts-pie-series .highcharts-text-outline,
g.highcharts-column-series .highcharts-text-outline,
g.highcharts-bubble-series .highcharts-text-outline,
g.highcharts-bar-series .highcharts-text-outline {
  stroke: #ffffff !important;
}

g.highcharts-scatter-series g.highcharts-data-label rect {
  fill: #ffffff !important;
}
g.highcharts-scatter-series g.highcharts-data-label text {
  fill: #16386b !important;
}

#chart_result > .highcharts-container .highcharts-axis-title,
#chart_result > .highcharts-container tspan,
.highcharts-subtitle .highcharts-axis-title,
.highcharts-subtitle tspan {
  fill: #000000 !important;
}

.highcharts-subtitle tspan tspan {
  float: right;
}

#export_print_dialog {
  display: none;
}

/*************************/
#breadcrumb {
  display: flex;
  max-width: 900px;
  padding-left: 14px;
  font-weight: bold;
}
#breadcrumb a {
  color: #646464;
  flex-grow: 1;
  padding: 14px 0;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
}
#breadcrumb a svg {
  margin-bottom: 10px;
}
#breadcrumb a .step_name {
  max-width: 150px;
  margin: 0px auto;
}
#breadcrumb a.current svg rect:first-child {
  stroke: #646464;
  stroke-width: 1px;
}
#breadcrumb .step_icon.completed svg {
  opacity: 0.6;
}
#breadcrumb .step_name.completed {
  opacity: 0.6;
}
#breadcrumb .step_name.incomplete {
  opacity: 0.3;
}

#breadcrumb a div.step_icon::before,
#breadcrumb a div.step_icon::after {
  content: "";
  display: block;
  width: 40%;
  height: 2px;
  background: #dcdcdc;
  margin-top: 7px;
}

#breadcrumb a:first-child div.step_icon::before,
#breadcrumb a:last-of-type div.step_icon::after {
  background: #ffffff !important;
}

#breadcrumb a div.step_icon::before {
  float: left !important;
}

#breadcrumb a div.step_icon::after {
  float: right !important;
}

/**************************/
.max_w_140 {
  max-width: 140px;
}

/****** Frozen 1st column ******/
.table_frozen_1col_wrapper {
  overflow-x: auto;
}

table.table_frozen_1col {
  max-width: 100%;
  border-spacing: 0px;
}
table.table_frozen_1col tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  vertical-align: middle;
  background-color: #f3f3f3;
}
table.table_frozen_1col tr td.blank_cell {
  background-color: #fff;
  background-image: none;
  border: 0;
}
table.table_frozen_1col tbody td {
  vertical-align: middle;
  border: 0;
}

.table_frozen_1col tr:nth-child(even) td:first-child {
  background-image: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03));
}

/******************************/
.icon_slider_horizontal::before {
  content: url(/lib/img/icons/blue_sliders_vertical.png);
}

.icon_slider_horizontal {
  display: inline-block;
}

/******************/
.overflow_width {
  min-width: 100%;
  overflow-x: auto;
}

#sidebar_hider {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 30px;
  width: 30px;
  position: fixed;
  z-index: 100;
  top: 80px;
  left: 280px;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
  background: #f6f6f6;
  text-align: center;
}
#sidebar_hider svg {
  position: relative;
  top: 4px;
  width: 15px;
  overflow: visible;
}
#sidebar_hider path {
  fill: #646464;
  stroke: #646464;
  stroke-width: 1px;
}

.background_red {
  background: rgb(250, 230, 230);
}

.background_yellow {
  background: rgb(255, 229, 199);
}

.background_lightgreen {
  background: rgb(228, 242, 211);
}

.background_green {
  background: rgb(176, 219, 138);
}

.background_grey {
  background: #dcdcdc;
}

/* INTRO */
.intro {
  color: #646464 !important;
}
.intro ul {
  list-style: none;
  padding-left: 10px;
}
.intro ul li {
  margin-bottom: 15px;
  padding: 0 0 0 15px;
  text-align: left;
}
.intro ul li::marker {
  content: "- ";
}

div:not(.cockpit).intro a {
  color: #646464;
}
div:not(.cockpit).intro ol {
  list-style: none;
  padding-left: 0px;
}
div:not(.cockpit).intro ol li {
  margin-left: 0px;
  position: relative;
  padding-left: 140px;
  margin-bottom: 15px;
  text-align: left;
}
div:not(.cockpit).intro ol li a {
  color: #646464 !important;
  text-decoration: none;
}
div:not(.cockpit).intro ol li::before {
  content: "Datenmanagement";
  display: inline-block;
  background: #f6f6f6;
  color: #333;
  border-radius: 20px;
  padding: 2px 14px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  cursor: pointer;
}
div:not(.cockpit).intro ol li:hover::before {
  background: #dcdcdc;
}
div:not(.cockpit).intro ol li:last-child::before {
  content: "Analyse";
}

.top_right_setting {
  margin-top: -35px;
  float: right;
  padding: 5px 8px 4px;
  border-radius: 16px;
  font-weight: bold;
  background: linear-gradient(135deg, #acc7ee, #2255a2);
  color: white;
}

#load_overlay {
  display: none;
  text-align: center;
  background-color: #ffffff;
  padding: 40px 0;
  z-index: 5000;
  position: absolute;
}

#coverage_tables,
#pkkz_tables,
#institutions_tables,
#performance_tables,
#wsr_tables,
#marktscreen_tables,
#coverage_data,
#institutions_data,
#performance_data,
#wsr_data,
#marktscreen_data {
  border-left: 1px dashed #dcdcdc !important;
}

/* LOADERS OVERRIDE */
.loading_item_overlay {
  vertical-align: top !important;
}

.loading_item:after {
  background: #ffffff !important;
}

/* ausschreibungs module*/
#ausschreibungs_module .ms_chart_left {
  background-color: #ffffff !important;
  padding: 20px;
}
#ausschreibungs_module .ms_chart_slices.inb {
  background-color: #ffffff !important;
  color: #000000 !important;
}
#ausschreibungs_module .ms_chart_slices.inb label {
  text-align: left;
  padding-right: 5px;
  padding-bottom: 3px;
  border-bottom: 0px;
  line-height: 18px;
  color: #000000;
}
#ausschreibungs_module #dataset_ausschreibung_ppcmetrics th svg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  fill: #000000 !important;
}
#ausschreibungs_module #dataset_ausschreibung_ppcmetrics .box td svg {
  cursor: pointer !important;
  width: 20px !important;
  height: auto !important;
  fill: #000000 !important;
}

#loading_gif.item_loader {
  background: #ffffff !important;
}

.access_map_div .custom-combobox input {
  background: #ffffff url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgNi4xODc1QzEwLjUgNS41NTU1MSAxMC4zNzU1IDQuOTI5NzIgMTAuMTMzNyA0LjM0NTg0QzkuODkxODIgMy43NjE5NiA5LjUzNzMzIDMuMjMxNDMgOS4wOTA0NSAyLjc4NDU1QzguNjQzNTcgMi4zMzc2NyA4LjExMzA0IDEuOTgzMTggNy41MjkxNiAxLjc0MTMzQzYuOTQ1MjkgMS40OTk0OCA2LjMxOTQ5IDEuMzc1IDUuNjg3NSAxLjM3NUM1LjA1NTUxIDEuMzc1IDQuNDI5NzIgMS40OTk0OCAzLjg0NTg0IDEuNzQxMzNDMy4yNjE5NiAxLjk4MzE4IDIuNzMxNDMgMi4zMzc2NyAyLjI4NDU1IDIuNzg0NTVDMS44Mzc2NyAzLjIzMTQzIDEuNDgzMTggMy43NjE5NiAxLjI0MTMzIDQuMzQ1ODRDMC45OTk0NzkgNC45Mjk3MiAwLjg3NSA1LjU1NTUxIDAuODc1IDYuMTg3NUMwLjg3NSA2LjgxOTQ5IDAuOTk5NDc5IDcuNDQ1MjkgMS4yNDEzMyA4LjAyOTE2QzEuNDgzMTggOC42MTMwNCAxLjgzNzY3IDkuMTQzNTcgMi4yODQ1NSA5LjU5MDQ1QzIuNzMxNDMgMTAuMDM3MyAzLjI2MTk2IDEwLjM5MTggMy44NDU4NCAxMC42MzM3QzQuNDI5NzIgMTAuODc1NSA1LjA1NTUxIDExIDUuNjg3NSAxMUM2LjMxOTQ5IDExIDYuOTQ1MjkgMTAuODc1NSA3LjUyOTE2IDEwLjYzMzdDOC4xMTMwNCAxMC4zOTE4IDguNjQzNTcgMTAuMDM3MyA5LjA5MDQ1IDkuNTkwNDVDOS41MzczMyA5LjE0MzU3IDkuODkxODIgOC42MTMwNCAxMC4xMzM3IDguMDI5MTZDMTAuMzc1NSA3LjQ0NTI5IDEwLjUgNi44MTk0OSAxMC41IDYuMTg3NVpNOS4zODcxMSAxMC41MDc4QzguMzk0NTMgMTEuMzYwOSA3LjEwMTE3IDExLjg3NSA1LjY4NzUgMTEuODc1QzIuNTQ1NyAxMS44NzUgMCA5LjMyOTMgMCA2LjE4NzVDMCAzLjA0NTcgMi41NDU3IDAuNSA1LjY4NzUgMC41QzguODI5MyAwLjUgMTEuMzc1IDMuMDQ1NyAxMS4zNzUgNi4xODc1QzExLjM3NSA3LjYwMTE3IDEwLjg2MDkgOC44OTQ1MyAxMC4wMDc4IDkuODg3MTFMMTMuODcxNSAxMy43NTM1QzE0LjA0MSAxMy45MjMgMTQuMDQxIDE0LjIwMiAxMy44NzE1IDE0LjM3MTVDMTMuNzAyIDE0LjU0MSAxMy40MjMgMTQuNTQxIDEzLjI1MzUgMTQuMzcxNUw5LjM4NzExIDEwLjUwNzhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K") no-repeat;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #646464;
}
.access_map_div .custom-combobox a {
  display: none !important;
}

/******  BUTTON OVERRIDE  ******/
/* General Button styling*/
.button {
  font-weight: normal !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

/* Big button styling */
.button_big {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0px 30px !important;
  text-transform: none !important;
  border: 1px solid transparent !important;
  border-radius: 25px !important;
}

.button_big:active {
  line-height: 40px !important;
}

.button_small {
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  padding: 0px 13px !important;
  text-shadow: none !important;
  font-weight: normal !important;
}

.button_reset {
  margin: 20px 0;
}

.icon {
  padding: 0px 8px !important;
}

#chart_result .button_icon svg {
  width: 20px;
}
#chart_result .icon {
  padding: 0px !important;
  height: 35px !important;
}
#chart_result .icon path {
  fill: #646464 !important;
}

/* Coloured button styling */
.button_blue {
  background-color: #000000 !important;
  color: #ffffff !important;
}

a.button_blue {
  color: #ffffff !important;
  text-transform: none !important;
}

a.button_blue:active {
  color: #ffffff !important;
}

.button_green {
  background-color: #009933 !important;
  color: #ffffff !important;
  text-shadow: none !important;
  border: 1px transparent solid;
  border-radius: 20px !important;
  padding: 3px 20px !important;
}

a.button_green {
  position: relative !important;
  top: -10px !important;
}

table .button_green {
  border-radius: 6px !important;
  padding: 3px !important;
}

.button_grey,
.button_small.button_grey {
  color: #000000 !important;
}

.button_disabled {
  background-color: #dcdcdc !important;
  text-shadow: none !important;
}

.button_tiny.icon::before {
  line-height: 16px;
  vertical-align: initial !important;
}

/******  Sort   *******/
.icon_white_sortdown::before {
  /*move_down_white.svg*/
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjQ0MTQgMTUuNDQxNEMxMC4xOTkyIDE1LjY4MzYgOS44MDA3OCAxNS42ODM2IDkuNTU4NTkgMTUuNDQxNEwyLjA1ODU5IDcuOTQxNDFDMS44MTY0MSA3LjY5OTIyIDEuODE2NDEgNy4zMDA3OCAyLjA1ODU5IDcuMDU4NTlDMi4zMDA3OCA2LjgxNjQxIDIuNjk5MjIgNi44MTY0MSAyLjk0MTQxIDcuMDU4NTlMMTAgMTQuMTE3MkwxNy4wNTg2IDcuMDU4NTlDMTcuMzAwOCA2LjgxNjQxIDE3LjY5OTIgNi44MTY0MSAxNy45NDE0IDcuMDU4NTlDMTguMTgzNiA3LjMwMDc4IDE4LjE4MzYgNy42OTkyMiAxNy45NDE0IDcuOTQxNDFMMTAuNDQxNCAxNS40NDE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) !important;
}

.icon_white_sortup::before {
  /*move_up_white.svg*/
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTU4NTkgMS4wNTg1OUM4LjgwMDc4IDAuODE2NDA3IDkuMTk5MjIgMC44MTY0MDcgOS40NDE0MSAxLjA1ODU5TDE2Ljk0MTQgOC41NTg1OUMxNy4xODM2IDguODAwNzggMTcuMTgzNiA5LjE5OTIyIDE2Ljk0MTQgOS40NDE0MUMxNi42OTkyIDkuNjgzNTkgMTYuMzAwOCA5LjY4MzU5IDE2LjA1ODYgOS40NDE0MUw5IDIuMzgyODFMMS45NDE0MSA5LjQ0MTQxQzEuNjk5MjIgOS42ODM1OSAxLjMwMDc4IDkuNjgzNTkgMS4wNTg1OSA5LjQ0MTQxQzAuODE2NDA2IDkuMTk5MjIgMC44MTY0MDYgOC44MDA3OCAxLjA1ODU5IDguNTU4NTlMOC41NTg1OSAxLjA1ODU5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) !important;
}

.button_green.icon_white_sortdown::before,
.button_green.icon_white_sortup::before {
  position: relative;
  top: -3px;
  left: -3px;
}

/******* MISCELLANOUS *******/
#content #tender_content {
  max-width: 800px !important;
  margin: 0px auto 0px 100px;
}
#content #tender_content .validation_table {
  margin-top: 40px !important;
  margin-bottom: 20px;
}
#content #tender_content .validation_table thead th {
  padding-left: 0px !important;
  font-weight: bold;
}
#content #tender_content input[type=submit] {
  color: #ffffff !important;
}
#content #tender_content table.box {
  max-width: 750px !important;
}
#content #tender h1 {
  font-size: 30px;
  margin-top: 40px;
  padding-left: 0px !important;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes timeout-circle {
  from {
    color: #66ff33;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #ff0066;
  }
}
@keyframes pg_bubbles_effect {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes chart-animation-morph {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes chart-animation-growth {
  0% {
    transform: scaleY(0.15);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes chart-animation-growthX {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/* COCKPIT */
.cockpit_container {
  margin: -20px;
  max-width: 1200px;
}

h1 {
  padding-left: 0px;
}

.cockpit_block {
  padding: 20px;
  margin: 20px;
  width: 600px;
  height: 170px;
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #646464;
  padding-left: 0px;
}
.cockpit_block h3 {
  margin-top: -10px;
  margin-bottom: 0px;
  font-size: 14px;
}

.cockpit_date {
  font-size: 18px;
  float: right;
  color: #000000;
}

.cockpit_result {
  display: table;
  float: right;
  height: 50px;
  text-align: right;
  clear: both;
  margin: auto 0px;
  padding-bottom: 10px;
}

.cockpit_definition,
.cockpit_number,
.cockpit_explanation {
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}

.cockpit_definition {
  min-width: 150px;
  font-size: 16px;
  padding-right: 10px;
}

.cockpit_number {
  font-size: 22px;
  color: #000000;
  width: 110px;
  border-radius: 4px;
  margin-left: 5px;
  padding: 8px;
  white-space: nowrap;
  background: #dcdcdc;
}

.cockpit_explanation {
  width: 35px;
}
.cockpit_explanation span {
  cursor: help;
  padding-left: 10px;
}

.cockpit_date_selector_block {
  position: relative;
  top: 2px;
  left: 5px;
  display: inline;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 18px;
  background-color: #f6f6f6;
  width: fit-content;
}

.cockpit_date_selector_block .button_icon {
  cursor: pointer;
}
.cockpit_date_selector_block .button_icon svg {
  margin-top: -1px;
}
.cockpit_date_selector_block .button_icon path {
  fill: #000000 !important;
}

input[type=text].cockpit_date_selector,
.cockpit_date_selector {
  position: relative;
  top: 2px;
  left: 6px;
  background: transparent !important;
  font-size: 18px;
  width: 100px !important;
  vertical-align: text-top !important;
  border: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

.peergroup_info {
  color: #666;
}

#cockpit_data_popup select {
  width: auto;
}
#cockpit_data_popup select option {
  border-bottom: 1px solid #000000 !important;
  font-weight: normal !important;
  height: 20px;
}

/* Marktscreen */
#marktscreen_menu {
  text-align: left;
}
#marktscreen_menu #marktscreen_menu_questions,
#marktscreen_menu #marktscreen_menu_participants {
  line-height: 21px;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 21px;
  max-height: 650px;
}
#marktscreen_menu #marktscreen_menu_questions div:hover,
#marktscreen_menu #marktscreen_menu_questions label:hover,
#marktscreen_menu #marktscreen_menu_participants div:hover,
#marktscreen_menu #marktscreen_menu_participants label:hover {
  background-color: #f6f7f8;
}
#marktscreen_menu div[class*=group_header] {
  cursor: pointer;
  margin-left: 14px;
}
#marktscreen_menu div[class*=group_header]:before {
  content: "▶" !important;
  margin-right: 7px;
  color: #dcdcdc;
  display: inline-block;
  margin-left: -14px;
  margin-right: 5px;
}
#marktscreen_menu div[class*=group_header]:hover:before {
  color: #646464;
}
#marktscreen_menu div[class*=group_header].group_expanded {
  color: #000000;
  font-weight: bold;
}
#marktscreen_menu div[class*=group_header].group_expanded:before {
  color: #646464;
  transform: rotate(90deg);
}
#marktscreen_menu div[class*=group_header].group_expanded:hover:before {
  color: #646464;
  transform: rotate(90deg);
}
#marktscreen_menu div.indent_1 {
  padding-left: 20px;
}
#marktscreen_menu div.indent_2 {
  padding-left: 40px;
}
#marktscreen_menu div.CH_NR {
  opacity: 0.5;
}
#marktscreen_menu div label {
  display: block;
  cursor: pointer;
  margin-right: 18px;
  position: relative;
}
#marktscreen_menu div label:after {
  content: "";
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  margin: -16px 0 auto;
  transform: translateY(-50%);
  right: 0 !important;
}
#marktscreen_menu div input[type=checkbox]:checked + label:after {
  background-color: transparent;
  font-size: 10px;
  color: #fff;
  line-height: 13px;
  text-align: center;
}
#marktscreen_menu div input[type=checkbox]:checked + label.highlight:after {
  background-color: transparent !important;
}
#marktscreen_menu div input[type=checkbox]:checked + label {
  color: #000000;
  font-weight: bold;
}
#marktscreen_menu div input[type=checkbox] {
  display: none !important;
}
#marktscreen_menu div input[type=checkbox]:checked + label.marktscreen_axis_x:after {
  content: "x";
}
#marktscreen_menu div input[type=checkbox]:checked + label.marktscreen_axis_y:after {
  content: "y";
}
#marktscreen_menu #marktscreen_menu_questions div:hover > input[type=checkbox]:checked + label {
  color: #000000 !important;
}

/* WSR */
table.box.wsr_table {
  border-collapse: collapse;
  overflow: visible;
  border-bottom: 0;
}
table.box.wsr_table tbody tr.edit_row td {
  border: none;
}
table.box.wsr_table tbody tr td.wsr_buttons {
  border: 1px solid #ddd;
  text-align: center;
  border-bottom: none;
}
table.box.wsr_table td.wsr_type {
  border: 1px solid #ddd;
  background-color: #eeeeee;
}
table.box.wsr_table td.loadvals {
  width: 60px;
  text-align: right;
  border-width: 1px 1px 1px 3px;
  border-color: #009933;
  border-style: solid;
}

.box.wsr_table tbody td {
  border-bottom: none;
}

table.wsr_table tr td:first-child {
  border-left: 1px solid #ddd;
}
table.wsr_table tr td.ppc_strat:after,
table.wsr_table tr td.ppc_strat:before {
  background-color: #bdd85d;
}
table.wsr_table tr td.client_strat:after,
table.wsr_table tr td.client_strat:before {
  background-color: #f7d800;
}
table.wsr_table tr td.client_strat,
table.wsr_table tr td.ppc_strat,
table.wsr_table tr td.user_strat {
  min-width: 80px;
  position: relative;
}
table.wsr_table tr td.user_strat:after,
table.wsr_table tr td:nth-child(2).user_strat:before {
  background: #ffb856;
}
table.wsr_table tr.edit_row {
  border-top: 1px solid #ddd;
}
table.wsr_table tbody tr td {
  border-right: 1px solid #ddd;
}
table.wsr_table tbody tr td.wsr_titles {
  background-color: #efeff4;
  border: 1px solid #ddd !important;
}
table.wsr_table tbody tr.wsr_data_header,
table.wsr_table tbody tr.wsr_data_header:hover {
  background-color: #ffffff !important;
  border-left: none;
  border-top: none;
}
table.wsr_table tbody tr.edit_row {
  background-color: #ffffff !important;
  border-top: 1px solid #ddd;
  border-left: none;
}
table.wsr_table tr.wsr_name td {
  background-color: #efeff4 !important;
  border: 1px solid #ddd;
  font-weight: bold;
}
table.wsr_table tr.wsr_name td.ppc_strat {
  background: #eef5d6;
  border-top: 1px solid #bdd85d;
}
table.wsr_table tr.wsr_name td.client_strat {
  background: #f9ef62;
  border-top: 1px solid #f7d800;
}
table.wsr_table tr.wsr_name td.user_strat {
  background: #ffeacc !important;
  border-top: 1px solid #ffb856;
  color: #000;
}
table.wsr_table tr.wsr_name td.user_strat .view {
  color: #000000 !important;
}
table.wsr_table tr:not(.edit_row) td.client_strat:after,
table.wsr_table tr:not(.edit_row) td.ppc_strat:after,
table.wsr_table tr:not(.edit_row) td.user_strat:after,
table.wsr_table tr:not(.edit_row) td:nth-child(2).client_strat:before,
table.wsr_table tr:not(.edit_row) td:nth-child(2).ppc_strat:before,
table.wsr_table tr:not(.edit_row) td:nth-child(2).user_strat:before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 10000;
}
table.wsr_table tr:not(.edit_row) td.client_strat:after,
table.wsr_table tr:not(.edit_row) td.ppc_strat:after,
table.wsr_table tr:not(.edit_row) td.user_strat:after {
  right: 0;
}
table.wsr_table tr:not(.edit_row) td:nth-child(2).client_strat:before,
table.wsr_table tr:not(.edit_row) td:nth-child(2).ppc_strat:before,
table.wsr_table tr:not(.edit_row) td:nth-child(2).user_strat:before {
  left: 0;
}
table.wsr_table tr.wsr_total {
  border-left: 0;
  border-bottom: 0;
  background: #ffffff !important;
}
table.wsr_table tr.wsr_total td:first-child {
  border-right: #ffb856;
}
table.wsr_table tr.wsr_total td.user_strat {
  background: #efeff4;
  color: #000000 !important;
}
table.wsr_table tr.wsr_total td {
  font-weight: bold;
  border: 1px solid #ddd;
  background-color: #e6e6f0;
}
table.wsr_table tr.wsr_data_header:hover td {
  border-color: #ddd;
}

table.wsr_table.export tr.wsr_data_header td.ppc_strat:after,
table.wsr_table.export tr.wsr_name td.ppc_strat:after {
  width: 2px !important;
}
table.wsr_table.export tr:not(.edit_row) td.client_strat:after,
table.wsr_table.export tr:not(.edit_row) td.ppc_strat:after,
table.wsr_table.export tr:not(.edit_row) td.user_strat:after {
  right: -1px;
}

table.wsr_table:first-child tbody:first-child tr.even:first-child {
  background-color: #ffffff !important;
}

.wsr_titles h2,
.wsr_type h2 {
  margin-bottom: 0;
  font-size: 18px;
}

#temp_container_hc {
  background-color: #ededf0;
}

/* Select2 */
.select2-selection {
  border: 1px solid transparent !important;
  background-color: #f4f4f4 !important;
  color: #666 !important;
}

.select2-selection:hover {
  background-color: #dcdcdc !important;
  color: #000000 !important;
}

.select2-container--default .select2-selection__arrow {
  border: none !important;
  background-color: transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #16386b transparent transparent transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #666 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
  color: #000000 !important;
}
.select2-container--default .select2-results__option {
  color: #000000 !important;
  background-color: #f4f4f4;
  padding: 6px !important;
}
.select2-container--default .select2-results__option--highlighted {
  background-color: #dcdcdc !important;
  color: #000000 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #646464 !important;
  color: #ffffff !important;
}
.select2-container--default .select2-selection--multiple {
  width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 10px !important;
  min-height: inherit !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #ffffff !important;
  font-weight: 600;
  border: 1px solid #16386b !important;
  background: #16386b !important;
  transition: 0.3s;
  padding: 10px 8px !important;
  margin: 2px !important;
  border-radius: 2px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-top: -11px !important;
  margin-right: -14px !important;
}
.select2-container--default .select2-results__group {
  color: #000000;
  font-weight: normal !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #16386b transparent !important;
}
.select2-container--default.select2-container--open .select2-search--inline {
  background-color: transparent !important;
}
.select2-container--default.select2-container--open .select2-search--inline .select2-search__field {
  background-color: transparent !important;
  border: 0 !important;
}

.select2-selection--multiple {
  cursor: pointer !important;
}

.select2-selection--multiple:before {
  background-color: transparent !important;
  border: 0 !important;
  color: #000000 !important;
}

.select2-container--default .selection,
.select2-selection.select2-selection--multiple .selection {
  min-height: inherit !important;
}

.select2-search__field {
  width: 100% !important;
  min-height: inherit !important;
  margin: 0 !important;
  color: #000000 !important;
}

.select2-search__field::placeholder {
  color: #000000 !important;
}

.select2-search.select2-search--inline {
  width: 100% !important;
  min-height: inherit !important;
}

.select2-selection.select2-selection--multiple:has(.select2-selection__choice) .select2-search.select2-search--inline {
  display: none !important;
}

.select2-dropdown {
  border-color: rgba(0, 0, 0, 0.04) !important;
}

.select2-results__options.select2-results__options--nested {
  padding-left: 4px;
}

/** COLORS **/
/** GRADIENTS **/
/** PATHS **/
/** COLORS **/
/** GRADIENTS **/
/** PATHS **/
@keyframes loading_item {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**** LOADERS ****/
.loading_item {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #dedede 10%, rgba(34, 85, 162, 0) 42%);
  position: relative;
  animation: loading_item 1.4s infinite linear;
  transform: translateZ(0);
}

.loading_item_overlay:hover {
  background-color: transparent !important;
}

.loading_item:before {
  width: 50%;
  height: 50%;
  background: #dedede;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.loading_item:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#loading_wedges {
  display: none;
  position: fixed;
  width: 400px;
  height: 400px;
  opacity: 0.5;
  margin-top: 100px;
  left: calc(50% - 75px);
  background-size: contain;
  background-image: url("/lib/img/icons/svg/blue_animated_wedges.svg");
}

@supports (-ms-ime-align: auto) {
  #loading_wedges {
    background-image: url("/lib/img/icons/svg/blue_animated_wedges.gif");
  }
}
/** COLORS **/
/** GRADIENTS **/
/** PATHS **/
/* General Button styling*/
.button {
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: top;
  box-shadow: 0 -2px rgba(0, 0, 0, 0.15) inset, -1px 0px 0 0px rgba(0, 0, 0, 0.05) inset, 1px 0px 0 0px rgba(0, 0, 0, 0.05) inset, 0 1px 0 0px rgba(0, 0, 0, 0.05) inset;
  background-size: 0% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: background-size 0.3s ease-out, color 0.3s, transform 0.3s;
  outline: none;
}

.button:active {
  box-shadow: 0 -1px rgba(0, 0, 0, 0.15) inset, -1px 0px 0 0px rgba(0, 0, 0, 0.05) inset, 1px 0px 0 0px rgba(0, 0, 0, 0.05) inset, 0 1px 0 0px rgba(0, 0, 0, 0.05) inset;
}

.button:hover {
  background-size: 100% 100%;
}

a.button {
  text-decoration: none;
}

/* Big button styling */
.button_big {
  height: 30px;
  line-height: 30px;
  padding: 0px 8px;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  border: 0;
  display: inline-block;
}

.button_big:active {
  line-height: 32px;
}

/* Small button styling */
.button_small {
  height: 25px;
  line-height: 28px;
  padding: 0px 6px;
  font-size: 14px;
  margin-right: 3px;
  display: inline-block;
}

.button_small:active,
.button_small.icon:active {
  line-height: 26px;
}

/* Tiny button styling */
.button_tiny {
  height: 18px;
  line-height: 18px;
  padding: 0px 1px;
  display: inline-block;
}

.button_tiny:active {
  line-height: 20px;
}

/* Coloured button styling */
.button_blue {
  background-color: #2255a2;
  text-shadow: 0px -1px 0 #16386b;
  color: #fff;
}

a.button_blue {
  color: #fff;
}

.button_grey {
  background-color: #f9fbfe;
  text-shadow: 0px 1px 0 #fff;
  color: #16386b !important;
}

.button_grey:hover {
  background-image: linear-gradient(#fff, #fff);
}

a.button_grey.button_small,
.ui-widget-content a.button_grey,
span.button_small.button_grey {
  color: #16386b;
  line-height: 25px;
}

a.button_grey:hover,
.ui-widget-content a.button_grey:hover {
  color: #2255a2;
}

.button_green {
  background-color: #009933;
  text-shadow: 0px -1px 0 #006600;
  color: #fff;
}

a.button_green {
  color: #fff;
}

a.button_green.button_small,
.ui-widget-content a.button_green,
span.button_small.button_green {
  line-height: 25px;
}

.button_red {
  background-color: #bb2d20;
  text-shadow: 0px -1px 0 #53140e;
  border: 1px solid #bb2d20;
}

.button_disabled,
.button_disabled:hover {
  color: #fff;
  text-shadow: 0px -1px 0 #ccc;
  opacity: 0.7;
  cursor: default;
  box-shadow: none;
  background: #e5e5e5; /* Old browsers */
}

a.button_disabled {
  color: #fff;
  cursor: default;
}

h1 .button_grey,
h2 .button_grey {
  vertical-align: bottom;
  margin-bottom: -5px;
}

.button_grey_chart {
  background-color: #f3f3f3;
  box-shadow: none;
  border: #ddd 1px solid;
  height: 22px;
}

.button_grey_chart:before {
  line-height: 28px !important;
}

.button_grey_chart:hover {
  background-color: #f6f7f8;
}

/* ICONS FOR BUTTONS */
.button_small.icon::before {
  vertical-align: inherit;
  line-height: 30px;
  border: 0;
  display: inline-block;
  opacity: 0.9;
}

.button_small.icon:active::before {
  line-height: 32px;
}

.button_small.icon:hover::before {
  opacity: 1;
}

/* add margin to icon if there is also text in the button */
.button_small.icon.icon_and_text::before {
  margin-right: 8px;
}

/* Add background-color under icons when there is text*/
.button.button_small.button_grey.icon.icon_and_text {
  background-size: 100%;
  background-image: linear-gradient(to right, rgba(132, 172, 229, 0.05) 26px, #ddd 26px, #ddd 27px, #fff 27px, #fff 28px, rgba(0, 0, 0, 0) 28px);
}

.button.button_small.button_grey.icon.icon_and_text:hover {
  background-image: linear-gradient(to right, rgba(132, 172, 229, 0.05) 26px, #ddd 26px, #ddd 27px, #fff 26px);
}

.button.button_small.button_green.icon.icon_and_text {
  background-size: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 26px, rgba(0, 0, 0, 0.2) 26px, rgba(0, 0, 0, 0.2) 27px, rgba(255, 255, 255, 0.4) 27px, rgba(255, 255, 255, 0.4) 28px, rgba(0, 0, 0, 0) 28px);
}

.button.button_small.button_green.icon.icon_and_text:hover {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 26px, rgba(0, 0, 0, 0.2) 26px, rgba(0, 0, 0, 0.2) 27px, rgba(255, 255, 255, 0.4) 27px, rgba(255, 255, 255, 0.4) 28px, rgba(0, 0, 0, 0) 28px, rgba(255, 255, 255, 0.1) 28px);
}

/********************************************************/
.button_tiny.icon::before {
  vertical-align: middle;
  line-height: 18px;
  border: 0;
  display: inline-block;
  margin: 0 2px;
  opacity: 0.9;
}

.button_tiny.icon:active::before {
  line-height: 20px;
}

.button_tiny.icon:hover::before {
  opacity: 1;
}

.toggle {
  --width: 36px;
  --height: calc(var(--width) / 2);
  --border-radius: calc(var(--height) / 2);
  display: inline-block;
  cursor: pointer;
}

.toggle_input {
  display: none;
}

.toggle_fill {
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  background: #f3f3f3;
  transition: background 0.2s;
  box-shadow: 0 0 0px 1px #ddd;
}

.toggle_fill::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  height: calc(var(--height) - 2px);
  width: calc(var(--height) - 2px);
  background: #fff;
  border-radius: 100px;
  transition: transform 0.2s, background 0.2s;
  box-shadow: 0 0 0px 1px #aaa inset;
}

.toggle_input:checked ~ .toggle_fill {
  background: #2255a2;
  box-shadow: 0 0 0px 1px #16386b;
}

.toggle_input:checked ~ .toggle_fill:after {
  background: #f3f3f3;
  box-shadow: 0 0 0px 1px #16386b inset;
}

.toggle_input:checked ~ .toggle_fill::after {
  transform: translateX(var(--height));
}

/** COLORS **/
/** GRADIENTS **/
/** PATHS **/
.icon_blue_edit::before {
  content: url(/lib/img/icons/blue_edit.png);
}

.icon_blue_info::before {
  cursor: pointer;
  content: url(/lib/img/icons/blue_info.png);
}

.icon_blue_chart::before {
  content: url(/lib/img/icons/blue_chart.png);
}

.icon_blue_download::before {
  content: url(/lib/img/icons/blue_download.png);
}

.icon_blue_upload::before {
  content: url(/lib/img/icons/blue_upload.png);
}

.icon_blue_contact::before {
  content: url(/lib/img/icons/blue_contact.png);
}

.icon_blue_copy::before {
  content: url(/lib/img/icons/blue_copy.png);
}

.icon_blue_share::before {
  content: url(/lib/img/icons/blue_share.png);
}

.icon_blue_reset::before {
  content: url(/lib/img/icons/blue_reset.png);
}

.icon_blue_search::before {
  content: url(/lib/img/icons/blue_search.png);
}

.icon_blue_recycle::before {
  content: url(/lib/img/icons/blue_recycle.png);
}

.icon_blue_archive::before {
  content: url(/lib/img/icons/blue_archive.png);
}

.icon_blue_unarchive::before {
  content: url(/lib/img/icons/blue_unarchive.png);
}

.icon_blue_preview::before {
  content: url(/lib/img/icons/blue_preview.png);
}

.icon_blue_more::before {
  content: url(/lib/img/icons/blue_more.png);
}

.icon_blue_less::before {
  content: url(/lib/img/icons/blue_less.png);
}

.icon_blue_print::before {
  content: url(/lib/img/icons/blue_print.png);
}

.icon_blue_sortup::before {
  content: url(/lib/img/icons/blue_sortup.png);
}

.icon_blue_sortdown::before {
  content: url(/lib/img/icons/blue_sortdown.png);
}

.icon_blue_add::before {
  content: url(/lib/img/icons/blue_add.png);
}

.icon_blue_validate::before {
  content: url(/lib/img/icons/blue_validate.png);
}

.icon_blue_cancel::before {
  content: url(/lib/img/icons/blue_cancel.png);
}

.icon_blue_selectall::before {
  content: url(/lib/img/icons/blue_selectall.png);
}

.icon_blue_active::before {
  content: url(/lib/img/icons/blue_active.png);
}

.icon_blue_inactive::before {
  content: url(/lib/img/icons/blue_inactive.png);
}

.icon_blue_link::before {
  content: url(/lib/img/icons/blue_link.png);
}

.icon_blue_previous::before {
  content: url(/lib/img/icons/blue_previous.png);
}

.icon_blue_next::before {
  content: url(/lib/img/icons/blue_next.png);
}

.icon_blue_up::before {
  content: url(/lib/img/icons/blue_up.png);
}

.icon_blue_down::before {
  content: url(/lib/img/icons/blue_down.png);
}

.icon_blue_calculator::before {
  content: url(/lib/img/icons/blue_calculator.png);
}

.icon_blue_teamviewer::before {
  content: url(/lib/img/icons/blue_teamviewer.png);
}

.icon_blue_chart_boxplot::before {
  content: url(/lib/img/icons/blue_chart_boxplot.png);
}

.icon_blue_chart_column::before {
  content: url(/lib/img/icons/blue_chart_column.png);
}

.icon_blue_chart_column_stacked::before {
  content: url(/lib/img/icons/blue_chart_column_stacked.png);
}

.icon_blue_chart_line::before {
  content: url(/lib/img/icons/blue_chart_line.png);
}

.icon_blue_chart_pie::before {
  content: url(/lib/img/icons/blue_chart_pie.png);
}

.icon_blue_chart_scatter::before {
  content: url(/lib/img/icons/blue_chart_scatter.png);
}

.icon_blue_switch_axis::before {
  content: url(/lib/img/icons/blue_switch_axis.png);
}

.icon_blue_unlock::before {
  content: url(/lib/img/icons/blue_unlock.png);
}

.icon_blue_calendar::before {
  content: url(/lib/img/icons/blue_calendar.png);
}

/* WHITE */
.icon_white_edit::before {
  content: url(/lib/img/icons/white_edit.png);
}

.icon_white_delete::before {
  content: url(/lib/img/icons/white_delete.png);
}

.icon_white_data::before {
  content: url(/lib/img/icons/white_data.png);
}

.icon_white_active::before {
  content: url(/lib/img/icons/white_active.png);
}

.icon_white_inactive::before {
  content: url(/lib/img/icons/white_inactive.png);
}

.icon_white_info::before {
  content: url(/lib/img/icons/white_info.png);
  vertical-align: sub;
}

.icon_white_print::before {
  content: url(/lib/img/icons/white_print.png);
  vertical-align: sub;
}

.icon_white_sortup::before {
  content: url(/lib/img/icons/white_sortup.png);
}

.icon_white_sortdown::before {
  content: url(/lib/img/icons/white_sortdown.png);
}

.icon_white_selectall::before {
  content: url(/lib/img/icons/white_selectall.png);
}

.icon_white_add::before {
  content: url(/lib/img/icons/white_add.png);
}

.icon_white_validate::before {
  content: url(/lib/img/icons/white_validate.png);
}

.icon_white_cancel::before {
  content: url(/lib/img/icons/white_cancel.png);
}

.icon_white_lock::before {
  content: url(/lib/img/icons/white_lock.png);
}

.icon_white_email::before {
  content: url(/lib/img/icons/white_email.png);
}

.icon_white_chart_boxplot::before {
  content: url(/lib/img/icons/white_chart_boxplot.png);
}

.icon_white_chart_column::before {
  content: url(/lib/img/icons/white_chart_column.png);
}

.icon_white_chart_column_stacked::before {
  content: url(/lib/img/icons/white_chart_column_stacked.png);
}

.icon_white_chart_line::before {
  content: url(/lib/img/icons/white_chart_line.png);
}

.icon_white_chart_pie::before {
  content: url(/lib/img/icons/white_chart_pie.png);
}

.icon_white_chart_scatter::before {
  content: url(/lib/img/icons/white_chart_scatter.png);
}

/* RED */
.icon_red_delete::before {
  content: url(/lib/img/icons/red_delete.png);
}

.icon_red_data::before {
  content: url(/lib/img/icons/red_data.png);
}

/* GREY */
.icon_grey_info::before {
  cursor: help;
  content: url(/lib/img/icons/grey_info.png);
}

.icon_grey_info {
  opacity: 0.6;
  transition-duration: 0.5s;
}

.icon_grey_info:hover {
  opacity: 1;
}