/*Bootstrap 4*/
/*@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.4.6/css/flag-icon.min.css");*/

:root[data-theme="light"] {
    /* Base theme transition - apply to root to affect all theme variables */
    --transition-duration: 200ms;
    --transition-timing: ease;

    /* Add transition to all color properties */
    transition: background-color var(--transition-duration) var(--transition-timing),
    color var(--transition-duration) var(--transition-timing),
    border-color var(--transition-duration) var(--transition-timing);

    --filter_height: 70px;
    --hover_size: 15px;
    --max_width: 1000px;
    --per_width: 100%;
    --light_color: #089981;
    --strong_color: #089981;
    --overall_background: white;
    --goland_color: #f4f4f4;
    --text_light_color: black;
    --cool_border_color: #DADDE0;
    --text_gray_color: #2f3133;
    --width_plan_button: 230px;
    --text_blue: #1551c3;
    --chosen_red: #ff6669;
    --header_color: black;
    --half_width: 260px;
    --true_half: 283px;
    --half_height: 340px;
    --popup_background: #3c3f41;
    --drop_background: white;
    --hover_color: #e5e5e5;
    --shadow: #626A72;
    --chosen_green: #089981;
    --user_chat_background: #e4e3e3;
    --loading_chat_bar_color: #e4e3e3;
    --orange_color: #ea8436;
    --hover_on_white_popup: #f4f4f4;
    --tradingview_highlight: #2a2e39;
    --header_searchbox_border: #e4e3e3;
    --background_dropdown_header: white;
    --scrollbar_color: #c1c1c1;
    --scrollbar_color_hover: #7d7d7d;
    --original-size: 16px;
}


:root[data-theme="dark"]  {
    /* Base theme transition - apply to root to affect all theme variables */
    --transition-duration: 200ms;
    --transition-timing: ease;

    /* Add transition to all color properties */
    transition: background-color var(--transition-duration) var(--transition-timing),
    color var(--transition-duration) var(--transition-timing),
    border-color var(--transition-duration) var(--transition-timing);

    --filter_height: 70px;
    --hover_size: 15px;
    --max_width: 1000px;
    --per_width: 100%;
    --light_color: #96EDAC;
    --strong_color: #1db954;
    --overall_background: #383838;
    --goland_color: #444444;
    --text_light_color: #fff;
    --cool_border_color: #626A72;
    --text_gray_color: #c9c9c9;
    --width_plan_button: 230px;
    --text_blue: #00b3e3;
    --chosen_red: #ff6669;
    --header_color: #c9c9c9;
    --half_width: 260px;
    --true_half: 283px;
    --half_height: 340px;
    --popup_background: #3c3f41;
    --drop_background: #444444;
    --hover_color: #696969;
    --shadow: #626A72;
    --chosen_green: #1db954;
    --user_chat_background: #444444;
    --loading_chat_bar_color: #555555;
    --orange_color: #ea8436;
    --hover_on_white_popup: #f4f4f4;
    --tradingview_highlight: #2a2e39;
    --header_searchbox_border: transparent;
    --background_dropdown_header: #3c3f41;
    --scrollbar_color: #696969;
    --scrollbar_color_hover: #626A72;

}


* {
    transition: background-color var(--transition-duration) var(--transition-timing),
    color var(--transition-duration) var(--transition-timing),
    border-color var(--transition-duration) var(--transition-timing),
    box-shadow var(--transition-duration) var(--transition-timing);
}

.strong_color_text {
    color: var(--strong_color);
}
.text_gray_color{
    color: var(--text_gray_color)
}
.redd{
    color: red;
}
.chosen_red{
    color: var(--chosen_red) !important;
}
#root {
    background: var(--overall_background);
}
html {
    font-size: 16px;
    background-color: var(--overall_background);
    border-width: 1px;
    /*font-family: Camphor, Open Sans, Segoe UI, sans-serif;*/
    /*font-family: Circular,Helvetica,Arial,sans-serif;*/
}
body, body * {
    /*overflow-x: hidden;*/
    /*font-family: Trebuchet MS, roboto, ubuntu, sans-serif;*/
    font-family:  ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";

}
/* IE 10+ */
::placeholder {
    opacity: 1;
    transition: opacity .5s;
}

/* Modern Browsers */

*:focus::-webkit-input-placeholder {
    opacity: 0;
}

/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
    opacity: 0;
}

/* FF 4-18 */
*:focus::-moz-placeholder {
    opacity: 0;
}

/* FF 19-50 */
*:focus:-ms-input-placeholder {
    opacity: 0;
}

/* IE 10+ */
*:focus::placeholder {
    opacity: 0;
}

input, button {
    outline: none;
}

*:focus {
    outline: none;
}

.italic {
    font-style: italic;
    font-size: .9rem;
}

.bold {
    font-weight: bold;
}

.align_right {
    text-align: right !important;
}

.align_left {
    text-align: left !important;
}

.orange {
    color: var(--strong_color) !important;
}
a.text-blue:hover{
    /*color: coral !important;*/
    text-decoration: none !important;
    font-weight: bold;
}
.text-green {
    color: #1db954;
}

.text-red {
    color: #f45b5b;
}

.text-blue {
    color: var(--text_blue) !important;
}

.tt-suggestion strong {
    color: #00b3e3;
}

.text-brown {
    color: #b98b1d;
}

.text-grey {
    color: #c8c8c8;
}

.text-white {
    color: var(--text_light_color) !important;
}

.valuation {
    margin-left: auto;
    margin-right: auto;
    /*border: solid blue;*/
    background-color: var(--overall_background);
    color: #ffffff;
    min-width: 98%;
    /*font-family: Circular, Helvetica, Arial, sans-serif;*/
    /*overflow: hidden;*/
}

.summary_left_valuation {
    /*border: solid blue;*/
    min-height: 500px;
}

.orange_bar_light {
    width: 100%;
    height: 23px;
    background-color: var(--light_color);
    margin-top: 15px;
    margin-bottom: 15px;
}

.orange_bar_strong {
    width: 100%;
    height: 23px;
    background-color: var(--strong_color);
    margin-bottom: 15px;
    margin-top: 10px;
}

.all_model {
    /*max-height: 0px !important;*/
    width: 100%;
    background-color: var(--goland_color);
}

.each_model {
    /*max-height: 0px !important;*/
    /*max-width: 0 !important;*/
    border-bottom: solid var(--overall_background);
    border-width: 2px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    padding-right: 15px;
    cursor: pointer;
    color: #a9a9a9;
    /*font-weight: bold;*/
    font-size: 0.95rem
}

.each_model:hover {
    border-left: solid 5px var(--strong_color);
    padding-right: 10px;
}

.each_model_active {
    color: var(--strong_color) !important;
    /*font-size: 1rem;*/
    font-weight: bold;
}

.each_model_name {
    margin-top: auto;
    margin-bottom: auto;
}

.fa-chevron-right {
    float: right;
    margin-bottom: auto;
    margin-top: auto;
    /*color: orange;*/
}

.detail_valuation {
    /*border: solid red;*/
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}

.top_part {
    /*border: solid red;*/
    width: var(--per_width);
    max-width: var(--max_width);
    margin-left: auto;
    margin-right: auto;
    /*color: white;*/
    /*overflow: auto;*/
    /*background-image: linear-gradient(to right, var(--light_color) , var(--strong_color));*/
}
.blue_text{
    color: var(--text_blue);
}
.financial_color{
    color: rgb(245,248,250);
}
.background_hover{
    background-color: var(--hover_color);
}
#name_of_model {
    margin-top: 15px;
    padding-bottom: 10px;
    font-weight: normal;
    color: var(--text_light_color);
    font-size: 1.25rem;
    font-weight: bold;
}
:root[data-theme="light"] .name_of_model{
    font-weight: bold;
}
.model_options {
    display: inline-block;
    margin-right: 15px;
}
.currency_unit{
    display: inline-block;
    color: white;
    padding-top: 5px;
    margin-right: 15px;
    font-weight: bold;
}
.model_name {
    /*border: solid red;*/

}

.stockprice_fairprice {
    /*border: solid red;*/
    padding-left: 0px;
    height: 100px;
}

.price_square {
    display: inline-block;
    float: right;
    /*background-color: var(--light_color);*/
    margin-right: 15px;
    min-width: 120px;
    text-align: right;
    /*border: solid red;*/
    margin-top: 13px;
    padding: 7px 10px 7px 0px;
    color: var(--text_light_color);
    border: 1px solid var(--text_light_color);
    /*padding-right: 7px;*/
}

#upside {
    /*background-color: var(--strong_color)*/
    /*color: black;*/
    font-weight: bold;
    font-size: 1.1rem;
}

.fs {
    /*border: solid red;*/
    /*padding-top: 10px;*/
    /*max-width: 100px !important;*/
}

.price_square2 {
    display: inline-block;
    float: right;
    margin-left: auto;
    min-width: 140px;
    text-align: right;
    /*border: solid red;*/
    margin-top: 13px;
    margin-bottom: 20px;

}

.model_extra_infos {
    margin-right: 20px;
    min-height: 70px;
    /*border: solid red;*/
    /*background-image: linear-gradient(to right, var(--light_color) , var(--strong_color));*/

}

#dropdownMenuButton {
    /*background: none;*/
    background-color: var(--goland_color);
    color: var(--text_gray_color);
    /*border: 1px solid white;*/

    font-size: 0.8rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.show_15_button{
    background-color: var(--overall_background) !important;
}
#accountDrop{
    /*background-color: var(--goland_color);*/
    background: none;
    border: none;
    color: var(--text_gray_color) ;
    /*border: 1px solid white;*/
    font-size: 0.85rem;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#dropdownMenuButton1 {
    /*background: none;*/
    background-color: var(--goland_color);
    color: #a9a9a9;
    /*border: 1px solid white;*/
    font-size: 0.8rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 95px !important;
}
.dropdown_val{
    min-width: 0 !important;
    /*width: 100% ;*/
    font-size: 0.8rem;
    text-align: center !important;
    color: var(--text_gray_color) !important;
    background-color: var(--drop_background);
    border: 1px solid  #626A72;
}
.dropdown_header{
    min-width: 0 !important;
    /*width: 100% ;*/
    font-size: 0.8rem;
    /*text-align: center !important;*/
    color: var(--text_gray_color) !important;
    background-color: var(--background_dropdown_header);
    /*border: 2px solid  black;*/
    /*border: 1px solid var(--shadow);*/

    /*border: none !important;*/

}
.header_drop_item{
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9rem;
    color: var(--text_gray_color);
    /*min-width: 300px;*/
    font-weight: normal;
    white-space: nowrap;
}
.header_drop_item:hover{
    background: var(--hover_color);
    /*font-weight: bold;*/
}

.dropdown-wrapper {
    display: inline-block;
    width: auto; /* or fixed if desired */
    position: relative;
    min-width: auto;
}

.dropdown-menu{
    /*white-space: normal;*/
    /*overflow-wrap: break-word;*/
    /*word-wrap: break-word;*/
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
}

.dropdown-toggle{
    width: 100%;
    box-sizing: border-box;
}

.line_bot{
    /*border-bottom: 1px solid black;*/
}
.margins{
    margin-left: 1px;
    margin-right: 1px;
}
.dropdown_item_val {
    /*background-color: red;*/
    color: var(--text_gray_color) !important;
    margin: auto !important;
    padding: 0 12px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}

.dropdown_item_val:hover {
    /*color: var(--strong_color) !important;*/
    background-color: var(--hover_color) !important;
}
.dropdown_item_val1 {
    /*background-color: red;*/
    color: var(--text_gray_color) !important;
    margin: auto !important;
    padding: 0;
    cursor: pointer;
}
.dropdown_item_val1:hover {
    background-color: var(--hover_color) !important;
}
.detail_options1 {
    background-color: var(--goland_color);
    /*border: solid blue;*/
    width: var(--per_width);
    max-width: var(--max_width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #a9a9a9;
    padding: 5px;
    padding-bottom: 0;
    font-size: 0.8rem;
}

.detail_options2 {
    background-color: var(--goland_color);
    /*border: solid blue;*/
    width: var(--per_width);
    max-width: var(--max_width);
    margin-left: auto;
    margin-right: auto;
    color: var(--text_light_color);
    padding: 5px;
    font-size: 0.8rem;
    margin-bottom: 30px;
}

.beta_detail_item{
    /*color: coral;*/
}
.detail_options_company_nav {
    background: unset;
    margin-left: unset;
    margin-right: unset;
    font-size: 0.9rem;
}

.detail_options_company_nav i {
    font-size: 1.1rem;
    margin-right: 5px;
}

.active_detail_options1_item, .active_pv_tab{

    /*font-size: 0.9rem;*/
    font-weight: bold;
    border-bottom: solid var(--strong_color);
}

/*.active_detail_options1_item i, .detail_options1_item:hover {*/
/*    color: coral;*/
/*}*/

/*.detail_options_item_multiple{*/
/*    font-size: 1rem;*/
/*}*/
.detail_options1_item, .one_pv_tab{
    display: inline-block;
    margin-right: 15px;
    color: var(--text_gray_color) !important;
    /*margin-left: 5px;*/
    /*padding-left: 0;*/
    /*text-align: center;*/
    cursor: pointer;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}
.detail_options1_item:hover{
    color: var(--text_gray_color) !important;
    text-decoration: none;
}
.details {
    width: var(--per_width);
    max-width: var(--max_width);
    margin: auto;
    height: 750px;
    position: relative;
    overflow: auto;
    white-space: nowrap;
    color: var(--text_light_color) !important;
}
.table_out_pv_wrap{
    position: relative;
    overflow: auto;
    white-space: nowrap;
}
.financial_table_wrapper{
    max-width: 3000px !important;
}
.financial_table{
    color: var(--text_gray_color) !important;
}
.peer_table_in_wacc{
    height: 347px
}
.auto_height{height:390px}
.detail_table {
    position: absolute;
    margin: auto;
    margin-top: 10px;
    text-align: right;
    /*background-color: #222;*/
}

.detail_table th, .detail_table td {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}
.pos_relative{
    position: relative !important;
}

.under {
    border-bottom: solid var(--cool_border_color);
    border-width: 1px;
}

.tiny {
    font-size: 0.7rem;
    font-weight: 300;
}

.each_summary {
    margin-top: 5px;
    margin-bottom: 10px;
    /*border: solid red;*/
    /*margin-right: 5px;*/
    /*margin-left: 5px;*/

}

.future {
    /*color: #00aad4 !important;*/
}
.float_right{
    float: right;
}
.float_left{
    float: left;
}
.right_border {
    border-right: solid #a9a9a9 !important;
    border-width: 1px !important;
    padding-right: 10px;
}

.ag-theme-alpine {
    background-color: #1f1f1f;
}

.blank_row {
    height: 15px; /* overwrites any other rules */
}

.nav_top_small {
    background-color: var(--goland_color);
    /*border: solid blue;*/
    /*width: var(--per_width);*/
    max-width: var(--max_width);
    margin-left: 7px;
    margin-right: 0;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #a9a9a9;
    padding: 0px;
    padding-bottom: 0;
    font-size: 0.9rem;
    /*display: flex;*/
    border-radius: 30px;
    display: inline-block;
}

.nav_top_small_item {
    display: inline-block;
    min-width: 50px;
    margin: auto;
    padding: 7px;
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    text-align: center;
    border-radius: 30px;
    cursor: pointer;

}

.active_nav_top_small {
    border-radius: 30px;
    color: white !important;
    background-color: var(--strong_color);
    /*font-weight: bold;*/
    /*font-size: 1rem;*/
    /*border-bottom: solid var(--strong_color);*/
}
.margin_top_40{
    margin-top: 50px !important;
}
@media (max-width: 600px) {
    html {
        font-size: 13px;
    }
    #accountDrop{font-size: 1rem !important;}
    .top_nav_wrapper{
        min-width: 300px !important;
    }
    .filter_left_title{
        margin-left: 10px !important;
    }
    .add_button{
        margin-right: 5px !important;
        width: 40px !important;
    }
    .sillow{
        margin-left: -5px;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .trash_right{
        margin-right: 5px !important;
    }
    .left_title{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .truly_header_platform_search_out > .twitter-typeahead >.tt-menu{
        margin-left: -85px;
        margin-top: 10px;
    }
    .each_summary {
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .price_square {
        min-width: 100px;
    }

    #multiple {
        max-width: 200px;
    }
}

@media (max-width: 991px) {
    .detail_options1_item {
        padding-bottom: 5px;
        padding-top: 5px;
        margin-right: 10px;
    }

    .active_detail_options1_item {
        font-size: 0.82rem;
    }
}

.green_background {
    background-color: var(--strong_color);
    color: black;
}

.red_background {
    background-color: #ff6669;
}

.border_orange {
    border-color: var(--strong_color);
}

.color_gray {
    color: #b4b8cd !important;
}

.under_light_color {
    border-bottom: solid var(--strong_color) !important;
    border-bottom-width: 1px !important;
}

.above_light_color {
    border-top: solid var(--strong_color) !important;
    border-top-width: 1px !important;
}

.color_light {
    color: var(--light_color) !important;
}

.background_light {
    background-color: #00b3e3;
    border-bottom: none !important;
    color: white !important;
}

.background_light_bottom {
    background-color: #00b3e3;
    color: white !important;
}

#wacc_table {
    width: 500px;
    /*margin-left: 0;*/
}

#epv_valuation {
    max-width: 500px;
}

#epv_region {
    height: 350px;
}

.background_gray {
    background-color: #2f2d2d;
}

.true_orange {
    /*color: orange*/
}

.underscore {
    text-decoration: underline;
}

.cool_background {
    background-color: #029dd5;
    /*color: black;*/
    color: white !important;
}

#multiple {
    max-width: 500px;
}

.tomato_color {
    color: tomato;
}

#ddm_stable {
    max-width: 500px;
}

.all_screener {
    margin-left: auto;
    margin-right: auto;
    /*border: solid blue;*/
    /*background-color: #222;*/
    color: var(--text_light_color);
    min-width: 98%;
    margin-top: 5px;
    /*font-family: Circular, Helvetica, Arial, sans-serif;*/
    /*overflow: hidden;*/

}

.screener_left {
    /*border: solid red;*/
    /*min-height: 400px;*/
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 0;

}

.left_title {
    background-color: var(--goland_color);
    /*border: solid blue;*/
    display: flex;
    justify-content: space-between;
    color: #a9a9a9;
    padding: 4px;
    padding-left: 6px;
    /*width: 99%;*/
    margin-bottom: 5px;
    line-height: 30px;
    font-weight: bold;
}
#left_title{
    height: 36px;
    background-color: transparent;
    border-bottom: 2px solid #626A72;
}
#right_screener{
    height: 42px;
    background-color: transparent;
}
#right_screener0{
    height: 36px;
    /*padding-top:0;*/
    padding-bottom: 0;
    background-color: transparent;
    border-bottom: 2px solid #626A72;
}
.filter_left_title {
    color: var(--strong_color);
}

.icon_right {
    /*float:right;*/
    margin-bottom: auto;
    margin-top: auto;
}

.content_left {
    font-size: 0.8rem;
    padding-right: 0px;
    /*border: 1px solid yellow;*/
    overflow: hidden;
}

.screener_icon {
    cursor: pointer;
    margin-right: 10px;
}

.fa-plus-square:hover {
    /*font-size: 18px;*/
}
.hover_orange:hover{
    color: coral !important;
}
.fa-minus-square:hover {
    font-size: 18px;
}

.fa-redo:hover {
    font-size: 16px;
}

.fa-filter:hover {
    font-size: 15px;
}

.fa-edit:hover {
    font-size: 15px;
}
.no_change_size_hover:hover{
    font-size: 0.8rem !important;
}
.bell_screener:hover{
    font-size: 15px;
}
.currency_left {
    padding: 5px;
    padding-left: 10px;
    margin-bottom: -10px;
    /*padding-top: 5px;*/
    /*display: flex;*/
    /*justify-content: space-between;*/

}

.currency_text {
    display: inline-block;
}

.currency_drop_right {
    display: inline-block;
    padding-left: 10px;
}

#currency_dropdown {
    margin-left: 5px;
}

.filters {

}

.filter {
    /*min-height: var(--filter_height);*/
    /*position: relative;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    width: 100%;
    z-index: -1;
    background-color: var(--goland_color);
}

.new_filter {
    width: 100%;
    background-color: var(--goland_color);
    height: 80px;
    font-size: .8rem;
    margin-bottom: 20px;
    z-index: 2;

}

.edit_delete {
    display: flex;
    flex-direction: column;
    /*border: solid green;*/
    /*justify-content: space-between;*/
    width: 10%;
    height: 100%;
    /*position: relative;*/
    /*min-height: var(--filter_height);*/
    /*display: inline;*/
    float: left;
    color: #a9a9a9;
}

.ed_icon {
    margin: auto;
}
.x_new_filter{
    margin: auto;
}
.x_new_filter:hover{
    font-size: 1rem;
}
.filter_content {
    display: flex;
    flex-direction: column;
    float: right;
    width: 75%;
    height: 100%;
    /*border: solid green;*/
    /*position: relative;*/
    /*min-height: var(--filter_height);*/
    padding-top: 5px;
    padding-bottom: 2px;
}

.filter_content1 {
    display: flex;
    flex-direction: column;
    float: right;
    width: 75%;
    height: 100%;
    /*border: solid green;*/
    /*position: relative;*/
    /*min-height: var(--filter_height);*/
    padding-top: 5px;
    padding-bottom: 2px;
}

.filter_name {
    /*color: var(--strong_color);*/
}

.bigger_or_smaller {
    color: #a9a9a9;
}

.count {
    float: right;
    /*position: relative;*/
    width: 15%;
    height: 100%;
    /*border: solid green;*/
    display: flex;
    /*min-height: var(--filter_height);*/
    /*flex-direction:column;*/
    /*justify-content: space-between;*/
}

.count_num {
    margin: auto;
    font-weight: bold;
    color: #a9a9a9;
}

.add {
    margin: auto;
    font-weight: bold;
    color: white;
}

#line {
    left: 5%;
    width: 90%;
    position: absolute;
    color: var(--overall_background);
}

#and_or {
    /*left: 45%;*/
    /*47% if OR*/
    position: absolute;
    /*border: solid red;*/
    background-color: var(--overall_background);
    margin-top: 2px;
    font-size: smaller;
    color: var(--overall_background);
}


/*Main Screener*/

.screener_main {
    /*min-height: 500px;*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
}

.total_count {
    margin-top: -5px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.count_text {
    float: left;
    color: var(--text_light_color);
}

.count {
    float: right
}

.dropdown_item_currency {
    color: var(--text_light_color) !important;
    margin: auto !important;
    padding: 0;
    cursor: pointer;

}
.dropdown_item_currency:hover{
    /*color:  var(--strong_color) !important;*/
    /*background-color: #1a1a1c !important;*/
}
.dropdown_currency {
    min-width: 50px !important;
    width: 100%;
    font-size: 0.8rem;
    text-align: left !important;
    color: #a9a9a9 ;
    background-color: var(--goland_color);
    padding-left: 5px;
    overflow: auto;
    height: 150px;
    /*border: 2px solid black;*/
    border: 1px solid var(--cool_border_color) !important;
    /*border-top: none;*/
}

