/* put CSS vars here */
:root {
    --orange: #e1923a;
    --input-height: 25px;
    --ads-vertical-margin: 14px;
    --portlet-flex-header-horizontal-padding: 12px
}

#loadingTop {
    position: fixed;
}

.faqPopupForm .form-group {
    margin: auto;
}

.faqPopupForm .alert {
    margin: 10px 15px;
}

.table.table-fibonacci > tbody > tr > td {
    padding: 8px 0;
}

.feed-content-left-padding {
    padding: 4px 0 5px 0;
}

.brokers-grid {
    min-width: 250px;
}

.calendar-divider {
    margin: 2px 0 !important;
}

.calendar-dropdown {
    background-color: #fff;
    margin-bottom: 0;
    padding: 10px 5px !important;
}

.widget-radio-color {
    background-color: white !important;
}

.dashboard-news-height {
    /*min-height: 425px !important;*/
}

.check-box-symbols-width {
    width: 127px;
}

.table.indicatorsTable > tbody > tr > td {
    vertical-align: middle;
}

.table tbody tr td.custom-analysis-trade-tab {
    vertical-align: top !important;
}

.fa-bell-yellow {
    color: #f2b50c;
}

.fa-bell-darkgray, .font-darkgray {
    color: var(--headings-color, #666666);
}

a.fa-bell-gray,
.fa-bell-gray {
    color: var(--icons-color, #cecece);
}

.fa-bell-slash {
    color: #404040;
}

.username a, .username {
    font-size: 13px;
    color: #FF7200;
}

.user-select2-container {
    -webkit-box-shadow: none !important;
    -webkit-transition: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 85%;
}

.user-select2-dropdown {
    border: none !important;
}

.drag-over {
    border: 2px dashed #aebecd !important;
}

.new-mail {
    font-weight: 500 !important;
}

#userPageVouchBar {
    height: 10px;
    width: unset;
}

.popover.outlook-symbol-row-popover {
    max-width: 418px !important;
}

.popover.outlook-symbol-row-popover table th {
    background-color: lightgrey;
    font-size: 12px;
}

.popover.outlook-notification-error-popover {
    max-width: 300px;
    z-index: 99999 !important;
}

table.notifications-table td {
    padding: 2px;
}

table.notifications-table td > select, input {
    font-size: 12px;
}

/* time on header */
.timeHeader {
    color: #F7CA18;
    font-size: 12px;
    text-align: right;
    margin-top: 12px;
    float: right;
    clear: both;
}

.fixed-nav > li > a {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 13px;
}

#su0, #ss0, #sa0, #sc0 {
    padding: 5px !important;
    background: #292932;
    text-align: center;
    font-weight: bold;
    color: #c1c1c1;
}

.mobile-tools {
    display: none !important;
}

.top-menu-login {
    margin-top: 11px;
    float: right;
}

.broker-promote {
    background: #fffccf !important;
}

/*broker-mange-edit*/
.yellowLightbg {
    background-color: var(--yellow-dark-bg, #f9e491);
}

.portfolio-header {
    background-color: #f7f7f7;
    margin: 0;
    font-size: 12px;
    padding: 7px 0;
    -webkit-box-shadow: 0px 1px 6px -4px rgba(82, 63, 105, 0.5);
    border: 1px solid #ececec;
}

.portfolio-message,
.promo-message {
    font-size: 13px;
    color: #575454;
    padding: 10px !important;
}

[id^="declineProviderMsg"], [id^="declineSlavePromo"], [id^="declineRebatesPromo"] {
    color: #575454 !important;
    font-size: 13px;
}

.metaTradeWizard:hover {
    background-color: #D5f7CD;
}

.center-goal-scroll {
    text-align: center;
}

.goal-content-scroll {
    height: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
}

.goals-table.bootstrap-table .table:not(.table-condensed) > tbody > tr > td {
    padding: 2px !important;
    font-size: 12px;
}

.draggable-cursor {
    cursor: move;
}

/*remove underline content table*/
.content-remove-underline {
    text-decoration: none !important;
}

.no-goals-to-show {
    text-align: center;
    padding-top: 41px;
    padding-bottom: 41px;
    color: var(--txt-color, #AAB5BC);
}

.dashboard-stat2-trading-goals {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.patterns-dropdown-symbols {
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 23px;
}

.popover.chart-popover {
    min-width: 358px;
    min-height: 227px;
}

.popover.chart-popover .popover-title {
    padding: 10px 14px;
}


.popover.chart-popover .popover-content {
    padding: 0px 14px;
}


.inbox-min-height {
    min-height: 367px;
}

.checkbox-with-dropdown {
    float: left;
    margin: 10px 10px 8px 10px;
}

.checkbox-with-dropdown label.mt-checkbox {
    padding-left: 20px;
    float: left;
}

.checkbox-with-dropdown ul {
    left: -8px;
}

.checkbox-with-dropdown i {
    color: #a2a2a2;
}

.vouch-toggle-span {
    width: 60px;
    display: inline-grid !important;
}

.outlook-statistics {
    margin-top: 20px !important;
}

.outlook-statistics .desc {
    width: 143px !important;
    padding-left: 15px;
}

.outlook-statistics .progress {
    height: 12px !important;
}

.forex-chart-background {
    box-shadow: none !important;
    border-top: none !important;
    margin-bottom: 0px !important;
}


#outlookSymbolsTableContent .outlook-symbol-row .progress {
    width: 180px !important;
}

#outlookSymbolsTableContent .responsive-table-row .progress {
    width: 140px !important;
    margin-top: 3px;
}

.notification-width {
    width: 30px !important;
}

div.dropzone.text-area-dropzone {
    padding: unset;
}

div.dropzone.text-area-dropzone textarea {
    border: none;
}

.inbox-compose .dropzone-previews, #bugReportDropZone {
    padding: 7px;
    border: none;
    border-top: solid 1px #eee;
    background: unset;
}

.dz-preview {
    margin: 6px !important;
}

.inbox-compose .dropzone-previews .dz-image, #bugReportDropZone .dz-image {
    height: 80px;
    width: 80px;
}

.inbox-compose .dropzone-previews .dz-details, #bugReportDropZone .dz-details {
    height: 80px;
}

.inbox-compose .dropzone-previews .dz-details .dz-size, .dz-filename, #bugReportDropZone .dz-details .dz-size, .dz-filename {
    font-size: 12px;
    margin-bottom: 0;
}

.inbox-compose .dropzone-previews .dz-progress, #bugReportDropZone .dz-progress {
    top: 20px;
    width: 60px;
    left: 50px;
}

.inbox-compose .dropzone-previews .dz-error-message, #bugReportDropZone .dz-error-message {
    top: 120px;
    left: -30px;
}

.inbox-compose .dropzone-previews .dz-success-mark, .inbox-compose .dropzone-previews .dz-error-mark, #bugReportDropZone .dz-success-mark, #bugReportDropZone .dz-error-mark {
    top: 40px !important;
}

.popover.patternNotificationErrorPopover {
    max-width: 300px;
    z-index: 99999 !important;
}

.markets-thead {
    background: #F1F4F7;
    width: 919px;
}

.tip-help-page {
    border: 1px solid lightgray;
    padding: 15px;
    margin-bottom: 15px;
}

.bullet-help-page {
    list-style-type: none;
}

.bullet-help-page-prop {
    font-size: 10px;
    font-weight: 900;
    color: #dae0e5;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.paragraph-ident-inside-bullet {
    display: table;
}

.terms-li-circle {
    color: #dae0e5;
    width: 10px;
}

.table.table-small-header thead tr th {
    font-weight: normal !important;
    font-size: 11px !important;
}

#myAccounts table td {
    text-align: center;
}

#portfoliosMessage {
    display: none;
    width: 250px
}

.center-in-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tr-hidden {
    display: none !important;
}

.collapse-heading {
    text-align: center;
}

.table-hover-custom tr:hover > td {
    background-color: var(--tab-background-color, #e7ecf1);
}

.table-hover-custom tr.collapse-heading:hover > td {
    background-color: #ddd;
}

.alert-update-portfolios {
    float: left;
    padding: 7px 10px;
    margin-bottom: 0;
}

.settings-footer.bg-gray {
    background-color: #f5f5f5;
}

.account-settings {
    min-height: 120px;
}

.ctrader-account-name-input {
    border: none;
    border-bottom: 2px solid #c2cad8;
}

.page-actions {
    margin-bottom: 6px;
}

.file-upload-box {
    margin-top: 4px;
}

.more-market-title-margin {
    padding-bottom: 7px !important;
}

.zoomResetBtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    border: 1px solid #dedede;
    background: white;
    cursor: pointer;
}

.zoomResetBtn:hover {
    background: whitesmoke;
}

.custom-publish-charts {
    padding: 5px !important;
    background: var(--tab-background-color, #48525e) !important;
}

.user-picture {
    height: 35px !important;
}

/*.mt-element-list :hover {*/
/*background: #F2F5F8;*/
/*}*/


a.disabled-a {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: .65 !important;
}

.pagination-summary > li > a {
    margin-left: 0 !important;
    margin-right: 4px !important;
    font-size: 12px !important;
}

.background-orange {
    background-color: blanchedalmond;
}


.danger-row {
    background-color: #ffaaaa !important;
}

.warning-row {
    background-color: #fffaaa !important;
}

.rating-xl {
    font-size: 18px !important;
}

.rating-lg {
    font-size: 16px !important;
}

.rating-md {
    font-size: 14px !important;
}

.rating-sm {
    font-size: 12px !important;
}

.rating-xs {
    font-size: 10px !important;
}

.rating-container .filled-stars {
    -webkit-text-stroke: unset !important;
    text-shadow: none !important;
}

.empty-stars > .star > i {
    color: #e3e3e3;
}

.filled-stars > .star > i {
    color: #ff8d00;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.table-button {
    margin-top: 0.1em;
}

.symbol-volatility-title-margin {
    margin: 10px 0;
}


.volatilityFiltrationLevelTable {
    text-align: center;
    width: 100%;
}

.volatilityFilterSymboltd {
    background: var(--card-background-color, #f7f7f7);
    padding: 10px;
}

.volatility-filtration-level {
    min-height: 447px;
}

.progress-bar-symbol-analysis {
    margin: 7px -15px;
}

.symbol-correlation-time-frame-button {
    float: left;
    margin: 0 5px 5px 0;
    background: var(--2btn-default, #e8e8e8);
    padding: 0 5px;
    cursor: pointer;
    line-height: 23px;
}

.symbol-correlation-time-frame-button:hover {
    background: var(--2btn-selected, #c8c6c6);
}

.trade-browser-window {
    top: 22%;
    left: 6%;
    z-index: 10000;
    background: #fff !important;
    padding: 10px;
    border: solid 4px #eaeaea;
    position: absolute;
    cursor: move;
    font-size: 11px !important;
}

#footerToolbarContent {
    position: fixed;
    bottom: -15px;
    width: inherit;
}

#footerToolbar table tr td,
.no-border-table tr td {
    border: none !important;
}

#footerToolbar .table-condensed > tbody > tr > td {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0;
    font-family: Roboto !important;
    overflow: hidden;
}

#footerToolbar .table-condensed > tbody > tr > td > a {
    font-size: 13px !important;
    font-family: Roboto !important;
}

#brokerProfileAccountWindow {
    position: absolute;
    background-color: white;
    right: 0;
    top: 30px;
}

#brokerProfileAccountMobileWindow {
    background-color: white;
    padding: 10px;
    width: 100%;
    z-index: 9995;
}

.fixedToTop {
    position: fixed !important;
    top: 0 !important;
}

.fixedToBottomLeft {
    position: fixed;
    bottom: 0;
    left: 0;
}

.btn-transparent {
    background: transparent;
    border: transparent;
    outline: transparent;
}

.toolbar-circle {
    display: block;
    width: 6px;
    height: 6px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 100%;
    border-radius: 100% !important;
    margin: 5px 3px;
}

#showToolbarBtnContainer {
    background-color: #434343;
    width: 39px;
    align-self: end;
    text-align: center;
    padding: 2px;
}

#showToolbarBtn {
    padding: 0 13px;
}

.footer-toolbar-background {
    border-bottom: none !important;
    background-color: var(--card-background-color, #434343) !important;
    /*padding: 0 5px 1px !important;*/
}

.footer-toolbar-calendar {
    height: 30px;
}

.footer-toolbar-calendar-div {
    position: relative;
    background-color: var(--card-background-color, #434343);
    bottom: 126px;
    width: 100%;
}

.footer-toolbar-calendar-table {
    margin-bottom: 0;
    background-color: var(--card-background-color, #434343);
    height: 30px
}

.footer-toolbar-calendar-shown-div {
    right: 1px;
    padding-bottom: 5px !important;
}


.footer-toolbar-news-table {
    margin-bottom: 0;
    background-color: var(--grey-bg, #434343);
    height: 30px
}

.footer-toolbar-news-shown-div {
    right: 5px !important;
}

.footer-toolbar-main-div {
    position: fixed;
    width: inherit;
    padding-right: 30px;
    z-index: 10048;
    bottom: 0;
    font-size: 11px;
    color: #ffffff;
    font-weight: 300;
}

.footer-toolbar-main-div a {
    font-size: 12px !important;
    color: #f2f2f2;
}

.footer-toolbar-main-div a:focus {
    text-decoration: none;
}

.footer-toolbar-symbol-main-div {
    padding: 0 2px 0 0 !important;
    height: 30px !important;
}

.footer-toolbar-symbol-div {
    position: relative;
    bottom: 61px;
    background-color: var(--card-background-color, #434343);
    margin-bottom: 2px;
}

.footer-toolbar-symbol-title-div {
    padding: 5px 0 3px 0;
    text-align: center;
}

.footer-toolbar-top-close-Button {
    float: right;
    margin-right: 5px;
    color: #d2d6de;
}

.footer-toolbar-hide-button {
    display: inline;
}

.contest-rules-border-top-bottom {
    border-top: 1px solid #e2e1e1;
    border-bottom: 1px solid #e2e1e1;
}

.contest-terms p {
    margin: 2px;
}

.contest-terms ul li {
    margin-bottom: 5px;
}

.contest-terms table {
    width: auto;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px;
}

.contest-rules-form-group {
    margin: 2px 0 !important;
}

.contest-rules-select + .select2-container--bootstrap .select2-selection--single {
    height: 22px !important;
    padding: 2px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px !important;
}

/* width of phone input in contest rules form */
#phoneContent .intl-tel-input {
    width: 100%;
}

.contest-rules-msg {
    padding: 10px;
    text-align: center;
    color: black;
}

#tradeBrowserCheckBoxes label {
    margin-bottom: 5px;
}

.contest-analysis-border {
    border: solid 1px #f2f1f1;
}

.auto-trade-check-table-V-td-background {
    background: #f8f8f8 !important;
}

.auto-trade-top-table {
    margin-top: -472px;
}

.auto-trade-smiliar-services-table {
    border-collapse: inherit;
    border-spacing: 2px;
}

.auto-trade-check-table {
    border: solid 4px #eaeaea;
    background: white;
    margin-bottom: 0;
}

.open-live-account-new-span {
    background-color: #32c5d2;
    border-radius: 8px !important;
    font-size: 9px;
    color: white
}

.twitter-table-left-column {
    text-align: center;
    width: 60%;
    font-size: 13px;
    font-weight: 500;
}

.settings-box {
    /*min-height: 356px;*/
}

#featuresHome {
    font-size: 18px;
    color: #a7a4a4;
}

.home-promo-main-div {
    line-height: 23px;
    padding: 40px;
}

#cTradeWelcomeMyfxbook {
    margin-top: -20px;
    border-style: dashed !important;
    padding: 10px !important;
}

#homeOandaLogo {
    border: solid 4px #eaeaea;
    background-color: white;
    border-radius: 9px !important;
}

