@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.eot);
    src: url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../../../../static/themes/easy/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.webfg a {
    color: #396cff
}

.container-fluid > .row.webfg {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto
}

div.webfg .active a.nav-link {
    color: #396cff !important;
    font-weight: 700
}

.webfg h2, .webfg h3, .webfg h3 a, .webfg h4, .webfg h4 a {
    color: #525f7f !important;
    font-weight: 300
}

.webfg.limitNews h3 a {
    line-height: 30px
}

.webfg h2 {
    font-size: 2.2em;
    font-family: Roboto, sans-serif
}

.webfg h3 {
    font-size: 2.61em
}

.webfg h2.blue {
    color: #396cff !important
}

div.container-fluid {
    background-color: #f2f4f6;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0
}

.tab-content .webfg.row {
    margin-right: 0;
    margin-left: 0
}

.table td:first-of-type, .table th:first-of-type {
    padding-left: 0
}

.webfg .tags {
    background-color: transparent
}

.webfg .btn-outline-primary {
    color: #396cff;
    border-color: #396cff;
    height: 32px;
    line-height: 15px
}

.webfg .btn-outline-primary:hover {
    color: #fff
}

div.webfg .toolbar a {
    color: #396cff
}

div.webfg h2 a.termsheet {
    font-size: 65% !important
}

div.webfg form.webfg-form .form-control::-webkit-input-placeholder {
    color: grey !important
}

div.webfg form.webfg-form .form-control:-moz-placeholder {
    color: grey !important
}

div.webfg form.webfg-form .form-control::-moz-placeholder {
    color: grey !important
}

div.webfg form.webfg-form .form-control:-ms-input-placeholder {
    color: grey !important
}

div.webfg form.webfg-form .form-control::-ms-input-placeholder {
    color: grey !important
}

div.container-fluid {
    padding-top: 25px
}

.webfg table thead th {
    color: #525f7f;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    border-top: none !important;
    text-transform: uppercase;
    background-color: #fff
}

.webfg table tbody td {
    text-align: right
}

.webfg table tbody td:first-child {
    text-align: left;
    padding-left: 15px
}

.webfg table tbody td.high, .webfg table tbody td.low, .webfg table tbody td.lval_norm div:first-of-type span {
    color: #525f7f
}

.webfg table tbody td.lval_norm div:first-of-type span {
    font-weight: 700
}

.webfg table tbody td.lval_norm div.nested span.subfield.lval_norm {
    color: #525f7f
}

.webfg table tbody td.m_name a, .webfg table tbody td.name a {
    font-weight: 700;
    font-size: 16px
}

.webfg table.thescreener-to-table .m_name, .webfg table.thescreener-to-table .m_symb {
    text-align: left
}

.webfg ::placeholder {
    color: #fff !important;
    font-size: .85em
}

.webfg .font-size-1-5-em {
    font-size: 1.5em
}

.webfg .stale {
    color: #c2c2c2
}

.webfg .pos {
    color: #093
}

.webfg .neg {
    color: #ff5b5b
}

.webfg .m-tag-cloud a {
    padding: 0 1px
}

.webfg .m-tag-cloud .s7 {
    font-size: 7px
}

.webfg .m-tag-cloud .s8 {
    font-size: 8px
}

.webfg .m-tag-cloud .s9 {
    font-size: 9px
}

.webfg .m-tag-cloud .s10 {
    font-size: 10px
}

.webfg .m-tag-cloud .s11 {
    font-size: 11px
}

.webfg .m-tag-cloud .s12 {
    font-size: 12px
}

.webfg .m-tag-cloud .s13 {
    font-size: 13px
}

.webfg .m-tag-cloud .s14 {
    font-size: 14px
}

.webfg .m-tag-cloud .s15 {
    font-size: 15px
}

.webfg .m-tag-cloud .s16 {
    font-size: 16px
}

.webfg .m-tag-cloud .s17 {
    font-size: 17px
}

.webfg .m-tag-cloud .s18 {
    font-size: 18px
}

.webfg .m-tag-cloud .s19 {
    font-size: 19px
}

.webfg .m-tag-cloud .s20 {
    font-size: 20px
}

.webfg .m-tag-cloud .s21 {
    font-size: 21px
}

.webfg .m-tag-cloud .s22 {
    font-size: 22px
}

.webfg .m-tag-cloud .s23 {
    font-size: 23px
}

.webfg .m-tag-cloud .s24 {
    font-size: 24px
}

.webfg .m-tag-cloud .s25 {
    font-size: 25px
}

.webfg .m-tag-cloud .s26 {
    font-size: 26px
}

.webfg .m-tag-cloud .s27 {
    font-size: 27px
}

.webfg .tablePagination {
    float: right;
    margin-right: 15px
}

.webfg .pagination > li:first-child > a, .webfg .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.webfg .pagination > li:last-child > a, .webfg .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.webfg .pagination > .disabled > a, .webfg .pagination > .disabled > a:focus, .webfg .pagination > .disabled > a:hover, .webfg .pagination > .disabled > span, .webfg .pagination > .disabled > span:focus, .webfg .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.webfg .pagination > .active > a, .webfg .pagination > .active > a:focus, .webfg .pagination > .active > a:hover, .webfg .pagination > .active > span, .webfg .pagination > .active > span:focus, .webfg .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.webfg .pagination > li > a, .webfg .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.webfg .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.webfg .glyphicon-backward:before {
    content: "\e071"
}

.webfg .glyphicon-chevron-left:before {
    content: "\e079"
}

.webfg .glyphicon-chevron-right:before {
    content: "\e080"
}

.webfg .glyphicon-forward:before {
    content: "\e075"
}

.webfg td.action a {
    font-size: 22px
}

div.webfg div.trend-center {
    background-position: center !important
}

div.webfg div.trend-right {
    background-position: right !important
}

div.webfg div.trend-eq {
    background: url(../../../../static/images/trend_arrow_eq.png) no-repeat;
    background-size: 18px 18px
}

div.webfg div.trend-down {
    background: url(../../../../static/images/trend_arrow_down.png) no-repeat;
    background-size: 18px 18px
}

div.webfg div.trend-up {
    background: url(../../../../static/images/trend_arrow_up.png) no-repeat;
    background-size: 18px 18px
}

div.webfg.webfg-detail-header div.trend-eq {
    background-size: 35px 35px
}

@media screen and (min-width: 768px) {
    div.webfg.webfg-detail-header div.trend-eq {
        background-size: 20px 20px
    }
}

div.webfg.webfg-detail-header div.trend-up {
    background-size: 35px 35px
}

@media screen and (min-width: 768px) {
    div.webfg.webfg-detail-header div.trend-up {
        background-size: 20px 20px
    }
}

div.webfg.webfg-detail-header div.trend-down {
    background-size: 35px 35px
}

@media screen and (min-width: 768px) {
    div.webfg.webfg-detail-header div.trend-down {
        background-size: 20px 20px
    }
}

.webfg .btn-primary {
    background: #396cff;
    border-color: #396cff
}

.webfg .topic {
    color: #396cff;
    font-weight: 700 !important;
    text-transform: uppercase
}

.webfg .datetime {
    color: #868788
}

.webfg .max-height-360 {
    max-height: 360px
}

.webfg .max-height-450 {
    max-height: 450px
}

.webfg td.last-cell {
    border-bottom: 1px solid #e0e1e2 !important
}

.webfg a.bcv-link {
    color: #396cff;
    font-family: Roboto, sans-serif;
    font-size: .82em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase
}

.webfg .fs-1em {
    font-size: 1em !important
}

.webfg .fs-1-235em {
    font-size: 1.235em !important
}

.webfg .fs-2-63em {
    font-size: 2.63em !important
}

.webfg .border-right-grey {
    border-right: 1px solid #cecece
}

.webfg .border-right-white {
    border-right: 1px solid #fff
}

.webfg .border-top-grey {
    border-top: 1px solid #cecece
}

div.webfg-select-box button, div.webfg-select-box button:focus, div.webfg-select-box button:hover, div.webfg-select-box.show button.dropdown-toggle {
    background-color: #f2f4f6;
    border: 1px solid #cecece;
    font-family: Roboto, sans-serif;
    color: #525f7f;
    height: 44px
}

input:not([type=checkbox]):not([type=radio]):not(.quicksearch), select {
    background-color: #f2f4f6 !important;
    border: 1px solid #cecece !important;
    height: 44px !important
}

div.webfg-select-box button.dropdown-toggle {
    padding-right: 25px;
    padding-top: 4px
}

div.webfg-select-box button.dropdown-toggle::after {
    position: absolute;
    right: 25px;
    font-size: 16px
}

