/************ THEME-ING ************/
body {
    background-color: black;
}

.theme-background {
    background-color: #152a47;
}

.theme-main-color-1 {
    background-color: #2C4676;
}
.theme-main-color-2 {
    background-color: rgba(201, 201, 201, 1);
}
.theme-main-color-3 {
    background-color: #313339;
}
.theme-border-main-color-2 {
    border-color: #3F6A9F;
}

.theme-secondary-color-1 {
    background-color: #183153 ;
}
.theme-secondary-color-2 {
    background-color: #455f8f ;
}
.theme-border-secondary-color-2 {
    border-color: #455f8f ;
}
.theme-text-color-1-background {
    background-color: #fefefe ;
}
.theme-text-color-1 {
    color: #fefefe ;
}
.theme-text-color-2 {
    color: #fefefe ;
}
.theme-text-color-3 {
    color: #bbb ;
}
.theme-text-color-1-border {
    border-color: #fefefe ;
}
.theme-text-color-2-border {
    border-color: #fefefe ;
}
.theme-text-color-3-border {
    border-color: #bbb ;
}
.theme-sell {
    background-color: #CC2E33 ;
}
.theme-sell-text {
    color: #CC2E33 ;
}
.theme-badge-sell {
    background-color: #CC2E33;
    color: #fefefe;
}
.theme-badge-hollow-sell {
    border: 1px solid #CC2E33;
    color: #fefefe;
}
.theme-border-sell {
    border-color: #CC2E33;
}
.theme-buy {
    background-color: #00B00F ;
}
.theme-buy-text {
    color: #00B00F ;
}
.theme-badge-buy {
    background-color: #00B00F;
    color: #fefefe;
}
.theme-badge-red {
    background-color: #7d1e1d;
    color: #fefefe;
}
.theme-badge-green {
    background-color: #034f09;
    color: #fefefe;
}
.theme-badge-hollow-buy {
    border: 1px solid #00B00F;
    color: #fefefe;
}
.theme-border-buy {
    border-color: #00910c;
}
.theme-tabs {
    background-color: #2C4676;
    color: #fefefe;
}
.theme-subheader-tabs {
    background-color: #455f8f;
    color: #fefefe;
}
.theme-tabs .ui-tabs-active {
    background-color: #455f8f;
}
.theme-subheader-tabs .ui-tabs-active {
    background-color: #34486d;
}
.theme-disabled-cont .theme-disable-able{
    background-color: #aaaaaa !important;
}
.theme-disabled-background {
    background-color: #aaaaaa;
}
.theme-table-header {
    background-color:  #455f8f ;
    cursor: default;
}
.theme-table-row {
    background-color: rgb(218, 219, 220);
    color:black;
}

.theme-table-row.theme-bordered,
.theme-algo-table-row.theme-bordered {
    border-top: 1px solid #455f8f;
}
.theme-table-row.theme-bordered:last-of-type,
.theme-algo-table-row.theme-bordered:last-of-type {
    border-bottom: 1px solid #455f8f;
}
.theme-table-row td, .theme-table-header {
    border-right-color: #23487b !important;
}
div[tradairprop="trades-widget"]  .theme-table-row:nth-child(even),
.theme-alternate-row-color {
    background-color: rgba(244, 244, 244, 1);
}

div[tradairprop="client-yield-table"]  .theme-table-row:nth-child(even),
.theme-alternate-row-color {
    background-color: rgba(244, 244, 244, 1);
}

div[tradairprop="client-yield-table"]  .theme-table-row{
    height: 35px ;
}

div[tradairprop="client-yield-table"] td[colname="PNL_USD"]{
    font-size: 15px;
    font-weight: bold;
}

div[tradairprop="tikdb-table"]  .theme-table-row:nth-child(even),
.theme-alternate-row-color {
    background-color: rgba(244, 244, 244, 1);
}

div[tradairprop="tikdb-table"]  .theme-table-row{
    height: 15px ;
}

div[tradairprop="tikdb-table"] td[colname="PNL_USD"]{
    font-size: 15px;
    font-weight: bold;
}


/*div[tradairprop="orders-widget"] tr.theme-table-row:nth-of-type(even) {*/
    /*background-color: #006600 !important;*/
/*}*/


.theme-widget-base {
    background-color: #183153;
    border-bottom-color: #375894 !important;
    color: #fefefe ;
}

.session-timeout-alert {
    background-color: #183153;
    border-left: 2px solid #313339;
    border-right: 2px solid #313339;
    border-bottom-color: #313339 !important;
    color: #fefefe ;
    width: 350px !important;
    z-index: 2147483647;
}

.theme-streamer-cont {
    background-color: rgba(38, 64, 100, 0.3);
}