#homeNewFeaturesDiv {
    border: solid 4px #eaeaea;
    border-radius: 9px !important;
    padding: 6px !important;
}


#markets {
    font-size: 10px;
    padding-bottom: 108px;
    color: #575454;
    height: 141px;
    position: relative;
    background-image: url(/images/worldMap.jpg);
    z-index: 1;
    padding-top: 1px;
    width: 230px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.marketBoff {
    background: url(/images/marketOff.png) repeat;
    height: 7px;
    width: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.market {
    position: relative;
    z-index: 3;
    width: 88px;
    background: url(/images/marketOff.png) repeat transparent;
    height: 14px;
    color: #fff;
    text-align: center;
    margin: 17px 0 17px 143px;
}

#markets .on {
    background: url(/images/marketOn.png) repeat transparent;
    position: relative;
    z-index: 3;
    width: 88px;
    height: 14px;
    color: #000;
    text-align: center;
    margin: 17px 0 17px 143px;
}

.marketBon {
    background: url(/images/marketOn.png) repeat;
    height: 7px;
    width: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

#timeline {
    position: absolute;
    height: 149px;
    width: 1px;
    background: #ff3333;
    top: 29px;
    z-index: 10;
}

.home-ul-customize {
    top: 27px;
    border: none;
}

.home-li-customize {
    min-width: 262px;
    padding: 10px 13px;
    background-color: #3c3c3c;
    color: white;
}

.home-customize-p {
    margin-bottom: 15px;
    margin-top: 15px;
}

#sortableDiv li.home-customize-dashboard-buttons {
    background-color: #565656;
    border: none;
    color: white;
    margin-bottom: 2px;
    cursor: move;
}

#sortableDiv li.home-customize-dashboard-buttons:hover {
    background-color: #434343;
}

#customizeDashboardCloseButton {
    opacity: 0.5;
    background-color: unset !important;
}

#customizeDashboardCloseButton:hover {
    opacity: 1 !important;
}

.dashboard-markets-div {
    width: 28.7%;
    min-width: 244px;
}

#timeWidget {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.promotions-type-list {
    list-style-type: none;
    padding: 10px;
    position: relative;
}

.promotions-type-list .mt-radio {
    font-size: inherit;
}

.promotion-text {
    white-space: pre-wrap;
    min-height: 70px;
}

.table-hover-green > tbody > tr:hover, .table-hover-green > tbody > tr:hover > td {
    background: #ecfbee !important;
}

#closeUserAccountModal th,
#closeUserAccountModal td {
    text-align: center;
}

.pss-chart-no-data {
    height: 335px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#growthOptionsList {
    min-width: 110px;
}

.tdUnderline:hover {
    text-decoration: underline;
    cursor: pointer;
}

.noCursorPointer {
    cursor: auto !important;
}

.dataTables_wrapper {
    position: unset !important;
}

.spinner-for-header {
    background-color: #2e343b;
    border: none;
}

.spinner-for-body {
    background-color: #ffffff;
    border: none;
}

.noBackgroundColor thead tr th {
    background: none !important;
}

.vertical-divider-left {
    border-left: 1px solid #dedede !important;
    padding-left: 15px;
}

.fa-comment-dots-yellow {
    color: #f2b50c;
}

.fa-comment-dots-yellow:hover {
    color: #e73f37;
}

.max-width {
    width: 100% !important;
}

.mini-portfolio .progress {
    height: 10px !important;
}

.spinner-menu-tabs {
    background-color: #565656;
    border: none;
    padding: 10px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    font-size: 13px;
}

.brokerListingRadioInline {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

.background-color-ghostwhite {
    background-color: var(--card-background-color, ghostwhite);
}

.background-color-white,
.hover-white:hover {
    background-color: var(--main-background-color, white);
}

.background-color-ghostwhite-dark {
    background-color: #EDEFFF;
}

#promotionManageTable {
    border-collapse: separate;
    border-spacing: 0 5px;
}

.validUntilTd {
    display: grid !important;
    grid-gap: 5%;
}

.validUntilTdDatePicker {
    grid-column: 1/2;
}

.validUntilTdDateLabel {
    grid-column: 2/3;
}

.deleteButton + .confirmation {
    width: 140px;
    min-width: auto;
}


.blink {
    animation-duration: 0.5s;
    animation-name: blink;
    -webkit-animation: blink 0.5s;
    /* Safari and Chrome */
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}

@-webkit-keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}


.inbox-compose {
    border: 0;
}

.inbox .inbox-view-info {
    padding: 10px;
}

.timeline .timeline-body-time {
    font-size: 12px;
    margin: 0;
}

#calendarToolbar {
    top: 1px !important;
}

.ads-top-body-size {
    width: 468px;
    height: 60px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.ads-margin {
    margin-bottom: var(--ads-vertical-margin);
}

.no-breadcrumbs.ads-margin {
    margin-top: var(--ads-vertical-margin);
}

.ads-left-body-sticky-position {
    position: sticky;
    top: 52px;
    transition: all .1s ease-in;
}

.ads-left-body-margin-position {
    margin-top: 5px;
}

.ads-left-side-body-position {
    position: sticky;
    top: 0;
    width: calc((100vw - 1033px) / 2);
    margin-top: 2.6em;
    float: left;
    overflow: hidden;
    padding-right: 15px;
}


div[id^=bigAd] > * {
    pointer-events: all;
    padding-bottom: 7px;
}

.ads-right-side-body-position {
    position: sticky;
    top: 0;
    overflow: hidden;
    margin-top: 2.6em;
    float: right;
    width: calc((100vw - 1033px) / 2);
    padding-left: 15px;
}

.ads-flex {
    display: flex;
}

.ads-side-body-size {
    height: 866px;
    width: 1597px;
}

.toolbar-height {
    max-height: 33px;
}

.float-none {
    float: none !important;
}

.score-font {
    font-family: verdana, sans-serif !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

/*#customAnalysisDropDownMenu * {*/
/*    font-size: 11px*/
/*}*/

.padding-top-0 {
    padding-top: 0 !important;
}

/*#customAnalysisDropDownMenu input[type='text'], #customAnalysisDropDownMenu select, #searchProfileSaveButton {*/
/*    height: 25px;*/
/*}*/

#customAnalysisDropDownMenu label.mt-checkbox.mt-checkbox-outline {
    margin-bottom: 5px;
}

#symbolsTable td, #magicTable td, #tagTable td {
    border-bottom: 0 !important;
}

#timingTable table tr {
    border-right: 1px solid #F2F5F8 !important;
}

#timingTable table td, #tradeOptionsTable td, #tradeTypeCommentTable td {
    border: unset;
}

#timingTable p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #8896a0;
}

#bugReportDropZone {
    border: 2px dashed #028AF4;
    padding: 10px;
    min-height: unset;
}

#bugReportDropZone .dz-button {
    background: none;
    border: none;
    padding: 0;
    outline: inherit;
}

.no-data-min-height-multiple-tables {
    min-height: 140px;
}

.no-data-min-height-single-table {
    min-height: 420px;
}

.inlineBlock {
    display: inline-block;
}

.display-block {
    display: block;
}

.buttonOff {
    border-radius: 3px;
    padding: 0 11px;
    background: var(--2btn-default, #f1f1f1);
    line-height: 23px;
    font-weight: bold;
}

.buttonOn {
    border-radius: 3px;
    padding: 0 11px;
    background: #8fcc85;
    cursor: pointer;
    line-height: 23px;
    font-weight: bold;
    color: white;
}

.buttonOn {
    border-radius: 3px;
    padding: 0 11px;
    background: #8fcc85;
    cursor: pointer;
    line-height: 23px;
    font-weight: bold;
    color: white;
}

.onlineModern {
    background: none repeat scroll 0 0 #69CB19;
    height: 8px;
    width: 8px;
    position: absolute;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

.itemline-item {
    position: relative;
}

.offlineModern {
    height: 6px;
    width: 6px;
    position: absolute;

}

.progress.onlineModern {
    background: none repeat scroll 0 0 #69CB19;
}

.progress.offlineModern {
    background: none repeat scroll 0 0 #ec0000;
}

.timeline-chart-write-post .timeline-body-arrow {
    position: absolute;
    top: 3px !important;
    left: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-color: transparent #f5f6fa transparent transparent;
}

.timeline-chart-write-post .timeline-body {
}


.timeline-chart-write-post .timeline-body-arrow {
    top: 8px !important;
    left: 30px;
}

.timeline-chart-write-post .timeline-body {
    padding: 0px 0px 0px 43px;
    margin: 5px 0px;
}

.timeline-chart-write-post textarea {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    padding: 10px;
}

.timeline-chart-write-post .textAreaContainer {
    word-wrap: break-word;
    text-align: center;
}

.timeline-chart-post .timeline-body {
    position: relative;
    padding: 2px 10px;
    background-color: var(--border-color, #f5f6fa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 5px 0 50px !important;
}

.timeline-chart-post .timeline-body-arrow {
    position: absolute;
    top: 12px;
    left: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-color: transparent var(--border-color, #f5f6fa) transparent transparent;
}

.timeline-chart-post .timeline-body-head {
    display: inline-block;
    width: 100%;
}

.timeline-chart-post .timeline-body-title {
    font-size: 13px;
    font-weight: 500;
}

.timeline-chart-post .timeline-body-content {
    padding-bottom: 4px;
}

.timeline-chart-write-post .timeline-body-content {
    margin-right: 5px;
}

#discussLinkCont {
    background: var(--card-background-color, white);
    padding: 10px 0px;
    text-align: center;
}

.floatRight {
    float: right;
}

.whiteBG {
    background: #fff !important;
}

.scenarioOff {
    width: 18px;
    height: 18px;
    background: url(/images/quotes/chart.controls.png) no-repeat -907px -3px #F5F4F4;
    display: inline-block;
}

#chartDiv {
    padding-right: 0 !important;
}

#chartExpendArrow {
    position: absolute;
    top: 45%;
    right: 0%;
}

#feedLoader {
    height: 100%;
    background: white;
    opacity: 0.5;
    z-index: 1;
    display: none
}

#chartsImgs img {
    width: 264px;
    height: 132px;
}

#main_box2 {
    width: 100%;
    border: 3px solid var(--border-color, #f1f1f1);
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    min-height: 794px;
    display: table;
}

.publishChartMargin {
    margin: 0px 10px 5px 5px
}

.connStatusOffStyle {
    margin: 0 0 -2px -4px;
    height: 12px;
    width: 12px;
    background-color: red;
}

.connStatusOnStyle {
    margin: 0 0 -2px -4px;
    height: 12px;
    width: 12px;
    background-color: #4dc13a;
}

.regTipStyle {
    z-index: 8;
    margin: -16px auto 0;
    display: table
}

.height-500 {
    height: 500px;
}

.tvc-trade-img {
    margin-bottom: 2px;
    max-width: 200px;
    max-height: 200px;
    border: 2px solid #5F5F5F;
    text-align: center
}

.calendar-table-thead {
    background: white;
}

.my-account-main-row:hover {
    background-color: #DDDDDD;
}

.watch-comment-attached a {
    margin: 0 2px;
}

.watch-comment-attached img {
    height: auto;
    max-width: 250px;
    margin-bottom: 5px;
}

.impact_none, .impact_low, .impact_medium, .impact_high {
    line-height: 14px;
    color: white;
    font-size: 10px;
    border-radius: 2px !important;
    text-transform: uppercase;
    padding: 0px 5px;
}

.impact_none {
    background-color: var(--grey-bg, #909090);
}

.impact_low {
    background-color: var(--green-dark, #90b73a);
}

.impact_medium {
    background-color: var(--yellow-middle, #ef9d27);
}

.impact_high {
    background-color: var(--red-dark, #ff5843);
}

.share-window-position {
    z-index: 2;
    min-width: 300px;
}

.share-window-style {
    margin: 5px 0;
}

#termsAndPolicyModal .modal-dialog {
    overflow-y: initial !important;
}

#termsAndPolicyModal .modal-body {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

#termsAndPolicyModal .accordion-toggle {
    display: contents;
    text-decoration: none;
    color: #434343 !important;
}

.flexBoxDisplayCenter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.margin-0 {
    margin: 0 !important;
}

.height-0 {
    height: 0 !important;
}

.tag-bg {
    float: left;
    margin: 0 5px 5px 0;
    background: #e8e8e8;
    padding: 0 5px;
    cursor: pointer;
    line-height: 23px;
}

#orderTagCont fieldset .tag-bg {
    max-width: 19%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#orderTagCont fieldset .tag-bg a {
    text-decoration: none !important;
    float: unset !important;
}

.tag-bg:hover {
    background: #c8c6c6;
}

.tag-block {
    margin: 8px 5px 0 0;
    width: 8px;
    height: 8px;
    float: left;
}

.correlationSelectCurrencies {
    width: 100% !important;
    display: inline-block !important;
}

.symbol-correlation-time-frame-button {
    margin-bottom: 1px !important;
    padding: 0 4px !important;
    font-size: 13px !important;
    line-height: 23px !important;
}

#symbolCorrelationTimeScales {
    float: right;
    right: 17px;
    position: inherit;
}

