:root {
    --color-pos: #369c6a;
    --color-neu: #528da9;
    --color-neg: #ab4c4d;
    --color-pos-bright: #09b24f;
    --color-neu-bright: #1a67b4;
    --color-neg-bright: #b51a11;
    --color-ortex-white: #fcfcfc;
    --color-ortex: #33aea9;
    --font-size-7: calc(5px + 0.1vw);
    --font-size-6: calc(4px + 0.25vw);
    --font-size-5: calc(5px + 0.30vw);
    --font-size-4: calc(10px + 0.28vw);
    --font-size-3: calc(7px + 0.50vw);
    --font-size-2: calc(8px + 0.55vw);
    --font-size-1: calc(12px + 0.8vw);
    --font-size-0: calc(14px + 1vw);
    --font-size-table: var(--font-size-4);
    --font-size-table-large: calc(9px + 0.35vw);
    --font-family-mono: "Roboto Mono", monospace;
    --font-family-main: "Roboto", sans-serif;


}


@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:400,500,700,900');

.widget_content {
    height: calc(100% - 25px);
    background-color: #231f20;
}

.widget_content .more {
    display: inline-block;
}

.box {
    border-radius: 2px;
    background: #312c2e;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
    flex: 1;
    margin: 3px;
    padding-top: 3px;
}

.grid-sizer {
    width: calc(20% - 8px);
    height: calc(20% - 8px);
    display: none;
}

.widgets .width_20 {
    width: calc(20% - 7px);
}

.widgets .width_10 {
    width: calc(10% - 7px);
}

.widgets .width_30 {
    width: calc(30% - 7px);
}

.widgets .width_50 {
    width: calc(40% - 7px);
}

.widgets .height_25 {
    height: calc(248px - 12px);
    /*must be equal to even number so we can have half*/
}

.widgets .height_125px {
    height: calc(124px - 12px);
}

.widget_content .date {
    font: normal 9px/1 "Roboto Mono", monospace;
    bottom: 0;
    float: left;
    padding-top: 3px;
    text-align: left;
    color: #F8F8F8;
}

.widget .h1, .widget .jBox-title {
    font: 600 13px/1 "Roboto", sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 1px;
    color: #080808;
    background-color: #3AAEA9;
}

.row_color_override_1 {
    background: #312c2e;
}

.table_name {
    font: bold small-caps normal 15px/1 "Roboto", sans-serif;
    padding-bottom: 1px;
    color: #A0A0A0;
    padding: 5px;
}

.table_spacer {
    height: 25px;
    background-color: #231f20;
    width: 100%;
}

.h2_larger, .widget .h2 {
    font: bold small-caps normal 12px/1 "Roboto", sans-serif;
    padding-bottom: 1px;
    text-align: center;
    z-index: 1;
    position: relative;
    font-size: var(--font-size-4);
}

h2, h1, h3 {
    font-size: INHERIT;
    font-weight: inherit;
}

.widget .small_header {
    font: bold small-caps normal 10px/1 "Roboto", sans-serif;
    padding-bottom: 1px;
    text-align: center;
    z-index: 10;
    position: relative;
}

.h2_larger {
    font: bold small-caps normal 15px/1 "Roboto", sans-serif;
}

.widget .h3 {
    font: bold small-caps normal 11px/1 "Roboto", sans-serif;
    padding-bottom: 1px;
    text-align: center;
    z-index: 10;
    position: relative;
}

.cursor_hand {
    cursor: pointer;
    text-decoration: underline;
}

.cursor_hand_no_underline {
    cursor: pointer;
}

.widget {
    font: normal 12px/1 "Roboto", sans-serif;
    font-size: var(--font-size-5);
    position: relative;
    /* display: inline-block; */
    /* overflow: hidden; */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 4px;
    padding: 0;
    text-align: center;
    text-overflow: ellipsis;
    border: solid 2px #0B2824;
    border-radius: 2px;
    background-color: #F8F8F8;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
    -o-text-overflow: ellipsis;
}

* {
    margin: 0;
}

.widget .item, .widget .group, .detailed_view {
    font: normal 10.5px/1 "Roboto", sans-serif;
    float: left;
    box-sizing: border-box;
    width: calc(100% - 0px);
    margin: 0;
    padding: 3px 3px 5px 3px;
    text-align: left;
    text-overflow: ellipsis;
    color: #fafafa;
    border: none;
    border-radius: 0;
    background: #231f20;
    -o-text-overflow: ellipsis;
}

.detailed_view {
    width: 100%;
    max-width: 100%;
    margin: 20px;
    padding: 0;
}

.detailed_view .table {
    border-radius: 5px;
    border: solid 2px #686868;
}

.side_margins {
    min-width: 145px;
}

.list_item:nth-child(odd) {
    background: #080808;
}

.widget .item:hover {
    background: #686868;
}

::-webkit-scrollbar, .highcharts-scrollbar {
    width: 4px;
    height: 12px;
    background-color: #231f20;
    fill: #231f20;
}

.table_description {
    text-align: center;
    text-shadow: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.9em;
    position: relative;
    overflow: visible;
    height: 0px;
    z-index: 999;
}

.ui-menu {
    z-index: 9999;
    background: #17262b !important;
    border: none !important;
    color: #dbdadb !important;
}

::-webkit-scrollbar-thumb, .highcharts-scrollbar-thumb {
    border: 0 solid #A0A0A0;
    background-color: #686868;
    fill: #686868;
    stroke: #A0A0A0;
    stroke-width: 0;
}

.widget_content {
    display: flex;
    padding: 1px;
    text-align: left;
    color: #fafafa;
    align-items: stretch;
    flex-flow: wrap;
}

.widget_content .row {
    display: flex;
    min-width: 100%;
    background-color: inherit;
    flex-flow: row;
    flex-basis: 0;
}

.widget_content.boxes_and_charts, .widget_content.boxes_and_list, .widget_content.region_analyst {
    display: block;
}

.bar_charts {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-grow: 1;
}

.widget_content .inner_box {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    flex-flow: column;
}

.widget_content .inner_box .top_title {
    font: normal 11px/1 "Roboto", sans-serif;
    color: #D0D0D0;
    border-right-width: 1px;
    border-left-width: 1px;
}

.widget_content .inner_box .sub_title {
    font: normal 9px/1 "Roboto", sans-serif;
    color: #D0D0D0;
    border-right-width: 1px;
    border-left-width: 1px;
    flex: 1 auto;
}

.widget_content .inner_box .title {
    margin-bottom: 5px;
}

.widget_content .inner_box .content {
    border-right-width: 1px;
    border-left-width: 1px;
    margin-left: 3px;
    flex-grow: 10000;
}

.c, .center {
    text-align: center;
}

.line_heading {
    margin-right: 8px;
    color: #D0D0D0;
}

.fs_m, .fontsize_medium {
    font-size: 10px;
}

.widget_content .inner_box .sector {
    text-align: left;
    font-size: 12px;
}

.widget_content .inner_box .sub_sector {
    font-size: 10px;
}

.widget_content .inner_box {
    font: normal normal normal 14px/1 "Roboto", sans-serif;
}

.widget_content .row .inner_box .top_title {
    font: 10px/1 "Roboto", sans-serif;
}

.widget .essentials #w_r_description {
    max-height: 54%;
}

.item_list {
    overflow-y: auto;
    width: 100%;
    overflow-x: auto;
    height: calc(100% - 3px);
}

#w_r_description .content {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 4px;
}

.description:after {
    position: absolute;
    right: 0;
    bottom: 20.5%;
    width: 70%;
    height: 6.6%;
    content: '';
    text-align: right;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #231f20 50%);
}

ul {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    line-height: 1.5;
    padding-left: 0;
    list-style-type: none;
}

li {
    margin: 0;
    padding: 0;
}

.widgets .height_25 {
    height: calc(248px - 12px);
}

.widgets .width_20 {
    width: calc(20% - 7px);
}

/* new styles */
.inline, .i {
    display: flex;
    justify-content: space-between;
}

th .i {
    white-space: nowrap;
}

.bold, .b {
    font-weight: bold;
}

.dim, .d {
    font-size: .9em;
    font-weight: normal;
    color: #fafafa;
}

.padd-left-10 {
    padding-left: 10px;
}

.text-right {
    padding-right: 3px;
    text-align: right;
}

.text-left {
    padding-left: 3px;
    text-align: left;
}

.right, .r {
    float: right;
}

.negative, .sell {
    color: var(--color-neg-bright);
}

.positive, .buy {
    color: var(--color-pos-bright);
}

.neutral, .hold {
    color: var(--color-neu-bright);
}

.inline-grid > div {
    display: inline-grid;
}

.analysts_recomendations .date {
    font: normal 10px/1 "Roboto Mono", monospace;
    float: none;
    width: 15px;
    padding-right: 15px;
    color: #fafafa;
}

.widget_summery {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border-bottom: solid 1px #F8F8F8;
    border-bottom: solid 1px rgba(232, 238, 241, 0.8);
}

.widget_summery table {
    height: 100%;
}