#portfolio div.webfg-select-box button.dropdown-toggle::after {
    position: relative;
    top: 5px;
    right: -3px;
    font-size: 16px
}

#orderForm div.webfg-select-box button.dropdown-toggle::after {
    top: 32px
}

.webfg .dropdown-menu.inner.show a, div.webfg-select-box div.dropdown-menu a.dropdown-item {
    font-family: Roboto, sans-serif;
    color: #525f7f
}

div.webfg-select-box.show > .btn-secondary.dropdown-toggle:focus, div.webfg-select-box > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: 0;
    text-decoration: none
}

div.webfg-select-box button span.with-flag {
    padding-left: 25px
}

div.webfg-select-box button.ch {
    background: url(../../../../static/images/flags/flag_ch@2x.png) no-repeat 10px 10px;
    background-size: 20px 20px
}

div.webfg-select-box button.usa {
    background: url(../../../../static/images/flags/flag_usa@2x.png) no-repeat 10px 8px;
    background-size: 20px 20px
}

div.webfg-select-box button.eu {
    background: url(../../../../static/images/flags/flag_eu@2x.png) no-repeat 10px 8px;
    background-size: 20px 20px
}

.webfg .center-aligned {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.webfg form .form-check-label {
    text-transform: none !important;
    font-size: 15px;
    color: #525f7f
}

.webfg form input[type=email], .webfg form input[type=number], .webfg form#preferences-form select, .webfg form:not(#login_form) input[type=text] {
    border: 1px solid #cecece;
    border-radius: 4px;
    background-color: #f2f4f6;
    height: 44px
}

.webfg a#cancelBtn, .webfg a#loginBtn, .webfg a#signupBtn {
    text-transform: uppercase;
    background-color: #396cff
}

div.webfg span.disclaimer {
    font-size: 11px
}

.webfg .detailChart {
    height: 600px
}

div.webfg-context-menu .contextMenu {
    display: none;
    position: absolute;
    z-index: 10
}

div.webfg-context-menu .contextMenu.open {
    display: block
}

div.webfg-context-menu .contextMenu ul li a {
    white-space: nowrap
}

div.webfg .table .width50P {
    width: 50%;
    height: 5px;
    background-color: #cecece
}

div.webfg .table .no-display {
    display: none
}

div.webfg .table .float-left {
    float: left
}

div.webfg .table .float-right {
    float: right
}

.table .barChartNeg, div.webfg .table .barChartPos {
    height: 5px
}

div.webfg .table .barChartNeg {
    background-color: red !important
}

div.webfg .table .barChartPos {
    background-color: green !important
}

div.webfg .nav-pills {
    font-family: Roboto, sans-serif
}

div.webfg .nav-pills .nav-link {
    background-color: #fff;
    color: #525f7f;
    border-radius: 4px;
    font-size: 15px;
    padding-top: 13px
}

div.webfg .nav-pills .nav-link.active {
    background-color: #396cff;
    color: #fff;
    font-weight: 700
}

.webfg table.global-markets-table td.m_trend {
    width: 70px
}

.webfg table.global-markets-table td.m_trend img {
    width: 20px;
    height: 20px
}

.webfg table.global-markets-table .lval_norm, .webfg table.global-markets-table .nc2_pr_norm, .webfg table.global-markets-table th.m_trend {
    text-align: left
}

.webfg table.global-markets-table th.lval_norm .nested {
    width: 0
}

.webfg table.global-markets-table div.nested span, .webfg#derivatives-table-row table div.nested span, .webfg#subscriptions-table-row table div.nested span {
    display: block;
    text-align: left
}

.webfg#subscriptions-table-row table .instrtype {
    text-align: left
}

.webfg table.global-markets-table td.action div, .webfg#derivatives-table-row table td.action div {
    font-weight: 700;
    color: #396cff;
    font-size: 2em;
    cursor: pointer;
    position: relative;
    top: -17px;
    right: 0
}

div.webfg.markets-update-flag-row img {
    width: 3.3em
}

div.webfg.markets-update-flag-row h2 {
    display: inline;
    margin-left: 10px;
    padding-top: 3px
}

div.webfg.markets-update-flag-row select {
    margin-top: -25px
}

td.mini-chart-cell {
    padding: 0 !important
}

.mini-chart {
    width: 100px;
    height: 60px;
    float: right
}

.webfg.teaser-row .mini-chart {
    width: 110px;
    height: 80px;
    float: right
}

table.webfg.market-tooltip {
    background-color: #fff;
    color: #525f7f
}

table.webfg.market-tooltip td {
    border-top: 0;
    border-bottom: 0;
    height: 10px;
    padding: 5px 12px 5px 12px
}

table.webfg.market-tooltip td.label {
    text-align: left;
    vertical-align: bottom
}

table.webfg.market-tooltip td.value {
    text-align: right
}

.webfg .market-tooltip-icon {
    border: 1px solid #cecece;
    border-radius: 4px;
    height: 18px;
    line-height: 18px;
    width: 70px;
    background: url(../../../../static/images/icon_info@2x.png) no-repeat 2px 2px;
    background-size: 12px 12px;
    text-align: left;
    padding-left: 17px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #396cff;
    margin-bottom: 10px
}

div.webfg.markets-update-flag-row h2.flag {
    padding-left: 65px;
    padding-bottom: 15px !important;
    height: 45px;
    background-size: 50px 50px !important
}

div.webfg.markets-update-flag-row h2.flag-ch {
    background: url(../../../../static/images/flags/flag_ch@2x.png) no-repeat
}

div.webfg.markets-update-flag-row h2.flag-usa {
    background: url(../../../../static/images/flags/flag_usa@2x.png) no-repeat
}

div.webfg.markets-update-flag-row h2.flag-eu {
    background: url(../../../../static/images/flags/flag_eu@2x.png) no-repeat
}

div.webfg.markets-update-flag-row h2.flag-indicators {
    background: url(../../../../static/images/flags/flag_indicators@2x.png) no-repeat
}

div#markets-update-news-awp-single-row, div#markets-update-news-latest-news-row, div#markets-update-news-rumours-row, div#markets-update-news-top-news-row, div#news-story-row, div#news-story-topic-row {
    font-size: .81em
}

span.top-news {
    color: #525f7f;
    font-weight: 700;
    text-transform: uppercase
}

span.top-news-story {
    color: #525f7f
}

a.darkblue, div#markets-update-news-topics-col-2 a {
    color: #525f7f;
    font-size: .75em;
    position: relative;
    top: 0
}

.webfg table.news-table td {
    text-align: left;
    border-top: 1px solid #e0e1e2;
    border-bottom: none;
    vertical-align: middle;
    height: 70px;
    padding-right: 15px
}

.webfg table.news-table tbody tr:first-of-type td {
    border-top: 1px solid transparent
}

.webfg table.news-table td:last-child {
    padding-right: 5px
}

.webfg table.news-table td.headline-cell, .webfg td.headline-cell a {
    color: #525f7f;
    font-size: 20px
}

.tooltip-inner {
    width: 250px;
    padding: 0
}

.tooltip.show {
    opacity: 1
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #fff !important
}

.tooltip-inner {
    background-color: #141414;
    -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .4);
    zoom: 1
}

.w-20 {
    width: 20% !important
}

div.webfg.teaser-row {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    background-color: #f2f4f6;
    padding-bottom: 20px
}

div.webfg.teaser-row a {
    font-size: 13px
}

div.webfg.teaser-row .lval_norm {
    color: #525f7f;
    font-size: 13px
}

div.webfg.teaser-row .nc2, div.webfg.teaser-row .nc2_pr {
    font-size: 11px
}

div.webfg.teaser-row div.teaser_with_border {
    border-right: 1px solid #cecece
}

div.extWidthContainer {
    max-width: 1170px !important;
    margin-left: auto !important;
    margin-right: auto !important
}

footer.webfg {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    color: #000 !important
}

.webfg .footerLogo {
    max-width: 184px;
    margin-bottom: 8px
}

div.webfg .px-10 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important
}

div.webfg#index-details-header-row img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 5px
}

div.webfg#index-details-header-row span.h1 {
    padding-left: 30px;
    position: absolute;
    top: 5px
}

div.webfg#index-details-header-inner-row div.col {
    min-height: 60px
}

div.webfg#index-details-header-row button.btn-outline-primary {
    background: url(../../../../static/images/icon_monitoring.svg) no-repeat 15px 7px;
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 15px
}

