:root {
  /*Only specify body mode irrelevant colors here — the rest under the individual body-xxx tags*/
  /*box-bg/text color codes for info reg legacy color usage*/
  /* color palette */

  --c-black: black;
  --c-white: white;

  --c-blue: #8bf; /*box_bg_blue*/
  --c-blue-dark: #25b; /*box_text_blue*/
  --c-blue80: hsl(211, 100%, 80%);
  --c-blue85: hsl(211, 100%, 85%);
  --c-blue90: hsl(211, 100%, 90%);
  --c-blue92: hsl(211, 100%, 92%);
  --c-blue95: hsl(211, 100%, 95%);
  --c-blue96: hsl(211, 100%, 96%);
  --c-blue97: hsl(211, 100%, 97%);
  --c-blue98: hsl(211, 100%, 98%);
  --c-blue99: hsl(211, 100%, 99%);

  --c-grey: #ddd;
  --c-grey-light: #ccc; /*box_bg_grey*/
  --c-grey-lighest: #f9f9f9;
  --c-grey-light2: #a9a9a9;
  --c-grey-dark: rgb(151, 151, 151);
  --c-grey-dark2: #666; /*box_text_grey*/

  --c-bgrey-l: #f0f0f0; /*for border*/
  --c-bgrey-m: #f6f6f6;
  --c-bgrey-d: #606060; /*4a5667;*/

  /*blue-ish tint*/
  --c-grey0: #7f7f7f; /*#4a5667; */
  --c-grey1: #6b6b6b; /*#4a5667; */
  --c-grey2: #555555; /*#3b4556;*/
  --c-grey3: #444444; /*#2d3848;*/
  --c-grey4: #262626; /*#1a1f2b;*/
  --c-grey5: #383838; /*#29313c;*/
  --c-grey6: #bbb;
  --c-grey7: #2b2b2b;
  --c-grey8: #202020;

  --c-green: #dfe; /*box_bg_green*/
  --c-green2: #597; /*box_text_green*/
  --c-green-dark: #00b65b;
  --c-red: #fde; /*box_bg_red*/
  --c-red2: #b45; /*box_text_red*/
  --c-red-dark: #a6757f; /*#8f6b72;	#e66;	#ac2e32;	#d45;*/
  --c-red-dark2: rgb(195, 90, 142);
  --c-purple: #ae3ec9;

  --c-pink-auto: #fce;
  --c-pink: #ffccf9; /*box_bg_pink*/
  --c-pink-dark: #f6a6ff; /*box_text_pink*/
  --c-orange: #fed; /*box_bg_yellow*/
  --c-orange-dark: #d86; /*box_text_orange*/

  --border-radius: 6px;

  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-30: 0.3;
  --opacity-50: 0.5;
  --opacity-100: 1;

  --color-blue: #206bc4;
  --color-azure: #4299e1;
  --color-indigo: #4263eb;
  --color-purple: #ae3ec9;
  --color-pink: #d6336c;
  --color-red: #d63939;
  --color-orange: #f76707;
  --color-yellow: #f59f00;
  --color-lime: #74b816;
  --color-green: #2fb344;
  --color-teal: #0ca678;
  --color-cyan: #17a2b8;
  --color-black: #000000;
  --color-white: #ffffff;

  --color-gray: #49566c;
  --color-gray-dark: #1d273b;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #c8d3e1;
  --color-gray-400: #9ba9be;
  --color-gray-500: #6c7a91;
  --color-gray-600: #49566c;
  --color-gray-700: #313c52;
  --color-gray-800: #1d273b;
  --color-gray-900: #0f172a;
}

* {
  box-sizing: border-box;
}

/* Body themes */

body {
  --text-color: var(--c-black);
  --text-color-light: var(--c-grey-dark2);
  --text-color-inv: var(--c-white);
  --text-color-wbg: var(--c-white); /*with background*/
  --bg-color: var(--c-white);
  --bg-color-inv: var(--c-black);
  --bg-marker: #fcefb2;
  --bg-marker-red: #f6c4d0;

  --box-color: var(--c-green);
  --box-count-color: var(--c-grey);
  /* --bg-color-edit-sec: var(--c-green); */

  --header-color: var(--c-blue95);
  --header-color-light: var(--c-blue97);
  --c-erplink-header: var(--c-blue92);
  --c-wp: var(--c-bgrey-m);

  --input-bg: var(--table-blue97); /*--c-blue98); */

  --chart: hsl(211, 100%, 60%);
  --chart-light: hsl(211, 100%, 82%);

  --table-blue90: var(--c-blue90); /* = hover + highlight */
  --table-blue95: var(--c-blue95);
  --table-blue97: var(--c-blue97);

  --border-color: var(--c-black);
  --border-color-light: var(--c-grey);
  --border-table: var(--c-bgrey-l);
  --border-screener-th: var(--c-grey4);

  --card-bg: var(--c-white);
  --chartbtn-bg: white; /*var(--c-grey-lightest); var(--c-blue97);*/
  --chartbtn-bg-active: white; /*var(--c-grey-light);    var(--c-blue95);*/
  --chartbtn-bg-hover: white;
  --chartbtn-border: var(--c-bgrey-l);
  --chartbtn-border-active: var(--border-color-light);
  --chartbtn-hover: var(--chartbtn-border-active);

  --card-border: var(--border-color-light);
  --magic-writeup: var(--c-black);
  --magic-writeup-text: white;
  --settings-bg: var(--c-dropdown-bg);
  --pie-chart: var(--c-grey4);
  --hr: black; /*var(--c-grey2);*/

  --slider: rgba(21, 146, 230, 0.8);
  --slider-hover: rgba(21, 146, 230, 0.1);
  --slider-active: rgba(21, 146, 230, 0.2);

  --box-pink: var(--c-pink-auto);

  /*--search-icon: url("/assets/icons/search_black.svg");*/
  --search-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23555'><path d='M10 2a8 8 0 105.293 14.293l5.707 5.707 1.414-1.414-5.707-5.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/></svg>");
  --select-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23555'><polygon points='0,0 100,0 50,50'/></svg>");
  /* --menu: url('/assets/icons/menu_black.svg');  */

  --finl-highlight: var(--c-blue98);
  --finl-highlight-dark: var(--c-blue95);
  --snapshot-highlight: var(--c-blue);

  --bg-bookings: var(--c-blue97);

  --table-hover: var(--c-blue97);
  --table-hover-light: var(--c-blue98);
  --table-red: var(--c-red);

  --c-dropdown-bg: var(--c-blue95);
  --c-dropdown-bg-hover: var(--c-blue92);
  --button-grey: var(--c-grey);

  /* Boxes */
  --box-red: var(--c-red);
  --box-orange: var(--c-orange);
  --box-green: var(--c-green);
  --box-blue: var(--c-blue);
  --box-grey: var(--c-grey-light);
  --box-pink: var(--c-pink);

  --box-text-red: var(--c-red2);
  --box-text-orange: var(--c-orange-dark);
  --box-text-green: var(--c-green2);
  --box-text-blue: var(--c-blue-dark);
  --box-text-grey: var(--c-grey-dark2);
  --box-text-pink: var(--c-black);
  /* --box-text-pink: 	var(--c-pink-dark); */

  --fintable-text: var(--c-grey-dark2);
  --scrtable-red: var(--c-red2);
  --scrtable-orange: var(--c-orange-dark);
  --scrtable-green: var(--c-green2);

  --badge-color: black; /*var(--snapshot-highlight);*/
  --badge-bg: var(--c-blue90); /*var(--table-hover-light);*/
}

.body-dark {
  --text-color: var(--c-white);
  --text-color-light: var(--c-white);
  --text-color-inv: var(--c-black);
  --text-color-wbg: var(--c-black);
  --bg-color: var(--c-grey4);
  --bg-color-inv: var(--c-grey);
  --bg-marker: #7e7855;
  --bg-marker-red: #7a6267;

  --box-color: var(--color-teal);
  --box-count-color: var(--c-grey-dark);

  --header-color: var(--c-black);
  --header-color-light: var(--c-black);
  --c-erplink-header: var(--c-grey3);
  --c-wp: var(--c-grey3);

  --chart: var(--c-grey-dark2);
  --chart-light: var(--c-grey6);

  --table-blue90: var(--c-grey1);
  --table-blue95: var(--c-grey2);
  --table-blue97: var(--c-bgrey-d);

  --border-color: var(--c-white);
  --border-color-light: var(--c-grey2);
  --border-table: var(--c-grey); /*bgrey-d);*/
  --border-screener-th: var(--c-grey1);

  --card-bg: var(--c-grey7);

  --chartbtn-bg: var(--c-grey5);
  --chartbtn-border: var(--c-grey5);
  --chartbtn-bg-active: var(--c-grey4);
  --chartbtn-border-active: var(--c-grey4);
  --chartbtn-hover: var(--chartbtn-bg-active);
  --chartbtn-bg-hover: var(--chartbtn-bg-active);

  --card-border: var(--c-grey7);
  --magic-writeup: var(--c-grey5);
  --magic-writeup-text: white;
  --settings-bg: var(--card-bg);
  --pie-chart: var(--text-color);
  --hr: white; /*var(--text-color);*/

  --slider: rgba(200, 200, 200, 0.8);
  --slider-hover: rgba(200, 200, 200, 0.1);
  --slider-active: rgba(200, 200, 200, 0.2);

  --box-pink: var(--c-red2);

  --search-icon: url("/assets/icons/search.svg");
  --select-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'><polygon points='0,0 100,0 50,50'/></svg>");
  /* TODO  */
  /* --menu: url('/assets/icons/menu_white.svg'); 	 */

  --finl-highlight: var(--c-grey2);
  --finl-highlight-dark: var(--c-grey2);
  --snapshot-highlight: var(--c-blue98);

  --bg-bookings: var(--c-grey5);
  --bg-bookings-hover: var(--c-grey1);

  --table-hover: var(--c-grey0);
  --table-hover-light: var(--c-grey5);
  --table-red: var(--box-red); /*c-pink-auto);*/

  --c-dropdown-bg: var(--c-grey1);
  --c-dropdown-bg-hover: var(--c-grey3);

  --input-bg: var(--c-bgrey-d);
  --button-grey: var(--c-grey6);

  /* Boxes */
  --box-red: var(--c-red-dark);
  --box-orange: var(--c-orange);
  --box-blue: var(--c-blue);
  --box-grey: var(--c-grey-light);
  --box-pink: var(--c-pink);
  --box-green: var(--c-green2);

  --box-text-red: var(--c-white); /*black);*/
  --box-text-orange: var(--c-orange-dark);
  --box-text-green: var(--c-white);
  --box-text-blue: var(--c-blue-dark);
  --box-text-grey: var(--c-grey-dark2);
  --box-text-pink: var(--c-black);

  --fintable-text: var(--c-grey-light);
  --scrtable-red: #aa001e; /*#b00020;*/
  --scrtable-orange: var(--c-orange-dark);
  --scrtable-green: var(--c-green2);

  --badge-bg: var(--box-count-color);
  --badge-color: var(--text-color);
}
.wp {
  background-color: var(--c-wp);
}
/* Text & Background inverses for layers */
.tinv {
  color: var(--text-color-inv);
}

.binv {
  background-color: var(--bg-color-inv);
}

.body-blue {
  --bg-color: var(--c-blue95);
}

body {
  color: var(--text-color);
  background: var(--bg-color);
}

/*testing dropdown menu*/
.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: -7px;
  z-index: 1050; /* Higher z-index to ensure submenu appears above other elements */
  transition: opacity 0.2s ease, visibility 0.2s linear;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

.dropdown-menu > li:not(:hover) > .dropdown-submenu {
  transition-delay: 0.2s;
}

/* Apps dropdown submenu support - for div.dropdown-menu with dropdown-submenu-wrapper */
.dropdown-submenu-wrapper {
  position: relative;
}

.dropdown-submenu-wrapper:hover > .dropdown-submenu {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0.2s linear;
}

.dropdown-submenu-wrapper:not(:hover) > .dropdown-submenu {
  display: none;
  transition: opacity 0.2s ease, visibility 0.2s linear 0.1s;
}

/* Search Page dropdown */
.dropdown-menu-page li{
  position: relative;
}

.dropdown-menu-page .dropdown-submenu {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: -7px;
  z-index: 1050; /* Higher z-index to ensure submenu appears above other elements */
  transition: opacity 0.2s ease, visibility 0.2s linear;
}

.dropdown-menu-page .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu-page > li:hover > .dropdown-submenu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

.dropdown-menu-page > li:not(:hover) > .dropdown-submenu {
  transition-delay: 0.2s;
}

/* Icons */

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" -25, "opsz" 48;
}

.material-symbols-outlined.dark {
  /* background: black; */
  color: rgba(255, 255, 255, 1);
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" -25, "opsz" 48;
}
.material-symbols-outlined.filled {
  /*background:var(--text-color);*/
  color: var(--c-green-dark);
  font-variation-settings: "FILL" 1, "wght" 100, "GRAD" -25, "opsz" 48;
}
.material-symbols-outlined.small {
  font-size: 110%;
  margin-top: 0px;
  vertical-align: text-top;
}
.material-symbols-outlined.tiny {
  font-size: 110%;
  margin-top: 0px;
  vertical-align: text-top;
  margin: 0px;
}
.icon-margin {
  vertical-align: -6px;
  margin: 0px 5px 0px 5px;
}
.icon-delete {
  vertical-align: -3px !important;
}

a.list-group-item.drag_list {
  display: flex;
  white-space: nowrap;
}

a.list-group-item.drag_list div {
  margin-left: auto;
}

/* Main items */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-color);
}
#cockpit_chart {
  position: relative;
}
.box {
  background-color: var(--box-count-color);
}
.box.red {
  background-color: var(--box-red);
}
.box.text {
  color: var(--text-color-wbg) !important;
}
.header-color {
  background-color: var(--header-color);
}
/* .logo {
	  background-image: url("assets/logo/logo-dark.png");
	  height: 43px;
	  margin-left: 10px;
	  margin-top: 10px;
	  /* filter: grayscale(100%);
	  background-size:cover;
	  background-position:center;
	  border-radius:10px;
	  margin-left: auto;
	  margin-right: 0;
	  text-align: right;
	  vertical-align: middle;
  } */

.icon-padding {
  padding: 0px 4px 0px 4px;
}
.icon-orange {
  background-color: var(--c-orange) !important;
}

/* Input */

input.datev:hover,
input.datev:focus {
  /* background-color: #ccc !important; */
  background-color: var(--c-blue92) !important;
  transition: background-color 1s !important;
  /* border: 1px solid #666; */
  border-radius: var(--border-radius);
}

