/** FONTS */
@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTSans-Regular.woff') format('woff'),
    url('../fonts/PTSans-Regular.ttf') format('truetype'),
    url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTSans-Bold.woff') format('woff'),
    url('../fonts/PTSans-Bold.ttf') format('truetype'),
    url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans.woff') format('woff'),
    url('../fonts/OpenSans.ttf') format('truetype'),
    url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Ubuntu.woff') format('woff'),
    url('../fonts/Ubuntu.ttf') format('truetype'),
    url('../fonts/Ubuntu.svg#Ubuntu') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Ubuntu-Bold.woff') format('woff'),
    url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
    url('../fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: '';
    src: url('../fonts/NotoSansJP-Regular-Alphabetic.eot');
    src: url('../fonts/NotoSansJP-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSansJP-Regular-Alphabetic.woff2') format('woff2'),
        url('../fonts/NotoSansJP-Regular-Alphabetic.woff') format('woff'),
        url('../fonts/NotoSansJP-Regular-Alphabetic.ttf') format('truetype'),
        url('../fonts/NotoSansJP-Regular-Alphabetic.svg#NotoSansJP-Regular-Alphabetic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '';
    src: url('../fonts/NotoSansJP-Bold-Alphabetic.eot');
    src: url('../fonts/NotoSansJP-Bold-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSansJP-Bold-Alphabetic.woff2') format('woff2'),
        url('../fonts/NotoSansJP-Bold-Alphabetic.woff') format('woff'),
        url('../fonts/NotoSansJP-Bold-Alphabetic.ttf') format('truetype'),
        url('../fonts/NotoSansJP-Bold-Alphabetic.svg#NotoSansJP-Bold-Alphabetic') format('svg');
    font-weight: bold;
    font-style: normal;
}

/** COMMON STYLES */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html,
body {
    position: relative;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family:'Noto Sans JP', sans-serif;
}

* {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/** MISC */
ol,
ul {
    list-style: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    display: block;
}

*,
a:focus {
    outline: none;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.relative {
    position: relative;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.lefted {
    text-align: left;
}

.righted {
    text-align: right;
}

.centered {
    text-align: center;
}

.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.table.fix {
    table-layout: fixed;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.hidden {
    display: none !important;
}

.no_transitions {
    -webkit-transition: none;
    transition: none;
}

/** SIGNS */

.colon:after {
    content: ':';
}

.percent:after {
    content: '%';
}

.dollar:before {
    content: '$';
}

.plus:before {
    content: '+ ';
}

/** LOADER */

#bsw_loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    pointer-events: none;
}

#bsw_loader > div {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 20px auto 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    z-index: 2;
    color: #777;
}

#bsw_loader:before,
#bsw_loader:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
}

#bsw_loader:before {
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top-color: #777;
    border-bottom-color: #777;
    -webkit-animation: border 1.2s infinite ease-in-out;
    animation: border 1.2s infinite ease-in-out;
}

#bsw_loader:after {
    width: 30px;
    height: 30px;
    z-index: 1;
    background: #777;
    -webkit-animation: circle 1.2s infinite ease-in-out;
    animation: circle 1.2s infinite ease-in-out;
}

@-webkit-keyframes border {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(719deg);
        transform: rotate(719deg);
    }
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes border {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(719deg);
        transform: rotate(719deg);
    }
}

@keyframes circle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*
#float_rate.pan {
    margin-top: 13px;
}*/
/*
#chart_tooltip.pan {
    margin-top: -10px;
    margin-left: -5px;
}*/

#float_rate {
    position: absolute;
    z-index: 10;
    right: 0px;
    background-color: white;
    padding: 10px;
    color: #202b33;
    font-weight: bold;
    margin-top: -5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 0.2s ease-in-out;
}

/* Pulse effect animation for the price marker */
#float_rate.pulse-effect {
    animation: pulse-animation 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 9999 !important; /* Ensure it's visible above other elements */
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        transform: scale(1);
        background-color: rgba(255, 255, 255, 1);
    }
    20% {
        transform: scale(1.15);
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        transform: scale(1);
    }
}

/* Pulse effect for the chart point */
.flot-overlay.chart-point-pulse::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: chart-point-pulse 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
}