.widget_summery th, .detailed_view th {
    height: 10px;
}

.analysts_recomendations, .list_widget {
    display: block;
}

.detailed_view tr {
    background-color: #686868;
}

.info_box tr:nth-child(even), .detailed_view tr:nth-child(even) {
    background: #323a4d;
}

.widget tbody tr:hover, tbody tr:hover, div.hover:hover {
    background-image: linear-gradient(#0000003d, #0000003d 100%);
    background-blend-mode: darken;
}


.basic_header {
    font: 600 13px/1 "Roboto", sans-serif;
    text-shadow: none;
    padding: 0;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.9em;
    padding: 0 10px 0px;
}

.identifiers .basic_header {
    padding: 0 10px 5px;
    min-width: 50px;
}

.identifiers .big_value {
    padding: 0 10px 5px;
    font-size: 12px;
    letter-spacing: 0.5px;
    top: 0;
}

.dataTables_filter input {
    margin-bottom: 5px;
}

.widget_estimates {
    height: calc(100% - 40px);
}

.analysts_recomendations .company {
    font-size: .8em;
    width: 1px;
    white-space: nowrap;
}

.summery_table td {
    /*   font-size: 1.08em; */
    font-size: 11px;
}


.widget table, .detailed_view table {
    font: normal 12px/1.3 "Roboto", sans-serif;
    min-width: 100% !important;
    border-collapse: collapse;
    text-align: left;
    color: #fafafa;
    word-wrap: break-word;
    font-size: var(--font-size-table);
}

.fixed_table {
    table-layout: fixed;
}

.widget tr {
    padding: 3px 0;
}

.widget th, .detailed_view th {
    font-size: .9em;
    font-weight: normal;
    color: #F8F8F8;
}

.chart {
    width: 100%;
}

.mini_chart {
    width: 100%;
    height: 100%;
}

#main {
    display: flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    color: #fafafa;
    -webkit-flex-direction: row;
    background: #231f20;
}

header {
    font: normal normal bold 20px/1 "Roboto", sans-serif;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* box-sizing: content-box; */
    padding: 0;
    text-align: justify;
    text-overflow: ellipsis;
    color: #484848;
    border: none;
    -o-text-overflow: ellipsis;
}

header {
    background: #231f20;
}

section, .widgets {
    display: flex;
    flex-direction: row;
    /* flex: 1; */
    flex-wrap: wrap;
}

.menu {
    display: inline-block;
    position: relative;
    right: 20px;
    /* float: right; */
}

.universe_container {
    position: relative;
    float: right;
    margin-top: 5px;
    margin-right: 45px;
    font: normal 13px/normal "Roboto", sans-serif;
    color: #808080;
}

.search, .search_small, .search_small_short, .filter, .multi_select, .chosen-container {
    font: normal 16px/normal "Roboto", sans-serif;
    position: static;
    z-index: auto;
    display: inline-block;
    float: none;
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 225px;
    height: auto;
    margin: 0;
    padding: 2px 10px 2px 5px;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    text-overflow: clip;
    opacity: 1;
    color: #D0D0D0;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #423f3f;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: none;
    -o-text-overflow: clip;
}

.search_peer {
    width: calc(100% - 57px) !important;;
}

.search_container_peer {
    width: 100% !important;;
}

.search_button_peer {
    border-radius: 1px !important;
    padding: 3px 5px !important;
    max-width: 29px !important;
    background: #A0A0A0 !important;
    font-size: 12px !important;
}

.search_small, .search_small_short {
    font: normal 9px/normal "Roboto", sans-serif;
    width: 95%;
    min-width: 20px;
    max-width: 150px;
    margin-left: 7px;
    margin-top: -2px;
}

.search_small_short {
    width: 40px;
}

.dataTables_paginate {
    background: #686868;
}

.ui-autocomplete {
    width: 150px;
    padding: 2px 6px 2px 5px;
    border-radius: 0 0 3px 3px;
    background: #b8b8b8;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    border: solid #222629 3px !important;
}

.ui-widget-content .ui-state-active, .ui-button.ui-state-active:hover {
    color: #080808;
    border: 0;
    background: #1b4450;
    font-weight: 600 !important;

}

.sr_type_ETF {
    color: green;
}

.sr_type_Equity {
    color: #2222ef;
}

.sr_type_Fund {
    color: #5aa796;
}

.sr_type_REIT {
    color: #a71bce;
}

.sr_type_Other {
    color: #2222ef;
}

.sr_type_Index {
    color: #bdd3ef;
}

.sr_type_FX {
    color: #38ab2d;
}

.sr_type_Commodity {
    color: #ef8926;
}

.search_button, .filter_button, .column_button {
    font: normal 16px/normal "Roboto", sans-serif;
    position: static;
    z-index: auto;
    display: inline-block;
    float: none;
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    height: auto;
    margin: 0;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
    transition: none;
    transform: none;
    transform-origin: 50% 50% 0;
    text-overflow: clip;
    opacity: 1;
    color: #F8F8F8;
    color: #fafafa;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(252, 252, 252, 0.14);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(15, 73, 168, 0.66);
    -o-text-overflow: clip;
}

.logo {
    height: calc(100% - 6px);
    padding: 3px 5px 3px 5px;
}

.widget_box {
    display: block;
    min-width: 30%;
    height: 100%;
    max-height: calc(50% - 11px);
}

.widget_box_top {
    border-radius: 4px;
    background: #312c2e;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
    flex: 1;
    margin: 5px;
    padding-top: 3px;

}

/*.range_button{*/
/*border-radius: 4px;*/
/*background: #312c2e;*/
/*box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);*/
/*flex: 1;*/
/*margin: 5px;*/
/*padding-top: 3px;*/
/*}*/
.range_button {
    background-color: #313a4e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #263666;
    width: 100%;
    margin: 2px 5px 2px 5px;
    text-align: center;
    border-radius: 5px;
    max-height: 15px;
}

.range_button:hover {
    background-color: #3d4861;
}

.range_button.active {
    background-color: #4b5875;
    position: relative;
}

.range_button_list {
    padding: 2px;
    margin: 2px;
    border-radius: 1px;
}

.button_row {
    /*background: #313a4e none;*/
    padding-bottom: 1px;
    max-height: 21px;
}

tr.every_other:nth-child(4n) td, tr.every_other:nth-child(4n-1) td {
    background: #313a4e !important;
}

tr.every_other:nth-child(2n) td, tr.every_other:nth-child(2n-1) td {
    background: #312c2e;
}

.news_article {
    display: flex;
    max-height: 90px;
    padding-left: 5px;
}

.news_article_published {

}

.news_article_image {

}

.news_article_text {
    padding: 5px 5px 15px 5px;
}

.news_article_source {

}

.widget_box_fixed_size {
    border-radius: 4px;
    background: #312c2e;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
    margin: 5px;
    padding-top: 3px;
}

.widget_box.top:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.height_125px .widget_box {
    min-height: 50px;
}

#menu-bar {
    position: relative;
    z-index: 999;
}

#menu-bar li {
    /* position: relative; */
    /* float: left; */
    /* margin: 0 0 0 0; */
    /* padding: 0 0 0 0; */
    /* list-style: none; */
    /* border-right: solid 1px; */
    /* border-left: solid 1px; */
}

#menu-bar a, .dropbtn {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    display: block;
    height: 18px;
    margin: 0;
    padding: 9px 15px 0px 0px;
    text-decoration: none;
    color: #aaa;
    /*border-radius: 0;*/
    letter-spacing: 0.1em;
}

#menu-bar .active a {
    text-decoration: underline;
    background: #3AAEA9;
}

#menu-bar li:hover > a {
    background: #3AAEA9;
}

#menu-bar:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

tr {
    margin: 0;
    padding: 0;
}

.big_value {
    font: normal normal bold 24px/1 "Roboto", sans-serif;
    position: relative;
    top: 5px;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.small_value {
    font: normal normal bold 12px/1 "Roboto", sans-serif;
    position: relative;
    top: 0px;
    height: 50%;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.boxes_and_charts .boxes {
    width: calc(35% - 5px);
    margin-right: 5px;
}

.boxes {
    display: flex;
    width: 100%;
    height: 60px;
}

.boxes_and_charts .box_charts {
    height: calc(100% - 65px);
}

.boxes_and_charts .box_chart_eps {
    height: calc(100% - 70px);
}

.boxes_and_charts .box_chart_dtc {
    height: calc(100% - 60px);
}

.boxes_top {
    height: 28%;
    min-height: 55px;
    width: 100%;
}

.data_row_box {
    flex: 1;
    flex-wrap: wrap;
}

.data_row_item {
    padding-top: 5px;
}

.widget_box_top {
    border-left: 1px solid gray;
}

.boxes_top_small {
    height: 14%;
    min-height: 27px;
}

.center-div {
    position: relative;
    top: 25%;
}

/* new gauge */
.gauge {
    display: block;
    height: calc(100% - 15px);
    overflow: hidden;
}

.highcharts-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: transparent;
    font-family: "Roboto Mono", monospace;
    font-size: 11px;
}

.highcharts-root text {
    stroke-width: 0;
}

.highcharts-strong {
    font-weight: bold;
}

.highcharts-emphasized {
    font-style: italic;
}

.highcharts-background {
    fill: #231f20;
    height: calc(100%);
}

.highcharts-plot-border, .highcharts-plot-background {
    fill: none;
}

.highcharts-label-box {
    fill: #cccccc;
    /*fill-opacity: 0.2;*/
    stroke-width: 1;
}

.rec_flag {
    font-size: 13px;
    line-height: 1;
}

.highcharts-tooltip {
    z-index: 9998;
}

/*.highcharts-tooltip div {*/
/*    background-color: white;*/
/*    border: 1px solid #E2E2E2;*/
/*    opacity: 1;*/
/*    z-index: 9999 !important;*/
/*    padding: 5px*/
/*}*/

.highcharts-button-box {
    /*fill: inherit;*/
    fill: none;
}

.highcharts-title {
    fill: #e0e0e3;
    font-size: 1.5em;
}

.highcharts-subtitle {
    fill: #686868;
}

/* Axes */
.highcharts-axis-line {
    fill: none;
    stroke: #606063;
}

.highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0;
}