/* input[type=text]::selection*/
input[type="text"],
input[type="password"],
input[type="email"]
 {
  outline: none;
  width: 100%;
  padding: 12px;

  color: var(--text-color) !important;
  background-color: var(--input-bg);
  border: 1px solid var(--border-color-light);
  border-radius: 4px;
  resize: vertical;

  /* border: none;*/
  /*
	  border-bottom: 1px solid hsl(211,100%,95%);
	  font-size: 10pt;
	  */
}

input[type="text"]:focus,
input[type="password"]:focus {
  /* border-bottom: 2px solid hsl(211,100%,95%);
	  background-color: white; */
  background-color: var(--input-bg);
}

input[placeholder],
[placeholder],
*[placeholder] {
  /*color: black !important;*/
  /*color:var(--text-color);*/
}

input[type="submit"],
input[type="button"] {
  outline: none;
  background-color: hsl(211, 100%, 70%);
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  /* float: right;
	  font-size: 10pt; */
}

input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: hsl(211, 100%, 60%);
}

input[type="submit"]:active {
  border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  /*background-color: hsl(211, 100%, 98%);*/
  -webkit-text-fill-color: var(--c-grey-dark);
  box-shadow: 0 0 0px 1000px var(--c-blue98) inset;
  -webkit-box-shadow: 0 0 0px 1000px var(--c-blue98) inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Buttons */

input.datevbutton {
  outline: none;
  background-color: hsl(211, 100%, 95%);
  color: rgb(0, 0, 0);
  /* color: #aaa;  */
  /* background: url('/assets/icons/checkbox.png') no-repeat 10% center; */
  /* background-size: 17px; */
  /* width: 80px; */
  /* padding: 10px 0px 10px 23px; */
  padding: 10px;
  /* border: 1px solid #ddd; */
  /* border: 1px solid #000; */
  border-radius: var(--border-radius);
  cursor: pointer;
  /* float: right; */
  font-size: 12pt;
}

input.datevbutton:hover {
  background-color: hsl(211, 100%, 70%);
  border-radius: var(--border-radius);
}

.benbutton {
  outline: none;
  background-color: var(--slider); /*hsl(211, 100%, 70%);*/
  color: var(--text-color-inv);
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  /* float: right; */
  /* font-size: 10pt; */
}

.benbutton:hover {
  background-color: var(--slider-hover); /* hsl(211, 100%, 60%);*/
}

.bround {
  display: inline-block;
  cursor: pointer;
  border-radius: 25px;
  padding: 0.5em 0.5em;
  margin: none;
}
.bround:hover {
  background-color: var(--slider-hover);
  box-shadow: 0 0 20px var(--slider-hover);
}
.bround:active {
  background-color: var(--slider);
  box-shadow: 0 0 15px var(--slider);
}
.fr {
  float: right;
}
.fl {
  float: left;
}

select {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border-color-light); /*#ccc;*/
  color: var(--text-color);

  font-size: 100%;

  border-radius: 4px;
  /* -webkit-border-radius: 4px; */
  /* font-size: 10pt; */

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background: var(--select-icon) no-repeat;
  background-size: 12px;
  background-position: calc(100% - 15px) 60%;
  background-repeat: no-repeat;
}

textarea {
  width: 100%;
  font-size: 100%;
  padding: 10px;
  resize: none;
  outline: none;
  border: 1px solid var(--border-color-light);
  background-color: var(--input-bg); /*--table-blue90);*/
  color: var(--text-color) !important;
  /* font-size: 10pt; */
}
textarea:disabled {
  color: var(--text-color) !important;
  background-color: var(--table-blue90); /*--input-bg);*/
}

.re {
  resize: vertical;
}

/* Links */

a {
  color: var(--text-color);
}
a:hover,a:focus,a:active {
  /* background-color: hsl(211, 100%, 92%); */
  background-color: var(--c-dropdown-bg-hover);
  border-radius: var(--border-radius);
  color: var(--text-color);
  text-decoration: none;
}

.erplink {
  font-weight: normal;
  /* border: 1px solid red; */
  /* background-color: green; */
  /* color: black;	white; */
  color: var(--text-color);
  padding: 10px;
  margin: 0px;
  text-decoration: none;
  /* transition: .1s; */
  border-radius: var(--border-radius);
}
.erplink:hover,
.erplink:focus {
  background-color: var(--c-erplink-header) !important;
  /* padding: 6px 0px 6px 0px;  */
}
.erplink.header {
  background-color: var(--c-erplink-header) !important;
  font-weight: bold;
}

/* Header icons */

/* Search bar */

div.erpsearch {
  /*border:1px solid red;*/
  /*background-color:green;*/
  /*padding:0px;*/
  /*margin:0px;*/
}

div.erpsearch input[type="text"]:not([value=""]) {
  background-color: var(--c-dropdown-bg-hover);
  background: var(--search-icon) no-repeat 2% center;
  background-size: 22px;

  padding: 10px 10px 8px 30px !important;
  margin: 0px; /*0px 0px 0px 0px;*/
}

div.erpsearch input[type="text"] {
  box-sizing: border-box;
  border-radius: var(--border-radius);
  border: none;
  /*border: 1px solid red;*/

  /* background-color: white; */
  background-color: var(--c-dropdown-bg-hover);
  background: var(--search-icon) no-repeat 50% center;
  background-size: 22px;

  /*padding: 8px 5px 8px 5px;*/
  /*margin: 8px 5px 8px 5px;*/ /*TODO Margins 5px rechts/links verbessern, sodass der active hover nicht einen Schatten wirft...  */

  padding: 10px 15px 8px 15px !important;
  margin: 0px; /*0px 0px 0px 0px;*/

  /* TODO */
  width: 20px;
  /*	height: 30px;*/

  transition: width 0.4s ease-in-out, padding 0.4s ease-in-out !important;
  /* color:grey; */
  text-align: left;
  cursor: default;
  font-size: 70%;
  color: var(--text-color);
}

div.erpsearch input[type="text"]:focus {
  width: 200px;
  background: var(--search-icon) no-repeat 2% center;
  /*padding: 10px 10px 10px 30px;*/
  padding: 10px 10px 8px 30px !important;
  /*margin: 8px 0px 8px 0px;*/
  margin: 0px 0px 0px 0px;
  /* color:grey; */
  background-size: 22px;
  border-radius: var(--border-radius);
  border: 1px solid #ddd;
  font-size: 70%;
  color: var(--text-color);
}
div.erpsearch input[type="text"]:hover {
  /*margin: 8px 5px 8px 5px;*/
  /*background-color:rgb(0, 182, 91) !important;*/
  background-color: var(--c-dropdown-bg-hover);
}
.financials-tab{
  color: black;
}
.body-dark .financials-tab{
  color: white;
}
.erplink_search {
  font-weight: normal;
  color: black;
  /* padding: 10px 0px 10px 0px; */
  /*padding: 5px 0px 5px 0px;*/ /*moves the search bar up*/
  /* transition: width 0.4s ease-in-out, padding 0.4s ease-in-out !important;  */
  /* margin: 0px 2px 0px 2px;  */
  text-decoration: none;
  border: 0px;
}
.erplink_menu {
  background: var(--menu) no-repeat center center !important;
  background-size: 22px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.erplink_menu:hover,
.erplink_menu:focus {
  background-color: var(--c-erplink-header) !important;
  /* padding: 8px 0px 8px 0px; */
  border: 0px;
  /* transition: background-color 1s !important; */
  /* border-radius: var(--border-radius);  */
}

/*********/

li {
  /* list-style-type: none; */
  padding: 0px;
  margin: 0px;
  /* TODO changed from 20px */
  padding-left: 10px;
}
/*
  li:before {
	content: '\2022';
	font-size: x-large;
  }
  */

p {
  padding: 0px;
  margin: 0px;
  /* line-height:50%; */
}

/* ERP Table */

.table-red {
  background-color: var(--table-red);
  color: var(--c-black) !important;
}

.erptable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  border-radius: 6px;
  border: none;
  width: 100%;
  color: var(--text-color); /*--c-black);*/
}

.erptable tr:hover {
  background-color: var(--table-hover); /* hsl(211, 100%, 98%);*/
  cursor: pointer;
  border-radius: 6px !important;
}

.erptable th {
  text-align: center;
  /* color: black; */
  font-weight: bold;
  border-bottom: 1px solid var(--border-table);
  /* background-color: hsl(211, 100%, 70%); */
  padding: 10px 5px 10px 5px;
}

.erptable td {
  border-bottom: 1px solid var(--border-table);
  padding: 10px 5px 10px 5px;
}

.bg-blue {
  background-color: var(--table-hover);
}

.bg-yellow {
  background-color: var(--c-orange);
}

/* Screener table */

.screenertable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  border-collapse: separate; /*collapse;*/ /* separate;*/
  border-spacing: 0;

  /*border:1px solid var(--border-color-light);*/
  border-top: 1px solid var(--border-color-light);
  border-left: 1px solid var(--border-color-light);
  border-right: 1px solid var(--border-color-light);
  border-bottom: none;

  width: 100%;
  color: var(--text-color);
}
.screenertable tr:last-child {
  /*border-bottom: none;*/
}

.screenertable tr:not([data-stgrid]):nth-child(odd) {
  background-color: var(--bg-bookings);
}
.screenertable tr:hover {
  cursor: pointer;
}
.screenertable tr:not([data-stgrid]):hover {
  background-color: var(--table-blue90); /*--table-hover);*/
}
.screenertable th {
  /*border-top: 1px solid var(--border-color-light);*/ /* --border-table,--border-screener-th */
  border-bottom: 1px solid var(--border-color-light);
  background-color: var(--bg-color);
  /* color: var(--text-color-inv); */
  /* border-radius:5px; */
  /* padding: 10px 5px 10px 5px; */
  padding: 8px 5px 8px 5px;
  height: 50px;
  vertical-align: middle;
  /*background-color: var(--table-blue96);*/
}
/*
  .screenertable th:first-child {
	  border-left: 1px solid var(--border-color-light);
  }
  .screenertable th:last-child {
	  border-right: 1px solid var(--border-color-light);
  }
  */
.screenertable td {
  /*border-top: 1px solid var(--border-color-light);*/
  border-bottom: 1px solid var(--border-color-light);
  padding: 8px 5px 8px 5px;
  height: 50px;
  vertical-align: middle;
  text-align: right;
}
.screenertable_highlight{
  background-color: var(--table-blue90) !important;
}

/* Screener Table "Grid" */
.stgrid {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  border-collapse: collapse; /* separate;*/
  border-spacing: 0;

  /*border:none;*/
  border: 1px solid var(--border-color-light);

  width: 100%;
  color: var(--text-color);
}
.stgrid th {
  height: 50px;
}
.stgrid th:hover {
  cursor: pointer;
}
.stgrid td:hover {
  background-color: var(--table-blue90); /*--table-hover);*/
  cursor: pointer;
}
.stgrid td {
  border: 1px solid var(--border-color-light);
  padding: 8px 5px 8px 5px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}
/* Screener Table "Grid" tooptips  OBSOLETE ***
  td[data-stgrid] {
	position: relative;
  }
  td[data-stgrid]:hover::before,
  td[data-stgrid]:focus::before {
	content: attr(data-stgrid);
	position: absolute;
	left: 10px;
	top: 60px;
	min-width: 200px;
	border-radius: 6px;
	background-color:var(--c-grey8);
	padding: 6px;
	color: white;
	font-size:100%;
	z-index: 1;
  }
  td[data-stgrid]:hover::after,
  td[data-stgrid]:focus::after {
	content: " ";
	position: absolute;
	top:calc(100% + 2px);
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent var(--c-grey8) transparent;
  }
  */

.stgr {
  color: var(--c-grey);
}
.stgr2 {
  color: var(--box-text-grey);
}
.str {
  color: var(--c-red2);
}
.sto {
  color: var(--c-orange-dark);
}
.stg {
  color: var(--c-green2);
}

.stbgr {
  background-color: var(--c-grey-dark2) !important;
}
.stbgr2 {
  background-color: var(--box-grey) !important;
}
.stbgrl {
  background-color: var(--c-grey-light) !important;
}
.stbr {
  background-color: var(--box-red) !important;
}
.stbo {
  background-color: var(--box-orange) !important;
}
.stbg {
  background-color: var(--box-green) !important;
}

.stb,
.news-list-highlight-badge span.badge-el,
.news-list-transcript-audio-badge span.badge-el{
  padding: 2px 3px 2px 3px;
  border-radius: 3px;
  font-size: 86%;
}

/* Screener financials table */

.screenerfintable,
.screenerfintablesimple {
  font-family: Verdana, Arial, Helvetica, sans-serif!important;
  font-size: 75%;
  border-collapse: collapse; /* separate;*/
  border-spacing: 0;
  /*border:none;*/
  border: 1px solid var(--border-color-light);

  table-layout: fixed;
  /*width:100%;*/

  color: var(--text-color);
}

.screenerfintablesimple td {
  /*height:8px!important;*/
  /*font-size:60%;*/
  padding: 0px 2px 0px 0px !important;
}

/* .screenerfintable tr:nth-child(even) > td:first-child {
  background-color: var(--bg-bookings);
} */
/* .screenerfintable tr:nth-child(odd) > td:first-child {
  background-color: var(--bg-color);
} */

/* NEW THESE TWO */
.screenerfintablesimple tr:nth-child(even) > td:first-child {
  background-color: var(--bg-color);
}
.screenerfintablesimple tr:nth-child(odd) > td:first-child {
  background-color: var(--bg-color);
}

.screenerfintable tr:nth-child(even) {
  background-color: var(--bg-bookings);
}
.screenerfintable tr:nth-child(odd) {
  background-color: var(--bg-color);
}

/* TODOXXX old version: .screenerfintable tr:hover */
.screenerfintable tr td:hover,
.screenerfintablesimple tr td:hover {
  background-color: var(--table-blue90); /*--table-hover);*/
  cursor: pointer;
}

.screenerfintable th,
.screenerfintablesimple th {
  border: 1px solid var(--border-color-light); /* --border-table,--border-screener-th */
  /* color: var(--text-color-inv); */
  /* border-radius:5px; */
  /* padding: 10px 5px 10px 5px; */
  padding: 3px 3px 2px 3px;
  /*height: 50px;*/
  vertical-align: middle;
  /* background-color: var(--table-blue95); */
  cursor: pointer;

  position: sticky;
  top: -2px;
  left: 2px;
  background-color: var(--bg-color);
  z-index: 1;
}

.screenerfintable td,
.screenerfintablesimple td {
  border-right: 1px solid var(--border-color-light);
  border-left: 1px solid var(--border-color-light);
  border-bottom: 1px solid transparent;
  /* border-bottom: 1px solid var(--border-table); */
  padding: 1px 2px 0px 2px;
  /*height:50px;*/
  vertical-align: middle;
}
.screenerfintable td:first-child,
.screenerfintablesimple td:first-child {
  position: sticky;
  left: 2px;
  /*TODOX*/
  /* background-color: var(--bg-color); */
  border-left: none; /* Remove left border to prevent double border */
}
.screenerfintable th:first-child,
.screenerfintablesimple th:first-child {
  position: sticky;
  z-index: 2;
  left: 2px;
}
.screenerfintable tr:last-child td,
.screenerfintablesimple tr:last-child td {
  border-bottom: 1px solid var(--border-color-light);
}