.theme-highlight,
.theme-table-row.tchild {
    background-color: #dadbdc !important;
}



.theme-highlight.theme-table-row td {
    border-right-color: #263d67 !important;
    border-top-color: #9eb8d9 !important;
    border-bottom-color: #9eb8d9 !important;
}

.theme-highlight.theme-table-row td:first-of-type {
    border-left-color: #9eb8d9 !important;
}

.theme-highlight.theme-table-row td:last-of-type {
    border-right-color: #9eb8d9 !important;
}
.theme-regular-button {
    background-color: #335682;
    color: #fefefe;
}
.theme-blotter-expand {
    background-color: #335682;
}
.tchild .theme-blotter-expand:before, .tchild .theme-blotter-expand:after{
    background-color: #335682;
}
.theme-button-selected {
    background-color: #4e7eb9;
}

.owl-prev, .owl-next, .owl-dot span {
    background-color: #335682 !important;
}

.owl-prev:hover, .owl-next:hover, .owl-dot.active span {
    background-color: #4e7eb9 !important;
}

.theme-tip:after {
    right: -10px;
    top: 0;
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}
.theme-highlight .theme-tip.theme-right:after {
    right: -10px;
    border-left: 11px solid #4e7eb9;
}
.theme-highlight .theme-tip.theme-left:after {
    left: -10px;
    border-right: 11px solid #4e7eb9;
}
.theme-tip:before {
    top: -1px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.theme-highlight .theme-tip.theme-right:before {
    right: -13px;
    border-left: 13px solid #9eb8d9;
}
.theme-highlight .theme-tip.theme-left:before {
    left: -10px;
    border-right: 11px solid #4e7eb9;
}

.theme-widget-placeholder {
    padding: 4px;
}

.theme-widget-placeholder,
.theme-widget-placeholder-innerCont > div{
    background-color: #546480;
}

.theme-widget-placeholder-innerCont {
    background-color: #1d3a63;
    width:100%;
    height: 100%;
    position: relative;
    border-radius: 5px;
}

.theme-widget-placeholder-innerCont > div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-bottom: 1px solid #8997b2;
    border-top: 1px solid #364052;
}

.theme-widget-placeholder-hrzntl {
    width: 60px;
    height: 20px;
    margin-top: -10px;
    margin-left: -30px;

}

.theme-widget-placeholder-vrtcl {
    width: 20px;
    height: 60px;
    margin-top: -30px;
    margin-left: -10px;
}

.theme-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #455f8f), color-stop(50%,#6b85b5), color-stop(100%, #455f8f));
}

.theme-circle {
    border-radius: 50%;
}

.theme-border-main-color-1 {
    border-color: #2C4676;
}
.theme-border-main-color-2 {
    border-color: #3F6A9F;
}
.theme-border-main-color-1-top {
    border-top-color: #2C4676;
}

[class^="taIcon-"].ui-titlebar-button,
[class*=" taIcon-"].ui-titlebar-button,
.ui-widget-header > [class^="taIcon-"],
.ui-widget-header > [class*=" taIcon-"] {
    color: inherit;
}

[class^="taIcon-"].ui-titlebar-button:hover,
[class*=" taIcon-"].ui-titlebar-button:hover,
.ui-widget-header > [class^="taIcon-"]:hover,
.ui-widget-header > [class*=" taIcon-"]:hover,
.ui-dialog-titlebar [class*=" taIcon-"]:hover {
    color: #bbb;
}

.taBigRadio + label span {
    width: 0.8rem;
    height: 0.8rem;
    background: none;
    background-image: none !important;
    border-radius: 50%;
    display: inline-block;
    content: "";
    vertical-align: middle;
    position: relative;
    margin: -0.3rem 0.7rem 0 0;
}
.taBigRadio + label span:before {
    visibility: visible;
    display: inline-block;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
    background: none;
    border-radius: 50%;
    border: 1px solid #3F6A9F;
    position: absolute;
    left: -50%;
    top: -50%;
    margin: 0.1rem 0 0 0.1rem;
}
.taBigRadio:checked + label span {
    background: #3F6A9F;
}
.taBigRadio:active + label span:before {
    background: #5583bc;
}
.taBigRadio + label {
    color: #fefefe;
}

.taRoundBigButton {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    padding: 1.9rem 0.2rem 0 0;
    font-weight: bold;
    width: 7rem;
    height: 7rem;
    color: #fefefe;
    border-radius: 50%;
}

.taRoundBigButton.taRoundPlayButton {
    background-color: #009a0c;
}

.taRoundBigButton.taRoundStopButton {
    background-color: #c02321;
}

.layout_hsplitbar {
    height: 0.2rem;
    border-top: 0.1rem solid  #2C4676;
    border-bottom: 0.1rem solid #2C4676;
    cursor: n-resize;
    cursor: row-resize;
    margin: 0;
}