#dropdownFilterButton {
    /*background: none;*/

    color: #a9a9a9;
    /*border: 1px solid white;*/
    background-color: var(--overall_background);
    font-size: 0.8rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#screener_table {
    /*background-color: var(--goland_color);*/
    margin-top: -4px !important;
    /*position: absolute;*/
    position: relative;
    border-spacing: 0

}

.screener_table {
    position: absolute;
    background-color: var(--overall_background);
}
.inside_1_cell{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*position: relative;*/
}
.filter_in_table {
    max-width: 92%;
    margin-top: 5px;
    margin-bottom: 7px;
}
.val_out{
    position: absolute;
    top: 0;
}
.filter_input {
    background-color: var(--overall_background);
    border: none;
    outline: none;
    padding: 2px 5px;
    color: #a9a9a9;
    width: 100%;
}

.filter_input:focus {
    color: #a9a9a9;
    border: none;
}

.filter_input:focus::placeholder {
    color: transparent;
}

.screener_page:focus::placeholder {
    color: transparent;
}

.pagination {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 11px;
    background-color: var(--goland_color);
}
.screener_tip{
    color: white;
    text-align: center;
    margin-top: 10px;
}
.pagination > button {
    background-color: var(--overall_background);
    color: #a9a9a9;
    cursor: pointer;
    /*position: absolute;*/
}

.pagination > button:disabled,
.pagination > button[disabled] {
    border: none;
    outline: none;
    cursor: auto
}

.second_text {
    /*margin-left: 10px;*/
    padding-top: 8px;
    /*font-size: 1rem;*/
    color: #a9a9a9;
    margin-right: 10px;
    display: inline-block;
}

.screener_button1 {
    /*margin-right: -2px;*/
    display: inline-block;
}

.screener_page {
    width: 90px;
    background-color: var(--overall_background);
    color: #a9a9a9;
    border: 1px solid #626A72;
    height: 33px;
    /*outline:none;*/
    text-align: center;
    border-radius: 5px;

}

.screener_page, button:focus {
    outline-width: 0;
}

.screener_page_size:focus {
    outline-width: 0;
    cursor: pointer;
}

.div_screener_page {
    /*padding-top: 3px;*/
    padding-left: 10px;
    display: inline-block;
    color: #a9a9a9;
    margin-right: 5px;
}

.screener_page_size {
    background-color: var(--overall_background);
    color: #a9a9a9;
    /*margin-left: 5px;*/
    /*float: right;*/
    /*display: block;*/
    margin-left: auto;
    margin-right: 0;
    /*margin-bottom: 5px;*/
    /*margin-top: 5px;*/
    border-radius: 5px;
    /*float: right;*/
}
.show_15{
    /*background-color: var(--overall_background);*/
    color: #a9a9a9 !important;
    margin-left: auto;
    margin-right: 0;
}
.excel_screener{
    margin-left: 10px;
    margin-right: 3px;
    margin-top: -5px;
    margin-bottom: -5px;
    padding: 9px;
    border: 1px solid #626A72;
    background-color: var(--overall_background);
    border-radius: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 var(--overall_background);
}
.sheet_icon_top_nav {
    display: inline-block;
    cursor: pointer;
    padding: 0px;
    /*border: 1px solid #626A72;*/
    background-color: var(--overall_background);
    border-radius: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 var(--overall_background);

}
a.margin_top{
    color: var(--light_color);
    text-decoration: underline;
}
a.margin_top:hover{
    color: var(--strong_color);
}
.screener_page_size1 {
    background-color: var(--overall_background);
    color: #a9a9a9;
    /*margin-left: 5px;*/
    /*float: right;*/
    /*display: block;*/
    cursor: pointer;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 2px;
    margin-top: 2px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #a9a9a9;
}

.dropdown_item_screener{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-left: -5px;
    margin-right: -5px;
}
.screener_page_size1:focus {
    outline: none;
}

.up_down_arr {
    /*color: var(--light_color);*/
    /*display: inline-block;*/
    /*float: right;*/
    /*height: 100%;*/
}
.light_orange{
    color: var(--light_color)
}
.header_text {
    /*display: inline-block;*/
    /*float: left;*/
    height: 100%;
}

.table_wrapper {
    width: var(--per_width);
    /*max-width: var(--max_width);*/
    /*margin: auto;*/
    /*min-height: 500px;*/
    position: relative;
    overflow: auto;
    white-space: nowrap;
    /*overflow: auto;*/
    /*word-wrap: nowrap;*/
    border-bottom: 1px solid #444444;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
}
.formal_table_row:last-child{

}
.active {
    color: red
}

.active_class .nav-link, .nav-link:hover {
    color: coral !important;
}

.screener_cell {
    color: var(--text_light_color);
}

.screener_cell:hover {
    text-decoration: none;
    color: var(--text_light_color)
}

.screener_row:hover {
    background-color: var(--hover_color) !important;
    cursor: pointer;
    /*font-weight: bold;*/

}
::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
}

#screener_table thead tr th {
    position: sticky !important;
    top: -1px !important;
    /*z-index: 10;*/
}
#screener_table thead{
    background-color: var(--goland_color);
    background: var(--goland_color);
}
#screener_table tbody {
    top: -2px;
}
.black_band {
    width: 100%;
    height: 10px;
    color: var(--overall_background);
}

.black_band1 {
    width: 100%;
    height: 20px;
    color: var(--overall_background);
    opacity: 0;
}

.sticky_col {
    /*position: -webkit-sticky;*/
    position: sticky;
    left: 0;
    background-color: white;
}

.inner_wrap {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
}

.outer_wrap {
    /*height: 700px;*/
    position: relative;
    overflow: auto;
    width: 100%;
    /*margin-top: 5px;*/
}

.pagination_left {
    background-color: var(--goland_color);
    /*width:500px;*/
}

.delete_button {
    height: 25px;
    width: 90%;
    margin: auto;
    background-color: coral;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    /*justify-content: space-between;*/
}

.far {
    cursor: pointer;
}

.ice-cream-choice {
    background-color: blue;
}

#ice-cream-flavors {
    background-color: green;
}

.add_button {
    width: 40px;
    background-color: coral;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    margin-right: 10px;
    color: white;
    border-radius: 5px;
    font-size: .8rem;
    line-height: 26px;
}
.normal_plus{

}
#add_column {
    width: 120px;
    display: inline-block;
    text-align: left;
    padding-left: 2px;
    /*margin-right: 10px;*/
}

.add_column_big {
    display: inline-block;
    font-size: .8rem;
}

.filter_low {
    position: absolute;
}

.press_show_new {
    /*height: 20px;*/
    /*background-color: blue;*/
    cursor: pointer;
}

.type_in_new_column {
    display: inline-block;
    font-weight: normal;
    /*position: relative;*/
    /*background-color: red;*/
}

.new_col_inp_group {
    z-index: 11;
    margin-left: -2px;
    max-width: 250px;
    position: absolute;
    /*height: 250px;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    padding-right: 0;
    padding-left: 0;
    border-radius: 5px;
    background-color: var(--goland_color);
    /*border: 2px solid black;*/
    border: 1px solid var(--shadow);

}

.wrap_outside_main {
    display: inline-block;
}

.all_cat {
    z-index: 2;
    position: absolute;
    /*height: 150px;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--goland_color);
    /*border: 2px solid black;*/
    border: 1px solid var(--shadow);
    /*border-top: none;*/

}

.filter_below {
    z-index: 2;
    cursor: pointer;
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 150px;*/
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    /*background-color: #46484a;*/
    background-color: var(--goland_color);
    /*border: 2px solid black;*/
    border: 1px solid var(--shadow);
    /*border-top: none;*/

}
.big_small_arr{
    z-index: 2;
    cursor: pointer;
    overflow: auto;
    /*height: 150px;*/
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--goland_color);
    /*border: 2px solid black;*/
    margin-left: -2px;
    border: 1px solid var(--shadow);
    /*border-top: none;*/

}
.dropdown_item_screener:hover{
    background-color: #1a1a1c;
}
.press_show_columns {
    background-color: var(--overall_background);
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
    border: 1px solid #626A72;
}

.press_show_cat_val {
    background-color: var(--overall_background);
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
    border: 1px solid white;
    margin-top: 3px;
    /*width: 120px;*/
}

.main_inp {
    background-color: var(--overall_background);
    border-radius: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    color: white;
    border: none;
    width: 100%;
}
#main_inp{
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}
#search_metric{
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}
#search_metric::placeholder{
    color: var(--text_gray_color);
}
#main_inp::placeholder{
    color: white
}
.main_inp:focus {
    outline: none;
}

.new_column {
    color: coral;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-right: -5px;
    margin-left: -5px;
}

.new_column:hover {
    background-color: var(--overall_background);
}

.avail_column {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-left: -5px;
    margin-right: -5px;
}

.avail_column:hover {
    background-color: #1a1a1c;
}
.small_avail{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px
}
.inpp_value, .inpp_percent {
    display: inline-block;
}

.inpp_value {
    /*width: 100px;*/

}

.inp_num {
    font-size: .8rem !important;
    padding: 3px;
    padding-left: 5px;
    border: 1px solid white;
    border-right: none;
    background-color: var(--overall_background);
    color: white;
    width: 60px;
    border-radius:  5px 0 0px 5px;
    /*border-right: none;*/
}

.inp_num1 {
    font-size: .8rem !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    /*padding-left: 5px;*/
    border: 1px solid white;
    border-left: none;
    background-color: var(--overall_background);
    color: white;
    border-radius: 0 5px 5px 0;
}

.inp_num:focus {
    outline-width: 0;
    outline: 0 !important;
    background-color: var(--overall_background);
    color: white
}

.press_show_new1 {

}

.sep_left {
    width: 100%;
    height: 20px;
    color: coral;
    position: absolute;
}

#add_new_filter {
    background-color: var(--light_color);
}

.too_much_data_screener {
    display: flex;
    height: 500px;
    /*border: 1px solid blue;*/
}

.too_much_data_text {
    margin: auto;
    text-align: center;
}

.first_line {
    font-size: 1.5rem;
    color: var(--strong_color);
}
.spinner_wait_company{
    display: flex;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(68, 68, 68, .6);
}
.transparent_background{
    background-color: transparent;
}
.no_background{
    background: none;
}
.spinner_wait_not_company {
    background: rgba(0, 0, 0, .5);
}

.inner_spinner {
    height: 100px;
    width: 100px;
    padding: 0;
    margin: auto;
}

.inline_block {
    display: inline-block;
}


:root {
    --margin_side: 15px;
    --basic_input_width:230px;
}
.outer_header{
    width: 100%;
    height: 70px;
    /*border: 1px solid yellow;*/
    background-color: #434343;
    color: white;
    z-index: 3;
    font-size: 0.9rem;
}

.inner_header{
    height: 100%;
    max-width: 1200px;
    /*border: 1px solid green;*/
    margin: auto;
    display: flex;
    justify-content: space-between;

}


.web_title{
    display: inline-block;
    margin-left: 30px;
    color: #d3d3d3;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: auto;
    margin-top: auto;
}

.basic_title_right,.hide_show_basic{
    float: right;
    display: flex;
    /*border: 1px solid red*/
}
.hide_show_basic_inside{
    margin:auto;
    color: var(--text_light_color);
    margin-right: 30px;
    cursor: pointer;
    position: relative;
}
.item_on_top{
    color: #d3d3d3;
    border-bottom: 1px solid black;
    background-color: #373737;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.basic_title_right_item{
    margin-right: 30px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: auto;
    margin-top: auto;
    color: #d3d3d3;
    /*background-color: blue;*/
    /*border: 1px solid red;*/
}
.platform_header_right_item{
    margin-right: 30px;
    padding-left: 10px;
    font-weight: bold;
    font-size: .85rem;
    margin-bottom: auto;
    margin-top: auto;
    color: #d3d3d3;
    /*background-color: blue;*/
    /*border: 1px solid red;*/
}
#start_free_trial{
    margin-right: var(--margin_side);
    /*background-color: #393b49;*/
    padding-right: 20px;
    padding-left: 20px;
    height: 100%;
    display: flex;
    position: relative;

}
#start_free_trial:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 25%;
    height: 50%;
    border-left: 1px solid white;
}

.sticky_top {
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 0.8;
}
.peers_hover{
    cursor: pointer;
}
.peers_hover:hover{
    text-decoration: underline;
    color: var(--text_light_color) !important;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    /*padding-top: 5px;*/
}
#big_title{
    text-decoration: none !important;
    opacity: 1 !important;
    corlor: var(--strong_color) !important;
}
#big_title:hover{
    text-decoration: none !important;
    color: var(--strong_color) !important;
}
.start_free_trial_text{
    margin: auto;

}
.no_decor{
    text-decoration: none;
}
.no_decor:hover{
    text-decoration: none;
}

.text_inin{
    color: var(--text_gray_color) !important;
    text-decoration: none;
    opacity: 1 !important;
}
.text_inin1{
    color: var(--strong_color) !important;
    text-decoration: none;
    opacity: 1 !important;
}
.text_inin:hover{
    text-decoration: none;
    color: var(--strong_color) !important;
}
.outer_register{
    display: flex;
    min-height: 700px;
    /*border: 1px solid blue;*/
    /*background: var(--overall_background) !important;*/
}
.mid_forgot{
    margin: auto;
    max-width: 100%;
}

.mid_register{
    margin: auto;
    /*display: flex;*/
    /*width: 100px;*/
    /*background-color: blue !important;*/
    /*border: 1px solid red;*/
}
.basic_input{
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
    background-color: var(--overall_background);
    color: #a9a9a9;
    border-radius: 5px;
    padding: 10px;
    width: var(--basic_input_width);
    outline: none;
    border: none;
}

.basic_background{
    background-color: rgba(4,2,3,.85);
}
.basic_input:focus::placeholder {
    color: transparent;
}
.basic_input:focus{
    border-bottom: 2px solid var(--strong_color);
}
#basic_input_right{
    margin-right: 0;
}
.basic_button{
    display: inline-block;
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 30px;
    height:50px;
    width: var(--basic_input_width);
    background-color: var(--strong_color);
    border-radius: 5px;
    /*display: flex;*/
    color:white;
    font-weight: bold;
    padding-top: 10px;
}
.basic_button:hover{
    cursor: pointer;
}
.basic_button_text{
    margin: auto;
    color: white !important;
}
a.basic_button_text:hover{
    text-decoration: none;
    font-weight: bolder;
    /*color: black !important;*/
}



.hidden{
    display: none;
}
.basic_leave{
    display: inline-block;
}
.basic_leave_text{
    /*display: inline-block;*/
    color: #00b3e3;
    text-decoration: none;
}
.basic_leave_text:hover{
    text-decoration: none;
    color: #00b3e3;
}
.basic_warning{
    color: coral;
    margin-bottom: 10px;
    display: flex;
    /*border: 1px solid red;*/
}
.basic_warning_text{
    margin: auto;
}
.basic_warning_text1{
    margin-left:0;
}
#verify_page_button{
    margin-right: 0;
    width: 100%;
    /*box-shadow: 0 4px 2px -2px var(--light_color);*/
    /*background-color: orange;*/
}
/*#verify_page_button:hover{*/
/*    background-color: transparent;*/
/*    box-shadow: 0 0 10px 0 var(--strong_color) inset, 0 0 10px 4px var(--strong_color);*/
/*}*/
.err{
    display: none;
}
.strong_color{
    color: var(--strong_color);
    display: inline-block;
}
.strong_color:hover{
    color: var(--strong_color);
}
.outer_footer{
    width: 100%;
    min-height: 200px;
    font-size: 1rem;
    /*border: 1px solid yellow;*/
    background-color: #0E0E0E;
    color: white;
    font-weight: bold;
}
.inner_footer{
    height: 100%;
    max-width: var(--max_width);
    /*border: 1px solid green;*/
    margin: auto;
    /*display: flex;*/
    /*justify-content: space-between;*/

}
.margin_top{
    margin-top: 30px;
    margin-bottom: 20px;
}
.margin_top1{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.fa-facebook-f, .fa-linkedin-in, .fa-pinterest-p, .fa-twitter, .fa-github,.fa-instagram, .fa-youtube, .fa-reddit, .fa-github-square, .fa-kickstarter-k {
    background: var(--overall_background);
    color: white;
}

.fab {
    padding: 15px;
    font-size: 25px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    box-sizing: unset;
    margin-left: 10px;
}
.fab {
    font-family: "Font Awesome 5 Brands";
}
.fab:hover{
    color: var(--strong_color);
    text-decoration: none;
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.icon_right{
    margin-bottom: 40px;
    /*border: 1px solid red;*/
    /*color: black;*/
}
.main_first_video{
    position: absolute;
    z-index: 0;
}
.main_first_block{
    position: relative;
    height: 600px;
    background-color: var(--overall_background);
    background-position: 75% 0%;
    /*border: 1px red solid;*/
    display: flex;
    background-image: url('https://assets.bbhub.io/professional/sites/10/2017/03/terminal_cam04_00193.png');

}
.main_last_block{
    /*background-color: #d3d3d3;*/
    background-color: white;
    color: #3d4d59;
    display: flex;
    height: 500px;

}
.main_first_text{
    margin: auto;
    /*position: absolute;*/
    color: white;
    z-index: 1;
    padding-bottom: 80px;
    /*display: flex;*/
    /*border: 1px solid red;*/
}
.intr_col{
    color:#3d4d59;
}
.main_first_text_big{
    font-size: 3rem;
    font-weight: bold;
    max-width: 600px;
    text-align: center;
}
.main_second_text_big{
    text-align: center;
    font-size: 1.2rem;
    margin-top: 10px;
}
.little_smaller{
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.main_second_block{
    /*background-color: #d3d3d3;*/
    background-color: white;
    font-size: 18px;
}
.main_second_block_inner{
    max-width: 1200px;
}
.main_second_left{
    font-weight: 500;
    color: #222326;
}
.main_block_title{
    color: #222326;
    font-size: 42px;
    font-weight: bold;
    margin-top: 60px;
}
.main_block_title1{
    color: white;
    /*color: orange;*/
    font-size: 42px;
    font-weight: bold;
    margin-top: 60px;
}
.main_block_subtitle{
    font-weight: 700;
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.last_main_text{
    margin-bottom: 60px;
}
.main_third_block{
    font-size: 18px;
    background: linear-gradient(135deg,rgb(52,52,52) 0%,rgb(1,1,1) 100%);
    /*background-color: var(--overall_background);*/
}
.main_third_right{
    font-weight: 500;
    color: white;
}
.try_us_for_free{
    font-weight: bold;
    /*background-color: var(--strong_color);*/
    background-color: var(--strong_color);
    font-size: 1.2rem;
    color: white;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
    width: 200px;
    margin-right: auto;
    margin-bottom: auto;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
}
.platform_header{
    height: 60px;
    background-color: var(--goland_color);
    z-index: 10;
}

:root[data-theme="light"] .platform_header {
    /* Apply --goland_color only in dark theme */
    background-color: transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); /* More visible shadow */
    position: relative;
}

.inner_header_platform{
    height: 100%;
    /*border: 1px solid green;*/
    margin: auto;
    display: flex;
    justify-content: space-between;

}
li{
    list-style-type: none;
}
.active_class{
    /*background-color: blue !important;*/
    /*color: ;*/
    border-bottom: 3px solid var(--strong_color);
}

.header_platform_item{
    margin-right: var(--margin_side);
    /*background-color: #393b49;*/
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    display: flex;

}
.header_platform_search{
    font-size: .9rem;
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto;
    background-color: var(--overall_background);
    color: #a9a9a9;
    border-radius: 10px;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: var(--basic_input_width);
    outline: none;
    border: none;
}
.truly_header_platform_search{
    padding-top: 8px;
    padding-bottom: 10px;
}
.truly_header_platform_search_out > .twitter-typeahead{
    border-top: 6px solid var(--goland_color);
}
.header_platform_search:focus::placeholder {
    color: transparent;
}
.header_platform_search1:focus::placeholder {
    color: transparent;
}
.search_box_suggestions{
    position: absolute;
    z-index: 6;
}

.header_search_suggestions{
    z-index: 3;
    position: absolute;
    min-width: var(--basic_input_width);
    /*height: 250px;*/
    overflow: auto;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--goland_color);
    border: 2px solid black;
    /*margin-left: 20px;*/
    font-size: 1rem;
    font-weight: normal;
}
.suggest_ticker{
    display: inline-block;
    color: #00b3e3;
    margin-right: 25px;
}
.suggest_name{
    float: right;
    display: inline-block;
}
.margin_bot{
    /*margin-bottom: 5px;*/
    padding-bottom: 5px;
    padding-top: 5px;
}
.inlinee2  strong{
    color: var(--strong_color) !important;
}
.inlinee1  strong{
    color: var(--strong_color) !important;
}
.inlinee3  strong{
    color: var(--strong_color) !important;
}
.inlinee4  strong{
    color: var(--strong_color) !important;
}
#wrap-navbar {
    background-color: #2f2e2e;
    height: 60px;
    /*font-family: Circular, Helvetica, Arial, sans-serif;*/
}

.nav-link {
    position: relative;
}

.navbar-collapse-closebtn, .navbar-collapse-logo {
    display: none;
}

.navbar-brand {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .navbar-collapse {
        background-color: #222222;
        z-index: 100;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    .navbar-collapse-closebtn {
        display: block;
        position: fixed;
        top: 20px;
        z-index: 101;
        right: 20px;
        width: 60px;
        height: 60px;
        background-color: #222222;
        color: white;
    }

    .navbar-collapse-logo {
        display: block;
        position: fixed;
        right: 20px;
        bottom: 20px;
    }

    #magic-line {
        display: none;
    }
}

#main-nav i {
    margin-right: 5px;
    font-size: 1.3rem;
}