#promotionsTypeList li {
    padding-bottom: 10px
}

#conversationCont {
    border-bottom: 1px solid var(--border-color, #eee);
}

.brokers-thead {
    background: #F1F4F7;
}

#statementExportHtml .statementTableHeader {
    height: 25px;
    margin-bottom: 1px;
    line-height: 23px;
    text-indent: 10px;
}

#statementExportHtml .table th {
    text-align: center;
    font-weight: 500;
    font-size: 12px !important;
    color: #807a7a !important;
    padding: 5px 10px;
}

#statementExportHtml .table td {
    font-size: 12px;
    text-align: center;
}

#statementExportHtml .table a {
    color: #434343;
    cursor: pointer;
}


#popupAdContainer {
    top: 20%;
    width: 632px;
}

#popupAdContainer .ad-content {
    padding: 15px 15px 5px 15px;
}

.popupAdStyle {
    width: 600px;
    height: 425px;
    margin: 0 auto;
}

.popupAdMobile {
    width: 320px;
    height: 480px;
    margin: 70px auto 0;
}


#statementExportHtml .statementTableHeader {
    height: 25px;
    margin-bottom: 1px;
    line-height: 23px;
    text-indent: 10px;
}

.chat-emoji-popover-chrome[style] {
    min-width: 257px;
}

.chat-emoji-popover-not-chrome[style] {
    min-width: 273px;
}

#homePageLayout .picLocation {
    display: flex;
    flex-direction: row;
}

#homePageLayout .imgRes {
    position: absolute;
    max-width: 140%;
    margin-left: 3.5%;
}

#homePageLayout .headerTitle {
    font-size: 55px;
    line-height: 70px;
    margin-bottom: 10px
}

#homePageLayout .headerSubTitle {
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 10px;
    padding-right: 85px;
}

#homePageLayout .goLeft {
    text-align: right;
    left: -42%
}

#homePageLayout .textUpper {
    padding-top: 65px;
}

#homePageLayout .padding-left-0-right-0 {
    padding-left: 0;
    padding-right: 0;
}

#homePageLayout .btnPosition1 {
    display: block;
}

#btnFreeSignUp {
    min-width: 36%;
}

#homePageLayout .btnPosition2 {
    display: none;
}

#homePageLayout .text-color-white {
    color: white !important;
}

#homePageLayout .text-color-black {
    color: black !important;
}

#homePageLayout .width-percentage {
    min-width: 80%;
}

.flex-center-baseline {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
}

.flex-center-start {
    display: flex !important;
    justify-content: start !important;
    align-items: baseline !important;
}

.customHomePageContent {
    padding: 0px;
}


.border-error {
    border: 1px solid #b94a48 !important;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.widget-hover:hover {
    opacity: 0.2;
    cursor: pointer;

}

.featureImage {
    border: 4px solid #ECECEC;
    padding: 0;
    border-radius: 5px !important;
    height: 100%;
    max-width: 150px;
    margin-left: 14px;
    margin-bottom: 14px;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.widgets-height {
    max-height: 350px !important;
    height: 330px !important;
}

.white-space-pre {
    white-space: pre;
}

.info-and-chart-static-height {
    min-height: 366px;
    max-height: 366px;
}

.info-and-chart-static-height div[name="mainChart"] > div {
    height: 336px;
}

#chartDropMenuButton .dropdown-menu > li > ul {
    padding-right: 0;
    padding-left: 0;
    list-style: none;
}

.radio-margin {
    margin: 20px 15px;
}

.radio-margin-auto {
    margin: 5px auto;
}

#growthMoreButton .dropdown-menu > li > ul {
    padding-right: 0;
    padding-left: 0;
    list-style: none;
}

#summaryTable tbody tr td {
    padding: 8px 4px;
}

.login-card-margin-reset {
    margin: 0 -30px -30px;
}

.activeColor ul li .active a,
#infoTitle ul .active a {
    color: var(--txt-color, #434343);
}

.timeline-item {
    position: relative;
}

.timeline-item > .timeline-badge {
    position: absolute;
    top: 13px;
}

#conversationCont .timeline-item > .timeline-badge {
    top: 0;
}

#userMessages > [id^="postText"] .timeline-badge {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.timeline-body-time {
    font-size: 10px;
    position: absolute;
    right: 6px;
    top: 5px;
    transition: right 150ms ease-in;
}

.postContent:hover .removeComment[style=""] + .timeline-body-time.font-grey-cascade,
.commentContent:hover .removeComment[style=""] + .timeline-body-time.font-grey-cascade {
    right: 24px;
}

.removeComment {
    position: absolute;
    right: 8px;
    top: 3px;
}

/*
.postContent:hover .timeline-body-time.font-grey-cascade,
.commentContent:hover .timeline-body-time {
    right: 24px;
}
.postContent:hover .removeComment[style="display:none"] + .timeline-body-head-caption .timeline-body-time.font-grey-cascade,
.commentContent:hover .removeComment[style="display:none"] + .timeline-body-head-caption .timeline-body-time.font-grey-cascade {
    right: 0;
}*/
.username.timeline-body-title > a {
    font-size: inherit;
}

.timeline-body-content > span > div > span[id^="postData"] > br {
    display: none;
}

.show-more-comments {
    margin: 4px 0 9px 48px;
    font-size: 11px;
}

.center-private-area-block {
    margin-top: 188px;
}

table tbody tr td[name="tagWindow"] {
    padding: 2px;
}

.headerBackground {
    background: url("/images/stHeader1.png") repeat-x;
    background-size: contain;
}

.text-align-center-browsers {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}


/* https://stackoverflow.com/questions/4804581/css-expand-float-child-div-height-to-parents-height#4804706 */
.same-height-of-parent {
    position: relative;
}

.same-height-for-child {
    position: absolute;
    height: 100%;
}

.calendar-bubble-font-red {
    color: #ff4141;
}

.calendar-bubble-font-green {
    color: #17a038;
}

.calendar-bubble-actual-red {
    background: #e61919;
}

.calendar-bubble-actual-green {
    background: #029626;
}

.calendar-bubble-td-background {
    background: #2a2a2a;
}

.calendar-bubble-table {
    border-spacing: 5px !important;
    border-collapse: separate !important;;
}

.bubble-font-color {
    color: #e1e1e1;
}

.YesNoBtnsOfAddContact {
    display: flex;
    justify-content: flex-end;
}

.disabled {
    pointer-events: none;
    color: var(--icons-color, #434343) !important;
    background: none !important;
}

.nav-action {
    position: relative;
    right: 0;
    padding: 4px 5px 0 0;
    float: right;
}

#profilePortlet .portlet-small .nav-tabs > li > a {
    font-size: 12px !important;
    padding: 8px;
}

#settingsCont > div.tab-pane {
    min-height: 264px;
}

#accountsListDiv, #editAccountForm > fieldset > div, #addNewAccount, #portfolioManageDiv > .row {
    display: flex;
    flex-direction: column;
}

#accounts .settings-footer, #editButtons {
    margin-top: auto;
    text-align: right;
}

.settings-footer-accounts-list {
    position: absolute;
    bottom: 13px;
    right: 5px;
}

/* max-width is 991 and not 992 because the view would break at exactly width = 992 */
@media screen and (max-width: 991px) {
    .settings-footer-accounts-list {
        position: absolute;
        bottom: 0;
        right: 5px;
    }
}

.accounts-not-in-portfolio {
    padding-bottom: 30px;
}

/* max-width is 991 and not 992 because the distance would be too big at exactly width = 992 */
@media screen and (max-width: 991px) {
    .accounts-not-in-portfolio {
        padding-bottom: 40px;
    }
}

.scroll-primary {
    overflow-y: auto;
}

.scroll-primary::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

.scroll-primary::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c7c7c7;
}

button.curDate {
    min-width: 120px;
    cursor: default !important;
    opacity: 1 !important;;
}

#notificationIcon img {
    height: 40px;
    width: 40px;
    position: absolute;
    border-radius: 0 !important;
}

.row.flexed > div[class^="col-"] > .portlet {
    height: calc(100% - 15px);
}

#profilePortlet tr, #infoStats tr, #infoGeneral tr {
    background: transparent !important;
}

.spinner-size-and-color {
    font-size: 13px;
    color: #fff;
}

#editTagsDiv {
    overflow-y: auto;
    max-height: 70vh;
}

#register-btn {
    margin: 0;
    padding: 1.7rem 0.625rem;
    border-radius: 0 !important;
}

.login-card-margin-reset {
    margin: 0 -30px -30px;
}

.inline-caption-ul {
    display: inline-flex !important;
}

.inline-caption-ul ul {
    margin-left: 10px !important;
}

.inline-caption-ul ul li .active a,
#infoTitle ul .active a {
    color: #434343;
}

.inline-caption-ul ul li a,
#infoTitle ul li a {
    color: #A9A9A9;
}

.center-private-area-block {
    margin-top: 188px;
}

table tbody tr td[name="tagWindow"] {
    padding: 2px;
}

#userPublishedCharts div .mt-list-container:hover {
    background-color: var(--hover-bg, #eef1f5);
}

#composeEmojiContent tbody tr td,
#chatEmojiContent tbody tr td,
#topicEmojiContent tbody tr td,
#addNewTopicEmojiContent tbody tr td,
.edit-post-emoji tbody tr td {
    font-size: 20px !important;
    padding: 6px 8px;
}

#compareSystemTable tr th select {
    min-width: 136px !important;
}

#systemCompareSystems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.align-flag {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.header-avatar-container {
    display: grid;
    grid-template-columns: 45px 1fr;
    grid-gap: 1rem;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #424242;
}

.notification-grid .time {
    font-size: 11px;
    padding: 0 0 2px 10px;
}

.notification-title {
    margin-top: 0;
}

#headerInboxDropdown .notification-grid { /*header inbox notifications*/
    color: #fff;
    border-bottom: 1px solid #434343;
}

#headerNotificationsDropdown .notification-grid { /*header notifications*/
    color: #fff;
    border-bottom: 1px solid #434343;
}

#activityCont .notification-grid { /*notifications page*/
    color: var(--txt-color, #000) !important;
}

.feeds .notification-grid .notification-title a {
    color: #434343;
}

.notification-grid {
    padding: 1rem;
    font-weight: 300;
    min-height: 70px;
    line-height: 18px;
}

.notification-grid .content .no-text-decoration {
    word-break: break-word;
    text-overflow: ellipsis
}

.profile-userpic img {
    width: 100%;
    height: unset;
    margin: unset;
    float: unset;
}

.profile-userpic .timeline-badge {
    max-width: 150px;
    margin: 0 auto;
}

.profile-userpic .profileSquare {
    width: 18px;
    height: 18px;
}


#conversationCont .timeline-item {
    margin: 1rem 0 1rem 1rem;
    min-height: 85px;
}

.dropdownIcons .dropdown-menu a {
    color: #fff;
}

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

.post-attachments img {
    max-width: 200px;
}

.display-inline-grid .profileSquare {
    bottom: -16.5px !important;
    left: -15.5px !important;
    position: relative !important;
}

.item-name a {
    font-size: 13px !important;
    color: #FF7200 !important;
}

#displayAccountWatchComment {
    padding: 1rem;
}

.risk-table-container table tr:first-child td {
    border-top: 0 !important;
}

#feedSubscribe .fas:before,
#feedUnsubscribe .fas:before {
    content: '\f0f3';
    padding-right: 3px;
}

#feedSubscribe .fas:before {
    color: #aeb2b5;
}

#feedSubscribe:hover .fas:before {
    color: #404040;
}

#feedUnsubscribe .fas:before {
    color: #f2b50c;
}

#hourlyListData {
    overflow-x: auto;
}

#hourlyChart {
    min-width: 400px;
}

.toast-close-button {
    z-index: 9999999;
}

.tabsValidationCustomAnalysis {
    display: flex;
    flex-direction: column;
}

#brokerTableBody .mt-radio {
    margin-bottom: 15px;
}

.dropdown-menu .bubbleDisapprovedContact {
    background: #1d1d1d !important;
    border-color: #1d1d1d !important;
}

.dropdown-menu .bubbleDisapprovedContact:hover {
    background: black !important;
    border-color: black !important;
}

.chart-activity-default-text {
    font-weight: bold !important;
    color: #9f9f9f !important;
    font-style: inherit !important;

}

.chart-activity-default-text {
    font-weight: bold !important;
    color: #9f9f9f !important;
    font-style: inherit !important;

}

#chartContainer {
    position: relative;
}

#chartContainer .anychart-loader-rotating-plane, #loaderContainer .anychart-loader-rotating-plane {
    -webkit-border-radius: 50% !important;
    border-radius: 50%;
    border-width: 8px;
    border-color: #e1e1e1;
    border-left-color: #929292;
    border-right-color: #929292;

    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.anychart-loader-chart-row {
    display: none
}

#goalsListData .progress-bar-green {
    background-color: #66C620 !important;
}

#goalsListData .progress-bar-yellow {
    background-color: #FFCF42 !important;
}

#goalsListData tbody tr td {
    border-bottom: 0 !important;
}

#goalsListData .progress {
    height: 7px;
}


#footer-toolbar {
    display: grid;
    grid-template-columns: 7fr 9fr 3fr auto;
    /*grid-gap: 14px;*/
}

.statementsTip a:hover {
    text-decoration: none;
    cursor: default;
}

.general-item-list > .item > .item-head > .item-details > .item-name {
    display: initial;
    margin-right: unset;
}

.general-item-list > .item > .item-head > .item-details {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 1rem;
}

.avatar-img-flex {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

.breadcrumbs-arrow:not(:last-child)::after {
    content: ">";
}

.topic-title {
    display: block;
    word-break: break-word;
    white-space: normal !important;
}


.border-broker-logo {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}


.flex-ad {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.portlet + .flex-ad, .custom-box + .flex-ad {
    padding: 0 5px 15px 5px;
}

#footerToolbarMobile {
    display: none;
}

#footerAdContainer {
    display: none;
    height: 60px;
    width: 100%;
    background-color: white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

#footerAdCloseBtn {
    display: none;
    position: absolute;
    right: 0;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: -20px;
    background-color: white;
    border-radius: 5px 0 0 !important;
    z-index: 100000;
    box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 1px 0;
}