/* Chart point pulse circle animation */
.chart-point-pulse-circle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* Position adjustments - set in the JS now */
    margin-left: -10px;
    margin-top: -10px;
    pointer-events: none;
    animation: chartpoint-pulse 1s ease-out;
    z-index: 999;
}

@keyframes chart-point-pulse {
    0% {
        box-shadow: inset 0 0 0 0 rgba(255, 162, 0, 0.7);
    }
    50% {
        box-shadow: inset 0 0 20px 10px rgba(255, 162, 0, 0.5);
    }
    100% {
        box-shadow: inset 0 0 0 0 rgba(255, 162, 0, 0);
    }
}

@keyframes chartpoint-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 162, 0, 0.7);
        opacity: 1;
        transform: scale(0.3);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(255, 162, 0, 0);
        opacity: 0;
        transform: scale(1.5);
    }
}

/* ZW-323: Trade close win/loss animations */
@keyframes tradeMarkerWinPulse {
    0% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.3); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

@keyframes balanceTextGold {
    0% { color: inherit; text-shadow: none; transform: scale(1); }
    25% { color: #FFD700; text-shadow: 0 0 8px rgba(255, 215, 0, 0.9), 0 0 20px rgba(255, 215, 0, 0.5); transform: scale(1.06); }
    50% { color: #FFD700; text-shadow: 0 0 12px rgba(255, 215, 0, 0.8), 0 0 25px rgba(255, 215, 0, 0.4); transform: scale(1.03); }
    100% { color: inherit; text-shadow: none; transform: scale(1); }
}

@keyframes balanceLoss {
    0% { color: inherit; }
    50% { color: #888; }
    100% { color: inherit; }
}

.balance-container.winning {
    animation: balanceTextGold 1.2s ease;
    display: inline-block;
}

.balance-container.losing {
    animation: balanceLoss 0.4s ease;
    display: inline-block;
}

.trade-close-marker {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 100;
    transition: opacity 0.5s ease, background 0.3s ease;
}

.trade-close-marker.call { background: rgba(101, 207, 146, 1); }
.trade-close-marker.put { background: rgba(228, 75, 91, 1); }

.trade-close-marker.win-pulse {
    animation: tradeMarkerWinPulse 0.35s ease forwards;
}

.trade-close-marker.loss {
    background: #555 !important;
}

.trade-close-marker.fade-out {
    opacity: 0;
}

.currency-particle {
    position: fixed;
    font-size: 14px;
    font-weight: bold;
    color: #ffd700;
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.8), 1px 1px 2px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 1000;
    user-select: none;
}

#float_rate_chart {
    position: absolute;
    z-index: 10;
    right: 0px;
    background-color: white;
    padding: 10px;
    color: #202b33;
    font-weight: bold;
    margin-top: 33px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.closed_option_current_rate,.closed_option_open_rate{
    position: absolute;
    z-index: 10;
    right: 10px;
    margin-top: 43px;
    font-weight:bold;
    min-width:45px;
}

.closed_option_open_rate{
    color:white;
}

.closed_option_current_rate {
    color: white;
}


#chart_tooltip {
    position: absolute;
    z-index: 10;
    background-color: white;
    font-size: 11px;
    padding: 7px 10px;
    margin-left: -22px;
    color: #202b33;
    margin-top: -30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}

#chart_tooltip:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: auto;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: white;

}

#chart_tooltip.price_open:after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    margin-top: -2px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-width: 3px;
    border-left-width: 3px;
}

#chart_tooltip.price_open.call:after {
    bottom: 2px;
    border-top: 0;
    border-bottom-color: #62d337 !important;

}

#chart_tooltip.price_open.put:after {

    top: 2px;
    border-bottom: 0;
    border-top-color: #c24f45 !important;
}

button[disabled] span {

}

.option:hover, .presets_input:hover {
    cursor: pointer;
}

/*
.option.win:before {
    content: '';
    display: block;
    width: 6px;
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: -1px;
    background: #1edd78;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}

.option.lose:before {
    content: '';
    display: block;
    width: 6px;
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: -1px;
    background: #f85b4b;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}*/

.option.active:before {
    content: '';
    display: block;
    width: 6px;
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: -1px;
    background: #ffcb31;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}

#buttons_n_rate #rate_holder #rate_value div.going_up span {
    color: #65cf92;
}

#buttons_n_rate #rate_holder #rate_value div.going_dn span {
    color: #e44b5b;
}