.screenerfintable .bod,
.screenerfintablesimple .bod {
  border-bottom-color: var(--border-color-light);
}
.screenerfintable .bot,
.screenerfintablesimple .bot {
  border-top-color: var(--border-color) !important;
}
.screenerfintable .bob,
.screenerfintablesimple .bob {
  border-bottom-color: var(--border-color) !important;
}

/* Remove borders from tag group rows to prevent horizontal lines in toggleable content */
.screenerfintable tbody.tag-group-rows td {
  border-top: none !important;
  border-bottom: none !important;
}

.screenerfintable tbody.tag-group-rows tr:last-child td {
  border-bottom: none !important;
}

/* Remove all borders from toggle-tag-group rows */
.screenerfintable tr.toggle-tag-group td {
  border-top: none !important;
  border-bottom: none !important;
}

/* Force tag-group-row elements to have white background, overriding alternating colors */
.screenerfintable tr.tag-group-row {
  background-color: var(--bg-color) !important;
}

.sftw5 {
  min-width: 80px;
}
.sftw15 {
  min-width: 220px;
}
.sftw20 {
  min-width: 300px;
}
.sftw25 {
  min-width: 380px;
}
.sftw30 {
  width: 450px;
  min-width: 450px;
}
.screenerfintable_highlight {
  background-color: var(--table-blue90) !important;
}

/* Screener settings table */
.sstable {
  width: 100%;
}
.sstable td {
  padding: 5px;
}
.sstable td:first-child {
  width: 25%;
  text-align: left;
  /*font-weight:bold;*/
  padding-left: 20px;
}
.sstable td:last-child {
  padding-right: 20px;
}

/* Screener tabs */

.tab {
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid var(--border-color-light) !important;
  font-weight: normal;
}
.tabinactive {
  position: relative;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid var(--border-color-light) !important;
  font-weight: normal;
}
.tabinactive:hover {
  background-color: var(--table-hover-light);
}
.tabinactive:after {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
}
/*
  .tabinactive:hover:after {
	  position:absolute;
	  top:1px;
	  left:0px;
	  width:100%;
	  height:100%;
	  content:'';
	  border-bottom:3px solid var(--snapshot-highlight);
	  transition: border-width 0.5s ease-in-out;
	  *transition: border 0.2s ease-in-out;*
	  *transition: all ease-in-out .1s;*
  }
  */
@keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.tabactive {
  position: relative;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid var(--border-color-light);
  /*font-weight:bold;*/
}
.tabactive:hover {
  background-color: var(--table-hover-light);
}
.tabactive:after {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  border-bottom: 3px solid var(--snapshot-highlight);
  /*animation: border_anim 0.5s ease-in-out forwards;*/
  transition: border 0.2s linear;
}

/* Screener filter window */
.sf {
  width: 100%;
  background-color: var(--settings-bg);
  padding: none;
  border-radius: 10px;
  transition: max-height 0.4s ease-in-out;
}
.sf:not([data-no-arrow]):before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid var(--bg-color);
  border-right: 20px solid var(--bg-color);
  border-bottom: 20px solid var(--settings-bg);
  position: relative;
  top: -41px;
  left: 210px;
}

/* Playground filter */
.pf {
  width: 100%;
  background-color: var(--settings-bg);
  padding: 15px 5px 15px 5px;
  border-radius: 10px;
  margin: 20px 0px 20px 0px;
}

/* Chart */

.chartbtn, .intradaybtn, .investments-chart-btn, .ticker-alert-intraday-btn, .timeframe-btn {
  /*border:1px solid var(--border-color-light); old one*/
  border: 1px solid var(--chartbtn-border);
  border-radius: 6px;
  line-height: 100%;
  background-color: var(--chartbtn-bg);
  cursor: pointer;
  color: var(--text-color);
  width: 85px;
  min-width: 85px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
}
.timeframe-btn {
  cursor: default;
}
#marketcap_badge_region, #marketcap_badge_globe {
  margin-right: 5px;
}
.lh120 {
  line-height: 120%;
}
.chartbtn:hover,
.intradaybtn:hover,
.investments-chart-btn:hover {
  /*background-color:var(--bg-color);*/
  background-color: var(--chartbtn-bg-hover);
  border: 1px solid var(--chartbtn-hover);
}
.ticker-alert-intraday-btn:hover{
  cursor:not-allowed;
}

.chartbtn.active,
.intradaybtn.active,
.investments-chart-btn.active {
  /*border:1px solid var(--c-grey-dark); old one*/
  border: 1px solid var(--chartbtn-border-active);
  /*background-color:var(--bg-color);*/
  background-color: var(--chartbtn-bg-active);
  /*font-weight:bold;*/
}

/* Plaintable */

.plaintable th {
  /* color: var(--text-color); */
  font-weight: bold;
  border-bottom: 1px solid var(--border-color);
}

.plaintable tr:hover {
  background-color: var(--table-hover);
}

.plaintable td {
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.plaintable_wp th {
  color: var(--text-color);
  font-weight: bold;
  border-bottom: 1px solid var(--border-color);
}

.plaintable_wp tr:hover {
  background-color: var(--table-hover);
}

.plaintable_wp td {
  padding: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* journaltable: Für chronologische Sortierung, unter Ben > Buchungen */
/* TODO überführen in ledgertable */
.journaltable th {
  /* color: black; */
  font-weight: bold;
  border-bottom: 1px solid black;
}
.journaltable tr:hover {
  background-color: var(--table-hover); /*hsl(211, 100%, 98%);*/
}
.journaltable td {
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border-table);
}

/* Ledgertable */

.ledgertable {
  /* font-family: Myriad Pro, Arial, Helvetica, sans-serif; */
  border-collapse: collapse;
  border: none;
  border-radius: var(--border-radius);
  /* background-color:#f6f6f6; */
  background-color: var(--bg-bookings);
  width: 100%;
}

.ledgertable tr:hover {
  /* background-color: #eee;	hsl(211, 100%, 98%); */
  background-color: var(--table-hover);
}

.ledgertable td {
  border-bottom: 1px solid var(--border-color-light);
  padding: 6px 4px 2px 4px;
}

/*Dropdown menu: https://www.w3schools.com/css/css_dropdowns.asp*/

/* Dropdown Button */
.dropbtn {
  font-weight: normal;
  color: var(--text-color);
  padding: 30px;
  border: none;
  border-radius: 4px;
  margin: 2px;
  text-decoration: none;
  vertical-align: middle;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  /* margin: 2px; */
  /* padding: 10px; */
  vertical-align: middle;
}
.dropdown.setting_dropdown {
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--c-dropdown-bg);
  /* background-color: hsl(211,100%,97%); */
  min-width: 80px;
  width: auto;
  white-space: nowrap;
  /* overflow:auto; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  border-radius: var(--border-radius);
  padding: 8px;
  right: 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--text-color);
  padding: 8px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: var(--c-dropdown-bg-hover);
  cursor: pointer;
}
.dropdown-header {
  margin-left: -20px;
  color: var(--text-color-light);
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-img {
  margin-top: 1px;
  margin-right: 10px;
  vertical-align: text-top;
  width: 18px;
  /* background-color: #ddd;  */
}

/*Dropdown menu finish*/
li.nav-item.dropdown.dropdown-hover a {
cursor: pointer;
}
li.nav-item.dropdown.dropdown-hover .dropdown-menu {
  left: 0;
  margin: 0;
}
.dropdown.dropdown-hover:hover > .dropdown-menu {
  display: block;
}

.dropdown.dropdown-hover:hover > .dropdown-menu-page {
  display: block;
}