div.webfg#index-details-header-row button.btn-outline-primary.active, div.webfg#index-details-header-row button.btn-outline-primary:active, div.webfg#index-details-header-row button.btn-outline-primary:focus, div.webfg#index-details-header-row button.btn-outline-primary:hover {
    color: #007bff
}

#portfolio .action-menu, div.webfg#index-details-header-row .action-menu {
    width: 27px;
    height: 27px;
    border: 1px solid #396cff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    top: 2px
}

#portfolio .action-menu i, div.webfg#index-details-header-row .action-menu i {
    color: #396cff;
    font-size: 1.5em
}

#portfolio .action-menu {
    width: 32px;
    height: 32px;
    position: relative;
    margin-left: 20px
}

div.webfg#index-details-header-row table.header-table td {
    border-top: none;
    border-bottom: none;
    vertical-align: middle
}

div.webfg#index-details-header-row table.header-table td.title-cell span {
    font-family: Roboto, sans-serif;
    color: #525f7f;
    font-size: 2.5em
}

div.webfg#index-details-header-row table.header-table td.title-cell img {
    width: 22px;
    height: 22px;
    position: relative;
    top: -8px
}

div.webfg#index-details-header-row table.header-table td.sparklight {
    width: 7%
}

div.webfg#index-details-header-row table.header-table td.market-tooltip-cell {
    width: 30%
}

div.webfg#index-details-header-row div.webfg-trend {
    width: 35px;
    margin-top: 0;
    height: 35px;
    float: left
}

@media screen and (min-width: 768px) {
    div.webfg#index-details-header-row div.webfg-trend {
        width: 20px;
        margin-top: 7px;
        height: auto
    }
}

div.webfg#index-details-header-row div.additionalFields {
    display: inline-block
}

div.webfg#index-details-content-row table thead tr th.m_name {
    font-size: 1.5em;
    text-transform: none
}

div.webfg h2.eusipa {
    color: #fff !important;
    font-size: 1.7em
}

div.webfg table#index-details-header-table tbody td.ask div:first-of-type span, div.webfg table#index-details-header-table tbody td.ask:not(.nested) span, div.webfg table#index-details-header-table tbody td.bid div:first-of-type span, div.webfg table#index-details-header-table tbody td.bid:not(.nested) span, div.webfg table#index-details-header-table tbody td.high span, div.webfg table#index-details-header-table tbody td.low span, div.webfg table#index-details-header-table tbody td.lval_norm div:first-of-type span, div.webfg table#index-details-header-table tbody td.nc2_norm div:first-of-type span.eq, div.webfg table#index-details-header-table tbody td.nc2_norm div:first-of-type span.neg, div.webfg table#index-details-header-table tbody td.nc2_norm div:first-of-type span.pos, div.webfg table#index-details-header-table tbody td.ytd_perf_pr.barchart div.eq, div.webfg table#index-details-header-table tbody td.ytd_perf_pr.barchart div.neg, div.webfg table#index-details-header-table tbody td.ytd_perf_pr.barchart div.pos {
    font-size: 25px
}

div.webfg table#index-details-header-table tbody td div.nested span, div.webfg table#index-details-header-table tbody td div.nested span.subfield {
    font-size: 13px
}

div.webfg table#index-details-header-table .barchart {
    text-align: center
}

div.webfg table.instrument-detail-table tbody th, div.webfg table.instrument-detail-table thead th {
    background: 0 0 !important
}

div.webfg table.instrument-detail-table tbody th {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece
}

div.webfg.header-additional {
    background-color: #396cff;
    color: #fff;
    font-size: 13px;
    min-height: 80px;
    margin-top: -25px
}

div.webfg.header-additional > a {
    display: block;
    min-width: 220px
}

div.webfg ul.portfolio-header .spanLabel.arrow > a:before {
    content: '';
    background: url(../../../../static/images/icon_back_arrow_blue.svg) no-repeat 10px center;
    padding-left: 40px
}

div.webfg.header-additional span {
    display: block
}

div.webfg.header-additional div.wrapper {
    min-height: 55px;
    margin-top: 15px
}

div.webfg.header-additional div.wrapper span.value {
    font-size: 24px;
    font-weight: 400
}

div.webfg.webfg-detail-header {
    color: #525f7f;
    font-family: Roboto, sans-serif
}

div.webfg.webfg-detail-header > div {
    width: 100%
}

div.webfg.instrument-details-row > div {
    width: 100%
}

div.webfg.webfg-detail-header .name-cell span.h3 {
    font-size: 34px
}

div.webfg#index-details-header-quotes-row {
    margin-top: 0 !important
}

div.webfg.webfg-detail-header hr {
    border-top: 1px solid #cecece
}

div.webfg.webfg-detail-header a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px
}

div.webfg.webfg-detail-header a.eye-icon {
    background: url(../../../../static/images/thescreener/icon_read_analysis.svg) no-repeat 1px center;
    padding-left: 18px
}

div.webfg.webfg-detail-header a.read-icon {
    background: url(../../../../static/images/thescreener/icon_download_pdf.svg) no-repeat 1px center;
    padding-left: 18px
}

div#webfg-actions-panel {
    min-width: 345px;
    display: none;
    z-index: 20;
    background-color: #fff
}

div.webfg .dropdown-nav {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px
}

div.webfg .details-filter-buttons .btn-default, div.webfg .dropdown-nav .btn-default {
    background: 0 0
}

div.webfg .details-filter-buttons .btn, div.webfg .dropdown-nav .btn {
    font-size: 13px;
    width: auto;
    line-height: 30px
}

div.webfg .details-filter-buttons button, div.webfg .dropdown-nav button {
    border-radius: 4px
}

div.webfg .details-filter-buttons .dropdown-toggle .caret, div.webfg .dropdown-nav .dropdown-toggle .caret {
    display: inline-block
}

div.webfg .details-filter-buttons .active, div.webfg .dropdown-nav .active {
    color: #fff;
    background-color: #0958b3
}

div.webfg .excel-logo {
    height: 20px;
    width: 20px;
    margin-top: 5px;
    position: relative;
    margin-left: calc(100% - 20px);
    display: inline-block;
    z-index: 35
}

div.webfg div.solid-fastsearch-result {
    top: auto
}

div.webfg div.solid-fastsearch-result, div.webfg div.solid-fastsearch-result table tbody td, div.webfg div.solid-fastsearch-result table thead th {
    background-color: #f2f4f6 !important
}

div.webfg div.solid-fastsearch-result {
    min-width: 300px;
    min-height: 50px;
    font-family: Roboto, sans-serif;
    padding: 20px
}

div.webfg div.solid-fastsearch-result table td.name {
    color: #396cff;
    font-size: 13px;
    cursor: pointer
}

div.webfg div.solid-fastsearch-result .nav {
    display: flex
}

div.webfg div.solid-fastsearch-result .nav-pills > li a {
    text-transform: none !important;
    font-weight: 400;
    font-size: 15px;
    color: #525f7f !important
}

div.webfg div.solid-fastsearch-result .nav-pills > li a.active {
    color: #fff !important
}

div.webfg div.solid-fastsearch-result .nav-pills > li:last-of-type {
    margin-top: 0;
    margin-right: 0 !important
}

.webfg.solid-fastsearch-result table td, .webfg.solid-fastsearch-result table th, div.webfg.solid-fastsearch-result {
    background-color: #f2f4f6 !important
}

.webfg.most-consulted {
    min-height: 100px;
    min-width: 430px;
    background-color: #f2f4f6;
    z-index: 20;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 18px 36px -18px rgba(0, 0, 0, .3), 0 30px 60px -22px rgba(0, 0, 0, .25)
}

.webfg.most-consulted:after {
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #cecece;
    border-right: none;
    border-left: 1px solid #cecece;
    border-bottom: none;
    top: -5px;
    left: 18px;
    content: '';
    background-color: #f2f4f6;
    transform: rotate(45deg)
}

.webfg.most-consulted > div {
    padding: 30px
}

.webfg.most-consulted h2 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 15px;
    height: 15px
}

.webfg.most-consulted table.table > thead {
    display: none
}

.webfg.most-consulted table.table {
    margin-bottom: 0
}

.webfg.most-consulted a.less-results, .webfg.most-consulted a.more-results {
    font-size: 13px;
    font-weight: 700;
    margin-top: 20px;
    display: block
}

.webfg.most-consulted table tr > td:first-of-type {
    max-width: 150px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0
}

.webfg.most-consulted table tr > td:last-of-type {
    padding-right: 0
}