.excel-float {
    position: fixed;
    right: 30px;
    bottom: 100px;
    background-color: var(--goland_color);
    padding: 13px;
    border-radius: 30px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.excel-float img {
    width: 26px;
    height: 25px;
    cursor: pointer;
}
.excel_screener img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
/* loading 3 dots - spinner
 */

.spinner {
    position: absolute;
    top: 50%;
    left: 45%;
    /*margin: 100px auto 0;*/
    width: 70px;
    text-align: center;
    z-index: 1;
}
.spinner_mid_add{
    left: 35% !important;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: var(--strong_color);

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/**/

.company-news-input {
    background-color: var(--goland_color);
    border-radius: 500px;
    color: #fff;
    width: 300px;
    border: none;
    padding-left: 10px;
    height: 30px;
    margin-bottom: 10px;
}

.general-table-data {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9rem;
    /*color: #a9a9a9;*/
    /*color: */
}

.general-table-data thead, .general-table-data thead th {
    background-color: var(--goland_color);
    border-color: transparent;
    border-left: 1px solid var(--overall_background);
    border-right: 1px solid var(--overall_background);
}

.general-table-data td, .general-table-data th {
    border: 1px solid #444444;
    padding: 7px;
}
:root[data-theme="light"] .general-table-data td, .general-table-data th{
    border-color: var(--cool_border_color);
}
.general-table-data tr:hover td {
    background-color: var(--hover_color);
}

.general-table-data th {
    position: sticky;
    /*position: -webkit-sticky;*/
    /*position: -moz-sticky;*/
    /*position: -ms-sticky;*/
    /*position: -o-sticky;*/
    top: 0;
    color: var(--header_color);
}

.company-fs-header-text {
    font-size: 1.3rem;
    font-weight: bold;
}

.my-padding-lr {
    padding-left: 15px;
    padding-right: 15px;
}

.company-fs-settings-div {
    display: flex;
    font-size: 0.9rem;
}

.company-fs-settings-div p {
    margin-right: 5px;
}

.company-fs-settings-div select, .peer-column-cateogry select, .company-screener-condition-select {
    border: 0;
    background-color: #3b3b3b;
    color: white;
    height: 20px;
    border-radius: 999px;
}

.financials-increase {
    color: var(--text_blue);
    text-align: right;
    /*background-color: var(--overall_background);*/
}

.financials-decrease {
    color: var(--chosen_red);
    text-align: right;
    /*background-color: var(--overall_background);*/
}
.overall_background{
    background-color: var(--overall_background) !important;
}
.ag-theme-dark .ag-header {
    color: var(--header_color) !important;
    background-color: var(--goland_color) !important;
}
.header_color{
    color: var(--header_color);
}
.financials-normal {
    text-align: right;
    color: white
}

.light_color{
    color: var(--light_color)
}
.gray_text2{
    color: var(--text_gray_color)
}
.gray_text{
    color: var(--text_light_color) ;
}
.table{
    color: var(--text_light_color) ;
}
.gray_text:hover{
    text-decoration: none;
    color: var(--text_light_color) ;
}
.coral_text{
    color: coral;
}
.platform_comp_name_top{
    margin-top: 10px;
    margin-left: 20px;
    color: var(--text_light_color);
    padding-right: 7px;
    position: relative;
    margin-bottom: 15px;
}
.ticker_name{
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 15px;
}
.full_comp_name{
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 0px;
    margin-right: 90px;

}
.current_price{
    /*display: inline-block;*/
    margin-right: 30px;
}
.price_top{
    display: inline-block;
    /*color: var(--strong_color);*/
    color: var(--text_blue) !important;
}
.volume_top{
    display: inline-block;
    color: var(--text_blue) !important;
}
.avg_volume{
    /*display: inline-block;*/
    /*margin-left: 30px;*/
}
.price_vol{
    margin-right: 220px;
    display: inline-block;
}
.gray_background{
    background-color: var(--goland_color);
}

.display_inline{
    display: inline;
}
.log_out{
    text-decoration: none;
    color: var(--text_gray_color);
}
.log_out:hover{
    text-decoration: none;
    color: var(--text_gray_color);
}
.main_page_img{
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    margin: auto;
}
.all_model{
    /*border: 1px solid var(--strong_color)*/
}



/* Track */
div::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    margin: -1px;
    /*padding: 2px;*/
    background-color: var(--overall_background);
}

div::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
div::-webkit-scrollbar-thumb {
    background: var(--scrollbar_color);
    border-radius: 5px;

    /*width: 4px;*/
    /*height: 4px;*/
    /*background-clip: padding-box;*/
    /*-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);*/

}

/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {
    /*background: #626A72;*/
    background: var(--scrollbar_color_hover);
}
.chosen_arrow {
    background-color: #1a1a1c;
}
.header_search{
    display: inline;
    margin-left: 5px;
    min-width: 220px;
    padding-top: 3px;
    /*margin-top: -5px;*/
    /*margin-bottom: -5px;*/

}
.header_search1{
    display: inline;
    /*margin-left: 5px;*/
    width:var(--half_width);
    /*padding-top: 1px;*/
    margin-top: -2px;
    /*float: left;*/
    /*margin-bottom: -5px;*/

}

.header_search1 > .twitter-typeahead > .tt-menu{
    border: none;
}
.tt-menu {
    z-index: 3;
    position: absolute;
    /*min-width: 500px;*/

    /*min-height: 250px;*/
    overflow: auto;
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    border-radius: 5px;
    /*background-color: var(--goland_color);*/
    /*border: 2px solid black;*/
    background-color: var(--drop_background);
    border: 1px solid var(--shadow);
    /*border-top: none;*/
    /*margin-left: 20px;*/
    font-size: 1rem;
    font-weight: normal;

}

.tt-suggestion {
    cursor: pointer;
    padding-left: 5px;
    padding: 5px;
}
.tt-suggestion:hover {
    background-color: var(--hover_color);
}
.tt-cursor{
    background-color: var(--hover_color);
}
.inlinee1{
    /*font-size: 0.7rem;*/
    display: inline;
    color: #029dd5;
}
.inlinee2{
    /*font-size: 0.7rem;*/
    display: inline;
}

.inlinee3{
    /*font-size: 0.75rem;*/
    display: inline;
    color: #029dd5;
}
.inlinee4{
    /*font-size: 0.75rem;*/
    display: inline;
    color: var(--text_light_color)
}
.one_line{
    /*height: 30px;*/
    font-size: 0.9rem;
    color:var(--text_light_color);
    line-height: 19px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width:var(--half_width);
    /*min-width: 350px;*/

}
.line_master_search{
    min-width: 500px;
}
/*.sticky {*/
/*    order: -1;*/
/*    position: relative;*/
/*    left: 0;*/
/*    background: pink;*/
/*    transition: left 0.2s;*/
/*    margin-right: 6px;*/
/*}*/
.first_black{
    /*left: auto !important;*/
    /*border-collapse: separate;*/
    cursor: pointer;
    border: 1px solid var(--goland_color) ;
}
.first_black:nth-child(3){
    border-left: none !important;
}
/*.first_header::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*    border-right: 1px solid black ;*/
/*}*/
/*.first_header:first-child::after{*/
/*    content: none;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*    border-right: 1px solid black ;*/
/*}*/
.first_black:first-child::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #444444 !important;
}

.first_black:nth-child(2)::after, .first_header:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 3px solid black !important;

}

.first_black:first-child {
    min-width: 30px;
    /*box-shadow: 0px 0 10px 5px var(--goland_color);*/
    border-right: none !important;
    border-left: none !important;
    /*box-shadow: none !important;*/
    /*clip-path: inset(0px -15px 0px -15px);*/
    /*cursor: auto;*/
    max-width: 30px;
    text-align: center;
    background-color: var(--overall_background) !important;
    z-index: -1;
    /*top: 3px;*/
}
.first_black:nth-child(2) {
    /*width: 33px;*/
    border-left: none !important;
    color: orange !important;
    background-color: var(--overall_background) !important;
    /*box-shadow: 4px 0 1px -2px  black !important;*/
    /*border-right: 3px solid black !important;*/
    z-index: -1;
    box-shadow: none !important;
    border-right: none !important;

}
.first_header{
    cursor: pointer;
    white-space: normal !important;
    word-wrap:break-word !important;
    /*min-width: 100px;*/
    color: #a9a9a9;
    background-color: var(--goland_color) !important;
    /*position: sticky;*/
    min-width: 120px;
    box-shadow: inset -1px 0 0 0 #000;
    clip-path: inset(0px -15px 0px -15px);
    border-bottom: 1px solid var(--goland_color);
    /*border-right: 1px solid black;*/
    /*box-shadow: 4px 0 1px -2px  black ;*/
}
.first_header:last-child{
    box-shadow: inset -1px 0 0 0 var(--goland_color);
    clip-path: inset(0px -15px 0px -15px);
    /*border-right: none !important;*/
}
.first_header:first-child {
    min-width: 50px !important;
    /*max-width: 30px;*/
    /*box-shadow: inset -1px 0 0 0 #000;*/
    /*clip-path: inset(0px -15px 0px -15px);*/
    /*cursor: auto !important;*/
    /*border-collapse: separate;*/
    text-align: center;
    vertical-align: middle;
    position: sticky !important;
    /*top: -1px !important;*/
    /*background-color: var(--goland_color) !important;*/
    z-index: 10 !important;
    border-left: none;
}
.first_header:nth-child(2) {
    color: #a9a9a9;
    min-width: 70px !important;
    border-right: none !important;
    box-shadow: none !important;
    /*box-shadow: 4px 0 1px -2px  black !important;*/
    /*border-right: 3px solid black !important;*/
    /*background-color: var(--goland_color) !important;*/
    z-index: 10 !important;
}



/*.screener_row:hover .first_black:first-child{*/
/*    background-color: #696969 !important;*/
/*    cursor: pointer;*/
/*}*/
.screener_row:hover .first_black{
    background-color: #696969 !important;
    cursor: pointer;
}
.screener_row:hover .first_black:first-child{
    background-color: var(--overall_background) !important;
    /*cursor: auto;*/
}
.header_platform_search1{
    width: var(--half_width);
    font-size: .9rem;
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto;
    /*background-color: coral;*/
    background-color: var(--overall_background);
    color: #a9a9a9;
    border-radius: 5px;
    padding-left: 5px;
    /*padding: 10px;*/
    /*padding-top: 7px;*/
    /*padding-bottom: 7px;*/
    /*width: var(--basic_input_width);*/
    outline: none;
    /*border: none;*/
    border: 1px solid #626A72;
    line-height: 1.6rem;
}
.header_platform_search1::placeholder{
    color: var(--text_gray_color);
    /*color: var(--light_color);*/
}
.top_watchlist{
    /*margin-left: 30px;*/
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    height: auto;
    background-color: var(--goland_color);
    max-width: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.first_row_watch{
    display: inline-block;

    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
    /*width: 100%;*/

}
.currency_left_watchlist {
    /*padding: 5px;*/
    /*padding-left: 10px;*/
    /*margin-top: 5px;*/
    /*margin-bottom: 10px;*/
    /*display: inline-block;*/
    margin: 0;
    padding: 0;
    /*margin-left: auto;*/
    /*margin-left: -20px;*/
    /*float: right;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
.watch_orange{
    color: var(--strong_color);
    font-size: 1.5rem;
    /*margin-top: 5px;*/
    margin-bottom: 0 !important;
    display: inline-block;
    vertical-align: top;
}
.watchlist_drop{

    vertical-align: center;
}
.watch_main_button{
    min-width: 278px;
    text-align: left;
    background-color: var(--overall_background) !important;
}
.watch_main_button1{
    text-align: left;
    background-color: var(--overall_background) !important;
}
.watch_drop_button{
    width:245px;
    text-align: left;
    color: #a9a9a9 ;
    margin: auto;
    padding: 0;
    cursor: pointer;
    padding-left: 5px;
    /*padding-top: 2px;*/

}
.text_truncate{
    width: 222px;
    margin-top: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.watch_drop_button:hover{
    color:  var(--strong_color);
    background-color: black;

}
.orange_check_watchlist{
    float: left;
    margin-right: 5px;
    color: var(--strong_color);
    margin-top: 7px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.x_watchlist{
    /*margin-left: 5px;*/
    float:right;
    margin-top: 10px;
    margin-right: 10px;
    vertical-align: center;
}
.x_watchlist:hover{
    color: var(--strong_color)
}
.invi_x{
    color: transparent;
    cursor: auto;
}
.invi_x:hover{color: transparent}
.inline {
    display: inline;
}
.inp_new_watchlist {
    width: 81%;
    /*float: left;*/
    margin-left: -6px;
    padding: 4px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 6px;
    color: #a9a9a9;
}
.fa-arrow-circle-right:hover{
    color: var(--strong_color);
    cursor: pointer;

}
.rename_watchlist{
    display: inline-block;
    color: #a9a9a9;
    margin-top: 5px;
    vertical-align: center;
}
.watchlist_currency_text{
    /*margin-top: 5px;*/
    font-size: .9rem;
    color: white;
    font-weight: bold;
    /*margin-bottom: 10px;*/
}

.watchlist_popup{
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 45%;*/
    margin: auto;
    /*margin: 100px auto 0;*/
    width: 320px;
    text-align: left;
    z-index: 1;
    background-color: var(--popup_background);
    /*height: 200px;*/
    border: 2px solid black;
    border-radius: 5px;
    color: #d3cfc9;

}
.popup_inp{
    margin-left: 18px;
    margin-bottom: 5px;
    margin-top: 7px;
    width: 90%;
    font-size: 0.9rem;
    color: #d3cfc9;
    background-color: #181a1b;
    border: none;
    border-bottom: 1px solid var(--strong_color);
}
.are_you_sure{
    margin-left: 10px;
    margin-top: 3px;
    font-size: 0.9rem;
}
.popup_1st_button{
    background-color: var(--strong_color);
    color: white;
    min-width: 72px;
    min-height: 36px;
    padding: 10px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 10px;
    /*font-weight: bold;*/
}
.popup_2nd_button{
    border: 1px solid black;
    min-width: 72px;
    min-height: 36px;
    padding: 9px;
    text-align: center;
    cursor: pointer;
    color: var(--strong_color);
    border-radius: 3px;
    /*font-weight: bold;*/
}

.top_del_col_button{
    background-color: coral;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
    /*padding-left: 5px;*/
    color: white;
    border: none;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    cursor: pointer;
}
.not_good_button{
    cursor: auto !important;
    background-color: transparent !important;
    color: coral !important;
    border: 1px solid coral !important;
}
.del_col_drop {
    display: inline-block;
    font-weight: normal;
    font-size: 0.8rem;
    /*position: relative;*/
    /*margin-top: 10px;*/
}
.del_col_big {
    display: inline-block;
    font-size: .8rem;
}
.scroll_del{
    overflow-x: hidden;
    overflow-y: auto;
    /*height: 500px;*/
}
.del_col_each_line{
    /*width:165px;*/
    text-align: left;
    color: #a9a9a9 ;
    margin: auto !important;
    padding: 0;
    cursor: pointer;
    padding-left: 10px;
}
.del_col_each_line:hover{
    color: #a9a9a9 ;
    background-color: var(--overall_background);
}
.new_col{
    color: coral;
}
.new_col:hover{
    color: coral;
}
.fa-trash-alt{
    font-size: 1rem;
}
.add_to_watchlist_individual{
    /*position: absolute;*/
    /*top: 75px;*/
    /*right: 40px;*/
    /*background: #029dd5;*/
}
.screener_add_watchlist_button{
    text-align: left;
    min-width: 130px;
    padding-left: 6px;
    color: #a9a9a9 ;
    background-color: transparent ;
    border: 1px solid #626A72;
    font-size: 0.8rem;
    box-shadow: none;
}
.add_to_watchlist_button{
    text-align: left;
    min-width: 150px;
    color: var(--light_color) !important;
    background-color: transparent !important;
    border: 1px solid var(--light_color);
}
.add_to_watchlist_button:hover{
    border: 1px solid var(--light_color) !important;
}
.add_to_watchlist_button:focus{
    border: 1px solid var(--light_color) !important;
}
.add_watchlist_in_screener_active{
    border: 1px solid var(--light_color) !important;
    color: var(--light_color) !important;

}
.add_watchlist_in_screener_inactive{
    border: 1px solid var(--cool_border_color) !important;
    background-image: linear-gradient(
            135deg,
            #e3e3e3 25%,
            #fff 25%,
            #fff 50%,
            #e3e3e3 50%,
            #e3e3e3 75%,
            #fff 75%,
            #fff
    ) !important;
    background-size: 10px 10px !important;
    pointer-events: none !important;
}
:root[data-theme="dark"] .add_watchlist_in_screener_inactive{
    background-image: linear-gradient(
            135deg,
            #555 25%, /* Darker gray for better contrast */
            #666 25%, /* Slightly lighter gray */
            #666 50%,
            #555 50%,
            #555 75%,
            #666 75%,
            #666
    ) !important;
}
.watch_drop_button2{
    width: 148px;
    line-height: 17px;
}
.watch_drop_button2:hover{
    color: var(--light_color)
}
.region_drop_button:hover{
    color: var(--strong_color) !important;
}
.add_to_watchlist_in_screener{
    /*background-color: var(--overall_background) !important;*/
    padding-left: 5px;
}
#watchlist_in_screener{
    padding-bottom: 2px;
    padding-top: 8px;
}
.check_in_company{
    float: left;
    margin-top: 7px;
}
#button_top_max_width {
    max-width: 278px !important;
}
.mid_strong{
    color: var(--strong_color);
    font-weight: bold;
}
.gradient{
    height: 500px;
    width: 100%;
    background-image: linear-gradient(to right, white,
    var(--strong_color));
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-top: 3px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    /*cursor: pointer;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #626A72;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 0.9rem;
    width: 0.9rem;
    left: 3px;
    bottom: 1px;
    top:1px;
    background-color: var(--overall_background);
    -webkit-transition: .4s;
    transition: .4s;
}
@media (max-width: 700px) {
    .slider:before {
        height: 0.85rem;
        left: 1px;
    }
}

input:checked + .slider {
    background-color: var(--strong_color);
}

input:focus + .slider {
    /*box-shadow: 0 0 1px var(--strong_color);*/
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.account_link{
    color: var(--text_gray_color);
}
.account_link:hover{
    text-decoration: none;
    color: var(--text_gray_color);
    cursor: pointer;
}
.account_left, .account_right{
    /*margin-right: 5px;*/
    margin-top: 10px;
}
.personal{
    width: 100%;
    /*padding-left: 7px;*/
}
.personal_title {
    display: flex;
    justify-content: space-between;
    color: var(--strong_color);
    width: 100%;
    font-size: 1.3rem;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--cool_border_color);
}
.personal_name_text{
    display: inline-block;
    color: var(--text_gray_color);
}
.personal_name_email{
    display: inline-block;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 10px
}
.settings{
    margin-top: 10px;
    margin-right: 10px
}
.settings_text{
    color: var(--text_gray_color);
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 10px;
    /*vertical-align: text-top;*/
}
.settings_right{
    display: inline-block;
}
.settings_item_text{
    display: inline-block;
    margin-left: 5px;
    margin-top: -5px;
}
.align_center{
    text-align: center;
}
.table_account{
    text-align: center !important;
}
.align_top{
    vertical-align: top;
}
.payment_outer{
    /*margin-top: 30px;*/
    /*padding: 7px;*/
    padding-top: 0;
    /*background-color: var(--goland_color);*/
    /*border-radius: 15px;*/
}
.special_transform{
    transform: translate3d(0px,-115px,0px) !important;
}
.special_transform1{
    transform: translate3d(0px,-90px,0px) !important;
}
.payment_symbols_right{
    display: inline-block;
    float:right;
    color: var(--text_light_color)
}
#edit_payment_button{
    font-size: 1rem;
    margin-right: 5px;
}
.no_payment_text{
    text-align: center;
    margin-top: 10px;
    color: var(--text_light_color)
}
.add_payment_button{
    cursor: pointer;
    margin-top: 10px;
    border-radius: 10px;
    width: 400px;
    color: white;
    background-color: var(--light_color);
    display: flex;
    margin-right: auto;
    margin-left: auto;
    height: 35px;
}
.add_payment_button:hover{
    background-color: var(--strong_color);
}
.margin_auto{
    margin: auto;
}
.mid_logo{
    border-bottom: 2px solid var(--cool_border_color);
    padding-bottom: 10px;
    margin-bottom: 100px;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    /*width: 100%;*/
    /*max-height: 55px;*/
}
.mid_logo_image{
    display: inline-block;
    height: 70px;
    width: 70px;
    margin-right: 15px;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 1 !important;
}
.mid_logo_text{
    display: inline-block;
    color: var(--strong_color);
    font-weight: bold;
    font-size: 1.8rem;
    float:right;
    vertical-align: center;
    margin-top: 50px;
}
.flex{
    display: flex;
}
.inline{
    display: inline;
}
.region_screener_left{
    margin-bottom: 5px;
}
.your_regions{
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 9px;
    color: orange
}

/*!@#$%*/
.example.example4 {
    background-color: var(--overall_background);
}

.example.example4 * {
    /*font-family: Inter UI, Open Sans, Segoe UI, sans-serif;*/
    font-size: 16px;
    font-weight: 500;
}

.example.example4 form {
    max-width: 496px !important;
    padding: 0 15px;
}

.example.example4 form > * + * {
    margin-top: 20px;
}

.example.example4 .container {
    background-color: var(--goland_color);
    /*box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);*/
    border-radius: 4px;
    padding: 3px;
    /*border: 1px solid var(--shadow);*/
}

.example.example4 fieldset {
    border-style: none;
    padding: 5px;
    padding-top: 0;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -10px !important;
    background: rgba(18, 91, 152, 0.05);
    border-radius: 8px;
}

.example.example4 fieldset legend {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #8898aa;
    padding: 3px 10px 7px;
}

.example.example4 .card-only {
    display: block;
}
.example.example4 .payment-request-available {
    display: none;
}

.example.example4 fieldset legend + * {
    clear: both;
}

.example.example4 input, .example.example4 button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-style: none;
    color: #fff;
}

.example.example4 input:-webkit-autofill {
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out;
}

.example.example4 #example4-card {
    padding: 10px;
    margin-bottom: 2px;
}

.example.example4 input {
    -webkit-animation: 1ms void-animation-out;
}

.example.example4 input::-webkit-input-placeholder {
    color: red;
}

.example.example4 input::-moz-placeholder {
    color: red;
}

.example.example4 input:-ms-input-placeholder {
    color: red;
}

.example.example4 button {
    display: block;
    width: 94%;
    height: 37px;
    background-color: var(--strong_color);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}

.example.example4 button:active {
    background-color: var(--strong_color);
}

.example.example4 .error svg .base {
    fill: #ff6669;
    font-weight: bold;
}

.example.example4 .error svg .glyph {
    fill: #f6f9fc;
}

.example.example4 .error .message {
    color: #e25950;
}

.example.example4 .success .icon .border {
    stroke: var(--strong_color);
}

.example.example4 .success .icon .checkmark {
    stroke: var(--strong_color);
}

.example.example4 .success .title {
    color: var(--strong_color);
}

.example.example4 .success .message {
    color: #8898aa;
}