/* Screener dropdown */
.screener_dropdown {
  /*
	  //position: relative;
	  //display: inline-block;
	  */
  /* margin: 2px; */
  /* padding: 10px; */
  vertical-align: middle;
}
.screener_dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--c-dropdown-bg);
  /* background-color: hsl(211,100%,97%); */
  min-width: 80px;
  width: auto;
  white-space: nowrap;
  /* overflow:auto; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  border-radius: var(--border-radius);
  padding: 8px;
  /*
	  //left:2%;
	  //top:-1%;
	  //left:23%;
	  */
}
/* Links inside the dropdown */
.screener_dropdown-content a {
  color: var(--text-color);
  padding: 8px 8px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.screener_dropdown-content a:hover {
  background-color: var(--c-dropdown-bg-hover);
  cursor: pointer;
}
/* Show the dropdown menu on hover */
.screener_dropdown:hover .screener_dropdown-content {
  display: block;
}

/*Image cropper für Friends*/

.imgfriends {
  width: 300px;
  height: 300px;
  filter: grayscale(100%);
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
  vertical-align: middle;
}

/* ledger.php */

.ll0 {
  float: left;
  cursor: pointer;
  width: 90%;
}

/* Small boxes */

.boxx {
  color: var(--box-text-color);
  background: var(--box-color);
  /* font-size:80%; */
  border-radius: 2px;
}
.boxx.pink {
  padding: 3px 5px 2px 5px;
  font-size: 120%;
  background-color: #fce;
}
.a0 {
  padding: 3px 6px 1px 6px;
  border-radius: 16px;
  font-size: 80%;
  background-color: var(--box-pink);
  color: var(--box-text-pink);
}
.a1 {
  padding: 3px 5px 2px 5px;
  border-radius: 2px;
  font-size: 80%;
  background-color: var(--box-count-color);
}
.a11 {
  padding: 5px 7px 4px 7px;
  border-radius: 2px;
  font-size: 80%;
  background-color: var(--box-count-color);
}
.a2 {
  display: inline-block;
  transition: transform 1s;
  padding: 3px 6px 1px 6px;
  border-radius: 16px;
  font-size: 80%;
  background-color: var(--box-count-color);
  color: var(--text-color);
}
.a2b {
  display: inline-block;
  padding: 3px 6px 1px 6px;
  border-radius: 16px;
  font-size: 80%;
  background-color: var(--header-color);
  color: var(--text-color);
}
.a3 {
  padding: 2px 5px 1px 5px;
  border-radius: 2px;
  font-size: 80%;
  border: 1px solid var(--text-color);
}
.bgrey {
  padding: 2px 5px 1px 5px;
  border-radius: 2px;
  font-size: 80%;
  border: 1px solid grey;
  color: grey;
}
.bblack {
  padding: 2px 5px 1px 5px;
  border-radius: 2px;
  font-size: 80%;
  border: 1px solid black;
  color: black;
}
.a4 {
  padding: 3px 6px 1px 6px;
  border-radius: 16px;
  font-size: 80%;
  background-color: var(--box-green);
}
.a5 {
  padding: 3px 5px 2px 5px;
  border-radius: 2px;
  font-size: 80%;
  background-color: #ffa;
  color: black;
}
.a6 {
  display: inline-block;
  transition: transform 1s;
  padding: 3px 5px 2px 5px;
  border-radius: 2px;
  font-size: 80%;
  background-color: hsl(211, 100%, 95%);
}
.r1 {
  display: inline-block;
  /* transition:transform 1s; */
  padding: 5px 7px 4px 7px;
  border-radius: 2px;
  /* font-size:80%; */
  color: white;
  background-color: #292d78;
  /* background-color: rgb(4, 0, 245); */
}
.r2 {
  padding: 2px 5px 1px 5px;
  border-radius: 2px;
  font-size: 1.5em;
  border: 1px solid black;
}

.br {
  /*
	  display:inline-block;
	  transition:transform 1s;
	  */
  padding: 3px 5px 1px 5px;
  border-radius: 16px;
  font-size: 80%;
  color: var(--box-text-red); /*#b45;*/
  background-color: var(--box-red); /*#fde;*/
}
.bo {
  /*
	  display:inline-block;
	  transition:transform 1s;
	  */
  padding: 3px 5px 1px 5px;
  border-radius: 16px;
  font-size: 80%;
  color: var(--box-text-orange);
  background-color: var(--box-orange);
}
.bgr {
  padding: 3px 6px 1px 6px;
  border-radius: 16px;
  font-size: 80%;
  background-color: var(--box-count-color);
  color: var(--text-color);
}
.bgreen {
  color: var(--box-text-green); /*#597;*/
  background-color: var(--box-green); /*#dfe;*/
  padding: 2px 4px 2px 2px;
  border-radius: 2px;
}
.bred {
  color: var(--box-text-red); /*#597;*/
  background-color: var(--box-red); /*#dfe;*/
  padding: 2px 4px 2px 2px;
  border-radius: 2px;
}
.bg {
  color: #666;
  background-color: #ccc;
  padding: 2px;
  border-radius: 2px;
}
.bg2 {
  background-color: var(--c-dropdown-bg);
  color: var(--text-color);
  padding: 3px 5px 3px 5px !important;
  border-radius: 4px;
}
.bg2-np {
  background-color: var(--c-dropdown-bg);
  color: var(--text-color);
  border-radius: 4px;
}
.box-blue {
  background-color: var(--c-dropdown-bg);
  color: var(--text-color);
  padding: 20px;
  border-radius: 8px;
}
.blg {
  color: #666;
  background-color: #eee;
  padding: 2px;
  border-radius: 2px;
}
.bp {
  color: #f6a6ff;
  background-color: #ffccf9;
  padding: 2px;
  border-radius: 2px;
}

/* OBSOLETE (see above)
  .bo {
	  color:#d86;
	  background-color:#fed;
	  padding:2px;
	  border-radius:2px;
  }
  */
.bblue {
  color: #25b;
  background-color: #8bf;
  padding: 2px;
  bordescreenertableadius: 2px;
}
.news-list-transcript-audio-badge span {
  height: 15px;
  line-height:14px ;
}
.bbsmall {
  color: var(--table-hover-light);
  background-color: var(--snapshot-highlight);
  padding: 0px 4px 0px 4px;
  border-radius: 3px;
  /* margin: 2px 0px 0px 0px; */
  font-size: 60%;
  height: 15px;
  line-height: 15px;
}
/* search badge */
.bbadge {
  background-color: var(--badge-bg);
  color: var(--badge-color);
  padding: 3px 5px 3px 5px !important;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 65%;
  font-weight: normal !important;
  white-space: nowrap;
}
.bbadge.l {
  background-color: var(--c-dropdown-bg);
}
.bbadge.large {
  font-size: 100% !important;
}
.bbadge.bbadge-green {
  background-color: var(--box-green);
  color: var(--box-text-green);
}
.bbadge.bbadge-red {
    background-color: var(--box-red);
    color: var(--box-text-red);
}
.bbadge.bbadge-orange {
    background-color: var(--box-orange);
    color: var(--box-text-orange);
}

.justify-content-between {
  align-items: center;
}
.capital-allocation-badge {
  order: 2;
  margin-left: auto;
}
.capital-allocation-badge .bbadge {
  padding: 8px 9px;
  margin-right: 7px;
}
.capital-allocation-analysis-chart-dropdown.d-flex.justify-content-between .capital-allocation-badge .bbadge {
    font-size: 86%;
    padding: 7px !important;
}
.capital-allocation-analysis-chart-dropdown.d-flex.justify-content-between .dropdown {
  order: 3;
}
.bboutline {
  color: #8bf;
  /*background-color:#8bf;*/
  border: 1px solid #8bf;
  padding: 3px;
  border-radius: 9px;
}

.inaktiv {
  background-color: var(--bg-color-inv);
  color: var(--text-color-inv);
  border-radius: 6px;
  padding: 6px 10px 3px 10px;
}

/* Hover */
.hb {
}
.hb:hover {
  background-color: var(--table-blue90);
}

/* Shortcuts */
.nu {
  text-decoration: none !important;
}
.nw {
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.blue {
  background-color: var(--finl-highlight);
}
.tri {
  text-align: right !important;
}
.tce {
  text-align: center !important;
}
.tle {
  text-align: left !important;
}
.tvt {
  vertical-align: top;
}
.tvm {
  vertical-align: middle !important;
}
.t60 {
  font-size: 60%;
}
.t70 {
  font-size: 70%;
}
.t80 {
  font-size: 80%;
}
.t90 {
  font-size: 90%;
}
.t100 {
  font-size: 100%;
}
.t110 {
  font-size: 110%;
}
.t120 {
  font-size: 120%;
}
.t130 {
  font-size: 130%;
}
.t140 {
  font-size: 140%;
}
.bb {
  border-bottom: 1px solid var(--border-color) !important;
}
.bbb {
  border-bottom: 3px solid var(--border-color);
}
.bbn {
  border-bottom: none !important;
}
.bt {
  border-top: 1px solid var(--border-color) !important;
}
.bbg {
  border-bottom: 1px solid var(--border-color-light) !important;
}
.bbga {
  border: 1px solid var(--c-grey-dark);
}
.bn {
  border: none !important;
  border-collapse: collapse;
}
.tb {
  font-weight: bold;
}
.tn {
  font-weight: normal !important;
}
.ti {
  font-style: italic;
}
.fle {
  float: left;
}
.fri {
  float: right;
}
.cp {
  cursor: pointer;
}
.cb {
  color: black !important;
}
.cg {
  color: grey !important;
}
.cr {
  color: red;
}
.cre {
  color: #b45;
}
.cgr {
  color: #597;
}
.cw {
  color: white;
}
.bcg2 {
  background-color: #ddd;
}
.bcg {
  background-color: var(--wp);
}
.tdn {
  text-decoration: none;
}

/* Shortcuts padding */

.p0 {
  padding: 0px!important;
}
.p2r6 {
  padding: 2px 6px 2px 2px;
}
.p4 {
  padding: 4px!important;
}
.pl10 {
  padding-left: 10px !important;
}
.p6 {
  padding: 6px !important;
}
.p10 {
  padding: 10px !important;
}
.pr {
  padding-right: 15px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.p8 {
  padding: 8px !important;
}
.ml4 {
  margin-left: 4px;
}
.pb5 {
  padding-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt4 {
    margin-top:4px;
}

/* Shortcuts width */

.w1 {
  width: 1%;
}
.w3 {
  width: 3% !important;
}
.w4 {
  width: 4% !important;
}
.w5 {
  width: 5% !important;
}
.w7 {
  width: 7%;
}
.w8 {
  width: 8%;
}
.w9 {
  width: 9%;
}
.w10 {
  width: 10%;
}
.w11 {
  width: 11%;
}
.w12 {
  width: 12%;
}
.w13 {
  width: 13%;
}
.w14 {
  width: 14%;
}
.w15 {
  width: 15%;
}
.w16 {
    width:16%;
}
.w17 {
    width: 17%;
}
.w18 {
    width: 18%;
}
.w19 {
    width: 19%;
}
.w20 {
  width:20%!important;
  max-width: 20%;
}
.w21 {
    width: 20%;
}
.w22 {
    width:22%;
}
.w23 {
    width:23%;
}
.w24 {
    width:24%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33%;
}
.news-cover-wrapper{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
}
.news-cover-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.news-cover-item{
  margin: 0px ;
  border: 1px solid var(--c-grey-light2);
  border-radius: 10px;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
  max-width: 60%;
}
.w61 {
  width: 61%;
}
.w64 {
  width: 64%;
}
.w70 {
  width: 70%;
}
.w80 {
  width: 80%;
  max-width: 80%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}

.dtc {
    display:table-cell;
}
.dt {
    display:table;
    width:100%;
    text-align:center;
}

/* Bootstrap individual adjustments */
.navbar ul.navbar-nav {
  align-items: center;
}
.navbar-nav .nav-link {
  color: var(--text-color) !important;
}
.navbar-nav .nav-item.active {
  font-weight: bold;
}
.dropdown-menu {
  background-color: var(--c-dropdown-bg) !important;
  z-index: 100;
}
.dropdown-menu-page {
  background-color: var(--c-dropdown-bg) !important;
  z-index: 100;
}
.dropdown-item {
  color: var(--text-color);
  padding: 0.15rem 1rem; /* Further reduced padding for more compact dropdown */
}
.dropdown-item.disabled,
.dropdown-item:disabled,
.dropdown-item.disabled:hover,
.dropdown-item.disabled:focus {
  background-color: transparent !important;
  color: #80808087 !important;
  pointer-events: auto;
  cursor: not-allowed !important;
}
.dropdown-item:hover, .dropdown-item:focus{
  background-color: var(--c-dropdown-bg-hover);
  color: var(--text-color);
}
.dropdown-item.search {
  border-radius: 0px;
  border-left: 5px solid transparent;
}
.dropdown-item.search:hover,
.dropdown-item.search:focus {
  border-left: 5px solid var(--snapshot-highlight);
  outline: none;
}
/*
  .dropdown-item.search:not(input):hover, .dropdown-item.search:not(input):focus {
	  font-weight:bold;
  }
  */
.dropdown-item.active {
  background-color: var(--c-dropdown-bg-hover);
  color: var(--text-color);
  /*font-weight:bold;*/
}
.dropdown-item-checked::before {
  position: absolute;
  left: 0.6rem;
  /* top: 0.6rem; */
  top: 9px;
  /*content: '✔';*/
  /* content: "⬤"; */
  content: "⬤";
  font-size: 50%;
  /*font-weight: 400;*/
}
.dropdown.setting_dropdown div#dropdownMenuButton1::after {
  display: none;
}
.dih {
  background-color: var(--c-dropdown-bg-hover);
  color: var(--text-color);
  /*font-weight:bold;*/
}
.bs-select-all,
.bs-deselect-all {
  color: var(--text-color);
  background-color: var(--bg-bookings);
  border-color: var(--bg-bookings);
}
.bs-searchbox {
  /*input[type="search"].active {*/
  /* NOT WORKING Who knows why?!
	  color:var(--text-color)!important;
	  background-color:red!important;
	  font-weight:bold;
  }
  .nochange {
	  /* class for icons not to change when switching between dark/light mode */
}

.card {
  background-color: var(--card-bg) !important;
  color: var(--text-color);
}

.news-card {
  background-color: var(--card-bg) !important;
  color: var(--text-color);
  border: 1px solid var(--card-border);
  border-radius: 7px;
  padding: 20px;
}
.news-card.remove-pd {
  padding: 0 20px 10px 20px;
}
.prev-card {
  position: fixed;
  overflow-y: auto;
  left: 100%;
  top: 0px;
  /*width:60%;*/
  height: 100%;
  background-color: var(--card-bg) !important;
  color: var(--text-color);
  border: 1px solid var(--card-border);
  border-radius: 15px;
  padding: 10px;
  overflow-x: hidden;
}
.prev-card.right .cockpit-viewer-close-btn{
  text-align:right;
}
.prev-card.left .cockpit-viewer-close-btn{
  text-align:left;
}
.ben-think-accordion-item ul {
  list-style-type: none;
  padding:0;
}
mark {
  padding: 2px;
}

.tooltip-inner {
  max-width: 600px;
  text-align: left;
}

.magic-writeup {
  background-color: var(--magic-writeup) !important;
  color: var(--magic-writeup-text);
  font-size: 100%;
  border-radius: 15px;
}
.list-group-item {
  /*border:none!important;*/
  padding: 4px;
  color: var(--text-color-light);
  background-color: var(--bg-color);
  word-break: auto-phrase;
}
.list-group-item:hover, #cockpit_news_list .list-group-flush a:hover {
  border-radius: 4px;
  background-color: var(--table-hover) !important;
  color: var(--text-color);
}
.list-group-item.active {
  border-left: 3px solid var(--snapshot-highlight) !important;
  background-color: red !important; /*--table-hover)!important;*/
}
.list-group-item[data-bs-toggle="collapse"] {
  color: var(--text-color);
}
/* .list-group-item[aria-expanded="true"] {
  border-left: 5px solid var(--snapshot-highlight);
} */
.badge {
  padding-top: 7px;
}
.form-check-input:checked {
  background-color: var(--slider);
  border: 1px solid var(--slider);
}

li.list_wrapper {
  list-style: none;
  padding: 0;
  display: flex;
  border: 1px solid #ddd;
  margin: 4px 0px;
  align-items: center;
  white-space: nowrap;
  background: #fff;
}
li.list_wrapper #highlight_link {
  border: unset;
}
li[draggable="true"] {
  cursor: grab;
}
li.list-group-item.drag_list {
  display: flex;
  white-space: nowrap;
  border: 1px solid #ddd;
  margin: 4px 0px;
  background-color: #fff;
  align-items: center;
  gap: 5px;
}

li.list-group-item.drag_list > div {
  margin-left: auto;
  cursor: pointer;
}
.group_wrapper {
  border: 2px solid var(--snapshot-highlight);
  padding: 5px;
  background: #f0f7ff;
  margin: 5px 0px;
}
.list_wrapper a.list-group-item {
  border: unset !important;
}

li.list_wrapper a {
  flex-grow: 1;
}
li.list_wrapper div {
  cursor: pointer;
  margin-left: auto;
}

/*** Multi-range-slider ***/

.multi-range-slider {
  position: relative;
  width: 100%;
  /*max-width: 500px;*/

  justify-content: center;
  align-items: center;
}

.slider {
  position: relative;
  z-index: 1;
  height: 10px;
  margin: 0 15px;
}
.slider > .track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--c-grey); /*rgba(21, 146, 230, .6);*/
}
.slider > .range {
  position: absolute;
  z-index: 2;
  left: 25%;
  right: 25%;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--slider); /*rgba(21, 146, 230, .8);*/
}
.slider > .thumb {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  background-color: var(--slider); /*rgba(21, 146, 230, .8);*/
  border-radius: 50%;
  box-shadow: 0 0 0 0 var(--c-grey); /*rgba(21, 146, 230, .1); */
  transition: box-shadow 0.3s ease-in-out;
}
.slider > .thumb.left {
  left: 25%;
  transform: translate(-15px, -10px);
}
.slider > .thumb.right {
  right: 25%;
  transform: translate(15px, -10px);
}
.slider > .thumb.hover {
  box-shadow: 0 0 0 15px var(--slider-hover); /*rgba(21, 146, 230, .1);	rgba(98,0,238,.1);*/
}
.slider > .thumb.active {
  box-shadow: 0 0 0 30px var(--slider-active); /*rgba(21, 146, 230, .2);	rgba(98,0,238,.2);*/
}

input[type="range"] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 10px;
  width: 100%;
  opacity: 0;
}
input[type="range"]::-webkit-slider-thumb {
  pointer-events: all;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border: 0 none;
  /*background-color: red;*/
  -webkit-appearance: none;
}

/*** Bundesanzeiger ***/
.z_titel,
.l_titel,
.b_teil {
  padding-top: 10px;
  text-align: center;
}
.pos_a_name {
  font-size: 70%;
}
.std_table {
  padding: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.table_sanitized {
  background-color: var(--card-bg) !important;
}

/** Highlighter **/
.card.card-wrapper {
  /* height: calc(100vh - 331.3px) !important */
}
.card.card-wrapper.removed_tabs {
  /* height: calc(100vh - 292.3px) !important; */
}
.ledger-calc-tag {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid #fff;
  border-radius: 3px;
  height: 25px;
  width: 25px;
  color: #fff;
  background: #444;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  line-height: 18px;
  overflow: visible;
}

/* bottom arrow
  .ledger-calc-tag::after {
	  content: '';
	  position: absolute;
	  left: 8px;
	  bottom: -4px;
	  border-color: #444 transparent transparent;
	  border-width: 4px 4px 0;
	  border-style: solid;
	  height: 0;
	  width: 0;
  }
  */

/* left arrow */
.ledger-calc-tag::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-color: transparent #444 transparent transparent;
  border-width: 4px;
  border-style: solid;
}

.cockpit-highlighter-tag {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid #fff;
  border-radius: 6px;
  height: 25px;
  /*width: 25px;*/
  color: #fff;
  background: #444;
  text-align: center;
  font-size: 12px;
  /*cursor: pointer;*/
  line-height: 18px;
  overflow: visible;
}
/*
  .cockpit-highlighter-tag::after {
	  content: '';
	  position: absolute;
	  bottom: -4px;
	  border-color: #444 transparent transparent;
	  border-width: 4px 4px 0;
	  border-style: solid;
	  height: 0;
	  width: 0;
  }
  */

.hlr {
  background-color: var(--c-red) !important;
}
.hlo {
  background-color: var(--c-orange) !important;
}
.hlg {
  background-color: var(--c-green) !important;
}
.hlm {
  background-color: var(--bg-marker);
}
.hl.b {
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  color: var(--text-color);
  background-color: var(--c-dropdown-bg);
}

input[type="text"].hltext,
input[type="text"].hltext:focus {
  /*
	  width: 100%;
	  padding: 4px;
	  */

  color: white !important; /*var(--text-color-inv)!important;*/
  background-color: #555 !important;
  outline: none;
  /*
	  padding:1px!important;
	  margin:1px!important;
	  */

  transition: width 2s ease-in-out;
  width: 25px;
  height: 10px;
  padding: none !important;
  margin: none !important;
  font-size: 80%;
  border: none !important; /*1px solid var(--text-color-inv);*/

  /*
	  resize: vertical;
	  border: 1px solid var(--border-color-light);
	  border-radius:4px;
	  */
}

/* Ben / News / Transcripts */

.bubble {
  border-radius: 10px;
  padding: 15px;
  margin-top: 15px;
  background-color: var(--table-blue97);
}
.br4 {
    border-radius:4px;
}
.br6 {
  border-radius:6px;
}
/*  */