.smallDropButton {
    padding: 9px 12px !important;
    font-size: 12px;
}

a[type='brokerMngLogo'] img {
    max-width: unset !important;
}

.page-custom-analysis .small-screen-button {
    margin-top: 0 !important;
}

.page-quick-sidebar-chat-user-form .btn.default {
    line-height: 1.58 !important;
    color: #CDCDCD !important;
    background-color: #373842 !important;
    padding: 3px 8px !important;
    font-size: 18px !important;
    border: none !important;
}

.innerFeatureDiv {
    vertical-align: middle;
    height: 100px;
    display: table-cell;
}

.alt-display {
    text-overflow: ellipsis;
    overflow: hidden;
}

/*Copyright (c) 2019 MDBootstrap.com*/

.spinner-border {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    vertical-align: middle !important;
    border: 2px solid currentColor !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;
    -webkit-animation: spinner-border .75s linear infinite !important;
    animation: spinner-border .75s linear infinite !important;
    color: var(--main-background-color, white);
}

.spinner-border.dark {
    color: var(--icons-color, black);
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#paymentFieldset .select2-container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 250px;
}

/*End Copyright*/

.new-notification-highlight {
    color: #bdbdbd !important;
}

.portlet-title h1 {
    font-size: 24px;
}

.post-text blockquote {
    background: var(--2btn-default, #f7f7f7);
    color: var(--caption-color, #535353);
}


.confirmation .popover-content a {
    color: var(--headings-color, #1d1d1d) !important;
}

.text-break {
    overflow-wrap: break-word;
}

.scroll-primary-toolbar {
    overflow: auto;
}

.scroll-primary-toolbar::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;

}

.scroll-primary-toolbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #8f8f8f;
}

.sub-menu-arrow {
    color: #dcdcdc !important;
    font-size: 13px !important;
}

#activityCont a {
    color: black !important;
}

.mobile-toggler {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 55px;
}

.padding-unset {
    padding: unset;
}

.white-space-normal {
    white-space: normal !important;
}

.recent-strategies-name {
    display: inline-block;
    width: 28ch;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.table > tbody > tr > td.pad {
    padding: 6px;
}

.padding-0 {
    padding: 0px;
}

.untouchable:not(.keep-font) {
    font-size: 11px;
}

.custom-login-logo {
    margin-top: 1% !important;
}

.margin-auto-important {
    margin: auto !important;
}

#tradingActivityDropDown .mt-checkbox {
    margin-bottom: 10px !important;
}

.sponsor-line-text {
    font-style: italic;
    font-weight: 500;
    color: #49494f;
    position: relative;
}

/*this will overide the z-index of bootstrap-maxlength.min.js without editing the minified file*/
.bootstrap-maxlength {
    z-index: 9999999 !important;
}


#premiumOffersConfirmation .promo-message {
    border-radius: unset !important;
}

.limit-string-with-dots {
    width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.limit-string-with-dots-to-col {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-sort-row > th:first-child:before {
    content: none !important;
}

.no-sort-row > td:first-child:before {
    content: none !important;
}

a.app-store-logo {
    display: block;
    width: 140px;
    height: 40px;
    background: url(/images/badges/apple-app-store-badge.svg);
    background-size: 140px 40px;
}

a.google-play-logo {
    display: block;
    width: 140px;
    height: 40px;
    background: url(/images/badges/google-play-badge.svg);
    background-size: 140px 40px;
}

img.google-play-logo {
    display: block;
    width: 120px;
    min-width: 120px;
    height: 40px;
    min-height: 40px;
    background-size: 112px 36px;
}

img.app-store-logo {
    display: block;
    width: 120px;
    min-width: 120px;
    height: 40px;
    min-height: 40px;
    background-size: 112px 36px;
}

img.chrome-extension-logo {
    display: block;
    width: 120px;
    min-width: 120px;
    height: 40px;
    min-height: 40px;
    background-size: 112px 36px;
}

img.app-gallery-logo {
    display: block;
    width: 120px;
    min-width: 120px;
    height: 40px;
    min-height: 40px;
    background-size: 112px 36px;
}

#regenerateValidationKey {
    height: 16px;
    align-self: center;
    display: flex;
    margin-bottom: 3px;
    cursor: pointer;
}

#includeSpecialChars {
    min-height: 18px;
    min-width: 18px;
    margin-top: 1px;
}

/*#reviewTableCont th .select2-selection--single{*/
/*    height: 25px !important;*/
/*}*/

/*#reviewTableCont th .select2-selection__rendered{*/
/*    height: 15px !important;*/
/*}*/

/*#reviewTableCont th #select2-reviewSearch-container{*/
/*    font-size: 12px;*/
/*}*/

.prev-toasts {
    /*When there is toast in one side of screen and new toast need to be in second side,
     the div that contain all existing toasts change to be prev-toast instead toast-container*/
    position: fixed !important;
    z-index: 999999 !important;
}

.prev-toasts > div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
}

.prev-toasts * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.translateY-0 {
    transform: translateY(0) !important;
}

#communityPage > .row > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

#communityPage > div.row > div + div {
    border-top: 1px solid #f2f1f1;
}

#communityPage > div.row > div:hover, #communityPage > div.row > div:focus {
    background-color: #f3f4f6;
}


.strategy-settings-footer-top-border {
    border-top: 1px solid var(--border-color, #e7ecf1);
}

#editAccountForm .panel-default {
    margin-bottom: 5px !important;
}

#avatarUploadBtn {
    border-color: #ccc !important;
}

.text-center-myAccounts {
    text-align: center !important;
    text-align: -webkit-center !important;
    text-align: -moz-center !important;
}

#adPopUpBannerDIV {
    padding: 15px;
}

#fullscreen-ad {
    display: none;
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(38, 38, 38);
    color: white !important;
    z-index: 9999999;
}


.timeline-badge + .rate-bar { /*vouch bar under avatar*/
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.communityOutlookWidgetWidth {
    width: 321px;
}

#chartScroll li {
    list-style-type: none;
}

#timingList th {
    padding-bottom: 5px;
}

.panel-default {
    border: 0;
    margin: 0 5px;
}

.search-profiles-button {
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
}

.notificationListModal {
    display: flex;
    flex-wrap: nowrap;
}

.notificationListModal .notification-buttons {
    margin: 2px;
    white-space: nowrap;
}

.notificationListModal .notification-field {
    margin: 2px;
}

.notificationListModal .notification-field.short-field {
    flex-basis: 15%;
    flex-grow: 0;
}

.outlook-symbol-popover .table thead tr th, .outlook-symbol-popover .table tbody tr td, .outlook-symbol-popover {
    font-size: 12px !important;
    border: 1px solid #676767 !important;
}

.outlook-symbol-popover .popover-content div:last-child {
    font-size: 12px;
}

.forum-left-column {
    text-align: center;
}

/*only in firefox*/
@-moz-document url-prefix() {
    .rss-links {
        margin-left: 12px;
    }
    .scroll-primary {
        scrollbar-color: auto;
        scrollbar-width: thin;
        overflow-y: auto;
    }

    .table-responsive.post-text {
        width: 100%;
    }
}

/*end fire fox*/

/*only in Edge*/
@supports (-ms-ime-align:auto) {
    .rss-links {
        margin-left: 12px;
    }
}

/*end edge*/

.terms-ul li {
    margin-bottom: 5px;
}

.listing-tab-form p, .listing-tab-form .row {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.custom-pips-style {
    font-size: 13px !important;
    color: #333 !important;
    font-weight: 400;
}

#compareSystemTable, #strategiesTable, #topicsCont .table-responsive > table {
    border-top: 1px solid var(--border-color, #f0f0f0) !important;
}

#myStrategies .portlet-title .select2-container--bootstrap .select2-selection {
    font-size: 11px;
}

#myStrategies .portlet-title .select2-container--bootstrap .select2-selection--single {
    height: 21px;
    line-height: 0.9;
    padding: 6px 25px 0 12px;
}

.popOver-265-Width {
    width: 265px !important;
}

#editNotification hr {
    height: 2px;
    background-color: #e7ecf1;
    margin-right: -15px;
    margin-left: -15px;
}

.settingsForm {
    padding: 7px;
}

.top-correlation-table-bottom-border {
    border-bottom: 2px solid var(--border-color, #e7ecf1);
}

.floatingHeaderBorder {
    border-bottom: 1px solid var(--border-color, #dcdcdc)
}

.customInputErrorWarpper {
    border: 1px solid #e73d4a !important;
    border-radius: 1px !important;
    font-size: 11px !important;
}


.panel-title-hover:hover {
    background-color: var(--grey-bg, rgb(226, 227, 229));
}

.top-correlation-title-bottom-border {
    border-bottom: 1px solid var(--border-color, #e7ecf1) !important;
}

#clearSearchProfileInput:hover {
    cursor: pointer;
}

.responsive-table-hidden {
    display: none;
}

.responsive-table-div {
    border-bottom: 1px solid var(--border-color, #efefef);
    padding: 5px;
    line-height: 22px;
}

.responsive-table-div:last-child {
    border-bottom: none;
}

.responsive-table-plus-icon:not(.injected-ad) td:first-child, .responsive-table-plus-icon:not(.injected-ad) td.show-plus-icon {
    position: relative;
    padding-left: 30px !important;
}

.responsive-table-plus-icon:not(.injected-ad) td:first-child:before, .responsive-table-plus-icon:not(.injected-ad) td.show-plus-icon:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto 0 auto 5px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 14px;
    content: '\f055';
    -webkit-font-smoothing: antialiased;
    color: rgb(51, 51, 51) !important;
}

.responsive-table-plus-icon.is-open td:first-child:before, .responsive-table-plus-icon.is-open td.show-plus-icon:before {
    content: '\f056';
}

.brokerSectionTitle {
    border: 1px solid var(--border-color, #efeeee);
}

.brokerSectionTitleMain {
    margin-left: -7px;
    margin-right: -7px;
}

/*Content align vertical*/
.rowContentCenter {
    display: flex !important;
    align-items: center !important;
}

.divContentCenter {
    height: fit-content;
}

/*end Content align vertical*/


.collapsing {
    transition: none !important;
}

#compareSystemTable > thead > tr > th, #compareSystemTable > tbody > tr > td {
    padding: 5px !important;
}

#groupTable tr:last-child {
    border-bottom: 1px solid var(--border-color, #e7ecf1);
}

/*last 3 elements*/
#myStrategiesTable tr:nth-last-child(-n+3) {
    border-bottom: 3px solid var(--border-color, #e7ecf1);
}

.mail-actions .confirmation {
    width: 305px;
}

/*set in mt4 publisher margin bottom10 */
.bottomMargin_10 {
    margin-bottom: 10px !important;
}


.dashboard-celender-min-height {
    min-height: 102px;
}

.btn.disabled.yellow-casablanca {
    background-color: #f2784b !important;
}

.commentForm {
    padding: 7px;
}

#profilePortlet table > tbody > tr > td {
    padding: 5px 0;
}

#profilePortlet div div table {
    width: 100%;
}

.strategies-select {
    height: 21px !important;
    padding: 1px 24px 6px 6px !important;
}


.fontFamilyHelvetica {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.paddingLeftRight-1 {
    padding: 0 1px 0 1px !important
}

.center-mt-radio {
    left: 50% !important;
    transform: translate(-50%, -75%);
}

/*in some topics in reviews and community there are more option to admin, that why we need to check the cases and
distinguish between different cases*/
.mobileSubscribeMenu[data-adminOptions="false"], /*no admin and desktop*/
div[data-adminOptions="true"][data-topicPaging="true"] > .desktopSubscribeMenu /*when user is admin with more option and paging hide the subscribe btn only*/,
div[data-adminOptions="true"][data-topicPaging="false"] /*when user is admin with more option and no paging hide the paging row*/
{
    display: none;
}

#newsFeeds li .col-sm-10 {
    padding-left: 2px;
}

.brokerCheckbox {
    top: 2px !important;

}

.brokerSpread {
    height: 22px !important;
    padding: 0px 12px !important;
}

.group-select-padding {
    padding: 2rem;
}

.sortable {
    cursor: pointer;
}

.sorting-asc:after {
    color: var(--icons-color, black);
    content: "\25B4";
    font-size: 14px;
}

.sorting-desc:after {
    color: var(--icons-color, black);
    content: "\25BE";
    font-size: 14px;
}

.sorting-desc, .sorting-asc {
    white-space: nowrap;
}

/*border for mt4 TroubleShooter-publisher and trubleShooter-ea in help sections*/
.borderTroubleShooter {
    border: solid 1px var(--border-color, #f2f1f1) !important
}


#setDefaultTwitterAlert {
    color: #fff !important;
}

#userMessages {
    /*there is an issue with chrome where the word break wouldn't work if the word is extremely long (like 65k characters of MMMM), just a workaround
     there shouldn't be a horizontal scroll anyway*/
    overflow-x: hidden;
}

#usersCont .avatarFrame {
    border: 1px solid var(--border-color, #e7e7e7) !important;
}

table.sticky-thead-table:not(.table-bordered) {
    border-collapse: separate;
}

table.sticky-thead-table > thead th {
    position: sticky;
    top: 0;
    background-color: var(--card-background-color, white);
    z-index: 100;
    transition: all .1s ease-in;
}

table.sticky-thead-table > thead tr:last-child > th {
    border-bottom: 2px solid var(--border-color, #f2f1f1) !important;
}

table.sticky-thead-table > thead tr + tr > th {
    top: 2em;
}

.fixed-filter > div {
    margin: 0 1px;
}

.fixed-filter > #calendarDatesFilter {
    padding: 0;
}

.fixed-filter .calendar-dropdown {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.fixed-filter {
    position: sticky;
    top: 52px;
    z-index: 104;
    transition: top .1s ease-in;
    will-change: top;
    transform: translate3d(0, 0, 0);
}

#wallpaper-ad {
    width: 1935px;
    height: 866px;
    position: fixed;
    margin-left: -798.5px;
    top: 0;
    transform: translateY(124px);
    left: 50%;
}

.page-header .page-header-menu {
    transform: translateY(-70px);
}

.page-header .page-header-menu.open-from-top {
    transform: translateY(0);
}