.webfg.most-consulted table tr > td:nth-child(2) {
    max-width: 85px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webfg.most-consulted .fa-long-arrow-right::before, .webfg.solid-fastsearch-result .fa-long-arrow-right::before {
    margin-left: 5px
}

div.webfg#derivatives-underlying-row form div.form-group input[type=text] {
    border-radius: .25rem;
    background-color: #f2f4f6
}

div.webfg#derivatives-underlying-row .form-control::-webkit-input-placeholder {
    font-size: 1.1em;
    font-family: Roboto, sans-serif;
    color: #525f7f !important;
    font-weight: 400
}

div.webfg#derivatives-underlying-row .form-control:-moz-placeholder {
    font-size: 1em;
    font-family: Roboto, sans-serif;
    color: #525f7f !important;
    font-weight: 400
}

div.webfg#derivatives-underlying-row .form-control::-moz-placeholder {
    font-size: 1em;
    font-family: Roboto, sans-serif;
    color: #525f7f !important;
    font-weight: 400
}

div.webfg#derivatives-underlying-row .form-control:-ms-input-placeholder {
    font-size: 1em;
    font-family: Roboto, sans-serif;
    color: #525f7f !important;
    font-weight: 400
}

div.webfg#derivatives-underlying-row .form-control::-ms-input-placeholder {
    font-size: 1em;
    font-family: Roboto, sans-serif;
    color: #525f7f !important;
    font-weight: 400
}

div.webfg#derivatives-underlying-row div.derivatives-underlying-results-panel {
    display: block;
    padding: 20px;
    width: 800px;
    z-index: 10;
    font-family: Roboto, sans-serif;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    background-color: #eee;
    border: 1px solid #d9d9d9
}

div.webfg#thescreener-stocks-down-title-row div.webfg-trend, div.webfg#thescreener-stocks-up-title-row div.webfg-trend {
    width: 20px;
    margin-top: 10px;
    float: left;
    margin-right: 10px
}

div.webfg .the-screener-nav {
    box-sizing: border-box;
    border-radius: 4px
}

div.webfg .the-screener-nav li a.nav-link {
    padding-top: 12px;
    white-space: nowrap
}

div.webfg .the-screener-nav li a {
    border: 1px solid #cecece;
    margin-left: -2px
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item {
    height: 46px;
    margin-bottom: 4px;
    min-width: 33%
}

@media screen and (min-width: 768px) {
    .instrument-details-row .nav-justified.the-screener-nav .nav-item {
        min-width: auto
    }
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item .nav-link {
    border-radius: 0
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item:first-of-type .nav-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item:last-of-type .nav-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

div.webfg .the-screener-nav li a.active {
    background-color: #007bff
}

div.webfg .the-screener-nav li a.disabled {
    background-color: #f0f0f0;
    color: #cecece
}

div.webfg#thescreener-search-row .form-control::-webkit-input-placeholder {
    color: grey !important
}

div.webfg#thescreener-search-row .form-control:-moz-placeholder {
    color: grey !important
}

div.webfg#thescreener-search-row .form-control::-moz-placeholder {
    color: grey !important
}

div.webfg#thescreener-search-row .form-control:-ms-input-placeholder {
    color: grey !important
}

div.webfg#thescreener-search-row .form-control::-ms-input-placeholder {
    color: grey !important
}

div.webfg div.thescreener-details-box {
    min-height: 110px;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    background-color: #f2f4f6;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.webfg div.thescreener-checklist-box .graphic, div.webfg div.thescreener-details-box .graphic {
    height: 40px;
    display: block
}

div.webfg div.thescreener-details-box + .thescreener-details-box {
    margin-left: 10px
}

div.webfg div.thescreener-details-box span.title {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase
}