ul.colors_wrap li {
  list-style: none;
  width: 15px;
  height: 15px;
  background: red;
  border-radius: 50%;
}
ul.colors_wrap li.active {
  border: 2px solid #88bbff;
}
ul.colors_wrap {
  display: flex;
  gap: 12px;
  white-space: nowrap;
  background: #f0f7ff;
  position: absolute;
  left: 0;
  top: 28px;
  z-index: 9;
  border: 1px solid #ddd;
  padding: 8px 13px;
  border-radius: 4px;
}
.text_ellipse {
  white-space: nowrap;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}
li.list-group-item.drag_list.drag_dark,
.group_wrapper.dragable_dark {
  background: #2b2b2b;
  border-color: #262626;
}
/* .group_wrapper.dragable_dark {
	  background: #2b2b2b;
	  border-color: red;
  } */

/* tabs css */
ul.list_tabs li {
  padding: 0;
}
ul.list_tabs {
  border-radius: 7px;
  /* border: 1px solid #ddd; */
  padding: 6px 3px;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  gap: 10px;
  max-width: 100%;
  flex-wrap: nowrap;
  position: absolute;
  margin-bottom: 0px;
  width: 100%;
}
.table_content {
  margin-top: 7px;
}
#table_of_content_list {
  height: 100px;
  overflow-y: auto;
}
ul.list_tabs li span {
  vertical-align: middle;
  font-size: 16px;
}
ul.list_tabs li {
  list-style: none;
}
ul.list_tabs li a:hover {
  background: var(--c-blue95);
  transition: ease all .3s;
  -webkit-transition: ease all .3s;
  color: var(--text-color);
}
ul.list_tabs .list-active {
  background: var(--snapshot-highlight);
  color: #ffff;
}

ul.list_tabs li a {
  display: inline-block;
  padding: 6px 1px;
  border-radius: 7px;
  background-color: var(--table-hover-light);
  text-decoration: none; transition: ease all .3s;
  -webkit-transition: ease all .3s;
}

.tabs_wrapper {
  position: relative;
  min-height: 41px;
  margin: 0px 15px;
  margin-top: 10px;
}
/* Styles for the toggle switch */
.switch {
  position: relative;
  float: right;
  margin-right: 43px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
  width: 37px;
  height: 22px;
}

.sliderToggle:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.body-dark input:checked + .sliderToggle {
  background-color: var(--table-blue97);
}
input:checked + .sliderToggle {
  background-color: #2196f3;
}

input:checked + .sliderToggle:before {
  transform: translateX(14px);
}
/* hide and copy */
.data_wrapper {
  position: relative;
  display: none;
}
.copy_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
}
/* #cockpit_financials table{
  width: 100%;
} */
.more-securities-dropdown span,
.indexes-dropdown span,
.financials-dropdown span,
.adjustchart_menuBtn span,
.adjustinvestmentschart_menuBtn span,
.adjustSeriousOwners_menuBtn span{
  float: inline-end;
}
.dropdown-menu.dropdown-submenu.indexes-items.indexes-items_list {
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: visible; /* Allow submenus to extend beyond container */
}

.dropdown-menu-page.dropdown-submenu.indexes-items.indexes-items_list {
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: visible; /* Allow submenus to extend beyond container */
}


.padding-none {
  padding-right: 0px;
}
.updated-badge {
  padding: 4px 4px 3px 4px;
  border-radius: 3px;
  font-size: 90%;
  cursor: pointer;
  font-weight: 400 !important;
  background-color: var(--c-green);
  color: var(--c-black);
}

.closed-badge,
.opened-badge {
  padding: 4px 4px 3px 4px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  font-weight: normal !important;
}
.closed-badge, .intraday-ticker-alert {
  color: var(--c-red2);
  display: block;
}
.intraday-ticker-alert {
  color: #bb4455bd;
}

.intraday-ticker-alert{
  padding: 4px 4px 3px 4px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal !important;
}
.opened-badge {
  color: var(--c-green2);
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.snapshot-container .card-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
center.DNF{
  margin: auto;
  padding: 15px 0;
}

/* News/Ben Think Section */
.ben-think-accordion .ben-think-accordion-item, .qs-accordion .qs-accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.ben-think-accordion .ben-think-accordion-item button, .qs-accordion .qs-accordion-item button{
  word-break: normal;
  font-size: 15pt;
  font-weight: 400;
  line-height: 120%;
  font-weight: bold;
}
.ben-think-accordion .ben-think-accordion-item button[aria-expanded="true"], .qs-accordion .qs-accordion-item button[aria-expanded="true"] {
  color: #000;
}
.ben-think-container ul li{
  list-style-type: none;
  padding:0;
}
.ben-think-container-small .ben-think-accordion .ben-think-accordion-item button, .qs-container-small .qs-accordion .qs-accordion-item button {
  font-size: 1.15rem;
  font-weight: 400;
}

.body-dark
  .ben-think-accordion
  .ben-think-accordion-item
  button[aria-expanded="true"], .body-dark
  .qs-accordion
  .qs-accordion-item
  button[aria-expanded="true"] {
  color: #fff;
}

.ben-think-accordion button, .qs-accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 16px;
  color: #000;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.body-dark .ben-think-accordion button, .body-dark .qs-accordion button {
  color: #fff;
}

.ben-think-accordion button:hover,
.ben-think-accordion button:focus,
.qs-accordion button:hover,
.qs-accordion button:focus {
  cursor: pointer;
  /* color: var(--header-color); */
  color: #000;
}

.body-dark .ben-think-accordion button:hover,
.body-dark .ben-think-accordion button:focus,
.body-dark .qs-accordion button:hover,
.body-dark .qs-accordion button:focus {
  color: #fff;
}

.ben-think-accordion button:hover::after,
.ben-think-accordion button:focus::after,
.qs-accordion button:hover::after,
.qs-accordion button:focus::after {
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
}

.body-dark .ben-think-accordion button:hover::after,
.body-dark .ben-think-accordion button:focus::after,
.body-dark .qs-accordion button:hover::after,
.body-dark .qs-accordion button:focus::after {
  color: #fff;
  border: 1px solid #fff;
}

.ben-think-accordion button .ben-think-accordion-title, .qs-accordion button .qs-accordion-title {
  padding: 16px 1.5em 16px 0;
}

.ben-think-accordion button .icon, .qs-accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.ben-think-accordion button[aria-expanded="true"], .qs-accordion button[aria-expanded="true"] {
  color: var(--header-color);
}
.ben-think-accordion button[aria-expanded="true"] .icon::after, .qs-accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}
.ben-think-accordion button[aria-expanded="true"] + .ben-think-accordion-content,
.qs-accordion button[aria-expanded="true"] + .qs-accordion-content {
  opacity: 1;
  max-height: 100%;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.ben-think-accordion .ben-think-accordion-content, .qs-accordion .qs-accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.ben-think-accordion .ben-think-accordion-content .cockpit-news-answer,
.ben-think-accordion .ben-think-accordion-content .ben-think-accordion-answer,
.qs-accordion .qs-accordion-content .qs-answer,
.qs-accordion .qs-accordion-content .qs-accordion-answer{
  margin: 0;
  padding: 0em 16px;
  word-break: normal;
  font-size: 15pt;
  font-weight: 400;
  line-height: 120%;
}
.ben-think-container-small .ben-think-accordion .ben-think-accordion-answer, .qs-container-small .qs-accordion .qs-accordion-answer {
  font-size: unset;
  padding: 0 32px 16px 32px;
}

.ben-think-accordion .ben-think-accordion-content .cockpit-news-answer.add-mb, .qs-accordion .qs-accordion-content .qs-answer.add-mb{
  margin-bottom: 16px;
}

.ben-think-container a, .qs-container a {
  display: block;
  padding: 3px 0;
  text-decoration: none;
  position: relative;
  padding-left: 25px;
}
a.active-ben-think, a.active-qs {
  background-color: var(--c-dropdown-bg-hover);
  border-radius: var(--border-radius);
  color: var(--text-color);
  text-decoration: none;
}

/* add question window  */
.add-question-main-container .open-button {
  background-color: var(--snapshot-highlight);
  color: var(--bg-color);
  border: none;
  cursor: pointer;
  width: 50px;
  z-index: 1;
  text-align: center;
  height: 50px;
  border-radius: 50%;
}

.add-question-main-container button.open-button.close-btn span {
  transform: rotate(45deg);
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}
.add-question-main-container button.open-button span {
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}
.add-question-container {
  display: none;
  position: fixed;
  bottom: 79px;
  right: 24px;
  z-index: 9;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 20%);
  border-radius: 10px;
  overflow: hidden;
  min-width: 450px;
  background: var(--bg-color);
  padding: 15px;
}
.add-question-container .form-group label {
  display: inline-block;
  margin-bottom: 5px;
}

.add-question-container .industry-group {
  margin-bottom: 15px;
}
.add-question-container .form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 0 0;
  border-radius: 10px;
  background: var(--bg-color);
  resize: none;
  min-height: 200px;
}
.add-question-container .form-container textarea:focus {
  background-color: var(--bg-color);
  color: var(--text-color);
  outline: none;
}
.add-question-container .form-container .submit-btn {
  background-color: var(--snapshot-highlight);
  color: var(--bg-color);
  padding: 6px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  margin-bottom: 10px;
}
.add-question-container .action_btns {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
div#addQuestionForm h1 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.add-question-container button.open-button:focus {
  background-color: var(--c-blue) !important;
}
.add-question-container .form-group .dropdown-menu {
  transform: unset !important;
}
.add-question-container button.add-question-submit-btn[disabled]  {
  color: var(--text-color) !important;
  background-color: var(--table-blue90) !important;
  cursor: not-allowed !important;
}
.add-question-container p.form-error, .error-cockpit, label.error {
  font-size: 12px;
  color: var(--c-red2);
}

/* add question window end */

/* News/Ben Think Section */

/* News/Help window */

.news-boat-container {
  display: flex;
  justify-content: end;
  position: fixed;
  bottom: 20px;
  right: 35px;
  z-index: 999;
  gap: 11px;
}
.news-help-container .open-close-button,
.qs-container .qs-button-open,
.news-filter-container .open-close-button {
  background-color: var(--snapshot-highlight);
  color: var(--bg-color);
  border: none;
  cursor: pointer;
  width: 50px;
  z-index: 1;
  text-align: center;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0,0,0,20%);
  transition: ease all .2s;
  -webkit-transition: ease all .2s;
}
.news-help-container .open-close-button span,
.qs-container .qs-button-open span,
.news-filter-container .open-close-button span{
  color: var(--bg-color);
}
.qs-container .qs-button-open{
  right: 90px;
}
button.open-close-button:hover, button.qs-button-open:hover {
  scale: 1.1;
  transition: ease all .2s;
  -webkit-transition: ease all .2s;
}
.qs-accordion button .qs-accordion-title{
  display: inline-flex;
}
.news-help-container .chat-popup, .qs-container .chat-popup, .news-filter-container .chat-popup {
  display: none;
  position: fixed;
  bottom: 79px;
  right: 31px;
  z-index: 999;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 10%);
  border-radius: 10px;
  overflow: hidden;
  min-width: 450px;
  background: var(--bg-color);
  padding: 15px;
  max-width: 450px;
  transform: scale(1);
}
.news-filter-container .chat-popup {
  min-height: 408px;
}
.qs-container .chat-popup {
  min-width: 600px;
  max-width: 600px;
}
ul.list_tabs li a.tab-content-loading {
  background: var(--c-blue-dark);
  color:var(--bg-color);
}
.news-help-container span.news-help-search-icon{
  font-size: 24px !important;
  margin-top: 0px !important;
  transition: transform 0.2s ease;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}
.news-help-container span.initial-help, .qs-container span.initial-qs{
  transform-origin: bottom center;
}

span.down_arrow {
  transform: rotate(-190deg) !important;
}
span.active_help, span.active_qs {
  transform: scale(1) !important;
}
.news-help-container .news-help-search-btn span.news-help-search-icon {
  font-weight: 200;
  font-size: 19px;
  color: var(--snapshot-highlight);
}
.news-help-container .form-container .btn:hover,
.news-help-container .open-close-button:hover, .qs-container .qs-button-open:hover {
  opacity: 1;
}
div.news-help-search-btn{
  display: inline;
  position: absolute;
  right: 5px;
  top: 15%;
  cursor: default;
}
div.serach_wrapper{
top: 4%;
}

.news-help-search-container input, .news-filter-search-container input {
  border: 1px solid var(--snapshot-highlight);
  background: transparent;
  font-size: 14px;
  padding: 10px;
  padding-right: 30px;
}

.news-help-search-container, .news-filter-search-container {
  position: relative;
}

div#newsHelpWindow h5, div#newsFilterWindow h5 {
  text-align: left;
}

.ai_result p, .qs_ai_result p {
  font-size: 14px;
  font-weight: normal;
  padding: 0px 5px;
  line-height: 26px;
}
.ai_result, .qs_ai_result, .news_filter_result {
  min-height: 40vh;
  max-height: 60vh;
  overflow-x: auto;
  margin-top: 10px;
}
span.news-help-loading-icon{
  font-size: 8px;
}
.dropdown.setting_dropdown ul.dropdown-menu.show, .dropdown.top_setting_dropdown ul.dropdown-menu.show {
  inset: unset !important;
  right: 55% !important;
  top: 0px !important;
  padding: 12px 0px;
  /* background-color: hsl(211.2deg 100% 95.1%) !important; */
}
/* News/Help window end */

/** uploading overlay div styles*/

.drag-drop-upload-overlay {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}

.drag-drop-upload-overlay > div {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 69px 10px;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
}

.drag-drop-upload-overlay h4 {
  font-size: 36px;
  color: #fff;
}

.drag-drop-upload-overlay #screener_droparea {
  color: #fff;
  font-size: 20px;
}
.drag-drop-upload-overlay .dropzone {
  height: 100%;
  background: none;
}
#online_user_list{
  margin-top:-2px;
}
#online_user_list .user-avatar-item{
  margin-left: -36px;
}
#online_user_list.hover .user-avatar-item{
  margin-left: 0px;
  padding: 0;
}
#online_user_list .user-avatar-item .active-avatar{
  background-color: var(--snapshot-highlight);
}
#online_user_list .avatar-link{
  border-radius: 50%;
  padding:3px;
}
#online_user_list .avatar{
  width:30px;
  height:30px;
  line-height:31px;
  text-align:center;
  font-weight:bold;
  border-radius:50%;
  font-size:22px;
  background-color:white;
}
#online_user_list .avatar.loged{
      display: flex;
      align-items: center;
      justify-content: center;
}

#online_user_list .avatar.loged img{
  width: 100%;
  height: auto;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  vertical-align: top;
}