.highcharts-axis-title {
    fill: #686868;
}

.highcharts-axis-labels {
    fill: #686868;
    cursor: default;
    font-size: 0.9em;
}

.highcharts-grid-line {
    fill: none;
    stroke: rgba(100, 100, 100, 0.6);
    stroke-width: 0.1;
}

.gauge .highcharts-grid-line {
    stroke-width: 0.0;
}

.highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0;
}

.highcharts-tick {
    stroke: #707073;
}

.highcharts-yaxis .highcharts-tick {
    stroke-width: 1;
}

.highcharts-minor-grid-line {
    stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc;
}

.highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 1.0em;
    transition: fill 250ms, font-size 250ms;
    visibility: hidden;
}

.highcharts-credits:hover {
    fill: black;
    font-size: 1em;
}

.highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
}

.highcharts-tooltip text {
    fill: #333333;
}

.highcharts-color-none {
    fill: red;
}

.highcharts-tooltip .highcharts-header {
    font-size: 0.85em;
}

.highcharts-tooltip-box {
    fill: black;
    fill-opacity: 1;
    stroke-width: 0;
    color: black;
    background: red;
}

.highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25;
}

.highcharts-graph {
    fill: none;
    /*stroke-width: 2px;*/
    stroke-linecap: round;
    stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
    stroke-width: 3;
}

.highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */
}

g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
    transition: opacity 250ms;
}

/*.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),*/
/*.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),*/
/*.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),*/
/*.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {*/
/*    opacity: 0.2;*/
/*}*/

.highcharts-color-0 .highcharts-color-1 .highcharts-color-2 .highcharts-color-3 .highcharts-color-4 .highcharts-color-5 .highcharts-color-6 {
    stroke-width: 2px;
}

.highcharts-graph {
    stroke-width: 2px;
}

.highcharts-axis.highcharts-color-0 text {
    fill: #3AAEA9;
}

.highcharts-axis.highcharts-color-1 text {
    fill: #B1D7D5;
}

.highcharts-axis.highcharts-color-2 text {
    fill: #68e256;
}

.highcharts-axis.highcharts-color-3 text {
    fill: #e2cf56;
}

.highcharts-color-0 {
    fill: #3AAEA9;
    stroke: #3AAEA9;
    color: #3AAEA9;
}

.highcharts-color-1 {
    fill: #54bcff;
    stroke: #54bcff;
    color: #54bcff;
}

.highcharts-color-2 {
    fill: #68e256;
    stroke: #68e256;
    color: #68e256;
}

.highcharts-color-3 {
    fill: #e2cf56;
    stroke: #e2cf56;
    color: #e2cf56;
}

.highcharts-color-4 {
    fill: #cf56e2;
    stroke: #cf56e2;
    color: #cf56e2;
}


.highcharts-color-5 {
    fill: #e24144;
    stroke: #e24144;
    color: #e24144;
}

.highcharts-color-6 {
    fill: #e28956;
    stroke: #e28956;
    color: #e28956;
}

.highcharts-color-7 {
    fill: #3a6fed;
    stroke: #3a6fed;
    color: #3a6fed;
}


.highcharts-color-8 {
    fill: #8a56e2;
    stroke: #8a56e2;
    color: #8a56e2;
}

.highcharts-color-9 {
    fill: #2884e2;
    stroke: #2884e2;
    color: #2884e2;
}

.highcharts-color-override-0 {
    fill: #ae3a62 !important;
    stroke: #ae3a62 !important;
}

.highcharts-color-override-1 {
    fill: #54bcff !important;
    stroke: #54bcff !important;
}

.highcharts-color-override-2 {
    fill: #68e256 !important;
    stroke: #68e256 !important;
}

.highcharts-color-override-3 {
    fill: #e2cf56 !important;
    stroke: #e2cf56 !important;
}

.highcharts-color-override-4 {
    fill: #cf56e2 !important;
    stroke: #cf56e2 !important;
}

.highcharts-color-override-5 {
    fill: #56e2cf !important;
    stroke: #56e2cf !important;
}

.highcharts-color-override-6 {
    fill: #e28956 !important;
    stroke: #e28956 !important;
}

.highcharts-color-override-7 {
    fill: #e24144 !important;
    stroke: #e24144 !important;
}

.highcharts-color-override-8 {
    fill: #8a56e2 !important;
    stroke: #8a56e2 !important;
}

.highcharts-color-override-9 {
    fill: #2884e2 !important;
    stroke: #2884e2 !important;
}

.highcharts-color-override-10, .highcharts-color-10, .highcharts-series-10 {
    fill: #4fe297;
    stroke: #4fe297;
    color: #4fe297;
}

.highcharts-color-override-11, .highcharts-color-11, .highcharts-series-11 {
    fill: #e2d8a9;
    stroke: #e2d8a9;
    color: #e2d8a9;
}

.highcharts-color-override-12, .highcharts-color-12, .highcharts-series-12 {
    fill: #e27794;
    stroke: #e27794;
    color: #e27794;
}

.highcharts-color-override-13, .highcharts-color-13, .highcharts-series-13 {
    fill: #a30ce2;
    stroke: #a30ce2;
    color: #a30ce2;
}

.highcharts-color-override-14, .highcharts-color-14, .highcharts-series-14 {
    fill: #9d9ee2;
    stroke: #9d9ee2;
    color: #9d9ee2;
}

.highcharts-color-override-15, .highcharts-color-15, .highcharts-series-15 {
    fill: #a3dee2;
    stroke: #a3dee2;
    color: #a3dee2;
}

.highcharts-color-override-16, .highcharts-color-16, .highcharts-series-16 {
    fill: #c0e295;
    stroke: #c0e295;
}

.highcharts-color-override-17, .highcharts-color-17, .highcharts-series-17 {
    fill: #e2d5ce;
    stroke: #e2d5ce;
}

.highcharts-color-override-18, .highcharts-color-18, .highcharts-series-18 {
    fill: #e2ace2;
    stroke: #e2ace2;
}

.highcharts-color-override-19, .highcharts-color-19, .highcharts-series-19 {
    fill: #b3cbe2;
    stroke: #b3cbe2;
}

.highcharts-color-override-20, .highcharts-color-20, .highcharts-series-20 {
    fill: #cae2d2;
    stroke: #cae2d2;
}

.highcharts-color-override-21, .highcharts-color-21, .highcharts-series-21 {
    fill: #e2da10;
    stroke: #e2da10;
}

.highcharts-color-override-22, .highcharts-color-22, .highcharts-series-22 {
    fill: #e2650d;
    stroke: #e2650d;
}

.highcharts-color-override-23, .highcharts-color-23, .highcharts-series-23 {
    fill: #83dce2;
    stroke: #83dce2;
}

.highcharts-color-override-24, .highcharts-color-24, .highcharts-series-24 {
    fill: #e20381;
    stroke: #e20381;
}

.highcharts-color-override-25, .highcharts-color-25, .highcharts-series-25 {
    fill: #7781e2;
    stroke: #7781e2;
}

.highcharts-color-override-26, .highcharts-color-26, .highcharts-series-26 {
    fill: #7ae282;
    stroke: #7ae282;
}

.highcharts-color-override-27, .highcharts-color-27, .highcharts-series-27 {
    fill: #d5e29a;
    stroke: #d5e29a;
}

.highcharts-color-override-28, .highcharts-color-28, .highcharts-series-28 {
    fill: #c012e2;
    stroke: #c012e2;
}

.highcharts-color-white {
    stroke: #fff;
}

.highcharts-color-gray {
    stroke: #5d5d5d !important;
    color: #979797 !important;;
    fill: #979797 !important;;
    stroke-width: 0.5px !important;;
}

.highcharts-legend-item.highcharts-color-gray:not(.highcharts-legend-item-hidden) {
    fill: #979797 !important;
}