@media (any-hover: none), (max-width: 991px) {
    /*This is touch device*/
    /*.desktopSubscribeMenu,*/
    /*div[data-adminoptions="false"][data-topicPaging="false"] {*/
    /*    display: none;*/
    /*}*/
    .page-container {
        margin-top: 0;
    }

    .desktopSubscribeMenu ~ .col-md-6 {
        padding-right: 0;
    }

    /*.mobileSubscribeMenu {*/
    /*    display: block !important;*/
    /*}*/
    .mobileSubscribeMenu .dropdown-menu {
        margin-top: 30px;
    }

    /*mobile menu*/
    .hide-on-touch-screen {
        display: none;
    }

    .show-on-touch-screen {
        display: block;
    }

    .page-header .page-header-top .menu-toggler {
        display: block
    }

    .page-header .page-header-menu > nav:first-child > .container {
        width: 100%;
        max-width: none !important;
        margin: 0 !important;
    }

    .page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form.open {
        width: 100% !important;
    }

    .page-header .page-header-menu .search-form {
        position: unset;
    }

    .page-header .page-header-menu .search-form {
        float: none !important;
        width: auto;
        margin: 0;
    }

    .page-header .page-header-menu .hor-menu, .page-header .page-header-menu .hor-menu .navbar-nav {
        float: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

    .page-header .page-header-menu .hor-menu {
        padding-top: 20px;
    }

    .page-header .page-header-menu .hor-menu .nav {
        border: 0 !important;
        margin: 0 !important
    }

    .page-header .page-header-menu > nav:first-child {
        background: #19191F;
        min-height: calc(100vh - 104px);
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
        box-shadow: none
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
        border-right: none !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
        color: #72808a
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        border-bottom: 2px solid #292932;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
        border-bottom: 0
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        background: 0 0 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
        color: #666 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
        background: 0 0 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
        background: 0 0 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
        color: #32c5d2 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
        color: #fff !important;
        background: #32c5d2 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i {
        color: #fff !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
        border: 0 !important;
        border-top: 1px solid #eee;
        box-shadow: none !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
        border-bottom: 1px solid #F0F0F0
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
        margin-top: 1px
    }


    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover {
        color: #fff !important;
        background: #32c5d2 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after, .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
        color: #fff !important
    }


    .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a, .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
        border: 0 !important;
        margin: 0 !important;
        color: #fff !important;
        background: #47cbd7 !important
    }

    .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i, .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i {
        color: #fff !important
    }

    .page-header .search-form .input-group .input-group-btn .btn.submit i {
        color: #fff !important
    }

    .touchable:not(.keep-font) {
        color: white !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > span .fa-angle-down :before {
        content: "\f107";
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > span .float-right {
        grid-column: 9/10;
        padding-left: 0 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > span .main-menu-arrow:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > span .main-menu-arrow:focus {
        text-decoration: none !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li ul li .touchable span.float-right {
        grid-column: 9/10;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > span .fa-angle-down, span .fa-angle-up {
        font-size: 16px !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > span {
        color: #fff;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > .touchable,
    .page-header .page-header-menu .hor-menu .navbar-nav > li ul li .touchable {
        display: grid;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > .touchable {
        grid-column-gap: 0;
        height: 40px !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > .touchable > a,
    #autoTradeTab {
        font-size: 13px;
        font-weight: 400 !important;
        padding-left: 10px;
        margin-top: auto;
        margin-bottom: auto;
        background: none;
        line-height: 20px;
        display: block;
        position: relative;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > .touchable > .mobile-menu-title {
        grid-column: 1/9;
        min-width: 120px;
        height: 40px;
        display: flex;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li ul li .touchable > a[href] {
        grid-column: 1/9;
        min-width: 200px;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > .touchable > .mobile-menu-title,
    .page-header .page-header-menu .hor-menu .navbar-nav > li ul li .touchable > a[href] {
        color: #fff !important;
    }


    .page-header {
        padding: 0;
        clear: both;
        height: auto
    }

    .page-header .page-header-top {
        height: auto
    }

    .page-header .page-header-top .page-logo {
        width: auto;
        padding: 0;
        margin-right: 10px;
        margin-left: 4px;
        margin-top: 10px;
    }

    .page-header .page-header-top .top-menu .navbar-nav {
        display: inline-block;
        margin: 0 10px 0 0
    }

    .page-header .page-header-top .top-menu .navbar-nav > li {
        float: left
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li > a > .arrow:after {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        right: 15px;
        top: 11px;
        height: auto;
        content: "\f104";
        font-weight: 300
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.opened > a > .arrow:after {
        content: "\f107";
        right: 12px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-submenu > a:after {
        display: none !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        float: none
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 10px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down {
        float: right
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down:before {
        content: "\f104"
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child > a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a .fa-angle-down:before {
        content: "\f107"
    }

    .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-menu {
        position: static;
        float: none !important;
        width: auto;
        background: #fff;
        display: none
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown li.opened > .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.opened > .dropdown-menu {
        display: block
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown.opened > .dropdown-menu {
        display: block;
        width: 100%;
        min-width: inherit !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
        padding-top: 0
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
        margin-left: 26px; /*todo vlad1$*/
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
        padding-left: 60px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > div > li > a {
        padding-left: 20px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > div > li > .dropdown-menu > li > a {
        padding-left: 40px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
        max-width: none;
        width: auto
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.divider {
        background: 0 0;
        margin: 5px 12px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu > a:after {
        content: "\f104";
        font-size: 14px;
        margin-right: 7px
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
        content: "\f107";
        margin-right: 5px
    }


    .page-header .page-header-menu .search-form .input-group .form-control {
        height: 38px
    }

    .page-header .page-header-menu .search-form .input-group .form-control:hover {
        cursor: text
    }

    .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
        height: 38px;
        width: 44px;
        top: 0;
        right: 0
    }

    .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit i {
        position: relative;
        top: 10px;
        right: 0;
    }

    .page-content > .container, .page-head > .container {
        width: 100%;
        max-width: none !important;
        margin: 0 !important
    }

    #menuTogglerWarpper {
        margin-top: 5%;
    }

    .page-head {
        background: #EFF3F8
    }

    .page-content {
        padding-top: 0
    }

    .page-header .page-header-menu.fixed {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9995
    }

    .page-header .page-header-menu .hor-menu {
        padding-top: 0;
        width: 100%;
    }

    .search-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .search-mobile .input-group {
        flex-grow: 1;
    }

    .flex-direction-column-mobile {
        flex-direction: column !important;
    }

    .flex-order-first-mobile {
        order: -1;
    }

    .touch-hidden {
        display: none !important;
    }

    .sortable-list.accountSectionScrollerHeight li a {
        margin-left: 10px;
    }

    .sortable-list:not(.accountSectionScrollerHeight) li a {
        margin-left: 20px;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav #chartsMenu #chartScroll ul li a {
        margin-left: 26px;
    }

    .hor-menu .menu-dropdown a:hover {
        text-decoration: none !important;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
        margin-top: 0;
    }

    .page-header-menu {
        position: absolute;
        transform: translate(-100%, 0) !important;
        width: 100%;
        z-index: 1000;
        height: auto;
    }

    .page-header-menu.open {
        transform: translate(0, 0) !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 6px 8px;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a, .submenu-item {
        margin-left: 26px;
        padding-left: 4px;
        line-height: 1.42857 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li ul > li > a {
        margin-left: 26px;
        padding-left: 19px;
    }

    .untouchable {
        display: none !important;
    }

    .page-header-menu {
        left: -15px !important;
        right: -15px !important;
    }

    .page-header-menu.open, .page-header-menu.open > nav {
        position: absolute;
        white-space: nowrap;
        display: block;
        left: 0 !important;
        right: 0 !important;
    }

    .page-header-menu.open .row.margin-header-footer {
        margin: 0 !important;
    }

    .popular-mobile.hidden-md.hidden-lg {
        display: flex !important;
    }

    .page-header-menu > nav.mobile-hidden.hidden-1024 {
        display: none;
    }

    /*End mobile menu*/
}

@media (any-hover: hover) AND (min-width: 992px) {
    /*Is not a touch device*/
    .touch-menu {
        display: none !important;
    }

    .page-header .page-header-menu.fixed {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9995
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown:hover > .dropdown-menu {
        display: block
    }

    .page-header .page-header-menu .container-fluid .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
        left: 60px;
        right: 60px
    }

    .touchable {
        display: none !important;
    }
}

.activationContextIcon {
    padding: 15px 2px;
}

tr:not(.responsive-table-plus-icon).watchedAccountRow span.limit-string-with-dots {
    width: 50px;
}

tr.responsive-table-plus-icon.watchedAccountRow span.limit-string-with-dots, #watchTable .responsive-table-row span.limit-string-with-dots {
    width: auto;
}

#watchTable .responsive-table-row div.remove-watched {
    padding: unset;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
    margin-top: 4px !important;
}


.main-menu-arrow .fa-angle-down, .main-menu-arrow .fa-angle-up {
    padding-left: 0 !important;
}

#toast-container > :hover {
    cursor: unset !important;
}

.social-network-register {
    padding: 0 30px 15px 30px;
    margin: 0px;
    text-align: center;
}

#registerWithEmailButton, .btn-facebook, .btn-google {
    padding: 9px 12px;
    height: 42px;
}

#registerWithEmailButton i {
    font-size: 23px;
    vertical-align: middle;
}

.btn-facebook {
    color: #fff !important;
    background: #4267b2;
    border-radius: 0;
}

.btn-facebook i {
    font-size: 25px;
    vertical-align: middle;
}

.btn-facebook:active, .btn-facebook:hover {
    background: #30477a !important;
    color: #fff !important;
}

.btn-google {
    color: #000;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.btn-google > div, .btn-facebook > div, #registerWithEmailButton > div {
    width: 200px;
    margin: auto;
    text-align: left;
}

.feed-hover:hover {
    background-color: var(--2btn-selected, #eee);
    cursor: pointer;
}

.feed-hover:hover .timeline-body-arrow {
    border-color: transparent var(--2btn-selected, #eee) transparent transparent;
    cursor: pointer;
}

div.symbol-analysis-bottom > p:last-child {
    margin: 0;
}

.icon-title-link {
    vertical-align: middle;
    font-size: 15px;
}

.icon-title-link:before {
    color: darkgrey;
}

.icon-title-link.black-icon:before {
    color: #031121;
}

.portlet-title .caption > h1 > a:hover, .portlet-title .caption > h1 > div > a:hover, tr.chart-row a.calendar-event-link:hover {
    text-decoration: none;
}

.portlet-title .caption > h1 > a:hover > span, .portlet-title .caption > h1 > div > a:hover > span, tr.chart-row a.calendar-event-link:hover > span {
    text-decoration: underline;
}


#allStrategiesTable div.progress {
    min-width: 100px;
}

.chartFooter {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13px;
}

.chartFooter > div {
    margin-left: 5px;
}

.chartFooterButtons {
    display: flex;
    margin-left: auto;
}

.chartFooterButtons > div {
    margin-right: 5px;
}

.desktopSubscribeMenu .subscribeToTopicSwitchPopover {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0px;
}

.mobileSubscribeMenu ul > li > a {
    display: flex;
    padding-left: 12px;
}

#conversationCont .timeline-body-head-caption {
    display: grid;
    grid-gap: 1rem;
    width: 100%;
}

div.portlet-title.title-with-select > div.actions > div.form-group label {
    font-size: 12px !important;
    margin: 4px;
}

div.portlet-title.title-with-select > div.actions > label.mt-checkbox {
    margin: 4px 4px 4px 0;
}

div.portlet-title.title-with-select > div.actions > label.mt-checkbox > label {
    font-size: 12px !important;
    margin: 0;
}

div.portlet-title.title-with-select > div.actions > div:not(.btn-group) {
    margin: 0px;
    padding: 0px;
}

div.portlet-title.title-with-select > div.actions > div.btn-group > a.btn {
    margin-top: 0 !important;

}

div.portlet-title.title-with-select > div.actions > label.mt-checkbox > span {
    margin-top: 1px;
}

div.portlet-title.title-with-select > div.actions > div.form-group-sm > .select2-container--bootstrap .select2-selection--single {
    height: 24px !important;
    line-height: 0.9 !important;
    padding: 5px 25px 0 5px !important;
}

div.portlet-title.title-with-select > div.actions > div.form-group-sm > label + select + .select2-container--bootstrap .select2-selection--single {
    margin-top: -2px;
}

#symbolMarket div.progress {
    height: 8px;
}

#sessionLiquidityTable tr:first-child td {
    border-top: 0;
}

#myStrategiesTable .concatText {
    width: 100px;
}

.footer-popover-language {
    position: absolute;
    top: 4px;
    padding-left: 22px;
}

.cc-window {
    z-index: 999999;
    border-radius: 4px !important;
    margin: 10px;
    opacity: 0.95;
}

.cc-message {
    color: #dcdcdc;
}

.cc-btn {
    color: white !important;
}

#userPageSystemsTable > thead th {
    border-bottom: unset !important;
}

.news-time {
    font-size: 11px;
    color: #656565;
    margin-left: auto;
    text-align: right;
    flex-basis: 25%;
}

.dashboard-news-row {
    display: flex;
    padding: 4px 8px 10px;
}

#sessionLiquidityTable tr:first-child td {
    border-top: 0;
}

#sessionLiquidityTable div.square,
#marketTimes div.square {
    margin: 4px 5px 5px 0;
    width: 10px;
    height: 10px;
}

div.square.success {
    background-color: #36c6d3;
}

div.square.danger {
    background-color: #ed6b75;
}

div.square.info {
    background-color: #659be0;
}

div.square.warning {
    background-color: #f1c40f;
}

.anychart-tooltip {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px !important;
    font-size: 12px;
}

.custom-anychart-tooltip .anychart-tooltip .anychart-tooltip-title {
    font-size: 12px;
}

#contactUsContent label, #contactUsContent input, #contactUsContent textarea {
    font-size: 13px;
}

#watchTable.table-striped {
    border-bottom: 1px solid var(--card-background-color, #e7ecf1);
}

.compare-div {
    padding: 18px 0 5px 0;
}

#systemsContAutoTrade .promote:hover {
    background: #f8f3a5 !important;
}

.widget-preview-grid {
    display: grid;
    grid-gap: 1rem;
    padding: 10px;
    grid-template-columns: 1fr 170px;
    grid-template-rows: 1fr auto;
}

.widget-preview-grid + .widget-preview-grid {
    border-top: 1px solid var(--border-color, #f2f1f1);
}

.widget-image {
    width: 170px;
    height: 120px;
    border: var(--border-color, darkgrey) 1px solid;
}

#outlookIndicatorDetailsCont > div.row:first-child {
    min-height: 264px;
}

.metaTradeWizard h1 {
    font-size: 24px;
}

.portlet-title > .actions > #restartButton {
    text-decoration: none;
    font-size: 12px;
    padding-top: 2px;
    margin-top: 3px;
}

.portlet-title > .actions > #csvStatement, .portlet-title > .actions > #historicalDataCSV {
    text-decoration: none;
    font-size: 12px;
    padding: 3px 6px 0 6px;
    margin-top: 2px;
}

table.table-vertical-middle > tbody > tr > td, table.table-vertical-middle > thead > tr > td,
table.table-vertical-middle > thead > tr > th, table.table-vertical-middle > tr > td {
    vertical-align: middle;
}

table.table-vertical-top > tbody > tr > td, table.table-vertical-top > thead > tr > td,
table.table-vertical-top > thead > tr > th, table.table-vertical-top > tr > td {
    vertical-align: top;
}

#contactUsContent .col-md-3.control-label {
    padding-top: 3px !important;
}

.page-quick-sidebar-chat-users img {
    height: 35px;
}

.page-quick-sidebar-chat-user-messages img {
    height: 46px;
}

.tableFooter > td {
    border-bottom: 0;
    font-weight: 500;
}

#tradingOpenTradesTable .responsive-table-plus-icon td[id^=tagTd] div[id^=tagWindow] {
    padding-left: 20px;
}

#exclDiv .center-in-block {
    position: absolute;
    top: 100%;
    left: 40%;
    transform: translate(-20%, 100%);
}


#tradeOptionsTable .row div {
    padding: 0 0 10px 0;
    margin-left: 10px;
}

.dropdown-menu-container {
    padding: 10px;
}

ul.select2-selection__rendered > .select2-search.select2-search--inline:only-child {
    width: inherit !important;
}

ul.select2-selection__rendered > .select2-search.select2-search--inline:only-child > .select2-search__field {
    width: inherit !important;
}

.edit-listing-button {
    padding: 1px 10px !important;
    margin-bottom: 2px;
}

.dropdown-menu-container {
    padding: 10px;
}

.profilePopoverTable tr td:nth-child(2) {
    word-break: break-word;
}

#brokersListTable .responsive-table-title {
    min-width: 75px;
}

span.table-paging {
    margin-left: -4px;
    float: right;
}

.portfolio-summary-table .responsive-table-row td div.display-flex:nth-last-child(2) .responsive-table-text {
    background: var(--card-background-color, #dffedf);
    width: 50%;
    text-align: right;
}

.portfolio-summary-table .responsive-table-row td div.display-flex:nth-last-child(1) .responsive-table-text {
    background: var(--tab-background-color, #fee4e4);
    width: 50%;
    text-align: right;
}

div[id^=tagsWindowModal] {
    color: #333333;
}

.calendarDateButtons {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.calendarDateButtons > * {
    margin-left: 4px;
}

input#composeSubject {
    border: none;
}

.system-strategy-breadcrumbs-buttons, .portfolio-breadcrumbs-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.system-strategy-breadcrumbs-buttons > * {
    margin-left: 4px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 5px;
}

.table > thead > tr:not(:last-child) > th, .table > thead > tr:not(:last-child) > td {
    padding-bottom: 0;
}

.charts-sorted-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.charts-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.charts-sorted-buttons > * {
    margin-right: 4px;
}

.charts-buttons > * {
    margin-left: 4px !important;
}

#bestBrokerTable td {
    background: var(--card-background-color, #fff) !important;
}

.date-selection-input {
    display: contents;
}

.popover.confirmation .popover-title {
    line-height: 21px !important;
    font-weight: 400 !important;
    text-align: left !important;
    max-width: 100vw;
}

.limit-menu-height {
    max-height: 70vh;
}

.profile-action-buttons > li {
    margin-bottom: 5px;
    text-align: center;
}

.profile-action-buttons > li > button, .profile-action-buttons > li > a {
    text-align: center;
    width: 150px
}

#commentDiv .portlet, #commentDiv .dropzone {
    background-color: #ffffce;
}

.sticky-header {
    position: sticky;
    transition: top 0.1s ease-in 0s !important;
    will-change: top;
    transform: translate3d(0, 0, 0);
}

#dashboardNewsDiv ul.feeds li {
    font-size: 12px;
    margin-bottom: 5px;
}

.inbox-nav {
    font-size: 14px;
}

.timeline .timeline-body-content {
    margin-top: 20px;
}

.block-interface-clicks {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99995;
    overflow: auto;
}

.touchable .mobile-menu-title > span {
    width: 100%;
}

.mobile-fullscreen {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--card-background-color, #f7f7f7);
}

.mobile-fullscreen .mobile-fullscreen-body {
    overscroll-behavior: contain;
}

.mobile-fullscreen-footer {
    padding-top: 2px;
    margin-top: auto;
    display: -webkit-box;
    -webkit-box-pack: end;
}

.mobile-fullscreen-footer button {
    margin: 10px 10px 10px 0;
}

#mobileSearch .fixed-form-padding .form-group {
    padding: 6px 0 0 0 !important;
}

.fa-comment {
    color: var(--icons-color, #adadad);
}

.notification-grid .content p {
    margin: 2px 0;
}

.select2-results__options::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #7f7f7f;
}

.sticky-ad {
    position: sticky;
    left: 4.5vw;
    padding: 15px;
    width: max-content;
    z-index: 102;
}

.hor-menu .mobile-menu-title .fas {
    color: #717070;
    margin-right: 4px;
    font-size: 16px;
}

.hor-menu .menu-dropdown.active .mobile-menu-title .fas {
    color: #ffc7a6;
}

.nav.nav-tabs > li:not(.active):not(.tabdrop) > a {
    background-color: var(--border-color, #e2e2e2);
    color: var(--txt-color);
}

.tabbable.tabbable-tabdrop > .nav.nav-tabs:not(.ready) {
    overflow: hidden;
    max-height: 27px;
}

.register-form:not(.open) #emailRegistrationForm {
    display: none;
}

.register-form:not(.open) .hidden-closed {
    display: none;
}

.register-form.open.social #registerWithEmailButton {
    display: none;
}

.register-form.open:not(.social) #registerOptionsContainer {
    display: none;
}