#online_user_list .avatar.head-round-image{
  display: flex;
  align-items: center;
  justify-content: center;
}

#online_user_list .avatar.head-round-image img{
width: 100%;
height: auto;
border-radius: 50%;
aspect-ratio: 1 / 1;
vertical-align: top;
}

#online_user_list .dropdown-menu {
  min-width:300px;
  max-height:700px;
  overflow-y:scroll;
}
#online_user_list .icon-margin {
  margin-top:1px; vertical-align:text-top;
}
#online_user_list .icon-beside-text{
  line-height: 31px;
  margin-top: 1px;
  vertical-align: top;
}
.play-indices-performance-column {
  display:inline;
  margin: 0px 30px;
  text-align:center;
}
.play-indices-performance-column-div {
  display:block;
  text-align:center;
}
.performance-header, .performance-data {
    display: flex;
    justify-content: space-between;
}
.performance-header span, .performance-data span {
    flex: 1;
    text-align: center;
    padding: 4px;
}
.more-btn {
  margin-left: 5px;
}
.table_data{
  table-layout: fixed;
}
#t_cockpit_plat_indices  tr  th {
  font-weight: normal !important;
}
.disabled{
  color: var(--c-grey-dark2) !important;
  cursor:not-allowed !important;
}
select.news-help,
select.news-help:focus-visible,
select.qs,
select.qs:focus-visible,
select.news-filter,
select.news-filter:focus-visible
{
  width: auto;
  padding-right: 35px;
  padding-left: 10px;
  margin-right: 5px;
  border: 1px solid var(--snapshot-highlight);
  font-size: 14px;
  outline:none;
}
.body-dark select.news-help option{
  color: var(--c-black);
}
.news-help-wrapper, .qs-wrapper {
  display: flex;
}
.search-result .show-suggestions_container{
  padding: 10px 10px;
  position: absolute;
  background: var(--bg-color);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 20%);
  width: 327px;
  max-height: 300px;
  overflow-y: auto;
  top: 43px;
  border-radius: 4px;
}
.search_container{
  width: 100%;
}
.ben-think-settings-dropdown-wrapper {
  position: absolute;
  right: 0px;
  top: 19px;
}
.ben-think-settings-dropdown-items-wrapper li:hover {
  background: var(--c-dropdown-bg-hover);
}
.ben-think-settings-dropdown-items-wrapper li {
  list-style: none;
  padding: 5px 5px;
  font-size: 16px;
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.ben-think-settings-dropdown-items-wrapper {
  position: absolute;
  width: 150px;
  right: 0;
  padding: 0;
  z-index: 1;
  border-radius: 0.375rem;
  border: 1px solid rgba(0, 0, 0, 0.175);
  background: var(--c-dropdown-bg) !important;
  z-index: 100;
}
.dropdown.ben-think-settings-dropdown-wrapper .ben-think-settings-toggle::after {
  display: none;
}

.tooltip-bubble {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.container-bubble {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 8px;
}
.ben-think-title-container {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
.ben-think-title-container h3 {
margin-bottom: 0;

}
.cockpit-news-questions h1, .cockpit-news-questions h2, .cockpit-news-questions h3, .cockpit-news-questions h4, .cockpit-news-questions h5, .cockpit-news-questions h6{
  font-size: 20px;
  font-weight: 600;
}
.ben-think-title-container h3{
  font-size: 28px;
}
/*

.ben-think-title-container h3 {
  white-space: nowrap;
  width: 100%;
}
.ben-think-container select:focus {
  outline:unset;
}
.ben-think-container select {
  border: 1px solid rgb(136 187 255);
  width: 30%;
} */

.word-cloud {
  width: 100%;
  background: rgb(136,187,255);
  background: linear-gradient(90deg, rgba(136,187,255,1) 0%, rgba(240,247,255,1) 100%);
  min-height: 300px;
}
/* .word-cloud span {
  display: inline-block;
  padding: 5px;
} */

.intraday-latest-date {
  padding: 0 0 0 0;
  font-size: 12px;
  cursor: pointer;
  font-weight: normal !important;
}
/* questions summarized starts here*/
.qs-container button.open-close-button {
  right: 90px;
}
div.qs-accordion-item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0px;
}
div.qs-accordion-item span.icon {
  position: relative;
flex: 0 0 22px;
  text-align: center;
  top: unset;
}
.qs-popup-header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.qs-popup-header h5 {margin-bottom: 0px;}
div.qs-accordion-item .qs-accordion-title {
  font-size: 16px;
  font-weight: 600;
}
div.qs-accordion-item .qs-accordion-title span{
  margin:auto;
}
div.qs-accordion .qs-accordion-content .qs-answer, div.qs-accordion .qs-accordion-content .qs-accordion-answer{
font-size: 14px;
line-height: 23px;
}
div.qs-accordion .qs-accordion-content .qs-answer.add-mb{
  padding: 0;
  font-size: 16px;
  line-height: 23px;
  padding-right: 60px;
}
/* questions summarized ends here*/
/*  */
#news-word-cloud-inhouse, #news-word-cloud-openai {
  /* width: 800px; */
  height: 400px;
  position: relative;
  margin: 0 auto;
  background: transparent ;
}

.presentation-dropdown-container .dropdown-item-checked::before {
left: 6px;
content: "";
}
.presentation-dropdown-container .dropdown-item {
  position: relative;
  }
  .presentation-dropdown-container{
    text-align: right;
  }
  .news-pdf-container{
    height: 70vh;
    margin-bottom: 20px;
  }
  .presentation-dropdown-container {
    display: flex;
    gap: 10px;
    margin-bottom: 13px;
}


.presentation-pdf-dropdown, .presentation-audio-dropdown {
    margin-left: auto;
}

div.presentation-pdf-dropdown .dropdown-toggle, div.presentation-audio-dropdown .dropdown-toggle {
    padding: 4px 3px !important;
}

.document-preview-container div#adobe-dc-view-SIZED_CONTAINER{
  margin-top: 10px;
}
.hightlight-owner-info span.owner-info-text {
  font-size: 14px;
  color: #b7b7b7;
}
.hightlight-owner-info span{
  font-size: 18px;
  margin-right: 0px;
  color: var(--text-color-light);
}
.hightlight-owner-info {
  text-align: center;
  margin-top: 5px;
}
.card>.panel.list-group {
  border: unset;
}
.body-dark ul.list_tabs .list-active, .body-dark ul.list_tabs .list-active span, .body-dark ul.list_tabs li a:hover, .body-dark ul.list_tabs li a:hover span {
  color: var(--c-black);
}
.body-dark .loader_image{
  filter: invert(1);
}
/* .body-dark .group_wrapper, .body-dark .text_ellipse, .body-dark .group_wrapper .material-symbols-outlined.dark {
  color: var(--c-black);
} */
.body-dark .side_bar_wrapper .list-group-item {
  color: var(--c-white);
}
.body-dark .group_wrapper{
  background-color: var(--card-bg);
}
.body-dark .group_wrapper li.list-group-item.drag_list{
background-color: var(--table-blue97);
}

.body-dark caption{
  color:inherit;
}
#temporaryContainer {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.news-list-highlight-badge span.badge-el{
  padding: 0px 7px 0px 6px;
  background-color: var(--c-orange);
  color: var(--c-black);
}
.news-list-transcript-audio-badge span.badge-el{
  padding: 0px 7px 0px 6px;
  background-color: var(--snapshot-highlight);
  color: var(--table-hover-light);
}
.news-list-transcript-presentation-badge span.badge-el{
  color: var(--table-hover-light);
  background-color: var(--snapshot-highlight);
  padding: 0px 4px 0px 4px;
  border-radius: 3px;
  /* margin: 2px 0px 0px 0px; */
  font-size: 60%;
  height: 15px;
  line-height: 15px;
}
span.icon-margin.material-symbols-outlined.transcript-audio-badge-icon {
  color: var(--table-hover-light);
}
.news-list-transcript-presentation-badge, .news-list-transcript-audio-badge {
  display: inline-grid;
}
div#table_content_list a {
  font-weight: 400;
  font-size: 14px;
  padding-left: 19px;
  border: unset;
  display: flex;
    gap: 5px;
}
a.list-group-item.collapsed .accordion-arrow {
  transform: rotate(0deg);
}

a.list-group-item .accordion-arrow {
  transform: rotate(90deg);
  float:right;
  padding-top: 1px;
}

.list-group-flush a.list-group-item.list-group-item-action,
#cockpit_news_list .list-group-flush a.list-group-item,
#writeupTocSidebar .list-group-flush a.list-group-item{
  font-size: inherit;
  background:transparent;
  border:unset;
  border-radius: 4px;
}
#cockpit_news_list .list-group-flush a.list-group-item{
  font-size: 14px;
}
#cockpit_news_list a span {
  font-size: 80%;
}
.list-group-flush a.list-group-item{
  font-size: 16px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.list-group-flush a.list-group-item.list-group-item-action{
  display: inline-block;
  padding: 8px ;
  margin:0;
}
.list-group-flush .hits-list-item-container a.list-group-item.list-group-item-action {
  padding: 8px 8px 8px 4px;
  font-weight: bold;
}
div#cockpit_news_list h5, div#writeupTocSidebar h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0px 8px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
#cockpit_news_list  .list-group-flush, #writeupTocSidebar .list-group-flush{
  padding-left: 0px;
  padding-top: 0px;
}

#cockpit_news_list .list-group-item:first-child{
  border-radius: 4px;
}
#cockpit_news_list .list-active {
  border:unset !important;
}
#cockpit_news_list .list-group-item.list-group-item-action {
  margin-bottom: 4px;
}
#cockpit_news_list .list-active::before, #writeupTocSidebar .writeup-is-active-link::before{
  width: 4px;
  height: 80%;
  position: absolute;
  content: "";
  background: var(--snapshot-highlight);
  left: -7px;
  border-radius: 10px;
  top: 50%;
  transform: translate(0px, -50%);
}
/* cockpit_news_content */

/* Handle on hover */
div#cockpit_news_content table {
  width: 100%;
}
#cockpit_news_list .cn-title {
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
vertical-align: middle;
}

/* custom searach bar starts here */

.search_box {
  display: flex;
  gap: 2px;
  width: 100%;
}


.news-search-bar-wrapper .news_search_header_box input {
  padding: 10px 16px 10px 5px;
  border: transparent;
  width: 100%;
  flex-grow: 1;
  background: transparent;
  height: 34px;
}

.news-search-bar-wrapper .news_search_header_box  input:focus {
  background: unset;
}

.news-search-bar-wrapper ul li{
  list-style: none;
  margin: 5px 0;
  cursor: pointer;
  padding: 5px 10px;
}
.filter_inputs {
  display: flex;
  margin-bottom: 2px;
}
.news-search-bar-wrapper,.news-search-bar-wrapper ul {
  padding: 0;
  max-height: 284px;
  overflow-y: auto;
}
.news-search-bar-wrapper{
  overflow: unset;
  max-height: 394px;
  margin: 0;
}
.news_search_header_box {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid var(--snapshot-highlight);
  border-radius: 2px;
  background: #fff;
}


.news-search-bar-wrapper .search-result {
  display: none;
  z-index: 1;
}
.news-search-bar-wrapper .search-result.show-suggestions {
  display: block;
}
.news-search-bar-wrapper .news-cancel-btn {
  cursor: pointer;
}
span.news-search-count.news-result-total-count.a2b {
  margin-left: 4px;
  margin-top: -1px;
  vertical-align: text-top;
}
ul.dropdown-menu.dropdown-submenu.financials-items.financials-items_list {
  max-height: 35vh;
  overflow-y: auto;
  overflow-x: visible; /* Allow submenus to extend beyond container */
}
/* .dropdown-menu.dropdown-submenu.adjustchart_menu {
  max-height: 64vh;
  overflow-y: auto;
  overflow-x: hidden;
} */
.decrease-opacity{
  opacity: 0;
}
.search_box .news-cancel-btn {
  position: relative;
}
.news-search-bar-wrapper  ul li:hover {
  background-color: var(--box-blue);
  color: var(--bg-color);
}
.news-search-highlighted{
  background-color: var(--color-yellow);
  color: var(--c-black);
}
.news-sk-highlighted {
  background: var(--c-blue92);
  color: var(--text-color);
  padding: 2px 4px;
  border-radius: 1px;
}
.news-sk-highlighted-dark {
  background: var(--snapshot-highlight);
  color: var(--color-white);
  padding: 2px 4px;
  border-radius: 1px;
}
.body-dark .news-sk-highlighted, .body-dark .news-sk-highlighted-dark{
  color: var(--bg-color);
}
.sk-highlight-sentence{
  margin-top: 2px;
  margin-bottom: 2px;
  background: var(--snapshot-highlight);
  padding: 5px 5px;
  color: var(--color-white);
  border-radius: 5px;
}
.highlighted-keyword{
  color: #b45;
  background-color: var(--box-red);
}
#tv-attr-logo{
  display: none;
}
ul.list_tabs::-webkit-scrollbar {
  width: 10px;
  height:4px;
}
/* Track */
ul.list_tabs::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
ul.list_tabs::-webkit-scrollbar-thumb {
  background: var(--snapshot-highlight);
}

/* Safari scrollbar fixes for dropdown containers */
.dropdown-menu, .dropdown_outer_wrapper {
  /* Hide scrollbar for Safari when not needed */
  -webkit-overflow-scrolling: touch;
}

.dropdown_outer_wrapper::-webkit-scrollbar {
  width: 8px;
}

.dropdown_outer_wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.dropdown_outer_wrapper::-webkit-scrollbar-thumb {
  background: var(--c-grey);
  border-radius: 4px;
}

.dropdown_outer_wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--c-grey-dark);
}

.before-active-tab {
  background-color: var(--c-blue-dark) !important;
  color: var(--bg-color) !important;
}
.body-dark .before-active-tab {
  background-color: var(--c-blue95) !important;
  color: var(--c-black) !important;
}

#cockpit_snapshot .loader_image{
  text-align:center;
}
li#adjust-chart ul.dropdown-menu.adjustchart_menu,
li#adjust-investments-chart ul.dropdown-menu.adjustinvestmentschart_menu,
li#adjust-serious-owners ul.dropdown-menu.adjustSeriousOwners_menu,
li#adjust-company-investors ul.dropdown-menu.adjustSeriousOwners_menu
{
  right: 100% !important;
  left: unset;
  top: -289px;
}
li#adjust-chart ul.dropdown-menu.financials-items{
  bottom: unset;
  top: -67px;
}
.adjustchart_menu ul.dropdown-menu,
.adjustinvestmentschart_menu ul.dropdown-menu,
.adjustSeriousOwners_menu ul.dropdown-menu{
  left: unset;
  right: 100%;
}
li#adjust-chart,
li#adjust-investments-chart,
li#adjust-serious-owners,
li#adjust-company-investors
{
  width: 100%;
}
#slideinSettingsDropdownMenuButton1::after{
  display: none;
}
li#adjust-chart:hover .adjustchart_menu,
li#adjust-investments-chart:hover .adjustinvestmentschart_menu,
li#adjust-serious-owners:hover .adjustSeriousOwners_menu,
li#adjust-company-investors:hover .adjustSeriousOwners_menu
{
  display: block;
}
.snapshot-story-container h1,
.snapshot-story-container h2,
.snapshot-story-container h3,
.snapshot-story-container h4,
.snapshot-story-container h5,
.snapshot-story-container h6 {
  font-size: 1.25rem;
}
.snapshot-story-container ul {
  list-style-type: none;
}
.investments-history-details-overview ul{
  list-style-type: none;
}