div.webfg div.thescreener-checklist-box .gleval-2 .graphic, div.webfg div.thescreener-details-box.gleval-2 .graphic {
    background: url(../../../../static/images/thescreener/gleval-2.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .gleval-1 .graphic, div.webfg div.thescreener-details-box.gleval-1 .graphic {
    background: url(../../../../static/images/thescreener/gleval-1.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .gleval0 .graphic, div.webfg div.thescreener-details-box.gleval0 .graphic {
    background: url(../../../../static/images/thescreener/gleval0.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .gleval1 .graphic, div.webfg div.thescreener-details-box.gleval1 .graphic {
    background: url(../../../../static/images/thescreener/gleval1.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .gleval2 .graphic, div.webfg div.thescreener-details-box.gleval2 .graphic {
    background: url(../../../../static/images/thescreener/gleval2.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .vr-2 .graphic, div.webfg div.thescreener-details-box.vr-2 .graphic {
    background: url(../../../../static/images/thescreener/vr-2.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .vr-1 .graphic, div.webfg div.thescreener-details-box.vr-1 .graphic {
    background: url(../../../../static/images/thescreener/vr-1.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .vr0 .graphic, div.webfg div.thescreener-details-box.vr0 .graphic {
    background: url(../../../../static/images/thescreener/vr0.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .vr1 .graphic, div.webfg div.thescreener-details-box.vr1 .graphic {
    background: url(../../../../static/images/thescreener/vr1.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .vr2 .graphic, div.webfg div.thescreener-details-box.vr2 .graphic {
    background: url(../../../../static/images/thescreener/vr2.svg) no-repeat center center;
    background-size: 60px
}

div.webfg div.thescreener-checklist-box .irst0 .graphic, div.webfg div.thescreener-details-box.irst0 .graphic {
    background: url(../../../../static/images/thescreener/irst0.svg) no-repeat center center;
    background-size: 65px
}

div.webfg div.thescreener-checklist-box .irst1 .graphic, div.webfg div.thescreener-details-box.irst1 .graphic {
    background: url(../../../../static/images/thescreener/irst1.svg) no-repeat center center;
    background-size: 65px
}

div.webfg div.thescreener-checklist-box .irst2 .graphic, div.webfg div.thescreener-details-box.irst2 .graphic {
    background: url(../../../../static/images/thescreener/irst2.svg) no-repeat center center;
    background-size: 65px
}

div.webfg div.thescreener-checklist-box .irst3 .graphic, div.webfg div.thescreener-details-box.irst3 .graphic {
    background: url(../../../../static/images/thescreener/irst3.svg) no-repeat center center;
    background-size: 65px
}

div.webfg div.thescreener-checklist-box .irst4 .graphic, div.webfg div.thescreener-details-box.irst4 .graphic {
    background: url(../../../../static/images/thescreener/irst4.svg) no-repeat center center;
    background-size: 65px
}

div.webfg div.thescreener-checklist-box .tt-1 .graphic, div.webfg div.thescreener-details-box.tt-1 .graphic {
    background: url(../../../../static/images/thescreener/tt-1.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .tt0 .graphic, div.webfg div.thescreener-details-box.tt0 .graphic {
    background: url(../../../../static/images/thescreener/tt0.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .tt1 .graphic, div.webfg div.thescreener-details-box.tt1 .graphic {
    background: url(../../../../static/images/thescreener/tt1.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .ert-1 .graphic, div.webfg div.thescreener-details-box.ert-1 .graphic {
    background: url(../../../../static/images/thescreener/ert-1.svg) no-repeat center center;
    background-size: 30px
}

div.webfg div.thescreener-checklist-box .ert0 .graphic, div.webfg div.thescreener-details-box.ert0 .graphic {
    background: url(../../../../static/images/thescreener/ert0.svg) no-repeat center center;
    background-size: 30px
}

div.webfg div.thescreener-checklist-box .ert1 .graphic, div.webfg div.thescreener-details-box.ert1 .graphic {
    background: url(../../../../static/images/thescreener/ert1.svg) no-repeat center center;
    background-size: 30px
}

div.webfg div.thescreener-checklist-box .riskzone-1 .graphic, div.webfg div.thescreener-details-box.riskzone-1 .graphic {
    background: url(../../../../static/images/thescreener/riskzone-1.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .riskzone0 .graphic, div.webfg div.thescreener-details-box.riskzone0 .graphic {
    background: url(../../../../static/images/thescreener/riskzone0.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .riskzone1 .graphic, div.webfg div.thescreener-details-box.riskzone1 .graphic {
    background: url(../../../../static/images/thescreener/riskzone1.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .rp .graphic, div.webfg div.thescreener-details-box.rp .graphic {
    background: url(../../../../static/images/thescreener/rp.svg) no-repeat center center;
    background-size: 40px
}

div.webfg div.thescreener-checklist-box .graphic {
    margin-top: 15px;
    margin-bottom: 10px
}

div.webfg div.thescreener-checklist-box {
    box-sizing: border-box;
    border: 1px solid #cecece;
    border-radius: 4px
}

div.webfg div.thescreener-checklist-box .legend {
    background-color: #f2f4f6
}

div.webfg div.thescreener-checklist-box .legend span.title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px
}

div.webfg div.thescreener-checklist-box .legend span.valuation {
    font-size: 24px
}

div.webfg div.thescreener-details-box span.rating {
    font-size: 14px
}

div.webfg div.thescreener-checklist-box .legend span.valuation.irst0, div.webfg div.thescreener-details-box.irst0 span.rating {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.irst1, div.webfg div.thescreener-details-box.irst1 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.irst2, div.webfg div.thescreener-details-box.irst2 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.irst3, div.webfg div.thescreener-details-box.irst3 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.irst4, div.webfg div.thescreener-details-box.irst4 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.tt-1, div.webfg div.thescreener-details-box.tt-1 span.rating {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.tt0, div.webfg div.thescreener-details-box.tt0 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.tt1, div.webfg div.thescreener-details-box.tt1 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.riskzone-1, div.webfg div.thescreener-details-box.riskzone-1 span.rating {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.riskzone0, div.webfg div.thescreener-details-box.riskzone0 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.riskzone1, div.webfg div.thescreener-details-box.riskzone1 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.gleval-2, div.webfg div.thescreener-details-box.gleval-2 span.rating {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.gleval-1, div.webfg div.thescreener-details-box.gleval-1 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.gleval0, div.webfg div.thescreener-details-box.gleval0 span.rating {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.gleval1, div.webfg div.thescreener-details-box.gleval1 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.gleval2, div.webfg div.thescreener-details-box.gleval2 span.rating {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.ert-1 {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.ert0 {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.ert1 {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.vr-2 {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.vr-1 {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.vr0 {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.vr1 {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.vr2 {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.rp {
    color: #093
}

div.webfg div.thescreener-checklist-box .legend span.valuation.bmfrisk-1 {
    color: #ff5b5b
}

div.webfg div.thescreener-checklist-box .legend span.valuation.bmfrisk0 {
    color: #ff8f2a
}

div.webfg div.thescreener-checklist-box .legend span.valuation.bmfrisk1 {
    color: #093
}

div.webfg div.thescreener-checklist-box span.description {
    color: #525f7f;
    font-size: 20px
}

.webfg div#thescreener-portfolio-chart {
    min-height: 500px
}

div.webfg#thescreener-stocks-down-title-row i.fa-info-circle, div.webfg#thescreener-stocks-up-title-row i.fa-info-circle, div.webfg#thescreener-trading-opportunities-title-row i.fa-info-circle {
    font-size: 20px
}

.dim {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0
}

.dim.hidden {
    width: 1px;
    height: 1px;
    top: -10px;
    left: -10px
}

.webfg .fc div, .webfg .fc input, .webfg .fc select, .webfg .fc span, .webfg .fc table, .webfg .fc td, .webfg .fc th, .webfg .fc tr {
    font-size: 11px;
    font-family: Arial, sans-serif
}

.webfg .fc tspan {
    cursor: default
}

.webfg .fc .highcharts-legend-item * {
    cursor: pointer
}

.webfg .fc .scales {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    z-index: 20;
    text-align: center
}

.webfg .fc .scales table {
    width: 100%;
    border-spacing: 0
}

.webfg .fc .scales table tr td {
    text-align: center;
    padding: 1px 0;
    height: auto;
    vertical-align: middle;
    width: auto;
    border-style: solid;
    white-space: nowrap
}

.webfg .day .fc .scales table tr td:first-child, .webfg .night .fc .scales table tr td:first-child {
    border-left-width: 0;
    border-top-left-radius: 5px
}

.webfg .day .fc .scales table tr td, .webfg .night .fc .scales table tr td {
    border-style: solid;
    border-width: 0 0 1px 1px
}

.webfg .day .fc .scales table tr td {
    color: #4e4e4e;
    border-color: #aaa
}

.webfg .night .fc .scales table tr td {
    background-color: #140037;
    border-color: #858f9f
}

.webfg .day .fc .scales table tr td.background {
    background-color: #428bca;
    color: #fff
}

.webfg .night .fc .scales table tr td.background {
    background-color: #0958b3;
    color: #fff
}

.webfg .fc .scales .scaleButton {
    width: 27px;
    border-top-right-radius: 5px
}

.webfg .fc .scales .scaleButton .chartSettingsButton {
    margin-left: 5px
}

.webfg .fc .chartInfoButton {
    background: url(../../../../static/images/financechart/info-icon.png) no-repeat;
    display: block;
    color: transparent;
    width: 20px;
    height: 16px;
    cursor: pointer;
    cursor: hand
}

.webfg .fc .scales .chartGridButton {
    background: url(../../../../static/images/financechart/excel-16.gif) no-repeat;
    display: block;
    color: transparent;
    width: 20px;
    height: 16px;
    cursor: pointer;
    cursor: hand
}

.webfg .fc .gridWrapper {
    padding: 25px 5px 5px 5px;
    border: 1px solid #004390;
    border-radius: 4px
}

.webfg .fc .scales .chartSettingsButton {
    background: url(../../../../static/images/financechart/settings.png) no-repeat;
    display: block;
    color: transparent;
    width: 20px;
    height: 16px;
    cursor: pointer;
    cursor: hand
}

.webfg .fc .scales .chartDrawingButton {
    background: url(../../../../static/images/financechart/pencil.png) no-repeat;
    display: block;
    color: transparent;
    width: 20px;
    height: 16px;
    cursor: pointer;
    cursor: hand
}

.webfg .fc .chartSettings, .webfg .fc .drawSettings {
    z-index: 20;
    position: absolute;
    top: 25px;
    display: none;
    width: 535px;
    border-radius: 3px
}

.webfg .fc .chartSettings, .webfg .fc .drawSettings {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .8)
}

.webfg .fc .scales select {
    font-size: 10px;
    width: 75px
}

.webfg .fc #head-chartSettings {
    cursor: move
}

.webfg .fc #tab-chartSettings {
    text-align: center;
    border: 0 solid #004390;
    border-bottom-width: 1px;
    border-radius: 5px
}

.webfg .fc #tab-chartSettings td {
    width: 50%
}

.webfg .fc .background {
    border: none;
    background: #428bca;
    color: #fff
}

.webfg .fc .chartSettings .tab, .webfg .fc .chartSettings .tab.background {
    background-color: transparent;
    text-align: center;
    border: 1px solid #004390;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.webfg .fc .chartSettings .tab {
    border-color: #428bca;
    color: #428bca
}

.webfg .fc .chartSettings .fcbutton {
    border: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    padding: 7px 12px;
    height: 30px
}

.webfg .fc .chartSettings .fcbutton.buttonBackground, .webfg .fc .chartSettings .tab.background {
    background: #428bca;
    color: #fff;
    border-color: #fff
}

.webfg .fc .chartSettings .spacer {
    height: 3px
}

.webfg .fc .chartSettings .spacerBottom {
    height: 15px
}

.webfg .fc .chartSettings div table {
    margin: 0
}

.webfg .fc .chartSettings table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    padding: 0
}

.webfg .fc .chartSettings table td {
    white-space: nowrap;
    width: 25%
}

.webfg .fc .chartSettings table tr th {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px
}

.webfg .fc .chartSettings > table tr td, .webfg .fc .chartSettings > table tr th {
    padding-left: 5px;
    padding-right: 5px
}

.webfg .fc .close {
    background: url(../../../../static/images/financechart/close16x16.png) no-repeat;
    display: block;
    height: 18px;
    width: 18px;
    cursor: pointer;
    padding: 1px;
    border: 1px solid #777;
    border-radius: 3px;
    line-height: 1em
}

.webfg .fc .close {
    border-color: #fff;
    opacity: .8
}

.webfg .fc .chartSettings .textclose {
    margin-right: 10px
}

.webfg .fc .indDesc {
    white-space: normal !important
}

.webfg .fc .dialogCenter {
    text-align: center;
    width: 33% !important
}

.webfg .fc .lineTable select {
    text-align: right
}

.webfg .fc .chartSettings .volumeTable {
    width: 100%;
    margin: 0;
    text-align: left
}

.webfg .fc .chartSettings .tblWrapper {
    border: 1px solid silver;
    border-radius: 3px;
    width: 150px
}

.webfg .fc .chartSettings .lineTable {
    width: 98%
}

.webfg .fc .chartSettings .lineTable td {
    width: 75%;
    text-align: right !important
}

.webfg .fc .chartSettings tr:last-child td:last-child {
    text-align: right
}

.webfg .fc .chartSettings td:first-child {
    width: 25%
}

.webfg .fc .chartSettings .volumeTable td:first-child {
    width: 20px
}

.webfg .fc .chartSettings select, .webfg .fc .drawSettings select {
    width: 120px;
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px
}

.webfg .fc .chartSettings select, .webfg .fc .drawSettings select {
    background-position: 92% 50%
}

.fc input[type=text], .webfg .fc input {
    height: auto;
    padding-bottom: 7px;
    padding-top: 6px
}

.webfg .fc input[type=checkbox], .webfg .fc input[type=radio] {
    display: block;
    position: static;
    left: auto;
    margin: 0
}

.webfg .fc label {
    text-transform: none !important;
    color: #858f9f;
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0 !important
}

.webfg .fc label[for=chartContainer-volumecolored] {
    position: relative;
    top: 10px
}

.webfg .fc label[for=chartContainer-volumeoverlay] {
    position: relative;
    top: -4px
}

.webfg .fc .chartSettings .tblWrapper select {
    margin-right: 0
}

.webfg .fc .chartSettings .right {
    text-align: right
}

.webfg .fc label:hover {
    cursor: hand;
    cursor: pointer
}

.webfg .fc #chart-loading-indicator {
    background: url(../../../../static/images/financechart/ajax-loader.gif) no-repeat center bottom;
    height: 45%;
    width: 22px;
    margin: auto
}

.webfg .fc .chartDrawbar {
    z-index: 30;
    position: absolute;
    padding: 2px;
    display: none;
    border-radius: 3px;
    float: left;
    height: 28px
}

.webfg .fc .chartDrawbar {
    border: 1px solid #d0d0d0;
    background-color: #fff
}

.webfg .fc .direction {
    top: 0;
    left: 25px;
    width: 510px
}

.webfg .fc .direction[dir=vertical] {
    top: 1px;
    left: 0;
    height: 500px
}

.webfg .fc .settingsdirection {
    top: 30px;
    left: 425px;
    width: 300px;
    min-height: 320px
}

.webfg .fc .settingsdirection[dir=vertical] {
    top: 25px;
    left: 35px;
    width: 300px;
    min-height: 320px
}

.webfg .fc .drawSettings > div:first-child > table {
    margin: 0
}

.webfg .fc .drawSettings > div:last-child > table {
    margin: 5px 0 0
}

.webfg .fc .drawSettings > div > table td, .webfg .fc .drawSettings > div > table th {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px
}

.webfg .fc .drawSettings select, .webfg .fc .drawSettings table td {
    font-size: 11px;
    white-space: nowrap
}

.webfg .fc .drawSettings table tr td hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.webfg .fc #userDrawgetAddedLines td {
    width: 33%
}

.webfg .fc .underline {
    border-bottom: 1px solid red
}

.webfg .fc #head-chartDrawing {
    cursor: move
}

.webfg .fc #body-chartDrawing {
    margin-bottom: 10px;
    padding: 3px
}

.webfg .fc .chartDrawbar .drawButton {
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    padding: 0;
    margin: 1px;
    cursor: pointer;
    cursor: hand;
    float: left;
    border-color: #efefef
}

.webfg .fc .chartDrawbar .add {
    padding: 0 3px 0 4px;
    background: url(../../../../static/images/financechart/add.png) right
}

.webfg .fc .chartDrawbar .minus {
    padding: 4px 3px 0 8px;
    background: url(../../../../static/images/financechart/minus.png) right
}

.webfg .fc .chartDrawbar .aline {
    background-image: url(../../../../static/images/financechart/line.png)
}

.webfg .fc .chartDrawbar .pline {
    background-image: url(../../../../static/images/financechart/pline.png)
}

.webfg .fc .chartDrawbar .vline {
    background-image: url(../../../../static/images/financechart/vline.png)
}

.webfg .fc .chartDrawbar .hline {
    background-image: url(../../../../static/images/financechart/hline.png)
}

.webfg .fc .chartDrawbar .perline {
    background-image: url(../../../../static/images/financechart/percentline.png)
}

.webfg .fc .chartDrawbar .cline {
    background-image: url(../../../../static/images/financechart/changeline.png)
}

.webfg .fc .chartDrawbar .tline {
    background-image: url(../../../../static/images/financechart/tline.png)
}

.webfg .fc .chartDrawbar .etline {
    background-image: url(../../../../static/images/financechart/etline.png)
}

.webfg .fc .chartDrawbar .rafline {
    background-image: url(../../../../static/images/financechart/rafline.png)
}

.webfg .fc .chartDrawbar .delline {
    background-image: url(../../../../static/images/financechart/deletelines.png);
    margin: 1px 5px
}

.webfg .fc .chartDrawbar .delline[dir=vertical] {
    margin: 5px 1px
}

.webfg .fc .chartDrawbar .settings {
    background-image: url(../../../../static/images/financechart/settings.png);
    margin: 1px 5px 1px 3px
}

.webfg .fc .chartDrawbar .settings[dir=vertical] {
    margin: 5px 1px 5px 1px
}

.webfg .fc .chartDrawbar .arrow_custom {
    background-image: url(../../../../static/images/financechart/customArrow.png)
}

.webfg .fc .chartDrawbar .arrow_green {
    background-image: url(../../../../static/images/financechart/greenArrow.png)
}

.webfg .fc .chartDrawbar .arrow_red {
    background-image: url(../../../../static/images/financechart/redArrow.png)
}

.webfg .fc .chartDrawbar .delarrow {
    background-image: url(../../../../static/images/financechart/delArrow.png)
}

.webfg .fc .chartDrawbar .text {
    background-image: url(../../../../static/images/financechart/text.png);
    margin: 1px 5px 1px 3px
}

.webfg .fc .chartDrawbar .text[dir=vertical] {
    margin: 5px 1px 2px 1px
}

.webfg .fc .chartDrawbar .deltext {
    background-image: url(../../../../static/images/financechart/deltext.png);
    margin: 1px 5px 1px 3px
}

.webfg .fc .chartDrawbar .deltext[dir=vertical] {
    margin: 2px 1px 5px 1px
}

.webfg .fc .chartDrawbar .trash {
    background-image: url(../../../../static/images/financechart/trash.png);
    margin: 1px 8px 1px 8px
}

.webfg .fc .chartDrawbar .trash[dir=vertical] {
    background-image: url(../../../../static/images/financechart/trash.png);
    margin: 6px 1px 6px 1px
}

.webfg .fc .chartDrawbar .done {
    background-image: url(../../../../static/images/financechart/tick.png);
    float: right
}

.webfg .fc .chartDrawbar .done[dir=vertical] {
    margin: 6px 1px
}

.webfg .fc .colorwrap {
    width: 100px;
    padding-left: 10px
}

.webfg .fc .drawSettings .color {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 1px
}

.fc #arrowattributes, .fc #textattributes, .webfg .fc #lineattributes {
    width: 100%;
    display: none
}

.webfg .fc #donediv {
    padding-top: 25%;
    text-align: right;
    vertical-align: bottom
}

.webfg .fc #drawtoolbox .top {
    vertical-align: top
}

.webfg .fc #drawtoolbox .bottom {
    vertical-align: bottom
}

.webfg .fc #drawtoolbox .right {
    text-align: right
}

.webfg .tablescroll td, .webfg .tablescroll_foot, .webfg .tablescroll_head, .webfg .tablescroll_wrapper {
    border: 1px solid #004390
}

.webfg .tablescroll td {
    padding: 2px 5px
}

.webfg .tablescroll td {
    width: 10%;
    text-align: left
}

.webfg .tablescroll_wrapper {
    border-left: 0
}

.webfg .tablescroll_head {
    font-size: 11px;
    font-weight: 700;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 2px 5px;
    cursor: hand;
    cursor: pointer;
    background: #eee url(../../../../static/images/financechart/close16x16.png) no-repeat right
}

.webfg .tablescroll thead td {
    border-right: 0;
    border-bottom: 0
}

.webfg .tablescroll tbody td {
    border-right: 0;
    border-bottom: 0
}

.webfg .tablescroll tbody tr.first td {
    border-top: 0
}

.webfg .tablescroll_foot {
    font-weight: 700;
    background-color: #eee;
    border-left: 0;
    border-top: 0;
    margin-top: 0;
    padding: 2px 5px
}

.webfg .tablescroll tfoot td {
    border-right: 0;
    border-bottom: 0
}

.webfg #theTable thead {
    background-image: url(../../../../static/images/financechart/close16x16.png)
}

.webfg .fc .select2-choice, .webfg .fc .select2-choices {
    min-height: 18px;
    height: 30px
}

.webfg .fc .select2-chosen {
    line-height: 30px;
    text-transform: none
}

.webfg .fc .select2-arrow {
    background-image: url(../../../../static/themes/easy/img/arrow-dropdown-header-red.svg)
}

.webfg .fc .chartSettings table tr td .select2-container, .webfg .fc .drawSettings table tr td .select2-container {
    width: 100%
}

.webfg .fc .chartSettings table tr td input[type=text], .webfg .fc .chartSettings table tr td select, .webfg .fc .drawSettings table tr td select {
    width: 100%;
    border: 1px solid #aaa;
    color: #737373;
    text-indent: .01px;
    text-overflow: "";
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px
}

.webfg .tablescroll {
    font: 12px normal Arial, sans-serif;
    background-color: #fff
}

.webfg .tablescroll_foot, .webfg .tablescroll_head {
    background-color: #eee;
    color: #4e4e4e
}

.webfg .tablescroll_foot tfoot tr td:last-child, .webfg .tablescroll_head thead tr td:last-child {
    padding-right: 25px
}

.webfg .fc .scales .select2-container .select2-choice {
    height: 1.5em !important;
    min-height: 1em !important
}

.webfg .fc .scales .select2-container .select2-chosen {
    line-height: 1.5em !important
}

.webfg .fc .scales .select2-container .select2-choice, .webfg .fc .scales .select2-container .select2-choices {
    border: none !important;
    padding-left: 13px !important;
    padding-right: 1px !important;
    padding-top: 1px !important
}

.webfg .fc .scales .select2-dropdown-open .select2-choice, .webfg .fc .scales .select2-dropdown-open .select2-choices {
    padding-left: 12px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    border: 1px solid #d9d9d9 !important
}

.webfg .fc .scales .select2-container, .webfg .fc .scales select {
    height: 100%;
    width: 85%;
    text-indent: .01px;
    text-overflow: "";
    padding-top: 0;
    padding-bottom: 0
}

.webfg .fc .scales select {
    border: 1px solid #fff;
    color: #737373;
    background-color: #fff
}

.webfg .fc .scales select option {
    background-color: #fff;
    border: 1px solid #fff
}

.webfg .fc table {
    margin-top: 0
}

.webfg .fc table tr td {
    border: none
}

.webfg .fc #m-detail-interactive-chart-scales td {
    line-height: 35px;
    text-align: center
}

.webfg .fc .chartSettings {
    z-index: 5000
}

.webfg .fc #chartContainer-body-chartSettings-1 td {
    text-align: left
}

.webfg .fc table tr td {
    border: 1px solid #cecece !important
}

.webfg.row table.instrument-list-table .nav {
    display: table-cell !important
}

.webfg.row form#simpleSearch .control-label {
    line-height: 2em
}

div.webfg div.col.newsSearch .form-control::-webkit-input-placeholder {
    color: grey !important
}

div.webfg div.col.newsSearch .form-control:-moz-placeholder {
    color: grey !important
}

div.webfg div.col.newsSearch .form-control::-moz-placeholder {
    color: grey !important
}

div.webfg div.col.newsSearch .form-control:-ms-input-placeholder {
    color: grey !important
}

div.webfg div.col.newsSearch .form-control::-ms-input-placeholder {
    color: grey !important
}

div.webfg form#preferences-form input[type=checkbox] {
    left: 40px;
    height: 32px
}

div.webfg form#preferences-form button[type=submit] {
    text-transform: uppercase
}

div.webfg form#preferences-form .extendedInfo > span {
    line-height: 32px
}

@media screen and (min-width: 768px) {
    div.webfg form#preferences-form .extendedInfo > span {
        line-height: 45px
    }
}

div.container-fluid {
    padding-top: 15px
}

@media screen and (min-width: 992px) {
    div.container-fluid {
        padding-top: 25px
    }
}

.container-fluid > .row.webfg {
    max-width: 100%;
    width: 100%
}

.webfg.row .widthContainer {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.webfg.row .widthContainer.withTabs {
    margin-top: -50px
}

.webfg.instrument-details-row {
    margin-top: 100px
}

.webfg .bg-white {
    width: 100%
}

.webfg .bg-white.multiContainer {
    overflow: hidden
}

.webfg .bg-white.multiContainer .col-md-6 {
    position: relative
}

.webfg .bg-white.multiContainer .col-md-6 .firstTitle, .webfg .bg-white.multiContainer .secondTitle {
    background-color: #f2f4f6;
    position: absolute;
    width: 2000px;
    z-index: 20;
    height: 47px;
    padding-left: 500px;
    margin-left: -500px
}

.webfg .bg-white.multiContainer .col-md-6 .bg-white {
    margin-top: 47px
}

.webfg .bg-white.multiContainer .secondTitle {
    padding-left: 50px;
    margin-left: -50px;
    z-index: 30;
    height: 63px;
    padding-top: 16px
}

@media screen and (min-width: 768px) {
    .webfg .bg-white.multiContainer .secondTitle {
        height: 47px;
        padding-top: 0
    }
}

#index-details-header-row.webfg .widthContainer > .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#index-details-header-row.webfg .widthContainer .valorData {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media screen and (min-width: 992px) {
    #index-details-header-row.webfg .widthContainer .valorData {
        width: auto
    }
}

#index-details-header-row.webfg .widthContainer .valorFunctions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid #cecece;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    width: 100%
}

@media screen and (min-width: 992px) {
    #index-details-header-row.webfg .widthContainer .valorFunctions {
        justify-content: flex-end;
        border-top: medium none;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: auto
    }
}

#index-details-header-row.webfg .widthContainer .valorFunctions > div {
    padding-top: 15px
}

#index-details-header-row.webfg .widthContainer .title-cell {
    width: 100%;
    border-right: medium none;
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #index-details-header-row.webfg .widthContainer .title-cell {
        width: 50%;
        border-bottom: medium none
    }
}

@media screen and (min-width: 993px) {
    #index-details-header-row.webfg .widthContainer .title-cell {
        width: auto;
        border-right: 1px solid #cecece;
        border-bottom: medium none;
        padding-bottom: 0
    }
}

#index-details-header-row.webfg .widthContainer .title-cell .name-cell {
    margin-right: 30px;
    padding-top: 10px
}

#index-details-header-row.webfg .widthContainer .sparklight {
    padding: 15px 30px;
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#index-details-header-row.webfg .widthContainer .market-tooltip-cell {
    padding: 15px 30px;
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #index-details-header-row.webfg .widthContainer .sparklight {
        width: 25%;
        border-left: 1px solid #cecece
    }

    #index-details-header-row.webfg .widthContainer .market-tooltip-cell {
        width: 25%
    }
}

@media screen and (min-width: 993px) {
    #index-details-header-row.webfg .widthContainer .sparklight {
        padding: 0 30px;
        width: auto;
        border-left: medium none
    }

    #index-details-header-row.webfg .widthContainer .market-tooltip-cell {
        padding: 0 30px;
        width: auto;
        justify-content: flex-start
    }
}

#index-details-header-row.webfg .widthContainer .market-tooltip-icon {
    margin-top: 10px
}

#index-details-header-row.webfg .widthContainer .market-tooltip-icon > div {
    position: relative;
    top: 1px;
    left: 3px
}

#index-details-header-quotes-row.webfg .widthContainer .horizontalRule {
    height: 1px;
    background-color: #cecece;
    width: 100%
}

#index-details-header-quotes-row.webfg .widthContainer #index-details-header-table tbody tr td {
    text-align: left
}

#index-details-header-quotes-row.webfg .widthContainer .mainTradeData > h5, #index-details-header-quotes-row.webfg .widthContainer .screenerTitle > h5 {
    font-weight: 300;
    color: #525f7f
}

#index-details-header-quotes-row.webfg .widthContainer .screenerTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

#index-details-header-quotes-row.webfg .widthContainer .screenerActions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

#index-details-header-quotes-row.webfg .widthContainer .screenerGraphics {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

#index-details-header-quotes-row.webfg .widthContainer .screenerGraphics > div {
    flex-basis: 33%;
    max-width: 115px
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #index-details-header-quotes-row.webfg .widthContainer .screenerGraphics > div {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #index-details-header-quotes-row.webfg .widthContainer .screenerGraphics > div {
        flex-basis: 33%;
        min-width: 115px
    }
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData {
    width: 100%
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) ~ .collateralData table {
    border-left: medium none;
    height: initial
}