#chart_holder {
    position: absolute;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Chart zoom controls - floating bottom-left */
.chart-zoom-controls {
    position: absolute;
    bottom: 32px;
    left: 24px;
    z-index: 100;
    display: none;
    flex-direction: column-reverse;
    gap: 4px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.chart-zoom-controls:hover {
    opacity: 1;
}

.chart-zoom-controls .zoom-control {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.35);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s ease;
}

.chart-zoom-controls .zoom-control i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.chart-zoom-controls .zoom-control:hover {
    color: rgba(255,255,255,0.4);
}

.chart-zoom-controls .zoom-control:active {
    color: rgba(255,255,255,0.5);
}

/* Mobile - smaller controls */
@media (max-width: 992px) {
    .chart-zoom-controls {
        gap: 8px;
    }
    .chart-zoom-controls .zoom-control {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

.flot-text {
    z-index: 2;
}

.flot-tick-label {
    font-weight: bold;
}

.option-chart-time {
    position: absolute;
    /*z-index: 10;*/
    bottom: 0px;
    display:none;

}

.option-chart-time.call {
    color: #63d837;
}

.option-chart-time.put {
    color: #f85b4b;
}

.chart-overlay {
    height: 100%;
    z-index: 10;
    position: relative;
}

.chart-overlay .message {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    font-size: 34px;
    color: #ffffff;
}

.error-message-popup-container {
    z-index: 1001 !important;
}

.closed_deal_chart .flot-y-axis {
    display: none !important;
}

.closed_deal_chart .flot-x-axis {
    height: 26px;
    margin-top: 1px;
    top: 277px !important;

}

.closed_deal_chart .flot-x-axis .flot-tick-label.tickLabel {
    top: 11px !important;
    color: #9ba8b7 !important;
    font-size:12px !important;
}

.closed_deal_chart .flot-x-axis .flot-tick-label.tickLabel:first-child {
    top: 0px !important;
}

.popup.closed_deal_info{
    width:440px;
    overflow:hidden;
}
.closed_deal_info .chart_holder{
   overflow:hidden;
}
.closed_deal_chart {
    margin-top: -1px;
    margin-left:-23px;
    margin-right: -23px;
}
.closed_deal_info {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
    height: 400px;
    margin-left:-300px;
    margin-top:-200px;

    min-width: 600px;
    background: #44576c;
    border-radius: 6px;
    display: none;
}
.tool_search-control{
    height:25px;
}

.timeframes-item .val_type {
    padding-right: 5px;
}

/* Timeframe chips for 15-minute variants */
.timeframes-item .value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.timeframe-chips {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 8px;
    flex-shrink: 0;
}

.timeframe-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    font-family: inherit;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    line-height: 1;
}

.timeframe-chip:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.timeframe-chip.active {
    background: #4CAF50;
    color: white;
    border-color: #4CAF50;
    font-weight: bold;
}

.timeframe-chip.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .timeframes-control .dropdown_list {
        min-width: 180px;
    }
    
    .timeframe-chip {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }
    
    .timeframe-chips {
        gap: 10px;
    }
}

/* Dark theme adjustments */
[data-theme="drk"] .timeframe-chip {
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="drk"] .timeframe-chip:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.8);
}

[data-theme="drk"] .timeframe-chip.active {
    background: #4CAF50;
    color: white;
    border-color: #4CAF50;
}

/* Timeframe display circle indicator */
.timeframe-display-circle {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    z-index: 2;
}

@media (max-width: 768px) {
    .timeframe-display-circle {
        width: 20px;
        height: 20px;
        font-size: 11px;
        left: auto;
        right: 30px;
    }
}

[data-theme="drk"] .timeframe-display-circle {
    background: #4CAF50;
    color: white;
    border-color: #4CAF50;
}

#warning-message {
    text-align: center;
    font-size: 28px;
    margin-top: 40%;
    margin-left: 10%;
    margin-right: 10%;
    zoom: 100%;
}