#investments-history-gain-losses th{
  left:0px;
}
#t_company_details_investors .cg a{
  color: grey !important;
}
.span_labels {
  display: flex;
  float: right;
  align-items: center;
  gap: 2px;
}
.news-list-transcript-audio-badge img,
.news-list-highlight-badge img,
.news-list-market-reaction-badge img,
.news-list-three-month-price-change-badge img,
.news-list-five-yr-price-change-badge img,
.news-list-all-time-price-change-badge img,
.news-list-transcript-presentation-badge img {
  width: 10px !important;
  height: auto !important;
  margin-right: 8px !important;
}
.performance-chart-loader{
  display: inline-block;
}
.performance-chart-loader img{
  width: 18px !important;
  height: 18px !important;
}

.performance-chart-dropdown .dropdown, .history-chart-dropdown .dropdown, .capital-allocation-analysis-chart-dropdown .dropdown, .shareholder-return-analysis-chart-dropdown .dropdown {
  width: 160px;
}

.performance-chart-dropdown a.dropdown-item, .history-chart-dropdown a.dropdown-item, .capital-allocation-analysis-chart-dropdown a.dropdown-item, .shareholder-return-analysis-chart-dropdown a.dropdown-item {
  position: relative;
  padding-left: 23px;
  cursor:pointer;
}

.performance-chart-dropdown .dropdown-toggle, .history-chart-dropdown .dropdown-toggle, .capital-allocation-analysis-chart-dropdown .dropdown-toggle, .shareholder-return-analysis-chart-dropdown .dropdown-toggle {
  display:flex;
  align-items:center;
}

.performance-chart-dropdown .dropdown-toggle::after, .history-chart-dropdown .dropdown-toggle::after, .capital-allocation-analysis-chart-dropdown .dropdown-toggle::after, .shareholder-return-analysis-chart-dropdown .dropdown-toggle::after {
  position:absolute;
  right:10px;
}
span.filed-days-ago{
  color: var(--c-green2) !important;
}
#online_user_list .avatar-link:focus {
  outline: unset;
}
.news-word-cloud .news-word-cloud-inhouse span:hover, .news-word-cloud .news-word-cloud-openai span:hover{
  cursor: pointer;
  text-decoration: underline !important;
}

.cockpit-writeup-container .card {
  background-color: var(--c-dropdown-bg) !important;
  min-height: calc(100vh - 74px);
  margin-bottom: 30px;
}
.writeup-dropdowns {
  display: flex;
  justify-content: center;
  align-items: center;
}
hr.center-hr-tag {
  margin: 7px 0;
}

/* Heat chart */
.cell {
    stroke: #ccc;
}
.label {
    font-size: 12px;
    text-anchor: middle;
}
.tooltip{
    --bs-tooltip-zindex: 100000;
    position:absolute;
}
.investmentHeatmapTooltip {
  background: var(--bg-color);
  z-index: 3;
}
div#investmentHeatmapTooltip table {
  width: 695px;
}


div#investmentHeatmapTooltip table {
  width: 695px;
}
/* .arrow_custom {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid var(--bg-color);
  left: calc(10% - 2px);
  transform: translate(10px, -45%);
  bottom: -17px;
} */

.investmentHeatmapTooltip table tr td,
.investmentHeatmapTooltip table tr th,
.investment-heatmap-others-box table tr td,
.investment-heatmap-others-box table tr th{
  border: 1px solid #ddd;
  padding: 5px 10px;
}
.cockpit_snapshot_valuation{
  margin: 10px;
}
.detail-charts-container .card{
  height: 100%;
}
.card-empty-msg{
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 50px);
  width:100%;
}
#invHtmpOthersBox .table-container{
  max-height: 500px;
  overflow: auto;
}
.w70.bubble.cfr {
  margin-left: auto;
}
.questionLinksBox.bubble a {
  text-decoration: none;
}
.questionLinksBox.bubble li {
  margin-bottom: 15px;
}

.body-dark .stg.stbg{
  color: var(--c-white);
}
.body-dark .str.stbr, .body-dark .stbr.cre{
  background-color: var(--c-red2) !important;
  color:var(--c-white);
}
.body-dark .stbg.cgr{
  color:inherit;
}

.break-all{
  word-break: break-word;
}
.cursor-pointer{
  cursor: pointer;
}
.apexcharts-tooltip{
  border: none !important;
  background: none !important;
  margin: -3% -5%;
  overflow: visible !important;
}
.attachment-action-buttons {
  gap: 10px;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
}
span.attachment-inner-span.bg2-np.cp{
  min-width: 100px;
  padding: 3px 5px 3px 5px !important;
}
.apexcharts-tooltip *{
  font-family: Roboto Condensed !important;
}
.company-overview .card.flex-fill {
  height: 100%;
}
.cockpit-col{
  height: 100%;
}
.company-overview .cockpit-col {
  height: auto;
}
.company-overview .cockpit-col {
  height: auto;
}

a.writeup-toc-link {
  text-decoration: none;
}
.writeup-toc-link {
  padding: 10px;
  margin-bottom: 5px !important;
}
a.writeup-toc-link:hover, a.writeup-toc-link:focus{
  background-color: transparent;
}
div.writeup-toc-sidebar-container li{
  background-color: var(--table-hover-light);
  color: var(--bg-color);
}
.writeup-is-active-link, .writeup-is-active-link:hover {
  background: var(--table-blue97) !important;
}
.sk-news-search-result-item {
  padding-top: 10px;
}
button.news-search-transcripts {
  margin-left: auto;
  color: var(--text-color);
  font-size: 13px;
  border: none;
  padding: 0;
  vertical-align: middle;
  background-color: transparent;
}

button.news-search-transcripts:disabled {
  color: #666 !important;
  cursor: not-allowed;
  opacity: 0.6;
}

button.news-search-transcripts.active{
  color: var(--snapshot-highlight);
}
.news-search-transcripts span.icon-margin.material-symbols-outlined{
  padding: 3px;
  border-radius: 100px;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;

}
.news-search-transcripts span.icon-margin.material-symbols-outlined:hover {
  transform: scale(1.2);
}
.news-manage-keywords .input-box button.sk-add-keyword-btn, .news-manage-keywords .input-box button.sk-search-keyword-btn {
  white-space: nowrap;
  position: absolute;
  border: transparent;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
  background: var(--snapshot-highlight);
  color: var(--c-white);
  top: 3.8px;
  min-width: 119px;
}
.news-manage-keywords .input-box button.sk-add-keyword-btn {
  right: 123px;
}
.news-manage-keywords .input-box button.sk-search-keyword-btn {
  right: 3px;
}
.news-manage-keywords .hits-button, .open-transcript-btn-container .btn-open-transcript {
  border: 1px solid var(--snapshot-highlight);
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
  color: var(--snapshot-highlight);
  background: transparent;
}
.news-manage-keywords .hits-button:hover, .open-transcript-btn-container .btn-open-transcript:hover {
  background: var(--snapshot-highlight);
  color: var(--c-white);
}

.news-manage-keywords .hits-button[disabled]{
  border: 1px solid var(--c-grey-dark2);
  color: var(--c-grey-dark2) !important;
  background: transparent !important;
  cursor:not-allowed !important;
}

.body-dark .news-manage-keywords .hits-button:hover, .body-dark .news-manage-keywords .input-box button, .body-dark .open-transcript-btn-container .btn-open-transcript{
  color: var(--c-black);
}

.news-manage-keywords .input-box {
  position: relative;
}

.news-manage-keywords .input-box input {
  padding: 0 230px 0 13px;
  height: 40px;
}

.news-manage-keywords .keywords-list {
  padding: 0;
  margin: 0;
}

.news-manage-keywords .keywords-list li {
     display: inline-block;
     background: var(--header-color);
     border-radius: 5px;
     padding: 3px 0 3px 10px;
     position: relative;
     margin: 4px;
}

.news-manage-keywords .keywords-list li button {
  color: var(--snapshot-highlight);
  border: navajowhite;
  display: inline-flex;
  width: 20px;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.news-manage-keywords .keywords-list li button span.icon-margin.material-symbols-outlined{
  margin: 0;
  padding: 0;
  font-size: 12px !important;
}
.hits-btn-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hits-btn-container h3 {
  margin: 0;
  font-size: 1.50rem;
}
.hits-list-container{
  padding-top: 10px;
}

/* Currency buttons styling to match Add Keyword/Search Keyword buttons */
.currency-btn-active {
  white-space: nowrap;
  border: transparent;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
  background: var(--snapshot-highlight);
  color: var(--c-white);
  cursor: pointer;
  display: flex;
  align-items: center;
  min-width: 60px;
  gap: 6px;
}

.currency-btn-inactive {
  white-space: nowrap;
  border: 1px solid var(--snapshot-highlight);
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
  color: var(--snapshot-highlight);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-width: 60px;
  gap: 6px;
}

.currency-btn-inactive:hover {
  background: var(--snapshot-highlight);
  color: var(--c-white);
}

.body-dark .currency-btn-active,
.body-dark .currency-btn-inactive:hover {
  color: var(--c-black);
}

.currency-symbol {
  font-size: 14px;
  line-height: 21px !important;
  font-weight: 400;
}

.market-cap-value {
  font-size: 14px;
  line-height: 21px !important;
  font-weight: 400;
}

.open-transcript-btn-container {
  display: block;
  text-align: end;
}
.writeup-toc-sidebar-container ol{
  position: sticky;
  top: 0;
}
.toc-heading{
  scroll-margin-top: 500px;
}
span#writeup_highlight_text.active {
  background: var(--snapshot-highlight);
  color:var(--color-white);
}

.writeup-add-on-btn{
  font-size: 16px;
}

.writeup-dropdowns .dropdown {
  line-height: unset;
}
.writeup-wrapper {
  display: flex;
  gap: 16px;
}

div#writeupTocSidebar ol {
  padding: 10px;
  margin: 0;
}
a.writeup-toc-link span {
  display: block;
}
div#cockpit_writeup {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.writeup-content{
  transition: none !important;
}
.writeup-content.card {
  padding: 10px;
flex-grow: 1;
}

.writeup-wrapper .card {
  height: calc(100vh - 70px);
  overflow: auto;
}
.toc-date{
  font-size: 14px;
}
.toc-date-badge {
  padding: 1px 5px 1px 5px;
  border-radius: 3px;
  background-color: var(--c-blue80);
  color:var(--bg-color);
}
.news-heading-el {
  font-weight: 500;
}

.link-action span:hover{
  transform: scale(1.2);
  transition: transform 0.3s ease-in-out;
  color: var(--text-color);
}
.blinking {
  animation: blinker 0.5s step-start 6; /* Runs 6 times (3 seconds) */
}
.cockpit-search-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.cockpit-search-popup-header input {
  height: 40px;
  margin: 0;
  padding: 0 10px;
  border-radius: 0px;
}

.scrollable{
  overflow: auto;
  height: auto;
  max-height:67.6vh;
  margin-bottom: 0;
}
.search-result-loader .loader_image,
.search-result-link .loader_image,
.cockpit-search-popup-header .loader_image,
.cockpit-search-tabs .search-popup-content-loader .loader_image{
  width:12px !important;
  height:12px !important;
}
.search-result-link:hover, .search-result-link:focus{
  background-color: var(--c-dropdown-bg-hover);
  color: var(--text-color);
}
.search-result-link{
  text-decoration:none;
}
.cockpit-search-tab-link.active .search-result-loader .loader_image{
  filter:invert(1);
}
.body-dark .search-result-loader .loader_image{
  filter:invert(0);
}

.cockpit-search-tab-link {
  padding: 0 5px 0 5px;
  color: var(--text-color);
}
.cockpit-search-tab-link.active {
  border: none;
  color: var(--text-color);
}
.cockpit-search-tab-link.disabled{
  opacity: 0.5;
}
.cockpit-search-tabs ul.nav-tabs{
  border:none;
}
.nav-tabs .nav-link.cockpit-search-tab-link {
  padding: 5px 6px;
  background: var(--bg-color);
  color: var(--text-color);
  border-radius: 20px;
  margin: 3px;
  border: none;
}
li.nav-item.cockpit-search-tab{
  padding: 0;
}
.nav-tabs .nav-link.cockpit-search-tab-link.active {
  background: var(--snapshot-highlight);
  color:var(--bg-color);
}

.cockpit-search-tabs .search-result-link {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  border-radius: 0px;
  border-left: 5px solid transparent;
  padding:0.25rem .6rem;
}

.cockpit-search-tabs .search-result-link:hover, .cockpit-search-tabs .search-result-link:focus, .cockpit-search-tabs .search-result-link:focus-visible{
  border-radius: unset;
  border-left:5px solid var(--snapshot-highlight);
  outline: 0;
}

.cockpit-search-tabs .search-result-link div {
  margin-left: auto;
}
.nav-tabs .nav-link.cockpit-search-tab-link.active .material-symbols-outlined.dark {
  color: var(--bg-color);
}


.cockpit-search-tabs .search-popup-content-loader, .cockpit-search-tabs .no-results{
  padding-bottom:10px;
}
.cockpit-search-tab-content, .cockpit-search-tab-content li{
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

li.search-result-item:focus {
  background-color: gray;
}

.cockpit-search-popup {
  background-color:var(--c-dropdown-bg);
  height: 100%;
  padding: 8px;
}
#cockpit_search_q{
  box-shadow:unset;
  outline: none;
  border:1px solid var(--border-color-light);
  border-left:5px solid transparent;
}
#cockpit_search_q, #cockpit_search_q{
  color: var(--text-color);
  border-left:5px solid var(--snapshot-highlight);
}
.nav-tabs .nav-link.cockpit-search-tab-link:focus-visible{
  outline: unset;
}
.cockpit-search-popup-bg-overlay {
  background-color: transparent !important;
  z-index: unset !important;
}
.company-search-btn{
  padding-left: 2px;
}
.company-search-btn.active a{
  background-color: var(--c-dropdown-bg-hover);
  border-radius: var(--border-radius);
  color: var(--text-color);
}
.company-search-btn .nav-link{
  padding: 7px 3px 7px 3px;
}
.hits-dropdown-item-container {
  overflow: auto;
  max-height: calc(100vh - 230px);
}
.search-result-item a span{
  margin-left: 5px;
}