.register-form:not(.open) .long-login-btn {
    width: 100%;
}

#chatEmojiButton:focus, #chatEmojiButton:hover, #touchSendButton button:focus {
    background-color: #2d2d2d !important;
}

#customizeButton {
    margin-right: -4px;
}

.nav.nav-tabs > li > a {
    padding: 4px 10px;
}

#compareSystemTable tbody tr td:nth-of-type(1) {
    text-align: left;
}

#compareSystemTable .divWithChart > button {
    margin-left: auto;
    color: var(--txt-color, #cecece);
}

.divWithChart {
    display: flex;
}

#compareSystemTable tbody tr td:nth-of-type(1), #compareSystemTable thead tr th:nth-of-type(1),
.sticky-column tbody tr td:nth-of-type(1), .sticky-column thead tr th:nth-of-type(1) {
    position: sticky;
    left: 0;
}

#compareSystemTable {
    border-collapse: separate;
}

#compareSystemTable tbody tr td:nth-of-type(1) {
    background-color: var(--card-background-color, #fbfcfd);
}

#compareSystemTable thead tr th:nth-of-type(1),
.sticky-column tbody tr td:nth-of-type(1),
.sticky-column thead tr th:nth-of-type(1) {
    background-color: var(--card-background-color, white);
}

.terms-lang-soc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap-reverse;
    margin-bottom: 10px;
}

#termsPrivacySiteMap {
    width: 35%;
}

.social-icons {
    float: right;
}

.show-events-news-and-link {
    margin: 10px 10px 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.symbol-analysis-time-scales {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.symbol-analysis-chart-options {
    margin: 0 5px 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.symbol-outlook-chart-options .symbol-analysis-time-scales {
    justify-content: flex-end;
}

.outlook-timeframe-Button {
    margin: 5px;
}

.symbol-outlook-chart-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.system-head-btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
}

.system-head-btns > button, .system-head-btns > div, .system-head-btns > a {
    margin: 0 8px 10px 0;
}

#customAnalysisDiv {
    margin-right: 15px;
}

.pss-info-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.pss-info-buttons > a, .pss-info-buttons > button {
    margin: 0 0 10px 5px;
}

.fade-title {
    width: 85%;
}

/* hotfix for a case in portoflio / system page where we need to reserve some space because the 3 dots dropdown is shown on tab switch . (30px is roughly the size of the element)  */
.tabdrop-reserve-space .tabdrop {
    margin-left: 30px;
}

.ui-autocomplete {
    z-index: 99996
}

#analyzeCont > .system-head-btns {
    margin-top: 5px;
}

.ad-modal-open .modal-backdrop.in {
    background-color: black !important;
    opacity: 0.8;
}

.ad-modal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.ad-modal .continue-text {
    text-align: right;
    margin-top: 10px;
    margin-right: 1px;
    font-size: 18px;
}

#composeDropzoneErrorWarning {
    margin: 0 10px 10px 10px;
}

.modal-buttons-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.system-info-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.system-info-container > div {
    margin: 0 10px 0 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-grow: 2;
}

.system-info-container > div > div {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;

}

.system-info-btns {
    justify-content: flex-end !important;
}

.system-info-btns > a, .system-info-btns > button {
    margin-left: 5px;
}

.inbox-compose-btn-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.inbox .inbox-nav > li > a {
    border: none;
}

.badge {
    padding: 4px 6px 3px 6px;
}

tr.selected-row td, tr.selected-row {
    background: var(--grey-bg, #fff1e0) !important;
}

.fa-chart-line[type=compareChart] {
    color: var(--icons-color, #333333);
    font-size: 18px;
    vertical-align: middle;
}

#compareSystemTable td {
    border-right: 1px solid var(--border-color, #e7ecf1);
    color: var(--txt-color, black);
}

.open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
    color: #fff;
    background-color: #f2784b;
    border-color: #f2784b;
}

#chartFeed {
    padding: 0;
    background-color: var(--main-background-color, white);
}

.broker-promotion-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px;
}


.promotion-broker-logo-and-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 20%;
    margin-top: 5px;
}

.promotion-broker-logo-and-text > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.promotion-broker-context {
    width: 80%;
}

.promotion-broker-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#symbolToolbar td, #symbolTop td {
    line-height: 14px;
}

.fa.fa-lock {
    font-size: 12px;
    color: #8e8e8e;
}

.inbox-compose .inbox-form-group {
    padding: 5px 0;
}

.toolbar-flex {
    display: flex;
    align-items: center;
}

#newsToolbar .toolbar-flex {
    max-width: 100% !important;
}

.toolbar-flex > .toolbar-title {
    white-space: nowrap;
    font-size: 13px;
    display: flex;
    color: white;
    margin: 0 3px;
}

.toolbar-flex > .toolbar-time {
    white-space: nowrap;
    padding: 0 5px;
    font-size: 11px;
    color: var(--caption-color, #a7a7a7);
}

.pagination-container {
    display: flex;
}

.pagination-container > div {
    display: flex;
    margin: 5px 10px 10px auto;
}

.customAnalysis-background-color {
    background: #fbfbfb;
}

.bold-pin > i {
    font-weight: 700
}

#systemsContTable .limit-string-with-dots {
    width: 100px;
}

.calculator-result {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 15px 10px 15px;
}

.calculator-footer-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--border-color, #e7ecf1);
    margin-top: 7px;
}

.calculator-footer-buttons {
    margin: 10px 15px 10px 15px;
}

div.attachments {
    flex-wrap: wrap;
    align-items: end;
    gap: 5px;
}

div.attachments > a {
    max-width: 200px;
    flex: 19%;
    margin: 0;
}

div.attachments > a > img {
    max-width: 100%;
    margin-bottom: 0;
}


.promo-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #4d4b4b;
    color: white;
    padding: 30px 0;
    font-size: 35px;
}

.stats-container {
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding-top: 15px;
}

.stats-text {
    color: #a5a5a5;
    font-size: 16px;
}

.stats-info {
    text-align: center;
}

.stats-title {
    text-align: center;
}

.stats-number {
    color: orange;
}

.container .row > .custom-box .chart-landscape-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.page-footer > .container, .page-prefooter > .container {
    padding-left: 0;
    padding-right: 0;
}

.popular-mobile {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.popular-mobile > a > div > i {
    font-size: 20px;
    color: #BABABA;
    line-height: 20px !important;
}

.popular-mobile > a > div {
    text-align: center;
    display: flex;
    flex-direction: column;
    color: white;
    line-height: 11px;
    gap: 10px;
    padding: 10px 0;
}

.popular-mobile > a > div:hover, .popular-mobile > a > div:hover > i {
    color: #666463;
}

.text-reset {
    color: inherit !important;
    text-decoration: inherit !important;
}


.page-header-menu {
    top: 53px;
    left: 0;
    right: 0;
}

.page-header-menu, .page-header-menu > nav {
    position: absolute;
    white-space: nowrap;
    display: block;
    left: 0;
    right: 0;
}

.page-header-menu > nav {
    padding-left: 0 !important;
}

.page-header-menu > nav:nth-child(1) {
    top: 0;
    background: #292932;
}

.page-header-menu > nav:nth-child(2) {
    top: 40px;
    background: var(--2btn-default, #EEE) !important;
    -webkit-box-shadow: 0 -5px 17px 0 rgb(0 0 0 / 64%);
    -moz-box-shadow: 0 -5px 17px 0 rgba(0, 0, 0, 0.64);
    box-shadow: 0 -5px 17px 0 rgb(0 0 0 / 64%);
    z-index: -1;
}

.page-header-menu > nav:nth-child(2) > div {
    padding: 0 !important;
}

.page-header-menu > nav:nth-child(2) > div > ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    font-size: 13px;
    margin-bottom: 0;
}

.page-header-menu > nav:nth-child(2) > div > ul > li:first-child > a {
    padding-left: 0 !important;
}

.page-header-menu > nav:nth-child(2) > div > ul > li:first-child {
    font-weight: bold;
}

.page-header-menu > nav:nth-child(2) > div > ul > li {
    padding: 2px 0;
}

.page-header-menu > nav:nth-child(2) > div > ul > li:not(:first-child):hover,
.page-header-menu > nav:nth-child(2) > div > ul > li:not(:first-child) > a:hover {
    background: var(--tab-background-color, #DFDFDF) !important;
}

.page-header-menu > nav:nth-child(2) a {
    padding: 3px 10px;
}

#economicCalendarTable .fa-bell-yellow:hover:before {
    content: "\f1f6";
}

#calendarAlertButton {
    background-color: var(--2btn-default, #e1e5ec);
}

#calendarAlertButton:hover {
    background-color: var(--2btn-selected, #c2cad8);
}

#search-form:hover, #searchInputIcon.icon-magnifier {
    color: #a4a4a4 !important;
}