.example.example4 .success .reset path {
    fill: #d782d9;
}
.use{
    height: 50px;
    width: 50px;
    background-color: white;
}
.enter_payment{
    color: var(--text_light_color);
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.power_stripe{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    text-align: right;
    font-size: 0.8rem !important;
}
.stripe_text{
    display: inline;
    font-size: 1.3rem !important;
    font-weight: bold !important;
    color: #635bff;
}
.coral{
    color: coral !important;
}
#example4-paymentRequest{
    height: 1px;
}
.authorize_text{
    color: #a9a9a9;
    width: 94%;
    font-size: 0.9rem !important;
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 5px !important;
    margin-top: 5px !important;
    border-top: 2px solid var(--cool_border_color)
}
.card_have_info{
    margin-top: 10px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.card_logo{
    display: inline-block;
    font-size: 3rem;
    /*color: var(--strong_color);*/
    margin-right: 20px;
    margin-left: -20px;
}
.card_logo:hover{
    color: #fff;
}
.ref_mod:hover{
    color: #fff;
}
.card_text{
    display: inline-block;
}
.edit_card{
    display: inline-block;
    /*right: 0;*/
    border: 1px solid var(--cool_border_color);
    color: var(--text_gray_color);
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    margin-top: 1.2rem;
    border-radius: 5px;
}

.first_line_card{
    font-size: 1.2rem;
    text-transform:capitalize;
}
.second_line_card{
    color: var(--text_gray_color)
}
.plans{
    margin-top: 15px;
    /*max-width: 999px;*/
    min-width: 98%;
    margin-bottom: 20px;
}
.plan_name{
    font-size: 1.3rem;
    font-weight: bold;
    /*color: orange;*/
    margin-bottom: 5px;
}
.plan_price{
    color: var(--text_gray_color)
    /*font-size: 1.5rem;*/
}
.no_padding{
    padding: 0;
}
.left_panel_plan{
    padding: 20px 10px 5px 15px;
    border-radius: 5px;
    background-color: var(--goland_color);
}
.plan_features_list{
    color: var(--text_gray_color);
    margin-top: 30px;
}

.plan_features_list > li, .confirm_info>li {
    list-style-type: circle;
}
.checkbox_region{
    display: inline;
    margin-top: 2px;
    margin-right: 10px;
}
.price_in_table{
    text-align: center;
}
.month_annual_in_table{
    margin-top: 8px;
    display: flex;
}
.inside_month_annual{
    margin-left: auto;
    margin-right: auto;
}
.month_in_table{
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid var(--cool_border_color);
    border-radius: 5px;
    margin-left: 3px;
    margin-right: 3px;
}
.chosen_month{
    color: var(--light_color);
    border: 1px solid var(--light_color)
}
.plan_table{
    /*border: 1px solid var(--cool_border_color);*/
    color: var(--text_gray_color);
    font-size: 1rem;
}
.col_width_region{

    /*min-width: 230px;*/
    text-align: center;
    color: #fff;
    font-size: 1rem;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--strong_color);
}
.col_width_billing{
    /*min-width: 230px;*/
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--strong_color);
}
.row_plan{
    padding-top: 5px;
}
.padding_cell_plan{
    padding-right: 8px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid var(--cool_border_color);
}
.plan_top_row_item{
    display: inline-block;
    background-color: var(--goland_color);
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    /*width: var(--width_plan_button);*/
    text-align: center;
}
.margin_right_10{
    margin-right: 10px;
}
.plan_table_2nd_row{
    margin-top: 10px;
}
.auto_left_right1{
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}
.auto_left_right{
    margin-left: auto;
    margin-right: auto;
}
.box_freq_global{
    display: flex;
    background-color: var(--goland_color);
    border-radius: 5px;
    color: var(--text_gray_color);
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    /*width: var(--width_plan_button);*/
    /*text-align: center;*/
    height: 290px;
    vertical-align: top;
}
.plan_2nd_row_item{
    display: flex;
    background-color: var(--goland_color);
    border-radius: 5px;
    color: var(--text_gray_color);
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    /*width: var(--width_plan_button);*/
    /*text-align: center;*/
    height: 56px;
    vertical-align: top;
}
.plan_2nd_row_item:first-child{
    margin-top: 0px;
}
.extra_plan_row_class_inactive{
    border: 1px slid var(--cool_border_color);
    background-color: var(--overall_background);
}
.price_row, .freq_row{
    margin-right: auto;
    margin-left: auto;
    font-size: 0.9rem;
}
.freq_row {
    margin-top: 5px;
    font-size: 0.8rem;
}
.swtich_plan_table{
    margin-left: 5px;
    margin-right: 5px;
    /*display: inline;*/
}
.auto_top{
    margin-top: auto;
    margin-bottom: auto;
}
.plan_chose_icon_wrap{
    height: 100%;
    display: flex;
    /*float: left;*/
    margin-right: 7px;
}
.plan_chose_icon{
    /*display: flex !important;*/
    margin-top: auto;
    margin-bottom: auto;
    color: coral;
    /*height: 100%;*/
}
.mid_text{
    text-align: center;
}
.display_flex{
    display: flex;
}
.max_width_height{
    height: 100%;
    width: 100%;
}
.bold{
    font-weight: bold;
}
.nav_top_small_plan{
    margin-bottom: 15px;
    /*width: 160px;*/
}
.pay_button{
    width: 250px;
    border-radius: 5px;
    background-color: var(--strong_color);
    margin-left: auto;
    margin-right: auto;
    margin-top: 13px;
    text-align: center;
    font-weight: bold;
    height: 40px;
    padding-top: 10px;
    color: white;
    cursor: pointer;
    margin-bottom: 20px;
}
.under_pay_button{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    font-size: 0.85rem;
    color: var(--text_light_color);
    text-align: center;
}
.small_stripe{
    color: #635bff;
    display: inline;
    font-weight: bold;
    font-size: 0.9rem;
}
.lower_part{
    /*max-width: 470px;*/
    color: var(--text_gray_color);
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 10px;*/
    max-width: 600px;
}
.edit_plan_card{
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.field{
    margin-top: -10px;
}
.no_margin{
    margin: 0
}
.pad_left_right{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 5px;
}
.max_width{
    min-width: 100%;
}
.group_box_plan_page{
    padding-right: 0;
}
.cap_1{
    text-transform:capitalize;
}
.plan_2lines{
    margin-top: 15px;
}
.region_row{
    color: var(--text_light_color)
}
.margin_top_20{
    margin-top: 20px;
}
.margin_top_10{
    margin-top: 10px;
}
#regions_table_component_first_time{
    max-width: 100%;
    margin-right: -8px;
    margin-left: -8px;
    margin-top: 10px;
}
.expire_date_line{
    display: inline;
    color: var(--text_gray_color);
}
.account_receipt{
    min-width: 98%;
    /*margin-top: 20px;*/

}
.receipt_header{
    font-weight: bold;
    color: var(--text_gray_color);
    background-color: var(--goland_color);
}
.link_pdf_invoice{
    color: var(--strong_color);
}
.link_pdf_invoice:hover{
    color: var(--strong_color);
}
.table_receipt_wrapper{
    height: 400px !important;
}
.add_regions_in_screener{
    border-top: 1px solid black;
}
.margin_bot_5{
    margin-bottom: 5px;
}
.hover_gray:hover{
    background-color: var(--hover_color);
}
.light_text_color{
    color: var(--text_light_color);
}
.light_text_color:hover{
    color: var(--text_light_color);
}
.no_link_decor{
    color: var(--text_light_color);
}
.no_link_decor:hover {
    text-decoration: none;
    color: var(--text_light_color);
}
.light_color:hover{
    color: var(--light_color)
}
.table_historical_price{
    font-size: 0.9rem;
}
.export_googlesheet_top{
    height: 60px;
    width: 100%;
    /*border-bottom: 2px solid var(--strong_color);*/
    /*border-top: 2px solid var(--strong_color);*/
    margin-top: 5px;
    margin-bottom: 15px;
    color: #a9a9a9;
    /*border-radius: 5px;*/
    background-color: var(--goland_color);
    cursor: pointer;
    display: flex;
}
.export_googlesheet_top:hover{
    border-width: 2px;
    color: var(--strong_color);
}
.excel_icon{
    width: 44px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}
.excel_small{
    height: 32px;
    width: 35px;
}
.sheet_icon{

    display: inline-block;
    /*margin-bottom: 10px;*/
    padding-top: 5px;
    vertical-align: top;
    /*margin-left: 5px;*/
    margin-right: 7px;
}
.download_model_text{
    /*vertical-align: center;*/
    /*display: inline-block;*/
    /*margin-top: 18px;*/
    /*height: 100%;*/
    display: flex;
    margin-right: 5px;
    height: 100%;
}
.top_nav_wrapper{
    /*width: 100%;*/
}
.top_show_warning{
    padding: 10px;
    display: flex;
    background-color: #27292a;
    color: white;
}
.top_show_warning_inside{
    margin: auto;
}
.time_top_warning{
    float: right;
    color: var(--strong_color);
    margin-top: 5px;
    cursor: pointer;
    margin-right: 5px;
}
.subscribe_small_popup{
    margin-left: 20px;
    font-weight: bold;
    color: var(--strong_color);
    cursor: pointer;
    z-index: 40;
}
.subscribe_small_popup:hover{
    color: var(--strong_color);
}
#app1{
    /*padding-bottom: 15px;*/
}
.icon_sheet_account{
    color: var(--text_gray_color);
    margin-left: 10px;
    cursor: pointer;
}
.top_faq{
    /*background-color: var(--goland_color);*/
    height: 240px;
    display: flex;
}
.innser_top_faq{
    margin: auto;
    width: 250px;
}
.capitalized_faq{
    margin-left: auto;
    margin-right: auto;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--strong_color);
    text-align: center;
}
.faq_2nd_line{
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: black;
    font-size: 1.1rem;
}
.faq_button{
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: var(--strong_color);

    border-radius: 25px;
    font-size: 0.8rem;
    font-weight: bold;
    cursor: pointer;
}
.faq_button_text{
    color: white;
}
.faq_button_text:hover{
    color: white;
    text-decoration: none;
}
.faq{
    background-color: #f3f3f5;
    min-height: 1000px;
    padding-bottom: 50px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.bottom_faq{
    height: 100%;
    width: 100%;
    /*background-color: #f3f3f5;*/
    display: flex;
}
.bottom_faq_inner{
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    color: var(--overall_background);
    max-width: 1000px;
    width: 94%;
}
.faq_big_line{
    margin-top: 30px;
    font-size: 2.3rem;
    font-weight: bold;
    color: var(--strong_color)
}
.faq_component{
    background-color: white;
    width: 100%;
    margin-top: 10px;
    /*overflow: auto;*/
    /*height: 100px;*/
}
.faq_component_top{
    display: flex;
    padding-top: 13px;
}

.faq_component_top_text{
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    color: black;
    margin-left: 10px;
    font-weight: bold;
    font-size: 1.2rem;
    width: 95%;
    cursor: pointer;
}
.faq_text_inside{
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: center;
}
.up_down_faq{
    float: right;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 5px;
}
.faq_component_bottom{
    margin-top: 5px;
    padding: 10px;
}
.dont_refresh{
    /*position: fixed;*/
    margin: auto;
    font-size: 1.1rem;
    color: var(--strong_color);
    padding-top: 150px;
    text-align: center;
}
.inside_download{
    margin-left: auto;
    margin-right: auto;
}
.max_height{
    height: 100%
}
.socket_end{
    position: fixed;
    top: 10%;
    width: 100%;

    color: black;
    z-index: 100;
    display: flex;
}
.socket_end_inner{
    padding: 10px;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--light_color);

}
.socket_end_text{
    margin: auto;
    text-align: center;
}
.region_mainpage_component_top{
    display: flex;
}
.region_mainpage_component_top_text{
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
}
.region_mainpage_text_inside{
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: center;
}
.show_reorder_column{
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    font-size: 1.1rem;
    /*margin-top: 8px;*/
}
.show_reorder_column:hover{
    /*font-size: 1.2rem;*/
    color: coral
}
.trash_right:hover{
    color: coral !important;
    /*font-size: 1.1rem;*/
}
.trash_left:hover{
    color: var(--light_color) !important
}
.card_style{
    border: 1px dashed black;
    /*border: 1px dashed var(--cool_border_color);*/
    padding: 0.5rem 1rem;
    margin-bottom: .5rem;
    border-radius: 5px;
    /*background-color: #263238;*/
}
.reorder_outer{
    position: relative;
    margin: auto;
    width: 400px;
    /*padding: 20px;*/
    z-index: 50;
    background-color: var(--popup_background);
    border: 2px solid var(--cool_border_color);
    border-radius: 10px;
}
.reorder_inner{
    margin: auto;
    /*margin: 100px auto 0;*/
    /*width: 370px;*/
    padding: 8px;
    padding-top: 15px;
    margin-bottom: 1px;
    text-align: left;


    color: #d3cfc9;
    overflow: auto;
    width: 94%;
}
.line_ver{
    width: 92%;
    height: 10px;
    /*background-color: var(--strong_color);*/
    margin-bottom: 8px;
}
.save_reorder{
    width: 92%;
    margin: auto;
    color: white;
    background-color: coral;
    border-radius: 5px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}
.drag_text{
    width: 92%;
    margin: auto;
    color: coral;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 9px;
    margin-top: 10px;
}
.save_reorder:hover{
    transform: translateY(-1px);
}
.space_ver{
    height: 15px
}
.hide_show_filter{
    display: inline-block;
    margin-left: auto;
    margin-right: 10px;
}
.hide_show_filter_text{
    display: inline-block;
    font-size: 0.9rem;
    font-weight: normal;
    margin-right: 10px;
    vertical-align: top;
    /*margin-top: -10px;*/
}
.switch_screener{
    margin-top: 8px;
}
.x_reorder{
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    cursor: pointer;
    z-index: 65;
}
.main_pic_outer{
    width: 600px;
    height: 100px;
    background-color: var(--overall_background);
    display: flex;
    border: 1px solid white;
    /*height: 144px;*/
    /*width: 224px;*/
}
.main_pic_inner{
    margin: auto;
}
.big_logo{
    display: inline-block;
    height: 4rem;
    width: 4rem;
    /*margin-left: 5px;*/
    /*margin-right: 1rem;*/
}
.main_pic_title{
    /*height: 10rem;*/
    display: inline-block;
    font-size: 1.3rem;
    padding: 0.5rem 0.5rem;
    padding-right: 5px;
    margin-top: 0.65rem;
    float: right;
    color: white;
    font-weight: bold;
    vertical-align: center;
}
.small_popup{
    position: fixed;
    top: 90%;
    left: 5%;
    padding: 10px 20px;
    min-width: 120px;
    color: #d3cfc9;
    background-color: var(--popup_background);
    /*border: 1px solid #d3cfc9;*/
    border-radius: 5px;
    z-index: 4;


}
.small_popup {
    overflow: hidden;
    /*position: relative;*/
}
.small_popup::before, .small_popup::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.small_popup::before {
    top: 0;
    left: 0;
    border-top-color: var(--strong_color);
    border-right-color: var(--strong_color);
    animation: border 2s infinite;
}
.small_popup::after {
    bottom: 0;
    right: 0;
    animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes border {
    0% {
        width: 0;
        height: 0;
    }
    25% {
        width: 100%;
        height: 0;
    }
    50% {
        width: 100%;
        height: 100%;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}
@keyframes borderColor {
    0% {
        border-bottom-color: var(--strong_color);
        border-left-color: var(--strong_color);
    }
    50% {
        border-bottom-color: var(--strong_color);
        border-left-color: var(--strong_color);
    }
    51% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    100% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}
.mid_add_ticker{
    background-color: var(--popup_background);
    border-radius: 5px;
    border: 2px solid black;
    position: relative;
}
.mid_add_ticker_left{
    /*border: 1px solid var(--light_color);*/
    width: var(--true_half);
    padding: 10px;

}
.mid_add_ticker_right{
    width: var(--true_half);
    padding: 10px;
    /*border: 1px solid var(--chosen_red)*/
}
.mid_add_ticker_right:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 20%;
    height: 70%;
    border-left: 1px solid black;
}
.tickers_to_add_watchlist_title{
    /*color: var(--strong_color);*/
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 10px;
    margin-top: 3px;
}
.tickers_to_add_watchlist{
    height: var(--half_height);
    overflow-y: auto;
}
.sillow{
    font-size: 0.8rem;
    padding-left:10px;
    padding-right: 10px;
    display: inline-block;
    border-radius: 5px;
    color: var(--light_color);
    border: 1px solid var(--light_color);
    /*background-color: var(--light_color);*/
    cursor: pointer;
}
.sillow:hover{
    color: white;
    background-color: var(--light_color);
}
.button_add_ticker_watchlist{
    margin: auto;
    width: 200px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    border-radius: 5px;
    background-color: var(--light_color);
    color: white;
    padding: 5px;
    /*font-weight: bold;*/
    cursor: pointer;
}
.line_row{
    height: 1px;
    width: 96%;
    background-color: black;
    margin: auto;
}
.add_ticker_left_title{
    margin-bottom: 10px;
    color: black;
}
.add_ticker_left_title_sub{
    margin-right: 15px;
    padding: 2px;
    display: inline-block;
    font-size: 0.9rem;
    cursor: pointer;
}
.left_mid_chosen{
    border-bottom: 2px solid var(--light_color);
}
.verify_tickers{
    font-size: 0.9rem;
    margin: auto;
    margin-top: 10px;
    padding: 5px;
    width: 150px;
    border-radius: 5px;
    text-align: center;
    color: var(--light_color);
    border: 1px solid var(--light_color);
    cursor: pointer;
}
.big_input{
    width: var(--half_width);
    font-size: .9rem;
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto;
    /*background-color: coral;*/
    background-color: var(--overall_background);
    color: white;
    border-radius: 5px;
    padding-left: 5px;
    outline: none;
    /*border: none;*/
    border: 1px solid #626A72;
    /*line-height: 1.1rem;*/
    vertical-align: top;
    height: 290px;
}
.big_input::placeholder{
    /*color: white*/
}
textarea { resize: none; }
.forgot_input{
    width: 315px;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
}
.forgot_button_outer{
    width: 315px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    background-color: var(--strong_color);
    color: white;
    cursor: pointer;

}
.beta_wacc{
    text-align: right;
}
.download_popup{
    padding: 20px;
    background-color: var(--popup_background);
    border: 2px solid black;
    color: var(--text_gray_color);
    width: 600px;
    display: flex;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    flex-direction: column;
}
.top_download{
    margin: auto;
    display: flex;
    flex-direction: column;
    /*margin-top: 60px;*/
    /*margin-right: 30px;*/
    margin-bottom: 15px;
}
.logo_download{
    /*display: inline-block;*/
    width: 4rem;
    margin: auto;
    margin-bottom: 20px;
}
.set_up_once{
    vertical-align: center;
    text-align: center;
    font-size: 1.5rem;
    color: var(--strong_color);
    display: inline-block;
    height: 2rem;
}
.instructions_download{
    width: 100%;
    margin-top: 15px;
}
.follow_inst{
    margin-bottom: 5px;
    color: black
}
.ins_line{
    padding-left: 15px;
    margin-top: 10px;
}
.api_key{
    color: var(--strong_color);
    display: inline;
}
.link_ins{
    color: #1db954;
}
.link_ins:hover{
    color: #1db954;
    /*text-decoration: none;*/
}
.add_on{
    color: var(--text_blue)
}
.add_on:hover{
    color: var(--text_blue);
    /*text-decoration: none;*/
}
.in_svg{
    position: absolute;
    font-size: 1.7rem;
    line-height: 10px;
    height: 1px;
    padding-top: 0;
    right: 22px;
    top: 158px;
    /*border: 1px solid red;*/
    /*z-index: 200;*/
    color: var(--shadow);
}
.in_svg2{
    top: 60px;
    right: 12px;
}
.chart_plot{
    width: 100% !important;
    height: auto !important;
    /*background-color: white;*/
}

.need_height_chart{
    width: 100% !important;
    height: auto !important;
    min-height: 300px !important;
}
.market_plot_inner{
    width: 100% !important;
    height: 100% !important;
}
.plot_wrapper{
    /*width: 500px;*/
    /*height: 500px;*/
}
.big_outer_plot{
    margin-bottom: 100px;
}
.row_plot{
    /*margin: 5px;*/
    padding: 0;
    max-width: 5000px;
    max-width: 98%;
}
.row_plot_in{
    /*display: flex;*/
}
.truly_outer{
    margin-top: 30px;
    /*padding-right: 0;*/
    padding-right: 8px;
    padding-left: 8px;
    height: 100%;
    /*flex: 1*/
}
.outer_1_plot{
    background-color: var(--goland_color);
    border-radius: 10px;
    border: 1px solid var(--goland_color);
    /*padding: 0;*/
    height: 100%;

}
:root[data-theme="light"] .outer_1_plot{
    background-color: #f3f5f6;

}
.top_plot_wrap{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    font-size: 0.9rem;
    color: white;
}
.fin_plot_drop{
    margin: auto;

}
.plot_check_name{
    padding: 3px 8px;
}
.drop_plot_text{
    color: white !important;
    padding-top: 2px;
    padding-bottom: 2px;
}
.no_data_plot{
    color: var(--strong_color);
    display: flex;
    height: calc( 100% - 100px );
}
.plot_but{
    margin-right: 15px !important;
    margin-top: 0;
}

.question_mark_popup{
    display: none;
    font-size: 0.6rem;
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--goland_color);
}
.faq_link{
    display: inline;
    color: white;
    text-decoration: underline;
}
.faq_link:hover{
    color: white
}
.inline{
    display: inline;
}
.email_end{
    margin-top: 40px;
    text-align: center;
}
.feedback_title{
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: var(--strong_color)
}
.feedback_top_out{
    width: 100%;
}
.feedback_inp{
    width: 100% !important;
    margin-bottom: 15px;
    margin-top: 15px;
    height: 150px !important;
    background: white;
    color: black
}
.email_feedback{
    width: 100% !important;
    margin-top: 15px;
    height: 36px !important;
    vertical-align: center;
}
.feedback_sent_text{text-align: center}
.feedback_button{
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    /*border: 1px solid var(--strong_color);*/
    border-radius: 5px;
    background-color: var(--strong_color);
    text-align: center;
    /*width: 60px;*/
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    max-width: 200px;
}
.feedback_circle{
    border-radius: 30px;
    border: 2px solid var(--strong_color);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    height: 4rem;
    width: 4rem;
}
.fa-paper-plane{
    margin-left: auto;
    margin-right: auto;
    color: var(--strong_color);
    font-size: 2rem;
    cursor: auto;
    margin-bottom: 15px;
}
.feedback_received{
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: var(--strong_color);
    margin-bottom: 15px;
}
.sent_feedback{
    display: flex;
    flex-direction: column;
}
.market{
    /*border: solid white;*/
    margin-top: 20px;

}
.market_left{
    /*border: solid coral;*/
}
.market_plot_left{
    display: inline-block;
    padding-right: 0;
}
.market_plot_right{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.market_plot_wrapper{
    max-width: 100%;
    height: auto;
}
.sector{
    font-size: 0.8rem;
    margin-top: 20px;
}
.sector_etf_1{
    background-color: var(--goland_color);
    border-radius: 10px;
    margin-top: 15px;
    /*display: flex;*/
}
.col_square{
    /*display: inline-block;*/
    width: 25%;
    color: #282832;
    padding-top: 5px;
    font-size: 0.85rem;
    /*background-color: var(--chosen_green);*/
    /*height: 57px;*/
    float: left;
    text-align: center;
    border-radius: 10px 0 0 10px;
    margin-right: 10px;
    font-weight: bold;
}

.next_col_sq{
    /*display: inline-block;*/
    padding: 6px;
}
.inter{
    margin-top: 30px;
    margin-bottom: 30px;
}
.sector_etf_1_line{
    margin-bottom: 3px;
    margin-left: 10px;
}
.sector_etf_2_line{
    margin-right: 10px;
    color: var(--text_gray_color);
}
.inter_box{
    /*display: inline-block;*/
    /*min-width: 200px;*/
    background-color: var(--goland_color);
    padding: 15px;
    margin-top: 15px;
    border-left: 5px solid;
    border-radius: 0 5px 5px 0;
}
.inter_left{
    display: inline-block;
    /*float: left;*/
}
.inter_right{
    display: inline-block;
    float: right;
}
.sector_title{
    margin-left: -15px;
    margin-bottom: 15px;
}
.bigger_title{
    font-size: 1.3rem !important;
}
.market_title{
    font-size: 1.2rem;
    /*font-weight: bold;*/
    margin-top: 10px;
    color: var(--text_light_color);
    margin-bottom: 10px;
}
:root[data-theme="light"] .market_title{
    /*font-weight: bold;*/
}
.market_price{
    color: var(--text_gray_color)
}
.green_text{
    color:var(--chosen_green);
}
.green_text:hover{
    color:var(--chosen_green);
}
.green_back {
    background-color: var(--chosen_green);
}
.red_text{
    color: var(--chosen_red)
}
.red_text:hover{
    color: var(--chosen_red)
}
.market_row{
    margin-top: 20px;
}
.market_table{
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 25px;
}
.undervalued_table{
    font-size: 0.8rem !important;
}
.bot_market{
    margin: auto;
    width: 90%;
    margin-bottom: 90px;
    padding-top: 15px;
    text-align: center;
    border-top: 1px solid var(--cool_border_color);
    /*width: 100%;*/
    font-size: 0.8rem;
}
.market_td{
    padding: 5px !important;
    border-top: 1px solid #444444 !important;
    border-bottom: 1px solid #444444 !important;
    border: 1px solid #444444 !important
}
:root[data-theme="light"] .market_td{
    border-color: var(--cool_border_color)    !important;
}
.market_td > .screener_cell{
    /*vertical-align: center;*/
    /*margin: auto;*/
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}
.market_th{
    padding: 5px 10px !important;
    background-color: var(--goland_color);
    color: var(--text_gray_color);
    border-top: 1px solid #444444 !important;
    border-bottom: 1px solid #444444 !important;
    box-shadow: inset -1px 0 0 0 var(--overall_background);
    clip-path: inset(0px -15px 0px -15px);
}
:root[data-theme="light"] .market_th {
   border: none !important;
}
.fa-caret-down{
    /*color: var(--chosen_red);*/
}
.fa-caret-up{
    color: var(--chosen_green);
}
.red_back{
    background-color: var(--chosen_red);
    /*color: white;*/
}
.market_name{
    font-weight: bold;
}
.spinner_wrapper{
    margin-top: 300px;
}
.second_line{
    color: var(--text_light_color)
}
.export_text{
    color: var(--chosen_green);
    display: inline;
    cursor: pointer;
}
.export_text:hover{
    text-decoration: underline;
}
.not_real_1 {
    color: var(--text_light_color);
    font-size: 1.3rem;
    margin-bottom: 20px;
}
.not_real_2{
    color: var(--text_light_color);
    padding: 10px;
    border-radius: 5px;
    background-color: var(--strong_color);
    max-width: 250px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
.hover_price{
    background-color: var(--goland_color);
    font-size: 0.8rem;
    color: var(--text_gray_color);
    display: block;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    margin-left: -150px;
}
.circle_price{
    margin-left: 5px;
    cursor: pointer;
    color: var(--text_gray_color);
}
.overview{
    padding: 0 !important;
}
.overview_table{
    text-align: right;
}
.overview_td{
    padding: 3px !important;
    border: none !important;
}
.overview_th{
    padding: 3px !important;
    border: none !important;
    border-bottom: 1px solid var(--cool_border_color) !important;
}
.left_ql{
    margin-top: 1.6rem;
    /*margin-right: 10px;*/
}
.desc_text{
    font-size: 0.85rem;
    text-align: justify;
}
.overview_historical_plot_wrapper{
    /*height: 100%;*/
    /*width: 100%;*/
    position: relative;
    max-height: 280px;
    min-height: 180px;
}
.overview_dividend_plot_wrapper{

}
.switch_ratio{
    float: right;
    /*margin-right: 15px;*/
    font-size: 0.85rem;
    margin: 10px;
}
.ratio_button{
    padding: 5px 15px;
    background-color: var(--goland_color);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--overall_background);
    color: var(--text_gray_color);
}
:root[data-theme="light"] .ratio_button{
    background-color: transparent;
    border: 1px solid var(--cool_border_color);
}
.left_radius{
    border-radius: 5px 0 0 5px;
}
.right_radius{
    border-radius: 0 5px 5px 0;
}
.ratio_highlight{
    background-color: var(--strong_color) !important;
    color: black !important

}
.overview_dividend_plot_wrapper{
    color: var(--text_light_color);
    min-height: 246px;
    max-height: 350px;
}
#last_row_overview{
    height: 300px;
}
.source_title{
    color: var(--text_light_color);
}
.source_title:hover{
    color: var(--text_light_color);
}
.news_table{
    text-align: left;
    font-size: 0.85rem;
    position: absolute;
    /*overflow: auto;*/
}