.source-filters{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.source-filters span.bites-badge {
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
  background: #eee;
  border-radius: 50px;
  font-size: .8em;
}
span.bites-badge.active {
  background: #007bff;
  color: white;
}
.news-item {
  border: 1px solid #ddd;
  padding: 15px;
}
.list-view {
  margin-top: 10px;
  table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
    background: white;
  }

  th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
  }

  th {
    background-color: #f5f5f5;
    font-weight: bold;
    text-transform: uppercase;
  }

  tr:hover {
    background-color: #f9f9f9;
  }

  td a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
  }

  td a:hover {
    text-decoration: underline;
  }
  .badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    background: #e8f0fe;
    color: #1a73e8;
    font-size: 12px;
    font-weight: bold;
  }
}
.card-view .news-item {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
  border-radius: 15px;
  position: relative;
  padding-bottom: 60px;
}

.card-view .card-news-item {
  width: 30%;
  /* display: flex; */
  margin-right: 2%;
  border-radius: 15px;
  position: relative;
  border:1px solid var(--border-color-light);
  padding: 11px;
  padding-bottom: 50px;

}

.filters{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.view-toggle{
  display: flex;
  min-height: 34px;
  align-items: center;

}
.card-view{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
  margin-bottom: 20px
}
.obj-fit{
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px;
  left: 0;
}
.news-item-badges{
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.obj-fit-card{
  display: flex;
  justify-content: end;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px;
  left: 0;
  color: gray;
}

.hits-list-group-item{
  margin-bottom: 5px;
}
.news-manage-keywords {
  margin-top: -13px;
}
.news-transcript-search-popup-container {
  width: 100% !important;
  margin-top: 0;
  border-radius: 7px;
  /* transform: translate(100%, 0px); */
}
span.hits-date {
  color: var(--text-color);
}
.writeup-toc-link .toc-badge-container {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.writeup-toc-link .news-list-market-reaction-badge{
  border-radius: 3px;
}

.writeup-toc-sidebar-container span.cn-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
}
.badge-news{
  padding: 3px 7px;
  font-size: 10px;
  margin: 5px;
  border-radius: 20px;
  line-height: 18px;
}
.badge-news-card {
  padding: 3px 8px;
  margin: 5px;
  border-radius: 20px;
  font-size: 13px;
}
.top_setting_dropdown{
  z-index: 2009;
}
#cockpit_header {
  position: relative;
  z-index: 2009;
}

.finance_tabel_wrapper .screenerfintablesimple th {
    border-top:  unset !important;
}

.finance_tabel_wrapper .screenerfintablesimple {
    border-top: unset;
}
/* .finance_tabel_wrapper .screenerfintablesimple tr th:first-child a {
  color: grey;
  font-weight: 300;
} */

.finance_tabel_wrapper .capitalIqLink {
  color: grey;
  font-weight: 300;
}
.transcript_list {
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
  gap: 2px;
}

.transcript_list .span_labels {
  flex-wrap: wrap;
}
.dropdown_outer_wrapper li ul.dropdown-menu {
  position: fixed !important;
  left: 284px !important;
}

.dropdown_outer_wrapper {
  overflow-y: auto;
  transform: unset !important;
  overflow-x: hidden; /* Allow submenus to extend beyond container */
  z-index: initial!important; /** fix safari clipping fixed element children, when z-index, transform, perspective is set */
  max-height: calc(100vh - 70px);
  top: 30px !important;
}

 .company-overview .overview-box .card-body li{
  list-style: inside;
}

.add-alert-container{
    overflow: auto;
    height: 100%;
}

.icon-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

#newsAlertForm{
    margin: auto;
}

.newsAlertFormContent{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.newsAlertFormInput{
  width: 100%;
}

.body-dark .alert-sub-btn{
 color: var(--c-black);
}

.alert-sub-btn{
      padding: 6px 15px;
    color: var(--c-white);
    background-color: var(--snapshot-highlight);
    border: 1px solid var(--snapshot-highlight);
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}
button.alert-sub-btn:disabled {
    opacity: .5;
}

.setting-header {
    width: 100%;
    display: flex;
    padding-right: 15px;
    justify-content: space-between;
    font-weight: bold; font-size: 120%;
}


.transcripts-wrapper{display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #777;}
.transcripts-wrapper-row{display: flex;  gap: 10px; justify-content: space-between; width: 100%;}
.transcripts-text-lg{font-size: 18px; font-weight: 700;}
.transcripts-text-xl{font-size: 20px; font-weight: 700;}
.transcripts-wrapper-nextprev{width: 250px; text-align: right;}
.transcripts-wrapper-graycolor{ color: #777;}

/* Design Theme System */

/* Minimalist Theme - Inspired by Superhuman's clean design */
.body-design-minimalist {
  --text-color: #333333;
  --text-color-light: #666666;
  --bg-color: #ffffff;
  --header-color: #ffffff;
  --header-color-light: #fafafa;
  --table-blue90: #f8f9fa;
  --table-blue95: #f1f3f4;
  --table-blue97: #ffffff;
  --border-color-light: #e8eaed;
  --c-dropdown-bg: #ffffff;
  --c-dropdown-bg-hover: #f8f9fa;
  --card-bg: #ffffff;
  --input-bg: #ffffff;
  --snapshot-highlight: #4285f4;
  --chart: #4285f4;
  --chart-light: #a8c7fa;
  --box-red: #fff3e0;
  --box-orange: #fef7e0;
  --box-green: #e8f5e8;
  --box-blue: #e8f0fe;
  --box-grey: #f8f9fa;
  --table-hover: #f8f9fa;
}

/* Random Theme - Dynamic random colors */
.body-design-random {
  --text-color: var(--random-text, #2d3436);
  --bg-color: var(--random-bg, #ffffff);
  --header-color: var(--random-header, #ff7675);
  --header-color-light: var(--random-header-light, #fab1a0);
  --snapshot-highlight: var(--random-accent, #74b9ff);
  --chart: var(--random-chart, #a29bfe);
  --chart-light: var(--random-chart-light, #fd79a8);
  --c-dropdown-bg: var(--random-dropdown, #ffeaa7);
  --c-dropdown-bg-hover: var(--random-dropdown-hover, #fdcb6e);
  --table-hover: var(--random-table, #e17055);
}

/* Changing Color Theme - Animated color transitions */
.body-design-changing-color {
  --text-color: #2d3436;
  --bg-color: #ffffff;
  background: linear-gradient(45deg, #f8f9fa, #fff8f8, #f8fff8, #fffef8);
  background-size: 400% 400%;
  animation: colorChangeBackground 15s ease-in-out infinite;
}

.body-design-changing-color .navbar {
  background: linear-gradient(45deg, #667eea, #ff9a9e, #a8edea, #ff9a56);
  background-size: 400% 400%;
  animation: colorChangeHeader 12s ease-in-out infinite;
}

.body-design-changing-color .dropdown-menu {
  background: linear-gradient(45deg, rgba(102, 126, 234, 0.9), rgba(255, 154, 158, 0.9), rgba(168, 237, 234, 0.9));
  background-size: 300% 300%;
  animation: colorChangeHeader 10s ease-in-out infinite;
}

.body-design-changing-color .table-hover tr:hover,
.body-design-changing-color .dropdown-item:hover {
  background: linear-gradient(45deg, rgba(102, 126, 234, 0.1), rgba(255, 154, 158, 0.1), rgba(168, 237, 234, 0.1));
  background-size: 300% 300%;
  animation: colorChangeAccent 8s ease-in-out infinite;
}

@keyframes colorChangeBackground {
  0%, 100% { background-position: 0% 50%; }
  25% { background-position: 50% 100%; }
  50% { background-position: 100% 50%; }
  75% { background-position: 50% 0%; }
}

@keyframes colorChangeHeader {
  0%, 100% { background-position: 0% 50%; }
  33% { background-position: 100% 100%; }
  66% { background-position: 100% 0%; }
}

@keyframes colorChangeAccent {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Modern Theme - Contemporary gradients and modern styling */
.body-design-modern {
  --text-color: #1a202c;
  --text-color-light: #4a5568;
  --bg-color: #f7fafc;
  --header-color: #667eea;
  --header-color-light: #a8b5ff;
  --c-dropdown-bg: rgba(255, 255, 255, 0.95);
  --c-dropdown-bg-hover: rgba(102, 126, 234, 0.1);
  --card-bg: rgba(255, 255, 255, 0.8);
  --table-hover: rgba(102, 126, 234, 0.05);
  --snapshot-highlight: #667eea;
  --chart: #667eea;
  --chart-light: #a8b5ff;
  --border-color-light: rgba(102, 126, 234, 0.1);
  --box-shadow-modern: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}

.body-design-modern .card,
.body-design-modern .dropdown-menu,
.body-design-modern .table {
  box-shadow: var(--box-shadow-modern);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.body-design-modern .navbar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.body-design-modern .navbar-nav .nav-link {
  color: white !important;
}

.body-design-modern .btn,
.body-design-modern .form-control {
  border-radius: 8px;
  border: 1px solid rgba(102, 126, 234, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.body-design-modern .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Design theme transition effects */
body {
  transition: all 0.3s ease-in-out;
}

.navbar, .dropdown-menu, .card, .table {
  transition: all 0.3s ease-in-out;
}

/* Design theme dropdown active state */
.design-theme-option.active {
  background-color: var(--c-dropdown-bg-hover) !important;
  font-weight: bold;
}

.design-theme-option.active::before {
  content: "✓ ";
  margin-right: 5px;
  color: var(--snapshot-highlight, #4285f4);
}

/* Theme indicator on palette icon */
#navbarDropdown_design .material-symbols-outlined {
  transition: color 0.3s ease;
}

.body-design-minimalist #navbarDropdown_design .material-symbols-outlined {
  color: #4285f4;
}

.body-design-random #navbarDropdown_design .material-symbols-outlined {
  color: var(--random-accent, #74b9ff);
}

.body-design-changing-color #navbarDropdown_design .material-symbols-outlined {
  animation: iconColorChange 6s infinite;
}

.body-design-modern #navbarDropdown_design .material-symbols-outlined {
  color: #667eea;
}

@keyframes iconColorChange {
  0%, 100% { color: #667eea; }
  25% { color: #ff9a9e; }
  50% { color: #a8edea; }
  75% { color: #ff9a56; }
}

/* Custom return attribution tooltip styles */
.return-tooltip {
  position: absolute;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.3;
  max-width: 500px;
  max-height: 500px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  display: none;
  white-space: pre-wrap;
}

.return-tooltip-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
}

.return-tooltip-close {
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.return-tooltip-close:hover {
  color: #ccc;
}

.return-tooltip-content {
  font-size: 10px;
  line-height: 1.4;
}

/* Fix for thick yellow borders between cells */
.plaintable_wp .bg-yellow.tri {
  border: 1px solid #ddd !important;
}

/* Ensure no double borders between adjacent yellow cells */
.plaintable_wp .bg-yellow.tri + .bg-yellow.tri {
  border-left: 1px solid #ddd !important;
}

/* Ensure proper border colors for all bg-yellow cells in the table */
.plaintable_wp .bg-yellow {
  border-color: #ddd !important;
  border-width: 1px !important;
  border-style: solid !important;
}

/* Fix toggle content table formatting */
.plaintable_wp .bbg.wp {
  background-color: var(--c-wp);
  border: none !important;
}

/* Ensure toggle content spans full width and aligns properly */
.plaintable_wp .bbg.wp td {
  padding: 0px !important;
}

/* Fix yellow column alignment in toggle content */
.plaintable_wp .bbg.wp table .bg-yellow {
  background-color: #ffeb3b !important;
  border-color: #ddd !important;
}


/* Enhanced WSJ News Visualization Styles */
.wsj-image-container {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.wsj-image-container img {
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.wsj-image-container:hover img {
  transform: scale(1.02);
}

.wsj-video-container {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.wsj-video-container:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.wsj-video-container .position-relative {
  cursor: pointer;
}

.wsj-video-container .position-absolute {
  transition: transform 0.3s ease;
}

.wsj-video-container:hover .position-absolute {
  transform: translate(-50%, -50%) scale(1.1);
}

.wsj-author {
  padding: 10px 0;
  border-left: 3px solid var(--snapshot-highlight);
  padding-left: 15px;
  margin: 10px 0;
  background-color: var(--table-blue97);
  border-radius: 0 8px 8px 0;
}

.wsj-author strong {
  color: var(--text-color);
}

.wsj-author details {
  margin-top: 8px;
}

.wsj-author summary {
  cursor: pointer;
  transition: color 0.2s ease;
}

.wsj-author summary:hover {
  color: var(--snapshot-highlight);
}

.wsj-keywords {
  background-color: var(--table-blue95);
  padding: 15px;
  border-radius: 8px;
  margin-top: 20px;
}

.wsj-keywords .badge {
  background-color: var(--c-dropdown-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color-light);
  transition: all 0.2s ease;
}

.wsj-keywords .badge:hover {
  background-color: var(--snapshot-highlight);
  color: white;
  transform: scale(1.05);
}

/* Enhanced paragraph styling for WSJ content */
#cockpit_news_content .wsj-content p {
  line-height: 1.6;
  margin-bottom: 16px;
}

#cockpit_news_content .wsj-content .text-primary {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.2s ease;
}

#cockpit_news_content .wsj-content .text-primary:hover {
  border-bottom: 1px solid var(--snapshot-highlight);
}

.clear-all-trigger{
  clear: both;
}

/* Responsive design for WSJ content */
@media (max-width: 768px) {
  .wsj-author {
    padding: 8px 0;
    padding-left: 12px;
  }

  .wsj-keywords {
    padding: 12px;
  }

  .wsj-keywords .badge {
    margin: 2px;
    padding: 3px 6px;
  }

  #cockpit_news_content .wsj-content p {
    line-height: 1.5;
  }
}


.col-box-1{ width: 20%; flex: auto;}
.col-box-2{ width: 50%; flex: auto;}
.col-box-3{ width: 30%; flex: auto;}
.company-overview .col-box-1 .cockpit-col,
.company-overview .col-box-2 .cockpit-col {height: 100%;}
.company-overview .col-box-3 > .row{ height: 100%;}
.company-overview .col-box-3 .cockpit-col{height: calc(50% - 8px);}
.bbadge-spacing{padding: 2px 3px; border-radius: 3px;}
.company-overview .col-box-3 .card.flex-fill {min-height: 210px;}
.screenerfintable tr.toggle-tag-group td.cg {
    color: black !important;
}
.screenerfintable tr.tag-group-row td {
  background-color: white !important;
}
.screenerfintable tr.tag-group-row td a {
  color: black !important;
}
.screenerfintable tr.tag-group-row td.cg{
  color: black !important;
}