.theme-text-close {
    color: #455f8f;
}

.taScrollBar::-webkit-scrollbar-thumb {
    background-color: #55647f;
}

.theme-alfa-color-2 {
    background: rgba(63, 106, 159, 0.3);
}

.taSprite_traffic_light_red {
    background: #c02321;
}
.taSprite_traffic_light_green {
    background: #009a0c;
}
.taSprite_traffic_light_gray {
    background: #aaaaaa;
}

.theme-red {
    background-color: #c02321;
}

.theme-green {
    background-color: #009a0c;
}

.theme-red-text {
    color: #c02321;
}

.theme-green-text {
    color: #009a0c;
}

.theme-orange {
    background-color: #FF6600;
}

.theme-yellow {
    background-color: #f4cc00;
}

.layout_placeholder {
    background-color: rgba(91, 127, 194, 0.3);/*rgba(121, 145, 179, 0.6);*/
    -webkit-box-shadow:inset 0 0 1em #888888;
    box-shadow:inset 0 0 1em #888888;
}

.theme-alternate-color-1 {
    background-color: #416FB0;
}

.theme-alternate-color-2 {
    background-color: #f0984c;
}

.theme-table-row .taGlow {
    box-shadow: none;
    /*background-color: ;*/
}
.theme-badge-hollow-buy.taGlow {
    box-shadow: none;
    border-color: #00f715;
}
.theme-badge-hollow-sell.taGlow {
    box-shadow: none;
    border-color: #e68f91;
}

.theme-buy.taGlow {
    box-shadow: none;
    background-color: #00e313;
}
.theme-sell.taGlow {
    box-shadow: none;
    background-color: #da5d61;
}
.theme-badge-sell.taGlow {
    box-shadow: none;
    background-color: #da5d61;
}
.theme-badge-buy.taGlow {
    box-shadow: none;
    background-color: #00e313;
}
.theme-badge-red.taGlow {
    box-shadow: none;
    background-color: #a62826;
}
.theme-badge-green.taGlow {
    box-shadow: none;
    background-color: #05800f;
}

.theme-fill-sell {
    fill: #CC2E33;
}
.theme-fill-buy {
    fill: #00B00F;
}
.theme-fill-row {
    fill: #1f3f6b;
}
.theme-stroke-row {
    stroke: #1f3f6b;
}
.theme-stroke-buy {
    stroke: #00B00F;
}
.theme-stroke-sell {
    stroke: #CC2E33;
}
.theme-fill-main-color-2 {
    fill: #3F6A9F;
}
.theme-stroke-main-color-2 {
    stroke: #3F6A9F;
}
.theme-fill-secondary-color-1 {
    fill: #183153;
}
.theme-fill-secondary-color-2 {
    fill: #455f8f;
}
.theme-fill-regular-button {
    fill: #335682;
}
.theme-fill-red {
    fill: #c02321;
}
.theme-fill-green {
    fill: #009a0c;
}
.theme-fill-yellow {
    fill: #f4cc00;
}
.theme-fill-orange {
    fill: #FF6600;
}
.theme-fill-text-color-1 {
    fill: #fefefe;
}
.theme-fill-text-color-2 {
    fill: #fefefe;
}
.theme-fill-arrow {
    fill: #5583bc;
}
.theme-fill-alternate-1 {
    fill: #416FB0;
}
.theme-fill-alternate-2 {
    fill: #f0984c;
}
.theme-stroke-alternate-1 {
    stroke: #416FB0;
}
.theme-stroke-alternate-2 {
    stroke: #f0984c;
}
.theme-stroke-blue-bar {
    stroke: #33588b;
}
.theme-triangle-alternate-color-2:before {
    border-color: #f0984c;
}
.theme-shadow-gradient {

    background: linear-gradient(to right, rgba(29, 39, 49, 0.35) 0%, rgba(29, 39, 49, 0.1) 6%, rgba(29, 39, 49, 0) 10%);

}

.theme-algo-buy-row {
    color: #66b000;
}
.theme-algo-buy-row:nth-child(even) {
    color: #66b000;
}

.theme-algo-sell-row {
    color: #cc922e;
}
.theme-algo-sell-row:nth-child(even) {
    color: #cc922e;
}

.theme-algo-table-row {
    background-color: #162d4d;
}
.theme-algo-table-row:nth-child(even) {
    background-color:  #152a47;
}

.theme-border-secondary-color-1-after::after {
    border-color: #183153 ;
}
.theme-border-main-color-2-before::before {
    border-color: #3F6A9F;
}
.theme-hover.theme-main-color-2:hover {
    background-color: #4676b1;
}
.theme-active.theme-main-color-2:active {
    background-color: #556c89;
}