.rev_plot_wrapper{
    max-height: 400px;
}
.eps_right_plot{
    padding: 20px;
}
.overview_spinner{
    margin-top: 200px;
}
.no_data_overview_out{
    width: 100%;
    height: 100%;
    display: flex;
}
.bubble_none{
    display: block;
    height: 250px;
}
.no_data_overview_in{
    margin: auto;
    color: var(--strong_color);
}
.bubble_none_text{
    padding-top: 100px;
    text-align: center;
    color: var(--text_light_color) !important;
}
.here{
    color: var(--text_blue) !important;
    text-decoration: underline;
}
.here:hover{
    color: var(--text_blue) !important;
}
.filing{
    font-size: 0.9rem;
    margin-bottom: 15px;
}
.filing_left{
    color: var(--text_gray_color);
    margin-right: 100px;
    display: inline-block;
}
.filing_right{
    display: inline-block;
}
.good_filing_right{
    display: inline;
    padding-right: 7px;
    padding-left: 7px;
    border-right: 1px solid white;
    color: var(--text_blue);
}
.good_filing_right:hover{
    color: var(--text_blue);
}
.bad_filing_right{
    display: inline;
    padding-right: 7px;
    padding-left: 7px;
    border-right: 1px solid white;
    color: var(--text_gray_color);
}
.good_filing_right:last-child{
    border: none !important;
}
.bad_filing_right:last-child{
    border: none !important;
}
#del_col_arrow{
    color: #696969 !important;
}
.ticker_top_cell{
    color: var(--text_blue);
    /*margin-bottom: 5px;*/
}
.comp_name_bottom_cell{
    color: var(--text_light_color)
}
.first_black {
    align-items: center !important;
    vertical-align: middle !important;
    /*border-top-color: black !important;*/
    /*border-bottom-color: black !important;*/
}
.screener_cell{
    align-items: center !important;
    vertical-align: middle !important;
}
.black_line_bottom{
    /*border-top: 2px solid var(--cool_border_color);*/
}
.idea_input{
    width: 280px;
}
.bar_wrap{
    width: 98% !important;
    max-width: 98% !important;
    height: 3500px !important;
    display: flex !important;
    white-space: normal !important;
    margin-right: auto;
    margin-left: auto;
}
.ideas_bar_table{
    margin-top: 30px;
    color: var(--text_light_color);
    text-align: right;
    margin-bottom: 40px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.8rem;
    position: absolute;
    border-top: 1px solid #444444 !important;
}
.blank_idea{
    height: 0px;
    border: none;
}
.idea_bar_row{
    /*border-bottom: 1px solid var(--cool_border_color);*/
    border-top: 1px solid var(--cool_border_color);
    /*border-bottom: 1px solid #444444;*/
    border-top: 1px solid #444444 !important;
    cursor: pointer;
}
.idea_bar_row:hover{
    background-color: var(--hover_color);
}
.idea_bar_cell{
    /*border: 1px solid black;*/
    padding: 10px;
    align-items: center !important;
    vertical-align: middle !important;
}
.first_idea_bar_cell{
    color: var(--strong_color);
    text-align: left;
    font-size: 0.9rem;
}
.export_watchlist{
    color: var(--text_gray_color);
    text-align: center;
    padding: 5px;
    background-color: var(--goland_color);
}
.export_watchlist:hover{
    color: var(--text_light_color);
    background-color: var(--overall_background);
}
.arrow_idea{
    color: var(--strong_color)
}
.bar_left_table{
    font-size: 0.8rem;
    text-align: left;
    margin-left: 10px;
    /*margin-right: 10px;*/
}
.pie_wrapper{
    /*width: 400px;*/
    max-width: 500px;
    margin: auto;
    /*height: 300px;*/
    display: flex;
}
.pie_plot_in{
    margin: auto;
    height: 250px !important;
    width: 500px !important;
}
.got_it_idea:hover{
    color: var(--text_light_color);
    text-decoration: none;
}
.term{
    text-decoration: underline;
    display: inline;
    color: #029dd5 !important;
}
.term:hover{
    text-decoration: underline;
    color: #029dd5 !important;
}
.terms{
    display: inline;
    color: var(--text_blue) !important;
}
.terms:hover{
    text-decoration: underline;
    color: var(--text_blue) !important;
}
.knowledge_page{
    background-color: white;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.knowledge_top_bar{
    height: 70px;
    background-color: var(--goland_color);
    display: flex;
    width: 100%;
}
.know_bar_mid{
    margin: auto;
    display: flex;
}
.web_logo{
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 1px;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 1 !important;
}
.knowledge_left_title{
    display: inline-block;
    color: var(--text_light_color);
    font-weight: bold;
    font-size: 1.7rem;
    margin: auto;
}
.knowledge_rest{
    background-color: white;
    color: #222222;
    font-size: 1rem;
    /*min-height: 2000px;*/
    padding-left: 20px;
    padding-right: 20px;
}
.know_gap{
    height: 30px;
    width: 100%;
    background-color: white;
}
.knowledge_logo_left{
    height: 55px;
    width: 55px;
    margin-right: 15px;
}
.knowledge_logo {
    display: inline-block;
    color: var(--text_light_color);
    font-weight: bold;
    font-size: 1.7rem;
    margin: auto;
}
.know_login{
    float: right;
    color: var(--text_gray_color);
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 25px;
    /*margin: auto;*/
    /*margin-right: 20px;*/
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
}
.know_login:hover{
    color: var(--text_light_color);
    text-decoration: none;
}
.knowledge_title{
    margin: auto;
    margin-bottom: 25px;
    /*margin-top: 15px;*/
    color: var(--strong_color);
    font-weight: bold;
    text-align: center;
}
.know_header4{
    margin-bottom: 20px;
    font-weight: bold;
}
.know_header5{
    margin-bottom: 10px;
    margin-top: 10px;
}
.know_param{
    margin-bottom: 20px;
    text-align: justify;
}
.know_list > li {
    list-style-type: circle;
}

.know_div{
    margin-left: 20px;
}
.no_cursor:hover{
    cursor: auto !important;
}
.people_table{
    max-width: 100% !important;
    height: 510px;
    margin-bottom: 40px;
}

.people_top{
    height: 31px;
}
.news_table thead th {
    position: sticky;
    top: -2px;
    z-index: 1;
    /*margin-top: -20px;*/
}
.pad_20{
    padding-bottom: 20px !important;

}
.damn_center{
    vertical-align: middle !important;
}
.compare_outer{
    font-size: 0.9rem;
    max-width: 3000px;
    padding-right: 2px;
    padding-left: 2px;
}
.compare_title{
    font-size: 1rem;
    /*color: var(--strong_color);*/
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.each_ticker_compare{
    background: var(--goland_color);
    /*border: 1px solid var(--goland_color);*/
    border-radius: 5px;
    width: 100%;
    margin: 5px auto;
    padding: 10px;
    color: var(--text_gray_color);
}
.each_ticker_compare_in{
    display: inline;
}
.compare_x{
    float: right;
    margin-top: 5px;
    cursor: pointer;
    width: 5%;
}
.compare_x:hover{color: var(--strong_color)}
.compare_search1{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}
#searchBoxCompare{
    width: 100% !important;
    padding: 7px !important;
}
.compare_search1 > .twitter-typeahead {
    width: 100% !important;
}
.compare_search1 > .twitter-typeahead > .tt-menu{
    width: 110% !important;
}
.compare_search1 > .twitter-typeahead > .tt-menu
> .tt-dataset > .one_line{
    width: 100% !important;
}
.compare_axis_outer{
    color: var(--text_light_color)
}
.axis_outer{
    margin-bottom: 10px;
}
.axis_left{
    /*display: inline-block;*/
    color: var(--text_gray_color);
    margin-bottom: 10px;
}
.class_r{
    font-size: 0.8rem;
    margin-right: 5px;
}
.axis_type{
    width: 100%;
}
.compare_press{
    padding: 7px;
    width: 100% !important;
}
.inp_axis{
    margin-left: 8px;
    padding-top: 3px;
    padding-bottom: 4px;
    width: 98%;
    margin-right: 8px;
}
.axis_drop_1{
    padding-top: 3px;
    padding-bottom: 3px;
}
.left_90{
    height: 100%;
    width: 95%;
    display: inline-block;
}
.down_compare{
    width: 5%;
    /*margin-left: 10px;*/
    /*margin-top: 5px;*/
}
.compare_group{
    max-width: 1000px !important;
    width: 100% !important;
}
.bubble_height{
    /*max-height: 100%;*/
    width: 100%;
    height: 300px
}
.plot_price_compare{
    width: 100%;
    height: 300px
}
.bubble_wrap{
    height: 300px
}
.orange_inline {
    color: var(--strong_color);
    display: inline;
}
.orange_inline:hover{
    color: var(--strong_color);
}
.compare_orange_line{
    height: 1px;
    background-color: var(--cool_border_color);
    margin-bottom: 15px;
    margin-top: 15px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.compare_title_currency{
    font-size: 0.9rem;
    margin-left: 5px;
    display: inline-block;
    color: var(--text_gray_color);
    /*top: -10px*/
    vertical-align: center;
    margin-bottom: 22px;
}
.price_compare_plot{
    /*border: 1px solid #323232;*/
}
.no_bottom{
    margin-bottom: 0 !important;
    margin-top: 16px !important;
}
.button_year{
    color: var(--text_light_color) !important;
}
.big_historical_price{
    margin-bottom: 30px;
    max-height: 400px;
}
.month_style{
    font-weight: bold;
    border-bottom: 1px solid var(--strong_color);
    color: var(--text_light_color) !important;
}
.bold_top_black{
    font-weight: bold;
    border-top: 1px solid var(--cool_border_color);
    color: var(--text_light_color) !important;

}
.bold_top_black_bottom_light_orange{
    font-weight: bold;
    border-top: 1px solid var(--cool_border_color);
    border-bottom: 1px solid var(--strong_color);
    color: var(--text_light_color) !important;

}
.bold_top_black_bottom_orange{
    font-weight: bold;
    border-top: 1px solid var(--cool_border_color);
    border-bottom: 1px solid var(--strong_color);
    color: var(--text_light_color) !important;

}
.financial_line{
    padding-bottom: 7px;
    padding-top: 7px;
}
.financial_line:hover{
    background-color: var(--hover_color);
}
.financial_line:hover  .left_sticky{
    background-color: var(--hover_color) !important;
}
.left_sticky{
    position: sticky;
    left: -2px;
    background-color: var(--overall_background);
    z-index: 2;
}
.right_option{
    margin-top: 10px;
}
.depre_line{
    border: 1px dashed var(--cool_border_color);
    border-bottom: none;
    color: var(--text_light_color);
}
.ebitda_line{
    border: 1px dashed var(--cool_border_color);
    border-top: none;
    color: var(--text_light_color);

}
.hist_tab_header{
    border-color: transparent !important;
    /*border-left: 1px solid black !important;*/
    /*border-right: 1px solid black !important;*/
    box-shadow: inset -1px 0 0 0 var(--overall_background);
    clip-path: inset(0px -15px 0px -15px);
    background-color: var(--goland_color);
    color: var(--header_color);
    text-align: right;
}
.hist_tab_header:first-child, .hist_tab_normal:first-child{
    text-align: left;
}
.hist_tab_normal{
    border: 1px solid #444444;
    color: var(--text_light_color);
    text-align: right;
}
:root[data-theme="light"] .hist_tab_normal{
    border-color: var(--cool_border_color);
}
.hist_tab_tabke{
    height: 700px;
    text-align: right;
    max-width: 3000px !important;
    margin-bottom: 40px;
    /*position: relative !important;*/
}
.normal_navlink{
    color: #a9a9a9;
    text-decoration: none;
}
.normal_navlink:hover{
    color: #a9a9a9;
    text-decoration: none;
}
.unsupported_ticker_region{
    width: 100%;
}
.chosen_export{
    border-bottom: 4px solid var(--strong_color);
}
.export_options_out{
    margin-top: 20px;
    margin-bottom: 10px;
    color: black;
    /*background-color: var(--goland_color);*/
}
.export_option_item{
    padding: 5px;
    padding-bottom: 3px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
}
.hover_gray:hover{
    background-color: var(--hover_color);
    border-radius: 0;
}
.free_comp_top_right{
    border-left: 3px solid var(--overall_background) !important;
    padding-left: 10px;
    text-align: right;
}
.no_account_bot_popup_download{
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
    color: black;
    padding-top: 10px;
    border-top: 1px solid var(--cool_border_color);
}
.warning_cancel{
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: var(--chosen_red)
}
.noti_outer {
    position: relative;
    color: white;
    cursor: pointer;
    font-size: 1.2rem;
}
span.comment_noti {
    position: absolute;

    color: var(--chosen_red);
}
span.num_noti {
    position: absolute;
    font-size: 0.6rem;
    font-weight: bold;
    color: #fff;
}
.noti_header_wrap{
    padding-left: 0;
    margin-left: -5px;
    padding-right: 0;
}
/*!*Blog Style css*!*/
/*a:hover{*/
/*    text-decoration: underline;*/
/*}*/
/*.special_a{*/
/*    text-decoration: underline;*/
/*}*/
/*.table_cell > a {*/
/*    text-decoration: none;*/
/*}*/
/*.table_cell > a:hover {*/
/*    text-decoration: none;*/
/*}*/
/*.table_row:hover {*/
/*    background-color: #f8f9fa !important;*/
/*    cursor: pointer;*/
/*}*/
/*.first_line_stock{*/
/*    color: black;*/
/*    font-size: 1.1rem;*/
/*}*/
/*.ticker_first_line{*/
/*    display: inline;*/
/*    !*color:var(--strong_color);*!*/
/*    font-weight: bold;*/
/*}*/
/*.next_line{*/
/*    color: #5f6368;*/
/*}*/
/*.one_block{*/
/*    margin-top: 20px;*/
/*}*/
/*.ui_blog{margin-top: 10px;}*/
.noti_window{
    background: #3c3f41;
    padding: 0 8px;
    margin-top: 15px ;
    border: none !important;
}
.noti_title{
    width: 100%;
    /*text-align: center;*/
    padding: 7px 0 3px 5px;
    font-size: 0.8rem;
    font-weight: bold;
    /*margin-left: 10px;*/
    border-bottom: 2px solid var(--cool_border_color);
    /*background: var(--overall_background);*/
    color: var(--text_light_color);
}
.no_noti{
    padding: 60px 0;
    text-align: center;
    color: var(--text_gray_color);
    border-bottom: 2px solid var(--cool_border_color);
}
.noti_buttons{
    width: 100%;
    margin: 10px 0;
}
.one_noti_button{
    width: 50%;
    text-align: center;
    padding: 10px 15px;
    color: var(--text_blue);
    display: inline-block;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--overall_background);
    background: var(--overall_background);
}
.one_noti_button:last-child{
    border-radius: 0 5px 5px 0;
}
.one_noti_button:hover{
    color: var(--text_blue);
    text-decoration: none;
}
.one_noti_button:first-child{
    border-right: 2px solid black;
}
.noti_stock_count{
    display: inline;
}
.noti_screener_name{
    display: inline;
    color: var(--strong_color);
}
.noti_date_left{
    vertical-align: center;
    text-align: center;
    padding-right: 0;
    /*color: black;*/
}
.noti_detail_1{
    font-style: italic;
    text-transform: capitalize;
}
.one_noti_design{
    padding: 5px 0;
    border-bottom: 1px solid var(--cool_border_color);
    cursor: pointer;
}
.one_noti_design:hover{
    background-color: var(--hover_color);
}
.new_noti{
    padding: 3px 1px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 45px;
    text-align: center;

}
.all_noti{
    margin-bottom: 10px;
}
.active_bell{
    color: var(--strong_color)
}
.inline_noti{
    display: inline;
    background-color: var(--chosen_red);
    padding: 1px 8px;
    border-radius: 8px;
    margin-left: 8px;

}
.noti_phone_text{
    color: white;
    opacity: 1 !important;
}
.noti_phone_text:hover{
    color: white;
}
.target{
    text-align: right;
}
.target:hover{
    text-decoration: underline;
}
.empty_target{
    color: var(--text_blue);
}
.has_target{
    /*color: white;*/
}
.your_price_target{
    display: inline-block;
    /*color: var(--text_light_color);*/
}
.target_search_box_outer{
    display: inline-block;
    float: right;
}
.target_watchlist_top{
    /*color: var(--text_light_color);*/
    padding-bottom: 5px;
    border-bottom: 2px solid var(--cool_border_color);
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.target_right_price{
    text-align: right;
}
.target_searchbox{
    padding-left: 6px;
    color: black !important;
    background: white;
    border: 1px solid #c9c9c9;
}

.target_searchbox:focus{
    border: 1px solid #c9c9c9;
}
.target_search_upside, .target_right_upside{
    width: 100%;
    text-align: right;
    font-style: italic;
    margin-top: 5px;
    font-size: 0.8rem;
    color: var(--goland_color)
}
.target_reference{
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid var(--cool_border_color);
}
.for_your_reference{
    /*color: var(--text_light_color);*/
    margin-bottom: 10px;
}
.target_left{
    display: inline-block;
    padding-left: 7px;
}
.target_right{
    display: inline-block;
    float: right;
    color: var(--strong_color);
}
.target_market_price_outer{
    margin-bottom: 10px;
}
.target_popup_bottom{
    margin-top: 10px;
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--cool_border_color);
}
.will_receive_noti{
    font-size: 0.8rem;
    text-align: center;
    font-style: italic;
}
.save_target{
    margin-top: 10px;
    padding: 7px;
    background-color: var(--strong_color);
    color: var(--text_light_color);
    width: 100px;
    text-align: center;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.under_img_wrap{
    display: inline-block;
    margin-right: 10px;
    height: 42px;
    width: 42px;
    float: left;
    margin-left: 5px;
    display: flex;
}
.undervalued_logo{
    height: 35px;
    width: 35px;
    margin: auto;
}
.visit_noti:hover{
    color: white !important;
    /*text-decoration: none !important;*/
}
.two_button_noti{
    text-align: right;
    padding-top: 25px;
    border-top: 1px solid var(--cool_border_color);

    margin-right: 0 !important;
    margin-top: 30px;
}
.one_content_screener{
    margin-top: 10px;
    padding-bottom: 10px;
    /*border-bottom: 1px solid var(--cool_border_color);*/
}
.view_comp_screener{
    float: right;
    color: var(--strong_color);
    margin-right: 10px;
}
.view_comp_screener:hover{
    color: var(--strong_color);

}
.first_line_watchlist_noti{
    margin-bottom: 7px;
    color: white
}
.target_p{
    margin-bottom: 7px;
}
.popup_content_scroll{
    /*height: 500px;*/
    overflow: auto;
}
.related_stock_title{
    padding: 20px 0 15px 0;
    /*border-top: 2px solid var(--cool_border_color);*/
    /*color: var(--strong_color);*/
    text-align: center;
    margin-top: 20px;
}
.one_related_stock{
    font-size: 0.9rem;
    /*margin-bottom: 1px;*/
    background-color: var(--goland_color);
    overflow: hidden;
    padding-top: 8px !important;

}
.related_stock_name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.knowledge_left{
    background-color: var(--overall_background) !important;
    /*padding:0 10px 0 10px !important;*/
}
.knowledge_left_title{
    padding: 20px 5px 0 10px;
    color: white;
    font-weight: bold;
    font-size: 1.4rem;
}
.know_left_options{
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--cool_border_color);
    padding-left: 10px;
}
.true_knowledge_logo{
    height: 80px;
    width: 80px;
    margin-right: 10px;
    vertical-align: middle;
}
.one_know_option{
    height: 40px;
}
.know_left_navigate{
    padding-left: 10px;
    margin-top: 30px;
}
.col_class{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.register_popup_cell{
    background-color: var(--overall_background);
    color: #a9a9a9;
    border-radius: 5px;
    outline: none;
    border: none;
    /*margin-bottom: 15px;*/
    /*margin: 0 10px 15px 10px;*/
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    padding: 10px;
    width: 100%
}
.root_register_basic_button{
    margin-bottom: 30px;
    background-color: var(--strong_color);
    border-radius: 5px;
    color:white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.register_popup_cell:focus{
    border-bottom: 2px solid var(--strong_color);
}
.root_register_basic_leave:hover{
    color: #00b3e3;
}
.root_register_basic_leave{
    color: #00b3e3;
    text-decoration: none;
}
.root_warning{
    margin-top: 50px;
    margin-bottom: 15px;
    text-align: center;
}
.api_key_out{
    max-width: 3000px;
    margin-top: 30px;
}
.main_api{
    color: var(--text_light_color);
}
.api_title{
    text-align: center;
    font-size: 1.8rem;
    /*font-weight: bold;*/
    color: var(--strong_color);
}
.api_section{
    font-size: 1.2rem;
    color: var(--strong_color);
    margin: 15px 0;
}
.peer_comp{
    padding-top: 20px;
    margin-bottom: 40px;
    padding-left: 10px;
    border-top: 2px solid var(--cool_border_color);
    /*margin-top: 10px;*/
}
.related_stocks_title{
    color: var(--strong_color);
    /*font-weight: bold;*/
    font-size: 1.1rem;
    margin-bottom: 25px;
}
.one_peer{
    margin-bottom: 15px;
    display: block;
    color: white
}
.on_page_input{
    background-color: var(--goland_color);
}
.title_on_page_register{
    color: var(--text_gray_color);
    text-align: center;
}
.on_page_warning{
    margin-top: 20px;
}
.main_blog{
    padding: 20px;
}
.blog_title{
    padding-left: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 40px;
}

/*Calendar*/

#calendar_table > .ag-ltr{
    width: 100%;
    /*border-left: 1px solid black;*/
    font-size: 0.8rem;
    /*border-top: 1px solid black;*/
}

.margin_auto{margin: auto}

.calendar_style{
    /*width: 245px;*/
    border: none;
    border-bottom: 1px solid var(--goland_color);
    margin-top: 10px;
    padding-bottom: 10px;
}

.calendar_style>.react-calendar__navigation{
    margin-bottom: 0px;
    text-align: center
}

.react-calendar__navigation > button{
    /*background-color: var(--overall_background) !important;*/
    color: var(--text_light_color);
}

.calendar_all{
    font-size: 0.8rem;
    margin: 0;
    max-width: 5000px;
}
.react-calendar{
    color: var(--text_light_color);
    border: none !important;
    background-color: var(--overall_background) !important;
}

.react-calendar__month-view__days__day{
    color: var(--text_light_color);
}

/*.react-calendar abbr {*/
/*    text-decoration: none;*/
/*}*/
.calendar_left_2nd_line{
    margin: 15px auto;
    padding: 0 7px;
    text-align: center;
    margin-top: 5px;
}

.calendar_today_button{
    width: 51px;
    vertical-align: middle;
    border: 1px solid #afafaf;
    cursor: pointer;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6px ;
    padding-right: 6px ;
    background: #ececec;
    text-align: center;
    border: 1px solid var(--cool_border_color);
    background-color: var(--goland_color);
    color: var(--text_light_color)
}

.add_filter_main_input{
    color: var(--text_light_color);
    background-color: var(--goland_color);
    border: 1px solid black;
    padding: 2px 5px;
}
.add_filter_main_input::placeholder{
    color: var(--text_gray_color);
}

.add_quick_filter{
    text-align: center;
    background: var(--overall_background);
    border: 1px solid var(--cool_border_color);
    padding: 1px 0px;
    cursor: pointer;
    width: 15%;
}

.one_calendar_type{
    margin-left: 15px;
    padding-bottom: 5px
}

.bottom_calendar_left{
    margin-bottom: 15px;
    padding: 0 5px;
    width: 100%;
    overflow: auto
}
.quick_filters_wrap {
    margin-top: 10px;
}


.pointer{
    cursor: pointer
}
.calendar_left_checkbox{
    margin-right: 10px;
}

.one_item_line_calendar_left{
    color: var(--text_light_color);
}
.one_item_line_calendar_left{
    padding: 0 7px;
    margin-bottom: 3px;
}

.calendar_price_filter_input::placeholder{
    color: var(--goland_color)
}

.calendar_price_filter_input{
    border-bottom-color: var(--strong_color);
    width: 30%;
}

.calendar_week_day{
    margin-top: -10px;
    margin-right: 15px;
}

#calendar_table{
    font-size: 0.9rem
}

#calendar_table .ag-header-cell{
    padding-left: 7px;
    padding-right: 0px
}