.highcharts-color-graytransparent {
    stroke: #5d5d5d !important;
    color: #979797 !important;
    fill: #97979750 !important;
    stroke-width: 0.5px !important;
}

.no_side_padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0;
}

.highcharts-markers {
    stroke-width: 1px;
    stroke: white;
}

.highcharts-point {
    stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
    stroke-width: 1px;
}

.highcharts-data-label {
    font-size: 0.9em;
    font-weight: bold;
}

.highcharts-data-label-box {
    fill: none;
    stroke-width: 0;
}

.highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0;
}

.highcharts-legend-box {
    fill: none;
    stroke-width: 0;
}

.highcharts-plot-band, .highcharts-pane {
    fill: black;
    fill-opacity: 0.05;
}

.highcharts-navigator-mask-outside {
    fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize;
}

.highcharts-navigator-outline {
    stroke: #606063;
    fill: none;
}

.highcharts-navigator-handle {
    stroke: #cccccc;
    fill: white;
    cursor: ew-resize;
}

.highcharts-navigator-series {
    fill: #cccccc;
    stroke: #cccccc;
}

.highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05;
}

/*.highcharts-navigator-xaxis .highcharts-axis-line {*/
/*stroke-width: 0;*/
/*stroke: rgb(255, 0, 0);*/
/*}*/
/*.highcharts-navigator-xaxis .highcharts-grid-line {*/
/*stroke-width: 1px;*/
/*stroke: rgb(112, 112, 115);*/
/*}*/
/*.highcharts-navigator-xaxis.highcharts-axis-labels {*/
/*fill: rgb(136, 136, 136);*/
/*}*/
/*.highcharts-navigator-yaxis .highcharts-grid-line {*/
/*stroke-width: 0;*/
/*}*/
/*.highcharts-scrollbar-arrow {*/
/*fill: rgb(204, 204, 204);*/
/*}*/
/*#gradient-red-orange-blue stop[offset="0"] {*/
/*stop-opacity: 1;*/
/*stop-color: rgb(204, 0, 0);*/
/*}*/
/*#gradient-red-orange-blue stop[offset="0.5"] {*/
/*stop-opacity: 1;*/
/*stop-color: rgb(255, 165, 0);*/
/*}*/
/*#gradient-red-orange-blue stop[offset="1"] {*/
/*stop-opacity: 1;*/
/*stop-color: rgb(0, 51, 204);*/
/*}*/
/*.highcharts-color-1 {*/
/*!*noinspection CssUnknownTarget*!*/
/*fill: url('#gradient-red-orange-blue');*/
/*}*/
td.value {
    font-weight: bold;
    letter-spacing: 0.3px;
}

.highcharts-halo {
    fill-opacity: 0;
    stroke-width: 0;
}

.highcharts-legend-item {
    font-size: 11px;
    cursor: pointer;
    padding-bottom: 25px;
}

.highcharts-legend {
    font-size: 10px;
    padding: 0;
    margin: 0;
}

.highcharts-legend-item-hidden {
    fill: #616161 !important;
}

.long_box, .long_narrow_box {
    width: 100%;
    min-width: 100%;
    height: 23%;
    padding: 0px 0px 1% !important;
}

.long_narrow_box {
    max-height: 18%;
}

.bar {
    background-color: #231f20;
    border: 1px #686868 solid;
    border-radius: 3px;
    width: calc(100% - 35px - 10ch);
    margin-right: 7px;
    margin-top: 3px;
    height: 12px;
    float: right;
}

.bar .range {
    height: 100%;
    background-color: #686868;
}

.bar .point {
    float: left;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.bar .mean {
    background-color: #B1D7D5;
}

.bar .actual {
    border-top-color: #3AAEA9;
    border-bottom-color: #3AAEA9;
    background-color: #3AAEA9;
}

.bar .stddev {
    background-color: #686868;
}

[tooltip-fill] {
    position: relative;
}

[tooltip-fill]:before {
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
    content: attr(tooltip-fill);
    position: absolute;
    background: rgba(41, 41, 41, 0.83);
    /*padding: 5px 5px;*/
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

[tooltip-fill]:hover:before {
    display: flex;
    opacity: 1;
}

[tooltip] {
    position: relative;
}

[tooltip]:before {
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    display: inline-block;
    min-width: 175px;
    max-width: 285px;
    text-align: center;
    z-index: 99999;
    content: attr(tooltip);
    position: absolute;
    top: 15px;
    left: 25%;
    background: rgba(41, 41, 41, 0.83);
    padding: 5px 5px;
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
}

[tooltip]:hover:before {
    display: inline-block;
    opacity: 1;
}

[tooltip-2] {
    position: relative;
}

[tooltip-2]:after {
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    display: inline-block;
    min-width: 175px;
    max-width: 285px;
    text-align: center;
    z-index: 999;
    content: attr(tooltip-2);
    /*position: absolute;*/
    top: 15px;
    left: 25%;
    background: rgba(41, 41, 41, 0.83);
    padding: 5px 5px;
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
}

[tooltip-2]:hover:before {
    display: inline-block;
    opacity: 1;
}

[tooltip-3] {
    position: relative;

}

.highcharts-flag-series.highcharts-point {
    stroke: red;

}

[tooltip-3]:before {
    white-space: pre;
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    display: inline-block;
    min-width: 100px;
    max-width: 285px;
    text-align: center;
    z-index: 999;
    content: attr(tooltip-3);
    position: absolute;
    top: 15px;
    left: 25%;
    background: rgba(41, 41, 41, 0.83);
    padding: 5px 5px;
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
}

[tooltip-3]:hover:before {
    display: inline-block;
    opacity: 1;
}

[tooltip-table] {
    /*display: table-row;*/
    /*position: relative;*/
    /*text-transform: None;*/
}

[tooltip-table]:after {
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    display: inline-block;
    min-width: 175px;
    /* max-width: 285px; */
    /* text-align: center; */
    z-index: 999;
    content: attr(tooltip-table);
    /*content: "<tr><td>aaa</td></tr>";*/
    position: absolute;
    /* top: 15px; */
    /* float: left; */
    /* left: -100%; */
    /* padding-right: 100px; */
    background: rgba(41, 41, 41, 0.92);
    padding: 5px 5px;
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
}

[tooltip-table]:hover:after {
    /*display: inline-block;*/
    display: table-row;
    position: absolute;
    /* float: right; */
    left: 100px;
    opacity: 1;
    opacity: 1;
}

.arrowed-line {
    float: left;
    height: 100%;
    position: absolute;
    top: -4px;
    left: -5px;
    /*corret for boarder left */
    width: 1px !important;
    height: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid;
    border-bottom: 4px solid;
    background-clip: content-box;
}

.arrow-below {
    color: #3AAEA9;
    float: left;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -5px;
    width: 0px !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid;
    background-clip: content-box;
}

.arrow-below-legend {
    color: #3AAEA9;
    width: 100%;
    text-align: center;
    top: 10px;
    position: relative;
    height: 0;
}

.arrow-above-legend {
    color: #A0A0A0;
    width: 100%;
    text-align: center;
    top: -20px;
    position: relative;
    height: 0;
}

.arrow-above {
    color: #A0A0A0;
    float: left;
    height: 100%;
    position: absolute;
    top: -4px;
    left: -5px;
    width: 0px !important;
    /* height: 1px; */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    /* border-bottom: 6px solid; */
    background-clip: content-box;
}

.narrow-bar {
    background: #B1D7D5;
    height: 3px;
    background-clip: content-box;
    top: 53px;
    width: calc(100% - 0px);
    margin-top: 3px;
    left: 2px;
}

.bar_edging {
    position: absolute;
    width: calc(100% - 0px);
    margin-top: 3px;
    height: 55px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-top: 1px solid;
}

.bar_container {
    margin: auto;
    position: relative;
    width: calc(100% - 30px);
    height: 100px;
    padding-top: 8px;
}

.bar_header {
    font-size: var(--font-size-4);
    padding-bottom: 7px;
}

.bar_top_left {
    padding: 3px;
    justify-content: space-between;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -12px;
    float: left;
}

.bar_top_right {
    padding: 3px;
    justify-content: space-between;
    display: inline-block;
    float: right;
    position: relative;
    top: 10px;
    right: -12px;
}

a {
    color: inherit;
    text-decoration: inherit;
}

col.date_width {
    width: 100px;
}


col.type_width {
    width: 100px;
}

col.summary_width {
    width: 170px;
}

.details_table td {
    padding: 5px;
}

.jBox-title, .jBox-content, .jBox-container {
    background-color: #2a7b78 !important;
    font: normal 17px/normal "Roboto", sans-serif;
    color: #f3f3f3 !important;
}

.jBox-title {
    background-color: #0f403e !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font: 600 14px/1 "Roboto", sans-serif;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #A0A0A0;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #A0A0A0;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #A0A0A0;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #A0A0A0;
}

.screening_center {
    display: inline-block;
    width: 59%;
}

.screening_page {
    width: 100%;
    margin-top: 10px;
}

.screening_right_bar {
    vertical-align: top;
    display: inline-block;
    width: 16%;
    margin: 0 2% 0 2%;
    background-color: green;
}

.screening_left_bar {
    vertical-align: top;
    display: inline-block;
    width: 16%;
    margin: 0 2% 0 2%;
}

.filter {
    margin-bottom: 2px;
    margin-top: 2px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px;
}

.no_padding {
    /*padding: 0 !important;*/
}

.no_height {
    height: unset !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px 17px 5px 3px;
}

.filter_button, .column_button {
    margin-left: 216px;
    margin-bottom: 2px;
    margin-top: 2px;
}

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 255px;
    border-top: 0;
    background: #423f3f;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    max-width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #686868;
    cursor: default;
}

/* @end */
/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #fafafa;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #686868;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #484848;
    color: #F8F8F8;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.chosen-choices {
    font: normal 16px/normal "Roboto", sans-serif;
}

