﻿.settingsScreen #advancedMode {
    width: 65%;
}

.settingsScreen .settingsNameOnOff.volumeSettingsLabel {
    width: 35%;
    box-sizing: border-box;
}


.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;
}

.duplicatePopup .buyButtonContainer .orderCaption, .instrument .buttonsContainer .orderCaption{
    font-size:11px;
}
.mainScreen .instrument .buttonsContainer .sellButtonContainer,
.mainScreen .instrument .buttonsContainer .buyButtonContainer {
    padding-top: 2px !important;
}

.tradeSwitch {
    width: 100px;
}

    .tradeSwitch .switchButton {
        left: 74px;
    }

.mainMenu .menuItem .menucontent.switchToDemoButton {
    font-size: 12px;
}

.duplicatePopup .buyButtonContainer, .instrument .buttonsContainer .sellButtonContainer, .instrument .buttonsContainer .buyButtonContainer
{
    padding:0px 3px !important;
}


.sentimentBlock .sellsection, .sentimentBlock .buysection,
.symbolsCategory .dailyChange, .sentimentBlock .dailyChange {
    font-size: 11px !important;
}
.sentimentBlock .sellsection, .sentimentBlock .buysection
{
    width:58px !important;
}

@media only screen and (max-height: 580px) {
    .cssForFt .signupBody .titleContainer {
        height: 80px;
    }

    .cssForFt .signupBody .title
    {
         height: 40px;
    }
}

.ticketMessageInactive .ticketMessageIcon
{
    display:none !important;
}

.chartPCHeader #executionButtons,
.chartMini .miniChartHeader .instrument {
    width: 220px;
}

    .chartPCHeader #executionButtons .buttonsContainer > div > div.orderCaption,
    .chartMini .miniChartHeader .instrument .buttonsContainer > div > div.orderCaption {
        font-size: 12px !important;
    }


.mainMenu .menuItem#switchToDemo .menucontent {
    font-size: 13px;
}

@media only screen and (min-width: 320px) and (max-width: 365px) {
    
    .settingsScreen #roundChartPointers .radioButtonCaption {
        font-size: 12px;
    }

    .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) {
    .settingsScreen #settingsRowRoundPoints .volumeSettingsLabel {
        font-size: 12px;
    }
}