.ag_grid_center_header{
    padding-left: 0px !important
}

.ag_grid_center_header .ag-header-cell-label {
    float: none !important;
    width: auto !important;
    justify-content: center;
}

.ag_grid_center_header .ag-header-group-text{
    margin: auto
}

.ag_grid_center_header .ag-header-icon {
    display: none
}

#calendar_table .ag-header-group-cell{
    padding-right: 0
}

#calendar_table .ag-cell {
    padding-left: 5px;
    padding-right: 5px;
}

.calendar_table_cell{
    padding-left: 2px;
    padding-right: 2px;
}

#calendar_table .ag-header-group-cell[col-id="2_0"]::after{
    height: 0px
}

#calendar_table .ag-header-group-cell[col-id="3_0"]::after{
    height: 0px
}

#calendar_table .ag-header-group-cell[col-id="4_0"]::after{
    height: 0px
}

#calendar_table .ag-header-group-cell[col-id="5_0"]::after{
    height: 0px
}

#calendar_table .ag-header-icon{
    width: 0
}

#calendar_table .ag-header-cell::after,
#calendar_table .ag-header-group-cell::after {
    /*top: 0*/
}

.alert_table .ag-header-cell::after,
.alert_table .ag-header-group-cell::after {
    top: 0 !important
}

.margin_left_5{
    margin-left: 5px;
}

.bigger_icon_calendar_table{
    font-size: 1.1rem
}

.width_50{
    width: 50px;
}

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

.tippy-content {
    padding: 0;
}

.btn_calendar_popup {
    width: 0 ;padding:0;border: 0;
}

.calendar_popup_info {
    position: absolute;
    z-index: 1000;
    min-width: 10rem;
    margin: 0;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.calendar_popup {
    width: 350px;
    margin: 0 auto;
    position: relative;
    margin-left: 0px;
    height: 235px;
    /*overflow: auto*/
}

.calendar_popup:after {
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: var(--goland_color);
    position: absolute;
    z-index: 1;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.calendar_popup.top_middle_calendar_arrow:after {
    left: calc(50% - 10px);
    top: -8px;
}

.calendar_popup.bottom_middle_calendar_arrow:after {
    left: calc(50% - 10px);
    top: 222px;
}

.calendar_popup.top_right_calendar_arrow:after {
    left: calc(93% - 20px);
    top: -8px;
}

.calendar_popup.bottom_right_calendar_arrow:after {
    left: calc(93% - 20px);
    top: 222px;
}

.right_calendar_arrow{
    margin-left: 10px !important;
}

.calendar_popup_wrapper {
    width: 100%;
    padding: 10px 15px 5px 15px;
    background: var(--goland_color);
    position: relative;
    z-index: 998;
    /*font-size: 0.9rem*/
}

.calendar_popup_financial_table_wrapper{
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid #c8c8c8;
}

.calendar_popup_table{
    border: none
}

.calendar_popup_table thead th {
    border: none !important
}

.calendar_popup_table th {
    font-weight: normal;
    padding: 0;
    border: none
}

.calendar_popup_table tr {
    border: none
}

.calendar_popup_table td{
    padding: 3px 0;
    border: none
}



/*Extra calendar*/
.react-calendar {
    /*width: 350px;*/
    max-width: 100%;
    background: white;
    border: 1px solid #a0a096;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.125em;
}
.react-calendar--doubleView {
    width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
    display: flex;
    margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
    width: 50%;
    margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.react-calendar button {
    margin: 0;
    border: 0;
    outline: none;
}
.react-calendar button:enabled:hover {
    cursor: pointer;
}
.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 1em;
}
.react-calendar__navigation button {
    min-width: 44px;
    background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
    background-color: var(--goland_color);
}
.react-calendar__navigation button[disabled] {
    background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
    padding: 0.5em;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75em;
    font-weight: bold;
    padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
    color: var(--chosen_red);
}
.react-calendar__month-view__days__day--neighboringMonth {
    color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
    padding: 2em 0.5em;
}
.react-calendar__tile {
    max-width: 100%;
    text-align: center;
    padding: 0.75em 0.5em;
    background: none;
}
.react-calendar__tile:disabled {
    background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
    background-color: var(--goland_color);
}
.react-calendar__tile--now {
    background: var(--light_color);
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
    background: var(--light_color);
}
.react-calendar__tile--hasActive {
    background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
    background: #a9d4ff;
}
.react-calendar__tile--active {
    background: var(--strong_color);
    color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
    background: var(--strong_color);
}
.react-calendar--selectRange .react-calendar__tile--hover {
    background-color: #e6e6e6;
}


/*Tuan*/
.ag-header-cell-label {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}



.screener_wrap {
    max-width: 5000px;
    height: 100%;
    font-size: 0.8rem;
    color: var(--text_light_color);
    margin-top: 10px
}

.screener_left {
    /*border-right: 1px solid black;*/
    padding: 0 5px 0 10px;
}

.screener_right {
    height: 100%;
    padding: 0 5px 0 10px;
}

.screener_title {
    /*background: var(--goland_color);*/
    /*color: var(--strong_color);*/
    padding: 5px 0 5px 10px;
    font-weight: bold;
    margin: 5px -5px 10px -5px;
    font-size: 1rem;
}

.choose_screener_button {
    display: inline-block;
    background-color: var(--overall_background) !important;
    text-align: left;
    color: black;
    width: 100%;
    border-radius: 5px !important;
}

.choose_screener_button:focus {
    box-shadow: none
}

.choose_screener_button:hover {
    background: white;
    color: black;
}

.current_screener_name {
    display: inline-block;
    overflow: hidden;
    max-width: 85%;
    vertical-align: middle;
    color: var(--text_light_color)
}

.rename_wrap {
    width: 10%;
    text-align: center;
    display: inline-block;
}

.inline_block {
    display: inline-block;
}



.currency_line {
    margin-top: 10px;
    margin-left: 7px;
}

.currency_drop_right {
    display: inline-block;
    margin-left: 10px;
}

/*.currency_dropdown {*/
/*    background: white;*/
/*    color: black;*/
/*}*/

.quick_filters_wrap {
    margin-top: 10px;
}

.quick_filter_line {
    background: var(--goland_color);
    color: var(--text_light_color);
    margin-bottom: 5px;
    padding: 7px;
    font-weight: bold;
}

.one_quick_filter {
    padding: 5px 5px 5px 7px;
}

.all_quick_filters {
    height: 130px;
    overflow: auto;
}

.quick_filter_name{
    width: 85%;
}

.main_filters_wrap {
    padding-top: 10px;
    margin-top: 10px;
    /*border-top: 1px solid var(--goland_color);*/
    overflow: auto;
}

.add_filter_main_input {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 4px 8px;
    border: none;
    color: var(--text_light_color);
    border-bottom: 1px solid var(--strong_color);
}

.all_filters {
    overflow: auto;
}

.one_filter_wrap {
    padding: 5px 0 7px 7px;
    border-bottom: 1px solid var(--cool_border_color);
    display: flex;
    position: relative;
}
.one_filter_wrap:last-child{
    border: none;
}
.one_filter_left {
    width: 85%;

}

.one_filter_name {
    color: var(--text_blue);
}
:root[data-theme="light"] .one_filter_name {
    color: var(--strong_color);
}
.one_filter_condition {
    color: var(--text_gray_color);
}

.filter_stock_count {
    color: var(--text_gray_color);
    width: 15%;
    text-align: center;
    margin: auto;

}

.top_edit_delete_filter {
    position: absolute;
    visibility: hidden;
    top: 5px;
    right: 2px;
}

.edit_delete_filter {
    color: var(--text_blue);
    margin-left: 3px;
}
:root[data-theme="light"] .edit_delete_filter {
    color: var(--strong_color)
}
.one_filter_wrap:hover > .top_edit_delete_filter {
    visibility: visible;
}

.edit_columns_button {
    margin-left: 10px;
    padding: 5px 5px;
    border: 1px solid var(--cool_border_color);
    border-radius: 5px;
    display: inline-block;
}

.screener_result_1st_line_right {
    display: inline-block;
    margin-bottom: 10px;
}

.screener_result_icon {
    margin-left: 10px;
}

.standard_dropdown {
    border: none;
    box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
}

.all_screener_dropdown {
    width: 100%;
    font-size: 0.8rem;
    color: var(--text_light_color);
    background-color: var(--goland_color);
    border: 1px solid var(--cool_border_color)
}
:root[data-theme="light"] .all_screener_dropdown {
    background-color: white;
}
.pointer {
    cursor: pointer
}

.screener_list_name {
    width: 90%;
    overflow: hidden;
    padding: 5px;
}

.screener_list_name:hover {
    background: var(--hover_color);
}

.one_line_screener_name {
    padding: 0 5px;
    display: flex;
}

.delete_screener {
    margin: auto;
}

.screener_name_title_line {
    padding: 5px;
    font-weight: bold;
    border-top: 1px solid #5c5c5c;
    color: var(--header_color)
}

.add_screener_input_wrap {
    margin-top: 8px;
    border-top: 1px solid #5c5c5c;
    padding-top: 10px;
    margin-bottom: 5px
}

.add_screener_input {
    width: 90%;
    padding: 4px 8px;
    border: 1px solid var(--cool_border_color);
    background-color: var(--overall_background);
    color: var(--text_light_color)
}

.add_screener_warning {
    margin-top: 5px;
    color: var(--chosen_red);
    text-align: center;
}

.vertical_top {
    vertical-align: top;
}

.screener_button:hover, .screener_button:focus, .screener_button:active,
.screener_button:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    background: transparent !important;
}

.currency_dropdown:hover {
    color: var(--text_light_color);
    /*background: transparent !important;*/
}

.currency_dropdown:focus {
    box-shadow: none !important;
    background: transparent !important;
    color: var(--text_light_color) !important;
}

.dropdown_currency {
    width: 100%;
    overflow: auto;
    height: 150px;
    background: var(--goland_color);
    min-width: 50px !important
}

.dropdown_item_currency {
    padding: 0 0 3px 5px;
    cursor: pointer;
}

.dropdown_item_currency:hover {
    background: var(--hover_color)
}

.mid_popup_template {
    display: flex;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(127, 127, 127, .7);
    font-size: 0.9rem;
}
.overlay_not_all_screen{
    display: flex;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(127, 127, 127, .7);
    /*font-size: 0.9rem;*/
}
.mid_popup {
    position: relative;
    width: 400px;
    padding: 20px;
    background: white;
    margin: auto;
    color: black;
    border-radius: 15px;
}

.x_close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.mid_popup_top_line {
    font-size: 1rem;
    font-weight: bold;
}

.screener_rename_input {
    margin: 15px 0;
    border: none;
    padding: 7px;
    border-bottom: 1px solid var(--strong_color);
    width: 100%
}

.mid_popup_buttons_wrap {
    width: 100%;
}

.official_rename_button {
    margin: auto;
    background: var(--strong_color);
    color: black;
    padding: 5px 10px;
}

.mid_popup_main_content {
    margin: 10px 0;
    font-weight: normal;
}

.mid_screener_1st_button {
    background: var(--strong_color);
    color: black
}

.mid_screener_2nd_button {
    border: 1px solid var(--strong_color)
}

.filter_suggestions {
    width: 100%;
    margin-top: -10px;
    position: absolute;
    padding: 5px 0 5px 0;
    z-index: 2;
    background: var(--goland_color);
    border: 1px solid var(--cool_border_color);
    border-radius: 5px;
}
:root[data-theme="light"] .filter_suggestions {
    background: white;
}
.all_suggestions {
    overflow: auto;

}

.one_filter_suggestion {
    padding: 4px 10px;
}

.one_filter_suggestion:hover {
    background: var(--hover_color) ;
}

.show_all_filter {
    width: 96%;
    border: 1px solid var(--strong_color);
    color: var(--strong_color);
    margin: auto;
    margin-top: 10px;
    padding: 5px 5px 5px 7px;
    background: var(--goland_color);
}
:root[data-theme="light"] .show_all_filter {
    background: white;
}

.save_new_filter {
    background: var(--strong_color);
    color: black;
}

.cancel_new_filter {
    padding: 5px 0;
    border: 1px solid black;
}

.save_section_new_filter {
    margin-top: 7px;
    padding-bottom: 5px;

}

.radius_5 {
    border-radius: 5px
}

.add_new_filter_button {
    margin: 15px 0 5px 0;
    width: 100%;
    padding: 4px 7px;
    color: var(--strong_color);
    border: 1px solid var(--strong_color)
}

.condition_button {
    padding: 0px 7px;
    border: 1px solid var(--cool_border_color);
    margin: -3px 0 5px 0;
    max-width: 180px;
    color: var(--text_gray_color);
}
:root[data-theme="light"] .condition_button {
    border-color: black;
}
.button_add_filter {
    text-align: center;
}

.third_line_add_edit_filter {
    margin-bottom: 10px;
}

.add_filter_value_num_inp {
    width: 40%;
    border: 1px solid white;
    padding: 0 5px 0 5px;
    color: var(--text_light_color);
    background: var(--overall_background);
    border-radius: 5px 5px 5px 5px;
}
:root[data-theme="light"] .add_filter_value_num_inp {
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0;
}
.add_filter_value_num_inp::placeholder {
    color: var(--text_gray_color)
}

.filter_input_unit {
    border: none;
    margin-left: -17px;
    border-bottom: 1px solid var(--text_light_color);
    border-radius: 0 5px 5px 0;
}

.category_filter_value_button {
    padding: 2px 7px;
    border: 1px solid var(--cool_border_color);
    margin: 0px 0 5px 0;
}

.category_filter_input {
    margin: 0 0px 7px 5px;
    padding: 5px 5px;
    border: 1px solid var(--cool_border_color);
    color: var(--text_light_color);
    background-color: var(--overall_background);
    width: 95%
}

.chosen_category {
    color: var(--strong_color)
}

.warning_rename {
    color: var(--chosen_red);
    text-align: center;
    margin: 10px auto 15px auto;
    font-weight: normal;
}

.big_mid_popup_all_metrics {
    width: 800px;
    background: white;
    padding: 20px;
    position: relative;
    color: black;
    font-size: 0.8rem;
    border-radius: 15px;
}

.all_metrics_popup_input {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 8px 8px;
    padding-left: 30px;
    /*background: #fbe7d8;*/
    border: none;
    border: 1px solid #e6e6e6;
}

.icon_all_metrics_popup_input {
    margin-right: 25px;
    z-index: 10;
    margin-top: 11px;
    margin-left: 9px;
    position: absolute
}

.one_category_in_big_popup {
    text-align: center;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-top: none
}

.one_category_in_big_popup:first-child {
    border-top: 1px solid #e6e6e6;

}

.one_category_in_big_popup:hover {
    border-left: 3px solid var(--strong_color);
}

.highlighted_category {
    border-left: 3px solid var(--strong_color);
    /*color: var(--strong_color)*/
    font-weight: bold;
}

.highlighted_category:hover {

    /*color: var(--strong_color)*/
}

.all_metrics_left {
    padding: 0px 0;

}

.all_metrics_right {
    height: 300px;
    border: 1px solid #e6e6e6;
    overflow: auto;
    padding: 2px 0 5px 0;
}

.one_metric_in_big_popup {
    padding: 4px 5px 4px 7px;
    cursor: pointer
}

.one_metric_in_big_popup:hover {
    background: var(--hover_on_white_popup);
}

.big_screener_popup_left {
    border-right: 1px solid #e6e6e6;
}

.reorder_outer {
    position: relative;
    margin: auto;
    width: 100%;
    border-radius: 10px;
}

.reorder_inner {
    margin: auto;
    overflow: auto;
    width: 100%;
    margin-top: 20px;
    height: 345px;
}

.card_style {
    border: 1px dashed var(--overall_background);
    padding: 0.5rem 8px;
    margin-bottom: .5rem;
    width: 98%;
    color: black
}
:root[data-theme="light"] .card_style {
    border-color: var(--cool_border_color)
}
.drag_drop_left {
    width: 80%;
    padding-right: 10px
}

.drag_drop_right {
    width: 20%;
    text-align: right
}

.drag_drop_right > .fa-calendar:hover {
    color: var(--strong_color);
}

.top_customize_freq_input_wrap {
    margin: 0 auto;
}

.warning_custimize_freq {
    margin: 10px 0;
    font-size: 0.7rem;
}

.one_example_freq {
    width: 100%;
    background: #ebf0f2;
    color: #9013fe;
    padding: 7px;
    margin: 10px 0 20px 0;
}


.customize_freq_example_wrap {
    padding-top: 10px;
    border-top: 1px solid var(--overall_background)
}

.invi {
    display: none !important;
}

.not_invi {
    display: inline-block !important;
}

.ag_grid_header_screener {
    color: var(--strong_color)
}


/*Visualization*/
.viz_left_ticker_or_metrics_section {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid var(--overall_background)
}

.viz_left_title {
    margin-bottom: 5px;
    color: var(--strong_color);
    font-weight: bold;
}

.left_viz_ticker_metric_wrap {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid var(--overall_background);
    margin-bottom: 20px;
}

.left_viz_ticker_metric_inp {
    background: var(--goland_color);
    width: 100%;
    padding: 4px 8px;
    padding-left: 8px;
    border: none;
    color: var(--text_light_color);
    font-size: 0.85rem;
}
.left_viz_ticker_metric_inp::placeholder{
    color: var(--text_gray_color)
}
:root[data-theme="light"]  .left_viz_ticker_metric_inp {
    background: var(--overall_background);
}
:root[data-theme="light"] .wrap_inp_left_viz {
    background: var(--overall_background);
}
.wrap_inp_left_viz {
    background: var(--goland_color);
    padding: 3px 0;
    margin-bottom: 10px;
    border: 1px solid var(--cool_border_color);
    color: white
}

.one_metric_viz {
    margin: 7px 0;
    border: 1px solid var(--cool_border_color);
    padding: 8px 7px;
    border-radius: 5px;
    display: flex;
}

.one_metric_viz_metric_name {
    width: 85%;
}

.one_metric_viz_x {
    width: 15%;
    margin: auto;
    text-align: right;
}

.viz_right_option_top_line {
    /*width: 100px;*/
    margin: 10px;
    margin-bottom: 10px;
    margin-top: 20px
}

.viz_1_duration {
    border: 2px solid var(--overall_background);
    border-right: none;
    padding: 5px 10px;
    background-color: var(--goland_color);
    color: var(--text_light_color)
}
:root[data-theme="light"] .viz_1_duration{
    background-color: transparent;
    border: 1px solid var(--cool_border_color);
}
.viz_1_duration:first-child {
    border-radius: 5px 0 0 5px
}

.viz_1_duration:last-child {
    border-radius: 0px 5px 5px 0px;
    /*border-right: 1px solid black;*/
}

.react-calendar__navigation__arrow{
    font-size: 2rem !important;
}
.chosen_viz_duration {
    color: black;
    background: var(--strong_color) !important;
    /*font-weight: bold;*/
    margin-bottom: 10px;
}

.viz_icon_ticker {
    margin-right: 5px;
    font-size: 0.8rem
}

.wrap_inp_left_viz > .twitter-typeahead > .tt-menu {
    border: 1px solid var(--cool_border_color);
    box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
    width: 100%;
    margin-top: 5px;
    position: absolute;
    padding: 10px 0 10px 0;
    z-index: 2;
    border-radius: 0;
    /*background: white;*/
}

.wrap_inp_left_viz > .twitter-typeahead > .tt-menu
> .tt-dataset > .tt-suggestion {
    cursor: pointer;
    padding: 4px 10px;
    width: 100%
}

.wrap_inp_left_viz > .twitter-typeahead > .tt-menu
> .tt-dataset > .tt-suggestion:hover {
    background: var(--hover_color)
}

.highcharts-credits {
    display: none !important;
}
#series_input::-webkit-inner-spin-button,
#series_input::-webkit-outer-spin-button
{
    /*-webkit-appearance: auto !important;*/
    margin: 2px !important;
    color: black !important;
    background: black !important;
}
#series_input{
    border-radius: 5px;
    margin-left: 5px;
    border: 1px solid black;
    padding-left: 6px;
    height: 25px;
}
.ag_group_no_right {
    border-right-color: transparent !important;
    border-right-width: 0px !important
}
.ag_group_no_left{
    border-left-color: transparent !important;
    border-left-width: 0px !important
}
.second_line_link{
    color: var(--strong_color) !important;
}
.second_line_link:hover{
    color: var(--strong_color) !important;
}