.column_button {
    margin-left: 209px;
    margin-top: 4px;
}

.dataTables_wrapper .dataTables_length {
    color: #686868;
    float: right;
}

input[type="checkbox"] {
    position: relative;
    top: 2px;
    height: 11px;
    left: 1px;
}

.highcharts-plot-line {
    fill: none;
    stroke: #999999;
    stroke-width: 1px;
}

.plotline_max_min {
    stroke: #F8F8F8;
    stroke-width: 2px;
}

.plotline_red {
    stroke: var(--color-neg);
}

.plotline_blue {
    stroke: var(--color-neu);
}

.highcharts-plot-line-label {
    fill: #686868;
}

.highcharts-macd-series {
    fill: #4096ff !important;
    stroke: #4096ff !important;
}

.highcharts-macd-series .highcharts-negative {
    stroke: red !important;
    fill: red !important;
}

.highchart-red-stroke {
    stroke: #ff0000 !important;
}

.highchart-blue-stroke {
    stroke: #4096ff !important;
}


.checkbox {
    z-index: 90;
}

path.highcharts-point.highcharts-color-1 {
    fill-opacity: 0;
    stroke-opacity: 0;
}

path.highcharts-point.highcharts-color-2 {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.highcharts-rsi-series.highcharts-color-1 {
    fill-opacity: 1;
    stroke-opacity: 1;
}

.highcharts-macd-series.highcharts-color-1 {
    fill-opacity: 1;
    stroke-opacity: 1;
}

.highcharts-bb-series.highcharts-color-1 {
    fill-opacity: 1;
    stroke-opacity: 0.4;
}

.widget .h4 {
    background-color: #231f20;
    font: bold small-caps normal 9px/1 "Roboto", sans-serif;
    padding-bottom: 1px;
    text-align: center;
    z-index: 10;
    position: relative;
}

.list_table tr td:first-child {
    padding-right: 10px;
}

.list_table th:last-child {
    text-align: right;
    padding-right: 10px;
}

.list_table th:first-child {
    width: 85%;
}

.small_width {
    width: 65% !important;
}

.widget_content.boxes_and_list {
    overflow: hidden;
}

.table-link {
    cursor: pointer;
}

.coming_soon_style {
    font-size: 13px;
    color: #808080;
    margin: auto;
}

.large_table td {
    font-size: 14px !important;
}

.no_data {
    position: relative;
    text-align: center;
    top: -9px;
    font: normal 9px/1 "Roboto Mono", monospace;
}

.highchart_floater {
    position: absolute;
    z-index: 8;
    right: 35px;
    font-size: 11px;
}

.highchart_floater_left {
    position: absolute;
    z-index: 8;
    left: 17px;
    font-size: 11px;
    top: 55px;
}

.highchart_floater > div {
    display: inline-block;
    padding-right: 5px;
}

.highchart_floater > span {
    display: inline-block;
    padding-right: 5px;
}

.small_text {
    font-size: 10px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

tr.even, div.even {
    background: #202736;
}

tr.odd, div.odd {
    background: #222c3c;
}

.text_colored_positive .positive, .text_colored_negative .negative, .text_colored_neutral .neutral {
    font-weight: bold;
}

/*.news_realtime .even {*/
/*    background: #3490bb;*/
/*}*/

/*.news_realtime .odd {*/
/*    background: #25769c;*/
/*}*/

.even_trans {
    background: #312c2e75;
}

.odd_trans {
    background: #1d25334f;
}

.th_1 {
    background-color: #262e40 !important;
}

.th_0 {
    background-color: #3e475d !important;
}

.th_underlined {
    border-bottom: 1px solid #ffffff29;
}

#uni_overview_table td:nth-child(1),
#uni_overview_table td:nth-child(3),
#uni_overview_table td:nth-child(5),
#uni_overview_table td:nth-child(n+7):nth-child(-n+9),
#uni_overview_table td:nth-child(11),
#uni_overview_table td:nth-child(14),
#uni_overview_table td:nth-child(n+18):nth-child(-n+21) {
    background-color: #f5eaea0f;
}

.error {
    font: normal 12px/1 "Roboto", sans-serif;
    text-align: center;
}

li.ui-menu-item:nth-child(even) {
    background: #0b1619;
}

.ui-menu-item-wrapper {
    width: 100%;
}

.search_result_item {
    display: flex;
    flex-direction: column;
    color: #ccc;
}

#loader_screen, .fullscreen_popup {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    z-index: 999;
    font-size: 25px;
}

.fullscreen_popup {
    background: rgba(35, 44, 61, 0.85);
}

#loader_screen_text, fullscreen_popup_text {
    font: normal 16px/normal "Roboto", sans-serif;
    font-size: var(--font-size-1);
    text-align: center;
    position: relative;
    top: 33%;
    color: #fff;
}

.highcharts-input-group {
    display: none !important;
}

.highcharts-range-selector-buttons > text {
    display: none !important;
}

/*.highcharts-range-selector-buttons .highcharts-button,  .highcharts-range-selector-buttons .highcharts-button-box{*/
/*    width:40px;*/
/*}*/

.highcharts-point-up {
    fill: #00b35c !important;
    stroke: #00b35c !important;
}

.highcharts-point-down {
    fill: var(--color-neg) !important;
    stroke: var(--color-neg) !important;
}

.highcharts-button-box {
    height: 17px;
    fill: #ffffff29;
}

.highcharts-button > text {
    fill: #c5c5c5 !important;
}

#valuation_quarterly_list_table td:nth-child(n+2):nth-child(-n+5) {
    background-color: #f5eaea0f;
}

#valuation_quarterly_list_table td:nth-child(n+7):nth-child(-n+11) {
    background-color: #f5eaea0f;
}

#valuation_list_table td:nth-child(n+2):nth-child(-n+3) {
    background-color: #f5eaea0f;
}

/*.box_charts {*/
/*height: calc(100% - 12px);*/
/*}*/

.calendar_container {
    overflow-x: hidden;
    width: 100%;
    display: flex;
    height: calc(100% - 40px);
    flex-wrap: wrap;
}

.day_container {
    width: calc(33.333% - 17px);
    /* border: black solid; */
    margin: 5px;
    background-color: #232c3d;
    height: calc(50% - 10px);
    overflow-x: auto;
}

.calendar_event {
    padding: 4px 0px 4px 0px;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 5px 10px 5px 10px
}

.estimate_event {
    font-size: 13px;
    margin-bottom: 4px;
    padding: 5px 0px 5px 5px;
}

.day_header {
    background-color: #1d2533;
    font: 600 13px/1 "Roboto", sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 1px;
    color: #080808;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    /*font-size: 9px;*/
    padding-bottom: 5px;

}

.event_text {
    width: calc(65% - 10px);
    color: #ccc;
    line-height: 1.1em;
}

.estimate_text {
    width: calc(75% - 10px);
    color: #ccc;
    line-height: 1.1em;
}

.event_time, .alpha_time {
    width: 15%;
    text-align: right;
}

.estimate_time {
    width: 25%;
    text-align: right;
}

.event_title, .alpha_title {
    font: 400 14px/1 "Roboto", sans-serif;
    /*text-transform: uppercase;*/
    letter-spacing: 0.07em;
    width: calc(65% - 10px);
    padding-bottom: 7px;
    /*text-decoration: underline;*/
    color: #fff;
}

.calendar_week_day {
    overflow-y: scroll;
    width: calc(20% - 8px);
    background: #312c2e;
    margin: 2px 1px 0px 0px;
    padding: 2px 2px 0px 2px;
}

.calendar_day_today {
    border: #ccc solid 1px;
    margin: 0px 0px 0px 0px;
}

.week_date_today {

}

.event_week_events {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
}


/*BG*/
.do_event_styles .event_type_bg_trade_show, div.event_type_bg_trade_show, tr.event_type_bg_trade_show td:nth-child(3), disabled_tr.macro_event_bg_price, div.macro_event_bg_price {
    background-color: #296562;
}

.do_event_styles .event_type_bg_conference_call, div.event_type_bg_conference_call, tr.event_type_bg_conference_call td:nth-child(3), disabled_tr.macro_event_bg_gov, div.macro_event_bg_gov {
    background-color: #255f84;
}