#launcher{
    display:none;
}
.hide-on-xl{display:none;}
.traders_length .length_name, .deals_length .length_name, .date_time .current_date { color: #AFAFAF; }
.dropdown .symbol_height#symbol_list_holder { height: auto; }
.item_container .length_counter .value{color: #93959a;}
div#chart canvas { z-index: 1; }
.symbol_height .dropdown_list.asset-control {z-index: 100;}

.option:hover {    border-color: #ffcb31; box-shadow: 0 0 0 1px #ffcb31;}
.option .close_deal .close_deal_message, .currency-container.jpy {color: #959595;}

.news-scroll .tab_content{padding-right: 16px;}

/*.flot-tick-label{color:#9ca5b7 !important;}*/

.trade-amount{display: none;}
.icon .fi-rr-arrow-alt-circle-up, .icon .fi-rr-arrow-alt-circle-down{width: auto;height:auto;margin: 0 0 0 30px;display: inline-block;vertical-align: middle;}
.icon .fi-rr-arrow-alt-circle-up::before, .icon .fi-rr-arrow-alt-circle-down::before {width: 30px;height: 30px;}
.item_container .length_counter .icon-clock {width: 30px;transform: scale(0.65);-webkit-transform: scale(0.65);-moz-transform: scale(0.65);-ms-transform: scale(0.65);-o-transform: scale(0.65);transform-origin: left;-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;margin-right: -10px;margin-bottom: 2px;}
.length_counter .svgi.clock::before {zoom: 1;}


#profit_summary #profit, #profit_summary #expiration{padding: 22px 9px 22px 9px !important;}



@media all and (max-width: 1400px) {
.flot-text {overflow-y: hidden;width: 100%;overflow-x: hidden;}
}
@media all and (max-width: 1024px) {
    html, body{min-width: initial!important;}
	.left-container-new{width: 70% !important;}
	#right_container.right-container-new{width: 30%;min-width:initial;}
	#desktop.desktop-new {position: relative;top: 0;}
	div#wrapper {position: relative;overflow: auto;}
	#desktop.desktop-new {position: relative;top: 0;}
	div#signals_block {width: 35%;}
	div#options_block {width: 65% !important;min-width: unset !important;}
}
@media all and (max-width: 950px){
	#header .header_item .item_container {padding: 8px 10px;}
	#header #account_btn{padding:0;}
	#header .header_item:first-child .item_container {padding-left: 0;}
	#header .header_item:last-child .item_container {padding-right: 7px;}
    #header #account_inf #bonusAccount_inf #balance #balance_val {
        font-size: 16px;
    }
	#chart_block #chart_header .select{min-width: 140px;}
}

@media all and (max-width: 924px){
    .icon .fi-rr-arrow-alt-circle-up, .icon .fi-rr-arrow-alt-circle-down{margin: 0 0 0 25px;}
}

@media all and (max-width: 768px){
	div#wrapper.wrapper-new {padding-right:90px;padding-left:0;}
	#container.clearfix{display: inline-block;width:100%;}
	.left-container-new {width: 100% !important;}
	#right_container.right-container-new{width: 100%;}
	#buttons_n_rate {position: fixed !important;z-index: 998 !important;right: 10px;bottom: 0;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;top: 0;width: 80px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
	div#wrapper .action_btn{width:100%;height:50%;}
	#buttons_n_rate .action_btn .action_btn_values .icon {width: 100%!important;float: none;text-align: center;}
	#buttons_n_rate #rate_holder, #buttons_n_rate .action_btn .action_btn_values .value, #social_row, #news_block, .btm_row.clearfix, #header .header_item:last-child, .header_item.hide-on-mobile, .header_item.menu-item-header:before {display: none;}
	div#wrapper .action_btn.call {margin-bottom: 10px;}
	/*#consoles_container {height: 176px;}*/
	#profit_summary{margin-top:12px;}
	#header #account_btn{min-width: 80px;}
    #header #account_inf #bonusAccount_inf #balance #balance_val {
        font-size: 14px;
    }
	#chart_block #chart_header .select {min-width: 118px;margin-right: 6px;}
	#social_row.hide-on-xl{display:block;}
	div#options_block {width: 100% !important;}	
	.wrapper-new .closed_deal_info{min-width: 520px;margin-left: -260px;}
	#options_list .slimScrollDiv, #options_list .scroll {height: 100% !important;}
	#profit_summary #profit {width: 50% !important;}
    .icon .fi-rr-arrow-alt-circle-up, .icon .fi-rr-arrow-alt-circle-down {margin: 0 0 0 0px;}
    #consoles_container {height: 210px;}
}

@media screen and (max-height: 700px){
    #profit_summary #profit, #profit_summary #expiration{padding: 12px 9px 12px 9px !important;}
    #profit_summary > div {
         padding: 22px 12px 22px 20px !important;
    }
}
/*@media (max-width: 600px) and (max-height: 700px){
    #consoles_container {height: 182px !important;}
}*/

@media all and (max-width: 768px) {
        #profit_summary > div {padding: 10px 12px 10px 20px;}
}

@media all and (min-width: 573px) {
    .responsive-filters {
        min-width: 420px;
        padding: 0 0 10px;
    }
}

@media all and (max-width: 572px){
	#buttons_n_rate {bottom: 0;top: auto;width: 100%;flex-flow: row;height: 80px;padding: 12px !important;left: 0;right: auto;background: #141517;}
	div#wrapper .action_btn {width: 50%;height: 100%;}
	div#wrapper .action_btn.call {margin-bottom: 0;margin-right: 10px;}
	div#wrapper.wrapper-new {padding-right: 0;padding-bottom: 70px;}
	.header_item #user_menu #user_menu_dropdown{left: -100%;}
	.responsive-filters{width: 250px;padding: 0 0 10px;}
	.responsive-filters div#symbol_search_container, .responsive-filters div#symbol_filter {width: 100%;}
	.responsive-filters .table-row.tool_filter-container{display:block;width:100%;}
	.responsive-filters #symbol_filter .symbol_filter_item {display: inline-block;padding: 10px 8px;}
	.responsive-filters{box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);}
	#actions_block .dropdown{z-index: 999;}	
	.wrapper-new .closed_deal_info{min-width: 440px;margin-left: -220px;}
	.wrapper-new .closed_option_current_rate, .wrapper-new .closed_option_open_rate{margin-top:32px;}
	#float_rate {
        right: 0px;
        padding: 7px 5px;
        width: auto!important;
        right: 0px;
        left: initial;
        font-size: 12px;
    }
    .date_time .length_counter{text-align:center;}
    .date_time .length_counter .icon{display:none;}
    /** .summary_values_mobile .profit_title{display:none;} **/
    
    /*
    .summary_values_mobile .actions_title{/** font-size:0px; ** display:inline-block; /** margin-top:5px; **}
    .summary_values_mobile .profit_percent-container{font-size:18px;}
    #profit_summary > div > div.summary_values_mobile{width:100%;}
    #profit_summary .summary_values_mobile .profit_value{display:inline-block; vertical-align:top; margin:3px 0 0 5px;}
    #profit_summary  .profit_summary_values .profit_value{float:right;margin-top: 0;}
    #expiration .actions_title{font-size:14px;margin-top:4px;margin-bottom: 0;vertical-align: -webkit-baseline-middle;}
    .actions_title .profit_title{display: block;}
    .actions_title .profit_title, .trade-amount{font-size: 14px;}
    .summary_values_mobile .profit_percent-container, .summary_values_mobile .expiration_value-container{/** font-size:5vw;**font-size:18px; margin-top:5px;}
    * #profit_percent,.profit_value{font-size:24px;}
    
    */
    .trade-amount{display: block;text-transform:uppercase;}
    
    
    
    .mobile-hide{display: none;}
}