.toolbar-border {
    border-top: 1px solid #6B6261 !important;
    border-right: 1px solid #6B6261 !important;
    border-left: 1px solid #6B6261 !important;
}

.toolbar-outline {
    outline: 1px solid #6B6261 !important;
}

#symbolToolbar > table > tbody > tr > td {
    padding-left: 0px !important;
}

#symbolTop > tbody > tr > td:first-child {
    padding-left: 7px !important;
}

#symbolTop > tbody > tr:last-child > td {
    padding-bottom: 3px !important;
}


#innerDisplayName {
    font-size: 13px;
}

#customAnalysisPeriodsDiv > button.active {
    background-color: #d4d4d4;
    border-color: #adadad;
}

.help-page img {
    border: 1px solid #eee;
}

div.floatThead-container {
    border-bottom: 2px solid var(--border-color, #f2f1f1);
}


.portfolio-header-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    width: 100%;
}


.sortableLi > a > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.heat-map-filter-radio-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.heat-map-filter-radio-buttons > label {
    margin-right: 5px;
}

.fibonacci-calc-images-position {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.fibonacci-calc-images-position > div {
    margin: 15px;
}

#tableBestBrokers th {
    font-size: 12px;
}

.pointer-events-none {
    pointer-events: none !important;
}

.footer-toolbar-news-main-div .toolbar-flex > .toolbar-time {
    flex-grow: 1;
    text-align: right;
}


.statusLabel {
    padding: 0 !important;
    line-height: 1.2 !important;
}

.table-first-column-text-limit, .table-first-column-text-limit-promote {
    max-width: 91%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.forex-spreads-table-first-column-text-limit-promote {
    max-width: 65%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.mediumHeader {
    font-size: 18px !important;
}

.description-container {
    margin-top: 50px;
}

.description-container-smaller {
    margin-top: 25px;
}

.description-block {
    margin-top: 30px;
}

.description-paragraph {
    margin-top: 15px;
    margin-bottom: 15px;
}

.description-image {
    height: auto !important;
    max-width: 100%;
}

.widget-preview-grid.grid-preview-auto {
    grid-template-columns: 1fr auto;
}

.calculators-preview .widget-preview-grid {
    padding: 15px 20px;
    min-height: 230px;
    border-top: none;
}

.calculators-preview h2 {
    margin-bottom: 10px;
}

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

.pip-calculator-results {
    padding: 15px;
}

.pip-calculator-results .pip-type, .pip-calculator-results .pip-result {
    font-size: 17px;
}

.pip-calculator-results .pip-info {
    padding-top: 10px;
}

.pip-calculator-results small {
    display: block;
}

.converter-select .select2-selection, .converter-select select {
    font-size: 22px !important;
    background: #f7f7f7;
    border: 0;
    height: auto !important;
    font-weight: 500 !important;
    padding: 10px 15px 10px 0px !important;
}

.converter-select .select2-selection > span > div {
    justify-content: center;
}

.converter-select select {
    padding: 7px 0px 10px 10px !important;
}

.converterTable th, .converterTable td {
    font-size: 12px !important;
}

.converterTable th {
    font-weight: bold !important;
}

.converter-exchange {
    font-size: 19px;
    line-height: 19px !important;
    padding: 9px 10px;
}

.currency-converter-form table {
    border: 1px solid var(--border-color, #e7ecf1);
}

.converterTable thead tr + tr {
    border-top: 1px solid var(--border-color, #e7ecf1);
}

.converter-box {
    border: 4px solid var(--border-color, #e6e6e6);
    padding: 0 !important;
}

.converter-exchange-div {
    padding: 23px 0;
}

.historical-data-cell-text {
    padding: 8px;
}

.historical-data-cell {
    text-align: center;
    border-right: solid 1px #f2f1f1 !important;
    border-bottom: solid 1px #f2f1f1 !important;
}

.historical-data-search {
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #e6e6e6;
}

#calendarDatesFilter {
    transition: all 0.1s ease-in 0s;
}

.captcha-container {
    padding: 6%;
}

.large-title-font {
    font-size: large;
}

.admin-info-position {
    position: relative;
    z-index: 10050;
    display: flex;
}

.login .copyright {
    padding: 20px;
}

legend {
    color: var(--caption-color, #333333);
}

.form-wizard .steps > li > a.step > .number {
    width: 40px !important;
    height: 40px !important;
}

.form-wizard .steps {
    padding: 0 10%;
}

.pricing-content-1 .price-table-content {
    min-height: 150px;
}

.yearly-price {
    background: var(--green-middle, #1dc176);
}

.yearly-price + .arrow-down {
    color: var(--green-middle, #1dc176);
}

.inner-h3-style {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 500;
}

#outlook-prices-column .price-column-container div {
    font-size: 13px !important;
    font-weight: unset;
}

#priceContainer #currencyPrice {
    padding-top: 7px !important;
}

#select2-toSelect-results, #select2-fromSelect-results {
    /*currency converter*/
    max-height: 145px;
}

.select2-results__option--highlighted span.gray {
    color: #a3d4ff;
}

img.currency-icon {
    margin-top: -4px;
    max-width: 20px;
    min-height: 15px;
}

#gdprConsentBanner {
    position: fixed;
    max-width: 24em;
    bottom: 1em;
    right: 1em;
    z-index: 999999;
    border-radius: 4px !important;
    margin-left: 1em;
    padding: 1.2em;
    gap: 1.2em;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, .95);
    /*transition: opacity 1s ease;*/
    font-size: 14px;
    line-height: 1.5em;
}

#gdprConsentBanner > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

#dismissGdprConsentBannerBtn {
    width: 10em;
    height: 3em;
    font-weight: 600;
    background-color: #e87e04;
    border: 1px solid #e87e04;
}

.page-404 {
    text-align: center;
}

.page-404 .number {
    letter-spacing: -10px;
    line-height: 128px;
    font-size: 128px;
    font-weight: 300;
    top: 35px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    color: #828385;
    text-align: right;
}

.page-404 .details {
    display: inline-block;
    padding-top: 0;
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
}

.page-404-save-on-one-line {
    display: inline-flex;
    align-items: center;
}

#mobileMarketSym > div + div {
    /*margin-left: 5px;*/
}

.event-history-box-margin {
    margin-top: 26px;
}

.calendar-nouser-message {
    border-bottom-width: 5px;
    border-top-width: 7px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.calendar-guest-timezone-select-container {
    min-height: 30px !important;
    font-size: 12px !important;
}

.custom-select-timezone .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
}

.responsive-ad-height {
    height: 200px;
}

.captcha-and-submit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.upper-div-symbol-name-and-description {
    margin: 15px 15px 10px;
}

.symbol-name-and-description {
    margin-left: 20px;
}

/* floating header creation in mobile*/
.table-responsive > div > .table > thead > tr > th {
    white-space: nowrap;
}

.centered-magics-alert {
    width: max-content !important;
    margin: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.line-height-default {
    line-height: 1.42857;
}

.span-caption {
    display: inline-block;
    font-size: 12px !important;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 500;
}

#economicCalendarTable {
    border-collapse: separate;
}

#maxThreeMonthsNote {
    font-size: 11px;
    margin: auto;
    width: 50%;
    padding: 0 80px 0 0;
    font-family: Roboto, Arial, sans-serif;
    color: var(--txt-color, #666);
    opacity: 75%;
}

.portfolio-loader {
    color: #a0a0a0;
    font-weight: 500;
    font-size: 11px
}


.linkify-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    cursor: pointer;
}


.calendar-search-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 15px;
}

.calendar-search-option .calendar-search-text {
    margin-right: auto;
    text-transform: capitalize;
}

.calendar-search-option .calendar-search-category {
    color: #A4A4A4;
}

#economicCalendarFilter .select2-selection.select2-selection--multiple {
    min-height: 30px;
}

#economicCalendarFilter .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin: 4px 0 0 4px;
    padding: 2px 8px;
}

#economicCalendarFilter .select2-search__field {
    min-height: 30px !important;
}

#economicCalendarFilter .select2-selection__choice {
    text-transform: capitalize;
}

#economicCalendarFilter .select2-search.select2-search--inline:first-child {
    min-width: 450px;
}

#select2-calendarSearch-results .select2-results__option.select2-results__option--highlighted {
    /* remove after figma.css is added to calendar */
    background-color: var(--2btn-selected, #F3F4F6);
    color: inherit;
}

#select2-calendarSearch-results .select2-selection__rendered {
    width: 95% !important;
}

.calendar-search-icon {
    color: #A4A4A4;
    position: relative;
    top: -25px;
    left: 97%;
}

[name="filter-by-div"] ul {
    margin-bottom: 0;
}

.calendar-search-row {
    display: flex;
    background-color: var(--main-background-color, white);
    padding: 10px 0;
}

#calendar-search-container {
    flex-grow: 1;
}

[data-share-button]:hover {
    text-decoration: none !important;
}

.sticky-element {
    position: sticky !important;
    transition: top .1s ease-in;
}

#marketNotificationModal > .modal-dialog {
    max-width: 372px;
}

.bell-icon {
    vertical-align: text-bottom;
}

#symbolMarket > tbody > tr:hover .bell-icon {
    display: inline-block !important;
}

.notification-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 10px;
    padding: 20px;
}

.notification-row:not(:first-of-type),
.notificationsList {
    border-top: 1px solid var(--border-color, #e5e5e5);
}

.notification-row .notification-field {
    font-size: 13px;
    flex: 1;
}

.notification-buttons {
    flex-basis: 5%;
    text-align: center;
}

.portlet.light > .portlet-title.nav-tabs-title > .actions {
    padding: 2px;
    gap: 8px;
}

.modal .modal-header .close {
    margin-top: 8px !important;
    font-size: 24px;
}

.bell-icon.fa-bell-yellow {
    display: inline-block;
}

.bell-icon.fa-bell-gray {
    display: none;
}

.notification-remove-btn, .notification-edit-btn {
    background-color: transparent;
    padding: 0;
}

.caret-down {
    position: absolute;
    top: -11px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #666;
}

.symbols-search-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px;
    width: 35px !important;
    font-size: 16px;
    color: #A4A4A4;
}

.dropdown-menu-container.filter-dropdown {
    max-width: 700px;
}