.theme-watermark-text-color {
    color: #1a2d47;
}


/*IOS style switch*/

.onOffSwitch-input + label:before {
    background-color: #183153;
}

.onOffSwitch-input + label,
.onOffSwitch-input + label:after {
    background-color:#3F6A9F;
}

/*.onOffSwitch-input:checked + label,*/
.onOffSwitch-input:checked + label:after {
    background-color: #009a0c;
}


.theme-text-option-3 {
    fill: #fefefe;
    color: #fefefe;
    font-size: 20px;
}
.theme-text-option-2 {
    fill: #152a47;
    color: #152a47;
    font-size: 20px;
}


.theme-button {
    padding: 10px 15px;
    background-color: #3F6A9F;
    color: #fefefe;
    font-size: 16px;
    border-radius: 5px;
    border: 0px solid;
}

.theme-block {
    margin: 5px;
}


.inlineList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.inlineList li {
    display: inline;
}


#menuCont > #menu > .menubody> .menubody_text,
.autoComplete_cont > .multiSelect_wrapper  .autoComplete_input,
.autoComplete_cont > .multiSelect_wrapper  .autoComplete_option,
.autoComplete_cont > .multiSelect_tagText,
.font-size-1 {
    font-size: 14px;
}

.menubody_text {
    white-space: nowrap;
}

.mainDiv #DailyVolumeLabel {
    padding: 5px 10px;
}

.mainDiv #dailyDecayLabel {
    padding: 5px 10px;
}

.theme-block-padding {
    padding-left: 5px;
}

.theme-block-padding-2 {
    padding-left: 10px;
}

.theme-color-red {
    color : rgb(255, 141, 141);
    font-weight: bold;
}
.theme-color-green {
    color : rgb(102, 255, 102);
    font-weight: bold;
}

.opacity0 {
    opacity: 0;
}

.highcharts-container * {
    font-size: 14px !important;
}

.highcharts-data-labels > text {
    display:none !important;
}

.highcharts-grid > path {
    stroke: #CDCDCD !important;
}
/*
.highcharts-container {
    padding-top: 15px;
} 
*/
@media only screen and (max-device-width: 640px) {
    .highcharts-container * {
        font-size: 11px !important;
    }
}

.mainDiv {
    position: relative;
}

.loading {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    display: none;
}

.loading.active {
    display: block;
}

.loading.active + div {
    -webkit-filter: blur(4px);
}

.centertext {
    text-align: center;
}

.extra-bottom-padding {
    margin-bottom: 50px !important;
}


.activeAnimation {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.widgetTitle {
    font-size: 20pt;
}


.fadeInAndOut {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeInAndOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeInAndOut ease-in 1;
    animation:fadeInAndOut ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    animation-duration:3s;
}

@-webkit-keyframes fadeInAndOut { 0% { opacity:0; } 25% { opacity:1 } 75% { opacity:1 } 100% { opacity:0; } }
@-moz-keyframes fadeInAndOut { 0% { opacity:0; } 25% { opacity:1 } 75% { opacity:1 } 100% { opacity:0; } }
@keyframes fadeInAndOut { 0% { opacity:0; } 25% { opacity:1 } 75% { opacity:1 } 100% { opacity:0; } }


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.hideAnimation {
    overflow: hidden;

    opacity:1;  /* make things invisible upon start */
    -webkit-animation:fadeOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeOut ease-in 1;
    animation:fadeOut ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}


@-webkit-keyframes fadeOut { 0% { opacity:1; } 99% { opacity:0; } 100% { height: 0px} }
@-moz-keyframes fadeOut { 0% { opacity:1; } 99% { opacity:0; } 100% { height: 0px} }
@keyframes fadeOut { 0% { opacity:1; } 99% { opacity:0; } 100% { height: 0px} }

.hide {
    display: none !important;
}

#coverflow_main-fluidwidth > div:nth-child(3) {

    background-color: #152a47 !important;

    width: 100% !important;
    height: 60px !important;
    left: 50% !important;
    -webkit-transform: translate3d(-50%, 0px, 200000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1) !important;
    z-index: 1;
}

#coverflow_main-fluidwidth > div:nth-child(3) > div {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    position: absolute !important;

}
/*#coverflow_main-fluidwidth > div:nth-child(3) > div > div > div:nth-child(2){*/
    /*transform: translate3d(0px, 0px, 0px) !important;*/

/*}*/

#coverflow_main-fluidwidth > div:nth-child(1),
#coverflow_main-fluidwidth > div:nth-child(2) {
    z-index: 10;
    top: 60px !important;
    overflow: visible !important;
}

.centerElement {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
}

/* END IOS style switch*/

/********** END THEME-ING **********/