@media screen and (min-width: 501px) {
    #wrapper {
        padding: 6px;
    }
}

@media all and (max-width: 500px){
    .header_item.traders_length , .header_item #account_btn { display: none; }
	.wrapper-new .deal_close_pop {width: 280px;margin-left: -140px;}
	.button{padding: 12px 30px;}
	.trend-outer.clearfix {display: inline-block;float: none;width: 100%;vertical-align: top;margin: 4px 0 0;}
	#chart_block #chart_holder {top: 82px;}
	#chart_header .trend-outer #trend{width:100%;}
	div#wrapper #tutorial_plate{max-width:250px;}	
	.wrapper-new .closed_deal_info .header .header_name{font-size: 13px;line-height: 12px;}
	.wrapper-new .closed_deal_info .header {padding: 10px;}
	.wrapper-new .closed_deal_info .header .header_time {font-size: 13px;margin-left: 12px;line-height: 12px;}
	.wrapper-new .closed_deal_info {min-width: 240px;margin-left: -145px;width: 290px !important;height: 410px;margin-top: -230px;box-shadow: 0px 1px 8px 0px rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0px 1px 8px 0px rgba(255, 255, 255, 0.3);-moz-box-shadow: 0px 1px 8px 0px rgba(255, 255, 255, 0.3);-o-box-shadow: 0px 1px 8px 0px rgba(255, 255, 255, 0.3);-o-box-shadow: 0px 1px 8px 0px rgba(255, 255, 255, 0.3);}
	.wrapper-new .closed_deal_info .content .summary .result, .wrapper-new .closed_deal_info .content .summary .item {padding: 10px;}
	.wrapper-new .closed_deal_info .content .summary .result .symbol, .wrapper-new .closed_deal_info .content .summary .item .values .value, .wrapper-new .closed_deal_info .content .summary .item .values .value .measure {font-size:13px;}
	.wrapper-new .closed_deal_info .content .summary .result .value{font-size:16px;}
	.wrapper-new .closed_deal_info .content .summary .item .icon {margin: 4px 8px 0 0;}
	.wrapper-new .closed_deal_chart {margin-left: -12px;margin-right: -12px;}
	.wrapper-new .closed_deal_info .content .chart_holder {width: 100%;}
	.wrapper-new .closed_deal_info .content .summary {min-width: initial;width: 15%;}
	.wrapper-new .closed_option_current_rate, .wrapper-new .closed_option_open_rate {right: -4px;margin-top: 16px;font-size: 10px;}
	.wrapper-new .closed_deal_info .footer .share{padding: 6px 8px;margin-right: 4px;}
	.wrapper-new .closed_deal_info .footer .share .icon {margin-right: 5px;font-size: 12px;}
	.wrapper-new .closed_deal_info .footer .share:last-child {margin-right: 0;}
	.wrapper-new .closed_deal_info .footer {padding: 20px 0;}
	.wrapper-new .closed_deal_info .footer .share > div{font-size: 10px;}
	#chart_block #chart_header .select {min-width: 49%;margin-right: 3px;}
	#chart_header .pull-left.clearfix {float: none;}
	#chart_block #chart_header .select:last-child {margin-right: 0;}
	
}
@media all and (max-width: 480px){
/*#profit_percent, #profit_summary .summary_values_mobile .profit_value{font-size:17px;}
.actions_title .profit_title, .trade-amount{font-size: 12px;}*/
}