.do_event_styles .event_type_bg_road_show, div.event_type_bg_road_show, tr.event_type_bg_road_show td:nth-child(3), disabled_tr.macro_event_bg_confidencetd:nth-child(3), div.macro_event_bg_confidence {
    background-color: #456f3f;
}

.do_event_styles .event_type_bg_result, .do_event_styles .event_type_bg_operating_results, div.event_type_bg_result, .do_event_styles .event_type_bg_operating_results, tr.event_type_bg_result td:nth-child(3), tr.event_type_bg_operating_results td:nth-child(3), disabled_tr.macro_event_bg_election, div.macro_event_bg_election {
    background-color: #304063;
}

.do_event_styles .event_type_bg_investor_conference, .do_event_styles .event_type_bg_investor_meeting, div.event_type_bg_investor_conference, div.event_type_bg_investor_meeting, tr.event_type_bg_investor_conference td:nth-child(3), tr.event_type_bg_investor_meeting td:nth-child(3), disabled_tr.macro_event_bg_sales_exp_pro, div.macro_event_bg_sales_exp_pro {
    background-color: #885690;
}

.do_event_styles .event_type_bg_analysts_briefing, div.event_type_bg_analysts_briefing, tr.event_type_bg_analysts_briefing td:nth-child(3), disabled_tr.macro_event_bg_investment, div.macro_event_bg_investment {
    background-color: #e28956;
}

.do_event_styles .event_type_bg_press_conference, div.event_type_bg_press_conference, tr.event_type_bg_press_conference td:nth-child(3), tr.event_type_bg_revenue td:nth-child(3), div.event_type_bg_revenue, disabled_tr.macro_event_bg_gdp, div.macro_event_bg_gdp {
    background-color: #d89725;
}

.do_event_styles .event_type_bg_capital_market_day, div.event_type_bg_capital_market_day, tr.event_type_bg_capital_market_day td:nth-child(3), disabled_tr.macro_event_bg_interes, div.macro_event_bg_interes {
    background-color: #2c615c;
}

.do_event_styles .event_type_bg_annual, div.event_type_bg_annual, tr.event_type_bg_annual td:nth-child(3) {
    background-color: #6d1e73;
}

.do_event_styles .event_type_bg_tradingstatement, .do_event_styles .event_type_bg_sale, .do_event_styles .event_type_bg_kpi, .do_event_styles .event_type_bg_activity_indicators, div.event_type_bg_tradingstatement, div.event_type_bg_sale,
tr.event_type_bg_tradingstatement td:nth-child(3), tr.event_type_bg_sale td:nth-child(3),
.event_type_bg_activity_indicators td:nth-child(3), .event_type_bg_kpi td:nth-child(3) {
    background-color: #8a56e2;
}

.do_event_styles .event_type_bg_tradeshow, div.event_type_bg_tradeshow, .alpha_type_bg_technical, tr.event_type_bg_tradeshow td:nth-child(3), .alpha_type_bg_technical, disabled_tr.macro_event_bg_inflation, div.macro_event_bg_inflation {
    background-color: #56aee2;
}

.do_event_styles .event_type_bg_analystsitevisit, div.event_type_bg_analystsitevisit, tr.event_type_bg_analystsitevisit td:nth-child(3), disabled_tr.macro_event_bg_holidays, div.macro_event_bg_holidays {
    background-color: #e28956;
}

.do_event_styles .event_type_bg_traffic_figures, div.event_type_bg_traffic_figures, tr.event_type_bg_traffic_figures td:nth-child(3), disabled_tr.macro_event_bg_property, div.macro_event_bg_property {
    background-color: #8e8447;
}


.do_event_styles .event_type_bg_interim_management_statement, disabled_tr.macro_event_bg_pmi, div.macro_event_bg_pmi, div.event_type_bg_interim_management_statement, div.event_type_bg_agm, tr.event_type_bg_interim_management_statement td:nth-child(3), tr.event_type_bg_agm td:nth-child(3) {
    background-color: #1c7430;
}

disabled_tr.macro_event_bg_ir, div.macro_event_bg_ir {
    background-color: #ba2121;
}

disabled_tr.macro_event_bg_ppi, div.macro_event_bg_ppi {
    background-color: #56aee2;
}

div.event_type_bg_extraordinary, tr.event_type_bg_extraordinary td:nth-child(3), disabled_tr.macro_event_bg_employment, div.macro_event_bg_employment {
    background-color: #BD194A;
}

disabled_tr.macro_event_bg_gov, div.macro_event_bg_gov_bud, div.macro_event_bg_gov, disabled_tr.macro_event_bg_gov_bud {
    background-color: #b8bd59;
}

disabled_tr.macro_event_bg_other, div.macro_event_bg_other, disabled_tr.macro_event_bg_summit, div.macro_event_bg_summit {
    background-color: #458a8b;
}

div.estimate_change_positive, .estimate_event tr.estimate_change_positive td:nth-child(2), .estimate_event .estimate_change_positive {
    background-image: linear-gradient(var(--color-pos), var(--color-pos));
}

div.estimate_change_negative, .estimate_event tr.estimate_change_negative td:nth-child(2), .estimate_event .estimate_change_negative {
    background-image: linear-gradient(var(--color-neg), var(--color-neg));
}

div.estimate_change_neutral, .estimate_event tr.estimate_change_neutral td:nth-child(2), .estimate_event .estimate_change_neutral {
    background-image: linear-gradient(var(--color-neu), var(--color-neu));
}


tr.events td:nth-child(3) {
    display: block;
    width: fit-content;
    text-align: center;
    min-width: 100px;
    border-radius: 3px;
    height: 0.75em;
    line-height: 0.75em;
    top: 1em;
    vertical-align: middle;
    position: relative;

}

.estimate_rec_change.inline-children {
    text-align: center;
    border-radius: 3px;
    padding: 0;
}

.macro_event_color {
    display: block;
    width: fit-content;
    min-width: 100px;
    border-radius: 3px;
    height: 0.75em;
    line-height: 0.75em;
    top: -0.25em;
    left: 10px;
    vertical-align: middle;
    position: relative;
}

.td_color {
    background-size: calc(100% - 5px) calc(100% - 3px);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

div.estimate_change_positive, div.estimate_change_negative, div.estimate_change_neutral, div.estimate_change_positive_tp, div.estimate_change_negative_tp, div.estimate_change_neutral_tp {
    text-align: center;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
}

div.estimate_change_negative_tp {
    background-image: linear-gradient(#652420, #652420);
}

div.estimate_change_positive_tp {
    background-image: linear-gradient(#28562b, #28562b);
}

div.estimate_change_neutral_tp {
    background-image: linear-gradient(var(--color-neu), var(--color-neu));
}


.calendar_day_name {
    /* height: 10px; */
    text-transform: UPPERCASE;
    font: 600 10px/1 "Roboto", sans-serif;
    letter-spacing: 0.5px;
    background: inherit;
    padding-top: 0;
    margin-top: 2px;
}

.event_type, .alpha_type {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 20%;
}

.estimate_title {
    font: 400 14px/1 "Roboto", sans-serif;
    /*text-transform: uppercase;*/
    letter-spacing: 0.07em;
    width: calc(46% - 10px);
    padding-bottom: 7px;
    /*text-decoration: underline;*/
    color: #fff;
}

.estimate_rec_change {
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    width: 25%;
}

.estimate_tp_change {
    text-align: right;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    width: 29%;
}

.event_week_date {
    padding-bottom: 4px;
    padding-top: 4px;
    font-weight: 900;
    background: #888;
    color: #000;
    padding-left: 5px;
}

.navigation_container {
    padding-bottom: 2px;
    padding-top: 8px;
    padding-left: 10px;
    font: normal 14px/normal "Roboto", sans-serif;
    border-bottom: 0 !Important;
    /*margin: auto;*/
    /*float: none;*/
}

.navigation_item {
    background: none;
    box-shadow: none;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 0 !Important;
    color: #fff;
    cursor: pointer;
    /* max-width: 150px; */
}

.pointer_navigator {
    height: 20px;
    position: relative;
}

.pointer_navigator:hover {
    text-decoration: underline;
}

.pointer_navigator:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    /*z-index: -1;*/
    border-left: 12px solid #232c3d;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.pointer_navigator:before {
    content: "";
    position: absolute;
    right: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 12px solid #313a4e;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.horizontal_select {
    list-style: none;
    display: inline;
}

.horizontal_select li {
    float: left;
    border: 1px solid black;
}

.horizontal_select li:hover {
    color: white;
    background-color: black;
}

.cal_selector {
    display: inline-block;
    /*text-align: center;*/
}

.dropdown {
    display: inline-block;
}

.dropdown dd,
.dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: absolute;
}

.dropdown a,
.dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown dt a {
    background-color: #4F6877;
    display: inline-block;
    padding: 8px 4px 8px 4px;
    min-height: 10px;
    line-height: 10px;
    overflow: hidden;
    border: 0;
    min-width: 272px;
}

.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    /*   display: inline-block; */
    padding: 0 3px 2px 0;
}

