﻿.settingsScreen .settingsNameOnOff.volumeSettingsLabel {
    width: 35%;
    box-sizing: border-box;
}

.mobileVersionCss#bodyTemplate .mobileHeaderInfoSpacer {
    height: 82px;
}

.mobileVersionCss#bodyTemplate .mobileHeaderInfo {
    height: 82px;
}


.webVersionCss .mainScreen.pieMode .doughnutWrapper {
    flex-wrap: wrap;
}

.doughnutWrapper.labelsPosright .doughnutLabels {
    float: none;
}

.webVersionCss .doughnutWrapper {
    margin: 4px auto 0;
}

.doughnutWrapper.labelsPosright .svgWrapper {
    float: none;
    margin-right: 1px;
    /*margin: 0px auto;*/
}

.mobileVersionCss .instrument .rightSide {
    width: calc(38% + 5px);
    margin-right: 1%;
}

body.mobileVersionCss #mobileWrapper .mainWrapper.tileMode .mainScreen .instrument .doughnutWrapper {
    width: 95px;
}

@media only screen and (max-width: 420px) {
    .singleStocks .selected-account-wrapper .selected-account {
        letter-spacing: -0.5px;
    }
}

@media only screen and (max-width: 380px) {
    .singleStocks .selected-account-wrapper .selected-account {
        letter-spacing: -1px;
    }
}


/*#changeToTrailingStop {
    width: 145px;
    right: 2px;
    margin-top: 15px;
    line-height: 18px;
    letter-spacing: -0.3px;
}*/
.toggleStopLossLink {
    right: 20px;
}

.mainMenu .menuItem .menucontent.switchToDemoButton {
    font-weight: 600 !important;
    font-size: 14px !important;
}


.tradeSwitch {
    width: 92px;
}

    .tradeSwitch .switchButton {
        left: 67px;
    }

.duplicatePopup .buyButtonContainer .orderCaption, .instrument .buttonsContainer .orderCaption {
    font-size: 11px;
}

.mainMenu .menuItem .menucontent.switchMenuItem {
    font-size: 14px;
}

.welcomeScreen .supportItem > .itemText {
    font-size: 13px !important;
}



.mobileVersionCss .settingsScreen .settingsRow > div > div.settingsEmailLabel {
    line-height: 18px;
    font-size: 13px;
}

.settingsEmailLabel {
    line-height: 18px;
}

.deletedPendingScreen .Title {
    font-size: 14px;
}

.sProHeader .uploadDocsTitle {
    font-size: 16px !important;
}

@media only screen and (max-height: 580px) {
    .cssForFt .signupBody .titleContainer {
        height: 80px;
    }

    .cssForFt .signupBody .title {
        height: 40px;
    }
}


@media only screen and (max-width: 321px) {
    .chartTicketContent .chartBlock .chartActive, .chartTicketContent .chartBlock .chartTab {
        font-size: 11px;
    }

    .symbolsCategory .dailyChange, .sentimentBlock .dailyChange {
        font-size: 10px;
    }

    .sentimentBlock .sellsection, .sentimentBlock .buysection {
        font-size: 11px;
    }

    .infoContainer .infoRows {
        font-size: 11px;
    }

    .tcChartPeriodSwitch, select.orderType, #closeAmountPicker, .chartToolbars select {
        font-size: 12px;
        padding: 0px 8px 0px 5px;
    }
}


.webHeader .headerBlock {
    padding: 3px 3px 0px 8px;
    position: relative;
    max-width: 155px;
    box-sizing: border-box;
}

    .financialStrenghContainer span, .webHeader .headerBlock > span:first-child {
        white-space: initial;
        line-height: 13px;
        display: inline-block;
        letter-spacing: -0.2px;
    }

#menuDeletedPending {
    font-size: 13px;
}
/*.chartPCHeader #executionButtons,
.chartMini .miniChartHeader .instrument {
    width: 230px;
}*/
.chartPCHeader #executionButtons .buttonsContainer > div > div.orderCaption,
.chartMini .miniChartHeader .instrument .buttonsContainer > div > div.orderCaption {
    font-size: 12px !important;
}


@media only screen and (min-width: 320px) and (max-width: 365px) {

    .settingsScreen #roundChartPointers,
    .settingsScreen #advancedMode {
        padding-right: 5px;
    }

        .settingsScreen #roundChartPointers .radioRow,
        .settingsScreen #advancedMode .radioRow {
            margin-left: 5px;
        }
}

@media only screen and (min-width: 320px) and (max-width: 340px) {
    #volumeTradingType .volumeSettingsLabel,
    #settingsRowRoundPoints .volumeSettingsLabel {
        font-size: 11px;
    }
}