@media  (max-width: 420px){
    #consoles_container {height: auto; }
}

@media all and (max-width: 767px){
.header_item.date_time{display:none;}
#profit_percent, #profit_summary .summary_values_mobile .profit_value{font-size:16px;}
.actions_title .profit_title, .trade-amount{font-size: 9px;}
.summary_values_mobile .expiration_value-container{font-size: 16px;display:inline-block;}
/* Close time styling to match profit values on mobile */
#expiration .actions_title .close-time{font-size: 16px;font-weight: 600;}
.currency-container{font-size:14px;}
#expiration .actions_title{margin-top:0;font-size:10px;}

/* Countdown timer for long timeframes (15M+) */
.countdown-timer {
    font-weight: 600;
    margin-top: 8px;
    color: inherit;
    display: block;
}

}

@media all and (max-width: 370px){
#expiration .actions_title {margin-top: 2px;}

}

@media all and (max-width: 320px){
	#header .header_item .item_container {padding: 8px 8px;}
}

.fi {
    font-size: 24px;
    color: #93959a;
}

.fi-small {
    font-size: 14px;
}

.fi-medium {
    font-size: 18px;
}

.fi-large {
    font-size: 28px;
}

.fi-rr-arrow-alt-circle-up,
.fi-rr-arrow-alt-circle-down {
    color: white;
}

/* Badge for open trades count */
.badge {
    display: inline-block !important;
    background-color: #e44b5b;
    color: white;
    border-radius: 10px;
    padding: 0 8px;
    min-width: 16px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: bold;
    text-shadow: none;
    visibility: visible !important;
    z-index: 5;
}

/* Countdown timer for long timeframes (15M+) - only override necessary styles */
#profit_summary .profit_value .countdown-timer {
    display: block;
    margin-top: 8px;
}

/* Close time for long timeframes (smaller font) */
#profit_summary .profit_value .close-time {
    font-size: 0.85em;
    font-weight: normal;
}

/* Prevent flash of wrong content on page load */
.expiration_label-container:empty::after {
    content: "";
    visibility: hidden;
}