@media screen and (min-width: 992px) {
    #index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) ~ .collateralData table {
        border-left: 1px solid #cecece;
        height: 195px
    }
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) ~ .collateralData h5 {
    margin-left: 15px
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) ~ .collateralData table tbody td:first-of-type, #index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) ~ .collateralData table thead th:first-of-type {
    padding-left: 15px
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData table td.denom {
    font-size: 25px
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData table td .nested {
    font-size: 13px
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData table {
    height: initial
}

@media screen and (min-width: 992px) {
    #index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData table {
        height: 164px
    }
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData table td, #index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData table td {
    border-bottom: 1px solid #8a8a8a;
    padding-top: 20px
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData table thead th {
    text-align: left
}

#index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData, #index-details-header-quotes-row.webfg .widthContainer .additionalData .screenerBlock {
    width: 100%
}

@media screen and (min-width: 992px) {
    #index-details-header-quotes-row.webfg .widthContainer .additionalData .mainTradeData:not(.fullWidth) {
        width: calc(100% - 385px)
    }

    #index-details-header-quotes-row.webfg .widthContainer .additionalData .screenerBlock {
        width: 370px
    }

    #index-details-header-quotes-row.webfg .widthContainer .additionalData .collateralData {
        width: 385px
    }
}