.country_group_name {
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

.dropdown dd ul {
    background-color: #4F6877;
    border: 0;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 260px;
    list-style: none;
    /*height: 100px;*/
    overflow: auto;
}

.countries_in_group {
    display: flex;
    flex-wrap: wrap;
}

.country_check {
    width: 23%;
    padding-left: 10px;
}

.country_select ul {
    /*display: flex;*/
    flex-wrap: wrap;
    font-weight: normal;
}

.country_dropdown dd ul {
    width: 620px;
    height: 100%;
    z-index: 99;
}

.country_dropdown dt a {
    min-width: 632px;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: inline-block;
}

.dropdown dd ul li a:hover {
    background-color: #fff;
}

.cal_selector_button {
    position: relative;
    background-color: #4F6877;
    width: 42px;
    border: 0;
    /* top: -9px; */
    padding: 0 4px;
    /* margin: 0px 0; */
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 26px;
    cursor: pointer;
}

.event_types_selector, .calendar_navigator_left, .calendar_navigator_right {
    display: inline-block;
    position: relative;
    /* top: -5px; */
    padding-right: 10px;
    font: 200 12px/1 "Roboto", sans-serif;
}

.calendar_navigator_left, .calendar_navigator_right {
    height: 50%;
    margin: auto;
    overflow-wrap: break-word;
    flex: 1;
    vertical-align: center;
}

.calendar_navigator {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.filter_slider {
    min-width: 30px;
    background: #32415a;
    border-color: #5e6f8e7d !important;
    margin: 3px 5px 0px 5px;
}

.ui-slider-handle {
    width: 10px !important;
}

.ui-slider-handle, .ui-widget-content .ui-state-default {
    background: #29313e;
    /*border-color: #475774;*/
}

.filter_slider:hover:before {
    opacity: 1;
    /*content: '';*/
}

.filter_slider:before {
    font: normal 10.5px/1.2 "Roboto", sans-serif;
    display: inline-block;
    min-width: 50px;
    max-width: 285px;
    text-align: left;
    z-index: 999;
    content: "Min: " attr(data-minvalue) "  Max: " attr(data-maxvalue);
    position: absolute;
    top: 0px;
    /* left: 25%; */
    background: rgba(41, 41, 41, 0.83);
    padding: 3px 5px;
    color: #fff;
    /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9); */
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    text-transform: None;
    overflow: visible;
    white-space: pre;
}

/*.dataTables_scrollHeadInner .range_filter_div {*/
/*position: absolute;*/
/*display: block;*/
/*width: 50px !important;*/

/*}*/

.big_uni_list_screening .dataTables_scrollHead .th_0, .big_uni_list_screening .dataTables_scrollHead .th_1 {
    height: 30px !important;
}

.ui-widget {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    line-height: 1.5;
    padding-left: 0;
    list-style-type: none;
}

.universe_title {
    float: left;
    position: absolute;
    font-size: 11px;
    top: -2px;
    padding-left: 2px;
}

.flex_header {
    /* display: flex; */
    /* justify-content: space-between; */
}

.list_sublist_item_divider {
    border-bottom: 4px solid #222629;
}

.hover_opacity:hover {
    opacity: 0.9;
}

/*progress bar stuff*/
progress[value] {
    width: 100%;
    height: 20px;
    background-color: whiteSmoke;
}

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
}

p[data-value] {

    position: relative;
}

p[data-value]:after {
    content: attr(data-value) '%';
    position: absolute;
    right: 0;
}

.analyst_consensus_bar::-webkit-progress-value {
    background-image: -webkit-linear-gradient(left, var(--color-neg) 0%, var(--color-neu) 50%, var(--color-pos) 100%);
}

/*.analyst_consensus_bar::-webkit-progress-value*/
/*{*/
/*background-image: -webkit-linear-gradient(to right, var(--color-neg) 0%,var(--color-neu) 50%,var(--color-pos) 100%);*/
/*}*/

.progress-bar-container {
    width: 90%;
    height: 20px;
    margin: 0 auto;
    position: relative;
    top: 10px;
    /*border-radius: 35px;*/
    /*overflow: hidden;*/
    padding-bottom: 10px;
}

.progress-bar-child {
    width: 100%;
    height: 100%;
}

.progress {
    color: white;
    text-align: center;
    line-height: 75px;
    font-size: 35px;
    font-family: "Segoe UI";
    animation-direction: reverse;
    background: #e5405e;
    /* Old browsers */
    background: -moz-linear-gradient(left, var(--color-neg) 0%, var(--color-neu) 50%, var(--color-pos) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--color-neg) 0%, var(--color-neu) 50%, var(--color-pos) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--color-neg) 0%, var(--color-neu) 50%, var(--color-pos) 100%);
    border-radius: 5px;
}


.activity_bar {
    color: white;
    text-align: center;
    line-height: 75px;
    font-size: 35px;
    font-family: "Segoe UI";
    animation-direction: reverse;
    background: #e5405e;
    /* Old browsers */
    background: -moz-linear-gradient(left, var(--color-neu) 0%, var(--color-pos) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--color-neu) 0%, var(--color-pos) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--color-neu) 0%, var(--color-pos) 100%);
    border-radius: 5px;
}

.shrinker {
    background-color: #fff;
    position: absolute;
    color: #fff;
    height: 25px;
    top: -8px;
    width: 2px !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid;
    border-top: 6px solid;
    background-clip: content-box;
}

.tr_soft_separate {
    border-bottom: solid 2px #00000038;
}

.analyst_value_size_1 {
    top: 0;
    padding-top: 0;
    font-size: calc(12px + 0.8vmin) !important;
}

.analyst_value_size_2 {
    top: 0;
    padding-top: 0;
    font-size: calc(14px + 1.2vmin) !important;
}

.analyst_value_size_3 {
    top: 0;
    padding-top: 0;
    font-size: calc(16px + 2vmin) !important;
}

.f1 {
    font-size: calc(10px + 1.2vmin) !important
}

.f2 {
    font-size: calc(8px + 1vmin) !important
}

.f3 {
    font-size: calc(4px + 0.8vmin) !important
}

.f4 {
    font-size: calc(4px + 0.7vmin) !important;
}

.f5 {
    font-size: calc(4px + 0.6vmin) !important;
}

.event_article_title {
    padding-right: 15px;
}

.transparent {
    opacity: 0;
}

.pt10 {
    padding-top: 10px;
}

.DTS_Loading {
    display: none !important;
    font: normal 16px/1.2 "Roboto", sans-serif;
    font-size: calc(16px + 2vmin) !important;
    position: absolute;
    top: 40%;
    left: 45%;
}

div.DTS {
    display: block !important
}

/*div.DTS tbody th, div.DTS tbody td {*/
/*    white-space: nowrap*/
/*}*/

div.DTS div.DTS_Loading {
    z-index: 1;
    display: block;

}

div.DTS div.dataTables_scrollBody {
    /*background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)*/
}

div.DTS div.dataTables_scrollBody table {
    z-index: 1;
}

div.DTS div.dataTables_paginate, div.DTS div.dataTables_length {
    display: none;
}

.ortex_loading {
    position: relative;
    top: 30%;
}

.dataTables_processing {
    height: 100%;
    z-index: 10;
    position: absolute;
    width: 100%;
    margin: auto;
    text-align: center;
    background: #232c3df0;
    font-size: calc(10px + 1vmin) !important;
    color: #33aea982;
}


.currency_select {
    top: -3px !important;
    max-width: 50px;
}

.column_divider:after {
    content: "";
    height: 100%;
    background-color: #00000021;
    width: 1px;
    margin-left: 0px;
    z-index: 10;
    float: right;
}

.commodity_stock_info {
    font-size: 14px;
    padding: 1px 0px 2px 0px;
}

.commodity_container {
    padding-bottom: 10px;
}

.row1 {
    background: #232c3d;
}

.row2 {
    background: #16253a;
}

.commodity_stock_name {
    width: calc(56% - 10px);
    padding-left: 10px;
}

.commodity_stock_sensativity {
    width: 12%;
}

.commodity_stock_effect {
    width: 15%;
}

.commodity_stock_chart_button {
    width: 14%;
    text-align: right;
}

.row_color-override_1 {
    background: #312c2e;
}


.ortex-rating {
    /*height: 25px; !*remove in prod  *!*/
    font-family: "Ortex";
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 8px;
    width: 60px; /*font_size * 5 + 4* spacing*/
    /*margin: 0 auto;*/
    position: relative;
    padding: 0;
    /*   text-shadow: 0px 1px 0 #a2a2a2; */
    /*letter-spacing: 2px;*/
    overflow: hidden;

}

.ortex-rating-top {
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}


.ortex-rating-bottom {
    padding: 0;
    display: block;
    z-index: 0;
    /*   background:#ccc; */
}

.ortex-rating-bar {
    background: #737272a3;
}