.ag-root-wrapper {
    height: 100%;
    min-height: 400px;
}

#calendar_table .ag-header-cell-text{
    /*margin-bottom: 5px;*/
}

.calendar_popup_info{
    color: var(--text_light_color);
    background-color: var(--goland_color);
    font-size: 0.8rem !important;
}

.react-calendar__tile--now, .react-calendar__tile--hasActive, .react-calendar__decade-view__years__year, .react-calendar__year-view__months__month{
    color: white
}

/* Track */
.all_metrics_right::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    margin: -1px;
}

.all_metrics_right::-webkit-scrollbar-track {
    background: #fafafa;
}

/* Handle */
.all_metrics_right ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* Handle on hover */
.all_metrics_right ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}


.orange_hover:hover{
    background: #f9dcc7 !important;
}

/* Track */
.white_scroll::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    margin: -1px;
}

.white_scroll::-webkit-scrollbar-track {
    background: #fafafa;
}

/* Handle */
.white_scroll ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* Handle on hover */
.white_scroll ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}


/* Track */
.dropdown_all_filter_all_column_reset_scroll::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    margin: -1px;
}

.dropdown_all_filter_all_column_reset_scroll::-webkit-scrollbar-track {
    background: #fafafa;
}

/* Handle */
.dropdown_all_filter_all_column_reset_scroll ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* Handle on hover */
.dropdown_all_filter_all_column_reset_scroll ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}

#calendar_table .ag-header-cell::after {
    top: 5%
}

#calendar_table .ag-header-group-cell::after {
    top: 5%
}


.spinner_ar {
    position: absolute;
    top: 50%;
    left: 45%;
    /*margin: 100px auto 0;*/
    width: 70px;
    text-align: center;
    z-index: 1;
}

.spinner_ar > div {
    width: 18px;
    height: 18px;
    background-color: var(--strong_color);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner_ar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner_ar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.white_background_popup{
    background-color: white;
    color: black;
}

.is_ready_trash{
    color: var(--chosen_red)
}


.tickers_to_add_watchlist_title{
    margin-bottom: 10px;
    margin-top: 3px;
}

.add_ticker_left_title{
    margin-bottom: 10px;
}

.add_ticker_left_title_sub{
    margin-right: 15px;
    padding: 2px;
    display: inline-block;
    cursor: pointer;
}

.left_mid_chosen{
    border-bottom: 2px solid var(--strong_color);
}

.big_input_bulk{
    width: 100%;
    margin-bottom: auto;
    margin-top: auto;
    padding: 5px;
    outline: none;
    border: 1px solid black;
    vertical-align: top;
    height: 200px;
    resize: none;
}

.big_screener_popup_left .wrap_inp_left_viz{
    background: white;
}

.big_screener_popup_left .left_viz_ticker_metric_inp{
    background: white;
}

.wrap_inp_left_viz .twitter-typeahead {
    width: 100%;
}

.white_background_ticker_search .twitter-typeahead {
    width: 100%;
}

.white_background_ticker_search .tt-suggestion{
    width: 100%;
    cursor: pointer;
    padding: 4px 10px;
    background: white;
}
.white_background_ticker_search .tt-suggestion:hover{
    background: #f9dcc7 !important;
}

.white_background_ticker_search > .twitter-typeahead > .tt-menu {
    border: none;
    box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
    width: 100%;
    margin-top: 5px;
    position: absolute;
    padding: 10px 0 10px 0;
    z-index: 2;
    background: white;
}

.inline_white strong{color: var(--strong_color)}

#compare_table_grid .ag-header {
    font-size: 0.9rem;
}

.gray_placeholder::placeholder{
    color: #c9c9c9 !important;
}

.cut_off_show_dots{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.light_orange_hover:hover{
    background: #f9dcc7 !important;
}

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

.wrap_inp_left_viz .tt-suggesstion{
    color: white !important;
}

/* Track */
.popup_content_scroll::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    margin: -1px;
}

.popup_content_scroll::-webkit-scrollbar-track {
    background: #fafafa;
}

/* Handle */
.popup_content_scroll ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* Handle on hover */
.popup_content_scroll ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}

.transparent_background_hover:hover{
    background: transparent !important;
}

.size_1rem{
    font-size: 1rem;
}
.bigger_hover:hover{
    font-size: 1.1rem;
}
.etf_overview_wrap table{
    margin-bottom: 0 !important;
}
.etf_wrap{
    position: relative;

}
.model_knowledge a{
    color: var(--strong_color)
}
.doc_image{
    margin-bottom: 10px !important;
    max-width: 100%;
}
.para_middle{
    text-align: center;
    margin-top: 20px;
}


.edit_model_icon{
    color: #a9a9a9;
    margin-left: 15px;
    margin-top: -2px;
}
.assumption_title_saved{
    margin-left: 10px;
    margin-bottom: 10px;
}
.assumption_not_input{
    width: 160px;
    border: 1px solid var(--cool_border_color);
    height: 31px;
    margin-bottom: 7px;
    padding: 3px 5px;
    border-radius: 5px;
}

.assumption_input{
    background: var(--overall_background);
    color: white;
    border: 1px solid var(--strong_color) !important;
}
.table_assumption_value{
    border: 1px solid var(--cool_border_color);
    height: 31px;
    margin-bottom: 7px;
    padding: 3px 5px;
    border-radius: 5px;
    width: 100px;
}
.assumption_number_cell{
    padding: 0 3px;
}
@media (max-width: 600px) {
    .table_assumption_value, .assumption_not_input{
        padding: 6px 5px 5px 5px
    }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.square_saved_up{
    background: transparent;
    float: none;
}
.wrap_sq_up{
    text-align: center;
}

.text-my-primary{
    color: var(--text_light_color);
    margin-right: 20px;
}

.active_view {
    border-bottom: 2px solid var(--strong_color);
}

.watchlist_1_view {
    padding: 0px 12px;
}

.hover_still_orange:hover {
    color: var(--strong_color);
    text-decoration: none;
}
#all_guru_portfolio > .ag-root-wrapper{
    width: 100%;
}

/*Institutional*/
.flex_box_shadow {
    box-shadow: 0 3px 10px rgba(0, 0, 0 , 0.2);
}

.flex_box_row_container {
    list-style: none;
    border: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}


.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nowrap  {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex_box_col_container {
    padding-left: 10px;
    list-style: none;
    border: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.flex_box_view_line {
    width: 100%;
    border-bottom: 1px solid #cacdd1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.faded {
    color: rgb(105, 109, 109) !important;
}

.flex-box-table {
    vertical-align: center;
    margin-bottom: 10px;
}

.double_down_arow {
    color: #0a0a0a;
}
.double_down_arow {
    color: var(--strong_color);
    cursor: pointer;
}
.double_down_arow:hover {
    color: var(--strong_color);
    cursor: pointer;
}

.next_page_arow {
    /*color: #0a0a0a;*/
}

.next_page_arow:hover {
    color: var(--strong_color);
    cursor: pointer;
}

.individual-chart-parent {
.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
}

.institutional-header {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.symbol-button {
    background-color: white;
    color: black;
    border: 2px solid var(--strong_color); /* Green */
}

.symbol-button:hover {
    cursor: pointer;
}

.institutional-link {
    color: var(--text_light_color);
}

.institutional-link:hover {
    cursor: pointer;
    opacity: 0.7;
    color: var(--text_light_color);

}

.institutional-news {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--text_gray_color);
}

.institutional-news.line {
    border-top: 1px solid #cacdd1;
}


.institutional-cell-pass {
    color: var(--strong_color) !important;
}

.institutional-cell-fail {
    color: var(--chosen_red) !important;
}

.institutional-row-put {
    background-color: rgba(52,168,83, 0.1) !important;
}

.institutional-row-call {
    background-color: rgba(234,67,53, 0.1) !important;
}

.insitutionalSortDownLabel.active {
    color: #017eff;
}

.insitutionalSortUpLabel.active {
    color: #017eff;
}

.insitutionalSortRemoveLabel.active {
    color: #017eff;
}

.insitutionalSortDownLabel:hover {
    cursor: pointer;
    color: #017eff;
}

.insitutionalSortUpLabel:hover {
    cursor: pointer;
    color: #017eff;
}

.insitutionalSortRemoveLabel:hover {
    cursor: pointer;
    color: #017eff;
}

.institutionalButton {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.institutionalButton:checked {
    z-index: 1 !important;
    color: white !important;
    background-color: #017eff !important;
}

.institutionalButtonLabel {
    display: block;
    background-color: white;
    color: black;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #BDC3C7;
    height: 100%;
    width: 100%;
}

.institutionalButtonLabel.active {
    z-index: 1 !important;
    color: white !important;
    background-color: #017eff !important;
}

.institutional_table {
    --ag-borders-column: line 1px;
}

.institutional-cell-type-13f {
    color: black !important;
    background-color: var(--light_color) !important;
    border: 1px solid var(--light_color) !important;
    border-radius: 3px !important;
    font-weight: bold !important;
}

.institutional-cell-filer-13f {
    color: #017eff;
}

.institutional-grid .ag-row-hover .ag-column-hover {
    color: #017eff !important;
}

.back_to_all_guru{
    color: var(--text_light_color);
    cursor: pointer;
}
.back_to_all_guru:hover{
    opacity: 70%;
    color: var(--text_light_color);
}
.back_to_all_guru > .fa {
    margin-right: 5px;
}
#industryBreakdownDrop{
    transform: none !important;
    margin-top: 28px;
    font-size: 0.8rem;
    background: var(--goland_color);
    color: white;
    margin-left: -5px;
}
#industryBreakdownDrop > .dropdown-item:hover{
    background: var(--hover_color);
    /*color: var(--strong_color) !important;*/
}

#top_holding_grid > .ag-root-wrapper {
    min-height: auto;
}


.account_top_email{
    margin: 20px 30px;
}
.account_nav{
    display: flex;
    flex-wrap: wrap;
    min-height: fit-content;
    border-top: 1px solid #626A72;
    margin-bottom: 0.5rem !important;
}
.account_nav_item{
    padding-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    color: var(--text_light_color);
    font-size: 1.05rem;
}
.account_nav_active{
    box-shadow: inset 0 6px 0 0 var(--strong_color);
}
.account_nav_item:hover{
    box-shadow: inset 0 6px 0 0 var(--strong_color);
}
.pricing-feature  li {
    list-style-type: circle;
    margin-bottom: 7px;
}
.sub_confirm li {
    list-style-type: circle;
    /*font-size: 0.9rem;*/
}
#ml-4_no_left{
    margin-left: 0 !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2f2c2cab;
    z-index: 99;
}

.overlay-card-payment {
    /*border: 2px solid black;*/
    border-radius: 5px;
    background: whitesmoke;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: relative;
    top: 30%;
    /*width: 100vw;*/
    width: 530px;
    z-index: 10;
}

.overlay-close {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    font-weight: bold;
}

.overlay-close:hover {
    opacity: 0.8;
    cursor: pointer;
}

.overlay-close:after {
    content: 'x';
}

.floating-box {
    background: #444444;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.floating-box:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);
    transform: scale(1.01, 1.01);
}
:root[data-theme="light"] .floating-box {
    background: white;
}
.invoice_short_cell {
    border: none !important;
}
.invoice_short_cell:hover{
    color: white !important;
}
.hover_white:hover{
    color: white  !important
}
.invoice_short_cell:hover + .invoice_short_cell{
    color: white  !important
}
.list_best_table_wrap{
    max-width: 100% !important;
    height: 50px !important;
    /*overflow-y: hidden;*/
    border-top: 1px solid var(--goland_color);
}
.view_valuation_model{
    color: #00b3e3 !important;
    cursor: pointer !important;
}
.render_content_list_best{
    max-width: 100%;
    font-size: 0.9rem;
    margin: 15px 10px 45px 10px;
}
.list_best_table{
    text-align: left;
    font-size: 0.9rem;
    position: absolute;
    table-layout: fixed;
}
.list_best_row{
    background: var(--goland_color)
}
.list_best_table td{
    border: none !important;
}
.list_best{
    vertical-align: middle !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;

}
.fair_value_big_text{
    max-width: var(--max_width);
    width: var(--per_width);
}
.text_black {
    color: #212529 !important;
}
.title_export{
    text-align: center;
    padding: 30px;
    color: var(--strong_color);
    font-weight: bold;
}
.max_with_export{
    max-width: 1000px;
}
.background_transparent {
    background-color: transparent !important;
}
.table_cell_export{
    padding: 5px !important;
    cursor: auto;
}
.table_header_cell_export{
    padding: 5px !important;
}

.pdf_small{
    margin-left: 10px;
    height: 15px;
    width: 15px;
    display: inline-block;
}

.export_company_button{
    padding: 5px 6px 4px 6px;
    border: 1px solid white;
    border-radius: 3px;
    background: transparent;
    /*color: white;*/
    color: var(--light_color);
    border-color: var(--light_color);
}
.export_company_button:hover{
    color: var(--light_color);
    border-color: var(--light_color);
}
.checkbox_subscribe{
    height: 1.2rem;
    width: 1.2rem;
    /*outline: 1px solid coral;*/
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;

}
.plan_chose_icon_wrap input[type=checkbox] {
    accent-color: coral;

}
.calculator_search::placeholder{
    color: #c9c9c9;
}
.calculator_search{
    height: 45px;
}
.calculator_ticker {
    display: inline-block;
    cursor: pointer;
    color: var(--strong_color);
    margin-right: 25px;
    margin-top: 10px;
}
.calculator_ticker:hover{
    text-decoration: underline;
    color: var(--strong_color);
}
.calculator_text{
    color: #c9c9c9;
    margin-top: 20px;
    text-align: justify;
}
.calculator_2nd_header{
    font-size: 1.2rem;
    margin-top: 35px;
}
.image-3d-left {
    transform-style: preserve-3d;
    transition: transform 1s;
    backface-visibility: hidden;
    transform: perspective(350px) rotateY(-12deg);
    cursor: pointer;
}
.image-3d-left:hover {
    transform: perspective(350px) rotateY(0deg);
}
.image-3d-right {
    transform-style: preserve-3d;
    transition: transform 1s;
    backface-visibility: hidden;
    transform: perspective(350px) rotateY(12deg);
    cursor: pointer;
}
@media (max-width: 768px) {
    .image-3d-right {
        transform: none;
    }
    .image-3d-left {
        transform: none;
    }
}

.image-3d-right:hover {
    transform: perspective(350px) rotateY(0deg);
}
.calculator_img{
    width: 96%;
    margin-top: 30px;
}
.img_row_calculator{
    display: inline-block;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.calculator_th{
    text-align: right;
    box-shadow: none !important;
    height: 40px;
    vertical-align: middle !important;
    font-size: 0.95rem;
}
.calculator_table_row_cell{
    text-align: right;
    vertical-align: middle !important;
    height: 80px;
    border: none !important;
    font-size: 0.95rem
}
.calculator_tile_header{
    color: var(--strong_color);
    font-size: 1.3rem;
    display: inline-block;
    margin-top: 10px;
    font-weight: normal;
}
.value_top_plot_bankruptcy{
    margin-top: 10px;
    margin-left: 10px;
    color: var(--text_light_color);
    font-size: 1.3rem;
}
.title_plot_bankruptcy{
    margin-left: 10px;
    color: var(--text_gray_color);
    font-size: 0.8rem;
    margin-bottom: 7px;
}
.growth_rate_bankruptcy_text{
    margin-left: 10px;
    font-size: 0.9rem;
    margin-bottom: 7px;
}
.growth_rate_bankruptcy_container{
    font-size: 0.8rem;
}
.growth_rate_year_text{
    float: left;
}
.growth_rate_value{
    float: right;
}
.one_square_growth_rate{
    color: var(--text_gray_color);
    /*border: 1px solid white;*/
}

.bankruptcy_section_title{
    font-size: 1.2rem;
    color: var(--text_light_color);
    /*text-transform: uppercase;*/
    font-weight: bold;
}
:root[data-theme="light"] .bankruptcy_section_title{
    font-weight: normal;
}
.bankruptcy_outside_container > p {
    text-align: justify
}
.overview_desc_no_cookie{
    margin-bottom: 50px;
    font-size: 1rem !important;
    padding: 0;
}
.no_border{
    border: none !important;
}
#valuation_metric_table .ag-header-cell::after {
    border: none;
}
#valuation_metric_table .ag-header-cell-label {
    text-align: right;
    justify-content: right;
    /*font-size: 1rem;*/
    /*font-weight: bold;*/
}
#valuation_metric_table .ag-icon{
    display: none;
}
#valuation_metric_table .ag-cell  {
    font-size: 1rem;
    line-height: 40px;
}
#valuation_metric_table .ag-header  {
    font-size: 1rem !important;
}
.valuation_header_each_table{
    color: var(--text_gray_color);
}
.close_tawk{
    position: fixed;
    bottom: 10px;
    right: 22px;
    color: white;
    cursor: pointer;
    z-index: 65;
    font-size: 0.9rem;
}
.dividend_col_out_title{
    height: 48px;
    margin-bottom: 40px;
}
.dividend_col_out_value{
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.dividend_col_row{
    padding: 0;
    border-top: 2px solid var(--cool_border_color);
    border-bottom: 2px solid var(--cool_border_color);
    margin: 30px 0;

}
.dividend_col_out_title{
    color: var(--text_gray_color);
    text-align: center;
    margin-top: 20px;
}

.forecast_sub_title{
    margin-top: 70px;
    margin-bottom: 30px;
}

.each_financial_forecast_big_text{
    color: var(--text_gray_color);
    margin-top: 20px;
}

.each_financial_forecast_small_text{
    font-size: 0.85rem;
    color: var(--text_gray_color);
    margin-bottom: 20px;
}
.each_financial_forecast_mid{

    color: white
}
.each_financial_forecast_mid_left{
    font-weight: bold;
    font-size: 1.15rem;
}
.each_financial_forecast_mid_right{
    /*float: right;*/
    border-radius: 8px;
    padding: 4px 10px;
    text-align: center;
}
.fin_forecast_pos{
    background: var(--chosen_green);
    color: black;
}
.fin_forecast_neg{
    background: var(--chosen_red);
    color: white

}
.no_border_top{
    border-top: none !important;
}
.forecast_container .news_table {
    font-size: 1rem;
}
.calculator_table_row_cell a {
    color: white
}
.calculator_table_row_cell a:hover {
    color: white;
    text-decoration: none;
}
.dup_section_title{
    font-size: 1.2rem;
    color: var(--strong_color);
    /*text-transform: uppercase;*/
    font-weight: bold;
    margin-bottom: 25px;
}
.calculator_actual_formula{
    font-size: 1.1rem;
    font-style: italic;
}
.google_signin{
    margin: 1.5rem auto 70px !important;
    font-size: 0.95rem !important;
}
.google_signin:hover{
    background-color: #494949 !important;
    opacity: 0.8;
}



/*Start css for PV*/

.info_pv{
    margin-left: 7px;
}
.pv_input_number{
    border: 1px solid #a3a3a3;
    padding: 7px;
    color: var(--text_gray_color);
    border-radius: 5px 5px 5px 5px;
    background: transparent;
    width: 100%;
}
.one_line_pv{
    margin-bottom: 5px;
    padding: 1px 10px;
}
.left_of_line{
    margin-top: 8px;
    margin-bottom: 10px;
}

.pv_input_unit {
    border: none;
    margin-left: -17px;
    border-radius: 0 5px 5px 0;
    font-size: 1rem;
}
.more_asset{
    display: inline-block;
    color: var(--text_blue);
    margin-left: 8px;
    cursor: pointer;
}
.more_asset:hover{
    text-decoration: underline;
}
.css-jtaw72-group {
    /*font-size: 0.95rem !important;*/
}
.list_asset_top_row{
    padding: 1px 10px;
    margin-bottom: 12px;
    font-weight: bold;
}
.list_asset_total_row{
    padding: 1px 10px;
}
.one_asset_row{
    padding: 0px 10px;
    margin-bottom: 7px;
}

.one_asset_row_1st_section{
    margin-top: 8px;
    margin-bottom: 5px;
}
.config_list_asset{
    margin-top: 25px;
}
.symbol_top_list_asset{
    cursor: pointer;
    margin-left: 7px;
}
.pv_wrapper{
    padding: 10px 20px;
    color: white;
    font-size: 0.85rem;
    margin-bottom: 150px;
}
@media (max-width: 800px) {
    .pv_wrapper{
        padding: 10px;
    }
}
.horizontal_gray_bar_pv{
    background-color: var(--goland_color);
    padding: 5px;
    font-size: 0.9rem;
    margin: 30px auto;
    color: coral
}
.analyze_pv_button{
    margin: 10px 0 ;
    border-radius: 17px;
    background: white;
    color: black;
    border: none;
    min-height: 36px;
    padding: 9px;
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    transition: top ease 0.5s;
}
.analyze_pv_button:hover {
    top: -1px;
}
.one_section_config{
    border: 1px dashed #e3e3e3;
    padding: 7px 0 5px 0;
    margin: 7px 0
}
.error_pv{
    margin-top: 30px;
    color: var(--chosen_red);
    font-size: 0.9rem;
}
.show_advanced_settings_pv_text {
    cursor: pointer;
    font-size: 0.9rem;
    margin-top: 20px;
}
.css-1p3m7a8-multiValue [role=button]{
    color: #444444 !important;
}
.css-1p3m7a8-multiValue [role=button]:hover {
    background-color: #abafb4 !important;
    color: black !important;
    cursor: pointer !important;
}

.css-qb219b-control div {
    color: #c9c9c9 !important;
}
.css-qs5rwu-control div {
    color: #c9c9c9 !important;
}
.css-1p3m7a8-multiValue div {
    color: #333333 !important;
}

/*PV results*/
.table_header_cell_pv, .table_row_cell_pv{
    text-align: right;
}
.table_header_cell_pv:first-child, .table_row_cell_pv:first-child{
    text-align: left;
}
.header_table_pv_extra .table_header_cell_pv{
    text-align: center !important;
}
.pv_res_note{
    margin-bottom: 30px;
}
.pv_1section_output{
    margin-top: 40px;
    /*border: 1px solid var(--cool_border_color);*/
    /*padding: 0 5px 5px 5px;*/
}
.pv_1section_output_title{
    width: 100%;
    background: var(--goland_color);
    font-size: 0.95rem;
    padding: 7px 0 7px 10px;
    margin-bottom: 15px;
}
.pv_pie_plot_wrap{
    /*max-height: 200px !important;*/
    /*width: 100% !important;*/
}
.table_row_cell_pv{
    border: none !important;
}
.table_header_cell_pv{
    border-top: none !important;
    border-bottom-color: #707073 !important;
}
.row_pv_out:hover{
    background: var(--hover_color);
}
.table_row_cell_pv_navlink{
    display: block;
    color: white;
}
.table_row_cell_pv_navlink:hover{
    color: white;
    /*text-decoration: none;*/
}
.underline_when_hover:hover{
    text-decoration: underline;
}
.fs_view_1_right_wrap{
    display: inline-block;
}
.img_1_fs{
    display: inline-block;
    /*height: 50px;*/
    /*width: 50px*/
}
.wrap_1_fs_view{
    margin-bottom: 50px;
    font-size: 0.85rem;
}
.horizontal_ads_wrap{
    width: 100%;
    margin: 20px 10px;
}
#horizontal1 {
    width: 320px !important;
    height: 100px !important;
    margin: auto !important;
}
@media(min-width: 500px) { #horizontal1 { width: 468px !important; height: 60px !important; margin: auto !important;} }
@media(min-width: 800px) { #horizontal1 { width: 728px !important; height: 90px !important; margin: auto !important;} }

#square1{
    width: 100%;
    min-height: 100px;
    /*max-height: 250px;*/
}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
.fa-download{
    cursor: pointer;
}

.go_to_saved_analysis{
    padding: 8px;

    border: 1px solid #a3a3a3;
    border-radius: 5px;
    /*margin-right: 15px;*/
    display: inline-block;
    height: 38px;
    background: #ffffff;
    color: black;
    cursor: pointer;
}
.go_to_saved_analysis:hover{
    color: black;
    text-decoration: underline;
}
.click_save_pv{
    margin-right: 20px;
}
.link_to_copy_pv{
    margin-top: 20px;
    margin-bottom: 30px;
    border: 1px solid #7a7a7b;
    padding: 10px;
}
.list_all_pv_tools{
    color: white
}
.list_all_pv_tools a{
    color: white
}
.list_all_pv_tools li {
    list-style-type: circle;
    margin-bottom: 10px;
}
.list_all_pv_tools a:hover {
    color: white
}
.no_saved_pv{
    color: white;
    text-align: center;
}
.ag-cell-edit-input{
    width: 100%
}
#saved_pv .ag-header-cell-resize{
    display: none;
}
.delete_analyses:hover{
    background: var(--light_color) !important;
    color: white !important;
}
.dropdown_next_searchbox_out{
    background: var(--goland_color);
    color: white
}
.dropdown_next_searchbox{
    color: white;
    cursor: pointer;
    font-size: 0.9rem;
}
.dropdown_next_searchbox:hover{
    background: #696969;
    color: white;

}
.pv_input_number::placeholder{
    color: #c9c9c9;
    font-size: 0.9rem;
}
.hover_main_background:hover td{
    background: var(--overall_background) !important;
}
.form-check-label{
    color: black;
    margin-left: 5px;
    cursor: pointer;
}
#hover_row_white_background:hover td{
    background: #efefef !important;
}
.free_quota_search{
    color: white;
    margin-left: 10px;
    font-size: 0.9rem;
    margin-top: 8px;
}
.load_search_one{
    color: black;
    border: none;
    cursor: pointer;
}
.header_load_search{
    color: black;
    border-bottom: 1px solid black;
    font-weight: bold;
}
.load_search_row:hover{
    background: #c1c1c1;
}
.delete_search{
    cursor: pointer;
}
.delete_search:hover{
    color: var(--strong_color) !important;
}
#hover_row_white_background td{
    border-bottom: none !important;
}
#dropdown_account_header{
    transform: translate3d(-40px, 45px, 0px) !important;
}