span.bt-content > span {
    font-size: inherit !important
}

#m-detail-orderbook-marketdata.bt span.bt-content {
    font-size: 25px
}

#m-detail-orderbook-marketdata.bt span.bt-content .nested {
    font-size: 13px
}

#index-details-header-table tr > .nested > div.nested {
    font-weight: 400
}

#index-details-header-table.bt span.bt-content, #m-detail-orderbook-marketdata.bt span.bt-content {
    line-height: 55px
}

#index-details-header-table.bt .nested span.bt-content, #m-detail-orderbook-marketdata.bt .nested span.bt-content {
    line-height: 25px
}

#index-details-header-table.bt tbody td .bt-content, #m-detail-orderbook-marketdata.bt tbody td .bt-content {
    margin-top: 7px
}

#index-details-header-table.bt, #m-detail-orderbook-marketdata.bt {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#index-details-header-table thead th, #m-detail-orderbook-marketdata thead th {
    text-align: left
}

#index-details-header-table.bt td, #m-detail-orderbook-marketdata.bt td {
    height: auto;
    padding: 0;
    font-size: 15px
}

table.bt tbody td::before, table.bt tfoot td::before, table.bt tfoot th::before {
    width: 50%;
    margin-right: 10px;
    border-right: 1px solid #cecece;
    height: 70px;
    line-height: 70px
}