.ortex-rating-star {
    font-size: inherit;
    font-size: 1.2em;
    width: fit-content;
    line-height: 1em;
    white-space: nowrap;
}

.ortex-rating-star.ortex-rating-top {
    color: #ffd700;
}


.bar_ortex {
    background: #33aea9;
}

.bar_pos {
    background: var(--color-pos);
}

.bar_neg {
    background: var(--color-neg);
}


.child_hover_disabled {
    background-image: linear-gradient(#0000003d, #0000003d 100%);
    background-blend-mode: darken;
}

.news_preview {
    colro: red;
}

div.dataTables_info, div.dataTables_filter input {
    display: none;
}

.loading_list_data {
    background: #232c3df0;
    font-size: calc(10px + 1vmin) !important;
    color: #33aea982;
}

.peer_price, .peer_rating {
    width: 21%
}

.peer_name {
    width: 33%;
}

.peer_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 10px;
}

.peer_chart_button {
    flot: right;
    padding: 3px;
}

.ism_price_change {
    width: 10%;
}

.ism_sector_name {
    padding-left: 15px;
    width: calc(50% - 15px);
}

.ism_chart {
    width: 20%;
}

.ism_container {
    overflow: auto;
    height: calc(100% - 30px);
    width: 100%;
}

.sector_container {
    padding-left: 5px;
}

.ism_sectors {
    /*padding-left: 5px;*/
}

.index_sector, .main_index {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index_row {
    padding: 5px 0px 5px 0px;
}

.ism_index_sector_name {
    padding-left: 5px;

}

.sector_container0 {
    padding-left: 5px;
    /*padding-right: 5px;*/
    background: #516c98;
}

.sector_container1 {
    padding-left: 5px;
    /*padding-right: 5px;*/
    background: #2f4e69;
}

.follow_scroll {
    /*background: #e64a19;*/
    /*padding: 10px 20px;*/
    position: sticky;
    z-index: 1;
    color: #fff;
    background: inherit;
}

.follow_scroll.fixed {
    position: fixed;
    top: 29px;
    width: inherit;
    box-sizing: border-box;
    z-index: 0;
}

.follow_scroll.fixed.absolute {
    position: absolute;
}

.sector_container0, .sector_container1 {
    widht: inherit;
}

.main_index {
    position: sticky;
    top: 0;
}

.table_consensus {
    flex: 1;
    text-align: center;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    margin-left: 4px;
}

.table_consensus_container {
    display: flex;
    margin: -3px -3px -3px -3px;
    width: 8em;

}

.table_consensus span {
    position: relative;
    top: 1px;
}

.pos, tr.tr_pos {
    background-color: var(--color-pos) !important;
}

.neu, tr.tr_neu {
    background-color: var(--color-neu) !important;
}

.neg, tr.tr_neg {
    background-color: var(--color-neg) !important;
}

.highcharts-color-neg {
    fill: var(--color-neg) !important;
    color: var(--color-neg) !important;
}

.highcharts-color-pos {
    fill: var(--color-pos) !important;
    color: var(--color-pos) !important;
}

.highcharts-color-white {
    fill: var(--color-ortex-white) !important;
    color: var(--color-ortex-white) !important;
}


.news_text strong {
    font-size: var(--font-size-4);
    line-height: 2em;
    top: 0.3em;
    position: relative;
}

.news_text strong {
    font-size: var(--font-size-3);
    padding-bottom: 5px;
}

.news_text a {
    text-decoration: underline;
}

.news_source {
    font-size: var(--font-size-6);
    text-align: right;
}

.news_full_content .news_title {
    font-size: var(--font-size-2);
}

.news_full_content p {
    margin-top: 15px;
    line-height: 1.4em;
}

.news_full_content .news_text {
    font-size: var(--font-size-4);
}

.news_full_content em {
    line-height: 2em;
    top: 0.3em;
    position: relative;
    font-size: var(--font-size-3);
}


.news_text block {
    max-width: 80%;
    display: block;
    margin: 0 auto;
}


pre {
    font-family: "Roboto", sans-serif, Helvetica, Arial;
}

.news_full_content strong:after {
    padding: 2px;
    line-height: 15px;
    content: '';
}

.news_relevant_stocks_container {
    /*margin-left: 25%;*/
}

.ticker {
    font-family: var(--font-family-mono);
    font-size: 0.9em;
}

.news_large {
    table-layout: fixed;
}

.table_header_item {
    white-space: pre;
}

.search_seperate_line {
    width: 80% !important;
    min-width: 20px;
    max-width: 230px;
    margin-left: 0px;
    margin-top: 0px;
}

.news td:first-child {
    vertical-align: text-top;
}

.news_published {
    font-size: 0.85em;
}

.news .news_description {
    font-size: 0.9em;
    padding-top: 3px;
    display: none; /*hidden for now*/
}

.news .news_title {
    /*font-weight: 600;*/
}

.table_tr_links tr:hover {
    cursor: pointer;
    /*text-decoration:underline;*/
}

.chart_inline {
    padding: 2px;
    /*border: solid 0.5px #00000024;*/
    border-radius: 3px;
}

.insider_subitem_container {
    padding-left: 10px;
    padding-bottom: 10px;
}

.tr_min_height {
    height: 47px;
}

.ortex-tooltip {
    background-color: #f7f7f7d9;
    padding: 5px;
    color: #0c0c0c;
}


/* ///new */
.progress-ortex {
    background: var(--color-ortex);
    border-radius: 5px;
}

.progress-bar-indicator {
    background-color: #fff;
    position: absolute;
    color: #fff;
    height: 25px;
    top: -8px;
    width: 3px !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid;
    border-top: 6px solid;
    background-clip: content-box;
}

.progress-bar-indicator.top {
    border-bottom: 6px solid transparent;
}

.progress-bar-indicator.bottom {
    border-top: 6px solid transparent;
}

.progress-bar-indicator:after {
    content: attr(indicator-text);
    position: relative;
    left: -40px;
    width: 83px;
    display: block;
    text-align: center;
    font-size: 1em;
}

.progress-bar-indicator.bottom:after {
    top: 33px;
    font-size: 1.2em;
}

.progress-bar-indicator.top:after {
    top: -20px;
}

.progress-bar-container.valuations {
    margin-top: 17px;
    color: #000;
    font-size: 1em;
}

.progress-bar-container.valuations:before {
    content: attr(bar-min);
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 3;
    font-family: var(--font-family-mono);
    font-weight: bold;
    font-size: 1.1em;
    background-color: #33aea9;
}

.progress-bar-container.valuations:after {
    content: attr(bar-max);
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 3;
    font-family: var(--font-family-mono);
    font-weight: bold;
    font-size: 1.1em;
    background-color: #33aea9;
}

.h1.cursor_hand {
    text-decoration: none;
    border-bottom: solid 2px #fff;
    line-height: 1.2em;
}

.country-flag {
    background-size: contain;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    background: none no-repeat 50%;
}

.heading-prefix {
    font-size: var(--font-size-7);
    font-family: var(--font-family-mono);
    text-transform: uppercase;
}


.loader-37 {
    border-right: .1em solid currentcolor;
    border-radius: 100%;
    -webkit-animation: loader-37 800ms linear infinite;
    animation: loader-37 800ms linear infinite;
    margin: 35px;
    font-size: 50px;
}

.loader-37:before, .loader-37:after {
    content: '';
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    top: calc(50% - .4em);
    left: calc(50% - .4em);
    border-left: .08em solid currentcolor;
    border-radius: 100%;
    animation: loader-37 400ms linear infinite reverse;
}

.loader-37:after {
    width: .6em;
    height: .6em;
    top: calc(50% - .3em);
    left: calc(50% - .3em);
    border: 0;
    border-right: .05em solid currentcolor;
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes loader-37 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes loader-37 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.highcharts-label.highcharts-tooltip-box span {
    color: black;
}

.uni_parent {
    font-weight: bold;
}

.no_data_text {
    font-size: var(--font-size-table);
    padding: 5px;
}

.ortex-rating-na {
    opacity: 0.3;
}

.widget_resize_vertical {
    resize: vertical;
    overflow: auto;
}

.widget_resize_vertical .widget_content {
    max-height: calc(100% - 33px);
}

.box_header_close {
    float: right;
    right: 4px;
    position: relative;
    font-size: 13px !important;
    top: 7px;
    color: #686868 !important;
    cursor: pointer;
}

.box_header_configurable {
    font-size: 18px !important;
    color: #686868 !important;
    cursor: pointer;
    margin-left: auto;
}

.news_text table {
    color: white;
}

#CookielawBanner {
    background: #fff;
    padding: 15px 0;
}

#CookielawBanner .container {
    position: relative;
}

#CookielawBanner #CookielawCross {
    background: url('../img/close.png') no-repeat 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

.grid-stack .grid-stack-item .widget {
    overflow-y: hidden !important;
    padding-top: 5px;
}

.pc_after::after {
    content: ' %';
}

.highcharts-markers {
    opacity: 1;
}

.ui-menu-item-wrapper {
    color: #ccc !important;
}