.positive-topic {
    background-color: #137a3f;
    color: white;
    text-align: center;
    cursor: pointer;
}

.negative-topic {
    background-color: var(--chosen_red);
    color: white;
    text-align: center;
    cursor: pointer;
}

.neutral-topic {
    text-align: center;
    cursor: pointer;
}
.source_button{
    background-color: var(--goland_color) !important;
    color: #c9c9c9 !important;
    font-weight: 70 !important;
    font-size: 12px !important;
    /* border: 1px solid rgb(51, 66, 82); */
    height: 38px !important;
    width: 100% !important;
    border-radius: 3px !important;
    margin-right: 10px !important;
    border: none;
}
.source_button:hover{
    background-color: var(--goland_color) !important;

}
.source_button:focus{
    background-color: var(--goland_color) !important;

}
.source_drop_wrap{
    margin-left: 60px;
}
#free_search_img{
    margin-bottom: 100px !important;
}
.nancy_container{
    max-width: 1500px;
    color: white;
    margin-bottom: 50px;
}
.nancy_left{
    color: white;
    text-align: center;
    margin-bottom: 40px;
}
.nancy_name_left{
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: 20px;
    color: var(--strong_color)
}
.nancy_house_stuff{
    margin-bottom: 30px;
}
.nancy_info_1line{
    text-align: left;
}
.nancy_info_1line div {
    display: inline-block;
}
.nancy_info_1line_left{
    text-align: left;
}
.nancy_info_1line_right{
    float: right;
}
.nancy_trade_top_right > div {
    width: 50%;
    display: inline-block;
}
.nancy_trade_top_right_big{
    font-size: 1.1rem;
}
.nancy_trade_top_right_small{
    font-size: 0.8rem;
}
.nancy_right_title{
    color: var(--strong_color)
}
.tv-widget-chart__copyrightingContainer {
    display: none !important;
}
.tradingview-widget-container{
    height: 500px !important;
}


/*Starting style for copilot*/
.copilot{
    background: var(--overall_background);
}
.copilot ul li {
    list-style-type: disc;
}
.copilot ol li {
    list-style-type: decimal;
}
.one_chat_section{
    margin-top: 30px;
}
.chat_who{
    font-weight: bold;
    margin-bottom: 15px;
}
.actual_chat_content{
    margin-bottom: 5px;
    /*text-align: justify;*/
    color: var(--text_light_color)
}

.one_chat_section:hover .tool_bar_for_llm_response{
    visibility: visible;
}
.tool_bar_for_llm_response{
    visibility: hidden;
    margin-top: -5px
}
.tool_bar_for_llm_response{
    color: var(--text_light_color)
}
.tool_bar_for_llm_response. far{
    margin-right: 7px;
    cursor: pointer;
}
.icon_hover_border {
    padding: 5px;
    border: 1px solid transparent;
}
.icon_hover_border:hover {
    /*color: black;*/
    opacity: 0.7;
    /*border: 1px solid #c9c9c9*/
}
.add_new_topic{
    padding: 5px;
    border-radius: 100px;
}
.add_new_topic:hover{
    color: white
}


.one_row_historical_chat {
    padding: 5px
}
.one_row_historical_chat:hover{
    background: var(--hover_on_white_popup);
}
.historical_chat_name {
    width: 80%
}
.cut_off_show_dots{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.historical_chat_right_stuff{
    float: right;
    margin-top: -22px;
}
.chat_history{
    font-weight: bold;
    margin-bottom: 20px;
}
.no_chat_yet{
    margin: auto;
    text-align: center;
}
.logo_when_no_chat{
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    margin-bottom: 20px;
}
.all_premade_questions {
    margin: auto
}
.one_premade_question{
    /*border: 1px solid #E0e0e0;*/
    padding: 10px;
    height: 100px;
    vertical-align: middle;
    background: var(--goland_color);
    color: var(--text_gray_color);
    border-radius: 10px;
    display: flex;
    cursor: pointer;
    /*flex-direction: column;*/
}
.one_premade_question:hover{
    opacity: 0.7;
}

.icon_premade{
    margin: auto;
    margin-right: 8px;
    display: inline-block;
}
.from_user_text{
    /*float: right;*/
    background: var(--user_chat_background);
    color: var(--text_gray_color);
    /*padding-bottom: .625rem;*/
    padding-top: .625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 1.5rem;
    max-width: 70%;
    /*text-align: right;*/
    position: relative;
    /*line-height: 1rem;*/
}
.from_user_text p {
    margin-bottom: 0.625rem;
}
.wrapper_user_text{
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
.below_100_height > div {
    height: 100%;
}
.empty_space_chat{
    height: 160px;
}

/* Styling for the table */
.markdown_chat table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: Arial, sans-serif;
    margin-top: 20px;
    font-size: 0.875rem;
    margin-bottom: 30px;
    border: 1px solid var(--cool_border_color);
    border: none
}

.markdown_chat thead th {
    background-color: var(--goland_color);
    padding: 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid var(--cool_border_color);
}

/* Table rows */
.markdown_chat tbody td {
    padding: 10px;
    border-bottom: 1px solid var(--cool_border_color);
}

/* Zebra striping effect */
.markdown_chat tbody tr:nth-child(even) {
    /*background-color: var(--goland_color);*/
}

/* Hover effect for rows */
.markdown_chat tbody tr:hover {
    background-color: var(--hover_color);
}
.related_question_content{
    width: 90%;
}
.related_question_content_right_stuff{
    float: right;
    margin-top: -25px;
}
.one_related_wrapper{
    padding: 7px 5px;
    cursor: pointer;
    border-top: 1px solid var(--cool_border_color);
}
.one_related_wrapper:hover{
    background: var(--hover_color);

}
.related_title{
    font-size: 1.1rem;
    font-weight: bold;
    /*color: #5d5d5d;*/
    margin-bottom: 10px;
}
.related_q_wrapper{
    margin-top: 30px;
    color: var(--text_gray_color);
    font-size: 0.95rem;
}

.small_popup{
    position: fixed;
    top: 90%;
    left: 5%;
    padding: 10px 20px;
    min-width: 120px;
    color: #d3cfc9;
    background-color: #1f2937;
    /*border: 1px solid #d3cfc9;*/
    border-radius: 5px;
    z-index: 1001;


}
:root[data-theme="light"] .small_popup{
    /*color: black;*/
    /*background: var(--loading_chat_bar_color);*/
}
.small_popup {
    overflow: hidden;
    /*position: relative;*/
}
.small_popup::before, .small_popup::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.small_popup::before {
    top: 0;
    left: 0;
    border-top-color: var(--strong_color);
    border-right-color: var(--strong_color);
    animation: border 2s infinite;
}
.small_popup::after {
    bottom: 0;
    right: 0;
    animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes border {
    0% {
        width: 0;
        height: 0;
    }
    25% {
        width: 100%;
        height: 0;
    }
    50% {
        width: 100%;
        height: 100%;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}
@keyframes borderColor {
    0% {
        border-bottom-color: var(--strong_color);
        border-left-color: var(--strong_color);
    }
    50% {
        border-bottom-color: var(--strong_color);
        border-left-color: var(--strong_color);
    }
    51% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    100% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}
.all_historical_chat {
    max-height: 80vh;
    overflow: auto;
}
.all_historical_chat::-webkit-scrollbar {
    width: 8px;
}

.all_historical_chat::-webkit-scrollbar-track {
    background: #f4f4f4;
}

.all_historical_chat::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 4px;
}

.all_historical_chat::-webkit-scrollbar-thumb:hover {
    background: #b8b8b8;
}

/* For Firefox */
.all_historical_chat {
    scrollbar-width: thin;
    scrollbar-color: #cecece #f4f4f4;
}

.text_below_chatbox{
    font-size: 0.7rem;
    position: fixed;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    background: var(--overall_background);
    color: var(--text_gray_color);
    padding-top: 5px;
    /*padding-top: 8px*/
}
.bottom_white_part{
    height: 10px;
    background: white;
    position: fixed;
    bottom: 0;
    color: transparent;
}

/*New chat loading style*/
.loading-skeleton-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--overall_background);
    overflow: hidden;
}

.header-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.avatar-skeleton {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--loading_chat_bar_color);
}

.content-rows {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-skeleton {
    height: 1rem;
    background-color: var(--loading_chat_bar_color);
    border-radius: 0.25rem;
}

.half-width {
    width: 50%;
}

.shimmer {
    background: linear-gradient(
            90deg,
            var(--loading_chat_bar_color) 0%,
            color-mix(in srgb, var(--loading_chat_bar_color) 85%, white) 20%,
            color-mix(in srgb, var(--loading_chat_bar_color) 92%, white) 30%,
            color-mix(in srgb, var(--loading_chat_bar_color) 85%, white) 40%,
            var(--loading_chat_bar_color) 100%
    );
    background-size: 400% 100%;
    animation: shimmer 3.5s ease-in-out infinite; /* Slowed down to 3.5s */
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}
.text_area_ai_chatbox:focus{
    border: 1px solid var(--cool_border_color)
}
.current_chat_need_highlight{
    background: #dfe3e7
}


.what_can_i_help_you {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: var(--text_light_color);
}

@keyframes typing {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
.bankruptcy_esg_section h4 {
    height: 40px;
    font-size: 20px;
    text-align: center;
}

.pv_dropdown{
    width: 400px;
    font-size: 0.85rem
}

.etf_mutual_fund_price_outer{
    display: inline-block;
    margin-left: 10px;
    color: var(--text_gray_color)
}
.etf_mutual_fund_price{
     color: var(--strong_color);
    margin: 0px 5px
}
.pricing-block{
    margin-top: 20px;
}
.pricing_plan_outer .col-lg-4 > div{
    background: var(--goland_color);
    padding: 20px 15px;
    border-radius: 15px;
}
.pricing_plan_outer .pricing-feature{
    height: 250px;
    margin-bottom: 20px;
}
.show_tickers_wrapper{
    margin-bottom: 20px;
    display: inline-block;
    /*padding: 5px 15px;*/
    border: 1px solid var(--cool_border_color);
    padding-right: .85rem;
    padding-left: .75rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-radius: 10px;
    margin-right: 20px;
}
.show_tickers_title{
    /*font-weight: bold;*/
    display: inline-block;
    color: var(--text_gray_color)
    /*margin-right: 10px;*/
}
.one_ticker_in_copilot{
    display: inline-block;
    cursor: pointer;
    color: var(--text_blue);
    text-decoration: underline;
    margin-left: 15px;

}
.sources_in_copilot{
    /*margin-top: 10px;*/
    /*display: block;*/
    max-width: 190px;
}

.favicon_in_copilot{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    border-radius: 50%; /* Make the images circular */
    /*border: 1px solid #ccc; !* Optional: Add a subtle border *!*/
    margin-left: -0px; /* Negative margin for overlap */
    background-color: var(--overall_background); /* Ensure icon background is white */
}
.favicon_in_copilot:first-child {
    margin-left: 0; /* No overlap for the first icon */
}
.sources_in_copilot:hover{
    cursor: pointer;
    opacity: 0.7;
    /*background: var(--hover_background);*/
}
.small_parent {
    border: 1px solid #2c2c2c;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    margin: 10px 0;
    border-radius: 20px 0 0 20px;
    font-size: calc(var(--original-size) * 0.8) !important;
}
:root[data-theme="light"] .small_parent {
    border: none;
}
.small_parent .row {
    display: flex;
    /*flex-direction: column !important;*/
}

.small_parent .row > [class*="col-md-"],
.small_parent .row > [class*="col-sm-"],
.small_parent .row > [class*="col-lg-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.small_parent .flex_box_row_container{
    flex-direction: column;
}
.opacity:hover{
    opacity: 0.7;
}
.container_copilot{
    max-width: 100vw;
}
.detail_options_company_nav{
    margin-top: 5px;
}
.detail_options_company_nav .detail_options1_item {
    margin-top: 10px;
}
.block{
    display: block;
}
.reduced-text * {
    font-size: calc(var(--original-size) * 0.9) !important;
}
.dropdown_toggle_header::after {
    display: none;
}
.copilot_when_sources_appear{
    flex: 1
}
.copilot_sources_wrapper{
    flex-shrink: 0;
    position: relative;
}
:root[data-theme="light"] .copilot_sources_wrapper {
    border-left: 1px solid var(--cool_border_color);
}
.source_top_part{
    border-bottom: 1px solid var(--cool_border_color);
    padding: 20px 15px;
    font-size: 0.9rem;
    height: 62px;
}
.source_main_part{
    padding: 10px
}
.one_source_in_copilot{
    display: block;
    border-radius: 15px;
    padding: 10px;
    text-decoration: none;  /* Add this */
    color: inherit;

}
.one_source_in_copilot:hover{
    background: var(--goland_color);
    cursor: pointer;
    text-decoration: none;
}
.source_1st_row{
    margin-bottom: 0.3rem;
}
.source_website_name{
    margin-left: 0.5rem;
    display: inline-block;
    color: var(--text_light_color);
    font-size: 0.8rem;
}
.source_title{
    margin-bottom: 0.3rem;
    font-weight: bold;
}
.source_snippet{
    color: var(--text_gray_color);
    font-size: 0.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  /* number of lines to show */
    overflow: hidden;
}
.source_main_part{
    overflow: auto;
}
.source_hover_light_color:hover{
    background: #dfe3e7;
}
.tradingview_widget_container{
    width: 100%;
    height: 300px;
}
@media screen and (max-width: 999px) {
    /* Your styles for smaller screens go here */
    .tradingview_widget_container {
        /* example styles */
        width: 100%;
        height: 200px
    }
}
.widget_wrapper{
    margin-top: 20px;
    padding: 15px 10px 10px 15px;
    border-radius: 20px;
    border: 1px solid var(--cool_border_color);
}
.widget_title{
    color: var(--text_gray_color)
}
.spinner_inline {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}
.grecaptcha-badge{
    visibility: hidden;
}
.one_line_popup_login{
    color: #5d5d5d;
    margin-top: 20px;
    text-align: center;
    display: block;
    text-decoration: underline;
    font-weight: bold;
}
.one_line_popup_login:hover{
    color: #5d5d5d;
    opacity: 0.7;
}
.mid_popup_header{
    font-weight: bold;
    font-size: 1.5rem;
}
.mid_popup_body{
    color: #494949;
    font-weight: bold;
    margin: 30px 0;
    font-size: 1.2rem;
}
.widget_attribution{
    /*float: right;*/
    text-align: right;
    margin-right: 15px;
    display: block;
    margin-top: 20px;
    font-size: 0.7rem;
    color: var(--text_gray_color)
}
.widget_attribution:hover{
    text-decoration: none !important;
}
.widget_attribution a{
    color: var(--strong_color);
    font-size: 0.8rem;
    text-decoration: underline;
}
.widget_attribution a:hover{
    color: var(--strong_color);
    opacity: 0.7;
}
.web_logo_in_widget{
    display: inline-block;
    margin: -4px 2px 0 2px;
    width: 2rem;
    height: 2rem;
}
.comp_name_next_logo_widget{
    font-size: 0.9rem;
}
.hover_dark_background:hover{
    background: var(--hover_color)
}
.hover_white_background:hover{
    background: var(--hover_on_white_popup) ;
}
.btn-secondary {
    color: var(--text_light_color) !important
}
h5 {
    font-weight: normal;
}
.text_light_color {
    color: var(--text_light_color) !important;
}
.text_light_color:hover {
    color: var(--text_light_color) !important;
}
.switch_color_theme_wrapper{
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}
.switch_color_theme_wrapper i {
    padding: 8px 16px;
    border: 1px solid var(--cool_border_color);
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    border-right: none;
}
.switch_color_theme_wrapper i:hover{
    opacity: 0.7;
}
.switch_color_theme_wrapper i:last-child{
    border-radius: 0 5px 5px 0;
    color: var(--text_light_color);
    border-right: 1px solid var(--cool_border_color);
}
.chosen_color_theme {
    background: var(--strong_color) ;
    color: black !important;
}
.chosen_color_theme:hover {
    opacity: 1 !important;
}
:root[data-theme="light"] .chosen_color_theme {
    color: white !important;
}
@media (max-width: 700px) {
    .switch_color_theme_wrapper {
        margin:  0 ;
    }
    .switch_color_theme_wrapper i {
        padding: 6px 12px;
    }
}

.markdown_chat ul {
    padding-left: 20px; /* Ensure consistent indentation for nested lists */
    margin-bottom: 10px; /* Space between list groups */
}

.markdown_chat li {
    margin-bottom: 5px; /* Space between each bullet */
}

.markdown_chat li ul {
    margin-top: 5px; /* Space between parent bullet and nested bullet */
}
.dropdown-item.active, .dropdown-item:active {
    background: inherit ;
}
.faq_copilot{
    /*margin-top: -10px;*/
    color: var(--text_gray_color);
    cursor: pointer;
}

.one_discover_row{
    display: block;
    /*border: 1px solid #2f3031;*/
    border-radius: 10px;
    width: 100%;
    background: var(--goland_color);

}
.one_discover_row:hover{
    text-decoration: none;
}
.discover_img_wrap{
    width: 100%;
    overflow: hidden;
}
.discover_row_img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Crops the image to cover the container */
    object-position: center;
    border-radius: 10px 10px 0 0;
}
.discover_row_text_outer {
    padding: 20px;
    border-radius: 0 0 10px 10px;
}
.discover_row_title{
    color: var(--text_light_color);
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.discover_row_normal_text{
    color: var(--text_gray_color);
    font-size: 0.9rem;
}
.discover_title{
    color: var(--text_light_color);
    font-size: 1.5rem;
    margin: 30px 0;
}
.discover_1_row_wrapper{
    padding: 0
}
.discover_1_row_wrapper .col-md-4 {
    margin-bottom: 30px;
}
.go_to_discover{
    color: var(--text_gray_color);
}
.go_to_discover:hover{
    color: var(--text_gray_color);
    text-decoration: none;
}
.discover_title_in_copilot{
    color: var(--text_light_color);
    font-size: 1.5rem;
    margin: 30px 0;
}
.discover_published_time{
    color: var(--text_gray_color);
    font-size: 0.8rem;
    /*margin-bottom: -30px;*/

}
.confirm_popup_category{
    font-weight: bold;
}
.top_part h2 {
    color: var(--text_gray_color);
    font-size: 1.1rem;
}