ul.nav-tabs {
    border-bottom: 1px solid #f2f4f6;
    height: auto
}

@media screen and (min-width: 576px) {
    ul.nav-tabs {
        height: 50px
    }
}

ul.nav-tabs li.nav-item a {
    color: #525f7f;
    white-space: nowrap;
    height: 50px;
    line-height: 30px;
    background-color: #f2f4f6
}

.nav-tabs .nav-item.show .nav-link, ul.nav-tabs .nav-link.active {
    border-color: #fff;
    color: #396cff
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item {
    height: 46px
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item .nav-link {
    border-radius: 0
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item:first-of-type .nav-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item:last-of-type .nav-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item .nav-link.active {
    border-color: #396cff;
    position: relative
}

.instrument-details-row .nav-justified.the-screener-nav .nav-item .nav-link.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(57, 108, 255, 0);
    border-top-color: #396cff;
    border-width: 10px;
    margin-left: -10px
}

.instrument-details-row > div > div > ul > li {
    border: 1px solid #cecece
}

@media screen and (min-width: 576px) {
    .instrument-details-row > div > div > ul > li {
        border: medium none
    }
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 1px solid transparent
}

.tab-content h2 {
    margin-top: 20px
}

.showContentSwitch {
    display: none
}

.showContentSwitch.active {
    display: block
}

#preferences-form, .staticPreferences {
    width: 100%;
    margin-right: auto
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    #preferences-form, .staticPreferences {
        width: 90%
    }
}

@media screen and (min-width: 993px) {
    #preferences-form, .staticPreferences {
        width: 90%
    }
}

#preferences-form label, .staticPreferences label {
    text-align: right;
    line-height: 25px
}

@media screen and (min-width: 768px) {
    #preferences-form label, .staticPreferences label {
        text-align: right;
        line-height: 45px
    }
}

#preferences-form .extendedInfo {
    text-align: right;
    line-height: 25px;
    margin-top: -15px
}

@media screen and (min-width: 768px) {
    #preferences-form .extendedInfo {
        text-align: left;
        line-height: 45px;
        margin-top: 0
    }
}

#quantityDisclaimer {
    margin-top: -44px
}

@media screen and (min-width: 768px) {
    #quantityDisclaimer {
        margin-top: auto
    }
}

#header-fundinfo-documents thead th {
    text-align: left
}

#header-fundinfo-documents.bt tbody td:before {
    height: 30px;
    line-height: 30px
}

#m-detail-orderbook-marketdata thead tr th {
    text-align: left
}

#m-detail-orderbook-marketdata tbody tr td {
    font-size: 25px;
    font-weight: 300;
    color: #525f7f
}

#m-detail-orderbook-marketdata tbody tr td .nested {
    font-size: 12px;
    font-weight: 500
}

#derivatives-details-header-table td, #funds-details-header-table td {
    border-top: medium none;
    border-bottom: medium none !important
}

table#derivatives-details-header-table a.fa-file-pdf-o {
    font-weight: 400;
    text-transform: lowercase;
    font-size: 20px;
    padding-top: 0 !important
}

#funds-details-header-table ~ a {
    margin-left: 15px
}

#derivatives-details-header-table thead tr th:first-of-type {
    white-space: nowrap
}

#index-details-top-menu-row {
    max-width: 1170px
}

#index-details-top-menu-row > div:first-of-type {
    height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.form-control:disabled, .form-control[readonly] {
    opacity: .5
}

#watchlistMainPage .webfg h4 a {
    color: #396cff !important;
    height: 32px;
    line-height: 18px
}

#watchlistMainPage .webfg h4 a:hover {
    color: #fff !important
}

.context-menu-toggle-link {
    color: #396cff;
    cursor: pointer
}

.context-menu-toggle-link > i {
    font-size: 22px
}

.webfg .modal-header {
    display: inline-block
}

.titleWithButton {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.titleWithButton.left {
    justify-content: flex-start
}

.titleWithButton.left .webfg-context-menu {
    margin-left: 20px
}

.titleWithButton .contextMenu {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

#addInstrument #elasticSearch::placeholder, #limitsettings #emailAddress::placeholder, #limitsettings #smsAddress::placeholder {
    color: #8c8c8c !important
}

#addInstrument #elasticSearch:-ms-input-placeholder, #limitsettings #emailAddress::placeholder, #limitsettings #smsAddress::placeholder {
    color: #8c8c8c !important
}

#addInstrument #elasticSearch::-ms-input-placeholder, #limitsettings #emailAddress::placeholder, #limitsettings #smsAddress::placeholder {
    color: #8c8c8c !important
}

#m-watchlist-all-data-table .contextMenu {
    margin-left: -95px
}

#m-watchlist-list .contextMenu {
    margin-left: -45px
}

.contextMenu .list-group-item {
    text-align: left
}

.contextMenu.open {
    z-index: 130 !important
}

div.webfg table#watchlistTable div.webfg-trend {
    min-width: 20px
}

body .surrogate {
    display: block;
    position: fixed;
    top: -100px;
    left: -100px;
    z-index: 120;
    width: 1px;
    height: 1px
}

body .surrogate.active {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.smallInfo {
    font-size: 11px
}

.webfg .dropdown-menu li {
    padding: 8px 10px
}

.webfg .dropdown-menu li a:hover, .webfg .dropdown-menu li.active, .webfg .dropdown-menu li.active a, .webfg .dropdown-menu li:hover {
    background-color: #f8f9fa !important;
    color: #525f7f
}

.webfg .dropdown-menu li a {
    color: #525f7f
}

#watchlist-display-row ul.dropdown-menu {
    min-width: 215px
}

#screenerSearchResultTable tbody tr td:nth-child(2), #screenerSearchResultTable tbody tr td:nth-child(3), #screenerSearchResultTable thead tr th:nth-child(3) {
    text-align: left
}

#optionButton {
    color: #396cff !important
}

#collapseSearch .dropdown-toggle::after {
    position: relative;
    top: -14px;
    right: 10px
}

.modal.show .modal-dialog {
    width: auto
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .modal.show .modal-dialog {
        width: 600px !important
    }
}

@media screen and (min-width: 992px) {
    .modal.show .modal-dialog {
        width: 900px !important
    }
}