.responsive-grid-10rem {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.responsive-grid-12rem {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.table-border {
    border: 1px solid #E8ECF1 !important;
}

.btn-group > .dropdown-menu.dropleft {
    left: auto;
    right: 40px;
    min-width: 100px;
    margin: 0;
    top: -5px;
}

.btn-group > .dropdown-menu.dropleft:before {
    top: 15px;
    right: -12px;
    left: unset;
    transform: rotate(90deg);
}

.btn-group > .dropdown-menu.dropleft:after {
    top: 13px;
    right: -10px;
    left: unset;
    transform: rotate(90deg);
}

.btn-group > .dropdown-menu.dropleft > li > a {
    color: var(--txt-color, #434343);
    font-size: 13px;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.btn-group > .dropdown-menu.dropleft > li > a:hover {
    background-color: var(--tab-background-color, #e1e5ec);
}

#symbolMarket .limit-string-with-dots {
    width: 150px;
}


.indicator-description {
    padding: 10px 15px 10px 15px !important
}

.portlet-flex > .portlet-title button.filter-button {
    border: none;
    padding: 0;
    background: none !important;
    box-shadow: none !important;
}

.portlet-flex > .portlet-title button.filter-button > i {
    font-size: 20px;
}

.portlet-flex > .portlet-title button.filter-button:hover, .portlet-flex .portlet-title button.filter-button:focus-visible {
    opacity: 0.7;
}

.portlet-flex > .portlet-title button.filter-button ~ ul.dropdown-menu:before {
    right: 2px;
}

.portlet-flex > .portlet-title button.filter-button ~ ul.dropdown-menu:after {
    right: 3px;
}

.portlet-flex {
    margin-bottom: 20px;
    border: 1px solid var(--border-color, #E6E6E6);
    background-color: var(--card-background-color);
}

.portlet-flex .tabbable {
    align-self: end;
}

.portlet-flex .nav.nav-tabs {
    margin: 0;
}

.portlet-flex .nav-tabs > li {
    margin: 0 !important;
}

.portlet-flex:not(.header-with-tabs) .portlet-title {
    padding: 0 0 0 var(--portlet-flex-header-horizontal-padding);
}

.portlet-flex > .portlet-title .actions, .portlet-flex .portlet-title .actions.btn-group {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.portlet-flex > .portlet-title .filter-button {
    height: fit-content;
}

.portlet-flex > .portlet-title .actions {
    padding-right: var(--portlet-flex-header-horizontal-padding);
}

.portlet-flex > .portlet-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    background: var(--tab-background-color, #F7F7F7);
}

.portlet-flex:not(.header-with-tabs) > .portlet-title {
    border-bottom: 1px solid var(--border-color, #E6E6E6);
}

.portlet-flex > .portlet-title > .tabbable {
    height: 32px;
}

.portlet-flex > .portlet-title > .tabbable.tabbable-tabdrop > .nav.nav-tabs {
    max-height: unset;
    margin-left: 4px;
    border-bottom: none;
}

.portlet-flex > .portlet-title > .tabbable a, .portlet-flex > .portlet-title > .tabbable a:hover, .portlet-flex > .portlet-title > .tabbable a:focus {
    height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    border: none;
    column-gap: 2px;
}

.portlet-flex > .portlet-title > .tabbable a {
    margin-right: 3px;
}

.portlet-flex > .portlet-title > .tabbable a, .portlet-flex > .portlet-title > .tabbable a:hover, .portlet-flex > .portlet-title > .tabbable a:focus, .portlet-flex > .portlet-title .nav-action a {
    color: var(--headings-color, #434343);
}

.portlet-flex > .portlet-title > h2 > a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.portlet-flex > .portlet-title > h2 > a:hover > span, .portlet-flex > .portlet-title > h2 > a:focus > span {
    text-decoration: underline;
}


.portlet-flex > .portlet-title h2, .portlet-flex > .portlet-title .portlet-title-text {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--headings-color, #434343);
}


.portlet-flex > .portlet-title .fas:before {
    vertical-align: middle;
}

.portlet-flex .nav-action {
    padding-top: 0 !important;
}

.portlet-flex > .portlet-title .header-action-button {
    font-size: 12px;
    padding: 2px 9px;
    color: var(--headings-color, #13131A) !important;
    border: 1px solid var(--caption-color, #E1E5EC);
    background: var(--2btn-default, #ffffff) !important;
    border-radius: 3px !important;
}

.portlet-flex > .portlet-title .header-action-button:hover, .portlet-flex .portlet-title .header-action-button:focus {
    background: var(--2btn-selected, #E1E5EC) !important;
}

table.first-row-no-border-top > tbody > tr:first-child > td {
    border-top: none !important;
}

#breadcrumbs-row {
    min-height: var(--ads-vertical-margin);
}

a:hover > .parent-anchor-hover-underline, a:focus-visible > .parent-anchor-hover-underline {
    text-decoration: underline;
}

.td-corner-popover {
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid var(--border-color, #DBDBDB);
    border-left: 12px solid transparent;
}

.td-corner-popover[aria-describedby] {
    border-top-color: #A4A4A4;
}

.portfolio-new-header {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px;
}

.portfolio-account-extras {
    font-size: 13px;
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: 20px;
}

.system-portfolio-buttons {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 0;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 10px;
}

.system-user-properties {
    display: flex;
    flex-direction: column;
    padding-left: 0px;
}

.portfolio-header-title {
    background-color: var(--tab-background-color, #F7F7F7);
    width: fit-content;
    padding-right: 10px;
    border-radius: 20px 3px 3px 20px !important;
}

.label-extras {
    vertical-align: top;
    padding-left: 6px;
}

.icon-extras, .discuss-icon {
    vertical-align: text-bottom;
}

.remove-from-watch-icon, .add-to-watch-icon {
    vertical-align: middle;
}

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

.btn-align-icon-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brokers-quotes-portlet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: var(--card-background-color, #F7F7F7);
    border: 1px solid var(--border-color, #E7ECF1);
    margin-bottom: 20px;
    padding: 30px;
}

.brokers-swap-portlet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 65px;
    background: var(--card-background-color, #F7F7F7);
    border: 1px solid var(--border-color, #E7ECF1);
    margin-bottom: 20px;
    padding: 30px;
}

.please-choose {
    width: 400px;
    margin: 0 auto;
}

.brokers-spreads-portlet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 0px;
    background: var(--card-background-color, #F7F7F7);
    border: 1px solid var(--border-color, #E7ECF1);
    margin-bottom: 20px;
    padding: 30px;
}

.broker-spread-element {
    height: auto;
    width: 100%;
}

.broker-swap-element {
    display: inline-block;
    width: 100%;
}

.spread-grid {
    border: 1px solid var(--border-color, #E7ECF1);
    margin-bottom: 20px;
}

.disqualified-trade {
    opacity: 0.5;
}

.btn-white {
    color: #434343;
    background-color: #FFFFFF;
    border-color: #7B7B7B;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    text-align: center;
    color: #13131A;
}

.btn-white:hover {
    background-color: var(--2btn-selected, #F3F4F6);
}

.spread_volume_chart_country {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 6px;
}

.swaps-description-container {
    width: fit-content;
    margin: 0 auto;
}

#forex-calculators-section p {
    margin-top: 0 !important;
    font-size: 13px !important;
}

.login-header-container #login-btn {
    background-color: #19191F;
    border-radius: 3px;
    border: solid 1px #fff;
    color: #fff;
}

.open-account {
    padding: 15px 0;
    text-align: center;
    color: white;
    background-color: #292932;
    bottom: 0;
    position: initial;
    width: 100%;
    font-weight: 700;
}

.login-header-container {
    display: inline-flex;
    height: 36px;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    align-self: center;
}

@media screen and (min-width: 992px) {
    .desktop-hidden {
        display: none !important;
    }
}

#notificationsHeaderBell,
#inboxHeaderLetter,
#chatOpenButton {
    position: relative;
}

.btn.open-live-button {
    background-color: var(--green-dark, #1E9E70) !important;
    color: white !important;
    line-height: 1em;
    padding: 7.5px 12px;
    border-radius: 2px;
    font-size: 13px !important;
}

.btn.open-live-button:hover, .btn.open-live-button:focus {
    background-color: #148C61 !important;
}

.sponsor-broker-row {
    background: var(--2btn-selected, #eff6f4);
    height: 70px;
}

table[data-open-live-on-hover-table] .open-live-button {
    display: none;
}

table[data-open-live-on-hover-table] tr:hover .open-live-button {
    display: block;
}

.master-price-selection {
    display: flex;
    width: 68px;
    padding: 8px 5px;
    align-items: flex-start;
    gap: 5px;
    border: 1px solid var(--border-color, #e1e5ec);
    background: var(--card-background-color, #fff);
}

.subscription-plan-information {
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 16px;
    background: var(--card-background-color, ghostwhite);
}

.subscription-plan-information-body {
    display: flex;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: var(--card-background-color, #fff);
}

.subscription-plan-information-body > div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.subscription-plan-information-body > div > i {
    color: var(--txt-color, #1E9E70);
}

.subscription-signals-titles {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (min-width: 991px) {
    #signalsSubscriptionPaymentModal .modal-dialog {
        width: 50%;
    }

    #signalsSubscriptionPaymentModal .modal-dialog .modal-content > div:first-child {
        flex-basis: 50%;
    }
}

.system-portfolio-buttons a:hover {
    text-decoration: none;
}

#signalsSettingsDropDown:after,
#signalsSettingsDropDown:before,
#signalsSettingsDropDown {
    width: 100%;
    margin-top: 4px !important;
    min-width: initial !important;
    content: none !important;
}

.no-content-before-after:after,
.no-content-before-after:before {
    content: none !important;
}

#signalsTryToSubscribeBtn > span,
#signalsSubscribeBtn > span {
    width: 100%;
    text-align: center;
    font-size: 13px;
    height: 100%;
    padding: 8px 10px;
}

.system-portfolio-buttons > div > a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.green-shade-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--green-middle, #1E9E70);
    font-size: 13px;
}

.green-shade-btn:active, .green-shade-btn:focus, .green-shade-btn:visited {
    color: #FFFFFF;
}

.green-shade-btn:hover {
    color: #FFFFFF;
    background-color: #148c61;
}

.bg-green-dark {
    background-color: var(--green-dark, #169265);
}

.signals-payments-table > thead > tr > th {
    border: none !important;
    color: #7B7B7B;
    font-weight: normal !important;
}

.signals-payments-table > thead > tr > th,
.signals-payments-table > tbody > tr > td {
    text-align: center !important;
}

.signals-payments-table.no-border-rows > tbody > tr > td {
    border: none !important;
    color: var(--txt-color, #13131A);
}

#signals-payments-table-container div {
    display: flex;
    justify-content: flex-end;
    padding: 2px 12px 6px 12px;
}

#requestPaymentModal .signals-payments-table > thead > tr > th:nth-child(2),
#requestPaymentModal .signals-payments-table > tbody > tr:not(:has(> td.help-block)) > td:nth-child(2) {
    text-align: left !important;
    padding-left: 42px;
}

#paymentInformation .table th {
    text-align: left !important;
    padding-left: 5px !important;
}

.text-overflow-ellipsis-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#shareBtn {
    color: var(--icons-color, #434343);
}

.lite-green {
    background-color: var(--green-dark, #D2ECE2)
}


@media screen and (max-width: 991px) {
    .dark-mode-mobile {
        margin-right: auto !important;
        padding: 0 10px 10px 10px;
    }
}

@media screen and (min-width: 992px) {
    .dark-mode-mobile {
        margin-left: auto !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

.news-container-tabs {
    background-color: var(--card-background-color, #f7f7f7);
    padding-top: 3px;
}

.news-container-tabs > ul {
    margin: 0;
    border-bottom: 1px solid var(--border-color, white);
    overflow: unset;
    max-height: unset;
    background-color: var(--card-background-color, #f7f7f7);
}

.news-container-tabs > ul > li > a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.news-title-spacing {
    margin-top: 16px !important;
    margin-bottom: 20px !important;
}

.masterConfigurationDetailsNotActive {
    opacity: 0.5;
}

#masterSignalsSettingsDropDown:after,
#masterSignalsSettingsDropDown:before,
#masterSignalsSettingsDropDown {
    content: none !important;
}

#billingTable > thead > tr > th:first-child,
#billingTable > tbody > tr > td:first-child {
    text-align: left;
    padding-left: 10px;
}

.geo-targeting-rule:not(:last-child) {
    margin-bottom: 20px;
}

.btn-danger {
    color: #FFFFFF;
    background-color: #d4555d;
    border: none;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:visited {
    color: #FFFFFF;
    background-color: #d4555d;
}

.btn-danger:hover {
    color: #FFFFFF;
    background-color: #c2444c;
}

#marketSentimentDescription .definition {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

#trySignalStartDataMsgCancelButton,
#testButton {
    background: var(--2btn-default, #e1e5ec) !important;
}

#searchErrorPage {
    background: var(--card-background-color, #e8e8e8);
}

.login-header-container #login-btn:hover {
    border: 1px solid #EB9B00;
    color: #EB9B00;
}

.footer-toolbar-main-div {
    position: fixed;
    bottom: 0;
    height: 48px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    padding: 4px 15px;
    background-color: var(--footer-toolbar-background-color);
    --footer-toolbar-background-color: rgba(25, 25, 31, 1);
    --footer-toolbar-background-color-no-opacity: rgba(25, 25, 31, 0);
    overflow: hidden;
    width: inherit;
    margin-left: -17px;
    z-index: 9999;
}

.toolbar-left-side-item * {
    padding: 0;
    margin: auto;
    text-align: left;
}

.footer-toolbar-main-container a {
    margin: 0;
}

.toolbar-left-side-item {
    display: flex;
}

.toolbar-left-side {
    display: flex;
    overflow: hidden;
    width: 382px;
}

.toolbar-sponsor-div img {
    max-width: 120px !important;
    width: 120px !important;
}

#toolbar-symbols-body a {
    width: 50px;
    height: 17px;
    flex-grow: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.05;
    text-align: left;
    color: #fff;
}

#toolbar-symbols-body td {
    padding: 3px 0;
}

#toolbar-symbols-body span {
    flex-grow: 0;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    color: #fff;
    padding: 1px 3px;
    border-radius: 2px !important;
    line-height: normal;
}

#toolbar-symbols-body div {
    width:54px!important;
    overflow: hidden;
    margin-right: 15px;
}

.newsDiv {
    height: fit-content;
}

.calendar-moving-news, .moving-news {
    animation: 60s marquee linear infinite;
    display: flex;
    justify-content: space-around;
}

.footer-toolbar-news-main-div {
    display: flex;
}

#calendarMainDiv:hover > .calendar-moving-news {
    animation-play-state: paused;
}

#newsMainDiv:hover > .moving-news {
    animation-play-state: paused;
}

#newsMainDiv, #calendarMainDiv {
    overFlow: hidden;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.toolbar-background-green {
    background-color: var( --green-middle, #008466);
}

.toolbar-background-red {
    background-color: var( --red-middle, #a73028);
}

.running-news-header {
    padding-left: 20px;
    border-left: 1px solid #565764
}

.toolbar-left-side tbody tr:first-child td {
    padding-bottom: 2px !important;
}

.toolbar-headers::before {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    height: 100%;
    width: 50px;
    background-image: linear-gradient(to right, var(--footer-toolbar-background-color), var(--footer-toolbar-background-color-no-opacity));
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    z-index: 101;
    pointer-events: none;
}

.toolbar-news-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background-image: linear-gradient(to left, var(--footer-toolbar-background-color), var(--footer-toolbar-background-color-no-opacity));
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    z-index: 101;
    pointer-events: none;
}

.price-column-container * {
    color: var(--txt-color, #13131A);
}

.price-column-container {
    overflow: hidden !important;
    position: relative;
}

.pricing-content-1 .price-table-pricing > h3 > .price-sign, .pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > h3 > .price-sign {
    top: 0 !important;
    vertical-align: unset !important;
    margin-right: 8px;
}

.pricing-content-1 .price-table-head h2 {
    font-size: 22px !important;
    font-weight: bold !important;
}

.pricing-content-1 .price-table-head {
    color: var(--txt-color, #13131A) !important;
    padding: 51px 0 22px 0 !important;
}

.pricing-content-1 .price-table-content .row i {
    color: var(--chat-send-button-color, #f2784b) !important;
    font-size: 13px;
}

.pricing-content-1 .price-table-pricing > h3 {
    font-weight: bold;
}

.pricing-content-1 .price-table-content {
    background-color: unset !important;
}

.price-table-content .text-left {
    font-weight: 300 !important;
    font-size: 15px !important;
}

.popular-price {
    width: 158.4px;
    position: absolute;
    right: -40px;
    top: 28px;
    justify-content: space-between;
    align-items: center;
    padding: 6px 51.1px 6px 40px;
    color: white;
    transform: rotate(-315deg);
    background-color: #1e9e70;
    font-weight: bold !important;
}

.price-table-footer button {
    width: 238px;
    height: 41.7px;
    margin: 20px 40px 20px 40px !important;
    padding: 10px 20.1px 11.7px 21px;
    border-radius: 2px;
    border: solid 1px #f2784b;
}

.pricing-content-1 .price-table-footer > .price-button {
    font-weight: 500 !important;
    margin: auto;
}

.pricing-content-1 .price-table-content {
    min-height: 170px !important;
}

#outlook-prices-column .price-table-content .row .text-right {
    transform: translateY(2px);
}

.payment-footer-warning p {
    color: var(--txt-color, #13131A);
}

.price-table-pricing p {
    font-size: 13px !important;
}