li
5f40e4e1b5
- 移除秒合约页面及UI - 合约页Tab改为Position Held/Transaction Record - 存款/提款/转账页增加BTC/ETH - 资产页重构(用户信息+盈亏+多语言) - 注册页改版(匹配新设计稿) - 日文全面翻译+首页菜单多语言 - 代理专属注册链接支持(?code=) - 10个locale文件同步更新
24685 lines
517 KiB
CSS
24685 lines
517 KiB
CSS
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%
|
|
}
|
|
|
|
body,
|
|
dir,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
html,
|
|
li,
|
|
menu,
|
|
ol,
|
|
p,
|
|
ul {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0
|
|
}
|
|
|
|
[hidden],
|
|
template {
|
|
display: none
|
|
}
|
|
|
|
a {
|
|
background-color: transparent;
|
|
text-decoration: none
|
|
}
|
|
|
|
.feature-no-touch a:active,
|
|
.feature-no-touch a:hover,
|
|
.feature-touch a:active {
|
|
outline: 0
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 700
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em
|
|
}
|
|
|
|
mark {
|
|
background: #ff0;
|
|
color: #000
|
|
}
|
|
|
|
small {
|
|
font-size: 80%
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
sup {
|
|
top: -.25em
|
|
}
|
|
|
|
sub {
|
|
bottom: -.25em
|
|
}
|
|
|
|
img {
|
|
border: 0
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden
|
|
}
|
|
|
|
svg use {
|
|
pointer-events: none
|
|
}
|
|
|
|
figure {
|
|
margin: 0
|
|
}
|
|
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0
|
|
}
|
|
|
|
pre {
|
|
overflow: auto
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0
|
|
}
|
|
|
|
button {
|
|
overflow: visible
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none
|
|
}
|
|
|
|
button,
|
|
html input[type=button],
|
|
input[type=reset],
|
|
input[type=submit] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer
|
|
}
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default
|
|
}
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
input {
|
|
line-height: normal
|
|
}
|
|
|
|
input[type=checkbox],
|
|
input[type=radio] {
|
|
box-sizing: border-box;
|
|
padding: 0
|
|
}
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
height: auto
|
|
}
|
|
|
|
input[type=search] {
|
|
-webkit-appearance: textfield;
|
|
box-sizing: content-box
|
|
}
|
|
|
|
input[type=search]::-webkit-search-cancel-button,
|
|
input[type=search]::-webkit-search-decoration {
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
legend {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto
|
|
}
|
|
|
|
optgroup {
|
|
font-weight: 700
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 0
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol,
|
|
.cme-offer-dialog ._tv-dialog-content p,
|
|
.cme-offer-dialog ._tv-dialog-content ul,
|
|
.tv-text ol,
|
|
.tv-text p,
|
|
.tv-text ul {
|
|
font-size: 14px;
|
|
margin-bottom: 12px;
|
|
line-height: 1.6;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content ol,
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content p,
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content ul,
|
|
html.theme-dark .tv-text ol,
|
|
html.theme-dark .tv-text p,
|
|
html.theme-dark .tv-text ul {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__color_bright,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__color_bright,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__color_bright,
|
|
.tv-text ol.tv-text__color_bright,
|
|
.tv-text p.tv-text__color_bright,
|
|
.tv-text ul.tv-text__color_bright {
|
|
color: #fff
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__color_silver,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__color_silver,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__color_silver,
|
|
.tv-text ol.tv-text__color_silver,
|
|
.tv-text p.tv-text__color_silver,
|
|
.tv-text ul.tv-text__color_silver {
|
|
color: silver
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__color_silver_30,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__color_silver_30,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__color_silver_30,
|
|
.tv-text ol.tv-text__color_silver_30,
|
|
.tv-text p.tv-text__color_silver_30,
|
|
.tv-text ul.tv-text__color_silver_30 {
|
|
color: #9b9b9b
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__paragraph--additional-top-margin,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__paragraph--additional-top-margin,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__paragraph--additional-top-margin,
|
|
.tv-text ol.tv-text__paragraph--additional-top-margin,
|
|
.tv-text p.tv-text__paragraph--additional-top-margin,
|
|
.tv-text ul.tv-text__paragraph--additional-top-margin {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__paragraph--additional-top-margin_double,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__paragraph--additional-top-margin_double,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__paragraph--additional-top-margin_double,
|
|
.tv-text ol.tv-text__paragraph--additional-top-margin_double,
|
|
.tv-text p.tv-text__paragraph--additional-top-margin_double,
|
|
.tv-text ul.tv-text__paragraph--additional-top-margin_double {
|
|
margin-top: 48px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__paragraph--additional-bottom-margin,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__paragraph--additional-bottom-margin,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__paragraph--additional-bottom-margin,
|
|
.tv-text ol.tv-text__paragraph--additional-bottom-margin,
|
|
.tv-text p.tv-text__paragraph--additional-bottom-margin,
|
|
.tv-text ul.tv-text__paragraph--additional-bottom-margin {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol.tv-text__paragraph--additional-bottom-margin_double,
|
|
.cme-offer-dialog ._tv-dialog-content p.tv-text__paragraph--additional-bottom-margin_double,
|
|
.cme-offer-dialog ._tv-dialog-content ul.tv-text__paragraph--additional-bottom-margin_double,
|
|
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double,
|
|
.tv-text p.tv-text__paragraph--additional-bottom-margin_double,
|
|
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double {
|
|
margin-bottom: 48px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1,
|
|
.tv-text h1 {
|
|
font-size: 45px
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1,
|
|
.tv-text h1 {
|
|
font-size: 38px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1,
|
|
.tv-text h1 {
|
|
font-size: 32px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1,
|
|
.tv-text h1 {
|
|
font-size: 28px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h2,
|
|
.tv-text h2 {
|
|
font-size: 31px
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h2,
|
|
.tv-text h2 {
|
|
font-size: 26px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h2,
|
|
.tv-text h2 {
|
|
font-size: 24px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h3,
|
|
.tv-text h3 {
|
|
font-size: 17px
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h3,
|
|
.tv-text h3 {
|
|
font-size: 16px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h4,
|
|
.tv-text h4 {
|
|
font-size: 15px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1,
|
|
.tv-text h1 {
|
|
margin-bottom: 30px;
|
|
margin-top: 30px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h2,
|
|
.cme-offer-dialog ._tv-dialog-content h3,
|
|
.cme-offer-dialog ._tv-dialog-content h4,
|
|
.tv-text h2,
|
|
.tv-text h3,
|
|
.tv-text h4 {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content h1:first-child,
|
|
.cme-offer-dialog ._tv-dialog-content h2:first-child,
|
|
.cme-offer-dialog ._tv-dialog-content h3:first-child,
|
|
.cme-offer-dialog ._tv-dialog-content h4:first-child,
|
|
.tv-text h1:first-child,
|
|
.tv-text h2:first-child,
|
|
.tv-text h3:first-child,
|
|
.tv-text h4:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content ol,
|
|
.cme-offer-dialog ._tv-dialog-content ul,
|
|
.tv-text ol,
|
|
.tv-text ul {
|
|
list-style-position: inside
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content--position-outside ol,
|
|
.cme-offer-dialog ._tv-dialog-content--position-outside ul,
|
|
.tv-text--position-outside ol,
|
|
.tv-text--position-outside ul {
|
|
list-style-position: outside;
|
|
padding-left: 17px
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button),
|
|
.cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button),
|
|
.tv-text [data-href]:not(.tv-user-badge):not(.tv-button),
|
|
.tv-text a:not(.tv-user-badge):not(.tv-button) {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button),
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button),
|
|
html.theme-dark .tv-text [data-href]:not(.tv-user-badge):not(.tv-button),
|
|
html.theme-dark .tv-text a:not(.tv-user-badge):not(.tv-button) {
|
|
color: #299dcd
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button):visited,
|
|
.cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button):visited,
|
|
.tv-text [data-href]:not(.tv-user-badge):not(.tv-button):visited,
|
|
.tv-text a:not(.tv-user-badge):not(.tv-button):visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button):visited,
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button):visited,
|
|
html.theme-dark .tv-text [data-href]:not(.tv-user-badge):not(.tv-button):visited,
|
|
html.theme-dark .tv-text a:not(.tv-user-badge):not(.tv-button):visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button):hover,
|
|
.feature-no-touch .cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button):hover,
|
|
.feature-no-touch .tv-text [data-href]:not(.tv-user-badge):not(.tv-button):hover,
|
|
.feature-no-touch .tv-text a:not(.tv-user-badge):not(.tv-button):hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-no-touch .cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-no-touch .tv-text [data-href]:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-no-touch .tv-text a:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-touch .cme-offer-dialog ._tv-dialog-content [data-href]:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-touch .cme-offer-dialog ._tv-dialog-content a:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-touch .tv-text [data-href]:not(.tv-user-badge):not(.tv-button):active,
|
|
.feature-touch .tv-text a:not(.tv-user-badge):not(.tv-button):active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_semilarge,
|
|
.tv-text__font.tv-text__font--size_semilarge {
|
|
font-size: 15px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_semilarge,
|
|
.tv-text__font.tv-text__font--size_semilarge {
|
|
font-size: 14px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_large,
|
|
.tv-text__font.tv-text__font--size_large {
|
|
font-size: 17px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_large,
|
|
.tv-text__font.tv-text__font--size_large {
|
|
font-size: 16px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_xlarge,
|
|
.tv-text__font.tv-text__font--size_xlarge {
|
|
font-size: 19px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font.cme-offer-dialog ._tv-dialog-content__font--size_xlarge,
|
|
.tv-text__font.tv-text__font--size_xlarge {
|
|
font-size: 18px
|
|
}
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font--bold,
|
|
.tv-text__font--bold {
|
|
font-weight: 700
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content__font--italic,
|
|
.tv-text__font--italic {
|
|
font-style: italic
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content--darkbg,
|
|
.cme-offer-dialog ._tv-dialog-content--darkbg ol,
|
|
.cme-offer-dialog ._tv-dialog-content--darkbg p,
|
|
.cme-offer-dialog ._tv-dialog-content--darkbg ul,
|
|
.tv-text--darkbg,
|
|
.tv-text--darkbg ol,
|
|
.tv-text--darkbg p,
|
|
.tv-text--darkbg ul {
|
|
color: #fff
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content--highlight-important,
|
|
.tv-text--highlight-important {
|
|
background: #fff2cf;
|
|
box-shadow: 3px 2px 0 #fff2cf, -3px -1px 0 #fff2cf, 3px -1px 0 #fff2cf, -3px 2px 0 #fff2cf
|
|
}
|
|
|
|
html.theme-dark .cme-offer-dialog ._tv-dialog-content--highlight-important,
|
|
html.theme-dark .tv-text--highlight-important {
|
|
box-shadow: 3px 2px 0 #194453, -3px -1px 0 #194453, 3px -1px 0 #194453, -3px 2px 0 #194453;
|
|
background: #194453
|
|
}
|
|
|
|
.symbol-change-direction.up {
|
|
color: #3cbc98
|
|
}
|
|
|
|
.symbol-change-direction.down {
|
|
color: #ff4a68
|
|
}
|
|
|
|
.js-hidden {
|
|
display: none !important
|
|
}
|
|
|
|
.js-no-pointer-events {
|
|
pointer-events: none !important
|
|
}
|
|
|
|
.i-mobile-link {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .i-mobile-link {
|
|
color: #299dcd
|
|
}
|
|
|
|
.i-mobile-link:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .i-mobile-link:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .i-mobile-link:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .i-mobile-link:active,
|
|
.feature-touch .i-mobile-link:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
body {
|
|
min-width: 320px;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
body.i-no-scroll {
|
|
position: fixed
|
|
}
|
|
|
|
body.i-no-scroll,
|
|
body.i-no-scroll-safari {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden !important
|
|
}
|
|
|
|
body.i-no-padding {
|
|
padding: 0 !important
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: rgba(216, 240, 250, .6)
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(216, 240, 250, .6)
|
|
}
|
|
|
|
html.theme-dark ::-moz-selection {
|
|
background: rgba(117, 134, 150, .6)
|
|
}
|
|
|
|
html.theme-dark ::selection {
|
|
background: rgba(117, 134, 150, .6)
|
|
}
|
|
|
|
.i-hidden {
|
|
display: none !important
|
|
}
|
|
|
|
.i-invisible {
|
|
visibility: hidden !important
|
|
}
|
|
|
|
.i-clearfix:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.i-align_left {
|
|
text-align: left !important
|
|
}
|
|
|
|
.i-align_right {
|
|
text-align: right !important
|
|
}
|
|
|
|
.i-align_center {
|
|
text-align: center !important
|
|
}
|
|
|
|
.i-float_left {
|
|
float: left !important
|
|
}
|
|
|
|
.i-float_right {
|
|
float: right !important
|
|
}
|
|
|
|
.i-float_none {
|
|
float: none !important
|
|
}
|
|
|
|
@media screen and (min-width:1020px) {
|
|
.i-device-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
.i-desktop-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:479px) {
|
|
.i-phones-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.i-except-phones-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
body.fullscreen-mode {
|
|
overflow: hidden
|
|
}
|
|
|
|
.tv-layout-width {
|
|
width: 1020px;
|
|
margin: 0 auto;
|
|
padding: 0 20px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.tv-layout-width--no-padding {
|
|
padding: 0;
|
|
width: 980px
|
|
}
|
|
|
|
.tv-dialog .tv-layout-width {
|
|
max-width: 100%
|
|
}
|
|
|
|
.chart-page .tv-layout-width {
|
|
width: 100%
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
.tv-layout-width {
|
|
width: auto
|
|
}
|
|
|
|
.tv-layout-width .tv-feed {
|
|
margin-left: -20px;
|
|
margin-right: -20px
|
|
}
|
|
}
|
|
|
|
.tv-layout-padding {
|
|
padding: 0 20px
|
|
}
|
|
|
|
body.page-wide .tv-layout-width,
|
|
body.popup-wide .fancybox-overlay .tv-layout-width {
|
|
width: 1520px
|
|
}
|
|
|
|
.tv-main,
|
|
body.page-fullwidth .tv-layout-width {
|
|
width: 100%
|
|
}
|
|
|
|
.tv-main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100%
|
|
}
|
|
|
|
.tv-side-toolbar {
|
|
float: left;
|
|
position: static;
|
|
height: 100%;
|
|
overflow-x: visible;
|
|
overflow-y: hidden
|
|
}
|
|
|
|
.tv-main-panel {
|
|
position: relative;
|
|
background-color: #f1f3f6;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tv-side-panel {
|
|
float: right;
|
|
position: relative;
|
|
z-index: 15;
|
|
height: 100%
|
|
}
|
|
|
|
.tv-panels {
|
|
height: 100%
|
|
}
|
|
|
|
.chart-page .tv-content {
|
|
padding: 0
|
|
}
|
|
|
|
.clear {
|
|
clear: both
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
display: block;
|
|
content: ""
|
|
}
|
|
|
|
.hide {
|
|
display: none !important
|
|
}
|
|
|
|
.show {
|
|
display: block !important
|
|
}
|
|
|
|
.tv-right {
|
|
float: right !important
|
|
}
|
|
|
|
.tv-left {
|
|
float: left !important
|
|
}
|
|
|
|
#_atssh {
|
|
position: absolute;
|
|
margin-top: -20px
|
|
}
|
|
|
|
.js-right-boundary {
|
|
margin-right: 0
|
|
}
|
|
|
|
.icon {
|
|
background: url("../images/icons.png") 0 0 no-repeat;
|
|
vertical-align: middle
|
|
}
|
|
|
|
._tv-button .icon-dropdown,
|
|
.icon {
|
|
display: inline-block;
|
|
position: relative
|
|
}
|
|
|
|
._tv-button .icon-dropdown {
|
|
left: 5px;
|
|
height: 15px;
|
|
width: 13px;
|
|
vertical-align: top;
|
|
background: url("../images/select-bg.png") 2px 5px no-repeat
|
|
}
|
|
|
|
._tv-button.active .icon-dropdown {
|
|
background-position: 2px -15px
|
|
}
|
|
|
|
._tv-button._tv-button-fontstyle {
|
|
height: 14px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 25px;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-button.process,
|
|
.ajax-process-bg {
|
|
background-image: url("../images/bar-loader.gif") !important;
|
|
background-repeat: repeat !important;
|
|
background-position: 0 0 !important;
|
|
pointer-events: none
|
|
}
|
|
|
|
.ajax-process-bg,
|
|
html.theme-dark ._tv-button.process {
|
|
background-image: url("../images/bar-loader-dark.gif") !important
|
|
}
|
|
|
|
._tv-button._tv-button-fontstyle .icon-fontstyle-bold,
|
|
._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
|
|
display: block;
|
|
height: 11px;
|
|
margin: auto;
|
|
background: url("../images/icons.png") 0 0 no-repeat;
|
|
position: relative;
|
|
top: 1px
|
|
}
|
|
|
|
._tv-button._tv-button-fontstyle .icon-fontstyle-bold {
|
|
width: 10px;
|
|
background-position: -40px -260px
|
|
}
|
|
|
|
._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
|
|
width: 7px;
|
|
background-position: -60px -260px
|
|
}
|
|
|
|
._tv-button,
|
|
button._tv-button {
|
|
cursor: default;
|
|
padding: 6px 10px 5px;
|
|
height: 15px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-decoration: none !important;
|
|
color: #4a4a4a;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
background-color: #f1f3f6;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: content-box;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none
|
|
}
|
|
|
|
html.theme-dark ._tv-button,
|
|
html.theme-dark button._tv-button {
|
|
background-color: #2f3241;
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch ._tv-button:hover {
|
|
background-position: 0 -26px;
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button:hover {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
._tv-button.active,
|
|
._tv-button.toolbutton.active,
|
|
.feature-no-touch ._tv-button.toolbutton:active,
|
|
.feature-no-touch ._tv-button:active:not([disabled]),
|
|
.feature-no-touch .tv-select-container:active,
|
|
.feature-touch ._tv-button.toolbutton:active,
|
|
.feature-touch ._tv-button:active:not([disabled]),
|
|
.feature-touch .tv-select-container:active,
|
|
.tv-select-container.sbHolderOpen {
|
|
background: #fff;
|
|
color: #3bb3e4
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button.toolbutton:active,
|
|
html.feature-no-touch.theme-dark ._tv-button:active:not([disabled]),
|
|
html.feature-no-touch.theme-dark .tv-select-container:active,
|
|
html.feature-touch.theme-dark ._tv-button.toolbutton:active,
|
|
html.feature-touch.theme-dark ._tv-button:active:not([disabled]),
|
|
html.feature-touch.theme-dark .tv-select-container:active,
|
|
html.theme-dark ._tv-button.active,
|
|
html.theme-dark ._tv-button.toolbutton.active,
|
|
html.theme-dark .tv-select-container.sbHolderOpen {
|
|
background: #2f3241
|
|
}
|
|
|
|
._tv-button.ok {
|
|
min-width: 30px;
|
|
border-color: transparent !important;
|
|
color: #fff !important
|
|
}
|
|
|
|
._tv-button.ok,
|
|
html.theme-dark ._tv-button.ok {
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.ok:hover {
|
|
background: #38acdb;
|
|
border-color: transparent
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button.ok:hover {
|
|
background: #38acdb
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.ok:active,
|
|
.feature-touch ._tv-button.ok:active {
|
|
background: #299dcd;
|
|
border-color: transparent
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button.ok:active,
|
|
html.feature-touch.theme-dark ._tv-button.ok:active {
|
|
background: #299dcd
|
|
}
|
|
|
|
._tv-button.ok.disabled,
|
|
._tv-button.ok:disabled {
|
|
background: #99cfd8 !important;
|
|
border-color: transparent
|
|
}
|
|
|
|
html.theme-dark ._tv-button.ok.disabled,
|
|
html.theme-dark ._tv-button.ok:disabled {
|
|
background: #21384d !important
|
|
}
|
|
|
|
._tv-button.ok.process {
|
|
background: url("../images/button-base-process.gif") 0 0 repeat !important
|
|
}
|
|
|
|
._tv-button.block {
|
|
display: block;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-button.slim {
|
|
padding: 3px 8px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.chart-description ._tv-button.slim {
|
|
line-height: normal
|
|
}
|
|
|
|
._tv-button.icon {
|
|
padding: 5px
|
|
}
|
|
|
|
._tv-button.icon.active {
|
|
background: #cfe1ff
|
|
}
|
|
|
|
._tv-button.toolbutton {
|
|
width: 24px;
|
|
height: 25px;
|
|
padding: 0 !important;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-button.wide {
|
|
padding: 5px 15px;
|
|
min-width: 50px
|
|
}
|
|
|
|
._tv-button.xwide {
|
|
padding: 5px 0;
|
|
width: 175px
|
|
}
|
|
|
|
._tv-button.xxwide {
|
|
padding: 5px 0;
|
|
width: 185px
|
|
}
|
|
|
|
._tv-button.disabled {
|
|
color: #848484;
|
|
opacity: .7;
|
|
cursor: default
|
|
}
|
|
|
|
._tv-button.disabled,
|
|
.feature-no-touch ._tv-button.disabled:active,
|
|
.feature-no-touch ._tv-button.disabled:hover,
|
|
.feature-touch ._tv-button.disabled:active {
|
|
background-position: 0 -78px
|
|
}
|
|
|
|
._tv-button.theblueone {
|
|
background: #4387f6 url("../images/publish-chart-bg.png");
|
|
color: #fff !important;
|
|
border: 1px solid #346bc2;
|
|
padding: 4px 10px 5px
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.theblueone:active,
|
|
.feature-touch ._tv-button.theblueone:active {
|
|
background-position: 0 -26px
|
|
}
|
|
|
|
._tv-button.half-left {
|
|
border-radius: 3px 0 0 3px;
|
|
border-right: none
|
|
}
|
|
|
|
._tv-button.half-right {
|
|
border-radius: 0 3px 3px 0
|
|
}
|
|
|
|
._tv-button.cancel {
|
|
background: #9ca0a6 !important;
|
|
border-color: transparent;
|
|
color: #fff !important
|
|
}
|
|
|
|
html.theme-dark ._tv-button.cancel {
|
|
color: #c5cbce !important;
|
|
background: #2f3241 !important
|
|
}
|
|
|
|
._tv-button.cancel:disabled,
|
|
.feature-no-touch ._tv-button.cancel:active,
|
|
.feature-no-touch ._tv-button.cancel:not(.disabled):hover,
|
|
.feature-touch ._tv-button.cancel:active {
|
|
border-color: transparent
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.cancel:not(.disabled):hover {
|
|
background-color: #898c91 !important
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):hover {
|
|
background-color: #393d4f !important
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.cancel:not(.disabled):active,
|
|
.feature-touch ._tv-button.cancel:not(.disabled):active {
|
|
background-color: #787b7f !important
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):active,
|
|
html.feature-touch.theme-dark ._tv-button.cancel:not(.disabled):active {
|
|
background-color: #3f4357 !important
|
|
}
|
|
|
|
._tv-button.cancel:disabled {
|
|
background: #cfd3db !important
|
|
}
|
|
|
|
html.theme-dark ._tv-button.cancel:disabled {
|
|
background: #1c2030 !important
|
|
}
|
|
|
|
._tv-button.process {
|
|
background: url("../images/bar-loader.gif") 0 0 repeat
|
|
}
|
|
|
|
html.theme-dark ._tv-button.process {
|
|
background: url("../images/bar-loader-dark.gif") 0 0 repeat
|
|
}
|
|
|
|
._tv-button.delete {
|
|
background: #d75442;
|
|
border-color: transparent;
|
|
color: #fff !important
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.delete:not(.disabled):hover {
|
|
background: #da5f4f;
|
|
border-color: transparent
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.delete:active,
|
|
.feature-touch ._tv-button.delete:active {
|
|
background: #d44935;
|
|
border-color: transparent
|
|
}
|
|
|
|
._tv-button.green {
|
|
background: #43be83;
|
|
border-color: transparent;
|
|
color: #fff !important
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.green:hover {
|
|
background: #4ec28a;
|
|
border-color: transparent
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.green:active,
|
|
.feature-touch ._tv-button.green:active {
|
|
background: #3eb47b;
|
|
border-color: transparent
|
|
}
|
|
|
|
._tv-button.with-arrow {
|
|
position: relative;
|
|
margin-left: 2px
|
|
}
|
|
|
|
._tv-button.with-arrow.arrow-left:after,
|
|
._tv-button.with-arrow.arrow-left:before {
|
|
right: 100%;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none
|
|
}
|
|
|
|
._tv-button.with-arrow.arrow-left:after {
|
|
border-color: hsla(0, 0%, 98%, 0);
|
|
border-right-color: #f9f9f9;
|
|
border-width: 5px;
|
|
top: 50%;
|
|
margin-top: -5px
|
|
}
|
|
|
|
._tv-button.with-arrow.arrow-left:before {
|
|
border-color: hsla(0, 0%, 74%, 0);
|
|
border-right-color: #bcbcbc;
|
|
border-width: 6px;
|
|
top: 50%;
|
|
margin-top: -6px
|
|
}
|
|
|
|
.feature-no-touch ._tv-button.with-arrow.arrow-left:active:after,
|
|
.feature-touch ._tv-button.with-arrow.arrow-left:active:after {
|
|
border-color: rgba(227, 231, 233, 0);
|
|
border-right-color: #e3e7e9;
|
|
margin-right: -1px
|
|
}
|
|
|
|
.tv-uppercase {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tv-select {
|
|
display: none
|
|
}
|
|
|
|
.tv-select-container {
|
|
background-color: #f1f3f6;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
border-radius: 0;
|
|
height: 26px;
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-select-container {
|
|
color: #c5cbce;
|
|
border-color: #363c4e;
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.tv-select-container a {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-select-container a {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-select-container.sbHolderOpen,
|
|
.tv-select-container.sbHolderOpen a {
|
|
color: #000
|
|
}
|
|
|
|
.tv-select-container.sbHolderDisabled {
|
|
background-color: #fff;
|
|
border-color: #e3e5e6;
|
|
color: gray
|
|
}
|
|
|
|
.tv-select-container.sbHolderDisabled a {
|
|
color: gray
|
|
}
|
|
|
|
.tv-select-container.sbHolderDisabled .sbToggle {
|
|
opacity: .2
|
|
}
|
|
|
|
.feature-no-touch .tv-select-container:hover:not(.sbHolderDisabled) .sbToggle:after {
|
|
border-color: #000 transparent transparent
|
|
}
|
|
|
|
.tv-select-container .sbSelector {
|
|
cursor: default;
|
|
display: block;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
padding: 0 23px 0 10px;
|
|
color: #6b6b6d
|
|
}
|
|
|
|
.feature-no-touch .tv-select-container .sbSelector:hover {
|
|
outline: none;
|
|
text-decoration: none
|
|
}
|
|
|
|
.tv-select-container .sbToggle {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 6px;
|
|
height: 15px;
|
|
width: 13px;
|
|
cursor: default
|
|
}
|
|
|
|
.tv-select-container .sbToggle .tv-caret {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-select-container .sbToggle .tv-caret {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-select-container.dialog {
|
|
height: 25px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-select-container.dialog .sbSelector {
|
|
height: 25px;
|
|
line-height: 25px;
|
|
padding: 0 20px 0 10px;
|
|
min-width: 80px;
|
|
width: calc(100% - 30px)
|
|
}
|
|
|
|
.tv-select-container.dialog .sbOptions {
|
|
min-width: 100%;
|
|
z-index: 3
|
|
}
|
|
|
|
.tv-select-container .sbSeparator {
|
|
display: block;
|
|
height: 1px;
|
|
background: #c9cbcd
|
|
}
|
|
|
|
.tv-select.inset+.tv-select-container {
|
|
background: #eff3f6;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
|
|
color: #6f7073
|
|
}
|
|
|
|
.tv-unstyled-select-container {
|
|
position: relative
|
|
}
|
|
|
|
.property-wide-select .tv-select-container.dialog .sbSelector {
|
|
width: 90px
|
|
}
|
|
|
|
.tv-report-dialog-select .sbOptions {
|
|
max-width: 600px
|
|
}
|
|
|
|
.tv-report-dialog-select .sbOptions a {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-select-container .sbHolderDisabled {
|
|
background-color: #3c3c3c;
|
|
border: 1px solid #515151
|
|
}
|
|
|
|
.tv-select-container .sbOptions,
|
|
.tv-unstyled-select-container .sbOptions {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 30px;
|
|
min-width: 150px;
|
|
z-index: 3;
|
|
overflow-y: auto;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
html.theme-dark .tv-select-container .sbOptions,
|
|
html.theme-dark .tv-unstyled-select-container .sbOptions {
|
|
border-color: #363c4e;
|
|
background: #1c2030
|
|
}
|
|
|
|
.tv-select-container .sbOptions.tv-quandl-select,
|
|
.tv-unstyled-select-container .sbOptions.tv-quandl-select {
|
|
max-width: 350px
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter {
|
|
width: 700px
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item:nth-child(2n),
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:nth-child(2n) {
|
|
width: 46%
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item {
|
|
overflow: hidden;
|
|
float: left;
|
|
width: 54%;
|
|
min-height: 34px
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item:first-child,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:first-child {
|
|
width: 100%
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item .filter,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .filter {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 11px;
|
|
margin: 0 5px 3px 0;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc,
|
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc {
|
|
height: 16px;
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.tv-select-container .sbOptions a,
|
|
.tv-unstyled-select-container .sbOptions a {
|
|
display: block;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
padding: 7px 12px;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-select-container .sbOptions a,
|
|
html.theme-dark .tv-unstyled-select-container .sbOptions a {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-select-container .sbOptions.tv-quandl-select a,
|
|
.tv-unstyled-select-container .sbOptions.tv-quandl-select a {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
border-bottom: none
|
|
}
|
|
|
|
.tv-select-container .sbOptions .spinner-container,
|
|
.tv-unstyled-select-container .sbOptions .spinner-container {
|
|
position: relative;
|
|
height: 30px
|
|
}
|
|
|
|
.sbOptions a:visited,
|
|
.tv-select-container .sbOptions a:link,
|
|
.tv-unstyled-select-container .sbOptions a:link {
|
|
color: #4a4a4a;
|
|
text-decoration: none
|
|
}
|
|
|
|
html.theme-dark .sbOptions a:visited,
|
|
html.theme-dark .tv-select-container .sbOptions a:link,
|
|
html.theme-dark .tv-unstyled-select-container .sbOptions a:link {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-select-container .sbOptions a:hover,
|
|
.feature-no-touch .tv-unstyled-select-container .sbOptions a:hover {
|
|
background: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-select-container .sbOptions a:hover,
|
|
html.feature-no-touch.theme-dark .tv-unstyled-select-container .sbOptions a:hover {
|
|
background: #262b3e
|
|
}
|
|
|
|
.tv-select-container .sbOptions a.active,
|
|
.tv-unstyled-select-container .sbOptions a.active {
|
|
background: #f1f3f6;
|
|
border-left: 3px solid #5cb888;
|
|
padding-left: 9px;
|
|
color: #333
|
|
}
|
|
|
|
html.theme-dark .tv-select-container .sbOptions a.active,
|
|
html.theme-dark .tv-unstyled-select-container .sbOptions a.active {
|
|
background: #262b3e
|
|
}
|
|
|
|
.tv-select-container .sbOptions li.last a,
|
|
.tv-unstyled-select-container .sbOptions li.last a {
|
|
border-bottom: none
|
|
}
|
|
|
|
.tv-select-container .sbOptions .sbDisabled,
|
|
.tv-unstyled-select-container .sbOptions .sbDisabled {
|
|
display: block;
|
|
padding: 7px 0 7px 10px
|
|
}
|
|
|
|
.tv-select-container .sbOptions .sbGroup,
|
|
.tv-unstyled-select-container .sbOptions .sbGroup {
|
|
display: block;
|
|
font-weight: 700;
|
|
padding: 7px 0 7px 3px
|
|
}
|
|
|
|
.tv-select-container .sbOptions .sbSub,
|
|
.tv-unstyled-select-container .sbOptions .sbSub {
|
|
padding-left: 17px
|
|
}
|
|
|
|
.tv-select-container.tv-select-container-fontsize .sbSelector {
|
|
width: 26px
|
|
}
|
|
|
|
.tv-select-container.tv-select-container-fontsize .sbOptions {
|
|
min-width: 54px
|
|
}
|
|
|
|
.tv-select-container-timezone .sbOptions {
|
|
min-width: 170px
|
|
}
|
|
|
|
.tv-text-input {
|
|
color: #4a4a4a;
|
|
margin: 0;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
width: 100px;
|
|
height: 26px;
|
|
vertical-align: top;
|
|
padding: 0 5px
|
|
}
|
|
|
|
html.theme-dark .tv-text-input {
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-text-input:focus,
|
|
.feature-touch .tv-text-input:focus {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
.tv-text-input.inset {
|
|
background: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-text-input.inset {
|
|
background: #131722
|
|
}
|
|
|
|
.tv-text-input.ticker {
|
|
height: 25px;
|
|
width: 60px
|
|
}
|
|
|
|
.tv-text-input.ticker--longer-sign_8 {
|
|
width: 72px
|
|
}
|
|
|
|
.ticker-text {
|
|
background: #f2f5f8;
|
|
width: 30px !important;
|
|
text-align: center
|
|
}
|
|
|
|
textarea.tv-textarea {
|
|
color: #5a5a5a;
|
|
margin: 0;
|
|
border: 1px solid #c9cbcd;
|
|
padding: 0 5px
|
|
}
|
|
|
|
.tv-close-panel {
|
|
width: 5px;
|
|
height: 25px;
|
|
border-color: #dadde0;
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
background-color: #f1f3f6;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
html.theme-dark .tv-close-panel {
|
|
background-color: #363c4e;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.hidden .tv-close-panel.right,
|
|
.tv-close-panel.left {
|
|
background-image: url(data:image/gif;base64,R0lGODlhAwAFAPABAMnLzf///yH5BAUAAAEALAAAAAADAAUAQAIGTGCgqAcFADs=)
|
|
}
|
|
|
|
.hidden .tv-close-panel.left,
|
|
.tv-close-panel.right {
|
|
background-image: url(data:image/gif;base64,R0lGODlhAwAFAIABAMnLzf///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==)
|
|
}
|
|
|
|
.tv-close-panel.bottom,
|
|
.tv-close-panel.top {
|
|
width: 25px;
|
|
height: 5px;
|
|
border-width: 0 1px
|
|
}
|
|
|
|
.hidden .tv-close-panel.bottom,
|
|
.tv-close-panel.top {
|
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFTGAHuF0AOw==)
|
|
}
|
|
|
|
.hidden .tv-close-panel.top,
|
|
.tv-close-panel.bottom {
|
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFhB0XC1sAOw==)
|
|
}
|
|
|
|
body,
|
|
html {
|
|
color: #4a4a4a;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
|
|
font-size: 14px;
|
|
height: 100% !important
|
|
}
|
|
|
|
html.theme-dark body,
|
|
html.theme-dark html {
|
|
color: #c5cbce
|
|
}
|
|
|
|
body.font-VI-lang-safe,
|
|
html.font-VI-lang-safe body {
|
|
font-family: Arial, sans-serif
|
|
}
|
|
|
|
body {
|
|
background: #f2f3f5
|
|
}
|
|
|
|
body.tv-body--bg_superdark {
|
|
background: #2a2c39
|
|
}
|
|
|
|
body.extension {
|
|
min-width: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
img {
|
|
border: none
|
|
}
|
|
|
|
textarea {
|
|
resize: none
|
|
}
|
|
|
|
.feature-no-touch :focus,
|
|
.feature-touch :focus {
|
|
outline: none !important
|
|
}
|
|
|
|
input::-ms-clear {
|
|
display: none
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
border-radius: 0
|
|
}
|
|
|
|
.chart-page :not(input):not(textarea):not(.selectable),
|
|
.tv-profile .tags,
|
|
.unselectable {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.chart-page :not(input):not(textarea):not(.selectable).selectable--full,
|
|
.chart-page :not(input):not(textarea):not(.selectable).selectable--full :not(.unselectable),
|
|
.selectable,
|
|
.tv-profile .tags.selectable--full,
|
|
.tv-profile .tags.selectable--full :not(.unselectable),
|
|
.unselectable.selectable--full,
|
|
.unselectable.selectable--full :not(.unselectable),
|
|
input,
|
|
textarea {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.selectable,
|
|
input,
|
|
textarea {
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.font-VI-lang-safe .selectable,
|
|
.font-VI-lang-safe input,
|
|
.font-VI-lang-safe textarea {
|
|
font-family: Arial, sans-serif
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center
|
|
}
|
|
|
|
#footer {
|
|
background: #dbdbdb;
|
|
color: #626262;
|
|
border-top: 1px solid #999;
|
|
height: 24px;
|
|
font-size: small
|
|
}
|
|
|
|
#chart-area {
|
|
background: transparent
|
|
}
|
|
|
|
#chart-area,
|
|
.chart-container,
|
|
.chart-place {
|
|
position: relative;
|
|
touch-action: none
|
|
}
|
|
|
|
#chart-area.fullscreen {
|
|
position: fixed;
|
|
z-index: 15;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100% !important;
|
|
height: 100% !important
|
|
}
|
|
|
|
.chart-page {
|
|
background: #080A17
|
|
}
|
|
|
|
html.theme-dark .chart-page {
|
|
background: #2f3241
|
|
}
|
|
|
|
.chart-page .chart-container {
|
|
border: 0px solid;
|
|
border-color: #080A17;
|
|
background-color: #080A17
|
|
}
|
|
|
|
html.theme-dark .chart-page .chart-container {
|
|
background-color: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.chart-page .chart-container.multiple.active {
|
|
border: 1px solid #007fb9
|
|
}
|
|
|
|
.chart-page .chart-container.inactive .chart-status-picture,
|
|
.chart-page .chart-container.inactive .pane-legend {
|
|
opacity: .6
|
|
}
|
|
|
|
.chart-page .chart-container.inactive .back-to-present,
|
|
.chart-page .chart-container.inactive .control-bar-wrapper,
|
|
.chart-page .chart-container.inactive .pane-legend-line.study {
|
|
display: none
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
font-size: x-small
|
|
}
|
|
|
|
.input-reset {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
cursor: pointer;
|
|
display: none;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.input-reset:before {
|
|
content: " ";
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url("../images/icons.png") no-repeat -103px -340px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -5px 0 0 -5px
|
|
}
|
|
|
|
.feature-no-touch .input-reset:hover {
|
|
background-color: #f2f5f8
|
|
}
|
|
|
|
.feature-no-touch .input-reset:active,
|
|
.feature-touch .input-reset:active {
|
|
opacity: .6
|
|
}
|
|
|
|
.favored-list .item.quicked .to-quick,
|
|
.favored-list .item .to-quick.quicked {
|
|
opacity: .35
|
|
}
|
|
|
|
.feature-no-touch .favored-list .item.quicked:hover .to-quick,
|
|
.feature-no-touch .favored-list .item:hover .to-quick.quicked {
|
|
opacity: 1;
|
|
transition: opacity .4s ease
|
|
}
|
|
|
|
.loading-indicator {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 150;
|
|
background: #fff
|
|
}
|
|
|
|
.loading-indicator img {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -58px 0 0 -58px
|
|
}
|
|
|
|
.loading-indicator img.small {
|
|
margin: -12px 0 0 -12px
|
|
}
|
|
|
|
.ui-slider-horizontal {
|
|
margin: 7px 0 0;
|
|
background-color: #f4f7f9;
|
|
border: 1px solid !important;
|
|
border-color: #c9cbcd !important;
|
|
height: 5px !important;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
|
|
}
|
|
|
|
html.theme-dark .ui-slider-horizontal {
|
|
border-color: #2f3241 !important;
|
|
background-color: #171b29
|
|
}
|
|
|
|
.ui-slider-handle {
|
|
width: 15px !important;
|
|
height: 15px !important;
|
|
background: url("../images/icons.png") -20px -80px !important;
|
|
border: none !important;
|
|
top: -5px !important;
|
|
margin-left: -7px !important
|
|
}
|
|
|
|
.ui-slider-horizontal.linewidth-slider {
|
|
width: 101px;
|
|
margin: 7px 10px;
|
|
background: url("../images/dialogs/linewidth-slider.png") 0 0 no-repeat !important;
|
|
height: 12px !important;
|
|
border: none !important;
|
|
box-shadow: none;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.ui-slider-horizontal.linewidth-slider:after,
|
|
.ui-slider-horizontal.linewidth-slider:before {
|
|
content: none
|
|
}
|
|
|
|
.ui-slider-horizontal.transparency-slider {
|
|
width: 99px;
|
|
height: 8px !important;
|
|
margin: 7px 10px;
|
|
background: url("../images/dialogs/opacity-slider.png") !important
|
|
}
|
|
|
|
.ui-slider-horizontal.transparency-slider.wide-slider {
|
|
width: 176px;
|
|
margin: 7px 1px
|
|
}
|
|
|
|
.slider-range {
|
|
width: 155px;
|
|
height: 5px !important;
|
|
background: #fafafa;
|
|
position: relative;
|
|
top: 1px;
|
|
left: 0 !important;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
margin-top: 0 !important
|
|
}
|
|
|
|
.slider-range .ui-slider-range {
|
|
top: 0 !important;
|
|
height: 5px !important
|
|
}
|
|
|
|
.slider-range .ui-slider-handle,
|
|
.slider-range .ui-slider-horizontal.transparency-slider .ui-slider-handle {
|
|
width: 20px !important;
|
|
height: 20px !important;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABvElEQVR42r1U2U7CUBD1D9V36oP4R/AHrmFRChFsQSExKihtFB804oOJLAXKcllEifU6pwkEuYVQH2hykpuZOZNZTmdtZV+11vDk8gWfnEgrh+GEBsjxtHJ9e++rGA1p6USs29tQzq9294OnL4QWYUj4BvCGDT7EMNbbWJisVm9uByJKlggsJCctrfDMS4bJO70P3uoO7Dds8CEGscTxzqtsPXCi3KCKi8s73mJ9PhqNHAEfYij2kzhZ4oqVpjJZtNmhwB+QlsA4KUP7MwswPZhLUFatRZWJlQ44OOD+WVROe/Rh2PmHJwS6gkYc4rZJEf5JwihJA/MoVU2B8PpW5uFoioeiSbwF/3u1wcENykl1khAaI6OFbc4QkAwEG+FYSvC3afvgHh0ndLcJUaXg7/SHdsKDUFyfblm1Wzbmtgw4tlwmji2fiKpOL8WPpUC0bpcCjrAUo2ZKY9k0/yebIslmy0nYDGJ1KewuCXvP8SjgN8I8XPx6X8TJEXdz3nHwjo8D6cqC0KFNbB/AG7aZ47Cz7PkqYtiomGABeMMGH9pErJsDK2FzMkmKdKpTa3rsLKPSgfVXjLq0skv/C1tGuRhzjqXzAAAAAElFTkSuQmCC) 0 0 no-repeat !important;
|
|
top: 50% !important;
|
|
margin: -10px 0 0 -10px !important
|
|
}
|
|
|
|
.ui-slider-horizontal.transparency-slider .gradient {
|
|
width: 92%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: linear-gradient(90deg, transparent 0, #7db9e8)
|
|
}
|
|
|
|
.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
|
|
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
|
|
width: 20px !important;
|
|
height: 20px !important;
|
|
background: url("../images/svg/chart/large-slider-handle.svg") 0 0 no-repeat !important;
|
|
top: 50% !important;
|
|
margin: -10px 0 0 -10px !important
|
|
}
|
|
|
|
.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left,
|
|
.ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left {
|
|
margin: -10px 3px 0 -3px !important
|
|
}
|
|
|
|
.falling,
|
|
.growing,
|
|
.search-results .symbol-last.falling,
|
|
.search-results .symbol-last.growing {
|
|
color: #fff
|
|
}
|
|
|
|
.growing {
|
|
background: #3cbc98
|
|
}
|
|
|
|
.falling {
|
|
background: #ff4a68
|
|
}
|
|
|
|
.font-awesome {
|
|
font-weight: 700;
|
|
font-family: FontAwesome
|
|
}
|
|
|
|
#chart-area .chart-promo,
|
|
#chart-container .chart-promo,
|
|
.tv-chart-view__chart-inner .chart-promo {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 5;
|
|
bottom: 55px;
|
|
left: 10px;
|
|
width: 0;
|
|
height: 80px;
|
|
background: #fff;
|
|
transition: width .5s ease-in-out
|
|
}
|
|
|
|
#chart-area .chart-promo.expanded,
|
|
#chart-container .chart-promo.expanded,
|
|
.tv-chart-view__chart-inner .chart-promo.expanded {
|
|
display: block;
|
|
width: 330px;
|
|
opacity: 1
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link,
|
|
#chart-container .chart-promo a.chart-promo-link,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link {
|
|
display: block;
|
|
width: 330px;
|
|
height: 80px;
|
|
border: 1px solid #dadee1;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
|
|
color: #000
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link .image-promo,
|
|
#chart-container .chart-promo a.chart-promo-link .image-promo,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .image-promo {
|
|
width: 330px;
|
|
height: 80px
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link .comment,
|
|
#chart-container .chart-promo a.chart-promo-link .comment,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment {
|
|
margin-top: -2px;
|
|
padding: 10px 128px 10px 22px;
|
|
font-size: 12px;
|
|
color: #555;
|
|
display: block;
|
|
line-height: 60px
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link .comment .comment-alignment,
|
|
#chart-container .chart-promo a.chart-promo-link .comment .comment-alignment,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment .comment-alignment {
|
|
display: inline-block;
|
|
max-height: 60px;
|
|
overflow: hidden;
|
|
line-height: 15px;
|
|
white-space: pre-wrap;
|
|
vertical-align: middle
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link .logo,
|
|
#chart-container .chart-promo a.chart-promo-link .logo,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo {
|
|
width: 128px;
|
|
height: 80px;
|
|
float: right;
|
|
text-align: center;
|
|
line-height: 80px
|
|
}
|
|
|
|
#chart-area .chart-promo a.chart-promo-link .logo img,
|
|
#chart-container .chart-promo a.chart-promo-link .logo img,
|
|
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo img {
|
|
max-width: 85px;
|
|
max-height: 100%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
#chart-area .chart-promo a.remove-ad,
|
|
#chart-container .chart-promo a.remove-ad,
|
|
.tv-chart-view__chart-inner .chart-promo a.remove-ad {
|
|
background: #ecf1f4;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding: 0 11px;
|
|
color: #5cbfe7;
|
|
font-size: 11px;
|
|
border-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
opacity: .8
|
|
}
|
|
|
|
#chart-container .chart-promo,
|
|
.tv-chart-view__chart-inner .chart-promo {
|
|
bottom: 30px
|
|
}
|
|
|
|
#myswf {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
|
|
.cookie-message {
|
|
position: fixed;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
z-index: 15;
|
|
padding: 18px 20px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 1.57;
|
|
background: rgba(33, 33, 33, .8);
|
|
color: #d4dde6
|
|
}
|
|
|
|
.cookie-message.hidden {
|
|
display: none
|
|
}
|
|
|
|
.cookie-message .cookie-message-text {
|
|
flex: 0 1 auto;
|
|
vertical-align: middle;
|
|
margin-right: 20px;
|
|
padding: 4px 0
|
|
}
|
|
|
|
.cookie-message .cookie-button-wrapper {
|
|
flex: 0 0 auto;
|
|
align-self: center
|
|
}
|
|
|
|
.cookie-message .cookie-button--mobile {
|
|
display: none
|
|
}
|
|
|
|
.cookie-message a {
|
|
color: #5cbfe7
|
|
}
|
|
|
|
.cookie-message .tv-button {
|
|
letter-spacing: .7px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.cookie-message .cookie-message-text {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.cookie-message .cookie-button {
|
|
display: none
|
|
}
|
|
|
|
.cookie-message .cookie-button.cookie-button--mobile {
|
|
display: block
|
|
}
|
|
|
|
.cookie-message .cookie-button.cookie-button--mobile svg {
|
|
margin: 1px;
|
|
width: 14px;
|
|
height: 14px;
|
|
stroke: hsla(0, 0%, 100%, .8);
|
|
transition-property: stroke;
|
|
transition-timing-function: linear
|
|
}
|
|
|
|
.cookie-message .cookie-button-wrapper {
|
|
align-self: flex-start
|
|
}
|
|
}
|
|
|
|
._tv-dialog-shadowbox {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, .5);
|
|
z-index: 110;
|
|
-webkit-transform: translateZ(0)
|
|
}
|
|
|
|
._tv-dialog-shadowbox.transparent {
|
|
background: none
|
|
}
|
|
|
|
._tv-dialog {
|
|
position: absolute;
|
|
min-height: 18px;
|
|
left: 50%;
|
|
top: 50%;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog {
|
|
border-color: #363c4e;
|
|
background: #1c2030
|
|
}
|
|
|
|
._tv-dialog__link {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog__link {
|
|
color: #299dcd
|
|
}
|
|
|
|
._tv-dialog__link:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog__link:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog__link:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog__link:active,
|
|
.feature-touch ._tv-dialog__link:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
._tv-dialog__indented-list {
|
|
padding-left: 20px
|
|
}
|
|
|
|
._tv-dialog__highlightedText {
|
|
background-color: #fff2cf
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog__highlightedText {
|
|
background-color: #21384d
|
|
}
|
|
|
|
._tv-dialog__subTitle {
|
|
margin-top: 20px;
|
|
font-weight: 700;
|
|
display: block
|
|
}
|
|
|
|
._tv-dialog._tv-dialog-min-width {
|
|
min-width: 400px
|
|
}
|
|
|
|
._tv-dialog--alert-email a,
|
|
._tv-dialog--open-a-chart a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog--alert-email a,
|
|
html.theme-dark ._tv-dialog--open-a-chart a {
|
|
color: #299dcd
|
|
}
|
|
|
|
._tv-dialog--alert-email a:visited,
|
|
._tv-dialog--open-a-chart a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog--alert-email a:visited,
|
|
html.theme-dark ._tv-dialog--open-a-chart a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog--alert-email a:hover,
|
|
.feature-no-touch ._tv-dialog--open-a-chart a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog--alert-email a:active,
|
|
.feature-no-touch ._tv-dialog--open-a-chart a:active,
|
|
.feature-touch ._tv-dialog--alert-email a:active,
|
|
.feature-touch ._tv-dialog--open-a-chart a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
._tv-dialog.ui-resizable {
|
|
position: absolute
|
|
}
|
|
|
|
._tv-dialog-title {
|
|
color: #4c525e;
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
padding: 17px 35px 17px 20px;
|
|
cursor: default;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-title {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
._tv-dialog-title._tv-dialog-title-no-close {
|
|
padding-right: 20px
|
|
}
|
|
|
|
._tv-dialog-title._tv-dialog-title-hidden {
|
|
padding: 0;
|
|
font-size: 0;
|
|
color: transparent;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-title-close,
|
|
._tv-dialog-title ._tv-dialog-title-minimize {
|
|
width: 21px;
|
|
height: 21px;
|
|
display: block;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 13px;
|
|
cursor: pointer;
|
|
z-index: 1
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-title-close:after,
|
|
._tv-dialog-title ._tv-dialog-title-minimize:after {
|
|
width: 9px;
|
|
height: 9px;
|
|
content: " ";
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=);
|
|
display: block
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-title ._tv-dialog-title-close:hover:after,
|
|
.feature-no-touch ._tv-dialog-title ._tv-dialog-title-minimize:hover:after {
|
|
background-position: bottom
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-title-minimize:after {
|
|
background: url("../images/dialogs/minimize-flat.gif")
|
|
}
|
|
|
|
._tv-dialog-content {
|
|
color: #131722;
|
|
max-width: 100%
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]) {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]) {
|
|
color: #299dcd
|
|
}
|
|
|
|
._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]):visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]):visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]):hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]):active,
|
|
.feature-touch ._tv-dialog-content a:not([class*=button]):not([class*=btn]):not([class*=tabs]):not([class*=tab]):not([class*=sbSelector]):not([class*=filter]):not(a[href="#yes"]):not(a[href="#no"]):active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
._tv-dialog-content .main {
|
|
padding: 0 20px 20px
|
|
}
|
|
|
|
._tv-dialog-content .main p:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
._tv-dialog-content .main p:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
._tv-dialog-content .main .buttons {
|
|
margin-top: 25px;
|
|
text-align: right
|
|
}
|
|
|
|
._tv-dialog-content .main .buttons.center {
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog-content .main .buttons ._tv-button {
|
|
min-width: 60px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
._tv-dialog-content .main-signup {
|
|
padding: 20px 15px 15px
|
|
}
|
|
|
|
._tv-dialog-content .main-tree {
|
|
padding: 0
|
|
}
|
|
|
|
._tv-dialog-content .alert-dialog-content,
|
|
._tv-dialog-content .main-properties {
|
|
padding: 25px
|
|
}
|
|
|
|
._tv-dialog-content .alert-dialog-content.alert-aftertabs,
|
|
._tv-dialog-content .alert-dialog-content.main-properties-aftertabs,
|
|
._tv-dialog-content .main-properties.alert-aftertabs,
|
|
._tv-dialog-content .main-properties.main-properties-aftertabs {
|
|
padding-top: 5px
|
|
}
|
|
|
|
._tv-dialog-content .alert-dialog-content.main-properties-tabless,
|
|
._tv-dialog-content .main-properties.main-properties-tabless {
|
|
padding-top: 40px
|
|
}
|
|
|
|
._tv-dialog-content .main-properties td {
|
|
padding: 3px 4px;
|
|
height: 27px
|
|
}
|
|
|
|
._tv-dialog-content .main-properties td:empty {
|
|
padding: 0
|
|
}
|
|
|
|
._tv-dialog-content .main-properties td.no-left-indent,
|
|
._tv-dialog-content .main-properties td:first-child {
|
|
padding-left: 0
|
|
}
|
|
|
|
._tv-dialog-content .main-properties td:last-child {
|
|
padding-right: 0
|
|
}
|
|
|
|
._tv-dialog-content .main-properties .percents-label {
|
|
position: relative;
|
|
top: 5px;
|
|
left: 5px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension {
|
|
padding: 40px 70px 40px 52px;
|
|
padding: 0
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .extension-poster {
|
|
width: 328px;
|
|
height: 377px;
|
|
background: url("../images/dialogs/browser-extension/demo.png") 0 0
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .left,
|
|
._tv-dialog-content .main-browser-extension .right {
|
|
width: 50%;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .left {
|
|
float: left;
|
|
padding: 32px 0 0 46px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .right {
|
|
float: right;
|
|
padding: 51px 70px 0 44px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .logo {
|
|
float: left;
|
|
width: 36px;
|
|
height: 36px;
|
|
background-size: 36px 36px;
|
|
margin-right: 10px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .logo.chrome {
|
|
background: url("../images/svg/google-chrome-logo.svg") 0 0
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .info,
|
|
._tv-dialog-content .main-browser-extension .name {
|
|
float: left;
|
|
clear: right;
|
|
color: #a9a9a9;
|
|
width: 200px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .name {
|
|
font-size: 20px;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .info {
|
|
font-size: 12px;
|
|
height: 14px;
|
|
line-height: 20px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension h1 {
|
|
margin-top: 48px;
|
|
margin-bottom: 0;
|
|
font-size: 20px;
|
|
line-height: 20px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension p {
|
|
color: #c2c5cb;
|
|
margin: 14px 0 28px
|
|
}
|
|
|
|
._tv-dialog-content .main-browser-extension .install-extension button {
|
|
height: 42px;
|
|
padding: 0 25px;
|
|
line-height: 42px;
|
|
text-align: center;
|
|
border: none;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
background: #52c3e7;
|
|
color: #fff;
|
|
cursor: pointer
|
|
}
|
|
|
|
._tv-dialog-content .alert-dialog-content {
|
|
padding-top: 10px
|
|
}
|
|
|
|
._tv-dialog-content .properties-separator {
|
|
border-bottom: 1px solid #b5b7b9
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .properties-separator {
|
|
border-bottom: 1px solid #363c4e
|
|
}
|
|
|
|
._tv-dialog-content table._tv-dialog-form {
|
|
width: 100%
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-form td {
|
|
vertical-align: middle;
|
|
padding: 3px 5px;
|
|
color: #595959
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-form td img {
|
|
vertical-align: middle
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-chart-container {
|
|
height: 220px;
|
|
border: 1px solid #828282
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-termsofservice {
|
|
width: 390px;
|
|
height: 80px;
|
|
border: 1px solid #999;
|
|
padding: 5px;
|
|
margin: 0 0 10px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-termsofservice .content {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask {
|
|
width: 18px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
background: url("../images/dialogs/checkbox.png") 0 0
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask.radio {
|
|
background: #fff url("../images/icons.png");
|
|
background-position: -100px -140px;
|
|
width: 16px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask.disabled {
|
|
background-position: 0 -32px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask-active {
|
|
background: url("../images/dialogs/checkbox.png") 0 -16px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask-active.radio {
|
|
background-position: -120px -140px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-label-hint {
|
|
position: relative;
|
|
top: 1px;
|
|
margin: -1px 5px 0
|
|
}
|
|
|
|
._tv-dialog-content--with-padding-top {
|
|
padding-top: 40px
|
|
}
|
|
|
|
._tv-dialogs-label-hint {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
padding: 0;
|
|
border-radius: 14px;
|
|
background: url("../images/help/help-icon.png") no-repeat 50%
|
|
}
|
|
|
|
._tv-dialog-content form input:not(.tv-control-input)[type=text],
|
|
._tv-dialog-content form input[type=password],
|
|
._tv-dialog-text-input {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
height: 33px;
|
|
border: 1px solid #b5b7b9;
|
|
margin: 1px;
|
|
padding: 0 5px;
|
|
background-color: #fff;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type=text],
|
|
html.theme-dark ._tv-dialog-content form input[type=password],
|
|
html.theme-dark ._tv-dialog-text-input {
|
|
color: #c5cbce;
|
|
background-color: #1c2030;
|
|
border: 1px solid #363c4e
|
|
}
|
|
|
|
._tv-dialog-content form input:not(.tv-control-input)[type=text]:disabled,
|
|
._tv-dialog-content form input[type=password]:disabled,
|
|
._tv-dialog-text-input:disabled {
|
|
color: #5a5a5a;
|
|
opacity: .5
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-text-input,
|
|
._tv-dialog-content .alert-dialog-content input[type=password],
|
|
._tv-dialog-content .alert-dialog-content input[type=text] {
|
|
height: 27px
|
|
}
|
|
|
|
._tv-dialog-text-input.disabled {
|
|
color: #909292 !important
|
|
}
|
|
|
|
._tv-dialog-content form input[type=password].error,
|
|
._tv-dialog-content form input[type=text].error {
|
|
margin: 0;
|
|
border: 2px solid #de5764;
|
|
background: #f7e4e6;
|
|
color: #e06571
|
|
}
|
|
|
|
._tv-dialog-content textarea {
|
|
color: #4a4a4a;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
padding: 8px 5px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content textarea {
|
|
background: #1c2030;
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
._tv-dialog-content .alert-dialog-content .sbHolderDisabled .sbSelector,
|
|
._tv-dialog-content textarea:disabled {
|
|
color: #5a5a5a;
|
|
opacity: .5
|
|
}
|
|
|
|
._tv-dialog-content form input.prompt-value {
|
|
margin-top: 15px
|
|
}
|
|
|
|
._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
|
|
.feature-no-touch ._tv-dialog-text-input:focus,
|
|
.feature-touch ._tv-dialog-text-input:focus {
|
|
background: #fff;
|
|
border-color: #3bb3e4 !important;
|
|
color: #595959
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,
|
|
html.feature-touch.theme-dark ._tv-dialog-text-input:focus,
|
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive {
|
|
color: #9db2bd;
|
|
background: #1c2030
|
|
}
|
|
|
|
._tv-dialog-text-input._tv-dialog-text-input-error {
|
|
background: #fff;
|
|
border-color: #d75442;
|
|
color: #595959
|
|
}
|
|
|
|
._tv-dialog-content textarea {
|
|
border: 1px solid #b5b7b9;
|
|
background: #fff
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content textarea {
|
|
border: 1px solid #363c4e
|
|
}
|
|
|
|
._tv-dialog-content textarea._tv-dialog-content-textareaactive {
|
|
color: #595959;
|
|
border-color: #3bb3e4 !important
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-button-big {
|
|
color: #4f5966;
|
|
padding: 10px 16px;
|
|
border-radius: 4px;
|
|
font-weight: 700;
|
|
border: 2px solid #a4a4a4;
|
|
background: url("../images/dialogs/big-button-bg.png")
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content ._tv-dialog-button-big {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button-big:hover {
|
|
background-position: 0 -38px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button-big:active,
|
|
.feature-touch ._tv-dialog-content ._tv-dialog-button-big:active {
|
|
background-position: 0 -76px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-button {
|
|
color: #4f5966;
|
|
padding: 2px 12px;
|
|
border-radius: 4px;
|
|
font-weight: 700;
|
|
border: 1px solid #a4a4a4;
|
|
background: url("../images/dialogs/button-bg.png")
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content ._tv-dialog-button {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button:hover {
|
|
background: url("../images/dialogs/big-button-bg.png");
|
|
background-position: 0 -48px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button:active,
|
|
.feature-touch ._tv-dialog-content ._tv-dialog-button:active {
|
|
background: url("../images/dialogs/big-button-bg.png");
|
|
background-position: 0 -76px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-button-blue {
|
|
cursor: default;
|
|
background: #00b8d6;
|
|
color: #fff;
|
|
padding: 5px 15px;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
height: 15px;
|
|
display: block
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button-blue:active,
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialog-button-blue:hover,
|
|
.feature-touch ._tv-dialog-content ._tv-dialog-button-blue:active {
|
|
background: #00c6e7
|
|
}
|
|
|
|
._tv-dialog-content .caption {
|
|
font-size: 11px;
|
|
color: #4f5966;
|
|
margin-bottom: 3px;
|
|
margin-top: 7px;
|
|
font-weight: 700
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .caption {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
._tv-dialog-content .caption.half {
|
|
float: left;
|
|
width: 50%
|
|
}
|
|
|
|
._tv-dialog-content .caption-text {
|
|
font-size: 12px;
|
|
color: #4f5966;
|
|
margin: 5px 0 0;
|
|
position: relative
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .caption-text {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
._tv-dialog-content .caption-big {
|
|
font-size: 12px;
|
|
color: #4f5966;
|
|
margin: 15px 0
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .caption-big {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
._tv-dialog-content .caption-big.caption-large-font {
|
|
font-size: 14px
|
|
}
|
|
|
|
._tv-dialog-content .caption-big.caption-big-interline {
|
|
line-height: 18px
|
|
}
|
|
|
|
._tv-dialog-content .caption-big-center {
|
|
font-size: 12px;
|
|
color: #4f5966;
|
|
margin: 15px 0;
|
|
text-align: center
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .caption-big-center {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
._tv-dialog-content .caption-big-center.slim {
|
|
margin: 0;
|
|
text-align: left
|
|
}
|
|
|
|
._tv-dialog-content .caption-big-center.slim ul {
|
|
padding-left: 20px
|
|
}
|
|
|
|
._tv-dialog-content .caption-big.slim {
|
|
margin: 0;
|
|
text-align: left
|
|
}
|
|
|
|
._tv-dialog-content .caption.first {
|
|
margin-top: 0
|
|
}
|
|
|
|
._tv-dialog-content .empty-caption {
|
|
height: 7px
|
|
}
|
|
|
|
.publish-dialog ._tv-dialog-content .publish-text.autowidth textarea {
|
|
width: 100%;
|
|
margin: 0
|
|
}
|
|
|
|
.publish-dialog ._tv-dialog-content .publish-text.jsfluid {
|
|
height: 175px
|
|
}
|
|
|
|
.publish-dialog ._tv-dialog-content .publish-text.jsfluid textarea {
|
|
height: 100%;
|
|
margin: 0;
|
|
font-size: 14px
|
|
}
|
|
|
|
.publish-dialog ._tv-dialog-content .publish-text textarea {
|
|
width: 658px;
|
|
height: 175px
|
|
}
|
|
|
|
.publish-dialog ._tv-dialog-content .published-text textarea {
|
|
width: 360px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-captcha-row input {
|
|
float: left
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-captcha {
|
|
height: 31px;
|
|
float: left;
|
|
margin: 0 0 0 5px
|
|
}
|
|
|
|
._tv-dialog-content .instruct {
|
|
background: #eaf3fb;
|
|
border: 1px solid #d1dee9;
|
|
padding: 10px;
|
|
margin: 0 0 10px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
border-radius: 2px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom {
|
|
padding: 12px 10px;
|
|
color: #bdbdbd;
|
|
font-size: 12px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom .text-top {
|
|
margin: 0 0 5px;
|
|
color: #595959
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom .text {
|
|
margin: 8px 0 0;
|
|
color: #9a9a9a;
|
|
font-style: italic
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom a {
|
|
text-decoration: underline
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-signup {
|
|
padding: 20px 40px 20px 150px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button {
|
|
margin: 24px 0 0;
|
|
height: 31px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to {
|
|
color: #858181;
|
|
font-size: 10px;
|
|
height: 31px;
|
|
padding: 0 1px 0 0
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to input {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .repost-to-label {
|
|
float: left;
|
|
padding: 8px 10px 0;
|
|
height: 21px;
|
|
white-space: nowrap;
|
|
border: solid #c9c9c9;
|
|
border-width: 1px 0 1px 1px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label {
|
|
float: left;
|
|
width: 35px;
|
|
height: 29px;
|
|
background: #f2f3f5;
|
|
border: 1px solid #c9c9c9;
|
|
margin: 0 -1px 0 0
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label {
|
|
background: #1c2030
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label:hover {
|
|
background: #fff
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label .icon {
|
|
display: block;
|
|
background: url("../images/icons.png") 100px 100px no-repeat
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.repost-to-twitter .icon {
|
|
width: 22px;
|
|
height: 18px;
|
|
background-position: -50px -320px;
|
|
margin: 6px auto 0
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.i-active.repost-to-twitter {
|
|
background: #9adff6;
|
|
border-color: #72c3de;
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.i-active.repost-to-twitter .icon {
|
|
background-position: -75px -320px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.repost-to-stocktwits .icon {
|
|
width: 22px;
|
|
height: 14px;
|
|
background-position: 0 -320px;
|
|
margin: 8px auto 0
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.i-active.repost-to-stocktwits {
|
|
background: #f6b09a;
|
|
border-color: #de8672;
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button .repost-to .label.i-active.repost-to-stocktwits .icon {
|
|
background-position: -25px -320px
|
|
}
|
|
|
|
._tv-dialog-readbefore {
|
|
border-bottom: 1px dashed #858181;
|
|
cursor: pointer;
|
|
margin: 0 0 0 10px
|
|
}
|
|
|
|
._tv-dialog-readbefore a {
|
|
font-weight: 400;
|
|
font-size: 10px;
|
|
color: #858181
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-readbefore {
|
|
position: relative;
|
|
top: -3px
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-readbefore a {
|
|
position: relative;
|
|
top: 2px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialogs-bottom-button #publish-dialog-do-publish {
|
|
height: 16px;
|
|
padding-top: 7px;
|
|
padding-bottom: 6px
|
|
}
|
|
|
|
._tv-dialog-content .caption-text input[type=checkbox] {
|
|
visibility: hidden
|
|
}
|
|
|
|
._tv-dialog-content .critical,
|
|
._tv-dialog-content .disconnect {
|
|
padding-bottom: 15px
|
|
}
|
|
|
|
._tv-dialog-content .disconnect ol,
|
|
._tv-dialog-content .disconnect ul {
|
|
padding-left: 1.5em;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
._tv-dialog-content .disconnect ul {
|
|
list-style: square
|
|
}
|
|
|
|
._tv-dialogs-name {
|
|
margin-top: 13px;
|
|
margin-bottom: 4px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.save-as-script-dialog .main,
|
|
.save-script-dialog .main {
|
|
padding: 0 20px 3px
|
|
}
|
|
|
|
.save-as-script-dialog ._tv-dialogs-bottom,
|
|
.save-script-dialog ._tv-dialogs-bottom {
|
|
padding-right: 19px;
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.save-as-script-dialog ._tv-dialogs-bottom .ok,
|
|
.save-script-dialog ._tv-dialogs-bottom .ok {
|
|
margin-right: 5px !important
|
|
}
|
|
|
|
.auth-dialog {
|
|
border: none
|
|
}
|
|
|
|
.auth-dialog a {
|
|
cursor: pointer
|
|
}
|
|
|
|
.auth-dialog .page {
|
|
display: none;
|
|
width: 430px
|
|
}
|
|
|
|
.auth-dialog .page.active {
|
|
display: block
|
|
}
|
|
|
|
.auth-dialog .tv-tabs__scroll-box {
|
|
padding: 0 30px !important
|
|
}
|
|
|
|
.auth-dialog .properties-tabs {
|
|
border-bottom: none;
|
|
padding: 0 29px
|
|
}
|
|
|
|
.auth-dialog .properties-tabs:before {
|
|
bottom: 3px
|
|
}
|
|
|
|
.auth-dialog .properties-tabs a.properties-tabs-label {
|
|
font-size: 16px;
|
|
font-weight: 600 !important;
|
|
color: #999;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.auth-dialog .properties-tabs a.properties-tabs-label:not(:first-child) {
|
|
margin-left: 28px
|
|
}
|
|
|
|
.auth-dialog .properties-tabs a.properties-tabs-label.active {
|
|
color: #000
|
|
}
|
|
|
|
.auth-dialog .properties-tabs a.properties-tabs-label:empty {
|
|
display: none
|
|
}
|
|
|
|
.auth-dialog .main {
|
|
padding: 0 30px 30px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-label-text {
|
|
display: block;
|
|
margin-bottom: 6px;
|
|
color: #595959;
|
|
font-size: 12px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials {
|
|
margin: 30px 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 43px;
|
|
height: 43px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a:not(:first-child) {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a svg {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a:hover {
|
|
width: 45px;
|
|
height: 45px;
|
|
border-width: 0
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a:hover svg {
|
|
fill: #fff !important
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook {
|
|
border-color: #3d5b97
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook svg {
|
|
margin-left: -11px;
|
|
margin-top: -11px;
|
|
width: 22px;
|
|
height: 22px;
|
|
fill: #3d5b97
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook:hover {
|
|
background-color: #3d5b97
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter {
|
|
border-color: #32abde
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter svg {
|
|
margin-left: -11px;
|
|
margin-top: -11px;
|
|
width: 24px;
|
|
height: 24px;
|
|
fill: #32abde
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter:hover {
|
|
background-color: #32abde
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2 {
|
|
border-color: #db4c3f
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2 svg {
|
|
margin-left: -9px;
|
|
margin-top: -10px;
|
|
width: 22px;
|
|
height: 22px;
|
|
fill: #db4c3f
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2:hover {
|
|
background-color: #db4c3f
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo {
|
|
border-color: #592e71
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo svg {
|
|
margin-left: -12.5px;
|
|
margin-top: -10px;
|
|
width: 23px;
|
|
height: 22px;
|
|
fill: #592e71
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo:hover {
|
|
background-color: #592e71
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin {
|
|
border-color: #1673b1
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin svg {
|
|
margin-left: -9px;
|
|
margin-top: -12px;
|
|
width: 19px;
|
|
height: 20px;
|
|
fill: #1673b1
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin:hover {
|
|
background-color: #1673b1
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits {
|
|
border-color: #546c85
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits svg {
|
|
margin-left: -10px;
|
|
margin-top: -11px;
|
|
width: 22px;
|
|
height: 22px;
|
|
fill: #546c85
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits:hover {
|
|
background-color: #546c85
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 15px;
|
|
text-align: center;
|
|
margin-bottom: 33px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator-copy {
|
|
display: inline-block;
|
|
position: relative;
|
|
height: 15px;
|
|
padding: 0 17px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
color: #a4a7ab;
|
|
vertical-align: top;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator-copy:after,
|
|
.auth-dialog .auth-dialog-separator-copy:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 7px;
|
|
height: 0;
|
|
border-top: 1px solid #dbdfe4;
|
|
width: 200px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator-copy:before {
|
|
margin: 0 100% 0 0;
|
|
right: 0
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator-copy:after {
|
|
margin: 0 0 0 100%;
|
|
left: 0
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-colomn-table>tbody>tr>td {
|
|
padding-left: 5px
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-colomn-table>tbody>tr>td:first-child {
|
|
padding-right: 5px;
|
|
padding-left: 0
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form input[type=password],
|
|
.auth-dialog ._tv-dialog-content form input[type=text] {
|
|
display: block;
|
|
margin: 0 0 18px;
|
|
padding: 0 14px;
|
|
height: 43px;
|
|
border-color: #d7dbe0;
|
|
font-size: 14px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog ._tv-dialog-content form input[type=password]:focus,
|
|
.feature-no-touch .auth-dialog ._tv-dialog-content form input[type=text]:focus,
|
|
.feature-touch .auth-dialog ._tv-dialog-content form input[type=password]:focus,
|
|
.feature-touch .auth-dialog ._tv-dialog-content form input[type=text]:focus {
|
|
border-color: #1fb9ea
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form input[type=password]::-webkit-input-placeholder,
|
|
.auth-dialog ._tv-dialog-content form input[type=text]::-webkit-input-placeholder {
|
|
color: #b1b6c1
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form input[type=password]:-ms-input-placeholder,
|
|
.auth-dialog ._tv-dialog-content form input[type=password]::-ms-input-placeholder,
|
|
.auth-dialog ._tv-dialog-content form input[type=text]:-ms-input-placeholder,
|
|
.auth-dialog ._tv-dialog-content form input[type=text]::-ms-input-placeholder {
|
|
color: #b1b6c1
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form input[type=password]::placeholder,
|
|
.auth-dialog ._tv-dialog-content form input[type=text]::placeholder {
|
|
color: #b1b6c1
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button {
|
|
cursor: pointer;
|
|
margin: 30px 0 0;
|
|
border: 0;
|
|
padding: 0;
|
|
height: 43px;
|
|
width: 143px;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
text-align: center
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button.tv-auth-dialog--align-right {
|
|
float: right
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button.tv-auth-dialog__cancel-btn {
|
|
display: inline-block
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button:not(.tv-auth-dialog__cancel-btn) {
|
|
background-color: #52c3e7;
|
|
color: #fff
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button:not(.tv-auth-dialog__cancel-btn)::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog ._tv-dialog-content form button:not(.tv-auth-dialog__cancel-btn):hover {
|
|
background: #68cbea
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button:not(.tv-auth-dialog__cancel-btn).process {
|
|
background-image: url("../images/button-base-process.gif")
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options {
|
|
position: relative;
|
|
font-size: 12px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember {
|
|
display: inline-block;
|
|
cursor: pointer
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember .auth-dialog-remember-pseudo {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: #60b789;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember .auth-dialog-remember-pseudo input {
|
|
position: absolute;
|
|
visibility: hidden
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember .auth-dialog-remember-pseudo i {
|
|
display: none;
|
|
margin: 5px 0 0 4px;
|
|
width: 8px;
|
|
height: 6px;
|
|
background: url(data:image/gif;base64,R0lGODlhCAAGAKIAAAAAAP///6DUuLDbxMjm1v///wAAAAAAACH5BAEAAAUALAAAAAAIAAYAAAMRWLoTq42EAQMpbQjLAn/DtSQAOw==)
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember .auth-dialog-remember-pseudo input:checked+i {
|
|
display: block
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-remember .auth-dialog-remember-text {
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-recover {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .auth-dialog .auth-dialog-options .auth-dialog-recover {
|
|
color: #299dcd
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-options .auth-dialog-recover:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .auth-dialog .auth-dialog-options .auth-dialog-recover:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-options .auth-dialog-recover:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-options .auth-dialog-recover:active,
|
|
.feature-touch .auth-dialog .auth-dialog-options .auth-dialog-recover:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-notice p {
|
|
font-size: 12px;
|
|
margin: 0
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-notice p:not(:first-child) {
|
|
margin-top: 5px
|
|
}
|
|
|
|
.auth-dialog .page.recover h2 {
|
|
margin: 22px 0 30px;
|
|
font-size: 16px;
|
|
font-weight: 600 !important;
|
|
color: #000;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-field {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-field .auth-dialog-field-placeholder {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 15px;
|
|
color: #b1b6c1;
|
|
font-size: 14px;
|
|
line-height: 44px;
|
|
cursor: text
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-field input.empty+.auth-dialog-field-placeholder {
|
|
display: block
|
|
}
|
|
|
|
.auth-dialog-after-social ._tv-dialog-content {
|
|
width: 430px
|
|
}
|
|
|
|
.auth-dialog-after-social ._tv-dialog-title {
|
|
margin-bottom: 20px;
|
|
padding: 22px 30px 10px;
|
|
font-size: 16px;
|
|
font-weight: 600 !important;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #dde1e6
|
|
}
|
|
|
|
@media (max-height:645px),
|
|
(max-width:460px) {
|
|
.auth-dialog .page {
|
|
width: 300px
|
|
}
|
|
|
|
.auth-dialog .properties-tabs {
|
|
padding: 0 19px
|
|
}
|
|
|
|
.auth-dialog .main {
|
|
padding: 0 20px 20px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials {
|
|
margin: 20px 0 15px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a:not(:first-child) {
|
|
margin-left: 16px
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a:hover {
|
|
width: 30px;
|
|
height: 30px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook {
|
|
border-color: #3d5b97
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook svg {
|
|
margin-left: -9px;
|
|
margin-top: -9px;
|
|
width: 18px;
|
|
height: 18px;
|
|
fill: #3d5b97
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-facebook:hover {
|
|
background-color: #3d5b97
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter {
|
|
border-color: #32abde
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter svg {
|
|
margin-left: -8.5px;
|
|
margin-top: -9.5px;
|
|
width: 19px;
|
|
height: 19px;
|
|
fill: #32abde
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-twitter:hover {
|
|
background-color: #32abde
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2 {
|
|
border-color: #db4c3f
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2 svg {
|
|
margin-left: -7px;
|
|
margin-top: -8px;
|
|
width: 18px;
|
|
height: 18px;
|
|
fill: #db4c3f
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-google-oauth2:hover {
|
|
background-color: #db4c3f
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo {
|
|
border-color: #592e71
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo svg {
|
|
margin-left: -10.5px;
|
|
margin-top: -8px;
|
|
width: 19px;
|
|
height: 18px;
|
|
fill: #592e71
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-yahoo:hover {
|
|
background-color: #592e71
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin {
|
|
border-color: #1673b1
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin svg {
|
|
margin-left: -7px;
|
|
margin-top: -10px;
|
|
width: 15px;
|
|
height: 16px;
|
|
fill: #1673b1
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-linkedin:hover {
|
|
background-color: #1673b1
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits {
|
|
border-color: #546c85
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits svg {
|
|
margin-left: -8px;
|
|
margin-top: -9px;
|
|
width: 18px;
|
|
height: 18px;
|
|
fill: #546c85
|
|
}
|
|
|
|
.feature-no-touch .auth-dialog .auth-dialog-socials a.auth-dialog-social-stocktwits:hover {
|
|
background-color: #546c85
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-separator {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form input[type=password],
|
|
.auth-dialog ._tv-dialog-content form input[type=text] {
|
|
display: block;
|
|
margin: 0 0 12px;
|
|
padding: 0 10px;
|
|
height: 32px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.auth-dialog ._tv-dialog-content form button[type=submit] {
|
|
margin: 20px 0 0;
|
|
height: 32px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.auth-dialog .page.recover h2 {
|
|
margin: 22px 0 18px
|
|
}
|
|
|
|
.auth-dialog .auth-dialog-field .auth-dialog-field-placeholder {
|
|
left: 12px;
|
|
font-size: 12px;
|
|
line-height: 32px
|
|
}
|
|
|
|
.auth-dialog-after-social ._tv-dialog-content {
|
|
width: 300px
|
|
}
|
|
}
|
|
|
|
._tv-dialog-text-content {
|
|
font-size: 12px
|
|
}
|
|
|
|
._tv-dialog-text-content ul {
|
|
margin: 7px 0;
|
|
padding: 0
|
|
}
|
|
|
|
._tv-dialog-text-content ul li {
|
|
list-style: none;
|
|
background: url("../images/index/bullet.png") 0 3px no-repeat;
|
|
padding: 0 0 0 15px
|
|
}
|
|
|
|
._tv-dialog-text-content ul.spacious {
|
|
margin-left: 12px
|
|
}
|
|
|
|
._tv-dialog-text-content ul.spacious li {
|
|
padding-right: 20px;
|
|
margin: 5px 0
|
|
}
|
|
|
|
._tv-dialog-text-content h3 {
|
|
margin: 15px 0 7px
|
|
}
|
|
|
|
._tv-dialog-text-content p {
|
|
margin: 7px 0
|
|
}
|
|
|
|
._tv-dialog-text-content .standsout-link {
|
|
background: #ededed;
|
|
padding: 10px 21px;
|
|
display: inline-block;
|
|
margin: 0 auto
|
|
}
|
|
|
|
._tv-dialog-content .small-text {
|
|
color: #9a9a9a;
|
|
font-size: 11px;
|
|
padding: 5px 0
|
|
}
|
|
|
|
._tv-dialog-content .input input {
|
|
width: 298px !important
|
|
}
|
|
|
|
._tv-dialog-content .dual-input {
|
|
margin: 7px 0
|
|
}
|
|
|
|
._tv-dialog-content .dual-input input {
|
|
width: 138px !important;
|
|
float: right
|
|
}
|
|
|
|
._tv-dialog-content .dual-input input:first-child {
|
|
float: left
|
|
}
|
|
|
|
._tv-dialog-content .input {
|
|
margin-bottom: 7px
|
|
}
|
|
|
|
._tv-dialog-content .dual {
|
|
margin: 8px 1px 2px
|
|
}
|
|
|
|
._tv-dialog-content .dual .left {
|
|
float: left;
|
|
text-align: left;
|
|
width: 50%
|
|
}
|
|
|
|
._tv-dialog-content .dual .left.checkbox {
|
|
margin: 3px 0 0
|
|
}
|
|
|
|
._tv-dialog-content .dual .right {
|
|
float: right;
|
|
text-align: right;
|
|
width: 50%
|
|
}
|
|
|
|
._tv-dialog-content .dual ._tv-button {
|
|
padding: 5px 30px
|
|
}
|
|
|
|
._tv-dialog-content .big-button ._tv-button {
|
|
padding: 10px 50px;
|
|
background: #fff
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content .big-button ._tv-button:hover {
|
|
background: #fcfcfc
|
|
}
|
|
|
|
._tv-dialog-content label {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content label {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.no-drawings {
|
|
width: 450px;
|
|
color: #8f8f8f;
|
|
font-style: italic;
|
|
text-align: center
|
|
}
|
|
|
|
.no-drawings:before {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
margin-right: -.25em
|
|
}
|
|
|
|
._tv-dialog-title .button-filter,
|
|
.properties-tabs-label .button-filter {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 21px;
|
|
height: 16px;
|
|
vertical-align: top;
|
|
margin: 0 0 0 10px
|
|
}
|
|
|
|
._tv-dialog-title .button-filter:after,
|
|
._tv-dialog-title .button-filter:before,
|
|
.properties-tabs-label .button-filter:after,
|
|
.properties-tabs-label .button-filter:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
._tv-dialog-title .button-filter:before,
|
|
.properties-tabs-label .button-filter:before {
|
|
left: 0;
|
|
margin-top: -5px;
|
|
width: 12px;
|
|
height: 10px;
|
|
background-image: url("../images/icons.png");
|
|
background-position: -61px -462px
|
|
}
|
|
|
|
._tv-dialog-title .button-filter:after,
|
|
.properties-tabs-label .button-filter:after {
|
|
right: 0;
|
|
width: 0;
|
|
margin-top: -1px;
|
|
height: 0;
|
|
border: 3px solid #929393;
|
|
border-bottom: none;
|
|
border-left-color: transparent !important;
|
|
border-right-color: transparent !important
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-title .button-filter:hover:before,
|
|
.feature-no-touch .properties-tabs-label .button-filter:hover:before {
|
|
background-position: -78px -462px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-title .button-filter:hover:after,
|
|
.feature-no-touch .properties-tabs-label .button-filter:hover:after {
|
|
border-color: #666769
|
|
}
|
|
|
|
._tv-dialog-title .button-filter.active:before,
|
|
.feature-no-touch ._tv-dialog-title .button-filter:active:before,
|
|
.feature-no-touch .properties-tabs-label .button-filter:active:before,
|
|
.feature-touch ._tv-dialog-title .button-filter:active:before,
|
|
.feature-touch .properties-tabs-label .button-filter:active:before,
|
|
.properties-tabs-label .button-filter.active:before {
|
|
background-position: -95px -462px
|
|
}
|
|
|
|
._tv-dialog-title .button-filter.active:after,
|
|
.feature-no-touch ._tv-dialog-title .button-filter:active:after,
|
|
.feature-no-touch .properties-tabs-label .button-filter:active:after,
|
|
.feature-touch ._tv-dialog-title .button-filter:active:after,
|
|
.feature-touch .properties-tabs-label .button-filter:active:after,
|
|
.properties-tabs-label .button-filter.active:after {
|
|
border-color: #49b5d6
|
|
}
|
|
|
|
.properties-tabs-label .button-filter {
|
|
visibility: hidden
|
|
}
|
|
|
|
.properties-tabs-label.active .button-filter {
|
|
visibility: visible
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog table {
|
|
padding: 8px 0;
|
|
width: 100%
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr td {
|
|
position: relative;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #eaecef
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .symbol-info-dialog tr td {
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
@media (max-height:550px) {
|
|
._tv-dialog-content .symbol-info-dialog tr td {
|
|
padding: 7px 0
|
|
}
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr td:before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
top: -1px;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: -1px
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr td:first-child:before {
|
|
left: -20px
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr td:last-child:before {
|
|
right: -20px
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr td .symbol-info-text {
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog tr:last-child td {
|
|
border-bottom: none
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content .symbol-info-dialog tr:hover td:before {
|
|
background-color: #edf0f3
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-dialog-content .symbol-info-dialog tr:hover td:before {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog .symbol-info-column {
|
|
color: #888989;
|
|
font-size: 12px
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .symbol-info-dialog .symbol-info-column {
|
|
color: #758696
|
|
}
|
|
|
|
._tv-dialog-content .symbol-info-dialog .symbol-info-value {
|
|
color: #7d7d7d;
|
|
text-align: right;
|
|
font-weight: 700;
|
|
min-width: 100px;
|
|
font-size: 12px
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-content .symbol-info-dialog .symbol-info-value {
|
|
color: #8797a5
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-content .flat:hover:before {
|
|
border-width: 0 !important
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning {
|
|
width: 413px;
|
|
height: 205px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning .buttons {
|
|
text-align: right;
|
|
width: 374px;
|
|
margin-top: 37px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning .buttons .button {
|
|
background-color: #06b1cd;
|
|
border-width: 0;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
padding-left: 10px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning .buttons .button.select {
|
|
margin-right: 5px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning .buttons .button.not-now {
|
|
background: #9ca0a6
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning .buttons .process {
|
|
background-image: url("../images/button-base-process.gif")
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning ._tv-dialog-title {
|
|
padding-bottom: 2px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning ._tv-dialog-content {
|
|
min-width: 450px;
|
|
padding-top: 10px
|
|
}
|
|
|
|
._tv-dialog-modal.line-tools-warning ._tv-dialog-content .message {
|
|
width: 360px
|
|
}
|
|
|
|
.main-tree-page {
|
|
display: none
|
|
}
|
|
|
|
.main-tree-page svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
.main-tree-page.active {
|
|
display: block
|
|
}
|
|
|
|
.main-tree-page.compare {
|
|
padding: 22px 28px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-small {
|
|
font-size: 11px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-medium {
|
|
font-size: 13px
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-left {
|
|
text-align: left
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-center {
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-right {
|
|
text-align: right
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-float-right {
|
|
float: right
|
|
}
|
|
|
|
._tv-dialog-content td._tv-dialog-vtop {
|
|
vertical-align: top
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-relative {
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog-content ._tv-dialog-field-error {
|
|
display: none;
|
|
font-size: 11px;
|
|
color: #c34c36;
|
|
border-top: 2px solid #fcc;
|
|
border-right: 2px solid #fcc;
|
|
border-bottom: 2px solid #fcc;
|
|
background: #f8dde0;
|
|
padding: 6px 10px;
|
|
border-radius: 0 3px 3px 0;
|
|
width: 144px;
|
|
height: 14px;
|
|
float: right
|
|
}
|
|
|
|
._tv-dialog-error,
|
|
._tv-dialog-message {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
z-index: 100;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog-error .message,
|
|
._tv-dialog-message .message {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 10px;
|
|
height: 32px
|
|
}
|
|
|
|
._tv-dialog-error .close,
|
|
._tv-dialog-message .close {
|
|
display: none;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
width: 9px;
|
|
height: 9px;
|
|
border: 4px solid transparent;
|
|
cursor: pointer;
|
|
opacity: .7
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-error .close:hover,
|
|
.feature-no-touch ._tv-dialog-message .close:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
._tv-dialog-error.with-close .message,
|
|
._tv-dialog-message.with-close .message {
|
|
padding: 10px 30px
|
|
}
|
|
|
|
._tv-dialog-error.with-close .close,
|
|
._tv-dialog-message.with-close .close {
|
|
display: block
|
|
}
|
|
|
|
._tv-dialog-error a,
|
|
._tv-dialog-message a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-error a,
|
|
html.theme-dark ._tv-dialog-message a {
|
|
color: #299dcd
|
|
}
|
|
|
|
._tv-dialog-error a:visited,
|
|
._tv-dialog-message a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-error a:visited,
|
|
html.theme-dark ._tv-dialog-message a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-error a:hover,
|
|
.feature-no-touch ._tv-dialog-message a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-error a:active,
|
|
.feature-no-touch ._tv-dialog-message a:active,
|
|
.feature-touch ._tv-dialog-error a:active,
|
|
.feature-touch ._tv-dialog-message a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
._tv-dialog-error {
|
|
color: #c34c36;
|
|
background: #f9e3e6
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-error {
|
|
background: #6f2626;
|
|
color: #ffedf0
|
|
}
|
|
|
|
._tv-dialog-error .close {
|
|
fill: #9b0202
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-error .close {
|
|
fill: #ffa4b3
|
|
}
|
|
|
|
._tv-dialog-message {
|
|
color: #0a8415;
|
|
background: #e2fde1
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-message {
|
|
background: #21384d;
|
|
color: #9addcc
|
|
}
|
|
|
|
._tv-dialog-message .close {
|
|
fill: #096201
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-message .close {
|
|
fill: #3bc2a1
|
|
}
|
|
|
|
._tv-dialog-content .dialog-buttons {
|
|
text-align: right;
|
|
margin-top: 10px
|
|
}
|
|
|
|
._tv-dialog-content .dialog-comment {
|
|
float: left;
|
|
margin-top: 15px
|
|
}
|
|
|
|
._tv-dialog-content .dialog-buttons a:not(._tv-dialogs-label-hint) {
|
|
margin: 0 0 0 5px;
|
|
min-width: 50px;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog-content .dialog-buttons a.tv-left:not(._tv-dialogs-label-hint) {
|
|
margin: 0 5px 0 0
|
|
}
|
|
|
|
._tv-dialog-content .dialog-buttons a.tv-left.tv-left._tv-dialogs-label-hint {
|
|
margin-left: 0;
|
|
margin-right: 0
|
|
}
|
|
|
|
._tv-dialog-content .dialog-buttons ._tv-dialogs-label-hint {
|
|
margin-top: 7px
|
|
}
|
|
|
|
._tv-dialog-content .publish-options {
|
|
color: #595959;
|
|
height: 105px
|
|
}
|
|
|
|
._tv-dialog-content .publish-option {
|
|
border: 1px solid #d0d3d6;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
float: left;
|
|
padding: 10px 10px 10px 32px;
|
|
width: 285px;
|
|
height: 70px;
|
|
cursor: pointer
|
|
}
|
|
|
|
._tv-dialog-content .publish-option.active {
|
|
background: #f9f9f9
|
|
}
|
|
|
|
._tv-dialog-content .publish-option:last-child {
|
|
float: right
|
|
}
|
|
|
|
._tv-dialog-content .publish-option-header {
|
|
font-weight: 700
|
|
}
|
|
|
|
._tv-dialog-content .publish-option-text {
|
|
font-size: 11px
|
|
}
|
|
|
|
.publish-radiobutton {
|
|
background-position: -100px -140px;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 9px
|
|
}
|
|
|
|
.publish-option.active .publish-radiobutton {
|
|
background-position: -120px -140px
|
|
}
|
|
|
|
._tv-dialog-content .dialog-theme-buttons ._tv-button {
|
|
float: left;
|
|
margin-right: 6px
|
|
}
|
|
|
|
._tv-dialog-content .dialog-trail-checkbox {
|
|
float: left
|
|
}
|
|
|
|
._tv-dialog-socials {
|
|
text-align: right
|
|
}
|
|
|
|
._tv-dialog-social {
|
|
display: inline-block;
|
|
margin: 0 0 0 11px;
|
|
vertical-align: top
|
|
}
|
|
|
|
._tv-dialog-social-fbshare {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.publish-direction-buttons {
|
|
height: 33px;
|
|
margin: 0 1px;
|
|
position: relative
|
|
}
|
|
|
|
.publish-direction-buttons .col-long,
|
|
.publish-direction-buttons .col-neutral,
|
|
.publish-direction-buttons .col-short {
|
|
height: 33px;
|
|
margin: 0 -1px;
|
|
padding: 0 1px
|
|
}
|
|
|
|
.publish-direction-buttons .col-long {
|
|
width: 33.3%;
|
|
float: left
|
|
}
|
|
|
|
.feature-no-touch .publish-direction-buttons .col-long ._tv-button.active:hover,
|
|
.feature-no-touch .publish-direction-buttons .col-long ._tv-button:active,
|
|
.feature-touch .publish-direction-buttons .col-long ._tv-button:active,
|
|
.publish-direction-buttons .col-long ._tv-button.active {
|
|
background: #71db1b;
|
|
border-color: #66a51c !important
|
|
}
|
|
|
|
.publish-direction-buttons .col-neutral {
|
|
margin: 0 33.3%
|
|
}
|
|
|
|
.feature-no-touch .publish-direction-buttons .col-neutral ._tv-button.active:hover,
|
|
.feature-no-touch .publish-direction-buttons .col-neutral ._tv-button:active,
|
|
.feature-touch .publish-direction-buttons .col-neutral ._tv-button:active,
|
|
.publish-direction-buttons .col-neutral ._tv-button.active {
|
|
background: #f0cc00;
|
|
border-color: #e0a300 !important
|
|
}
|
|
|
|
.publish-direction-buttons .col-short {
|
|
width: 33.3%;
|
|
float: right
|
|
}
|
|
|
|
.feature-no-touch .publish-direction-buttons .col-short ._tv-button.active:hover,
|
|
.feature-no-touch .publish-direction-buttons .col-short ._tv-button:active,
|
|
.feature-touch .publish-direction-buttons .col-short ._tv-button:active,
|
|
.publish-direction-buttons .col-short ._tv-button.active {
|
|
background: #ff6c4a;
|
|
border-color: #cb401f !important
|
|
}
|
|
|
|
.publish-direction-buttons ._tv-button {
|
|
display: block;
|
|
margin: 0 -1px;
|
|
line-height: 31px;
|
|
height: 31px;
|
|
width: 100%;
|
|
padding: 0;
|
|
text-align: center;
|
|
background: #fff;
|
|
text-shadow: 0 1px 0 hsla(0, 0%, 100%, .4);
|
|
font-size: 14px;
|
|
border-radius: 0
|
|
}
|
|
|
|
html.theme-dark .publish-direction-buttons ._tv-button {
|
|
background: #131722
|
|
}
|
|
|
|
.feature-no-touch .publish-direction-buttons ._tv-button:active,
|
|
.feature-touch .publish-direction-buttons ._tv-button:active,
|
|
.publish-direction-buttons ._tv-button.active {
|
|
color: #444 !important;
|
|
box-shadow: none;
|
|
position: relative
|
|
}
|
|
|
|
.survey-dialog {
|
|
box-shadow: 0 2px 20px rgba(0, 0, 0, .4);
|
|
border-radius: 7px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.survey-dialog .main {
|
|
padding: 20px 25px 15px
|
|
}
|
|
|
|
.survey-dialog h3 {
|
|
text-align: center;
|
|
margin: 10px 0
|
|
}
|
|
|
|
.survey-button-container {
|
|
margin: 15px 0 5px !important;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
.survey-dialog .survey-button {
|
|
font-size: 19px;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
background: #4387f6;
|
|
border: 1px solid #346bc2;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 10px 50px
|
|
}
|
|
|
|
.feature-no-touch .survey-dialog .survey-button:hover {
|
|
background: #4d8cf3
|
|
}
|
|
|
|
.survey-dialog #no-button {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 20px;
|
|
padding: 7px 15px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
border-color: #474549;
|
|
background: #716e73
|
|
}
|
|
|
|
.feature-no-touch .survey-dialog #no-button:hover {
|
|
background: #767278
|
|
}
|
|
|
|
.go-prorealtime {
|
|
width: 500px
|
|
}
|
|
|
|
.go-prorealtime .main-properties {
|
|
padding: 5px 0
|
|
}
|
|
|
|
.go-prorealtime .dialog-buttons {
|
|
margin: 0
|
|
}
|
|
|
|
.go-prorealtime .dialog-buttons a {
|
|
margin: 0;
|
|
position: static
|
|
}
|
|
|
|
.go-prorealtime p:first-child {
|
|
font-weight: 700
|
|
}
|
|
|
|
._tv-dialog .ui-resizable-handle {
|
|
width: 11px;
|
|
height: 11px;
|
|
background: url("../images/dialogs/resize-handle.png") 0 0 no-repeat
|
|
}
|
|
|
|
.main.billing-cycle-dialog {
|
|
padding: 0 28px
|
|
}
|
|
|
|
.bcd-title {
|
|
font-size: 26px;
|
|
line-height: 32px;
|
|
margin: 24px 0 20px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.bcd-subtitle,
|
|
.bcd-title {
|
|
font-weight: 400;
|
|
color: #26282f
|
|
}
|
|
|
|
.bcd-subtitle {
|
|
font-size: 14px;
|
|
margin: 0 0 10px
|
|
}
|
|
|
|
.bcd-title.right {
|
|
width: 48%;
|
|
padding-left: 2%
|
|
}
|
|
|
|
.bcd-choice-container {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #e1e7ef
|
|
}
|
|
|
|
.bcd-choice {
|
|
position: relative;
|
|
width: 196px;
|
|
float: left;
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.bcd-choice.active,
|
|
.bcd-choice.disabled {
|
|
cursor: default
|
|
}
|
|
|
|
.bcd-choice-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 400px
|
|
}
|
|
|
|
.bcd-choice-marker {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 11px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAYAAAAYX/pXAAAARUlEQVR4AWM4fOL8f0ow9QxgIBEMNwNGDRg1YOBzY8yOjv8UYOoZQHIgDkcDRg0YNYAcPOgNGC0PcPmXtgaMGjBaHlCCAe5lHJmu4YfrAAAAAElFTkSuQmCC) 0 0 no-repeat
|
|
}
|
|
|
|
.feature-no-touch .bcd-choice:hover .bcd-choice-marker {
|
|
background-position: 0 -16px
|
|
}
|
|
|
|
.bcd-choice.active .bcd-choice-marker {
|
|
background-position: 0 -32px
|
|
}
|
|
|
|
.bcd-choice.disabled .bcd-choice-marker {
|
|
background-position: 0 0
|
|
}
|
|
|
|
.bcd-choice-copy {
|
|
position: relative;
|
|
padding: 5px 3px 30px 44px;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #3b414e
|
|
}
|
|
|
|
.bcd-choice-copy p {
|
|
margin: 7px 0
|
|
}
|
|
|
|
.bcd-choice-copy h5 {
|
|
margin: 17px 0;
|
|
color: #4a4d54;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
font-size: 18px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.bcd-choice.disabled .bcd-choice-copy,
|
|
.bcd-choice.disabled .bcd-choice-copy h5 {
|
|
color: #c3c8cf
|
|
}
|
|
|
|
.bcd-continue {
|
|
margin: 31px 0 29px;
|
|
overflow: hidden;
|
|
text-align: right
|
|
}
|
|
|
|
.bcd-continue a {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border: 0;
|
|
padding: 15px 45px;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
line-height: normal;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
background: #1fb2cc;
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .bcd-continue a:hover {
|
|
background: #1eb9d2
|
|
}
|
|
|
|
.prorttrial-dialog,
|
|
.trialconfirm-dialog {
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.prorttrial-dialog .main,
|
|
.trialconfirm-dialog .main {
|
|
width: 600px;
|
|
padding: 10px 28px 20px
|
|
}
|
|
|
|
.prorttrial-dialog .main ul,
|
|
.trialconfirm-dialog .main ul {
|
|
margin-left: 28px
|
|
}
|
|
|
|
.prorttrial-dialog h3,
|
|
.trialconfirm-dialog h3 {
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
color: #26282f;
|
|
margin: 14px 0 20px
|
|
}
|
|
|
|
.prorttrial-dialog li,
|
|
.prorttrial-dialog p,
|
|
.trialconfirm-dialog li,
|
|
.trialconfirm-dialog p {
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
margin: 0
|
|
}
|
|
|
|
.prorttrial-dialog p,
|
|
.prorttrial-dialog ul,
|
|
.trialconfirm-dialog p,
|
|
.trialconfirm-dialog ul {
|
|
margin: 12px 0
|
|
}
|
|
|
|
.prorttrial-dialog ul,
|
|
.trialconfirm-dialog ul {
|
|
padding-left: 20px
|
|
}
|
|
|
|
.prorttrial-dialog a,
|
|
.trialconfirm-dialog a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .prorttrial-dialog a,
|
|
html.theme-dark .trialconfirm-dialog a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.prorttrial-dialog a:visited,
|
|
.trialconfirm-dialog a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .prorttrial-dialog a:visited,
|
|
html.theme-dark .trialconfirm-dialog a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog a:hover,
|
|
.feature-no-touch .trialconfirm-dialog a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog a:active,
|
|
.feature-no-touch .trialconfirm-dialog a:active,
|
|
.feature-touch .prorttrial-dialog a:active,
|
|
.feature-touch .trialconfirm-dialog a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.prorttrial-dialog .big-button,
|
|
.trialconfirm-dialog .big-button {
|
|
display: block;
|
|
width: 262px;
|
|
float: right;
|
|
background: #dbe1ea;
|
|
color: #666c7d;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
padding: 13px 0;
|
|
text-decoration: none
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .big-button:hover,
|
|
.feature-no-touch .trialconfirm-dialog .big-button:hover {
|
|
background: #e2e7ee
|
|
}
|
|
|
|
.prorttrial-dialog .big-button.ok,
|
|
.trialconfirm-dialog .big-button.ok {
|
|
width: 183px;
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
.prorttrial-dialog .big-button.ok,
|
|
.prorttrial-dialog .big-button.trial,
|
|
.prorttrial-dialog .big-button.tv-yes-btn,
|
|
.trialconfirm-dialog .big-button.ok,
|
|
.trialconfirm-dialog .big-button.trial,
|
|
.trialconfirm-dialog .big-button.tv-yes-btn {
|
|
background: #05b2ce;
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .big-button.ok:hover,
|
|
.feature-no-touch .prorttrial-dialog .big-button.trial:hover,
|
|
.feature-no-touch .prorttrial-dialog .big-button.tv-yes-btn:hover,
|
|
.feature-no-touch .trialconfirm-dialog .big-button.ok:hover,
|
|
.feature-no-touch .trialconfirm-dialog .big-button.trial:hover,
|
|
.feature-no-touch .trialconfirm-dialog .big-button.tv-yes-btn:hover {
|
|
background: #37c1d7
|
|
}
|
|
|
|
.prorttrial-dialog .big-button.ordernow,
|
|
.trialconfirm-dialog .big-button.ordernow {
|
|
background: #60b789;
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .big-button.ordernow:hover,
|
|
.feature-no-touch .trialconfirm-dialog .big-button.ordernow:hover {
|
|
background: #7fc5a0
|
|
}
|
|
|
|
.prorttrial-dialog .big-buttons,
|
|
.trialconfirm-dialog .big-buttons {
|
|
margin: 22px 0 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.later,
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.nothanks,
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.tv-no-btn,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.later,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.nothanks,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.tv-no-btn {
|
|
margin: 0;
|
|
float: left;
|
|
width: 183px
|
|
}
|
|
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.tv-no-btn,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.tv-no-btn {
|
|
width: 270px
|
|
}
|
|
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.trial,
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.tv-yes-btn,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.trial,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.tv-yes-btn {
|
|
margin: 0;
|
|
float: right;
|
|
width: 272px
|
|
}
|
|
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.button-height_double,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.button-height_double {
|
|
padding: 24px 0;
|
|
line-height: 20px
|
|
}
|
|
|
|
.prorttrial-dialog .more-controls,
|
|
.trialconfirm-dialog .more-controls {
|
|
position: absolute;
|
|
bottom: 20px
|
|
}
|
|
|
|
.prorttrial-dialog .nothanks,
|
|
.trialconfirm-dialog .nothanks {
|
|
float: left;
|
|
font-size: 16px;
|
|
color: #007fb9;
|
|
text-decoration: underline;
|
|
padding: 13px 0
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .nothanks:hover,
|
|
.feature-no-touch .trialconfirm-dialog .nothanks:hover {
|
|
color: #007fb9
|
|
}
|
|
|
|
.prorttrial-dialog .actions-block,
|
|
.trialconfirm-dialog .actions-block {
|
|
position: relative;
|
|
margin: 30px 0 0;
|
|
height: 47px
|
|
}
|
|
|
|
.prorttrial-dialog .actions-block .no-button,
|
|
.trialconfirm-dialog .actions-block .no-button {
|
|
position: absolute;
|
|
color: #1380b7;
|
|
left: 0;
|
|
top: 12px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .actions-block .no-button:hover,
|
|
.feature-no-touch .trialconfirm-dialog .actions-block .no-button:hover {
|
|
color: #1380b7
|
|
}
|
|
|
|
.prorttrial-dialog .actions-block .yes-button,
|
|
.trialconfirm-dialog .actions-block .yes-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
height: 19px;
|
|
white-space: nowrap;
|
|
padding: 14px 22px;
|
|
background: #63b68a;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
cursor: pointer
|
|
}
|
|
|
|
.feature-no-touch .prorttrial-dialog .actions-block .yes-button:hover,
|
|
.feature-no-touch .trialconfirm-dialog .actions-block .yes-button:hover {
|
|
background: #70be95
|
|
}
|
|
|
|
.prorttrial-dialog .actions-block .yes-button.process,
|
|
.trialconfirm-dialog .actions-block .yes-button.process {
|
|
background-image: url("../images/button-green-process.gif");
|
|
pointer-events: none
|
|
}
|
|
|
|
._tv-dialog-layoutpicker.hidden {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog-cancel-button,
|
|
._tv-dialog-layout-button {
|
|
display: inline-block;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
height: 16px;
|
|
margin-right: 5px;
|
|
padding: 6px 10px 5px;
|
|
color: #6f7073;
|
|
cursor: default;
|
|
border: 1px solid #c9cbcd
|
|
}
|
|
|
|
._tv-dialog-layout-button .arrow-icon {
|
|
float: right;
|
|
margin: 5px 0 0 5px;
|
|
background: url("../images/select-bg.png") 0 0 no-repeat;
|
|
height: 5px;
|
|
width: 9px
|
|
}
|
|
|
|
._tv-dialog-layout-button.open .arrow-icon {
|
|
background-position: 0 -20px
|
|
}
|
|
|
|
._tv-dialog-layout-button .icon,
|
|
._tv-dialog-layout-popup .icon {
|
|
background: url("../images/bottomtoolbar/layout-buttons.png") -6px -3px no-repeat;
|
|
width: 17px;
|
|
height: 17px
|
|
}
|
|
|
|
._tv-dialog-layout-button .icon {
|
|
float: left;
|
|
margin: -1px 4px 0 -4px
|
|
}
|
|
|
|
.charts-popup-list .item._tv-dialog-layout-popup .icon {
|
|
width: 17px;
|
|
height: 17px
|
|
}
|
|
|
|
._tv-dialog-layout-2h .icon {
|
|
background-position: -35px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-2v .icon {
|
|
background-position: -64px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-3v .icon {
|
|
background-position: -93px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-3h .icon {
|
|
background-position: -122px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-3s .icon {
|
|
background-position: -151px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-4 .icon {
|
|
background-position: -180px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-6 .icon {
|
|
background-position: -209px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-8 .icon {
|
|
background-position: -238px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-2-1 .icon {
|
|
background-position: -267px -3px
|
|
}
|
|
|
|
._tv-dialog-layout-s.active .icon {
|
|
background-position: -6px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-2h.active .icon {
|
|
background-position: -35px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-2v.active .icon {
|
|
background-position: -64px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-3v.active .icon {
|
|
background-position: -93px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-3h.active .icon {
|
|
background-position: -122px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-3s.active .icon {
|
|
background-position: -151px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-4.active .icon {
|
|
background-position: -180px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-6.active .icon {
|
|
background-position: -209px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-8.active .icon {
|
|
background-position: -238px -26px
|
|
}
|
|
|
|
._tv-dialog-layout-2-1.active .icon {
|
|
background-position: -267px -26px
|
|
}
|
|
|
|
._tv-dialog-cancel-button {
|
|
border-color: transparent;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-cancel-button:hover {
|
|
border-color: #c9cbcd
|
|
}
|
|
|
|
#publish-chart-form .publish-text input,
|
|
#publish-chart-form .publish-text textarea {
|
|
margin: 0;
|
|
display: block
|
|
}
|
|
|
|
#publish-chart-form table.publish-text.publish-text-title,
|
|
#publish-chart-form table.publish-text.publish-text-title input,
|
|
#publish-chart-form table.publish-text.publish-text-title td {
|
|
width: 100%
|
|
}
|
|
|
|
#publish-chart-form table.publish-text.publish-text-title .tv-study-protection {
|
|
height: 33px;
|
|
padding: 0 3px;
|
|
margin-left: 7px;
|
|
width: auto
|
|
}
|
|
|
|
#publish-chart-form .bbcode-buttons {
|
|
position: relative
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button {
|
|
position: relative;
|
|
z-index: 1;
|
|
float: left;
|
|
height: 29px;
|
|
width: 40px;
|
|
margin: 0 -1px 0 0;
|
|
border: 1px solid #c9cbcd;
|
|
border-bottom: none;
|
|
cursor: default
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button svg {
|
|
display: block;
|
|
margin: 0 auto;
|
|
fill: #8e9092
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button.bb-link svg {
|
|
margin-top: 7px
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button.bb-symbol svg {
|
|
margin-top: 6px
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button.active,
|
|
.feature-no-touch #publish-chart-form .bbcode-button:active,
|
|
.feature-no-touch #publish-chart-form .bbcode-button:hover,
|
|
.feature-touch #publish-chart-form .bbcode-button:active {
|
|
background: #f2f5f8;
|
|
border-color: #b5b7b9;
|
|
z-index: 2
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button.active svg,
|
|
.feature-no-touch #publish-chart-form .bbcode-button:active svg,
|
|
.feature-no-touch #publish-chart-form .bbcode-button:hover svg,
|
|
.feature-touch #publish-chart-form .bbcode-button:active svg {
|
|
fill: #444
|
|
}
|
|
|
|
#publish-chart-form .bbcode-button.active svg,
|
|
.feature-no-touch #publish-chart-form .bbcode-button:active svg,
|
|
.feature-touch #publish-chart-form .bbcode-button:active svg {
|
|
fill: #5ec6e8
|
|
}
|
|
|
|
#publish-chart-form .bbcode-block {
|
|
position: relative;
|
|
overflow: hidden;
|
|
float: left;
|
|
height: 30px
|
|
}
|
|
|
|
#publish-chart-form .bbcode-block .bbcode-embed-form,
|
|
#publish-chart-form .bbcode-block .bbcode-link-form,
|
|
#publish-chart-form .bbcode-block .bbcode-symbol-form {
|
|
transition: height .2s;
|
|
height: 0;
|
|
overflow: hidden;
|
|
left: 0
|
|
}
|
|
|
|
#publish-chart-form .bbcode-block .bbcode-embed-form input,
|
|
#publish-chart-form .bbcode-block .bbcode-link-form input,
|
|
#publish-chart-form .bbcode-block .bbcode-symbol-form input {
|
|
float: left;
|
|
height: 25px;
|
|
width: 250px;
|
|
margin: 0 2px 0 0
|
|
}
|
|
|
|
.feature-no-touch #publish-chart-form .bbcode-block .bbcode-embed-form input:focus,
|
|
.feature-no-touch #publish-chart-form .bbcode-block .bbcode-link-form input:focus,
|
|
.feature-no-touch #publish-chart-form .bbcode-block .bbcode-symbol-form input:focus,
|
|
.feature-touch #publish-chart-form .bbcode-block .bbcode-embed-form input:focus,
|
|
.feature-touch #publish-chart-form .bbcode-block .bbcode-link-form input:focus,
|
|
.feature-touch #publish-chart-form .bbcode-block .bbcode-symbol-form input:focus {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
#publish-chart-form .bbcode-block .bbcode-embed-form span,
|
|
#publish-chart-form .bbcode-block .bbcode-link-form span,
|
|
#publish-chart-form .bbcode-block .bbcode-symbol-form span {
|
|
float: left
|
|
}
|
|
|
|
#publish-chart-form .bbcode-block .bbcode-embed-form.active,
|
|
#publish-chart-form .bbcode-block .bbcode-link-form.active,
|
|
#publish-chart-form .bbcode-block .bbcode-symbol-form.active {
|
|
height: auto;
|
|
padding: 2px 4px 0
|
|
}
|
|
|
|
#publish-chart-form input,
|
|
#publish-chart-form textarea {
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark #publish-chart-form input,
|
|
html.theme-dark #publish-chart-form textarea {
|
|
background-color: #131722
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-title {
|
|
text-align: center;
|
|
font-size: 13px;
|
|
padding: 28px 0 23px
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content {
|
|
padding: 0 50px 13px;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 130px;
|
|
height: 76px;
|
|
border: 1px solid #3bb3e4;
|
|
text-align: inherit;
|
|
font-size: 43px;
|
|
color: #4a4a4a;
|
|
background-color: #fff;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
|
|
background-color: #2f3241;
|
|
color: #c5cbce
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input.error {
|
|
border-color: #d75442;
|
|
background-color: #ffefef
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i {
|
|
display: block;
|
|
font-style: normal
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption {
|
|
margin: 8px 0 15px;
|
|
color: #a8a8a8;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
cursor: default
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption.error {
|
|
color: #d75442
|
|
}
|
|
|
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
|
|
margin: 0 auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
line-height: 12px;
|
|
border: 1px solid;
|
|
border-color: rgba(0, 0, 0, .5);
|
|
border-radius: 50%;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
|
|
border-color: rgba(157, 178, 189, .5)
|
|
}
|
|
|
|
._tv-dialog.popup-goto {
|
|
height: 90px;
|
|
width: 304px
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-title {
|
|
padding-top: 14px;
|
|
padding-left: 16px;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
._tv-dialog.popup-goto .time-container {
|
|
margin-left: 9px
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-text-input.date {
|
|
width: 106px;
|
|
border-right-style: solid
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-text-input.time {
|
|
width: 70px;
|
|
border-left-color: #c9cbcd
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog.popup-goto ._tv-dialog-text-input.time {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.popup-goto ._tv-dialog-text-input.time:focus,
|
|
.feature-touch ._tv-dialog.popup-goto ._tv-dialog-text-input.time:focus {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-text-input.date.error,
|
|
._tv-dialog.popup-goto ._tv-dialog-text-input.time.error {
|
|
border-color: red
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-content {
|
|
padding: 5px 9px
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-content .buttons {
|
|
width: 74px
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-content .buttons .select {
|
|
width: 100%;
|
|
background-color: #00b3d1;
|
|
border: 0
|
|
}
|
|
|
|
._tv-dialog.popup-goto ._tv-dialog-content .buttons .select.process {
|
|
background-image: url("../images/button-base-process.gif")
|
|
}
|
|
|
|
._tv-dialog.session-lock-dialog .yes-button {
|
|
text-align: center;
|
|
min-width: 210px
|
|
}
|
|
|
|
._tv-dialog.session-lock-dialog .reconnect-button {
|
|
text-align: center;
|
|
min-width: 125px
|
|
}
|
|
|
|
._tv-dialog.invalid-file-dialog {
|
|
width: 450px
|
|
}
|
|
|
|
._tv-dialog-colomn-table {
|
|
border-spacing: 0;
|
|
border: none
|
|
}
|
|
|
|
._tv-dialog-colomn-table>tbody>tr>td,
|
|
._tv-dialog-colomn-table>thead>tr>td,
|
|
._tv-dialog-colomn-table>tr>td {
|
|
padding: 0;
|
|
border: 0;
|
|
text-align: left;
|
|
vertical-align: top
|
|
}
|
|
|
|
._tv-dialog-charting-library._tv-dialog {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
background: #f2f5f8
|
|
}
|
|
|
|
._tv-dialog-charting-library .main {
|
|
padding: 0 20px 20px
|
|
}
|
|
|
|
._tv-dialog-charting-library .line {
|
|
height: 1px;
|
|
background: #ced5db;
|
|
overflow: hidden
|
|
}
|
|
|
|
._tv-dialog-charting-library .lead-in {
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
._tv-dialog-charting-library h3 {
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
color: #26282f;
|
|
margin: 0
|
|
}
|
|
|
|
._tv-dialog-charting-library li,
|
|
._tv-dialog-charting-library p {
|
|
line-height: 28px;
|
|
margin: 0
|
|
}
|
|
|
|
._tv-dialog-charting-library p,
|
|
._tv-dialog-charting-library ul {
|
|
margin: 12px 1px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone {
|
|
margin: 1px;
|
|
border: 1px dashed rgba(0, 0, 0, .3);
|
|
background: #fff;
|
|
display: inline-block;
|
|
padding: 20px 0;
|
|
width: 140px;
|
|
height: 110px;
|
|
float: left;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone.dz-clickable {
|
|
cursor: pointer
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone.dz-started .dz-message {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone.dz-drag-hover {
|
|
border-style: solid
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone.dz-drag-hover .dz-message {
|
|
opacity: .5
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-message {
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-message .link {
|
|
color: #0099d4
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-filename {
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-transform: lowercase
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-filename span {
|
|
padding: 0 .4em
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-icon {
|
|
padding: 1px 42px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .dropzone .dz-remove {
|
|
fill: #ff6565;
|
|
position: relative;
|
|
top: -80px;
|
|
left: 110px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-charting-library form .dropzone .dz-remove:hover {
|
|
fill: red
|
|
}
|
|
|
|
._tv-dialog-charting-library form>div {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .description {
|
|
margin: 6px 0
|
|
}
|
|
|
|
._tv-dialog-charting-library form .agreement {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .agreement .description {
|
|
display: inline-block;
|
|
padding: 27px 5px;
|
|
width: 388px
|
|
}
|
|
|
|
._tv-dialog-charting-library form textarea {
|
|
width: 100%;
|
|
height: 90px;
|
|
margin: 1px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .attach {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: 400
|
|
}
|
|
|
|
._tv-dialog-charting-library form .attach-text {
|
|
display: inline-block;
|
|
text-transform: lowercase;
|
|
padding: 6px 0 0 3px
|
|
}
|
|
|
|
._tv-dialog-charting-library form input[type=text].error {
|
|
margin: 1px
|
|
}
|
|
|
|
._tv-dialog-charting-library form .two-columns .column-wrap {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
width: 50%
|
|
}
|
|
|
|
._tv-dialog-charting-library form .two-columns .column-wrap:first-child {
|
|
padding-right: 10px
|
|
}
|
|
|
|
._tv-dialog-charting-library .big-buttons {
|
|
text-align: right;
|
|
padding: 10px 0
|
|
}
|
|
|
|
._tv-dialog-charting-library .big-buttons .cancel-button {
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
font-size: 15px;
|
|
margin: 0 15px;
|
|
color: #686868;
|
|
background: #f2f5f8
|
|
}
|
|
|
|
._tv-dialog-charting-library .big-buttons .big-button {
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
background-color: #06b2ce;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
padding: 10px 45px;
|
|
background-image: url("../images/button-base-process.gif");
|
|
background-position: -9999px -9999px;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
._tv-dialog-charting-library .big-buttons .big-button.process {
|
|
background-position: 0 0;
|
|
background-repeat: repeat
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:hover {
|
|
background-color: #06bbd8
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:active,
|
|
.feature-touch ._tv-dialog-charting-library .big-buttons .big-button:active {
|
|
background-color: #07c3e2
|
|
}
|
|
|
|
._tv-dialog-charting-library .big-buttons .big-button.disabled {
|
|
cursor: default;
|
|
background-color: #c3c8cf
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content {
|
|
min-width: 400px;
|
|
max-width: 600px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content p {
|
|
margin: 0;
|
|
padding: 0 20px 15px;
|
|
line-height: 20px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content p.nb {
|
|
background-color: #fae0de;
|
|
padding-top: 15px;
|
|
margin-bottom: 15px;
|
|
color: #000;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
text-align: center
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info {
|
|
padding: 5px 20px;
|
|
color: #000;
|
|
line-height: 28px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info a {
|
|
margin-left: 10px;
|
|
font-weight: 700;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info a[href="#yes"] {
|
|
color: #59c18b
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info a[href="#yes"]:hover {
|
|
color: #7ecfa5
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info a[href="#no"] {
|
|
color: #eb847b
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info a[href="#no"]:hover {
|
|
color: #f2ada7
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info.editing a[href="#yes"] {
|
|
display: inline-block;
|
|
width: 60px;
|
|
background-color: #06b2ce;
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: default
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.bug-report-dialog ._tv-dialog-content .browser-info.editing a[href="#yes"]:hover {
|
|
background-color: #06bfdd
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content form {
|
|
margin-top: 10px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
width: 100%
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td {
|
|
padding: 5px 20px;
|
|
vertical-align: top
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td:first-child {
|
|
width: 20%
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-container {
|
|
display: inline-block
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-container .tv-select-container {
|
|
max-width: 215px;
|
|
margin-left: 10px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-container .tv-select-container .sbSelector {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-container input[type=text] {
|
|
margin-left: 10px;
|
|
vertical-align: middle;
|
|
width: 30%
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-container .js-spinner-container {
|
|
position: relative;
|
|
height: 10px;
|
|
width: 20px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-input-message {
|
|
margin-top: 5px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td label {
|
|
white-space: nowrap;
|
|
line-height: 27px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container {
|
|
max-width: 100%;
|
|
background-color: #fff
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container .sbSelector {
|
|
white-space: nowrap
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.placeholder .sbSelector {
|
|
color: #aeabab
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.error .sbSelector {
|
|
color: #e06571
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container li>.sbDisabled {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.critical-last-option ul li:last-child {
|
|
background-color: red
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.critical-last-option ul li:last-child a:link {
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.critical-last-option ul li:last-child a:hover {
|
|
background-color: #c00
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td textarea {
|
|
display: block;
|
|
padding: 4px 5px;
|
|
width: 100%;
|
|
height: 80px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-select-container.error,
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td textarea.error {
|
|
border: 1px solid #de5764;
|
|
background: #f7e4e6;
|
|
color: #e06571
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td .tv-report-issue-send-logs-confirmation {
|
|
padding-top: 5px;
|
|
font-weight: 700
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td input[type=text] {
|
|
margin: 0;
|
|
height: 27px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td input[type=text].error {
|
|
border-width: 1px
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td.buttons {
|
|
padding: 30px 20px 20px;
|
|
text-align: right
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td.buttons input {
|
|
width: 80px;
|
|
margin-left: 15px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td.buttons input.loading {
|
|
background: transparent url("../images/bar-loader.gif")
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content table td.note {
|
|
padding-top: 15px;
|
|
text-align: right;
|
|
padding-bottom: 0;
|
|
color: #999
|
|
}
|
|
|
|
._tv-dialog.bug-report-dialog ._tv-dialog-content.readonly .tv-select-container {
|
|
pointer-events: none
|
|
}
|
|
|
|
._tv-dialog-title ._tv-dialog-title-close.send-message-close {
|
|
top: 19px
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog {
|
|
background-color: #fff;
|
|
border: 1px solid #d5d5d5;
|
|
width: 500px
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .header {
|
|
padding: 18px 25px;
|
|
border-bottom: 1px solid #d5d5d5;
|
|
font-size: 15px;
|
|
color: #777a80
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .header .custom-title {
|
|
display: inline-block
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .header .custom-title .custom-title-new-chat-input {
|
|
border: none;
|
|
width: 300px;
|
|
margin-left: 5px;
|
|
font-size: 15px;
|
|
color: #777a80
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .header .custom-title .custom-title-new-chat-username {
|
|
display: none;
|
|
margin-left: 5px
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body {
|
|
width: 100%
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .message {
|
|
border-bottom: 1px solid #d5d5d5
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .message #message-text {
|
|
width: 100%;
|
|
padding: 10px 25px 0;
|
|
border: none;
|
|
overflow: hidden;
|
|
display: block
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .buttons {
|
|
width: auto;
|
|
height: 75px
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .buttons .button-cancel,
|
|
._tv-dialog.send-message-dialog .body .buttons .button-send {
|
|
float: right;
|
|
border: none;
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
padding: 10px 20px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .buttons .button-cancel {
|
|
background: none;
|
|
color: #666;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.send-message-dialog .body .buttons .button-cancel:hover {
|
|
background-color: #f7f7f7
|
|
}
|
|
|
|
._tv-dialog.send-message-dialog .body .buttons .button-send {
|
|
color: #fff;
|
|
background-color: #62b78a;
|
|
margin-right: 20px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.send-message-dialog .body .buttons .button-send:hover {
|
|
background-color: #6ccc98
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog {
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, .15)
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-title {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
height: 55px;
|
|
line-height: 55px
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content {
|
|
position: absolute;
|
|
top: 55px;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
border-top: 1px solid #d6d6d6
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .main-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 187px;
|
|
height: 100%;
|
|
border-right: 1px solid #d6d6d6
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap {
|
|
position: relative;
|
|
margin: -1px -1px 0
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap input {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0 9px 0 29px;
|
|
border: 1px solid #d6d6d6;
|
|
width: 100%;
|
|
height: 36px
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap input:focus,
|
|
.feature-touch ._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap input:focus {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap .input-reset {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 7px;
|
|
margin-top: -8px;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
cursor: pointer
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap .input-reset:hover {
|
|
background-color: #f2f5f8
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap .input-reset:before {
|
|
content: "";
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url("../images/icons.png") no-repeat -103px -340px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -5px 0 0 -5px
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap.filled .input-reset {
|
|
display: block
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .search-wrap:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url("../images/icons.png") no-repeat -80px -339px;
|
|
top: 12px;
|
|
left: 12px;
|
|
pointer-events: none
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap {
|
|
position: absolute;
|
|
top: 35px;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data {
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li,
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data ul {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data ul {
|
|
list-style: none
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group .group-title {
|
|
position: relative
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group .group-title.sticky {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group .toggle {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 27px;
|
|
height: 30px
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group .toggle:before {
|
|
content: "";
|
|
display: block;
|
|
margin: 11px 0 0 14px;
|
|
width: 5px;
|
|
height: 9px;
|
|
background: url("../images/select-bg.png");
|
|
background-position: 10px 0;
|
|
opacity: .7;
|
|
transition: opacity .2s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group .toggle:hover:before {
|
|
opacity: 1
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.group.open .toggle:before {
|
|
width: 9px;
|
|
height: 5px;
|
|
margin: 14px 0 0 12px;
|
|
background-position: 0 0
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.hidden {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data a {
|
|
display: block;
|
|
padding: 0 10px 0 29px;
|
|
color: #595959;
|
|
font-size: 13px;
|
|
line-height: 30px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data a:hover {
|
|
background-color: #f4f7f9
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data a.current {
|
|
font-weight: 700
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data li.highlighted a {
|
|
background-color: #f4f7f9
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data:not(.filtered)>ul>li>ul>li a {
|
|
padding-left: 37px
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data.filtered li.group>ul {
|
|
display: block !important
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .search-toc-container .toc-wrap .toc-data.filtered .group-title {
|
|
display: none
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .reference-wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 188px;
|
|
right: 0;
|
|
bottom: 16px;
|
|
border-bottom: 1px solid #d6d6d6;
|
|
overflow-y: auto;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog ._tv-dialog-content .reference-wrap .reference-data * {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog .ui-resizable-handle.ui-resizable-s {
|
|
background: transparent;
|
|
right: 16px;
|
|
bottom: 0;
|
|
left: 188px;
|
|
width: auto;
|
|
height: 16px
|
|
}
|
|
|
|
._tv-dialog.pine-reference-dialog .ui-resizable-handle.ui-resizable-se {
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: 4px
|
|
}
|
|
|
|
._tv-dialog.dialog-highlight .main .message textarea {
|
|
width: 350px;
|
|
height: 130px
|
|
}
|
|
|
|
._tv-dialog-leaving {
|
|
font-size: 13px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
._tv-dialog-leaving p {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
._tv-dialog-leaving ul {
|
|
margin: 10px 0;
|
|
padding: 0 0 0 25px
|
|
}
|
|
|
|
._tv-dialog-leaving ul li {
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
._tv-dialog-leaving a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-leaving a {
|
|
color: #299dcd
|
|
}
|
|
|
|
._tv-dialog-leaving a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark ._tv-dialog-leaving a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-leaving a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog-leaving a:active,
|
|
.feature-touch ._tv-dialog-leaving a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
._tv-dialog-leaving ._tv-dialogs-bottom {
|
|
padding: 20px 10px
|
|
}
|
|
|
|
.copy-image-url .copy-clipboard-button {
|
|
position: absolute;
|
|
top: 1px;
|
|
right: -1px;
|
|
padding: 9px 10px 7px;
|
|
width: 78px;
|
|
background: #fff
|
|
}
|
|
|
|
.copy-image-url .copy-clipboard-input {
|
|
position: relative;
|
|
width: 261px
|
|
}
|
|
|
|
._tv-dialog.report-user-dialog ._tv-dialog-title {
|
|
font-weight: 400
|
|
}
|
|
|
|
._tv-dialog.report-user-dialog .report-abuse-warning {
|
|
line-height: 17px;
|
|
padding-bottom: 17px
|
|
}
|
|
|
|
._tv-dialog.report-user-dialog .message textarea {
|
|
width: 100%;
|
|
opacity: 1
|
|
}
|
|
|
|
._tv-dialog.report-user-dialog ._tv-dialogs-bottom {
|
|
text-align: right !important;
|
|
padding-right: 20px;
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
._tv-dialog.report-user-dialog ._tv-dialogs-bottom .ok {
|
|
background-color: #ea2e2e
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog.report-user-dialog ._tv-dialogs-bottom .ok:hover {
|
|
background-color: #ff3232
|
|
}
|
|
|
|
.referral-dialog ._tv-dialog-content a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .referral-dialog ._tv-dialog-content a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.referral-dialog ._tv-dialog-content a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .referral-dialog ._tv-dialog-content a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .referral-dialog ._tv-dialog-content a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .referral-dialog ._tv-dialog-content a:active,
|
|
.feature-touch .referral-dialog ._tv-dialog-content a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.cme-offer-dialog ._tv-dialog-content {
|
|
width: 500px;
|
|
border-top: 1px solid #dadde0;
|
|
padding: 20px
|
|
}
|
|
|
|
.cme-offer-dialog__button-wrapper {
|
|
text-align: right
|
|
}
|
|
|
|
.cme-offer-dialog__button-wrapper .tv-button--loader.process {
|
|
background-image: url("../images/button-base-process.gif")
|
|
}
|
|
|
|
.cme-offer-dialog__list {
|
|
padding-left: 20px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.cme-offer-dialog__cqg-logo {
|
|
display: block;
|
|
margin: 0 auto;
|
|
padding: 70px 0 80px
|
|
}
|
|
|
|
.cme-offer-dialog__input-wrapper {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.cme-offer-dialog__input-wrapper:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.cme-offer-dialog__options {
|
|
font-size: 12px
|
|
}
|
|
|
|
.cme-offer-dialog__cell {
|
|
width: 60%;
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.cme-offer-dialog__status {
|
|
padding: 50px 0;
|
|
text-align: center
|
|
}
|
|
|
|
.cme-offer-dialog__status svg {
|
|
display: inline-block
|
|
}
|
|
|
|
.cme-offer-dialog__status--ok circle,
|
|
.cme-offer-dialog__status--ok path {
|
|
stroke: green
|
|
}
|
|
|
|
.cme-offer-dialog__status--fail circle,
|
|
.cme-offer-dialog__status--fail path {
|
|
stroke: red
|
|
}
|
|
|
|
.fxcm-offer-dialog ._tv-dialog-content {
|
|
width: 450px;
|
|
border-top: 1px solid rgba(0, 0, 0, .22);
|
|
padding: 20px
|
|
}
|
|
|
|
.fxcm-offer-dialog__button-wrapper {
|
|
text-align: right;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.fxcm-offer-dialog__button-wrapper--left-aligned {
|
|
text-align: left
|
|
}
|
|
|
|
.fxcm-offer-dialog__button-wrapper .tv-button--loader.process {
|
|
background-image: url("../images/button-base-process.gif")
|
|
}
|
|
|
|
.fxcm-offer-dialog__button-wrapper .tv-button--green {
|
|
background-color: #37bc9b
|
|
}
|
|
|
|
.feature-no-touch .fxcm-offer-dialog__button-wrapper .tv-button--green:active,
|
|
.feature-no-touch .fxcm-offer-dialog__button-wrapper .tv-button--green:hover,
|
|
.feature-touch .fxcm-offer-dialog__button-wrapper .tv-button--green:active {
|
|
background-color: #32a98a
|
|
}
|
|
|
|
.fxcm-offer-dialog__table {
|
|
width: 100%
|
|
}
|
|
|
|
.fxcm-offer-dialog__input-wrapper {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.fxcm-offer-dialog__options {
|
|
font-size: 12px
|
|
}
|
|
|
|
.fxcm-offer-dialog__cell {
|
|
width: 60%;
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.fxcm-offer-dialog__status {
|
|
padding: 50px 0;
|
|
text-align: center
|
|
}
|
|
|
|
.fxcm-offer-dialog__status svg {
|
|
display: inline-block
|
|
}
|
|
|
|
.fxcm-offer-dialog__status--ok circle,
|
|
.fxcm-offer-dialog__status--ok path {
|
|
stroke: green
|
|
}
|
|
|
|
.fxcm-offer-dialog__status--fail circle,
|
|
.fxcm-offer-dialog__status--fail path {
|
|
stroke: red
|
|
}
|
|
|
|
.fxcm-offer-dialog__type-selector {
|
|
box-sizing: border-box;
|
|
height: 43px;
|
|
margin: 0 0 18px
|
|
}
|
|
|
|
.fxcm-offer-dialog__type-selector a {
|
|
position: relative;
|
|
z-index: 10;
|
|
display: block;
|
|
border: 1px solid #d7dbe0;
|
|
font-size: 14px;
|
|
line-height: 31px;
|
|
padding: 5px 0;
|
|
text-align: center;
|
|
color: #65676a;
|
|
background-color: #f8f8f8;
|
|
cursor: default
|
|
}
|
|
|
|
.fxcm-offer-dialog__type-selector a.demo {
|
|
margin-left: -1px;
|
|
float: right;
|
|
width: 50%
|
|
}
|
|
|
|
.fxcm-offer-dialog__type-selector a.real {
|
|
margin-right: -1px;
|
|
float: left;
|
|
width: 49.5%
|
|
}
|
|
|
|
.feature-no-touch .fxcm-offer-dialog__type-selector a:hover {
|
|
border-color: #b5b7b9;
|
|
z-index: 11
|
|
}
|
|
|
|
.fxcm-offer-dialog__type-selector a.active {
|
|
z-index: 12;
|
|
color: #52c3e7;
|
|
background-color: #e9f2f7;
|
|
border-color: #52c3e7;
|
|
cursor: default
|
|
}
|
|
|
|
.charts-popup-list {
|
|
display: none;
|
|
overflow: auto;
|
|
right: 7px;
|
|
top: 46px;
|
|
position: absolute;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
background: #fff;
|
|
z-index: 110;
|
|
margin: 0
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list {
|
|
background: #1c2030;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.charts-popup-list.popup-menu-scroll-y {
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.charts-popup-list .item.special {
|
|
background: rgba(247, 248, 250, .8)
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .item.special {
|
|
background: rgba(23, 27, 41, .8)
|
|
}
|
|
|
|
.charts-popup-list .item.active,
|
|
.feature-no-touch .charts-popup-list .item:hover {
|
|
background: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .charts-popup-list .item:hover,
|
|
html.theme-dark .charts-popup-list .item.active {
|
|
background: #2f3241
|
|
}
|
|
|
|
.charts-popup-list .item.first {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px
|
|
}
|
|
|
|
.charts-popup-list .item:last-child {
|
|
border-bottom-right-radius: 3px
|
|
}
|
|
|
|
.charts-popup-list .item span {
|
|
color: #4a4a4a;
|
|
fill: currentColor;
|
|
display: inline-block
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .item span {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.charts-popup-list .item.active {
|
|
background: #f4f7f9
|
|
}
|
|
|
|
.charts-popup-list .item {
|
|
display: block;
|
|
padding: 7px;
|
|
height: 16px;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
|
|
.charts-popup-list .item.setting-hidden {
|
|
padding-left: 28px;
|
|
padding-right: 16px
|
|
}
|
|
|
|
.charts-popup-list .item.setting-hidden>span.title-expanded {
|
|
width: auto
|
|
}
|
|
|
|
.charts-popup-list .item.button-load,
|
|
.charts-popup-list .item.button-new {
|
|
overflow: hidden;
|
|
text-align: center;
|
|
border-color: #dadde0;
|
|
border-style: solid;
|
|
border-width: 1px 0 0;
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .item.button-load,
|
|
html.theme-dark .charts-popup-list .item.button-new {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.charts-popup-list .item.button-load .title-expanded,
|
|
.charts-popup-list .item.button-new .title-expanded {
|
|
width: auto
|
|
}
|
|
|
|
.charts-popup-list .item.button-load {
|
|
width: 50%;
|
|
float: left;
|
|
border-width: 1px 1px 0 0
|
|
}
|
|
|
|
.charts-popup-list .item .icon-external {
|
|
margin-left: 20px;
|
|
vertical-align: top;
|
|
float: right
|
|
}
|
|
|
|
.charts-popup-list .item .icon-external svg {
|
|
width: 10px;
|
|
height: 10px
|
|
}
|
|
|
|
.charts-popup-list .item:last-child {
|
|
border-bottom-left-radius: 3px
|
|
}
|
|
|
|
.charts-popup-list .item.special.disabled {
|
|
cursor: default
|
|
}
|
|
|
|
.charts-popup-list .item.special.disabled span {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .item.special.disabled span {
|
|
color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .charts-popup-list .item.special.disabled:hover {
|
|
background: rgba(247, 248, 250, .8)
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .charts-popup-list .item.special.disabled:hover {
|
|
background: rgba(23, 27, 41, .8)
|
|
}
|
|
|
|
.charts-popup-list .item .title {
|
|
width: 140px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.charts-popup-list .item .title-expanded {
|
|
width: 225px;
|
|
max-width: 100%;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.charts-popup-list .item.active-item-backlight {
|
|
background-color: #f2f3f5;
|
|
border-radius: 0
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .item.active-item-backlight {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.charts-popup-list .item .date {
|
|
width: 65px;
|
|
padding-right: 20px;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
float: right
|
|
}
|
|
|
|
.charts-popup-list .separator {
|
|
display: block;
|
|
margin: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-top: 1px solid;
|
|
border-top-color: #c9cbcd
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list .separator {
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
.charts-popup-list .charts-popup-tab-headers {
|
|
overflow: hidden;
|
|
padding: 8px 0;
|
|
font-size: 14px
|
|
}
|
|
|
|
.charts-popup-list .charts-popup-tab-header {
|
|
float: left;
|
|
margin: 0 10px 5px
|
|
}
|
|
|
|
.charts-popup-list .charts-popup-tab-header-label {
|
|
padding: 0;
|
|
font-weight: 700;
|
|
border-bottom: 1px dashed;
|
|
cursor: pointer
|
|
}
|
|
|
|
.charts-popup-list .charts-popup-tab-header.active .charts-popup-tab-header-label {
|
|
color: #595959;
|
|
border-bottom: none;
|
|
cursor: default
|
|
}
|
|
|
|
.charts-popup-list .item.with-indent {
|
|
padding-left: 28px
|
|
}
|
|
|
|
.charts-popup-list .item .icon-delete {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 5px
|
|
}
|
|
|
|
.charts-popup-list .item .icon-delete svg {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 2px 0 0 2px;
|
|
fill: #9d9d9d
|
|
}
|
|
|
|
.feature-no-touch .charts-popup-list .item .icon-delete:hover svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
.feature-no-touch .charts-popup-list .item .icon-delete:hover {
|
|
background-position: -81px -362px
|
|
}
|
|
|
|
.charts-popup-list .item .icon-delete {
|
|
visibility: hidden
|
|
}
|
|
|
|
.feature-no-touch .charts-popup-list .item:hover .icon-delete {
|
|
visibility: visible
|
|
}
|
|
|
|
.charts-popup-list .item .icon {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0 5px 0 0;
|
|
vertical-align: top
|
|
}
|
|
|
|
.charts-popup-list .item .icon.checked-icon svg {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 2px
|
|
}
|
|
|
|
.charts-popup-list.iconed .item {
|
|
height: 32px;
|
|
padding: 3px 2px;
|
|
line-height: 34px;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
|
|
.charts-popup-list.iconed .item .title {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.charts-popup-list.iconed .item .icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 0 5px
|
|
}
|
|
|
|
.charts-popup-list.iconed.thin .title {
|
|
width: 50px
|
|
}
|
|
|
|
.charts-popup-list.narrow {
|
|
width: 165px
|
|
}
|
|
|
|
.charts-popup-list.narrow .item .title-expanded {
|
|
width: 140px
|
|
}
|
|
|
|
.charts-popup-list.narrow.with-scroll .item .title-expanded {
|
|
width: 100px
|
|
}
|
|
|
|
.charts-popup-list.thin,
|
|
.charts-popup-list.thin .item .title-expanded {
|
|
width: auto
|
|
}
|
|
|
|
.charts-popup-list .item .counter {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 10px;
|
|
color: #b8b8b8
|
|
}
|
|
|
|
.feature-no-touch .charts-popup-list .item:hover .counter {
|
|
color: #595959
|
|
}
|
|
|
|
.charts-popup-list .item .counter.blue {
|
|
background: #4e8ff6;
|
|
color: #fff;
|
|
padding: 2px 3px;
|
|
border-radius: 2px;
|
|
top: 5px
|
|
}
|
|
|
|
.charts-popup-list .item.grayed span {
|
|
opacity: .3
|
|
}
|
|
|
|
.charts-popup-list.small-font {
|
|
font-size: 12px
|
|
}
|
|
|
|
.charts-popup-list.small-font .item {
|
|
height: 12px
|
|
}
|
|
|
|
.charts-popup-list.intervals-list {
|
|
right: auto;
|
|
width: auto;
|
|
max-height: 100%;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.charts-popup-list.intervals-list .item {
|
|
cursor: pointer;
|
|
padding: 7px;
|
|
min-width: 180px;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .charts-popup-list.intervals-list .item {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.charts-popup-itemheader {
|
|
padding: 3px 8px 4px;
|
|
border-top: 1px solid;
|
|
border-top-color: #b5b7b9;
|
|
cursor: pointer;
|
|
color: #4a4a4a;
|
|
background: hsla(210, 3%, 72%, .2)
|
|
}
|
|
|
|
html.theme-dark .charts-popup-itemheader {
|
|
background: rgba(54, 60, 78, .2);
|
|
color: #c5cbce;
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
.charts-popup-group-collapsible.collapsed .item {
|
|
display: none
|
|
}
|
|
|
|
.charts-popup-group-collapsible .charts-popup-itemheader-icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -1px;
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: 0 5px 0 -3px;
|
|
background: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIUhI8Wy6zdHlxyqnTBdHqHCoERlhQAOw==) no-repeat
|
|
}
|
|
|
|
.charts-popup-group-collapsible.collapsed .charts-popup-itemheader-icon {
|
|
background-image: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIXhI8Wy6ze3gKRQkeTksFO31WR2FQaUgAAOw==)
|
|
}
|
|
|
|
.favored-list .to-quick {
|
|
position: absolute;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: -80px -100px;
|
|
top: 7px;
|
|
right: 7px;
|
|
visibility: hidden
|
|
}
|
|
|
|
.favored-list .to-quick svg {
|
|
float: left;
|
|
fill: #9d9d9d !important
|
|
}
|
|
|
|
.feature-no-touch .favored-list .to-quick:hover svg {
|
|
fill: #7d7d7d !important
|
|
}
|
|
|
|
.favored-list .to-quick.quicked svg {
|
|
fill: #ffc200 !important
|
|
}
|
|
|
|
.favored-list .delete {
|
|
position: absolute;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: 7px;
|
|
right: 30px;
|
|
visibility: hidden
|
|
}
|
|
|
|
.favored-list .delete svg {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 2px 0 0 2px;
|
|
fill: #9d9d9d
|
|
}
|
|
|
|
.feature-no-touch .favored-list .delete:hover svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
.favored-list .item.quicked .to-quick,
|
|
.favored-list .item .to-quick.quicked,
|
|
.feature-no-touch .favored-list .item:hover .delete,
|
|
.feature-no-touch .favored-list .item:hover .to-quick,
|
|
.feature-no-touch .intervals-list .item:hover .delete,
|
|
.feature-touch .favored-list .to-quick,
|
|
.intervals-list.touch .delete {
|
|
visibility: visible
|
|
}
|
|
|
|
.favored-list .item.disabled {
|
|
color: #ececec
|
|
}
|
|
|
|
html.theme-dark .favored-list .item.disabled {
|
|
color: #363c4e
|
|
}
|
|
|
|
.intervals-list .item-add {
|
|
min-width: 230px
|
|
}
|
|
|
|
.intervals-list .item-add-wrap {
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.intervals-list .item-add>span {
|
|
margin: 5px;
|
|
display: block;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.intervals-list input[type=text] {
|
|
width: 45px;
|
|
height: 25px
|
|
}
|
|
|
|
.intervals-list .add,
|
|
.intervals-list .mins {
|
|
text-transform: uppercase;
|
|
margin-left: 5px;
|
|
height: 14px;
|
|
background-color: #f1f3f6;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .intervals-list .add,
|
|
html.theme-dark .intervals-list .mins {
|
|
color: #c5cbce;
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.intervals-list .mins {
|
|
display: inline-flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 65px;
|
|
position: relative;
|
|
padding-right: 7px
|
|
}
|
|
|
|
.intervals-list .add,
|
|
.intervals-list .mins {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.intervals-list .add {
|
|
width: 45px;
|
|
text-align: center
|
|
}
|
|
|
|
.intervals-list .mins i {
|
|
background: url("../images/svg/arrow-down-filled.svg") 0 0;
|
|
display: block;
|
|
width: 9px;
|
|
height: 5px;
|
|
position: absolute;
|
|
right: 7px;
|
|
top: 11px
|
|
}
|
|
|
|
.drawings-popup-list.favored-list .to-quick {
|
|
top: 11px
|
|
}
|
|
|
|
.drawings-popup-list.favored-list .item .title {
|
|
padding-right: 28px
|
|
}
|
|
|
|
.drawings-popup-list.favored-list.popup-with-scroll .title {
|
|
padding-right: 40px
|
|
}
|
|
|
|
.tv-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
min-width: 40px;
|
|
margin: 0;
|
|
padding: 1px 22px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #757575;
|
|
fill: currentColor;
|
|
border: none;
|
|
border-radius: 2px;
|
|
outline: 0;
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: background-color .35s ease, border-color .35s ease, color .35s ease
|
|
}
|
|
|
|
.tv-button.tv-button--danger_ghost,
|
|
.tv-button.tv-button--default,
|
|
.tv-button.tv-button--default_ghost,
|
|
.tv-button.tv-button--primary_ghost,
|
|
.tv-button.tv-button--secondary_ghost,
|
|
.tv-button.tv-button--state,
|
|
.tv-button.tv-button--success_ghost,
|
|
.tv-button.tv-button--warning_ghost {
|
|
padding: 0 21px
|
|
}
|
|
|
|
.feature-no-touch .tv-button:active,
|
|
.feature-no-touch .tv-button:hover,
|
|
.feature-touch .tv-button:active,
|
|
.tv-button.i-active,
|
|
.tv-button.i-hover {
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-button svg {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-button--block {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
|
|
.tv-button+.tv-button {
|
|
margin-left: 15px
|
|
}
|
|
|
|
.tv-button__text {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.tv-button__text--full-height {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
min-height: 100%;
|
|
height: auto;
|
|
justify-content: center;
|
|
width: auto;
|
|
max-width: 80%;
|
|
white-space: normal;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.tv-button--default,
|
|
.tv-button--default_ghost {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default,
|
|
html.theme-dark .tv-button--default_ghost {
|
|
background-color: #171b29;
|
|
border-color: #171b29
|
|
}
|
|
|
|
.tv-button--default_ghost {
|
|
color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default_ghost {
|
|
color: #171b29
|
|
}
|
|
|
|
.tv-button--default_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default_ghost.i-checked {
|
|
background-color: #171b29;
|
|
border-color: #171b29
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:hover,
|
|
.feature-no-touch .tv-button--default_ghost:hover,
|
|
.tv-button--default.i-hover,
|
|
.tv-button--default_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f2f2f2;
|
|
background-color: #f2f2f2
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:hover,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
|
|
html.theme-dark .tv-button--default.i-hover,
|
|
html.theme-dark .tv-button--default_ghost.i-hover {
|
|
background-color: #1c2030;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:active,
|
|
.feature-no-touch .tv-button--default_ghost:active,
|
|
.feature-touch .tv-button--default:active,
|
|
.feature-touch .tv-button--default_ghost:active,
|
|
.tv-button--default.i-active,
|
|
.tv-button--default_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #ececec;
|
|
background-color: #ececec;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:active,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.feature-touch.theme-dark .tv-button--default:active,
|
|
html.feature-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.theme-dark .tv-button--default.i-active,
|
|
html.theme-dark .tv-button--default_ghost.i-active {
|
|
background-color: #1c2030;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.tv-button--default,
|
|
.tv-button--default.i-checked,
|
|
.tv-button--default_ghost,
|
|
.tv-button--default_ghost.i-checked {
|
|
color: #757575;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.theme-dark .tv-button--default,
|
|
html.theme-dark .tv-button--default.i-checked,
|
|
html.theme-dark .tv-button--default_ghost,
|
|
html.theme-dark .tv-button--default_ghost.i-checked {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:hover,
|
|
.feature-no-touch .tv-button--default_ghost:hover,
|
|
.tv-button--default.i-hover,
|
|
.tv-button--default_ghost.i-hover {
|
|
color: #757575;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:hover,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
|
|
html.theme-dark .tv-button--default.i-hover,
|
|
html.theme-dark .tv-button--default_ghost.i-hover {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:active,
|
|
.feature-no-touch .tv-button--default_ghost:active,
|
|
.feature-touch .tv-button--default:active,
|
|
.feature-touch .tv-button--default_ghost:active,
|
|
.tv-button--default.i-active,
|
|
.tv-button--default_ghost.i-active {
|
|
color: #757575;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:active,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.feature-touch.theme-dark .tv-button--default:active,
|
|
html.feature-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.theme-dark .tv-button--default.i-active,
|
|
html.theme-dark .tv-button--default_ghost.i-active {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.tv-button--primary,
|
|
.tv-button--primary_ghost {
|
|
color: #fff;
|
|
border-color: #3bb3e4;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-button--primary_ghost {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.tv-button--primary_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #3bb3e4;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .tv-button--primary:hover,
|
|
.feature-no-touch .tv-button--primary_ghost:hover,
|
|
.tv-button--primary.i-hover,
|
|
.tv-button--primary_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #3babd8;
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-button--primary:active,
|
|
.feature-no-touch .tv-button--primary_ghost:active,
|
|
.feature-touch .tv-button--primary:active,
|
|
.feature-touch .tv-button--primary_ghost:active,
|
|
.tv-button--primary.i-active,
|
|
.tv-button--primary_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #049ddc;
|
|
background-color: #049ddc;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--secondary,
|
|
.tv-button--secondary_ghost {
|
|
color: #757575;
|
|
border-color: #e9eff2;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.tv-button--secondary_ghost {
|
|
color: #757575
|
|
}
|
|
|
|
.tv-button--secondary_ghost.i-checked {
|
|
color: #757575;
|
|
border-color: #e9eff2;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.feature-no-touch .tv-button--secondary:hover,
|
|
.feature-no-touch .tv-button--secondary_ghost:hover,
|
|
.tv-button--secondary.i-hover,
|
|
.tv-button--secondary_ghost.i-hover {
|
|
color: #757575;
|
|
border-color: #dce6ea;
|
|
background-color: #dce6ea
|
|
}
|
|
|
|
.feature-no-touch .tv-button--secondary:active,
|
|
.feature-no-touch .tv-button--secondary_ghost:active,
|
|
.feature-touch .tv-button--secondary:active,
|
|
.feature-touch .tv-button--secondary_ghost:active,
|
|
.tv-button--secondary.i-active,
|
|
.tv-button--secondary_ghost.i-active {
|
|
color: #757575;
|
|
border-color: #cfdce3;
|
|
background-color: #cfdce3;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--success,
|
|
.tv-button--success_ghost {
|
|
color: #fff;
|
|
border-color: #3cbc98;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.tv-button--success_ghost {
|
|
color: #3cbc98
|
|
}
|
|
|
|
.tv-button--success_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #3cbc98;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.feature-no-touch .tv-button--success:hover,
|
|
.feature-no-touch .tv-button--success_ghost:hover,
|
|
.tv-button--success.i-hover,
|
|
.tv-button--success_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #38b395;
|
|
background-color: #38b395
|
|
}
|
|
|
|
.feature-no-touch .tv-button--success:active,
|
|
.feature-no-touch .tv-button--success_ghost:active,
|
|
.feature-touch .tv-button--success:active,
|
|
.feature-touch .tv-button--success_ghost:active,
|
|
.tv-button--success.i-active,
|
|
.tv-button--success_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #00a97f;
|
|
background-color: #00a97f;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--danger,
|
|
.tv-button--danger_ghost {
|
|
color: #fff;
|
|
border-color: #ff4a68;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.tv-button--danger_ghost {
|
|
color: #ff4a68
|
|
}
|
|
|
|
.tv-button--danger_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #ff4a68;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .tv-button--danger:hover,
|
|
.feature-no-touch .tv-button--danger_ghost:hover,
|
|
.tv-button--danger.i-hover,
|
|
.tv-button--danger_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f24965;
|
|
background-color: #f24965
|
|
}
|
|
|
|
.feature-no-touch .tv-button--danger:active,
|
|
.feature-no-touch .tv-button--danger_ghost:active,
|
|
.feature-touch .tv-button--danger:active,
|
|
.feature-touch .tv-button--danger_ghost:active,
|
|
.tv-button--danger.i-active,
|
|
.tv-button--danger_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #ff173e;
|
|
background-color: #ff173e;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--warning,
|
|
.tv-button--warning_ghost {
|
|
color: #fff;
|
|
border-color: #f89e30;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.tv-button--warning_ghost {
|
|
color: #f89e30
|
|
}
|
|
|
|
.tv-button--warning_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #f89e30;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.feature-no-touch .tv-button--warning:hover,
|
|
.feature-no-touch .tv-button--warning_ghost:hover,
|
|
.tv-button--warning.i-hover,
|
|
.tv-button--warning_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f79217;
|
|
background-color: #f79217
|
|
}
|
|
|
|
.feature-no-touch .tv-button--warning:active,
|
|
.feature-no-touch .tv-button--warning_ghost:active,
|
|
.feature-touch .tv-button--warning:active,
|
|
.feature-touch .tv-button--warning_ghost:active,
|
|
.tv-button--warning.i-active,
|
|
.tv-button--warning_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #d47807;
|
|
background-color: #d47807;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--link {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-button--link {
|
|
color: #299dcd
|
|
}
|
|
|
|
.tv-button--link:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .tv-button--link:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .tv-button--link:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-button--link:active,
|
|
.feature-touch .tv-button--link:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-button--danger_ghost,
|
|
.tv-button--default_ghost,
|
|
.tv-button--primary_ghost,
|
|
.tv-button--secondary_ghost,
|
|
.tv-button--success_ghost,
|
|
.tv-button--warning_ghost {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--danger_ghost.tv-button--size_large,
|
|
.tv-button--default_ghost.tv-button--size_large,
|
|
.tv-button--primary_ghost.tv-button--size_large,
|
|
.tv-button--secondary_ghost.tv-button--size_large,
|
|
.tv-button--success_ghost.tv-button--size_large,
|
|
.tv-button--warning_ghost.tv-button--size_large {
|
|
border-width: 2px
|
|
}
|
|
|
|
.tv-button .tv-ripple {
|
|
background-color: hsla(0, 0%, 100%, .25)
|
|
}
|
|
|
|
.tv-button--default .tv-ripple,
|
|
.tv-button--default_ghost .tv-ripple {
|
|
background-color: rgba(117, 134, 150, .25)
|
|
}
|
|
|
|
.tv-button.i-disabled .tv-ripple {
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .tv-button.i-disabled:active,
|
|
.feature-no-touch .tv-button.i-disabled:hover,
|
|
.feature-no-touch .tv-button:disabled:active,
|
|
.feature-no-touch .tv-button:disabled:hover,
|
|
.feature-touch .tv-button.i-disabled:active,
|
|
.feature-touch .tv-button:disabled:active,
|
|
.tv-button.i-disabled,
|
|
.tv-button:disabled {
|
|
cursor: default;
|
|
color: #9db2bd;
|
|
border-color: #f1f3f6;
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-button:disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
|
|
html.feature-touch.theme-dark .tv-button.i-disabled:active,
|
|
html.feature-touch.theme-dark .tv-button:disabled:active,
|
|
html.theme-dark .tv-button.i-disabled,
|
|
html.theme-dark .tv-button:disabled {
|
|
background-color: #262b3e;
|
|
border-color: #262b3e;
|
|
color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .tv-button.i-disabled:active,
|
|
.feature-no-touch .tv-button:disabled:active,
|
|
.feature-touch .tv-button.i-disabled:active,
|
|
.feature-touch .tv-button:disabled:active {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-button--size_xsmall {
|
|
padding: 2px 7px;
|
|
line-height: 15px;
|
|
border-radius: 1px;
|
|
font-size: 11px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.tv-button--size_xsmall.tv-button--danger_ghost,
|
|
.tv-button--size_xsmall.tv-button--default,
|
|
.tv-button--size_xsmall.tv-button--default_ghost,
|
|
.tv-button--size_xsmall.tv-button--primary_ghost,
|
|
.tv-button--size_xsmall.tv-button--secondary_ghost,
|
|
.tv-button--size_xsmall.tv-button--state,
|
|
.tv-button--size_xsmall.tv-button--success_ghost,
|
|
.tv-button--size_xsmall.tv-button--warning_ghost {
|
|
padding: 1px 6px
|
|
}
|
|
|
|
.tv-button--size_xsmall+.tv-button--size_xsmall {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.tv-button--size_small {
|
|
padding: 1px 12px;
|
|
line-height: 25px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-button--size_small.tv-button--danger_ghost,
|
|
.tv-button--size_small.tv-button--default,
|
|
.tv-button--size_small.tv-button--default_ghost,
|
|
.tv-button--size_small.tv-button--primary_ghost,
|
|
.tv-button--size_small.tv-button--secondary_ghost,
|
|
.tv-button--size_small.tv-button--state,
|
|
.tv-button--size_small.tv-button--success_ghost,
|
|
.tv-button--size_small.tv-button--warning_ghost {
|
|
padding: 0 11px
|
|
}
|
|
|
|
.tv-button--size_small+.tv-button--size_small {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.tv-button--size_large {
|
|
padding: 1px 30px;
|
|
font-size: 17px;
|
|
letter-spacing: 1px;
|
|
line-height: 44px
|
|
}
|
|
|
|
.tv-button--size_large.tv-button--danger_ghost,
|
|
.tv-button--size_large.tv-button--default,
|
|
.tv-button--size_large.tv-button--default_ghost,
|
|
.tv-button--size_large.tv-button--primary_ghost,
|
|
.tv-button--size_large.tv-button--secondary_ghost,
|
|
.tv-button--size_large.tv-button--state,
|
|
.tv-button--size_large.tv-button--success_ghost,
|
|
.tv-button--size_large.tv-button--warning_ghost {
|
|
padding: 0 29px
|
|
}
|
|
|
|
.tv-button--max-width {
|
|
max-width: 300px
|
|
}
|
|
|
|
.tv-button--no-padding {
|
|
padding: 1px
|
|
}
|
|
|
|
.tv-button--no-padding.tv-button--danger_ghost,
|
|
.tv-button--no-padding.tv-button--default,
|
|
.tv-button--no-padding.tv-button--default_ghost,
|
|
.tv-button--no-padding.tv-button--primary_ghost,
|
|
.tv-button--no-padding.tv-button--secondary_ghost,
|
|
.tv-button--no-padding.tv-button--state,
|
|
.tv-button--no-padding.tv-button--success_ghost,
|
|
.tv-button--no-padding.tv-button--warning_ghost {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-button--state {
|
|
text-align: center;
|
|
background: transparent;
|
|
border-width: 1px;
|
|
border-style: solid
|
|
}
|
|
|
|
.tv-button--state:after {
|
|
content: "";
|
|
display: inline-block
|
|
}
|
|
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint,
|
|
.tv-button--state__unchecked {
|
|
display: block;
|
|
height: 0;
|
|
transition: opacity .2625s ease, transform .2625s ease
|
|
}
|
|
|
|
.tv-button--state__ellipsis-text {
|
|
display: block;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked {
|
|
will-change: opacity, transform
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
|
|
.tv-button--state.i-checked .tv-button--state__unchecked,
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint {
|
|
opacity: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.tv-button--state.i-checked .tv-button--state__checked,
|
|
.tv-button--state__unchecked {
|
|
opacity: 1
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.tv-button--state.i-checked .tv-button--state__unchecked,
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint {
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.tv-button--state.i-checked .tv-button--state__checked {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-button--state.tv-button--success {
|
|
color: #3cbc98;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--success.i-checked {
|
|
color: #fff;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--success:hover {
|
|
color: #fff;
|
|
background-color: #38b395
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--success:active,
|
|
.feature-touch .tv-button--state.tv-button--success:active {
|
|
color: #fff;
|
|
background-color: #00a97f
|
|
}
|
|
|
|
.tv-button--state.tv-button--danger {
|
|
color: #ff4a68;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--danger.i-checked {
|
|
color: #fff;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--danger:hover {
|
|
color: #fff;
|
|
background-color: #f24965
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--danger:active,
|
|
.feature-touch .tv-button--state.tv-button--danger:active {
|
|
color: #fff;
|
|
background-color: #ff173e
|
|
}
|
|
|
|
.tv-button--state.tv-button--primary {
|
|
color: #3bb3e4;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--primary.i-checked {
|
|
color: #fff;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--primary:hover {
|
|
color: #fff;
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--primary:active,
|
|
.feature-touch .tv-button--state.tv-button--primary:active {
|
|
color: #fff;
|
|
background-color: #049ddc
|
|
}
|
|
|
|
.tv-button--state.tv-button--secondary {
|
|
color: #757575;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--secondary.i-checked {
|
|
color: #757575;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--secondary:hover {
|
|
color: #757575;
|
|
background-color: #dce6ea
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--secondary:active,
|
|
.feature-touch .tv-button--state.tv-button--secondary:active {
|
|
color: #757575;
|
|
background-color: #cfdce3
|
|
}
|
|
|
|
.tv-button--state.tv-button--warning {
|
|
color: #f89e30;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--warning.i-checked {
|
|
color: #fff;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--warning:hover {
|
|
color: #fff;
|
|
background-color: #f79217
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--warning:active,
|
|
.feature-touch .tv-button--state.tv-button--warning:active {
|
|
color: #fff;
|
|
background-color: #d47807
|
|
}
|
|
|
|
.tv-button--loader .tv-button__text {
|
|
transition: opacity .175s ease, transform .175s ease
|
|
}
|
|
|
|
.tv-button--loader.i-start-load .tv-button__text {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__text {
|
|
opacity: 0;
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__text {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition-delay: .175s
|
|
}
|
|
|
|
.tv-button__loader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 0;
|
|
opacity: 0;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.tv-button__loader:after {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader,
|
|
.tv-button--loader.i-start-load .tv-button__loader {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__loader {
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-button__loader-item {
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 10px;
|
|
height: 10px;
|
|
opacity: 0;
|
|
border-radius: 100%;
|
|
background-color: #fff;
|
|
transform: translateY(12px) scale(.6);
|
|
transition: transform .35s cubic-bezier(.68, -.55, .265, 1.55), opacity .35s ease
|
|
}
|
|
|
|
.tv-button__loader-item:nth-child(2) {
|
|
transition-delay: .11666667s
|
|
}
|
|
|
|
.tv-button__loader-item:nth-child(3) {
|
|
transition-delay: .23333333s
|
|
}
|
|
|
|
.tv-button--default .tv-button__loader-item {
|
|
background-color: #757575
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-start-load .tv-button__loader-item {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-start-load .tv-button__loader-item,
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
transform: translateY(0) scale(.6)
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
animation: tv-button-loader .96s infinite ease-in-out both
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
|
|
animation-delay: .151s
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
|
|
animation-delay: .32s
|
|
}
|
|
|
|
.tv-button--no-border-radius {
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-button--no-border {
|
|
border: none
|
|
}
|
|
|
|
.tv-button--connect {
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-button--connect_left {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.tv-button--connect_right {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
@keyframes tv-button-loader {
|
|
|
|
0%,
|
|
to {
|
|
transform: scale(.6)
|
|
}
|
|
|
|
50% {
|
|
transform: scale(.9)
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-button.tv-button--phone-compact {
|
|
padding-left: 4px;
|
|
padding-right: 4px
|
|
}
|
|
}
|
|
|
|
.tv-control-input {
|
|
display: block;
|
|
padding: 0 12px;
|
|
width: 100%;
|
|
height: 34px;
|
|
font-size: 13px;
|
|
color: #4a4a4a;
|
|
border: 1px solid #dadde0;
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: border-color .35s ease, background-color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-control-input {
|
|
background-color: #1c2030;
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-control-input::-webkit-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input:-ms-input-placeholder,
|
|
.tv-control-input::-ms-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input::placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::-webkit-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input::-ms-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
.tv-control-input:-webkit-autofill {
|
|
-webkit-text-fill-color: #535353 !important;
|
|
box-shadow: inset 0 0 0 1000px #fff !important
|
|
}
|
|
|
|
.tv-control-input--size_xsmall {
|
|
height: 19px
|
|
}
|
|
|
|
.tv-control-input--size_small {
|
|
height: 27px
|
|
}
|
|
|
|
.tv-control-input--size_large {
|
|
height: 48px
|
|
}
|
|
|
|
.tv-control-input--connect {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_left {
|
|
border-left: none;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_right {
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:hover {
|
|
border-color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:focus,
|
|
.feature-touch .tv-control-input:focus {
|
|
border-color: #3bb3e4 !important;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-control-input[readonly] {
|
|
color: #8a8a8a;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input[readonly]:focus,
|
|
.feature-no-touch .tv-control-input[readonly]:hover,
|
|
.feature-touch .tv-control-input[readonly]:focus {
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.tv-control-input--readonly_dark,
|
|
.tv-control-input--readonly_dark[readonly] {
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .tv-control-input--readonly_dark,
|
|
html.theme-dark .tv-control-input--readonly_dark[readonly] {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-control-input.i-disabled,
|
|
.tv-control-input[disabled] {
|
|
color: #ececec;
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled,
|
|
html.theme-dark .tv-control-input[disabled] {
|
|
border-color: #262b3e;
|
|
color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
.tv-control-input[disabled]::-webkit-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled:-ms-input-placeholder,
|
|
.tv-control-input.i-disabled::-ms-input-placeholder,
|
|
.tv-control-input[disabled]:-ms-input-placeholder,
|
|
.tv-control-input[disabled]::-ms-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled::placeholder,
|
|
.tv-control-input[disabled]::placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-disabled:hover,
|
|
.feature-no-touch .tv-control-input[disabled]:hover {
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover {
|
|
border-color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-error {
|
|
border-color: #ff4a68 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:hover {
|
|
border-color: #f24965 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:focus,
|
|
.feature-touch .tv-control-input.i-error:focus {
|
|
border-color: #ff173e !important
|
|
}
|
|
|
|
.tv-control-input.i-success {
|
|
border-color: #3cbc98 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:hover {
|
|
border-color: #38b395 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:focus,
|
|
.feature-touch .tv-control-input.i-success:focus {
|
|
border-color: #00a97f !important
|
|
}
|
|
|
|
.tv-control-input--file {
|
|
display: none
|
|
}
|
|
|
|
.header-chart-panel .header-chart-panel-sizer {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
contain: strict
|
|
}
|
|
|
|
.header-chart-panel .header-chart-panel-content {
|
|
padding: 0 0 0 6px
|
|
}
|
|
|
|
.header-chart-panel .header-chart-panel-content:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.header-chart-panel .button {
|
|
transform: translate(0)
|
|
}
|
|
|
|
.header-chart-panel .tv-close-panel {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
bottom: -5px;
|
|
left: 5px
|
|
}
|
|
|
|
.header-chart-panel.hidden {
|
|
padding: 0
|
|
}
|
|
|
|
.header-chart-panel.hidden .left,
|
|
.header-chart-panel.hidden .right {
|
|
display: none
|
|
}
|
|
|
|
.header-chart-panel .right {
|
|
float: right
|
|
}
|
|
|
|
.header-chart-panel .group {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
padding: 0;
|
|
margin: 6px 0 0;
|
|
height: 30px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.header-chart-panel .symbol-edit-widget {
|
|
margin-right: -1px;
|
|
width: 100px
|
|
}
|
|
|
|
.chart-top-toolbar .space-single,
|
|
.header-chart-panel .space-single {
|
|
padding: 0 4px 0 0
|
|
}
|
|
|
|
.header-chart-panel--compact .group.header-group-back-button,
|
|
.header-chart-panel--compact .group.header-group-bars-style,
|
|
.header-chart-panel--compact .group.header-group-compare,
|
|
.header-chart-panel--compact .group.header-group-create-alert,
|
|
.header-chart-panel--compact .group.header-group-eot-pro,
|
|
.header-chart-panel--compact .group.header-group-properties,
|
|
.header-chart-panel--compact .group.header-group-publishing,
|
|
.header-chart-panel--compact .group.header-group-screenshot,
|
|
.header-chart-panel--compact .group.header-group-select-layout,
|
|
.header-chart-panel--compact .group.header-group-undo-redo,
|
|
.header-chart-panel--compact .layout-toggle-container,
|
|
.header-chart-panel--compact .save-load-buttons .title,
|
|
.header-chart-panel--compact .save-load-buttons .titled .separator {
|
|
display: none
|
|
}
|
|
|
|
.bottom-widgetbar-content.backtesting .button,
|
|
.header-chart-panel .button,
|
|
.hotlist-controls .button,
|
|
.symbol-edit-widget .button {
|
|
display: block;
|
|
position: relative;
|
|
float: left;
|
|
cursor: default;
|
|
padding: 7px 12px;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
height: 14px;
|
|
background: #fff;
|
|
color: #555;
|
|
font-size: 11px;
|
|
font-weight: 600
|
|
}
|
|
|
|
html.theme-dark .bottom-widgetbar-content.backtesting .button,
|
|
html.theme-dark .header-chart-panel .button,
|
|
html.theme-dark .hotlist-controls .button,
|
|
html.theme-dark .symbol-edit-widget .button {
|
|
color: #758696;
|
|
background: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.header-chart-panel .left:not(.captions) .toggle-caption span.caption {
|
|
display: none
|
|
}
|
|
|
|
.header-chart-panel .left.captions .toggle-caption {
|
|
padding: 8px 10px 6px
|
|
}
|
|
|
|
.header-chart-panel .left.captions .toggle-caption.active,
|
|
html.theme-dark .header-chart-panel .left.captions .toggle-caption.active {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.header-chart-panel .left.captions .toggle-caption svg {
|
|
display: none
|
|
}
|
|
|
|
.ch-settings.button .arrow-icon,
|
|
.header-chart-panel .button .arrow-icon,
|
|
.hotlist-controls .arrow-icon,
|
|
.symbol-edit-widget .arrow-icon {
|
|
position: absolute;
|
|
right: 7px;
|
|
top: 12px;
|
|
background: url("../images/svg/arrow-down-filled.svg") no-repeat scroll 0 0 transparent;
|
|
height: 5px;
|
|
width: 9px
|
|
}
|
|
|
|
.header-chart-panel .button.with-arrow,
|
|
.symbol-edit-widget .button.with-arrow {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.symbol-edit-widget {
|
|
position: relative;
|
|
height: 27px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.symbol-edit-widget.no-button {
|
|
width: 110px
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block input,
|
|
input.symbol-edit {
|
|
float: left;
|
|
background-color: #fff;
|
|
border: 1px solid #dadde0;
|
|
width: 291px;
|
|
height: 28px;
|
|
padding: 0 0 0 7px;
|
|
color: #4a4a4a;
|
|
font-size: 13px;
|
|
font-weight: 600
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .symbol-block input,
|
|
html.theme-dark input.symbol-edit {
|
|
color: #c5cbce;
|
|
border-color: #363c4e;
|
|
background-color: #131722
|
|
}
|
|
|
|
.symbol-edit-widget .symbol-edit-wrap {
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 100px;
|
|
height: 27px;
|
|
top: 0;
|
|
left: 0;
|
|
transition: width .2s
|
|
}
|
|
|
|
.symbol-edit-widget .symbol-edit-wrap.expanded {
|
|
width: 484px;
|
|
box-shadow: 0 0 10px 10px #fff;
|
|
transition: width .4s;
|
|
z-index: 2
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-widget .symbol-edit-wrap.expanded {
|
|
box-shadow: 0 0 10px 10px #131722
|
|
}
|
|
|
|
.symbol-edit-widget .symbol-edit-inputspacer {
|
|
padding: 0 9px 0 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.symbol-edit-widget .symbol-edit-inputspacer input.symbol-edit {
|
|
width: 100%
|
|
}
|
|
|
|
.symbol-edit-wrap .symbol-edit-buttonswrap {
|
|
position: relative;
|
|
float: right;
|
|
height: 30px;
|
|
width: 0;
|
|
overflow: hidden;
|
|
background: #ff0;
|
|
transition: width .2s
|
|
}
|
|
|
|
.symbol-edit-wrap.expanded .symbol-edit-buttonswrap {
|
|
width: 121px;
|
|
transition: width .4s
|
|
}
|
|
|
|
.symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 120px
|
|
}
|
|
|
|
input.symbol-edit.with-plus {
|
|
padding-right: 26px
|
|
}
|
|
|
|
.symbol-search-dialog input.incomplete,
|
|
input.symbol-edit.incomplete {
|
|
background-color: #ffffef
|
|
}
|
|
|
|
.symbol-search-dialog input.error,
|
|
.symbol-search-dialog input.interval-error,
|
|
input.symbol-edit.error,
|
|
input.symbol-edit.interval-error {
|
|
background-color: #ffefef
|
|
}
|
|
|
|
.symbol-search-loading {
|
|
position: relative;
|
|
width: 51px;
|
|
height: 51px;
|
|
padding: 10px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.property-page input.symbol-edit {
|
|
padding: 0 5px
|
|
}
|
|
|
|
div.symbol-edit-popup {
|
|
display: block;
|
|
position: absolute;
|
|
width: 705px;
|
|
border: 1px solid;
|
|
border-color: #d6d8e0;
|
|
z-index: 111;
|
|
background: hsla(0, 0%, 100%, .9)
|
|
}
|
|
|
|
html.theme-dark div.symbol-edit-popup {
|
|
background: rgba(28, 32, 48, .9);
|
|
border-color: #131722
|
|
}
|
|
|
|
div.symbol-edit-popup .table-wrapper {
|
|
border-top: 1px solid;
|
|
border-top-color: #dde1e6;
|
|
overflow-y: auto;
|
|
width: 700px
|
|
}
|
|
|
|
html.theme-dark div.symbol-edit-popup .table-wrapper {
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
|
|
border: 1px solid;
|
|
border-color: #f1f3f6;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
|
|
background-color: #363c4e;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 3px
|
|
}
|
|
|
|
table.symbol-edit-popup {
|
|
border-collapse: collapse
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title {
|
|
cursor: default
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title td:first-child div {
|
|
position: relative;
|
|
border-color: #ccc;
|
|
transition: border-color .1s linear
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title td:first-child div:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -13px;
|
|
margin-top: -2px;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 7px 4px 0
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title:not(.collapsed) td:first-child div:before {
|
|
border-left-color: transparent;
|
|
border-right-color: transparent
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title.collapsed td:first-child div {
|
|
border-color: #ccc
|
|
}
|
|
|
|
table.symbol-edit-popup tr.group-title.collapsed td:first-child div:before {
|
|
left: -12px;
|
|
margin-top: -3px;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-width: 4px 0 4px 7px
|
|
}
|
|
|
|
.feature-no-touch table.symbol-edit-popup tr.group-title:hover td:first-child div,
|
|
table.symbol-edit-popup tr.group-title.symbol-edit-popup-active td:first-child div {
|
|
border-color: #555
|
|
}
|
|
|
|
table.symbol-edit-popup tr.hidden {
|
|
display: none
|
|
}
|
|
|
|
table.symbol-edit-popup td {
|
|
padding: 7px
|
|
}
|
|
|
|
table.symbol-edit-popup td:first-child {
|
|
padding-left: 20px
|
|
}
|
|
|
|
table.symbol-edit-popup td:last-child {
|
|
max-width: 130px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
tr.symbol-edit-popup {
|
|
cursor: pointer;
|
|
height: 25px
|
|
}
|
|
|
|
tr.symbol-edit-popup td:first-child {
|
|
max-width: 165px
|
|
}
|
|
|
|
span.symbol-edit-highlight {
|
|
color: #4c82ce;
|
|
font-weight: 700
|
|
}
|
|
|
|
.symbol-edit-popup-td {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 230px;
|
|
line-height: 14px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.symbol-edit-popup-td.name {
|
|
font-weight: 700
|
|
}
|
|
|
|
.symbol-edit-popup-td.desc {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%
|
|
}
|
|
|
|
.symbol-edit-popup-td.desc strong,
|
|
.symbol-edit-popup-td.name strong {
|
|
font-weight: 700;
|
|
color: #4c82ce
|
|
}
|
|
|
|
.symbol-edit-popup-td.desc em,
|
|
.symbol-edit-popup-td.name em {
|
|
font-weight: 700;
|
|
color: #4c82ce;
|
|
font-style: normal
|
|
}
|
|
|
|
.symbol-edit-popup-td.type {
|
|
font-size: 11px;
|
|
color: #999;
|
|
white-space: nowrap;
|
|
text-align: right
|
|
}
|
|
|
|
.symbol-edit-popup-td.flag svg {
|
|
position: relative;
|
|
right: -2px;
|
|
top: 2px
|
|
}
|
|
|
|
.symbol-edit-popup-td.flag svg.bitcoin {
|
|
top: 0
|
|
}
|
|
|
|
.feature-no-touch tr.symbol-edit-popup:hover:not(.group-title) {
|
|
background: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark tr.symbol-edit-popup:hover:not(.group-title) {
|
|
background: #363c4e
|
|
}
|
|
|
|
.symbol-edit-popup-active {
|
|
background: #d1e1f8
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-popup-active {
|
|
background: #2f3241
|
|
}
|
|
|
|
.symbol-edit-popup i.eod,
|
|
.symbol-edit-popup i.pro {
|
|
display: inline-block;
|
|
height: auto;
|
|
width: auto;
|
|
font-size: 10px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
font-style: normal;
|
|
line-height: 12px;
|
|
vertical-align: 0;
|
|
padding: 1px 3px 0;
|
|
overflow: visible
|
|
}
|
|
|
|
.symbol-edit-popup i.eod {
|
|
background: #c9cbcd
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-popup i.eod {
|
|
background: #363c4e
|
|
}
|
|
|
|
.symbol-edit-popup i.pro {
|
|
background: #bf645c
|
|
}
|
|
|
|
.symbol-edit-plus {
|
|
display: block;
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 28px;
|
|
top: 1px;
|
|
right: 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.symbol-edit-plus span {
|
|
display: block;
|
|
position: relative;
|
|
width: 15px;
|
|
height: 15px;
|
|
top: 7px;
|
|
left: 3px;
|
|
background: url("../images/icons.png") no-repeat -80px -220px
|
|
}
|
|
|
|
.feature-no-touch .symbol-edit-plus:hover span {
|
|
background-position: -120px -300px
|
|
}
|
|
|
|
.symbol-edit-history-popup {
|
|
padding: 1px;
|
|
overflow-y: auto;
|
|
border: 1px solid #999;
|
|
z-index: 11;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
background: hsla(0, 0%, 100%, .9);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
|
|
width: 410px
|
|
}
|
|
|
|
.symbol-edit-history-popup .heading {
|
|
background: #ddd;
|
|
padding: 4px 5px;
|
|
color: #626262;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
cursor: default
|
|
}
|
|
|
|
.symbol-edit-history-popup .symbol {
|
|
position: relative;
|
|
cursor: pointer;
|
|
height: 14px;
|
|
padding: 5px;
|
|
color: #595959;
|
|
font-size: 12px;
|
|
clear: both
|
|
}
|
|
|
|
.symbol-edit-history-popup .symbol .s {
|
|
float: left;
|
|
width: 70px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.symbol-edit-history-popup .symbol .d {
|
|
float: left;
|
|
width: 247px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.symbol-edit-history-popup .symbol .t {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 5px;
|
|
color: #999;
|
|
font-size: 11px;
|
|
text-align: right
|
|
}
|
|
|
|
.feature-no-touch .symbol-edit-history-popup .symbol:hover {
|
|
background: #e5edf7;
|
|
color: #29313c
|
|
}
|
|
|
|
.tv-close-mixin {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-close-mixin:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 9px;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=)
|
|
}
|
|
|
|
.feature-no-touch .tv-close-mixin:hover:after {
|
|
background-position: bottom
|
|
}
|
|
|
|
.symbol-edit-notification {
|
|
position: relative;
|
|
padding: 15px 20px;
|
|
background: #ebf7fc;
|
|
font-size: 12px
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-notification {
|
|
background: #4c525e
|
|
}
|
|
|
|
.symbol-edit-notification a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-notification a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.symbol-edit-notification a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-notification a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .symbol-edit-notification a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .symbol-edit-notification a:active,
|
|
.feature-touch .symbol-edit-notification a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.symbol-edit-notification .close {
|
|
display: block;
|
|
position: absolute;
|
|
width: 21px;
|
|
height: 21px;
|
|
right: 0;
|
|
top: 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.symbol-edit-notification .close:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 9px;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=)
|
|
}
|
|
|
|
.feature-no-touch .symbol-edit-notification .close:hover:after {
|
|
background-position: bottom
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block {
|
|
width: auto;
|
|
margin: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block .spread-actions {
|
|
height: 36px;
|
|
border-top: none;
|
|
border-right: none;
|
|
background: #fff
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .symbol-block .spread-actions {
|
|
background: #131722
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block .spread-actions:empty {
|
|
border: none;
|
|
background: transparent
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block button {
|
|
width: 30px;
|
|
height: 36px;
|
|
border-left: 1px solid;
|
|
border-left-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .symbol-block button {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block button:first-child {
|
|
border-left: none !important
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block-inputspacer {
|
|
overflow: hidden
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block-inputspacer input {
|
|
float: none;
|
|
width: 100%;
|
|
height: 37px;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
padding: 0 7px 0 34px;
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
border-radius: 0;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.symbol-search-dialog .symbol-block-inputspacer .search-icon {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url("../images/icons.png") no-repeat -80px -339px;
|
|
top: 12px;
|
|
left: 12px
|
|
}
|
|
|
|
.symbol-search-dialog .filter {
|
|
padding: 0 20px;
|
|
border-bottom: 1px solid;
|
|
border-color: #dde1e6
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .filter {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.symbol-search-dialog .filter .exchange-filter,
|
|
.symbol-search-dialog .filter .tradable-filter,
|
|
.symbol-search-dialog .filter a.type-filter {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-right: 18px;
|
|
padding: 10px 0;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .filter .exchange-filter,
|
|
html.theme-dark .symbol-search-dialog .filter .tradable-filter,
|
|
html.theme-dark .symbol-search-dialog .filter a.type-filter {
|
|
color: #8b8f95
|
|
}
|
|
|
|
.symbol-search-dialog .filter .exchange-filter a,
|
|
.symbol-search-dialog .filter .tradable-filter a,
|
|
.symbol-search-dialog .filter a.type-filter a {
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .filter .exchange-filter a,
|
|
html.theme-dark .symbol-search-dialog .filter .tradable-filter a,
|
|
html.theme-dark .symbol-search-dialog .filter a.type-filter a {
|
|
color: #8b8f95
|
|
}
|
|
|
|
.symbol-search-dialog .filter .exchange-filter.active,
|
|
.symbol-search-dialog .filter .tradable-filter.active,
|
|
.symbol-search-dialog .filter a.type-filter.active {
|
|
font-weight: 700
|
|
}
|
|
|
|
.symbol-search-dialog .filter .exchange-filter.active:after,
|
|
.symbol-search-dialog .filter .tradable-filter.active:after,
|
|
.symbol-search-dialog .filter a.type-filter.active:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: #5cb888
|
|
}
|
|
|
|
.symbol-search-dialog .filter .exchange-filter,
|
|
.symbol-search-dialog .filter .exchange-filter:last-child,
|
|
.symbol-search-dialog .filter .tradable-filter:last-child,
|
|
.symbol-search-dialog .filter a.type-filter:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.symbol-search-dialog .filter .tradable-filter {
|
|
margin-left: 10px;
|
|
padding-bottom: 11px;
|
|
line-height: 14px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.symbol-search-dialog .filter .tradable-filter * {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.symbol-search-dialog .filter .tradable-filter .tradable-text {
|
|
padding-left: 5px;
|
|
cursor: default
|
|
}
|
|
|
|
.symbol-search-dialog .results {
|
|
height: 500px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0
|
|
}
|
|
|
|
.symbol-search-dialog .results::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
.symbol-search-dialog .results::-webkit-scrollbar-thumb {
|
|
border: 1px solid;
|
|
border-color: #f1f3f6;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb {
|
|
background-color: #363c4e;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.symbol-search-dialog .results::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.symbol-search-dialog .results table {
|
|
width: 100%;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.symbol-search-dialog .results table .symbol-edit-popup-td:first-child {
|
|
padding-left: 20px
|
|
}
|
|
|
|
.symbol-search-dialog .results table .symbol-edit-popup-td:last-child {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td {
|
|
padding-top: 12px
|
|
}
|
|
|
|
.spread-actions {
|
|
float: right;
|
|
height: 28px;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
background: #fff;
|
|
margin: 0
|
|
}
|
|
|
|
html.theme-dark .spread-actions {
|
|
background: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.spread-actions button {
|
|
position: relative;
|
|
float: left;
|
|
width: 20px;
|
|
height: 28px;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.spread-actions button::-moz-focus-inner {
|
|
padding: 0 !important;
|
|
margin: 0 !important
|
|
}
|
|
|
|
.spread-actions button.disabled {
|
|
cursor: default
|
|
}
|
|
|
|
.spread-actions button .action-icon {
|
|
display: block;
|
|
position: absolute;
|
|
margin: auto;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
color: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .spread-actions button .action-icon {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .spread-actions button:hover .action-icon {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.spread-actions button.disabled .action-icon {
|
|
color: #a6a6a6
|
|
}
|
|
|
|
html.theme-dark .spread-actions button.disabled .action-icon {
|
|
color: #2f3241
|
|
}
|
|
|
|
.symbol-search-dialog .exchange-filter,
|
|
div.symbol-edit-popup .exchange-filter {
|
|
float: right
|
|
}
|
|
|
|
.exchange-filter .tv-symbol-select>.flag {
|
|
display: block;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 15px
|
|
}
|
|
|
|
.exchange-filter-overflow {
|
|
width: 90px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.flagged-exchange {
|
|
margin-right: 36px
|
|
}
|
|
|
|
.symbol-search-dialog .exchange-filter .sbSelector {
|
|
width: 90px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
display: block;
|
|
width: auto;
|
|
margin: 0 12px 0 15px
|
|
}
|
|
|
|
.symbol-search-dialog .exchange-filter .sbSelector.exchange-with-flag {
|
|
margin-right: 36px
|
|
}
|
|
|
|
div.symbol-edit-popup .exchange-filter .sbSelector {
|
|
width: 90px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
display: block;
|
|
width: auto;
|
|
margin: 0 10px 0 15px;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
height: 13px
|
|
}
|
|
|
|
div.symbol-edit-popup .exchange-filter .sbSelector.exchange-with-flag {
|
|
margin-right: 36px
|
|
}
|
|
|
|
.symbol-search-dialog .exchange-filter .sbToggle,
|
|
div.symbol-edit-popup .exchange-filter .sbToggle {
|
|
position: absolute;
|
|
right: 1px
|
|
}
|
|
|
|
.symbol-edit-popup .filter {
|
|
padding: 0 20px;
|
|
margin: 0;
|
|
width: 100%;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.symbol-edit-popup .filter .exchange-filter,
|
|
.symbol-edit-popup .filter a.type-filter {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 6px 0;
|
|
margin-right: 18px;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
border-bottom: none;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-popup .filter .exchange-filter,
|
|
html.theme-dark .symbol-edit-popup .filter a.type-filter {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.symbol-edit-popup .filter .exchange-filter a,
|
|
.symbol-edit-popup .filter a.type-filter a {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .symbol-edit-popup .filter .exchange-filter a,
|
|
html.theme-dark .symbol-edit-popup .filter a.type-filter a {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.symbol-edit-popup .filter .exchange-filter.active:after,
|
|
.symbol-edit-popup .filter a.type-filter.active:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: #5cb888
|
|
}
|
|
|
|
.symbol-edit-popup .filter .exchange-filter:last-child,
|
|
.symbol-edit-popup .filter a.type-filter:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.symbol-edit-popup .filter .exchange-filter {
|
|
margin: 0
|
|
}
|
|
|
|
.symbol-edit-popup .filter .tradable-filter {
|
|
margin-left: 10px;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
padding: 6px 0;
|
|
display: inline-flex;
|
|
vertical-align: middle;
|
|
align-items: center
|
|
}
|
|
|
|
.symbol-edit-popup .filter .tradable-filter .tradable-text {
|
|
padding-left: 5px;
|
|
cursor: default;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.symbol-search-dialog .tradable-filter,
|
|
div.symbol-edit-popup .tradable-filter {
|
|
float: right
|
|
}
|
|
|
|
.feature-no-touch .header-chart-panel .button:hover:not(.disabled),
|
|
.feature-no-touch .symbol-edit-widget .button:hover:not(.disabled) {
|
|
color: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button:hover:not(.disabled),
|
|
html.feature-no-touch.theme-dark .symbol-edit-widget .button:hover:not(.disabled) {
|
|
color: #8797a5
|
|
}
|
|
|
|
.bottom-widgetbar-content.backtesting .button.active,
|
|
.ch-controls .button.active,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .button:active,
|
|
.feature-no-touch .ch-controls .button:active,
|
|
.feature-no-touch .header-chart-panel .button.active:hover,
|
|
.feature-no-touch .header-chart-panel .button:active,
|
|
.feature-no-touch .hotlist-controls .button:active,
|
|
.feature-no-touch .save-load-buttons .active:hover,
|
|
.feature-no-touch .save-load-buttons a:not(.link):active,
|
|
.feature-no-touch .symbol-edit-widget .button:active,
|
|
.feature-touch .bottom-widgetbar-content.backtesting .button:active,
|
|
.feature-touch .ch-controls .button:active,
|
|
.feature-touch .header-chart-panel .button:active,
|
|
.feature-touch .hotlist-controls .button:active,
|
|
.feature-touch .save-load-buttons a:not(.link):active,
|
|
.feature-touch .symbol-edit-widget .button:active,
|
|
.header-chart-panel .button.active,
|
|
.header-chart-panel .button.i-active,
|
|
.hotlist-controls .button.active,
|
|
.save-load-buttons .active,
|
|
.symbol-edit-widget .button.active {
|
|
background: #f2f3f5;
|
|
color: #4c525e
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
|
|
html.feature-no-touch.theme-dark .ch-controls .button:active,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button.active:hover,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button:active,
|
|
html.feature-no-touch.theme-dark .hotlist-controls .button:active,
|
|
html.feature-no-touch.theme-dark .save-load-buttons .active:hover,
|
|
html.feature-no-touch.theme-dark .save-load-buttons a:not(.link):active,
|
|
html.feature-no-touch.theme-dark .symbol-edit-widget .button:active,
|
|
html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
|
|
html.feature-touch.theme-dark .ch-controls .button:active,
|
|
html.feature-touch.theme-dark .header-chart-panel .button:active,
|
|
html.feature-touch.theme-dark .hotlist-controls .button:active,
|
|
html.feature-touch.theme-dark .save-load-buttons a:not(.link):active,
|
|
html.feature-touch.theme-dark .symbol-edit-widget .button:active,
|
|
html.theme-dark .bottom-widgetbar-content.backtesting .button.active,
|
|
html.theme-dark .ch-controls .button.active,
|
|
html.theme-dark .header-chart-panel .button.active,
|
|
html.theme-dark .header-chart-panel .button.i-active,
|
|
html.theme-dark .hotlist-controls .button.active,
|
|
html.theme-dark .save-load-buttons .active,
|
|
html.theme-dark .symbol-edit-widget .button.active {
|
|
color: #f7f8fa;
|
|
background: #131722
|
|
}
|
|
|
|
.button .sepapator,
|
|
.save-load-buttons .title {
|
|
background-color: #fff;
|
|
color: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button .sepapator,
|
|
html.theme-dark .save-load-buttons .title {
|
|
color: #d6d8e0;
|
|
background-color: #131722
|
|
}
|
|
|
|
.header-chart-panel .icon-container-toggle {
|
|
width: 70px;
|
|
margin: 0
|
|
}
|
|
|
|
.header-chart-panel .icon-container-toggle a {
|
|
height: 14px
|
|
}
|
|
|
|
.header-chart-panel .button.no-last {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.header-chart-panel .button.no-first {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left: 0
|
|
}
|
|
|
|
.favored-list-container>div,
|
|
.favored-list-container>span {
|
|
vertical-align: top
|
|
}
|
|
|
|
.favored-list-container>div {
|
|
display: inline-block
|
|
}
|
|
|
|
.favored-list-container span {
|
|
display: inline-block;
|
|
position: relative;
|
|
height: 14px;
|
|
vertical-align: top;
|
|
color: #4a4a4a;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
border-width: 1px 1px 1px 0;
|
|
padding: 7px 12px;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .favored-list-container span {
|
|
border-color: #363c4e;
|
|
background: #131722;
|
|
color: #758696
|
|
}
|
|
|
|
.favored-list-container span.active,
|
|
.favored-list-container span.selected,
|
|
.feature-no-touch .favored-list-container span:active,
|
|
.feature-touch .favored-list-container span:active {
|
|
background: #f2f3f5;
|
|
color: #3bb3e4
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .favored-list-container span:active,
|
|
html.feature-touch.theme-dark .favored-list-container span:active,
|
|
html.theme-dark .favored-list-container span.active,
|
|
html.theme-dark .favored-list-container span.selected {
|
|
color: #3bb3e4;
|
|
background: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .favored-list-container span:hover {
|
|
background: #f2f3f5;
|
|
color: #4c525e
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .favored-list-container span:hover {
|
|
color: #f7f8fa;
|
|
background: #131722
|
|
}
|
|
|
|
.favored-list-container span.disabled,
|
|
.favored-list-container span.disabled.active,
|
|
.feature-no-touch .favored-list-container span.disabled:active,
|
|
.feature-no-touch .favored-list-container span.disabled:hover,
|
|
.feature-touch .favored-list-container span.disabled:active {
|
|
color: #adafb3 !important;
|
|
background: #f2f3f5;
|
|
box-shadow: none
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .favored-list-container span.disabled:active,
|
|
html.feature-no-touch.theme-dark .favored-list-container span.disabled:hover,
|
|
html.feature-touch.theme-dark .favored-list-container span.disabled:active,
|
|
html.theme-dark .favored-list-container span.disabled,
|
|
html.theme-dark .favored-list-container span.disabled.active {
|
|
background: #2f3241;
|
|
color: #4c525e !important
|
|
}
|
|
|
|
.favored-list-container .quick span:first-child,
|
|
.favored-list-container:not(.no-first) .favored-list-container .quick span:first-child {
|
|
border-width: 1px
|
|
}
|
|
|
|
.favored-list-container span.submenu {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
width: 20px;
|
|
height: 28px
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button {
|
|
border-right-style: dotted
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button i {
|
|
display: block;
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 3px;
|
|
right: 6px;
|
|
top: 50%;
|
|
left: 50%;
|
|
background: #8b8c8e;
|
|
margin-top: -1px;
|
|
margin-left: -1px;
|
|
border-radius: 2px
|
|
}
|
|
|
|
html.theme-dark .favored-list-container span.submenu.interval-dialog-button i {
|
|
background: #758696
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button i:after,
|
|
.favored-list-container span.submenu.interval-dialog-button i:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: inherit;
|
|
border-radius: 2px
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button i:before {
|
|
top: -6px
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button i:after {
|
|
bottom: -6px
|
|
}
|
|
|
|
.favored-list-container span.submenu.interval-dialog-button.active i,
|
|
html.theme-dark .favored-list-container span.submenu.interval-dialog-button.active i {
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.favored-list-container.active span.submenu,
|
|
.favored-list-container span.submenu.active {
|
|
color: #adafb3;
|
|
background: #f1f3f6
|
|
}
|
|
|
|
html.theme-dark .favored-list-container.active span.submenu,
|
|
html.theme-dark .favored-list-container span.submenu.active {
|
|
background: #131722
|
|
}
|
|
|
|
.favored-list-container.active span.submenu i,
|
|
.favored-list-container span.submenu.active i {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.button.iconed,
|
|
.header-chart-panel .button.iconed {
|
|
padding: 6px 10px 8px
|
|
}
|
|
|
|
.feature-no-touch .header-chart-panel .button.disabled:active,
|
|
.feature-touch .header-chart-panel .button.disabled:active,
|
|
.header-chart-panel .button.disabled,
|
|
.header-chart-panel .button.disabled.active {
|
|
background: #f1f3f6;
|
|
box-shadow: none
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button.disabled:active,
|
|
html.feature-touch.theme-dark .header-chart-panel .button.disabled:active,
|
|
html.theme-dark .header-chart-panel .button.disabled,
|
|
html.theme-dark .header-chart-panel .button.disabled.active {
|
|
background: #1c2030
|
|
}
|
|
|
|
.header-chart-panel .button.disabled i {
|
|
opacity: .5
|
|
}
|
|
|
|
.button.iconed i {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
background-image: url("../images/icons.png")
|
|
}
|
|
|
|
.button.redo,
|
|
.button.undo {
|
|
padding: 8px 5px 6px
|
|
}
|
|
|
|
.button.redo svg,
|
|
.button.undo svg {
|
|
width: 15px;
|
|
height: 14px;
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.redo svg,
|
|
html.theme-dark .button.undo svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.button.redo.disabled svg,
|
|
.button.undo.disabled svg {
|
|
fill: #a5a5a5
|
|
}
|
|
|
|
html.theme-dark .button.redo.disabled svg,
|
|
html.theme-dark .button.undo.disabled svg {
|
|
fill: #4c525e
|
|
}
|
|
|
|
.header-chart-panel .button.redo {
|
|
left: -1px
|
|
}
|
|
|
|
.button.fullscreen,
|
|
.header-chart-panel .button.fullscreen {
|
|
padding: 5px 6px 9px
|
|
}
|
|
|
|
.button.fullscreen svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.fullscreen svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .button.fullscreen:hover svg {
|
|
fill: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button.fullscreen:hover svg {
|
|
fill: #8797a5
|
|
}
|
|
|
|
.button.properties svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.properties svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .button.properties:hover svg {
|
|
fill: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button.properties:hover svg {
|
|
fill: #8797a5
|
|
}
|
|
|
|
.button.properties.active svg,
|
|
html.theme-dark .button.properties.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.button.alerts svg {
|
|
width: 20px;
|
|
height: 18px;
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.alerts svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.button.alerts.active svg,
|
|
.feature-no-touch .button.alerts:active svg,
|
|
.feature-no-touch .button.alerts:hover svg,
|
|
.feature-touch .button.alerts:active svg {
|
|
fill: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button.alerts:active svg,
|
|
html.feature-no-touch.theme-dark .button.alerts:hover svg,
|
|
html.feature-touch.theme-dark .button.alerts:active svg,
|
|
html.theme-dark .button.alerts.active svg {
|
|
fill: #8797a5
|
|
}
|
|
|
|
.button.indicators svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.indicators svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.button.indicators:not(:only-child) {
|
|
border-right: none
|
|
}
|
|
|
|
.button.indicators.active svg,
|
|
html.theme-dark .button.indicators.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.button.compare svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.compare svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.button.compare.active svg,
|
|
html.theme-dark .button.compare.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.button.script-editor svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .button.script-editor svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.button.script-editor.active svg,
|
|
html.theme-dark .button.script-editor.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.button.bars,
|
|
.header-chart-panel .button.bars {
|
|
padding: 3px 22px 8px 9px
|
|
}
|
|
|
|
.favored-list.study-template-popup {
|
|
width: 268px
|
|
}
|
|
|
|
.favored-list.study-template-popup .item .title-expanded {
|
|
width: 190px
|
|
}
|
|
|
|
.favored-list.study-template-popup .separator:last-child {
|
|
display: none
|
|
}
|
|
|
|
.header-chart-panel .button.objects-tree {
|
|
padding: 6px 7px 8px 6px !important
|
|
}
|
|
|
|
.header-chart-panel .button.objects-tree i {
|
|
width: 18px;
|
|
height: 16px;
|
|
background-position: 1px -461px
|
|
}
|
|
|
|
.feature-no-touch .header-chart-panel .button.objects-tree:active i,
|
|
.feature-touch .header-chart-panel .button.objects-tree:active i,
|
|
.header-chart-panel .button.objects-tree.active i {
|
|
background-position: -19px -461px
|
|
}
|
|
|
|
.favored-list-container.study-template-widget {
|
|
float: left
|
|
}
|
|
|
|
.favored-list-container.study-template-widget svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .favored-list-container.study-template-widget svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.favored-list-container.study-template-widget .submenu {
|
|
border-left-style: dotted;
|
|
border-left-width: 1px
|
|
}
|
|
|
|
.favored-list-container.study-template-widget .quick>span {
|
|
padding: 7px 4px
|
|
}
|
|
|
|
.favored-list-container.study-template-widget .quick>span i {
|
|
display: block;
|
|
background: url("../images/icons.png") 0 -380px;
|
|
width: 13px;
|
|
margin-top: 1px;
|
|
height: 13px
|
|
}
|
|
|
|
.favored-list-container.study-template-widget .quick>span:first-child {
|
|
border-left-width: 1px
|
|
}
|
|
|
|
.favored-list-container.study-template-widget .quick>span:last-child {
|
|
border-right-style: none
|
|
}
|
|
|
|
.header-chart-panel .button.published-timeline {
|
|
padding: 4px 7px 10px
|
|
}
|
|
|
|
.header-chart-panel .button.published-timeline:not(:only-child) {
|
|
border-right-style: dotted
|
|
}
|
|
|
|
.header-chart-panel .button.published-timeline svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .header-chart-panel .button.published-timeline svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .header-chart-panel .button.published-timeline:active svg,
|
|
.feature-touch .header-chart-panel .button.published-timeline:active svg,
|
|
.header-chart-panel .button.published-timeline.active svg,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button.published-timeline:active svg,
|
|
html.feature-touch.theme-dark .header-chart-panel .button.published-timeline:active svg,
|
|
html.theme-dark .header-chart-panel .button.published-timeline.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .header-chart-panel .button.published-timeline:hover svg {
|
|
fill: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button.published-timeline:hover svg {
|
|
fill: #8797a5
|
|
}
|
|
|
|
.header-chart-panel .button.published-settings {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
position: relative;
|
|
border-style: solid;
|
|
border-color: #dadde0;
|
|
border-width: 1px 1px 1px 0;
|
|
cursor: default;
|
|
padding: 0;
|
|
width: 20px;
|
|
height: 28px
|
|
}
|
|
|
|
html.theme-dark .header-chart-panel .button.published-settings {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.up-active {
|
|
position: relative
|
|
}
|
|
|
|
.charts-popup-list.chart-style-popup {
|
|
width: 195px
|
|
}
|
|
|
|
.charts-popup-list.chart-style-popup .item .title {
|
|
width: 120px;
|
|
vertical-align: top;
|
|
line-height: 25px;
|
|
padding-left: 5px
|
|
}
|
|
|
|
.chart-style-popup .item {
|
|
padding: 5px 7px 0;
|
|
height: 30px;
|
|
transform: translate(0);
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .chart-style-popup .item {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.chart-style-popup .item span.icon {
|
|
width: 19px;
|
|
height: 19px;
|
|
margin-top: -1px
|
|
}
|
|
|
|
.chart-style-popup .item.active span.icon {
|
|
background-position-y: -19px !important
|
|
}
|
|
|
|
.chart-style-popup .item svg {
|
|
fill: #7d7d7d;
|
|
color: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .chart-style-popup .item svg {
|
|
color: #758696;
|
|
fill: #758696
|
|
}
|
|
|
|
.chart-style-widget svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .chart-style-widget svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.chart-style-widget span.selected svg,
|
|
html.theme-dark .chart-style-widget span.selected svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.chart-style-widget span {
|
|
padding: 1px 8px 13px
|
|
}
|
|
|
|
.feature-no-touch .chart-style-widget span:hover svg {
|
|
fill: #68696b
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .chart-style-widget span:hover svg {
|
|
fill: #8797a5
|
|
}
|
|
|
|
.save-load-buttons {
|
|
float: left
|
|
}
|
|
|
|
.save-load-buttons>span {
|
|
display: block;
|
|
float: left;
|
|
height: 15px;
|
|
max-width: 80px;
|
|
border-style: solid;
|
|
border-color: #dadde0;
|
|
border-width: 1px 0 1px 1px;
|
|
padding: 7px 12px 6px 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
background: #fff;
|
|
text-align: center;
|
|
color: #555;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .save-load-buttons>span {
|
|
color: #758696;
|
|
background: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .save-load-buttons .button:hover {
|
|
color: #333
|
|
}
|
|
|
|
.feature-no-touch .save-load-buttons .button:active,
|
|
.feature-touch .save-load-buttons .button:active,
|
|
.save-load-buttons .button.active {
|
|
background-color: #f4f7f9
|
|
}
|
|
|
|
.save-load-buttons .button.first {
|
|
border-left: 1px solid #c9cbcd
|
|
}
|
|
|
|
.save-load-buttons .button.last {
|
|
border-right: 1px solid #c9cbcd
|
|
}
|
|
|
|
.save-load-buttons .copy.titled,
|
|
.save-load-buttons .save.titled {
|
|
border-right: 0;
|
|
position: relative;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.save-load-buttons .title.read-only {
|
|
cursor: default
|
|
}
|
|
|
|
.save-load-buttons .read-only {
|
|
color: #8b8c8e
|
|
}
|
|
|
|
.save-load-buttons .load {
|
|
border-right: none
|
|
}
|
|
|
|
.save-load-buttons .options .arrow-icon {
|
|
margin: 0
|
|
}
|
|
|
|
.save-load-buttons .options {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding-left: 3px;
|
|
padding-right: 3px
|
|
}
|
|
|
|
.save-load-buttons .options .tv-caret {
|
|
position: relative;
|
|
left: -2px
|
|
}
|
|
|
|
.save-load-buttons .active .arrow-icon {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.save-load-buttons .title {
|
|
position: relative;
|
|
max-width: 136px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background: #e6e6e6;
|
|
cursor: pointer
|
|
}
|
|
|
|
.save-load-buttons .title .sizer {
|
|
display: block;
|
|
min-width: 50px;
|
|
height: 10px;
|
|
visibility: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-align: right
|
|
}
|
|
|
|
.save-load-buttons .input,
|
|
.save-load-buttons input {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 5px;
|
|
width: 50px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
background: none;
|
|
color: #737475;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
cursor: pointer
|
|
}
|
|
|
|
.feature-no-touch .save-load-buttons .input:focus,
|
|
.feature-no-touch .save-load-buttons input:focus,
|
|
.feature-touch .save-load-buttons .input:focus,
|
|
.feature-touch .save-load-buttons input:focus {
|
|
color: #404040;
|
|
cursor: text
|
|
}
|
|
|
|
.save-load-buttons .input {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.feature-no-touch .save-load-buttons .no-change:hover,
|
|
.save-load-buttons .no-change {
|
|
cursor: default;
|
|
background: #e5e5e8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .save-load-buttons .no-change:hover,
|
|
html.theme-dark .save-load-buttons .no-change {
|
|
background: #1c2030
|
|
}
|
|
|
|
.save-load-buttons .no-change.process,
|
|
.save-load-buttons .process {
|
|
background: url("../images/bar-loader.gif") 0 0 repeat;
|
|
box-shadow: none !important
|
|
}
|
|
|
|
.save-load-buttons .button svg {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: -1px 0;
|
|
height: 18px;
|
|
width: 26px;
|
|
fill: #8e8e92
|
|
}
|
|
|
|
html.theme-dark .save-load-buttons .button svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.charts-popup-list .item.save-load-chart-title {
|
|
display: none;
|
|
cursor: default;
|
|
background: hsla(0, 0%, 97%, .9);
|
|
border-bottom: 1px solid #c9cbcd
|
|
}
|
|
|
|
html.theme-dark .save-load-buttons .no-change.process,
|
|
html.theme-dark .save-load-buttons .process {
|
|
background: url("../images/bar-loader-dark.gif") 0 0 repeat
|
|
}
|
|
|
|
.on-widget .header-chart-panel.hidden {
|
|
height: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.on-widget .header-chart-panel.hidden .left {
|
|
margin: 0
|
|
}
|
|
|
|
@media (max-width:550px) {
|
|
div.symbol-edit-popup {
|
|
width: 100%
|
|
}
|
|
|
|
div.symbol-edit-popup .filter {
|
|
padding: 0 10px
|
|
}
|
|
|
|
div.symbol-edit-popup .filter .exchange-filter,
|
|
div.symbol-edit-popup .filter a.type-filter {
|
|
margin-left: 0;
|
|
margin-right: 10px
|
|
}
|
|
|
|
div.symbol-edit-popup .table-wrapper {
|
|
width: 100%
|
|
}
|
|
|
|
table.symbol-edit-popup {
|
|
width: 100%;
|
|
table-layout: fixed
|
|
}
|
|
|
|
table.symbol-edit-popup td {
|
|
padding: 5px
|
|
}
|
|
|
|
table.symbol-edit-popup td:first-child {
|
|
padding-left: 10px
|
|
}
|
|
|
|
.symbol-edit-popup-td {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.symbol-edit-popup-td.name {
|
|
width: 30%
|
|
}
|
|
|
|
.symbol-edit-popup-td.desc {
|
|
width: 40%
|
|
}
|
|
|
|
.symbol-edit-popup-td.type {
|
|
width: 30%
|
|
}
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
width: 45px;
|
|
height: 28px;
|
|
background: #fff;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .layout-toggle-container ._tv-button {
|
|
border-color: #363c4e;
|
|
background: #131722
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button svg {
|
|
position: static;
|
|
fill: #7d7d7d;
|
|
top: 2px;
|
|
left: 2px
|
|
}
|
|
|
|
html.theme-dark .layout-toggle-container ._tv-button svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button .tv-caret {
|
|
position: relative;
|
|
left: -2px
|
|
}
|
|
|
|
.feature-no-touch .layout-toggle-container ._tv-button:hover {
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .layout-toggle-container ._tv-button:hover {
|
|
background-color: #131722
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button.active {
|
|
background: #f2f3f5
|
|
}
|
|
|
|
html.theme-dark .layout-toggle-container ._tv-button.active {
|
|
background: #131722
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button.active svg,
|
|
html.theme-dark .layout-toggle-container ._tv-button.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.layout-toggle-container ._tv-button.active:before {
|
|
border-width: 0 4.5px 5px;
|
|
border-color: transparent transparent #81bde2
|
|
}
|
|
|
|
.layout-widget {
|
|
position: absolute;
|
|
z-index: 120;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
min-width: 330px;
|
|
box-sizing: border-box;
|
|
padding: 12px 12px 8px;
|
|
background: #fff;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .layout-widget {
|
|
color: #c5cbce;
|
|
background: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.layout-widget .layout-buttons {
|
|
height: 25px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.layout-widget .layout-button {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
width: 30px;
|
|
height: 25px;
|
|
border: 1px solid transparent;
|
|
cursor: pointer
|
|
}
|
|
|
|
.layout-widget .layout-button svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .layout-widget .layout-button svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.layout-widget .layout-button.active {
|
|
border-color: #d6d8e0;
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.theme-dark .layout-widget .layout-button.active {
|
|
background-color: #2f3241;
|
|
border-color: #131722
|
|
}
|
|
|
|
.layout-widget .layout-button.active svg,
|
|
html.theme-dark .layout-widget .layout-button.active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.layout-widget .input-row {
|
|
margin: 4px
|
|
}
|
|
|
|
.layout-widget .input-row label {
|
|
position: relative;
|
|
top: -2px;
|
|
padding: 0 0 0 4px
|
|
}
|
|
|
|
.context-menu-wrapper {
|
|
position: absolute;
|
|
z-index: 500;
|
|
overflow: auto;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
background-color: #fff;
|
|
white-space: nowrap
|
|
}
|
|
|
|
html.theme-dark .context-menu-wrapper {
|
|
background-color: #1c2030;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.context-menu-wrapper .backlight {
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.theme-dark .context-menu-wrapper .backlight {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
tr.context-menu.disabled {
|
|
color: #9d9d9d
|
|
}
|
|
|
|
tr.context-menu.spinner>td {
|
|
background: url("../images/loading-small.gif") 50% no-repeat;
|
|
cursor: default
|
|
}
|
|
|
|
.submenu.center {
|
|
background-color: #fff
|
|
}
|
|
|
|
.context-menu {
|
|
font-family: Tahoma, Arial, sans-serif;
|
|
font-size: 11px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
tr.context-menu {
|
|
cursor: pointer;
|
|
height: 29px
|
|
}
|
|
|
|
tr.context-menu-hover {
|
|
background: #f2f3f5
|
|
}
|
|
|
|
html.theme-dark tr.context-menu-hover {
|
|
background: #2f3241
|
|
}
|
|
|
|
td.context-menu {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
padding-left: 4px
|
|
}
|
|
|
|
.context-menu-item-separated {
|
|
border-bottom: 1px solid #cecece
|
|
}
|
|
|
|
.context-menu .text {
|
|
min-width: 100px
|
|
}
|
|
|
|
.context-menu .spacer {
|
|
width: 18px
|
|
}
|
|
|
|
.context-menu .icon {
|
|
height: 27px;
|
|
width: 18px
|
|
}
|
|
|
|
.context-menu .shortcut {
|
|
text-align: right;
|
|
color: #aaa;
|
|
padding: 0 2px 0 10px
|
|
}
|
|
|
|
.submenu-arrow {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVR4AWOgExgFo6Cvr+8/1Q0EYaoaCMNUNBCBB68LqRvLIxiMAgAKDyqRblYs2AAAAABJRU5ErkJggg==);
|
|
background-repeat: no-repeat;
|
|
background-position: 50%;
|
|
width: 20px
|
|
}
|
|
|
|
.submenu-arrow.expanded {
|
|
width: 20px
|
|
}
|
|
|
|
.popup {
|
|
position: absolute;
|
|
display: block
|
|
}
|
|
|
|
div.submenu {
|
|
background-image: url("/static/chart-client/css/images/submenu_arrow.png");
|
|
background-repeat: no-repeat;
|
|
padding-left: 25px
|
|
}
|
|
|
|
.checked-icon {
|
|
background: none
|
|
}
|
|
|
|
.checked-icon svg {
|
|
stroke: #4a4a4a;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 7px
|
|
}
|
|
|
|
html.theme-dark .checked-icon svg {
|
|
stroke: #c5cbce
|
|
}
|
|
|
|
.unchecked-icon {
|
|
background: none
|
|
}
|
|
|
|
.context-menu .action-separator {
|
|
height: 1px !important;
|
|
cursor: default
|
|
}
|
|
|
|
.context-menu .action-separator td {
|
|
height: 1px;
|
|
background-color: #dadde0;
|
|
border-top: 6px solid;
|
|
border-bottom: 6px solid;
|
|
border-color: #fff
|
|
}
|
|
|
|
html.theme-dark .context-menu .action-separator td {
|
|
border-color: #1c2030;
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.spacer.delete-spacer {
|
|
width: 23px
|
|
}
|
|
|
|
.context-menu-delete-button {
|
|
display: none;
|
|
vertical-align: middle;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: url("../images/icons.png") no-repeat scroll -102px -362px transparent
|
|
}
|
|
|
|
.feature-no-touch tr:hover .context-menu-delete-button {
|
|
display: inline-block
|
|
}
|
|
|
|
.feature-no-touch .context-menu-delete-button:hover {
|
|
background-position: -81px -362px
|
|
}
|
|
|
|
.chart-widget {
|
|
border-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 512px;
|
|
height: 256px;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.chart-header {
|
|
background-color: #fff;
|
|
border-bottom: 1px solid gray;
|
|
color: #fff
|
|
}
|
|
|
|
.chart-header-form {
|
|
background-color: #fff;
|
|
color: #000;
|
|
margin: 3px
|
|
}
|
|
|
|
.chart-header-input-text {
|
|
border: 1px solid #000;
|
|
color: #000
|
|
}
|
|
|
|
.chart-header-status {
|
|
border: 0
|
|
}
|
|
|
|
table.chart-markup-table {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
line-height: 0;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.chart-markup-table tr {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
td.chart-markup-table {
|
|
border: none;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
line-height: 0;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.chart-data-window {
|
|
position: absolute;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border-collapse: collapse;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
text-align: left;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .chart-data-window {
|
|
color: #c5cbce;
|
|
background-color: #171b29
|
|
}
|
|
|
|
.chart-data-window .box {
|
|
margin: 3px
|
|
}
|
|
|
|
.chart-data-window .box.with-actions {
|
|
cursor: pointer
|
|
}
|
|
|
|
.chart-data-window .box:first-child .chart-data-window-header:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.chart-data-window .hover .chart-data-window-header .hover-source-icon {
|
|
display: block
|
|
}
|
|
|
|
.chart-data-window .active {
|
|
border-left: 2px solid #528cde
|
|
}
|
|
|
|
.chart-data-window .active .chart-data-window-header {
|
|
background: #e9f8ff
|
|
}
|
|
|
|
.chart-data-window .active .chart-data-window-header,
|
|
.chart-data-window .active .chart-data-window-item .chart-data-window-item-title {
|
|
padding-left: 8px
|
|
}
|
|
|
|
.chart-data-window .active .chart-data-window-item {
|
|
font-weight: 700
|
|
}
|
|
|
|
.chart-data-window .hidden {
|
|
opacity: .3
|
|
}
|
|
|
|
.chart-data-window .hidden .chart-data-window-item {
|
|
display: none
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-header,
|
|
.chart-data-window .chart-data-window-item {
|
|
margin-bottom: 3px;
|
|
position: relative
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-header {
|
|
padding: 9px 10px;
|
|
background: #f1f3f6;
|
|
font-weight: 700;
|
|
font-size: 12px
|
|
}
|
|
|
|
html.theme-dark .chart-data-window .chart-data-window-header {
|
|
background: #262b3e
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-header .toggle-source-icon {
|
|
display: block;
|
|
position: absolute;
|
|
right: 14px;
|
|
top: 11px;
|
|
width: 16px;
|
|
height: 10px
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-header .toggle-source-icon svg {
|
|
display: block;
|
|
width: 16px;
|
|
height: 10px;
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .chart-data-window .chart-data-window-header .toggle-source-icon svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .chart-data-window .chart-data-window-header .toggle-source-icon:hover svg {
|
|
fill: #3bb3e4 !important
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-header .hover-source-icon {
|
|
display: none;
|
|
position: absolute;
|
|
right: 40px;
|
|
top: 11px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 10px;
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-item:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-title,
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
|
|
width: 50%;
|
|
box-sizing: border-box;
|
|
padding: 4px 10px;
|
|
display: inline-block;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-title .real-color,
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-value .real-color {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 8px;
|
|
margin-right: 15px;
|
|
border: 1px dotted #ccc;
|
|
cursor: help
|
|
}
|
|
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
|
|
text-align: right
|
|
}
|
|
|
|
.pane-legend {
|
|
z-index: 3;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
right: 5px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #4a4a4a;
|
|
font-size: 0;
|
|
line-height: normal;
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.theme-dark .pane-legend {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.pane-legend svg {
|
|
transform: scale(1)
|
|
}
|
|
|
|
.pane-legend .pane-legend-icon,
|
|
.pane-legend .pane-legend-minbtn {
|
|
position: relative;
|
|
top: -1px;
|
|
display: inline-block;
|
|
padding: 0;
|
|
margin: 0 3px 0 0;
|
|
line-height: 20px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.pane-legend .pane-legend-icon .expand,
|
|
.pane-legend .pane-legend-minbtn .expand {
|
|
position: relative;
|
|
display: inline-block;
|
|
opacity: .999;
|
|
margin: 0 3px 0 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
line-height: 20px;
|
|
fill: #7d7d7d;
|
|
pointer-events: auto
|
|
}
|
|
|
|
html.theme-dark .pane-legend .pane-legend-icon .expand,
|
|
html.theme-dark .pane-legend .pane-legend-minbtn .expand {
|
|
fill: #758696
|
|
}
|
|
|
|
.pane-legend-line {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
white-space: pre-line;
|
|
cursor: pointer;
|
|
border: none;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.pane-legend-line.pane-legend-wrap.main {
|
|
padding-top: 4px
|
|
}
|
|
|
|
.pane-legend-line.pane-legend-wrap.main.expand-line {
|
|
padding-right: 85px
|
|
}
|
|
|
|
.pane-legend-line.pane-legend-wrap.main .pane-legend-item-value-wrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.pane-legend-line.pane-legend-wrap.study>.pane-legend-line {
|
|
max-width: calc(100% - 95px);
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
min-width: 26px
|
|
}
|
|
|
|
.pane-legend-line.pane-legend-wrap:first-child {
|
|
padding-right: 25px
|
|
}
|
|
|
|
.pane-legend-line>.main {
|
|
max-width: calc(100% - 75px);
|
|
min-width: 31px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.pane-legend-line span {
|
|
font-size: 9pt;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
pointer-events: auto;
|
|
display: inline-block
|
|
}
|
|
|
|
.pane-legend-line span.pane-legend-line {
|
|
margin: 0
|
|
}
|
|
|
|
.pane-legend-line>span.pane-legend-line:not(.no-context-menu) {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.pane-legend-line>span.pane-legend-line {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-right: 12px
|
|
}
|
|
|
|
.pane-legend-line>span.pane-legend-line.no-context-menu {
|
|
cursor: default
|
|
}
|
|
|
|
.pane-legend-line>span.pane-legend-line:not(.no-context-menu):after {
|
|
content: "";
|
|
position: absolute;
|
|
display: inline-block;
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -2px;
|
|
border-style: solid;
|
|
border-width: 4px;
|
|
border-top-color: #c9cbcd;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-width: 0
|
|
}
|
|
|
|
.feature-no-touch .pane-legend-line>span.pane-legend-line:hover:after {
|
|
border-top-color: inherit
|
|
}
|
|
|
|
.pane-legend-item-value-container {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 20px
|
|
}
|
|
|
|
.pane-legend-item-value-container.no-context-menu {
|
|
cursor: default
|
|
}
|
|
|
|
.pane-legend-item-value-wrap {
|
|
position: relative
|
|
}
|
|
|
|
.pane-legend-item-value-wrap .pane-legend-item-value,
|
|
.pane-legend-item-value-wrap .pane-legend-item-value-title {
|
|
font-size: 9pt;
|
|
line-height: 19px
|
|
}
|
|
|
|
.pane-legend-item-value-wrap .pane-legend-item-value-title__main,
|
|
.pane-legend-item-value-wrap .pane-legend-item-value__main {
|
|
font-size: 11pt;
|
|
line-height: 20px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
|
|
.pane-legend-item-value-wrap .pane-legend-item-value-title__main,
|
|
.pane-legend-item-value-wrap .pane-legend-item-value__main {
|
|
font-size: 9pt;
|
|
line-height: 19px
|
|
}
|
|
}
|
|
|
|
.pane-legend-item-value-wrap .pane-legend-item-value {
|
|
padding-left: 2px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.pane-legend-item-value-wrap .pane-legend-item-value {
|
|
padding-left: 3px;
|
|
padding-right: 6px
|
|
}
|
|
}
|
|
|
|
.pane-legend-item-value-wrap .pane-legend-item-value:first-child {
|
|
padding-left: 0
|
|
}
|
|
|
|
.pane-legend-item-additional,
|
|
.pane-legend-item-value,
|
|
.pane-legend-item-value-title {
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
cursor: default;
|
|
pointer-events: none !important
|
|
}
|
|
|
|
.pane-legend-item-additional {
|
|
font-size: 9pt
|
|
}
|
|
|
|
.pane-legend-line.disabled {
|
|
color: #d8dada !important;
|
|
border-color: #d8dada !important
|
|
}
|
|
|
|
html.theme-dark .pane-legend-line.disabled {
|
|
border-color: #4c525e !important;
|
|
color: #4c525e !important
|
|
}
|
|
|
|
.pane-legend-line.disabled .icon-hide svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.pane-legend-icon-container {
|
|
margin-right: 5px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.pane-legend-icon-container--separated {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.main .pane-legend-icon-container {
|
|
position: relative
|
|
}
|
|
|
|
.pane-controls {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 4px;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
transition: opacity .4s, visibility .4s
|
|
}
|
|
|
|
.pane-controls a {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.pane-controls--hidden {
|
|
visibility: hidden;
|
|
opacity: 0
|
|
}
|
|
|
|
.pane-controls.toppane {
|
|
top: 22px
|
|
}
|
|
|
|
.pane-legend-icon {
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
margin: 0 0 0 3px;
|
|
cursor: pointer;
|
|
opacity: .3
|
|
}
|
|
|
|
.pane-legend-icon svg {
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .pane-legend-icon svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .pane-legend-icon svg:hover {
|
|
opacity: 1;
|
|
fill: #38acdb
|
|
}
|
|
|
|
.pane-legend-icon.restore {
|
|
opacity: .8
|
|
}
|
|
|
|
.pane-legend-icon.restore svg {
|
|
opacity: 1;
|
|
fill: #4c86db
|
|
}
|
|
|
|
.feature-no-touch .pane-controls:hover .pane-legend-icon,
|
|
.feature-no-touch .pane-legend-line:hover .pane-legend-icon,
|
|
.pane-legend-line.disabled .pane-legend-icon.icon-hide {
|
|
opacity: 1
|
|
}
|
|
|
|
.pane-legend-line .exchange-warning {
|
|
background: url("../images/warning-icon.png");
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 15px;
|
|
margin: 0 4px 0 0;
|
|
vertical-align: -1px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.study_icon {
|
|
background-image: url("/static/chart-client/css/images/icon_study.png")
|
|
}
|
|
|
|
.drawing_icon,
|
|
.study_icon {
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.drawing_icon {
|
|
background-image: url("/static/chart-client/css/images/icon_drawing.png")
|
|
}
|
|
|
|
.treeview-link {
|
|
cursor: pointer
|
|
}
|
|
|
|
.property-page-column-2 {
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top
|
|
}
|
|
|
|
.property-page {
|
|
color: #4a4a4a;
|
|
position: relative
|
|
}
|
|
|
|
html.theme-dark .property-page {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.property-page td {
|
|
padding: 3px 4px;
|
|
height: 27px
|
|
}
|
|
|
|
.property-page td:empty {
|
|
padding: 0
|
|
}
|
|
|
|
.property-page td:first-child {
|
|
padding-left: 0
|
|
}
|
|
|
|
.property-page td:last-child {
|
|
padding-right: 0
|
|
}
|
|
|
|
.property-page.study-properties,
|
|
.property-page.study-strategy-properties {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.property-page.study-strategy-properties tr.disabled label {
|
|
color: #999
|
|
}
|
|
|
|
.property-page .tzeditor .sbSelector {
|
|
min-width: 190px
|
|
}
|
|
|
|
.property-page input[type=checkbox] {
|
|
margin: 3px .5ex
|
|
}
|
|
|
|
.property-page-fullwidth-wrapper {
|
|
margin: 0 13px 0 0
|
|
}
|
|
|
|
.property-page-small-select .tv-select-container {
|
|
width: 80px
|
|
}
|
|
|
|
.property-page-bandwidth {
|
|
margin-left: 8px;
|
|
width: 55px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.property-page input[type=checkbox] {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.property-page td:first-child input[type=checkbox] {
|
|
margin-left: 0
|
|
}
|
|
|
|
.property-page .tv-text-input {
|
|
height: 25px
|
|
}
|
|
|
|
.property-page-unpadded {
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.property-page-unpadded>tbody>tr>td,
|
|
.property-page-unpadded>tbody>tr>th {
|
|
padding: 0
|
|
}
|
|
|
|
.property-page .property-page-separator-cell {
|
|
height: 21px;
|
|
padding: 0
|
|
}
|
|
|
|
.property-page .offset-row td:first-child {
|
|
padding-left: 30px
|
|
}
|
|
|
|
.propertypage-name-label {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.colorpicker.main {
|
|
border: 1px solid #c9cbcd;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
|
|
}
|
|
|
|
.clearing {
|
|
clear: both;
|
|
display: block;
|
|
height: 0;
|
|
line-height: 0;
|
|
width: 100%
|
|
}
|
|
|
|
div.tooltip {
|
|
background-color: #ffffc2;
|
|
border: 1px solid #b2b2b2;
|
|
color: #4a4a4a;
|
|
padding: 5px 10px;
|
|
z-index: 100
|
|
}
|
|
|
|
.zoom-selector {
|
|
background-color: rgba(80, 80, 80, .15);
|
|
border: 1px solid rgba(80, 80, 80, .5);
|
|
position: absolute;
|
|
pointer-events: none
|
|
}
|
|
|
|
.tooltip-selector {
|
|
position: absolute;
|
|
font-weight: 700;
|
|
font-size: 10px;
|
|
line-height: normal;
|
|
opacity: .8;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.tooltip-selector-hidden {
|
|
display: none
|
|
}
|
|
|
|
.toolbarbuttonicon {
|
|
width: 24px;
|
|
height: 24px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px
|
|
}
|
|
|
|
.toolbarbuttonicon.wide {
|
|
width: 33px
|
|
}
|
|
|
|
.toolbarpopupbutton {
|
|
width: 32px;
|
|
height: 32px
|
|
}
|
|
|
|
.chart-note-tooltip {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
line-height: normal
|
|
}
|
|
|
|
.chart-note-tooltip:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0
|
|
}
|
|
|
|
.chart-note-tooltip.below:before {
|
|
top: -7px;
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-bottom: 8px solid red;
|
|
border-bottom-color: inherit
|
|
}
|
|
|
|
.chart-note-tooltip.above:before {
|
|
bottom: -7px;
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid red;
|
|
border-top-color: inherit
|
|
}
|
|
|
|
.chart-note-tooltip .chart-note-tooltip-bgcaret {
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0
|
|
}
|
|
|
|
.chart-note-tooltip.below .chart-note-tooltip-bgcaret {
|
|
top: -5px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom-width: 6px
|
|
}
|
|
|
|
.chart-note-tooltip.above .chart-note-tooltip-bgcaret {
|
|
bottom: -5px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top-width: 6px
|
|
}
|
|
|
|
.chart-note-tooltip.hidden,
|
|
.chart-note-tooltip.no-caret .chart-note-tooltip-bgcaret,
|
|
.chart-note-tooltip.no-caret:before {
|
|
display: none
|
|
}
|
|
|
|
.chart-note-tooltip .chart-note-tooltip-body {
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
background-color: #fff;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: inherit
|
|
}
|
|
|
|
.themesMenu {
|
|
border: 1px solid #000;
|
|
position: absolute;
|
|
background: #fff;
|
|
left: 100px
|
|
}
|
|
|
|
.tvcolorpicker-widget {
|
|
vertical-align: middle;
|
|
background-image: url("../images/tvcolorpicker-bg.png");
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
border: 1px solid #cacaca;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
width: 25px;
|
|
height: 25px;
|
|
cursor: pointer;
|
|
font-size: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.tvcolorpicker-gradient-widget {
|
|
background-image: url("../images/tvcolorpicker-bg.png"), url("../images/tvcolorpicker-bg-gradient.png");
|
|
background-size: cover
|
|
}
|
|
|
|
.tvcolorpicker-popup {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
padding: 4px;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
|
|
}
|
|
|
|
html.theme-dark .tvcolorpicker-popup {
|
|
border-color: #363c4e;
|
|
background: #131722
|
|
}
|
|
|
|
.tvcolorpicker-table {
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
margin: 0 0 6px
|
|
}
|
|
|
|
.tvcolorpicker-popup .tvcolorpicker-table:last-of-type {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.tvcolorpicker-table td {
|
|
padding: 0;
|
|
width: 18px;
|
|
height: 18px
|
|
}
|
|
|
|
.tvcolorpicker-swatch {
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 0 none;
|
|
margin: 1px;
|
|
cursor: pointer;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tvcolorpicker-swatch.low-contrast {
|
|
margin: 0;
|
|
border: 1px solid #ccc
|
|
}
|
|
|
|
.tvcolorpicker-swatch.tvcolorpicker-user {
|
|
border: 1px solid #eee;
|
|
margin: 0
|
|
}
|
|
|
|
.feature-no-touch .tvcolorpicker-cell:hover .tvcolorpicker-swatch {
|
|
border: 1px solid #000;
|
|
margin: 0
|
|
}
|
|
|
|
.tvcolorpicker-swatch.active {
|
|
background: url("../images/tvcolorpicker-check.png") 50% 50% no-repeat;
|
|
border: 1px solid #fff;
|
|
outline: 1px solid #000;
|
|
margin: 0
|
|
}
|
|
|
|
.tvcolorpicker-custom-button {
|
|
display: block
|
|
}
|
|
|
|
.tvcolorpicker-hsv {
|
|
position: relative;
|
|
top: 4px;
|
|
height: 130px;
|
|
width: 160px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.tvcolorpicker-hs {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -7px;
|
|
width: 147px;
|
|
height: 148px;
|
|
background: url("../images/tvcolorpicker-sprite.png") 0 0 no-repeat;
|
|
border: 1px solid #eee
|
|
}
|
|
|
|
.tvcolorpicker-hs-area,
|
|
.tvcolorpicker-v-area {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.tvcolorpicker-v {
|
|
position: absolute;
|
|
background: url("../images/tvcolorpicker-sprite.png") -165px 1px no-repeat;
|
|
border: 1px solid #eee;
|
|
height: 149px;
|
|
width: 9px;
|
|
margin: auto;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.tvcolorpicker-vv {
|
|
position: relative;
|
|
top: 0;
|
|
left: 145px;
|
|
width: 25px;
|
|
height: 128px;
|
|
cursor: default
|
|
}
|
|
|
|
.tvcolorpicker-hs-handle {
|
|
width: 11px;
|
|
height: 11px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin: -5px 0 0 -5px;
|
|
background: url("../images/tvcolorpicker-sprite.png") -37px -148px no-repeat
|
|
}
|
|
|
|
.tvcolorpicker-v-handle {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 25px;
|
|
height: 11px;
|
|
margin: -5px 0 0 -8px;
|
|
background: url("../images/tvcolorpicker-sprite.png") -48px -148px no-repeat
|
|
}
|
|
|
|
.tvcolorpicker-custom-button,
|
|
.tvcolorpicker-user-swatches {
|
|
margin: 6px 0 0
|
|
}
|
|
|
|
.tvcolorpicker-user-swatches .tvcolorpicker-transparency {
|
|
background: url("../images/dialogs/opacity-slider.png") !important
|
|
}
|
|
|
|
.some-colorpicker .tvcolorpicker-container {
|
|
display: inline-block;
|
|
margin-right: 8px
|
|
}
|
|
|
|
.tvcolorpicker-container {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 27px;
|
|
height: 27px
|
|
}
|
|
|
|
div .tvcolorpicker-container:last-of-type {
|
|
border-right-width: 0
|
|
}
|
|
|
|
.tvcolorpicker-container .tvcolorpicker-transparency {
|
|
background: url("../images/dialogs/opacity-slider.png") !important;
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 25px;
|
|
z-index: 1
|
|
}
|
|
|
|
.tvcolorpicker-container .tvcolorpicker-widget {
|
|
z-index: 2;
|
|
position: absolute
|
|
}
|
|
|
|
.properties-tabs {
|
|
padding: 0 25px
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label {
|
|
padding: 20px 0 18px;
|
|
margin-left: 45px;
|
|
display: inline-block;
|
|
position: relative;
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .properties-tabs a.properties-tabs-label {
|
|
color: #f7f8fa
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label.active {
|
|
font-weight: 700
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label.active:after {
|
|
content: " ";
|
|
position: absolute;
|
|
display: block;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: #5cb888
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label.with-filter {
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.properties-tabs a.properties-tabs-label:last-child {
|
|
margin-right: 40px
|
|
}
|
|
|
|
.chart-status-picture {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
z-index: 5;
|
|
line-height: 17px;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
align-items: center
|
|
}
|
|
|
|
.series-status-text {
|
|
position: relative;
|
|
margin-right: 5px;
|
|
display: inline-block
|
|
}
|
|
|
|
.chart-widget.i-compact .series-status-text .text {
|
|
display: none
|
|
}
|
|
|
|
.series-status-text,
|
|
.series-status-text .status {
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
cursor: default
|
|
}
|
|
|
|
.font-VI-lang-safe .series-status-text,
|
|
.font-VI-lang-safe .series-status-text .status {
|
|
font-family: Arial, sans-serif
|
|
}
|
|
|
|
.series-status-text .market-status,
|
|
.series-status-text .status,
|
|
.series-status-text .text {
|
|
margin-right: .35em
|
|
}
|
|
|
|
.series-status-text .market-status:empty,
|
|
.series-status-text .status:empty,
|
|
.series-status-text .text:empty {
|
|
margin-right: 0
|
|
}
|
|
|
|
.chart-status-picture .chart-warning {
|
|
height: 16px;
|
|
width: 16px;
|
|
background: url("../images/svg/common/exclamation-in-circle.svg") 50% no-repeat;
|
|
background-size: 16px;
|
|
cursor: pointer;
|
|
display: none
|
|
}
|
|
|
|
.chart-status-picture .chart-warning.warn-exchange {
|
|
display: inline-block;
|
|
height: 16px
|
|
}
|
|
|
|
.tooltip-wrapper {
|
|
width: 300px;
|
|
height: 500px;
|
|
z-index: 16;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
pointer-events: none
|
|
}
|
|
|
|
.panel-ext,
|
|
.tooltip-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0
|
|
}
|
|
|
|
.panel-ext {
|
|
display: none;
|
|
width: 11px;
|
|
height: 32px;
|
|
border: 1px solid #c9cbcd;
|
|
background: #fff
|
|
}
|
|
|
|
.feature-no-touch .panel-ext:hover {
|
|
background: #fff;
|
|
color: #68696b
|
|
}
|
|
|
|
.panel-ext.active {
|
|
background: #f4f7f9;
|
|
background: linear-gradient(180deg, #f2f7fa, #f4f7f9);
|
|
color: #68696b;
|
|
box-shadow: inset 0 0 3px rgba(0, 0, 0, .2)
|
|
}
|
|
|
|
.panel-ext-arrow {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAQAAADxPw1zAAAAGElEQVR4XmPoqe/5D4b1DAwQTj0DBEAYAPmhC2SlApAHAAAAAElFTkSuQmCC) 50% 50% no-repeat
|
|
}
|
|
|
|
.chart-loading-screen {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: 4
|
|
}
|
|
|
|
.chart-loading-screen .chart-loading-screen-shield {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
background: red
|
|
}
|
|
|
|
.chart-loading-screen.fade {
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.chart-loading-screen.fade .chart-loading-screen-shield {
|
|
opacity: .5;
|
|
transition: opacity .3s ease
|
|
}
|
|
|
|
.control-bar-wrapper {
|
|
pointer-events: none;
|
|
margin-left: -82px;
|
|
left: 50%;
|
|
position: absolute;
|
|
bottom: 33px;
|
|
height: 28px;
|
|
z-index: 1
|
|
}
|
|
|
|
.control-bar {
|
|
visibility: visible;
|
|
transition: opacity .3s, visibility .3s
|
|
}
|
|
|
|
.control-bar--hidden {
|
|
visibility: hidden;
|
|
opacity: 0
|
|
}
|
|
|
|
.control-bar>svg,
|
|
.goto-date-control-bar {
|
|
pointer-events: auto;
|
|
float: left;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-left: 6px;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
border: 1px solid;
|
|
border-color: #8a8b8d;
|
|
background: #eee;
|
|
border-radius: 15px;
|
|
opacity: .4;
|
|
fill: #8a8b8d
|
|
}
|
|
|
|
html.theme-dark .control-bar>svg,
|
|
html.theme-dark .goto-date-control-bar {
|
|
fill: #fff;
|
|
background: #4f5966;
|
|
border-color: #4f5966
|
|
}
|
|
|
|
.feature-no-touch .control-bar>svg:hover,
|
|
.feature-no-touch .goto-date-control-bar:hover {
|
|
opacity: .8
|
|
}
|
|
|
|
.feature-no-touch .control-bar>svg:active,
|
|
.feature-no-touch .goto-date-control-bar:active,
|
|
.feature-touch .control-bar>svg:active,
|
|
.feature-touch .goto-date-control-bar:active {
|
|
background: #ddd
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .control-bar>svg:active,
|
|
html.feature-no-touch.theme-dark .goto-date-control-bar:active,
|
|
html.feature-touch.theme-dark .control-bar>svg:active,
|
|
html.feature-touch.theme-dark .goto-date-control-bar:active {
|
|
background: #758696
|
|
}
|
|
|
|
.control-bar>svg:first-child,
|
|
.goto-date-control-bar:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.goto-date-control-bar>svg {
|
|
width: 16px;
|
|
height: 16px
|
|
}
|
|
|
|
.back-to-present {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
padding: 7px;
|
|
position: absolute;
|
|
right: 2px;
|
|
bottom: 33px;
|
|
border-radius: 15px;
|
|
border: 1px solid;
|
|
border-color: #8a8b8d;
|
|
background: #eee;
|
|
opacity: .4;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
z-index: 1
|
|
}
|
|
|
|
html.theme-dark .back-to-present {
|
|
background: #4f5966;
|
|
border-color: #4f5966
|
|
}
|
|
|
|
.feature-no-touch .back-to-present:hover {
|
|
opacity: .8
|
|
}
|
|
|
|
.feature-no-touch .back-to-present:active,
|
|
.feature-touch .back-to-present:active {
|
|
background: #ddd
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .back-to-present:active,
|
|
html.feature-touch.theme-dark .back-to-present:active {
|
|
background: #758696
|
|
}
|
|
|
|
.property-page .symbol-edit-widget {
|
|
margin: 0
|
|
}
|
|
|
|
.properties-tabs .help {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url("../images/dialogs/study-help.png");
|
|
float: right;
|
|
margin: 1px 10px 0 0
|
|
}
|
|
|
|
.bar-mark-tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 14;
|
|
padding: 8px 10px 8px 8px;
|
|
background: hsla(0, 0%, 100%, .9);
|
|
min-height: 18px;
|
|
border: 1px solid;
|
|
border-color: gray
|
|
}
|
|
|
|
html.theme-dark .bar-mark-tooltip {
|
|
background: rgba(19, 23, 34, .9)
|
|
}
|
|
|
|
.bar-mark-tooltip .text {
|
|
padding-left: 4px;
|
|
padding-top: 2px;
|
|
max-width: 250px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: 13px
|
|
}
|
|
|
|
.published-charts-tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 7;
|
|
padding: 8px 30px 8px 8px;
|
|
background: hsla(0, 0%, 100%, .9);
|
|
border: 1px solid;
|
|
height: 32px;
|
|
cursor: default;
|
|
margin-top: -25px
|
|
}
|
|
|
|
html.theme-dark .published-charts-tooltip {
|
|
background: rgba(19, 23, 34, .9)
|
|
}
|
|
|
|
.published-charts-tooltip .avatar {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px;
|
|
width: 32px;
|
|
height: 32px
|
|
}
|
|
|
|
.published-charts-tooltip .avatar img {
|
|
width: 32px;
|
|
height: 32px
|
|
}
|
|
|
|
.published-charts-tooltip .pin {
|
|
background-image: url("../images/pin.png");
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: top;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 9px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.feature-no-touch .published-charts-tooltip .pin:hover {
|
|
background-position: 32px 0
|
|
}
|
|
|
|
.feature-no-touch .published-charts-tooltip .pin.pinned:hover,
|
|
.published-charts-tooltip .pin.pinned {
|
|
background-position: 16px 0
|
|
}
|
|
|
|
.published-charts-tooltip .text {
|
|
padding-left: 39px;
|
|
max-width: 250px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
color: #4a4a4a;
|
|
font-weight: 700
|
|
}
|
|
|
|
html.theme-dark .published-charts-tooltip .text {
|
|
color: #8b8f95
|
|
}
|
|
|
|
.feature-no-touch .published-charts-tooltip .text:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.published-charts-tooltip .username {
|
|
font-size: 11px;
|
|
color: #8f8f8f;
|
|
font-weight: 400;
|
|
padding-top: 2px;
|
|
padding-left: 39px;
|
|
white-space: nowrap;
|
|
line-height: 13px
|
|
}
|
|
|
|
.published-charts-tooltip:after,
|
|
.published-charts-tooltip:before {
|
|
left: 100%;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none
|
|
}
|
|
|
|
.published-charts-tooltip:after {
|
|
border-width: 1em;
|
|
top: 50%;
|
|
margin-top: -1em
|
|
}
|
|
|
|
.published-charts-tooltip:before {
|
|
border-width: 1.1em;
|
|
top: 50%;
|
|
margin-top: -1.1em
|
|
}
|
|
|
|
.published-charts-tooltip:not(.right):after {
|
|
border-color: hsla(0, 0%, 100%, 0);
|
|
border-left-color: #fff
|
|
}
|
|
|
|
html.theme-dark .published-charts-tooltip:not(.right):after {
|
|
border-left-color: #131722
|
|
}
|
|
|
|
.published-charts-tooltip.right:after {
|
|
border-color: hsla(0, 0%, 100%, 0);
|
|
border-right-color: #fff
|
|
}
|
|
|
|
html.theme-dark .published-charts-tooltip.right:after {
|
|
border-right-color: #131722
|
|
}
|
|
|
|
.published-charts-tooltip.right:before {
|
|
left: -2.2em
|
|
}
|
|
|
|
.published-charts-tooltip.right:after {
|
|
left: -2em
|
|
}
|
|
|
|
.published-charts-tooltip.green {
|
|
border-color: #78c143
|
|
}
|
|
|
|
.published-charts-tooltip.red {
|
|
border-color: #cc4545
|
|
}
|
|
|
|
.published-charts-tooltip.neutral {
|
|
border-color: #eac300
|
|
}
|
|
|
|
.published-charts-tooltip.green:before {
|
|
border-color: rgba(120, 193, 67, 0);
|
|
border-left-color: #78c143
|
|
}
|
|
|
|
.published-charts-tooltip.red:before {
|
|
border-color: rgba(204, 69, 69, 0);
|
|
border-left-color: #cc4545
|
|
}
|
|
|
|
.published-charts-tooltip.neutral:before {
|
|
border-color: rgba(234, 195, 0, 0);
|
|
border-left-color: #eac300
|
|
}
|
|
|
|
.published-charts-tooltip.green.right:before {
|
|
border-color: rgba(120, 193, 67, 0);
|
|
border-right-color: #78c143
|
|
}
|
|
|
|
.published-charts-tooltip.red.right:before {
|
|
border-color: rgba(204, 69, 69, 0);
|
|
border-right-color: #cc4545
|
|
}
|
|
|
|
.published-charts-tooltip.neutral.right:before {
|
|
border-color: rgba(234, 195, 0, 0);
|
|
border-right-color: #eac300
|
|
}
|
|
|
|
.blue-tooltip {
|
|
position: absolute;
|
|
width: 230px;
|
|
border: 1px solid #fff;
|
|
background: rgba(0, 0, 0, .75);
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
|
|
z-index: 111;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.blue-tooltip .double-width {
|
|
width: 460px
|
|
}
|
|
|
|
.blue-tooltip .short {
|
|
width: 150px
|
|
}
|
|
|
|
.blue-tooltip-text {
|
|
margin: 8px 10px;
|
|
font-size: 13px;
|
|
color: #eee
|
|
}
|
|
|
|
.blue-tooltip-text small {
|
|
font-size: 12px
|
|
}
|
|
|
|
.blue-tooltip-text ul {
|
|
padding-left: 15px
|
|
}
|
|
|
|
.blue-tooltip-hidden {
|
|
display: none
|
|
}
|
|
|
|
.blue-tooltip-icon,
|
|
.tooltip-newbars:before,
|
|
.tooltip-pad:before {
|
|
position: absolute;
|
|
width: 19px;
|
|
height: 11px;
|
|
margin: -11px 0 -11px -9px
|
|
}
|
|
|
|
.blue-tooltip-top .blue-tooltip-icon,
|
|
.tooltip-newbars:before,
|
|
.tooltip-pad:before {
|
|
bottom: 0;
|
|
background-position: 0 -80px
|
|
}
|
|
|
|
.blue-tooltip-bottom .blue-tooltip-icon {
|
|
top: 0;
|
|
background-position: -180px -80px
|
|
}
|
|
|
|
.blue-tooltip-bottom.ch-smiles-popup .blue-tooltip-icon {
|
|
background-position: -167px -441px
|
|
}
|
|
|
|
.chart-controls-bar {
|
|
position: absolute;
|
|
height: 22px;
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #e5e5e8;
|
|
overflow: hidden
|
|
}
|
|
|
|
html.theme-dark .chart-controls-bar {
|
|
background-color: #171b29
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar {
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.theme-dark .chart-container.inactive .chart-controls-bar {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.chart-series-controls {
|
|
float: right
|
|
}
|
|
|
|
.chart-controls-bar-buttons {
|
|
overflow: hidden;
|
|
font-size: 0;
|
|
line-height: 22px
|
|
}
|
|
|
|
.chart-controls-bar-buttons a {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin: 0 0 1px;
|
|
padding: 0 13px;
|
|
height: 22px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: #8b8c8e;
|
|
box-sizing: border-box;
|
|
cursor: pointer
|
|
}
|
|
|
|
html.theme-dark .chart-controls-bar-buttons a {
|
|
color: #758696
|
|
}
|
|
|
|
.chart-controls-bar-buttons a svg {
|
|
display: inline;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
fill: #8b8c8e;
|
|
stroke: #8b8c8e
|
|
}
|
|
|
|
html.theme-dark .chart-controls-bar-buttons a svg {
|
|
stroke: #758696;
|
|
fill: #758696
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.i-compact,
|
|
.chart-controls-bar-buttons a.i-hidden {
|
|
display: none
|
|
}
|
|
|
|
.chart-controls-bar.i-measure .chart-controls-bar-buttons a.i-compact {
|
|
display: inline-block;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.i-invisible {
|
|
visibility: hidden
|
|
}
|
|
|
|
.feature-no-touch .chart-controls-bar-buttons a:not(.disabled):hover {
|
|
background-color: #e6eaef;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .chart-controls-bar-buttons a:not(.disabled):hover {
|
|
color: #8797a5;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .chart-controls-bar-buttons a:not(.disabled):hover svg {
|
|
fill: #4a4a4a;
|
|
stroke: #4a4a4a
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .chart-controls-bar-buttons a:not(.disabled):hover svg {
|
|
stroke: #8797a5;
|
|
fill: #8797a5
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.active,
|
|
.feature-no-touch .chart-controls-bar-buttons a.active:hover {
|
|
color: #58c3e5 !important
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.active svg,
|
|
.feature-no-touch .chart-controls-bar-buttons a.active:hover svg {
|
|
stroke: #58c3e5 !important;
|
|
fill: #58c3e5 !important
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.disabled {
|
|
cursor: default;
|
|
color: #aaa
|
|
}
|
|
|
|
.chart-controls-bar-buttons a.disabled svg {
|
|
stroke: #aaa;
|
|
fill: #aaa
|
|
}
|
|
|
|
.chart-controls-bar-buttons a:before {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
top: 4px;
|
|
left: -1px;
|
|
width: 0;
|
|
height: 14px;
|
|
border-left: 1px solid;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.theme-dark .chart-controls-bar-buttons a:before {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.chart-controls-bar-buttons.chart-series-controls,
|
|
.chart-controls-bar-buttons.date-range-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.chart-controls-bar-buttons.chart-series-controls.i-hidden,
|
|
.chart-controls-bar-buttons.date-range-wrapper.i-hidden {
|
|
display: none
|
|
}
|
|
|
|
.chart-controls-bar-buttons.date-range-wrapper {
|
|
left: 0
|
|
}
|
|
|
|
.chart-controls-bar-buttons.date-range-wrapper.i-compact .date-range-list {
|
|
display: none
|
|
}
|
|
|
|
.chart-controls-bar-buttons.date-range-wrapper.i-compact .date-range-btn {
|
|
display: block
|
|
}
|
|
|
|
.chart-controls-bar-buttons.date-range-wrapper .date-range-btn,
|
|
.chart-controls-bar-buttons.date-range-wrapper .date-range-btn.i-hidden {
|
|
display: none
|
|
}
|
|
|
|
.chart-controls-bar-buttons.chart-series-controls {
|
|
right: 0
|
|
}
|
|
|
|
.charts-popup-list.date-range-popupmenu {
|
|
margin-left: 1px
|
|
}
|
|
|
|
.charts-popup-list.date-range-popupmenu .item {
|
|
padding-left: 10px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar-buttons a {
|
|
color: #d0d4d9
|
|
}
|
|
|
|
html.theme-dark .chart-container.inactive .chart-controls-bar-buttons a {
|
|
color: #4a545e
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar-buttons a svg {
|
|
stroke: #d0d4d9;
|
|
fill: #d0d4d9
|
|
}
|
|
|
|
html.theme-dark .chart-container.inactive .chart-controls-bar-buttons a svg {
|
|
fill: #4a545e;
|
|
stroke: #4a545e
|
|
}
|
|
|
|
.feature-no-touch .chart-container.inactive .chart-controls-bar-buttons a:not(.disabled):hover {
|
|
color: #666
|
|
}
|
|
|
|
.feature-no-touch .chart-container.inactive .chart-controls-bar-buttons a:not(.disabled):hover svg {
|
|
stroke: #666;
|
|
fill: #666
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar-buttons a.active {
|
|
color: #a2ddf0
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar-buttons a.active svg {
|
|
stroke: #a2ddf0;
|
|
fill: #a2ddf0
|
|
}
|
|
|
|
.feature-no-touch .chart-container.inactive .chart-controls-bar-buttons a.active:hover {
|
|
color: #58c3e5
|
|
}
|
|
|
|
.feature-no-touch .chart-container.inactive .chart-controls-bar-buttons a.active:hover svg {
|
|
stroke: #58c3e5;
|
|
fill: #58c3e5
|
|
}
|
|
|
|
.chart-container.inactive .chart-controls-bar-buttons a:before {
|
|
border-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .chart-container.inactive .chart-controls-bar-buttons a:before {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.chart-controls-clock {
|
|
margin-right: .35em
|
|
}
|
|
|
|
.chart-controls-clock:empty {
|
|
margin-right: 0
|
|
}
|
|
|
|
.chart-controls-tz {
|
|
font-weight: 400
|
|
}
|
|
|
|
.onchart-messages-wrapper {
|
|
position: absolute;
|
|
bottom: 28px;
|
|
right: 9px;
|
|
z-index: 14
|
|
}
|
|
|
|
.onchart-message-bottom,
|
|
.onchart-message-top {
|
|
background: #fff;
|
|
background: hsla(0, 0%, 100%, .92);
|
|
border: solid #c9c9c9
|
|
}
|
|
|
|
.onchart-message-top {
|
|
border-width: 1px 1px 0;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
padding: 1px 18px;
|
|
text-align: center
|
|
}
|
|
|
|
.onchart-message h3,
|
|
.onchart-message p {
|
|
color: #595959;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
margin: 7px 0
|
|
}
|
|
|
|
.onchart-message .submit-button {
|
|
margin: 15px 0 0;
|
|
text-align: center
|
|
}
|
|
|
|
.onchart-message .submit-button a {
|
|
cursor: pointer;
|
|
pointer-events: auto;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #fff;
|
|
padding: 6px 20px 5px;
|
|
background: #1fb2cc
|
|
}
|
|
|
|
.feature-no-touch .onchart-message .submit-button a:hover {
|
|
background: #1fbad3
|
|
}
|
|
|
|
.onchart-message .onchart-message-close {
|
|
cursor: pointer;
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
top: 0;
|
|
right: 0;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANklEQVR4AWMAgcjIyGUMqAAuDmcA8X8khRjiGAIYfBw6H8MVYANICh7DxIg2Ca+bSPUd4XACAJL9StMP8XreAAAAAElFTkSuQmCC) 50% 50% no-repeat
|
|
}
|
|
|
|
.onchart-message-bottom {
|
|
height: 23px;
|
|
border-width: 0 1px 1px;
|
|
margin: 0 0 0 23px
|
|
}
|
|
|
|
.onchart-message-ear {
|
|
position: absolute;
|
|
height: 23px;
|
|
width: 23px;
|
|
bottom: 0;
|
|
left: 0;
|
|
border-top: 1px solid #c9c9c9;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAASUlEQVR4AbXMgQAAIBAAsVHl8u7vUhLdAGZmzu7e3yDJIckhySHJIckhySHJIckhySHJIckhySHJIckhySHJIckhySHJIckhyR97eKuLN6YbhwAAAABJRU5ErkJggg==) 100% 0 no-repeat
|
|
}
|
|
|
|
.onchart-message-copy {
|
|
position: relative;
|
|
top: 9px
|
|
}
|
|
|
|
@font-face {
|
|
font-family: FontAwesome;
|
|
src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
|
|
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
|
|
.ui-draggable {
|
|
touch-action: none
|
|
}
|
|
|
|
.chart-gui-button-pseudo-border {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
background: transparent;
|
|
z-index: 1
|
|
}
|
|
|
|
html.theme-dark .chart-gui-button-pseudo-border {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
._tv-dialog .button,
|
|
._tv-dialog .favored-list-container span,
|
|
._tv-dialog .submenu,
|
|
.bottom-widgetbar-content.backtesting .button,
|
|
.bottom-widgetbar-content.backtesting .favored-list-container span,
|
|
.bottom-widgetbar-content.backtesting .submenu,
|
|
.header-chart-panel .button,
|
|
.header-chart-panel .favored-list-container span,
|
|
.header-chart-panel .submenu,
|
|
.properties-toolbar .button,
|
|
.properties-toolbar .favored-list-container span,
|
|
.properties-toolbar .submenu,
|
|
.widgetbar-widgetheader .button,
|
|
.widgetbar-widgetheader .favored-list-container span,
|
|
.widgetbar-widgetheader .submenu {
|
|
position: relative
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch ._tv-dialog .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .header-chart-panel .button:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .header-chart-panel .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .header-chart-panel .submenu:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .properties-toolbar .button:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .properties-toolbar .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .widgetbar-widgetheader .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
.feature-no-touch .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
background: transparent;
|
|
z-index: 1
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark ._tv-dialog .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .button:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .submenu:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .properties-toolbar .button:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .properties-toolbar .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .favored-list-container span:not(.disabled):not(.selected):hover:before,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
._tv-dialog .colorpicker-widget:not(.disabled):not(.selected),
|
|
.bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected),
|
|
.header-chart-panel .colorpicker-widget:not(.disabled):not(.selected),
|
|
.properties-toolbar .colorpicker-widget:not(.disabled):not(.selected),
|
|
.widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected) {
|
|
position: relative
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
.feature-no-touch .header-chart-panel .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
.feature-no-touch .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
.feature-no-touch .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
|
|
border: 1px solid;
|
|
border-color: #d6d8e0;
|
|
z-index: 1
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
html.feature-no-touch.theme-dark .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
|
|
border-color: #131722
|
|
}
|
|
|
|
.feature-no-touch ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
.feature-no-touch ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
.feature-no-touch .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover,
|
|
.feature-no-touch .header-chart-panel ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
.feature-no-touch .header-chart-panel .tv-select-container:not(.sbHolderDisabled):hover,
|
|
.feature-no-touch .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
.feature-no-touch .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover,
|
|
.feature-no-touch .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
.feature-no-touch .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover {
|
|
border: 1px solid;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
html.feature-no-touch.theme-dark ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover,
|
|
html.feature-no-touch.theme-dark .header-chart-panel ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
html.feature-no-touch.theme-dark .header-chart-panel .tv-select-container:not(.sbHolderDisabled):hover,
|
|
html.feature-no-touch.theme-dark .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
html.feature-no-touch.theme-dark .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .widgetbar-widgetheader .button:hover {
|
|
border: 1px solid;
|
|
border-color: #f7f8fa
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
#footer-chart-panel .layout-toggle-container ._tv-button {
|
|
position: relative
|
|
}
|
|
|
|
.feature-no-touch #footer-chart-panel .layout-toggle-container ._tv-button:hover:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9;
|
|
background: transparent;
|
|
z-index: 1
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark #footer-chart-panel .layout-toggle-container ._tv-button:hover:after {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
#footer-chart-panel .save-load-buttons .button {
|
|
position: relative
|
|
}
|
|
|
|
.feature-no-touch #footer-chart-panel .save-load-buttons .button:hover {
|
|
border: 1px solid;
|
|
border-color: #d6d8e0;
|
|
z-index: 1
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark #footer-chart-panel .save-load-buttons .button:hover {
|
|
border-color: #131722
|
|
}
|
|
|
|
.feature-no-touch #footer-chart-panel .save-load-buttons .button:hover:not(.last) {
|
|
margin-right: -1px
|
|
}
|
|
|
|
.feature-no-touch #footer-chart-panel .save-load-buttons .button.save.titled:hover {
|
|
overflow: visible;
|
|
border-right: none;
|
|
margin-right: 0
|
|
}
|
|
|
|
.feature-no-touch #footer-chart-panel .save-load-buttons .button.save.titled:hover .separator {
|
|
margin-top: -1px;
|
|
border-top: 1px solid;
|
|
border-bottom: 1px solid;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark #footer-chart-panel .save-load-buttons .button.save.titled:hover .separator {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
#footer-chart-panel .tv-close-panel {
|
|
position: absolute;
|
|
left: 6px;
|
|
top: -6px;
|
|
height: 6px
|
|
}
|
|
|
|
.charts-popup-list.sound-selector .item .title-expanded {
|
|
width: 109px
|
|
}
|
|
|
|
.drawings-popup-list .item .title {
|
|
vertical-align: top
|
|
}
|
|
|
|
.manage-sound-button {
|
|
display: inline-block;
|
|
float: right;
|
|
cursor: pointer;
|
|
width: 18px;
|
|
height: 18px;
|
|
position: relative
|
|
}
|
|
|
|
.manage-sound-button:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px
|
|
}
|
|
|
|
.manage-sound-button.play:before {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 4px 0 4px 8px;
|
|
border-color: transparent transparent transparent #a0a8b5
|
|
}
|
|
|
|
.manage-sound-button.stop:before {
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: #a0a8b5
|
|
}
|
|
|
|
.feature-no-touch .manage-sound-button:hover.play:before {
|
|
border-color: transparent transparent transparent #8791a1
|
|
}
|
|
|
|
.feature-no-touch .manage-sound-button:hover.stop:before {
|
|
background-color: #8791a1
|
|
}
|
|
|
|
.feature-no-touch .manage-sound-button:active.play:before,
|
|
.feature-touch .manage-sound-button:active.play:before {
|
|
border-color: transparent transparent transparent #cdd3db
|
|
}
|
|
|
|
.feature-no-touch .manage-sound-button:active.stop:before,
|
|
.feature-touch .manage-sound-button:active.stop:before {
|
|
background-color: #cdd3db
|
|
}
|
|
|
|
.property-page.strategy-properties td input[type=text] {
|
|
width: 100px
|
|
}
|
|
|
|
.property-page.strategy-properties tr.spacer td {
|
|
padding: 0;
|
|
height: 15px
|
|
}
|
|
|
|
.property-page.strategy-properties input+label {
|
|
margin: 0 12px 0 8px
|
|
}
|
|
|
|
.property-page.strategy-properties input[type=text]:disabled,
|
|
.property-page.strategy-properties tr.disabled,
|
|
.property-page.strategy-properties tr.disabled label:not(.always-enabled) {
|
|
color: #ccc
|
|
}
|
|
|
|
.tv-pagination-block {
|
|
padding: 30px 0
|
|
}
|
|
|
|
.tv-pagination-block a,
|
|
.tv-pagination-block span {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
margin-right: 7px;
|
|
padding: 0 5px;
|
|
height: 24px;
|
|
min-width: 24px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-pagination-block a.page:not(.current),
|
|
.tv-pagination-block span.page:not(.current) {
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .tv-pagination-block a.page:not(.current):hover,
|
|
.feature-no-touch .tv-pagination-block span.page:not(.current):hover {
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-pagination-block a.page:not(.current):active,
|
|
.feature-no-touch .tv-pagination-block span.page:not(.current):active,
|
|
.feature-touch .tv-pagination-block a.page:not(.current):active,
|
|
.feature-touch .tv-pagination-block span.page:not(.current):active {
|
|
background-color: #049ddc
|
|
}
|
|
|
|
.tv-pagination-block a.current,
|
|
.tv-pagination-block span.current {
|
|
background-color: #d8e1ea;
|
|
font-weight: 700
|
|
}
|
|
|
|
.tv-pagination-block a.gap,
|
|
.tv-pagination-block span.gap {
|
|
padding: 0;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-pagination-block a.next,
|
|
.tv-pagination-block a.prev,
|
|
.tv-pagination-block span.next,
|
|
.tv-pagination-block span.prev {
|
|
padding: 0;
|
|
width: 30px;
|
|
background-color: transparent;
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-pagination-block a.next,
|
|
html.theme-dark .tv-pagination-block a.prev,
|
|
html.theme-dark .tv-pagination-block span.next,
|
|
html.theme-dark .tv-pagination-block span.prev {
|
|
color: #299dcd
|
|
}
|
|
|
|
.tv-pagination-block a.next:visited,
|
|
.tv-pagination-block a.prev:visited,
|
|
.tv-pagination-block span.next:visited,
|
|
.tv-pagination-block span.prev:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .tv-pagination-block a.next:visited,
|
|
html.theme-dark .tv-pagination-block a.prev:visited,
|
|
html.theme-dark .tv-pagination-block span.next:visited,
|
|
html.theme-dark .tv-pagination-block span.prev:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .tv-pagination-block a.next:hover,
|
|
.feature-no-touch .tv-pagination-block a.prev:hover,
|
|
.feature-no-touch .tv-pagination-block span.next:hover,
|
|
.feature-no-touch .tv-pagination-block span.prev:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-pagination-block a.next:active,
|
|
.feature-no-touch .tv-pagination-block a.prev:active,
|
|
.feature-no-touch .tv-pagination-block span.next:active,
|
|
.feature-no-touch .tv-pagination-block span.prev:active,
|
|
.feature-touch .tv-pagination-block a.next:active,
|
|
.feature-touch .tv-pagination-block a.prev:active,
|
|
.feature-touch .tv-pagination-block span.next:active,
|
|
.feature-touch .tv-pagination-block span.prev:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-pagination-block a.next.inactive,
|
|
.tv-pagination-block a.prev.inactive,
|
|
.tv-pagination-block span.next.inactive,
|
|
.tv-pagination-block span.prev.inactive {
|
|
color: #ccc;
|
|
pointer-events: none
|
|
}
|
|
|
|
.tv-pagination-block a.prev,
|
|
.tv-pagination-block span.prev {
|
|
margin-left: -6px
|
|
}
|
|
|
|
.sb-inner-shadow {
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
|
|
position: absolute;
|
|
bottom: -10px;
|
|
width: 100%;
|
|
height: 10px;
|
|
background: #fff;
|
|
z-index: 5;
|
|
pointer-events: none;
|
|
transform: translateY(0);
|
|
transition: opacity .11666667s ease, transform .11666667s ease
|
|
}
|
|
|
|
html.theme-dark .sb-inner-shadow {
|
|
background: #171b29
|
|
}
|
|
|
|
.sb-inner-shadow.top {
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
|
|
top: -10px
|
|
}
|
|
|
|
.sb-inner-shadow.i-invisible {
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.sb-inner-shadow.i-invisible.top {
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.sb-inner-shadow.i-invisible {
|
|
opacity: 0
|
|
}
|
|
|
|
.sb-scrollbar {
|
|
position: absolute !important;
|
|
opacity: 0;
|
|
width: 7px;
|
|
height: 100px;
|
|
top: 73px;
|
|
right: 1px;
|
|
z-index: 1;
|
|
transition: opacity .3s
|
|
}
|
|
|
|
.sb-scrollbar.active,
|
|
.sb-scrollbar.active-always {
|
|
opacity: 1
|
|
}
|
|
|
|
.sb-scrollbar__content-wrapper--scroll-inited {
|
|
position: relative
|
|
}
|
|
|
|
.sb-scrollbar__content--scroll-inited {
|
|
position: absolute
|
|
}
|
|
|
|
.sb-scrollbar-wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1px;
|
|
width: 6px;
|
|
height: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.sb-scrollbar-wrap .sb-scrollbar {
|
|
right: 0
|
|
}
|
|
|
|
.sb-scrollbar-body {
|
|
width: 6px;
|
|
border: 0;
|
|
background: #d8d8d8
|
|
}
|
|
|
|
html.theme-dark .sb-scrollbar-body {
|
|
background: #4f5966
|
|
}
|
|
|
|
.gray .sb-scrollbar-body {
|
|
background: #75757a;
|
|
border-color: #75757a;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.sb-scrollbar-bottom,
|
|
.sb-scrollbar-top {
|
|
display: none
|
|
}
|
|
|
|
.active-always.gray,
|
|
.gray {
|
|
opacity: .5
|
|
}
|
|
|
|
.symbol-list,
|
|
.symbol-list-container {
|
|
position: relative
|
|
}
|
|
|
|
.minimized .symbol-list-container,
|
|
.minimized .symbol-list-header {
|
|
display: none
|
|
}
|
|
|
|
.symbol-list-header {
|
|
height: 21px;
|
|
z-index: 1;
|
|
margin: 0 3px;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #ebedf0;
|
|
color: #888989;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .symbol-list-header {
|
|
color: #758696;
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.symbol-list-header.sortable {
|
|
cursor: default
|
|
}
|
|
|
|
.feature-no-touch .symbol-list-header.sortable .sorter:hover {
|
|
cursor: pointer;
|
|
color: #4c4f66
|
|
}
|
|
|
|
.symbol-list-item {
|
|
display: block;
|
|
position: relative;
|
|
height: 32px;
|
|
color: #8f8f8f;
|
|
margin: 0 3px;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-family: Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.symbol-list-item:nth-child(2n) {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .symbol-list-item:nth-child(2n) {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .symbol-list-item:hover {
|
|
background-color: #edf1f2
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .symbol-list-item:hover {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.symbol-list-header div,
|
|
.symbol-list-item>div {
|
|
display: inline-block
|
|
}
|
|
|
|
.symbol-list-item .symbol {
|
|
overflow: hidden
|
|
}
|
|
|
|
.symbol-list-item .change,
|
|
.symbol-list-item .last-block,
|
|
.symbol-list-item .symbol {
|
|
margin: 8px 0 0;
|
|
white-space: nowrap;
|
|
vertical-align: top
|
|
}
|
|
|
|
.symbol-list-header .header-change,
|
|
.symbol-list-header .header-estimate,
|
|
.symbol-list-header .header-last,
|
|
.symbol-list-header .header-symbol {
|
|
padding-top: 1px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.symbol-list-header .header-symbol,
|
|
.symbol-list-item .symbol {
|
|
width: 25%;
|
|
text-indent: 10px
|
|
}
|
|
|
|
.symbol-list-header .header-estimate,
|
|
.symbol-list-item .estimate {
|
|
width: 10%;
|
|
text-align: right
|
|
}
|
|
|
|
.symbol-list-header .header-last,
|
|
.symbol-list-item .last-block {
|
|
width: 30%;
|
|
text-align: right
|
|
}
|
|
|
|
.symbol-list-header .header-last {
|
|
width: 30%
|
|
}
|
|
|
|
.symbol-list-header .header-last span {
|
|
padding-right: 8px
|
|
}
|
|
|
|
.symbol-list-item .last-block .last {
|
|
padding: 0 2px
|
|
}
|
|
|
|
.symbol-list-header .header-change,
|
|
.symbol-list-item .change {
|
|
width: 45%;
|
|
text-align: right
|
|
}
|
|
|
|
.symbol-list-header .header-change div {
|
|
margin: 0 3px 0 0
|
|
}
|
|
|
|
.symbol-list-header .header-change div:last-child,
|
|
.symbol-list-item .change .percent {
|
|
margin: 0 8px 0 0
|
|
}
|
|
|
|
.symbol-list-item.active {
|
|
background: #eff9ff
|
|
}
|
|
|
|
html.theme-dark .symbol-list-item.active {
|
|
background: #21384d
|
|
}
|
|
|
|
.symbol-list-item.active:before {
|
|
content: "";
|
|
display: block;
|
|
width: 3px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #3e98cd
|
|
}
|
|
|
|
.symbol-list .controls {
|
|
display: none;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 100%;
|
|
overflow: hidden;
|
|
height: 100%
|
|
}
|
|
|
|
.feature-no-touch .symbol-list-item:hover .controls,
|
|
.feature-touch .symbol-list-item.active .controls {
|
|
right: 8px;
|
|
display: block
|
|
}
|
|
|
|
.controls-delete {
|
|
display: none
|
|
}
|
|
|
|
.symbol-list.deletable .controls-delete {
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: #da563e url(data:image/gif;base64,R0lGODlhBwAHAPIFAPLHv/vt6v///+eVhtpWPgAAAAAAAAAAACH5BAUKAAUALAAAAAAHAAcAAAMTOEAMKgtAIsNkNjAqbJySszRDAgA7) 50% 50% no-repeat;
|
|
cursor: pointer;
|
|
opacity: .75
|
|
}
|
|
|
|
.feature-no-touch .symbol-list.deletable .controls-delete:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.symbol-list-item.success {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .symbol-list-item.success {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.symbol-list-item.error {
|
|
color: #da563e
|
|
}
|
|
|
|
.symbol-list-item .change.success .percent:before {
|
|
content: "("
|
|
}
|
|
|
|
.symbol-list-item .change.success .percent:after {
|
|
content: ")"
|
|
}
|
|
|
|
.symbol-list-item .plus {
|
|
color: #238859
|
|
}
|
|
|
|
.symbol-list-item .minus {
|
|
color: #dc5538
|
|
}
|
|
|
|
.symbol-list-item .minus-bg,
|
|
.symbol-list-item .plus-bg {
|
|
color: #fff
|
|
}
|
|
|
|
.symbol-list-item .plus-bg {
|
|
background-color: #238859
|
|
}
|
|
|
|
.symbol-list-item .minus-bg {
|
|
background-color: #dc5538
|
|
}
|
|
|
|
.symbol-list-item .symbol-exclamation-mark {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 10px;
|
|
width: 10px;
|
|
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBmaWxsPSIjZmY0YTY4IiBkPSJNNSAxMEE1IDUgMCAxIDAgNSAwYTUgNSAwIDAgMCAwIDEwem0tLjUtM2gxYy42IDAgLjYgMSAwIDFoLTFjLS42IDAtLjYtMSAwLTF6TTQgMmgydjJsLS41IDJoLTFMNCA0eiIvPjwvc3ZnPg==) 50% no-repeat;
|
|
margin: 3px 0 2px 3px;
|
|
cursor: default
|
|
}
|
|
|
|
.wl-symbol-edit {
|
|
float: left;
|
|
background: #fff;
|
|
font-size: 12px;
|
|
width: 100px;
|
|
padding: 0 5px;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
color: #4a4a4a;
|
|
height: 30px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html.theme-dark .wl-symbol-edit {
|
|
color: #c5cbce;
|
|
border-color: #363c4e;
|
|
background: #131722
|
|
}
|
|
|
|
.wl-symbol-edit::-webkit-input-placeholder {
|
|
color: #7d7d7d
|
|
}
|
|
|
|
.wl-symbol-edit:-ms-input-placeholder,
|
|
.wl-symbol-edit::-ms-input-placeholder {
|
|
color: #7d7d7d
|
|
}
|
|
|
|
.wl-symbol-edit::placeholder {
|
|
color: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .wl-symbol-edit::-webkit-input-placeholder {
|
|
color: #758696
|
|
}
|
|
|
|
html.theme-dark .wl-symbol-edit:-ms-input-placeholder,
|
|
html.theme-dark .wl-symbol-edit::-ms-input-placeholder {
|
|
color: #758696
|
|
}
|
|
|
|
html.theme-dark .wl-symbol-edit::placeholder {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .wl-symbol-edit:focus,
|
|
.feature-touch .wl-symbol-edit:focus {
|
|
border-color: #4c82ce !important
|
|
}
|
|
|
|
.symbol-list-item sup {
|
|
font-size: 80%
|
|
}
|
|
|
|
.symbol-list .symbol-status {
|
|
display: inline-block;
|
|
text-indent: 0;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.symbol-list .positions.symbol-status svg {
|
|
width: 11px;
|
|
height: 11px;
|
|
margin-bottom: 1px
|
|
}
|
|
|
|
.symbol-list .positions.buy {
|
|
fill: #4094e8
|
|
}
|
|
|
|
.symbol-list .positions.sell {
|
|
fill: #e75656
|
|
}
|
|
|
|
.ui-helper-hidden {
|
|
display: none
|
|
}
|
|
|
|
.ui-helper-hidden-accessible {
|
|
position: absolute !important;
|
|
clip: rect(1px 1px 1px 1px);
|
|
clip: rect(1px, 1px, 1px, 1px)
|
|
}
|
|
|
|
.ui-helper-reset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
line-height: 1.3;
|
|
text-decoration: none;
|
|
font-size: 100%;
|
|
list-style: none
|
|
}
|
|
|
|
.ui-helper-clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden
|
|
}
|
|
|
|
.ui-helper-clearfix {
|
|
display: inline-block
|
|
}
|
|
|
|
* html .ui-helper-clearfix {
|
|
height: 1%
|
|
}
|
|
|
|
.ui-helper-clearfix {
|
|
display: block
|
|
}
|
|
|
|
.ui-helper-zfix {
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0)
|
|
}
|
|
|
|
.ui-state-disabled {
|
|
cursor: default !important
|
|
}
|
|
|
|
.ui-icon {
|
|
display: block;
|
|
text-indent: -99999px;
|
|
overflow: hidden;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-widget {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 1.1em
|
|
}
|
|
|
|
.ui-widget .ui-widget {
|
|
font-size: 1em
|
|
}
|
|
|
|
.ui-widget button,
|
|
.ui-widget input,
|
|
.ui-widget select,
|
|
.ui-widget textarea {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 1em
|
|
}
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid #aaa;
|
|
background: #fff 50% 50% repeat-x;
|
|
color: #6b6b6d
|
|
}
|
|
|
|
html.theme-dark .ui-widget-content {
|
|
color: #2f3241;
|
|
background: #171b29 50% 50% repeat-x
|
|
}
|
|
|
|
.ui-widget-content a {
|
|
color: #6b6b6d
|
|
}
|
|
|
|
html.theme-dark .ui-widget-content a {
|
|
color: #2f3241
|
|
}
|
|
|
|
.ui-widget-header {
|
|
border: 1px solid;
|
|
border-color: #c9cbcd;
|
|
background: #fafafa;
|
|
color: #6b6b6d
|
|
}
|
|
|
|
html.theme-dark .ui-widget-header {
|
|
color: #2f3241;
|
|
background: #2f3241;
|
|
border-color: #2f3241
|
|
}
|
|
|
|
.ui-widget-header a {
|
|
color: #6b6b6d
|
|
}
|
|
|
|
html.theme-dark .ui-widget-header a {
|
|
color: #2f3241
|
|
}
|
|
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border: 1px solid #d3d3d3;
|
|
background: #fafafa;
|
|
font-weight: 400;
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .ui-state-default,
|
|
html.theme-dark .ui-widget-content .ui-state-default,
|
|
html.theme-dark .ui-widget-header .ui-state-default {
|
|
color: #8b8f95
|
|
}
|
|
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited {
|
|
color: #555;
|
|
text-decoration: none
|
|
}
|
|
|
|
html.theme-dark .ui-state-default a,
|
|
html.theme-dark .ui-state-default a:link,
|
|
html.theme-dark .ui-state-default a:visited {
|
|
color: #8b8f95
|
|
}
|
|
|
|
.ui-state-focus,
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-focus,
|
|
.ui-widget-header .ui-state-hover {
|
|
border: 1px solid #999;
|
|
background: #dadada;
|
|
font-weight: 400;
|
|
color: #212121
|
|
}
|
|
|
|
.feature-no-touch .ui-state-hover a:hover,
|
|
.ui-state-hover a {
|
|
color: #212121;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active {
|
|
border: 1px solid #aaa;
|
|
background: #fff 50% 50% repeat-x;
|
|
font-weight: 400;
|
|
color: #212121
|
|
}
|
|
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #212121;
|
|
text-decoration: none
|
|
}
|
|
|
|
.feature-no-touch .ui-widget :active,
|
|
.feature-touch .ui-widget :active {
|
|
outline: none
|
|
}
|
|
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {
|
|
border: 1px solid #fde763;
|
|
background: #fff8cf;
|
|
color: #363636
|
|
}
|
|
|
|
.ui-state-highlight a,
|
|
.ui-widget-content .ui-state-highlight a,
|
|
.ui-widget-header .ui-state-highlight a {
|
|
color: #363636
|
|
}
|
|
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
border: 1px solid #cd0a0a;
|
|
background: #fef1ec 50% 50% repeat-x;
|
|
color: #cd0a0a
|
|
}
|
|
|
|
.ui-state-error-text,
|
|
.ui-state-error a,
|
|
.ui-widget-content .ui-state-error-text,
|
|
.ui-widget-content .ui-state-error a,
|
|
.ui-widget-header .ui-state-error-text,
|
|
.ui-widget-header .ui-state-error a {
|
|
color: #cd0a0a
|
|
}
|
|
|
|
.ui-priority-primary,
|
|
.ui-widget-content .ui-priority-primary,
|
|
.ui-widget-header .ui-priority-primary {
|
|
font-weight: 700
|
|
}
|
|
|
|
.ui-priority-secondary,
|
|
.ui-widget-content .ui-priority-secondary,
|
|
.ui-widget-header .ui-priority-secondary {
|
|
opacity: .7;
|
|
filter: alpha(opacity=70);
|
|
font-weight: 400
|
|
}
|
|
|
|
.ui-state-disabled,
|
|
.ui-widget-content .ui-state-disabled,
|
|
.ui-widget-header .ui-state-disabled {
|
|
opacity: .35;
|
|
filter: alpha(opacity=35);
|
|
background-image: none
|
|
}
|
|
|
|
.ui-widget-overlay,
|
|
.ui-widget-shadow {
|
|
background: #aaa 50% 50% repeat-x;
|
|
opacity: .3;
|
|
filter: alpha(opacity=30)
|
|
}
|
|
|
|
.ui-widget-shadow {
|
|
margin: -8px 0 0 -8px;
|
|
padding: 8px;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.ui-resizable {
|
|
position: relative
|
|
}
|
|
|
|
.ui-resizable-handle {
|
|
position: absolute;
|
|
font-size: .1px;
|
|
z-index: 99999;
|
|
display: block
|
|
}
|
|
|
|
.ui-resizable-autohide .ui-resizable-handle,
|
|
.ui-resizable-disabled .ui-resizable-handle {
|
|
display: none
|
|
}
|
|
|
|
.ui-resizable-n {
|
|
cursor: n-resize;
|
|
height: 7px;
|
|
width: 100%;
|
|
top: -5px;
|
|
left: 0
|
|
}
|
|
|
|
.ui-resizable-s {
|
|
cursor: s-resize;
|
|
height: 7px;
|
|
width: 100%;
|
|
bottom: -5px;
|
|
left: 0
|
|
}
|
|
|
|
.ui-resizable-e {
|
|
cursor: e-resize;
|
|
width: 7px;
|
|
right: -5px;
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-resizable-w {
|
|
cursor: w-resize;
|
|
width: 7px;
|
|
left: -5px;
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-resizable-se {
|
|
cursor: se-resize;
|
|
width: 12px;
|
|
height: 12px;
|
|
right: 1px;
|
|
bottom: 1px
|
|
}
|
|
|
|
.ui-resizable-sw {
|
|
cursor: sw-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
left: -5px;
|
|
bottom: -5px
|
|
}
|
|
|
|
.ui-resizable-nw {
|
|
cursor: nw-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
left: -5px;
|
|
top: -5px
|
|
}
|
|
|
|
.ui-resizable-ne {
|
|
cursor: ne-resize;
|
|
width: 9px;
|
|
height: 9px;
|
|
right: -5px;
|
|
top: -5px
|
|
}
|
|
|
|
.ui-selectable-helper {
|
|
position: absolute;
|
|
z-index: 100;
|
|
border: 1px dotted #000
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
position: absolute;
|
|
cursor: default
|
|
}
|
|
|
|
* html .ui-autocomplete {
|
|
width: 1px
|
|
}
|
|
|
|
.ui-menu {
|
|
list-style: none;
|
|
padding: 2px;
|
|
margin: 0;
|
|
display: block;
|
|
float: left
|
|
}
|
|
|
|
.ui-menu .ui-menu {
|
|
margin-top: -3px
|
|
}
|
|
|
|
.ui-menu .ui-menu-item {
|
|
margin: 0;
|
|
padding: 0;
|
|
zoom: 1;
|
|
float: left;
|
|
clear: left;
|
|
width: 100%
|
|
}
|
|
|
|
.ui-menu .ui-menu-item a {
|
|
text-decoration: none;
|
|
display: block;
|
|
padding: .2em .4em;
|
|
line-height: 1.5;
|
|
zoom: 1
|
|
}
|
|
|
|
.ui-menu .ui-menu-item a.ui-state-active,
|
|
.ui-menu .ui-menu-item a.ui-state-hover {
|
|
font-weight: 400;
|
|
margin: -1px
|
|
}
|
|
|
|
.ui-button {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 0;
|
|
margin-right: .1em;
|
|
text-decoration: none !important;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
zoom: 1;
|
|
overflow: visible
|
|
}
|
|
|
|
.ui-button-icon-only {
|
|
width: 2.2em
|
|
}
|
|
|
|
button.ui-button-icon-only {
|
|
width: 2.4em
|
|
}
|
|
|
|
.ui-button-icons-only {
|
|
width: 3.4em
|
|
}
|
|
|
|
button.ui-button-icons-only {
|
|
width: 3.7em
|
|
}
|
|
|
|
.ui-button .ui-button-text {
|
|
display: block;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.ui-button-text-only .ui-button-text {
|
|
padding: .4em 1em
|
|
}
|
|
|
|
.ui-button-icon-only .ui-button-text,
|
|
.ui-button-icons-only .ui-button-text {
|
|
padding: .4em;
|
|
text-indent: -9999999px
|
|
}
|
|
|
|
.ui-button-text-icon-primary .ui-button-text,
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding: .4em 1em .4em 2.1em
|
|
}
|
|
|
|
.ui-button-text-icon-secondary .ui-button-text,
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding: .4em 2.1em .4em 1em
|
|
}
|
|
|
|
.ui-button-text-icons .ui-button-text {
|
|
padding-left: 2.1em;
|
|
padding-right: 2.1em
|
|
}
|
|
|
|
input.ui-button {
|
|
padding: .4em 1em
|
|
}
|
|
|
|
.ui-button-icon-only .ui-icon,
|
|
.ui-button-icons-only .ui-icon,
|
|
.ui-button-text-icon-primary .ui-icon,
|
|
.ui-button-text-icon-secondary .ui-icon,
|
|
.ui-button-text-icons .ui-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.ui-button-icon-only .ui-icon {
|
|
left: 50%;
|
|
margin-left: -8px
|
|
}
|
|
|
|
.ui-button-icons-only .ui-button-icon-primary,
|
|
.ui-button-text-icon-primary .ui-button-icon-primary,
|
|
.ui-button-text-icons .ui-button-icon-primary {
|
|
left: .5em
|
|
}
|
|
|
|
.ui-button-icons-only .ui-button-icon-secondary,
|
|
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
|
.ui-button-text-icons .ui-button-icon-secondary {
|
|
right: .5em
|
|
}
|
|
|
|
.ui-buttonset {
|
|
margin-right: 7px
|
|
}
|
|
|
|
.ui-buttonset .ui-button {
|
|
margin-left: 0;
|
|
margin-right: -.3em
|
|
}
|
|
|
|
button.ui-button::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.ui-slider {
|
|
position: relative;
|
|
text-align: left
|
|
}
|
|
|
|
.ui-slider .ui-slider-handle {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
cursor: default
|
|
}
|
|
|
|
.ui-slider .ui-slider-range {
|
|
position: absolute;
|
|
z-index: 1;
|
|
font-size: .7em;
|
|
display: block;
|
|
border: 0;
|
|
background-position: 0 0
|
|
}
|
|
|
|
.ui-slider-horizontal {
|
|
height: .8em
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -.3em;
|
|
margin-left: -.6em
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range {
|
|
top: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0
|
|
}
|
|
|
|
.ui-slider-vertical {
|
|
width: .8em;
|
|
height: 100px
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -.3em;
|
|
margin-left: 0;
|
|
margin-bottom: -.6em
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range {
|
|
left: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-min {
|
|
bottom: 0
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-max {
|
|
top: 0
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav {
|
|
margin: 0;
|
|
padding: .2em .2em 0
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li {
|
|
list-style: none;
|
|
float: left;
|
|
position: relative;
|
|
top: 1px;
|
|
margin: 0 .2em 1px 0;
|
|
border-bottom: 0 !important;
|
|
padding: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
float: left;
|
|
padding: .5em 1em;
|
|
text-decoration: none
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
|
|
margin-bottom: 0;
|
|
padding-bottom: 1px
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
|
|
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
|
|
cursor: text
|
|
}
|
|
|
|
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
cursor: pointer
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-panel {
|
|
display: block;
|
|
border-width: 0;
|
|
margin: 5px 0;
|
|
background: none
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-hide {
|
|
position: absolute;
|
|
left: -10000px
|
|
}
|
|
|
|
.ui-datepicker {
|
|
padding: 0;
|
|
border: none;
|
|
display: none
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header {
|
|
position: relative;
|
|
height: 53px;
|
|
line-height: 53px;
|
|
border: none;
|
|
padding: 0;
|
|
background-color: #3bb3e4;
|
|
color: #fff
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker .ui-datepicker-header {
|
|
color: #c5cbce;
|
|
background-color: #21384d
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 40px;
|
|
height: 100%;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
|
|
opacity: .4
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover:not(.ui-state-disabled),
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:not(.ui-state-disabled) {
|
|
opacity: 1;
|
|
background: none;
|
|
border: none
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
|
|
right: 0
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
|
|
margin-left: -5px;
|
|
width: 9px;
|
|
height: 14px;
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m2 0l-2 2 5 5-5 5 2 2 7-7z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
|
|
left: 0
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
|
|
margin-left: -4px;
|
|
width: 9px;
|
|
height: 14px;
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m0 7l7-7 2 2-5 5 5 5-2 2z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-next span,
|
|
.ui-datepicker .ui-datepicker-prev span {
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
top: 50%;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-title {
|
|
margin: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-title select {
|
|
font-size: 1em
|
|
}
|
|
|
|
.ui-datepicker select.ui-datepicker-month-year {
|
|
width: 100%
|
|
}
|
|
|
|
.ui-datepicker select.ui-datepicker-month,
|
|
.ui-datepicker select.ui-datepicker-year {
|
|
width: 49%
|
|
}
|
|
|
|
.ui-datepicker table {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
border-collapse: collapse;
|
|
margin: 0;
|
|
border: 1px solid;
|
|
border-color: #d6d6d6;
|
|
border-top: none
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker table {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.ui-datepicker th {
|
|
width: 40px;
|
|
height: 28px;
|
|
border-bottom: 1px solid red;
|
|
padding: 0;
|
|
border: none;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #d6d6d6;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
color: #8d9196;
|
|
background-color: #f8f8f8
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker th {
|
|
background-color: #2f3241;
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.ui-datepicker td {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.ui-datepicker td a,
|
|
.ui-datepicker td a.ui-state-default,
|
|
.ui-datepicker td span,
|
|
.ui-datepicker td span.ui-state-default {
|
|
display: block;
|
|
position: relative;
|
|
height: 39px;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
background: #fff;
|
|
border: none;
|
|
border-width: 0 1px 1px 0;
|
|
border-style: solid;
|
|
border-color: #d6d6d6;
|
|
text-decoration: none
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker td a,
|
|
html.theme-dark .ui-datepicker td a.ui-state-default,
|
|
html.theme-dark .ui-datepicker td span,
|
|
html.theme-dark .ui-datepicker td span.ui-state-default {
|
|
border-color: #363c4e;
|
|
background: #171b29
|
|
}
|
|
|
|
.ui-datepicker td a.ui-state-default.ui-state-highlight,
|
|
.ui-datepicker td a.ui-state-highlight,
|
|
.ui-datepicker td span.ui-state-default.ui-state-highlight,
|
|
.ui-datepicker td span.ui-state-highlight {
|
|
color: #00b9db
|
|
}
|
|
|
|
.ui-datepicker td a.ui-state-default.ui-state-highlight:after,
|
|
.ui-datepicker td a.ui-state-highlight:after,
|
|
.ui-datepicker td span.ui-state-default.ui-state-highlight:after,
|
|
.ui-datepicker td span.ui-state-highlight:after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
content: " ";
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 11px 11px 0;
|
|
border-color: transparent #00badb transparent transparent
|
|
}
|
|
|
|
.ui-datepicker td a.ui-state-default.ui-state-hover,
|
|
.ui-datepicker td a.ui-state-hover,
|
|
.ui-datepicker td span.ui-state-default.ui-state-hover,
|
|
.ui-datepicker td span.ui-state-hover {
|
|
background: #edf1f2
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker td a.ui-state-default.ui-state-hover,
|
|
html.theme-dark .ui-datepicker td a.ui-state-hover,
|
|
html.theme-dark .ui-datepicker td span.ui-state-default.ui-state-hover,
|
|
html.theme-dark .ui-datepicker td span.ui-state-hover {
|
|
background: #262b3e
|
|
}
|
|
|
|
.ui-datepicker td.ui-datepicker-current-day a,
|
|
.ui-datepicker td.ui-datepicker-current-day span {
|
|
border: 2px solid;
|
|
border-color: #3bb3e4;
|
|
color: #3bb3e4;
|
|
height: 36px;
|
|
line-height: 37px
|
|
}
|
|
|
|
html.theme-dark .ui-datepicker td.ui-datepicker-current-day a,
|
|
html.theme-dark .ui-datepicker td.ui-datepicker-current-day span {
|
|
color: #3bb3e4;
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane {
|
|
background-image: none;
|
|
margin: .7em 0 0;
|
|
padding: 0 .2em;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
|
float: right;
|
|
margin: .5em .2em .4em;
|
|
cursor: pointer;
|
|
padding: .2em .6em .3em;
|
|
width: auto;
|
|
overflow: visible
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
|
float: left
|
|
}
|
|
|
|
.ui-datepicker.ui-datepicker-multi {
|
|
width: auto
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group {
|
|
float: left
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group table {
|
|
width: 95%;
|
|
margin: 0 auto .4em
|
|
}
|
|
|
|
.ui-datepicker-multi-2 .ui-datepicker-group {
|
|
width: 50%
|
|
}
|
|
|
|
.ui-datepicker-multi-3 .ui-datepicker-group {
|
|
width: 33.3%
|
|
}
|
|
|
|
.ui-datepicker-multi-4 .ui-datepicker-group {
|
|
width: 25%
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
|
border-left-width: 0
|
|
}
|
|
|
|
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
|
clear: left
|
|
}
|
|
|
|
.ui-datepicker-row-break {
|
|
clear: both;
|
|
width: 100%
|
|
}
|
|
|
|
body,
|
|
html {
|
|
background: none;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
body,
|
|
html {
|
|
min-width: 240px
|
|
}
|
|
|
|
#library-container {
|
|
border: 1px solid #d9dadb;
|
|
background: #fff
|
|
}
|
|
|
|
#library-container #showExtendedHoursLink {
|
|
display: none
|
|
}
|
|
|
|
.on-widget .open-popup {
|
|
margin-left: 4px;
|
|
padding: 7px;
|
|
border-width: 0 !important
|
|
}
|
|
|
|
.on-widget .getimage.process {
|
|
background: url("../images/bar-loader.gif") 0 0 repeat !important
|
|
}
|
|
|
|
a.getimage .icon {
|
|
width: 20px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
|
|
.on-widget .getimage .icon {
|
|
background-image: none;
|
|
fill: rgba(0, 0, 0, .5)
|
|
}
|
|
|
|
.on-widget .open-popup {
|
|
border: none;
|
|
background: #6798bb
|
|
}
|
|
|
|
.feature-no-touch .on-widget .open-popup:hover {
|
|
background: #69a3cc
|
|
}
|
|
|
|
.feature-no-touch .on-widget .open-popup:active,
|
|
.feature-touch .on-widget .open-popup:active {
|
|
background: #71acd6
|
|
}
|
|
|
|
.on-widget .open-popup svg {
|
|
display: block;
|
|
width: 16px;
|
|
height: 14px;
|
|
fill: #fff
|
|
}
|
|
|
|
.on-widget .widgetbar-widget-hotlist .widgetbar-widgetheader .widgetbar-headerspace {
|
|
display: none
|
|
}
|
|
|
|
.onchart-cme-logo,
|
|
.onchart-custom-logo,
|
|
.onchart-tv-logo {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 10
|
|
}
|
|
|
|
.onchart-cme-logo {
|
|
left: 10px;
|
|
bottom: 25px;
|
|
width: 135px
|
|
}
|
|
|
|
.onchart-custom-logo,
|
|
.onchart-tv-logo {
|
|
left: 1px;
|
|
bottom: 22px;
|
|
width: auto
|
|
}
|
|
|
|
.onchart-custom-logo.on-pane,
|
|
.onchart-tv-logo.on-pane {
|
|
bottom: 1px
|
|
}
|
|
|
|
.onchart-custom-logo .inner {
|
|
display: block;
|
|
padding: 2px 9px;
|
|
transition: background .7s ease;
|
|
background-color: hsla(0, 0%, 100%, .8)
|
|
}
|
|
|
|
.onchart-custom-logo .wrapper {
|
|
display: block;
|
|
padding: 3px;
|
|
border-radius: 3px;
|
|
transition: background .7s ease;
|
|
background-color: hsla(0, 0%, 100%, .4)
|
|
}
|
|
|
|
.onchart-custom-logo table.inner {
|
|
border-collapse: collapse;
|
|
border: 0
|
|
}
|
|
|
|
.onchart-custom-logo table.inner tbody {
|
|
opacity: .6
|
|
}
|
|
|
|
.onchart-custom-logo table.inner td {
|
|
padding: 0
|
|
}
|
|
|
|
.onchart-custom-logo table.inner td.custom-logo {
|
|
line-height: 0
|
|
}
|
|
|
|
.onchart-custom-logo table.inner td.tv-link {
|
|
text-align: center;
|
|
line-height: 10px
|
|
}
|
|
|
|
.onchart-custom-logo .text {
|
|
font-size: 10px
|
|
}
|
|
|
|
.onchart-tv-logo .wrapper {
|
|
display: block;
|
|
padding: 3px;
|
|
transition: background .7s ease
|
|
}
|
|
|
|
.onchart-tv-logo.expanded.blue .wrapper,
|
|
.onchart-tv-logo.expanded.grey .wrapper,
|
|
.onchart-tv-logo.expanded .wrapper {
|
|
background-color: hsla(0, 0%, 100%, .3)
|
|
}
|
|
|
|
.onchart-tv-logo.black .wrapper {
|
|
background-color: rgba(0, 0, 0, .3)
|
|
}
|
|
|
|
.onchart-tv-logo.expanded.black .wrapper {
|
|
background-color: hsla(0, 0%, 100%, .3)
|
|
}
|
|
|
|
.onchart-tv-logo .inner {
|
|
display: block;
|
|
height: 32px;
|
|
line-height: 31px;
|
|
padding: 0 9px;
|
|
transition: background .7s ease
|
|
}
|
|
|
|
.onchart-tv-logo.expanded .inner {
|
|
background-color: hsla(0, 0%, 100%, .8)
|
|
}
|
|
|
|
.onchart-tv-logo.expanded.grey .inner {
|
|
background-color: hsla(0, 3%, 87%, .8)
|
|
}
|
|
|
|
.onchart-tv-logo.expanded.blue .inner {
|
|
background-color: rgba(209, 232, 255, .8)
|
|
}
|
|
|
|
.onchart-tv-logo.expanded.black .inner {
|
|
background-color: rgba(0, 0, 0, .8)
|
|
}
|
|
|
|
.onchart-tv-logo img {
|
|
width: 33px;
|
|
height: 23px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
transition: display .7s ease
|
|
}
|
|
|
|
.onchart-tv-logo .text {
|
|
display: inline-block;
|
|
width: 0;
|
|
overflow: hidden;
|
|
padding-left: 36px;
|
|
vertical-align: middle;
|
|
transition: width .7s ease
|
|
}
|
|
|
|
.onchart-tv-logo.expanded .text {
|
|
width: 147px
|
|
}
|
|
|
|
.onchart-tv-logo img {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
transition: opacity .7s ease
|
|
}
|
|
|
|
.onchart-tv-logo img.faded {
|
|
opacity: 1
|
|
}
|
|
|
|
.onchart-tv-logo.expanded img.faded {
|
|
opacity: 0
|
|
}
|
|
|
|
.text .logo-highlighted {
|
|
font-weight: 700;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.onchart-cme-logo img {
|
|
width: inherit;
|
|
opacity: .55
|
|
}
|
|
|
|
.onchart-cme-logo a.onchart-logo {
|
|
width: inherit;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
top: -6px;
|
|
left: 0;
|
|
color: #007fb9;
|
|
opacity: .7;
|
|
font-size: 12px
|
|
}
|
|
|
|
.onchart-cme-logo a.onchart-logo .logo-fade {
|
|
color: #231f20;
|
|
opacity: .85
|
|
}
|
|
|
|
.on-cme-widget .symbol-edit-popup .filter,
|
|
.on-cme-widget .symbol-search-dialog .filter {
|
|
display: none
|
|
}
|
|
|
|
.on-cme-widget .symbol-search-dialog .results {
|
|
height: 450px
|
|
}
|
|
|
|
.tv-embed-buttons-contaner {
|
|
float: right
|
|
}
|
|
|
|
.feature-no-touch .on-cme-widget .getimage:hover {
|
|
background: #5ece93
|
|
}
|
|
|
|
.on-cme-widget .tv-side-toolbar>.cme-saveimage-container {
|
|
position: absolute;
|
|
left: 1px;
|
|
bottom: 1px;
|
|
height: 38px;
|
|
width: 50px;
|
|
background: #fff
|
|
}
|
|
|
|
.on-cme-widget .tv-side-toolbar>.cme-saveimage-container:before {
|
|
content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 5px;
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 0;
|
|
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
|
|
}
|
|
|
|
.on-cme-widget .tv-side-toolbar>.cme-saveimage-container .getimage {
|
|
margin: 6px 11px
|
|
}
|
|
|
|
.on-cme-widget #library-container>.cme-saveimage-container {
|
|
position: absolute;
|
|
left: 8px;
|
|
bottom: 7px
|
|
}
|
|
|
|
.on-cme-widget #library-container>.cme-saveimage-container .getimage {
|
|
margin: 0;
|
|
padding: 3px 7px 2px 6px;
|
|
border: none
|
|
}
|
|
|
|
.onchart-tv-logo a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .onchart-tv-logo a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.onchart-tv-logo a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .onchart-tv-logo a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .onchart-tv-logo a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .onchart-tv-logo a:active,
|
|
.feature-touch .onchart-tv-logo a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.onchart-tv-logo img.custom-image {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
width: auto;
|
|
height: auto
|
|
}
|
|
|
|
.load-chart .chart-search,
|
|
.load-chart .chart-search input {
|
|
width: 100%
|
|
}
|
|
|
|
.properties-tabs-label {
|
|
margin-right: 30px
|
|
}
|
|
|
|
@media only screen and (max-width:900px) {
|
|
|
|
.header-chart-panel .save-load-buttons .separator,
|
|
.header-chart-panel .save-load-buttons .title {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:750px) {
|
|
.charts-popup-list .item.save-load-chart-title {
|
|
display: block
|
|
}
|
|
|
|
.header-chart-panel .save-load-buttons .load,
|
|
.header-chart-panel .save-load-buttons .save {
|
|
padding-left: 7px;
|
|
padding-right: 7px
|
|
}
|
|
|
|
.header-chart-panel .group.header-group-back-button,
|
|
.header-chart-panel .group.header-group-compare,
|
|
.header-chart-panel .group.header-group-properties,
|
|
.header-chart-panel .group.header-group-screenshot,
|
|
.header-chart-panel .group.header-group-select-layout,
|
|
.header-chart-panel .group.header-group-undo-redo,
|
|
.header-chart-panel .layout-toggle-container {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:567px) {
|
|
.header-chart-panel .group.header-group-bars-style {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:410px) {
|
|
.header-chart-panel .group.header-group-indicators {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:340px) {
|
|
.header-chart-panel .group.header-group-fullscreen {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
.charts-popup-list .item .title,
|
|
.charts-popup-list .item .title-expanded {
|
|
width: auto
|
|
}
|
|
|
|
.common-tooltip-wrapper {
|
|
position: fixed;
|
|
margin: 2px 0;
|
|
pointer-events: none;
|
|
transition: opacity .15s linear;
|
|
z-index: 1000
|
|
}
|
|
|
|
.common-tooltip-wrapper.vertical {
|
|
margin: 0 2px
|
|
}
|
|
|
|
.common-tooltip-wrapper.farther {
|
|
margin: 8px 0
|
|
}
|
|
|
|
.common-tooltip-wrapper.farther.vertical {
|
|
margin: 0 8px
|
|
}
|
|
|
|
.common-tooltip-wrapper.no-pointer-events {
|
|
margin: 8px 0
|
|
}
|
|
|
|
.common-tooltip-wrapper.no-pointer-events.vertical {
|
|
margin: 0 8px
|
|
}
|
|
|
|
.common-tooltip-wrapper.no-pointer-events.farther {
|
|
margin: 14px 0
|
|
}
|
|
|
|
.common-tooltip-wrapper.no-pointer-events.farther.vertical {
|
|
margin: 0 14px
|
|
}
|
|
|
|
.common-tooltip-wrapper.pointer-events-auto {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.common-tooltip-wrapper .common-tooltip-body {
|
|
position: relative;
|
|
padding: 7px 8px;
|
|
background-color: #262b3e;
|
|
color: #e1ecf2;
|
|
border: 1px solid;
|
|
border-color: #fff;
|
|
font-size: 11px;
|
|
max-width: 300px;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
text-align: center
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper .common-tooltip-body {
|
|
border-color: #363c4e;
|
|
color: #fff;
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper .common-tooltip-body--width_wide {
|
|
max-width: 620px
|
|
}
|
|
|
|
.common-tooltip-wrapper:after,
|
|
.common-tooltip-wrapper:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0
|
|
}
|
|
|
|
.common-tooltip-wrapper.below:before {
|
|
top: -7px;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-bottom: 8px solid;
|
|
border-bottom-color: #fff
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.below:before {
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.below:after {
|
|
top: -5px;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #262b3e
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.below:after {
|
|
border-bottom: 6px solid #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.above:before {
|
|
bottom: -7px;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid;
|
|
border-top-color: #fff
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.above:before {
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.above:after {
|
|
bottom: -5px;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 6px solid #262b3e
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.above:after {
|
|
border-top: 6px solid #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.otr:before {
|
|
left: -7px;
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
border-right: 8px solid;
|
|
border-right-color: #fff
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.otr:before {
|
|
border-right-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.otr:after {
|
|
left: -5px;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-right: 6px solid;
|
|
border-right-color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.otr:after {
|
|
border-right-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.otl:before {
|
|
right: -7px;
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
border-left: 8px solid;
|
|
border-left-color: #fff
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.otl:before {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.otl:after {
|
|
right: -5px;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-left: 6px solid;
|
|
border-left-color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .common-tooltip-wrapper.otl:after {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white .common-tooltip-body {
|
|
background-color: #fff;
|
|
color: #333;
|
|
border: 1px solid;
|
|
border-color: #d6d6d6
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.below:before {
|
|
border-bottom-color: #d6d6d6
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.below:after {
|
|
border-bottom-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.above:before {
|
|
border-top-color: #d6d6d6
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.above:after {
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.otr:before {
|
|
border-right-color: #d6d6d6
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.otr:after {
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.otl:before {
|
|
border-left-color: #d6d6d6
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-white.otl:after {
|
|
border-left-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-round-shadow .common-tooltip-body {
|
|
background-color: #fff;
|
|
color: #333;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 3px 0 rgba(42, 44, 57, .29)
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-round-shadow.below:after {
|
|
border-bottom-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-round-shadow.above:after {
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-round-shadow.otr:after {
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.theme-round-shadow.otl:after {
|
|
border-left-color: #fff
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .common-tooltip-body {
|
|
text-align: left;
|
|
padding: 18px
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .symbol-short-name {
|
|
font-size: 23px;
|
|
line-height: 23px
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .symbol-description-name {
|
|
font-size: 10px;
|
|
color: #787878
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .symbol-last {
|
|
font-size: 28px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .symbol-change,
|
|
.common-tooltip-wrapper.quote-tooltip .symbol-change-pt {
|
|
font-size: 17px
|
|
}
|
|
|
|
.common-tooltip-wrapper.quote-tooltip .mini-chart {
|
|
margin-top: 25px;
|
|
width: 192px;
|
|
height: 68px
|
|
}
|
|
|
|
.tv-control-checkbox {
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.tv-control-checkbox--in-actions {
|
|
max-width: 50%
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-control-checkbox--in-actions {
|
|
max-width: none
|
|
}
|
|
}
|
|
|
|
.tv-control-checkbox,
|
|
.tv-control-checkbox__label {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.tv-control-checkbox--nowrap,
|
|
.tv-control-checkbox__label--nowrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.tv-control-checkbox__input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 18px;
|
|
height: 18px;
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-control-checkbox__box {
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 1;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
pointer-events: none;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.tv-control-checkbox__box:before {
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -9px;
|
|
margin-left: -9px;
|
|
border-radius: 2px;
|
|
background-color: transparent;
|
|
transform: scale(1);
|
|
transition: transform .35s ease, background-color .35s ease, border-radius .35s ease
|
|
}
|
|
|
|
.tv-control-checkbox__box:after,
|
|
.tv-control-checkbox__box:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px
|
|
}
|
|
|
|
.tv-control-checkbox__box:after {
|
|
top: 0;
|
|
left: 0;
|
|
border: 2px solid #758696;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
transition: border-color .35s ease
|
|
}
|
|
|
|
.tv-control-checkbox__box svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -6px;
|
|
margin-left: -6px;
|
|
width: 12px;
|
|
height: 12px;
|
|
stroke: transparent;
|
|
transform: scale(0);
|
|
transition: stroke .35s ease 1ms, transform .35s ease 1ms
|
|
}
|
|
|
|
.tv-control-checkbox__label {
|
|
white-space: normal;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.tv-control-checkbox__label--two-lines {
|
|
width: 155px
|
|
}
|
|
|
|
.tv-control-checkbox__label--nowrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.tv-control-checkbox__label--lil-line-height {
|
|
line-height: 16px;
|
|
min-width: 50%;
|
|
max-width: 80%
|
|
}
|
|
|
|
.tv-control-checkbox__label+.tv-control-checkbox {
|
|
margin-left: 0
|
|
}
|
|
|
|
.tv-control-checkbox+.tv-control-checkbox__label {
|
|
margin-right: 0;
|
|
margin-left: 10px;
|
|
max-width: calc(100% - 1ex - 28px)
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box,
|
|
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box,
|
|
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box {
|
|
will-change: background-color
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:before,
|
|
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:before,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
|
|
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:before {
|
|
will-change: transform, border-radius
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
|
|
will-change: border-color
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after {
|
|
border-color: #627384
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box {
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box,
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before {
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before {
|
|
border-radius: 50%;
|
|
transform: scale(0)
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box svg {
|
|
stroke: #fff;
|
|
transform: scale(1);
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
|
|
transition-delay: .0875s;
|
|
will-change: stroke, transform
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
|
|
border-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
|
|
.feature-no-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
|
|
.feature-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box {
|
|
background-color: #049ddc
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box:after {
|
|
border-color: #049ddc
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
|
|
html.theme-dark .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
|
|
html.theme-dark .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
|
|
border-color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
|
|
background-color: #f1f3f6;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
|
|
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before,
|
|
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
|
|
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
|
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
|
|
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
|
|
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box {
|
|
background-color: #dadde0
|
|
}
|
|
|
|
.tv-control-checkbox__ripple {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
|
|
mask-image: radial-gradient(circle, #fff 100%, #000 0)
|
|
}
|
|
|
|
.tv-control-checkbox__input:checked+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple {
|
|
background-color: rgba(59, 179, 228, .25)
|
|
}
|
|
|
|
.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple,
|
|
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-control-checkbox.i-error .tv-control-checkbox__box:after {
|
|
border-color: #ff4a68
|
|
}
|
|
|
|
.tv-control-checkbox.i-disabled {
|
|
cursor: default
|
|
}
|
|
|
|
.tv-control-input,
|
|
.tv-control-textarea,
|
|
.tv-dialog__chat-username-input,
|
|
.tv-dialog__widetextarea {
|
|
display: block;
|
|
padding: 0 12px;
|
|
width: 100%;
|
|
height: 34px;
|
|
font-size: 13px;
|
|
color: #4a4a4a;
|
|
border: 1px solid #dadde0;
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: border-color .35s ease, background-color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-control-input,
|
|
html.theme-dark .tv-control-textarea,
|
|
html.theme-dark .tv-dialog__chat-username-input,
|
|
html.theme-dark .tv-dialog__widetextarea {
|
|
background-color: #1c2030;
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-control-input::-webkit-input-placeholder,
|
|
.tv-control-textarea::-webkit-input-placeholder,
|
|
.tv-dialog__chat-username-input::-webkit-input-placeholder,
|
|
.tv-dialog__widetextarea::-webkit-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input:-ms-input-placeholder,
|
|
.tv-control-input::-ms-input-placeholder,
|
|
.tv-control-textarea:-ms-input-placeholder,
|
|
.tv-control-textarea::-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input:-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input::-ms-input-placeholder,
|
|
.tv-dialog__widetextarea:-ms-input-placeholder,
|
|
.tv-dialog__widetextarea::-ms-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input::placeholder,
|
|
.tv-control-textarea::placeholder,
|
|
.tv-dialog__chat-username-input::placeholder,
|
|
.tv-dialog__widetextarea::placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-textarea::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea::-webkit-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea::-ms-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::placeholder,
|
|
html.theme-dark .tv-control-textarea::placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input::placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea::placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
.tv-control-input:-webkit-autofill,
|
|
.tv-control-textarea:-webkit-autofill,
|
|
.tv-dialog__chat-username-input:-webkit-autofill,
|
|
.tv-dialog__widetextarea:-webkit-autofill {
|
|
-webkit-text-fill-color: #535353 !important;
|
|
box-shadow: inset 0 0 0 1000px #fff !important
|
|
}
|
|
|
|
.tv-control-input--size_xsmall,
|
|
.tv-control-textarea--size_xsmall,
|
|
.tv-dialog__chat-username-input--size_xsmall,
|
|
.tv-dialog__widetextarea--size_xsmall {
|
|
height: 19px
|
|
}
|
|
|
|
.tv-control-input--size_small,
|
|
.tv-control-textarea--size_small,
|
|
.tv-dialog__chat-username-input--size_small,
|
|
.tv-dialog__widetextarea--size_small {
|
|
height: 27px
|
|
}
|
|
|
|
.tv-control-input--size_large,
|
|
.tv-control-textarea--size_large,
|
|
.tv-dialog__chat-username-input--size_large,
|
|
.tv-dialog__widetextarea--size_large {
|
|
height: 48px
|
|
}
|
|
|
|
.tv-control-input--connect,
|
|
.tv-control-textarea--connect,
|
|
.tv-dialog__chat-username-input--connect,
|
|
.tv-dialog__widetextarea--connect {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_left,
|
|
.tv-control-textarea--connect_left,
|
|
.tv-dialog__chat-username-input--connect_left,
|
|
.tv-dialog__widetextarea--connect_left {
|
|
border-left: none;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_right,
|
|
.tv-control-textarea--connect_right,
|
|
.tv-dialog__chat-username-input--connect_right,
|
|
.tv-dialog__widetextarea--connect_right {
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:hover,
|
|
.feature-no-touch .tv-control-textarea:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea:hover {
|
|
border-color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-textarea:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__widetextarea:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:focus,
|
|
.feature-no-touch .tv-control-textarea:focus,
|
|
.feature-no-touch .tv-dialog__chat-username-input:focus,
|
|
.feature-no-touch .tv-dialog__widetextarea:focus,
|
|
.feature-touch .tv-control-input:focus,
|
|
.feature-touch .tv-control-textarea:focus,
|
|
.feature-touch .tv-dialog__chat-username-input:focus,
|
|
.feature-touch .tv-dialog__widetextarea:focus {
|
|
border-color: #3bb3e4 !important;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-control-input[readonly],
|
|
.tv-control-textarea[readonly],
|
|
.tv-dialog__chat-username-input[readonly],
|
|
.tv-dialog__widetextarea[readonly] {
|
|
color: #8a8a8a;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input[readonly]:focus,
|
|
.feature-no-touch .tv-control-input[readonly]:hover,
|
|
.feature-no-touch .tv-control-textarea[readonly]:focus,
|
|
.feature-no-touch .tv-control-textarea[readonly]:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input[readonly]:focus,
|
|
.feature-no-touch .tv-dialog__chat-username-input[readonly]:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea[readonly]:focus,
|
|
.feature-no-touch .tv-dialog__widetextarea[readonly]:hover,
|
|
.feature-touch .tv-control-input[readonly]:focus,
|
|
.feature-touch .tv-control-textarea[readonly]:focus,
|
|
.feature-touch .tv-dialog__chat-username-input[readonly]:focus,
|
|
.feature-touch .tv-dialog__widetextarea[readonly]:focus {
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.tv-control-input--readonly_dark,
|
|
.tv-control-input--readonly_dark[readonly],
|
|
.tv-control-textarea--readonly_dark,
|
|
.tv-control-textarea--readonly_dark[readonly],
|
|
.tv-dialog__chat-username-input--readonly_dark,
|
|
.tv-dialog__chat-username-input--readonly_dark[readonly],
|
|
.tv-dialog__widetextarea--readonly_dark,
|
|
.tv-dialog__widetextarea--readonly_dark[readonly] {
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .tv-control-input--readonly_dark,
|
|
html.theme-dark .tv-control-input--readonly_dark[readonly],
|
|
html.theme-dark .tv-control-textarea--readonly_dark,
|
|
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
|
|
html.theme-dark .tv-dialog__chat-username-input--readonly_dark,
|
|
html.theme-dark .tv-dialog__chat-username-input--readonly_dark[readonly],
|
|
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
|
|
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-control-input.i-disabled,
|
|
.tv-control-input[disabled],
|
|
.tv-control-textarea.i-disabled,
|
|
.tv-control-textarea[disabled],
|
|
.tv-dialog__chat-username-input.i-disabled,
|
|
.tv-dialog__chat-username-input[disabled],
|
|
.tv-dialog__widetextarea.i-disabled,
|
|
.tv-dialog__widetextarea[disabled] {
|
|
color: #ececec;
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled,
|
|
html.theme-dark .tv-control-input[disabled],
|
|
html.theme-dark .tv-control-textarea.i-disabled,
|
|
html.theme-dark .tv-control-textarea[disabled],
|
|
html.theme-dark .tv-dialog__chat-username-input.i-disabled,
|
|
html.theme-dark .tv-dialog__chat-username-input[disabled],
|
|
html.theme-dark .tv-dialog__widetextarea.i-disabled,
|
|
html.theme-dark .tv-dialog__widetextarea[disabled] {
|
|
border-color: #262b3e;
|
|
color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
.tv-control-input[disabled]::-webkit-input-placeholder,
|
|
.tv-control-textarea.i-disabled::-webkit-input-placeholder,
|
|
.tv-control-textarea[disabled]::-webkit-input-placeholder,
|
|
.tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
|
|
.tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
|
|
.tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder,
|
|
.tv-dialog__widetextarea[disabled]::-webkit-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled:-ms-input-placeholder,
|
|
.tv-control-input.i-disabled::-ms-input-placeholder,
|
|
.tv-control-input[disabled]:-ms-input-placeholder,
|
|
.tv-control-input[disabled]::-ms-input-placeholder,
|
|
.tv-control-textarea.i-disabled:-ms-input-placeholder,
|
|
.tv-control-textarea.i-disabled::-ms-input-placeholder,
|
|
.tv-control-textarea[disabled]:-ms-input-placeholder,
|
|
.tv-control-textarea[disabled]::-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
|
|
.tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
|
|
.tv-dialog__widetextarea.i-disabled:-ms-input-placeholder,
|
|
.tv-dialog__widetextarea.i-disabled::-ms-input-placeholder,
|
|
.tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
|
|
.tv-dialog__widetextarea[disabled]::-ms-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled::placeholder,
|
|
.tv-control-input[disabled]::placeholder,
|
|
.tv-control-textarea.i-disabled::placeholder,
|
|
.tv-control-textarea[disabled]::placeholder,
|
|
.tv-dialog__chat-username-input.i-disabled::placeholder,
|
|
.tv-dialog__chat-username-input[disabled]::placeholder,
|
|
.tv-dialog__widetextarea.i-disabled::placeholder,
|
|
.tv-dialog__widetextarea[disabled]::placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-textarea.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-textarea[disabled]::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea[disabled]::-webkit-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-textarea[disabled]::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea[disabled]::-ms-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::placeholder,
|
|
html.theme-dark .tv-control-textarea.i-disabled::placeholder,
|
|
html.theme-dark .tv-control-textarea[disabled]::placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input.i-disabled::placeholder,
|
|
html.theme-dark .tv-dialog__chat-username-input[disabled]::placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea.i-disabled::placeholder,
|
|
html.theme-dark .tv-dialog__widetextarea[disabled]::placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-disabled:hover,
|
|
.feature-no-touch .tv-control-input[disabled]:hover,
|
|
.feature-no-touch .tv-control-textarea.i-disabled:hover,
|
|
.feature-no-touch .tv-control-textarea[disabled]:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input.i-disabled:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input[disabled]:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea.i-disabled:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea[disabled]:hover {
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-textarea.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-textarea[disabled]:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input[disabled]:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__widetextarea.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-dialog__widetextarea[disabled]:hover {
|
|
border-color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-error,
|
|
.tv-control-textarea.i-error,
|
|
.tv-dialog__chat-username-input.i-error,
|
|
.tv-dialog__widetextarea.i-error {
|
|
border-color: #ff4a68 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:hover,
|
|
.feature-no-touch .tv-control-textarea.i-error:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input.i-error:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea.i-error:hover {
|
|
border-color: #f24965 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:focus,
|
|
.feature-no-touch .tv-control-textarea.i-error:focus,
|
|
.feature-no-touch .tv-dialog__chat-username-input.i-error:focus,
|
|
.feature-no-touch .tv-dialog__widetextarea.i-error:focus,
|
|
.feature-touch .tv-control-input.i-error:focus,
|
|
.feature-touch .tv-control-textarea.i-error:focus,
|
|
.feature-touch .tv-dialog__chat-username-input.i-error:focus,
|
|
.feature-touch .tv-dialog__widetextarea.i-error:focus {
|
|
border-color: #ff173e !important
|
|
}
|
|
|
|
.tv-control-input.i-success,
|
|
.tv-control-textarea.i-success,
|
|
.tv-dialog__chat-username-input.i-success,
|
|
.tv-dialog__widetextarea.i-success {
|
|
border-color: #3cbc98 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:hover,
|
|
.feature-no-touch .tv-control-textarea.i-success:hover,
|
|
.feature-no-touch .tv-dialog__chat-username-input.i-success:hover,
|
|
.feature-no-touch .tv-dialog__widetextarea.i-success:hover {
|
|
border-color: #38b395 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:focus,
|
|
.feature-no-touch .tv-control-textarea.i-success:focus,
|
|
.feature-no-touch .tv-dialog__chat-username-input.i-success:focus,
|
|
.feature-no-touch .tv-dialog__widetextarea.i-success:focus,
|
|
.feature-touch .tv-control-input.i-success:focus,
|
|
.feature-touch .tv-control-textarea.i-success:focus,
|
|
.feature-touch .tv-dialog__chat-username-input.i-success:focus,
|
|
.feature-touch .tv-dialog__widetextarea.i-success:focus {
|
|
border-color: #00a97f !important
|
|
}
|
|
|
|
.tv-control-input--file {
|
|
display: none
|
|
}
|
|
|
|
.tv-control-textarea,
|
|
.tv-dialog__widetextarea {
|
|
height: auto;
|
|
padding-top: 9px;
|
|
padding-bottom: 9px
|
|
}
|
|
|
|
.tv-control-textarea--readonly_dark,
|
|
.tv-control-textarea--readonly_dark[readonly],
|
|
.tv-dialog__widetextarea--readonly_dark,
|
|
.tv-dialog__widetextarea--readonly_dark[readonly] {
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .tv-control-textarea--readonly_dark,
|
|
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
|
|
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
|
|
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-dialog {
|
|
display: inline-block;
|
|
position: relative;
|
|
min-width: 280px;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
transition-property: none;
|
|
background-color: #fff;
|
|
border-radius: 1px;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5)
|
|
}
|
|
|
|
html.theme-dark .tv-dialog {
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dialog .tv-text ul:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.tv-dialog--animated {
|
|
transition: transform .2625s cubic-bezier(.215, .61, .355, 1), opacity .2625s cubic-bezier(.215, .61, .355, 1), box-shadow .2625s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.tv-dialog.i-focused {
|
|
box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .275)
|
|
}
|
|
|
|
.tv-dialog--signin {
|
|
transition-delay: .2625s
|
|
}
|
|
|
|
.tv-dialog--signin.i-closing {
|
|
transition-delay: 1ms;
|
|
transition-duration: .175s
|
|
}
|
|
|
|
.tv-dialog--signin,
|
|
.tv-dialog--signin.i-focused {
|
|
box-shadow: none !important;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.theme-dark .tv-dialog--signin,
|
|
html.theme-dark .tv-dialog--signin.i-focused {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dialog--popup {
|
|
width: calc(100% - 20px)
|
|
}
|
|
|
|
.tv-dialog__modal-wrap,
|
|
.tv-dialog__overlay {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 110;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.tv-dialog__overlay {
|
|
background-color: rgba(0, 0, 0, .05);
|
|
transition: opacity .2625s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.tv-dialog__overlay.i-closed {
|
|
opacity: 0;
|
|
transition-duration: .175s;
|
|
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dialog__overlay--signin,
|
|
html.theme-dark .tv-dialog__overlay--signin {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dialog__overlay--signin.i-closing {
|
|
transition-delay: .175s
|
|
}
|
|
|
|
.tv-dialog__modal-wrap {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.tv-dialog__modal-wrap.i-closed .tv-dialog {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
transition-duration: .175s;
|
|
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin {
|
|
transform: scale(.9)
|
|
}
|
|
|
|
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin.i-closing {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.tv-dialog__modal-container {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
text-align: center;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.tv-dialog__modal-container:after {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 100%
|
|
}
|
|
|
|
.tv-dialog__modal-body {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 40px 20px;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
.tv-dialog__modal-body {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.tv-dialog__error {
|
|
position: absolute;
|
|
padding: 30px;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
color: #ff4a68;
|
|
background: #fff;
|
|
border: 1px solid #ff4a68;
|
|
border-radius: 3px 3px 0 0;
|
|
transform-origin: top center;
|
|
box-sizing: border-box;
|
|
transition: transform .175s cubic-bezier(.215, .61, .355, 1), opacity .175s cubic-bezier(.215, .61, .355, 1);
|
|
z-index: 1
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__error {
|
|
background: #1c2030
|
|
}
|
|
|
|
.tv-dialog__error.i-slided {
|
|
opacity: 0;
|
|
transform: translateY(-5px) scaleY(.85);
|
|
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dialog__error.i-fixed {
|
|
margin: 0 auto;
|
|
position: fixed;
|
|
top: 10px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__error {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.tv-dialog__error a {
|
|
color: #ff4a68;
|
|
transition: color .35s ease;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.tv-dialog__error a:visited {
|
|
color: #ff4a68;
|
|
fill: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .tv-dialog__error a:hover {
|
|
color: #f24965;
|
|
fill: #f24965;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-dialog__error a:active,
|
|
.feature-touch .tv-dialog__error a:active {
|
|
color: #ff173e;
|
|
fill: #ff173e;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dialog__error--dark {
|
|
border-radius: 3px;
|
|
border-color: #4e5866;
|
|
background-color: #2a2c39
|
|
}
|
|
|
|
.tv-dialog__header {
|
|
display: flex;
|
|
padding-top: 10px
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-dialog__header--adaptive {
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.tv-dialog__header-logo {
|
|
margin-right: 20px;
|
|
margin-bottom: 10px;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.tv-dialog__header-logo svg {
|
|
max-height: 95px
|
|
}
|
|
|
|
.tv-dialog__header-title {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.tv-dialog__section {
|
|
padding: 30px;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__section {
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.tv-dialog__section--last,
|
|
.tv-dialog__section--no-border,
|
|
.tv-dialog__section:last-child {
|
|
border-bottom: none !important
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__section {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.tv-dialog__section--no-padding_bottom {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.tv-dialog__section--actions {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
padding-bottom: 40px;
|
|
text-align: right
|
|
}
|
|
|
|
.tv-dialog__section--actions_with-help:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.tv-dialog__section--actions_with-border {
|
|
border-top: 1px solid;
|
|
border-top-color: #dadde0;
|
|
padding-top: 29px
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__section--actions_with-border {
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__section--actions_with-border {
|
|
padding: 19px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-dialog__section--actions-adaptive {
|
|
display: flex;
|
|
flex-flow: column-reverse wrap
|
|
}
|
|
|
|
.tv-dialog__section--actions-adaptive .tv-button {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.tv-dialog__section--actions-adaptive .tv-control-checkbox {
|
|
order: 1
|
|
}
|
|
|
|
.tv-dialog__section--actions-adaptive .tv-button:first-child,
|
|
.tv-dialog__section--actions-adaptive .tv-button:last-child {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
.tv-dialog__section--title {
|
|
padding-right: 70px
|
|
}
|
|
|
|
.tv-dialog__section--one-line {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-dialog__grab {
|
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
|
|
cursor: -webkit-grab;
|
|
cursor: grab
|
|
}
|
|
|
|
.feature-no-touch .tv-dialog__grab:active,
|
|
.feature-touch .tv-dialog__grab:active,
|
|
.ui-draggable-dragging .tv-dialog__grab {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.tv-dialog__title {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__title {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-dialog__title--relative {
|
|
position: relative
|
|
}
|
|
|
|
.tv-dialog__close {
|
|
position: absolute;
|
|
padding: 15px;
|
|
top: 17px;
|
|
right: 15px;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
transition: opacity .35s ease;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__close {
|
|
top: 7px;
|
|
right: 7px
|
|
}
|
|
}
|
|
|
|
.feature-no-touch .tv-dialog__close:hover {
|
|
opacity: 1;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dialog__close svg {
|
|
display: block;
|
|
width: 13px;
|
|
height: 13px;
|
|
fill: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__close svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
.tv-dialog__close--new-style svg {
|
|
width: 21px;
|
|
height: 21px;
|
|
fill: #4c525e
|
|
}
|
|
|
|
.tv-dialog__widetextarea {
|
|
padding: 25px 30px;
|
|
border-radius: 0;
|
|
border-left: none;
|
|
border-right: none;
|
|
background-color: #fff;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__widetextarea {
|
|
color: #c5cbce;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__widetextarea {
|
|
padding: 15px 20px
|
|
}
|
|
}
|
|
|
|
.tv-dialog__expand-section {
|
|
margin: 0 -30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__expand-section {
|
|
margin: 0 -20px
|
|
}
|
|
}
|
|
|
|
.tv-dialog--popup {
|
|
position: fixed
|
|
}
|
|
|
|
.tv-dialog--popup.i-closed {
|
|
opacity: 0;
|
|
transform: scale(.925)
|
|
}
|
|
|
|
.tv-dialog__help {
|
|
float: left;
|
|
position: relative;
|
|
top: 8px;
|
|
margin-right: 15px;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #b4b4b4;
|
|
border: 1px solid;
|
|
border-color: #b4b4b4;
|
|
border-radius: 50%;
|
|
transition: border-color .35s ease, color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__help {
|
|
border-color: #4c525e;
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-dialog__help:after {
|
|
content: "?";
|
|
position: absolute;
|
|
display: inline-block;
|
|
top: 2px;
|
|
left: 7px
|
|
}
|
|
|
|
.feature-no-touch .tv-dialog__help:hover {
|
|
color: #212121;
|
|
border: 1px solid;
|
|
border-color: #4a4a4a;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dialog__help:hover {
|
|
border-color: #c5cbce
|
|
}
|
|
|
|
.tv-dialog__username-pretext {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.tv-dialog__chat-username-input {
|
|
display: inline-block;
|
|
border-width: 0;
|
|
width: 85%;
|
|
height: 15px;
|
|
background-color: #fff;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__chat-username-input {
|
|
color: #c5cbce;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dialog__chat-username-input--error {
|
|
background-color: #daa
|
|
}
|
|
|
|
html.theme-dark .tv-dialog__chat-username-input--error {
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.tv-dialog__scroll-wrap {
|
|
position: relative
|
|
}
|
|
|
|
.tv-dialog__scroll-wrap.i-scrollable {
|
|
overflow: hidden
|
|
}
|
|
|
|
.feature-touch .tv-dialog__scroll-wrap.i-scrollable {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.tv-dialog__scroll-wrap-inner {
|
|
position: relative;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
|
|
padding-bottom: 30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
|
|
padding-bottom: 20px
|
|
}
|
|
}
|
|
|
|
.i-hidden {
|
|
display: none !important
|
|
}
|
|
|
|
.i-invisible {
|
|
visibility: hidden !important
|
|
}
|
|
|
|
.i-clearfix:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.i-align_left {
|
|
text-align: left !important
|
|
}
|
|
|
|
.i-align_right {
|
|
text-align: right !important
|
|
}
|
|
|
|
.i-align_center {
|
|
text-align: center !important
|
|
}
|
|
|
|
.i-float_left {
|
|
float: left !important
|
|
}
|
|
|
|
.i-float_right {
|
|
float: right !important
|
|
}
|
|
|
|
.i-float_none {
|
|
float: none !important
|
|
}
|
|
|
|
@media screen and (min-width:1020px) {
|
|
.i-device-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
.i-desktop-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:479px) {
|
|
.i-phones-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.i-except-phones-only {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
.tv-ticker {
|
|
display: inline;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 27px;
|
|
margin: 0 0 0 -13px
|
|
}
|
|
|
|
.tv-ticker__btn {
|
|
width: 7px;
|
|
height: 8px;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
background: #fff;
|
|
fill: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .tv-ticker__btn {
|
|
background: #131722;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.tv-ticker__btn>svg {
|
|
display: block;
|
|
width: 7px;
|
|
height: 8px
|
|
}
|
|
|
|
.tv-ticker__btn--up>svg {
|
|
transform: scaleY(-1)
|
|
}
|
|
|
|
.tv-ticker__btn--down {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-ticker__btn:hover {
|
|
background-color: #f2f2f2
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-ticker__btn:hover {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .tv-ticker__btn:active,
|
|
.feature-touch .tv-ticker__btn:active,
|
|
.tv-ticker__btn.i-active {
|
|
background-color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-ticker__btn:active,
|
|
html.feature-touch.theme-dark .tv-ticker__btn:active,
|
|
html.theme-dark .tv-ticker__btn.i-active {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch input:focus+.tv-ticker .tv-ticker__btn,
|
|
.feature-touch input:focus+.tv-ticker .tv-ticker__btn {
|
|
border-color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
input:disabled+.tv-ticker {
|
|
display: none
|
|
}
|
|
|
|
.group-wWM3zP_M- {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
flex: 0 0 auto;
|
|
background-color: #fff;
|
|
margin-left: 1px;
|
|
border-radius: 0 0 2px 2px;
|
|
overflow: hidden;
|
|
min-width: 38px;
|
|
justify-content: center;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .group-wWM3zP_M- {
|
|
background-color: #131722
|
|
}
|
|
|
|
.group-wWM3zP_M-.noLeftDecoration-15F5a1TB- {
|
|
margin-left: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.group-wWM3zP_M-.noRightDecoration-2GcAAgVb- {
|
|
margin-right: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.group-wWM3zP_M-.noMinimalWidth-1sbl_ff5- {
|
|
min-width: 0
|
|
}
|
|
|
|
.group-wWM3zP_M-:first-child {
|
|
border-bottom-left-radius: 4px;
|
|
margin-left: 0
|
|
}
|
|
|
|
.group-wWM3zP_M-:last-child {
|
|
border-bottom-right-radius: 4px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.wrap-3tiHesTk- {
|
|
display: flex;
|
|
height: 38px;
|
|
flex: 1 1 auto;
|
|
min-width: 0
|
|
}
|
|
|
|
.button-2ioYhFEY- {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
color: #4c525e;
|
|
transition: background-color 60ms ease, opacity 60ms ease, color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .button-2ioYhFEY- {
|
|
color: #758696
|
|
}
|
|
|
|
.button-2ioYhFEY- svg {
|
|
display: block;
|
|
fill: currentColor
|
|
}
|
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc- {
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc- {
|
|
color: #758696
|
|
}
|
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-,
|
|
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
|
|
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
|
|
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
|
|
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
|
|
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
|
|
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
|
|
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
|
|
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
|
|
color: #1592e6
|
|
}
|
|
|
|
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
|
|
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
|
|
html.feature-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
|
|
html.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa- {
|
|
color: #ff7200
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
|
|
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
|
|
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.button-2ioYhFEY-.isDisabled-1_tmrLfP- {
|
|
opacity: .3
|
|
}
|
|
|
|
.button-2ioYhFEY-.isDisabled-1_tmrLfP-,
|
|
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active,
|
|
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:hover,
|
|
.feature-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active {
|
|
background-color: transparent
|
|
}
|
|
|
|
.icon-beK_KS0k-+.text-1sK7vbvh-,
|
|
.text-1sK7vbvh-+.icon-beK_KS0k- {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.wrap-3K4w_7te- {
|
|
display: flex;
|
|
align-items: center;
|
|
color: #8797a5;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .wrap-3K4w_7te- {
|
|
color: #8797a5
|
|
}
|
|
|
|
.wrap-3K4w_7te- .icon-1dNdRXKB- {
|
|
margin: 0 1px 0 8px
|
|
}
|
|
|
|
.wrap-3K4w_7te- svg {
|
|
fill: currentColor
|
|
}
|
|
|
|
.wrap-1GG7GnNO- {
|
|
position: relative;
|
|
direction: ltr;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.wrap-1GG7GnNO- svg {
|
|
display: block
|
|
}
|
|
|
|
.scrollWrap-1icOiezT- {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar {
|
|
width: 5px
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar-thumb {
|
|
border: 1px solid #f2f3f5;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar-track {
|
|
background-color: #f2f3f5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- {
|
|
padding-bottom: 100px
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- .sb-scrollbar-wrap {
|
|
display: none
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0
|
|
}
|
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-thumb,
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-track {
|
|
display: none
|
|
}
|
|
|
|
.content-3_f7yH29- {
|
|
display: table;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon-2fZsO52g- {
|
|
display: block;
|
|
transition: transform 60ms ease
|
|
}
|
|
|
|
.scrollLeft-3OUcqYWy-,
|
|
.scrollRight-UDsPWprP- {
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 24px;
|
|
background-color: rgba(38, 43, 62, .7);
|
|
color: #fff;
|
|
transition: background-color .35s ease, transform .11666667s cubic-bezier(.55, .055, .675, .19);
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:active,
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:hover,
|
|
.feature-no-touch .scrollRight-UDsPWprP-:active,
|
|
.feature-no-touch .scrollRight-UDsPWprP-:hover,
|
|
.feature-touch .scrollLeft-3OUcqYWy-:active,
|
|
.feature-touch .scrollRight-UDsPWprP-:active {
|
|
transition: background-color 58.33333ms ease, transform .11666667s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:hover .icon-2fZsO52g-,
|
|
.feature-no-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g-,
|
|
.feature-no-touch .scrollRight-UDsPWprP-:hover .icon-2fZsO52g-,
|
|
.feature-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
|
|
.feature-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g- {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.scrollLeft-3OUcqYWy-.isVisible-zZk7F7wr-,
|
|
.scrollRight-UDsPWprP-.isVisible-zZk7F7wr- {
|
|
transform: translateZ(0);
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.scrollLeft-3OUcqYWy- {
|
|
left: 0;
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
|
|
.scrollLeft-3OUcqYWy- .iconWrap-1U8J-Qkw- {
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.scrollRight-UDsPWprP- {
|
|
right: 0;
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
|
|
.scrollRight-UDsPWprP- .iconWrap-1U8J-Qkw- {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.fadeLeft-31arUEZY-,
|
|
.fadeRight-36gcjOQb- {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
width: 50px;
|
|
height: 100%;
|
|
top: 0
|
|
}
|
|
|
|
.fadeLeft-31arUEZY-.isVisible-zZk7F7wr-,
|
|
.fadeRight-36gcjOQb-.isVisible-zZk7F7wr- {
|
|
transform: translateZ(0);
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.fadeLeft-31arUEZY- {
|
|
left: 0;
|
|
background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
|
|
html.theme-dark .fadeLeft-31arUEZY- {
|
|
background-image: linear-gradient(270deg, rgba(19, 23, 34, 0), #131722)
|
|
}
|
|
|
|
.fadeRight-36gcjOQb- {
|
|
right: 0;
|
|
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
|
|
html.theme-dark .fadeRight-36gcjOQb- {
|
|
background-image: linear-gradient(90deg, rgba(19, 23, 34, 0), #131722)
|
|
}
|
|
|
|
.fake-37paHC6T- {
|
|
display: inline-block;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
top: 0
|
|
}
|
|
|
|
.inner-v8eiKwdM-,
|
|
.subGroup-1JpgB9zD- {
|
|
display: flex;
|
|
height: 100%
|
|
}
|
|
|
|
.subGroup-1JpgB9zD- {
|
|
align-items: center;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.subGroup-1JpgB9zD->:not(:first-child) {
|
|
position: relative;
|
|
margin-left: 1px
|
|
}
|
|
|
|
.subGroup-1JpgB9zD->:not(:first-child):before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 8px;
|
|
bottom: 8px;
|
|
left: -1px;
|
|
width: 1px;
|
|
background-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .subGroup-1JpgB9zD->:not(:first-child):before {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.fill-2axUON87- {
|
|
flex: 1 1 100%;
|
|
min-width: 0
|
|
}
|
|
|
|
.fill-2axUON87-.minimalPriority-1MGEuVHu- {
|
|
flex: 1 1 0%
|
|
}
|
|
|
|
.button-3xrjDzA4- {
|
|
padding: 0 10px 0 6px
|
|
}
|
|
|
|
.iconButton-3vyD3BPg- {
|
|
padding: 0 5px
|
|
}
|
|
|
|
.hidden-2kSvETGo- {
|
|
display: none
|
|
}
|
|
|
|
.symbolSearch-3I4QF1U_- {
|
|
max-width: 500px;
|
|
flex: 1 1 100%;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.toolbar-2n2cwgp5- {
|
|
position: relative;
|
|
height: 100%;
|
|
padding: 0 6px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.toolbar-2n2cwgp5-.isHidden-GTob3P_C-,
|
|
html.theme-dark .toolbar-2n2cwgp5-.isHidden-GTob3P_C- {
|
|
background-color: transparent
|
|
}
|
|
|
|
.toolbar-2n2cwgp5-.isHidden-GTob3P_C- .overflowWrap-PWdgT-U_- {
|
|
display: none
|
|
}
|
|
|
|
.overflowWrap-PWdgT-U_- {
|
|
overflow: hidden;
|
|
height: 38px
|
|
}
|
|
|
|
.customButton--jqJTfH5- {
|
|
color: #4c525e;
|
|
transition: color 60ms ease;
|
|
padding: 0 10px
|
|
}
|
|
|
|
html.theme-dark .customButton--jqJTfH5- {
|
|
color: #758696
|
|
}
|
|
|
|
.customButton--jqJTfH5-.hovered-1mGRUp3y-,
|
|
.feature-no-touch .customButton--jqJTfH5-:active,
|
|
.feature-no-touch .customButton--jqJTfH5-:hover,
|
|
.feature-touch .customButton--jqJTfH5-:active {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:active,
|
|
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:hover,
|
|
html.feature-touch.theme-dark .customButton--jqJTfH5-:active,
|
|
html.theme-dark .customButton--jqJTfH5-.hovered-1mGRUp3y- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.wrap-1h7U5nKd- {
|
|
position: relative;
|
|
direction: ltr;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.wrap-1h7U5nKd- svg {
|
|
display: block
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe- {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar {
|
|
width: 5px
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-thumb {
|
|
border: 1px solid #f2f3f5;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-track {
|
|
background-color: #f2f3f5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- {
|
|
padding-right: 100px
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- .sb-scrollbar-wrap {
|
|
display: none
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0
|
|
}
|
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-thumb,
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-track {
|
|
display: none
|
|
}
|
|
|
|
.content-YhoA_L2m- {
|
|
position: relative
|
|
}
|
|
|
|
.icon-2xObs8DI- {
|
|
display: block;
|
|
transition: transform 60ms ease
|
|
}
|
|
|
|
.scrollBot-2HHpZNuf-,
|
|
.scrollTop-1eXi8ltS- {
|
|
display: flex;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
opacity: .7;
|
|
height: 24px;
|
|
background-color: #262b3e;
|
|
color: #fff;
|
|
transition: background-color .35s ease, transform .11666667s cubic-bezier(.55, .055, .675, .19);
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
html.theme-dark .scrollBot-2HHpZNuf-,
|
|
html.theme-dark .scrollTop-1eXi8ltS- {
|
|
color: #000;
|
|
background-color: #8797a5
|
|
}
|
|
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:active,
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:hover,
|
|
.feature-no-touch .scrollTop-1eXi8ltS-:active,
|
|
.feature-no-touch .scrollTop-1eXi8ltS-:hover,
|
|
.feature-touch .scrollBot-2HHpZNuf-:active,
|
|
.feature-touch .scrollTop-1eXi8ltS-:active {
|
|
transition: background-color 58.33333ms ease, transform .11666667s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:hover .icon-2xObs8DI-,
|
|
.feature-no-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI-,
|
|
.feature-no-touch .scrollTop-1eXi8ltS-:hover .icon-2xObs8DI-,
|
|
.feature-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
|
|
.feature-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI- {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.scrollBot-2HHpZNuf-.isVisible-3zZOL3TO-,
|
|
.scrollTop-1eXi8ltS-.isVisible-3zZOL3TO- {
|
|
transform: translateZ(0);
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.scrollTop-1eXi8ltS- {
|
|
top: 0;
|
|
transform: translate3d(0, -100%, 0)
|
|
}
|
|
|
|
.scrollTop-1eXi8ltS- .iconWrap-2Q69rfEO- {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.scrollBot-2HHpZNuf- {
|
|
bottom: 0;
|
|
transform: translate3d(0, 100%, 0)
|
|
}
|
|
|
|
.fadeBot-3JstnoWq-,
|
|
.fadeTop-3oJzNyTq- {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 24px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.fadeBot-3JstnoWq-.isVisible-3zZOL3TO-,
|
|
.fadeTop-3oJzNyTq-.isVisible-3zZOL3TO- {
|
|
transform: translateZ(0);
|
|
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.fadeTop-3oJzNyTq- {
|
|
top: 0;
|
|
transform: translate3d(0, -100%, 0);
|
|
background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff)
|
|
}
|
|
|
|
html.theme-dark .fadeTop-3oJzNyTq- {
|
|
background-image: linear-gradient(0deg, rgba(19, 23, 34, 0), #131722)
|
|
}
|
|
|
|
.fadeBot-3JstnoWq- {
|
|
bottom: 0;
|
|
transform: translate3d(0, 100%, 0);
|
|
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
|
|
}
|
|
|
|
html.theme-dark .fadeBot-3JstnoWq- {
|
|
background-image: linear-gradient(180deg, rgba(19, 23, 34, 0), #131722)
|
|
}
|
|
|
|
.menuWrap-23ejLU7n- {
|
|
text-align: left;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
z-index: 500;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 5px 0 rgba(19, 23, 34, .3)
|
|
}
|
|
|
|
html.theme-dark .menuWrap-23ejLU7n- {
|
|
background-color: #1c2030;
|
|
box-shadow: 0 2px 5px 0 #000
|
|
}
|
|
|
|
.menuWrap-23ejLU7n-.isMeasuring-26jTjsBf- {
|
|
position: fixed;
|
|
top: 100%;
|
|
left: 100%;
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.scrollWrap-2ReEQpR0- {
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-ms-overflow-style: scrollbar;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.scrollWrap-2ReEQpR0-::-webkit-scrollbar {
|
|
width: 5px
|
|
}
|
|
|
|
.scrollWrap-2ReEQpR0-::-webkit-scrollbar-thumb {
|
|
border: 1px solid #f2f3f5;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
.scrollWrap-2ReEQpR0-::-webkit-scrollbar-track {
|
|
background-color: #f2f3f5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.menuBox-3CsColoQ- {
|
|
padding: 6px 0
|
|
}
|
|
|
|
.isHidden-1CunrsTV- {
|
|
display: none
|
|
}
|
|
|
|
.button-263WXsg-- {
|
|
position: relative;
|
|
width: 52px;
|
|
height: 36px;
|
|
color: #758696;
|
|
cursor: default;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.button-263WXsg--,
|
|
.button-263WXsg-- .bg-1kRv1Pf2- {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.button-263WXsg-- .bg-1kRv1Pf2- {
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.button-263WXsg--.isBgFull-CmoDGRQP- .bg-1kRv1Pf2- {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0
|
|
}
|
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F- {
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F- {
|
|
color: #758696
|
|
}
|
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-,
|
|
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:active,
|
|
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:hover,
|
|
.feature-touch .button-263WXsg-- .icon-1Y-3MM9F-:active {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active,
|
|
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:hover,
|
|
html.feature-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active,
|
|
html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F- svg {
|
|
fill: currentColor;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
|
|
.feature-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
|
|
color: #1592e6
|
|
}
|
|
|
|
html.theme-sa .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
|
|
color: #ff7200
|
|
}
|
|
|
|
html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
|
|
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
|
|
color: #1592e6
|
|
}
|
|
|
|
html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
|
|
html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
|
|
html.feature-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
|
|
color: #ff7200
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
|
|
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
|
|
background-color: #edeef0
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
|
|
background-color: #2e3140
|
|
}
|
|
|
|
.button-263WXsg--.isGrayed-1kWObWVr- {
|
|
opacity: .3;
|
|
cursor: default
|
|
}
|
|
|
|
.button-263WXsg--.isGrayed-1kWObWVr-,
|
|
.button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
|
|
.button-263WXsg--.isTransparent-sRmateFl-,
|
|
.button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
|
|
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover,
|
|
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
|
|
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
|
|
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover,
|
|
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
|
|
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
|
|
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
|
|
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
|
|
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover,
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
|
|
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
|
|
html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-,
|
|
html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
|
|
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl-,
|
|
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2- {
|
|
background-color: transparent
|
|
}
|
|
|
|
.button-263WXsg--.isHidden-2VzaskeU- {
|
|
display: none
|
|
}
|
|
|
|
.dropdown-3_ASLzSj- {
|
|
position: relative
|
|
}
|
|
|
|
.buttonWrap-3fZWypJl- {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.control-1TyEfSIx- {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 52px;
|
|
box-sizing: border-box;
|
|
touch-action: manipulation
|
|
}
|
|
|
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok- {
|
|
opacity: 1
|
|
}
|
|
|
|
.arrow-1cFKS5Ok- {
|
|
display: flex;
|
|
position: absolute;
|
|
opacity: .7;
|
|
top: 1px;
|
|
right: 0;
|
|
bottom: 1px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 12px;
|
|
cursor: default;
|
|
transform: translateX(100%);
|
|
box-sizing: border-box;
|
|
border-radius: 2px 0 0 2px;
|
|
transition: transform .25s cubic-bezier(.215, .61, .355, 1), opacity .25s ease
|
|
}
|
|
|
|
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om-,
|
|
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- svg {
|
|
transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease
|
|
}
|
|
|
|
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- svg {
|
|
display: block;
|
|
width: 4px;
|
|
height: 7px;
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-,
|
|
.feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-,
|
|
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok- {
|
|
transform: translateX(0);
|
|
opacity: .7
|
|
}
|
|
|
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover,
|
|
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover,
|
|
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover svg,
|
|
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg,
|
|
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
|
|
fill: #758696;
|
|
transform: translateX(1px)
|
|
}
|
|
|
|
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
|
|
transform: translateX(-1px)
|
|
}
|
|
|
|
.feature-no-touch .isGrayed-xr-mULNo- .control-1TyEfSIx-:hover .buttonWrap-3fZWypJl-,
|
|
.feature-touch .isGrayed-xr-mULNo- .control-1TyEfSIx- .buttonWrap-3fZWypJl- {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.separator-25lkUpN-- {
|
|
margin: 6px 0;
|
|
height: 1px;
|
|
background-color: #e1ecf2
|
|
}
|
|
|
|
html.theme-dark .separator-25lkUpN-- {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.wrap-2I6DAtXG- {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0 5px;
|
|
width: 390px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.buttonIcon-2rBwJ1QM-,
|
|
.item-31XunD5q- {
|
|
font-family: FontAwesome;
|
|
font-size: 19px
|
|
}
|
|
|
|
.item-31XunD5q- {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 38px;
|
|
height: 38px;
|
|
cursor: pointer;
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .item-31XunD5q- {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .item-31XunD5q-:active,
|
|
.feature-no-touch .item-31XunD5q-:hover,
|
|
.feature-touch .item-31XunD5q-:active,
|
|
.item-31XunD5q-.hovered-2A1Cpat5- {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-31XunD5q-:active,
|
|
html.feature-no-touch.theme-dark .item-31XunD5q-:hover,
|
|
html.feature-touch.theme-dark .item-31XunD5q-:active,
|
|
html.theme-dark .item-31XunD5q-.hovered-2A1Cpat5- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .button-21ihqWJ8-:hover .buttonIcon-2rBwJ1QM- {
|
|
transition-duration: 60ms
|
|
}
|
|
|
|
.item--pyC03Z7- {
|
|
overflow: hidden;
|
|
height: 36px;
|
|
transition: height 175ms cubic-bezier(.645, .045, .355, 1), opacity .35s ease
|
|
}
|
|
|
|
.enter-q8JpeMGW-,
|
|
.enterActive-2R8N33Bn- {
|
|
opacity: 0
|
|
}
|
|
|
|
.enter-q8JpeMGW- {
|
|
height: 0
|
|
}
|
|
|
|
.enterActive-2R8N33Bn- {
|
|
height: 36px
|
|
}
|
|
|
|
.leave-3723J30-- {
|
|
height: 0;
|
|
opacity: 0;
|
|
transition: height 175ms cubic-bezier(.645, .045, .355, 1) 87.5ms, opacity 175ms cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.star-uhAI7sV4- {
|
|
display: block;
|
|
opacity: .7;
|
|
box-sizing: border-box;
|
|
transition: opacity .35s ease;
|
|
padding: 4px;
|
|
margin: -4px
|
|
}
|
|
|
|
.star-uhAI7sV4- svg {
|
|
display: block;
|
|
fill: currentColor;
|
|
pointer-events: none
|
|
}
|
|
|
|
.star-uhAI7sV4-.checked-2bhy04CF- svg {
|
|
fill: #ffca3b
|
|
}
|
|
|
|
.feature-no-touch .star-uhAI7sV4-:active,
|
|
.feature-no-touch .star-uhAI7sV4-:hover,
|
|
.feature-touch .star-uhAI7sV4-:active {
|
|
opacity: 1;
|
|
transition-duration: 60ms
|
|
}
|
|
|
|
.item-2xPVYue0- {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
padding: 2px 10px 2px 8px;
|
|
font-size: 14px;
|
|
background-color: #fff;
|
|
cursor: default;
|
|
transition-property: none;
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .item-2xPVYue0- {
|
|
color: #758696;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-:active,
|
|
.feature-no-touch .item-2xPVYue0-:hover,
|
|
.feature-touch .item-2xPVYue0-:active,
|
|
.item-2xPVYue0-.hovered-1uf45E05- {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-:active,
|
|
html.theme-dark .item-2xPVYue0-.hovered-1uf45E05- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-:active,
|
|
.feature-no-touch .item-2xPVYue0-:hover,
|
|
.feature-touch .item-2xPVYue0-:active,
|
|
.item-2xPVYue0-.hovered-1uf45E05- {
|
|
background-color: #ebf7fc
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-:active,
|
|
html.theme-dark .item-2xPVYue0-.hovered-1uf45E05- {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.item-2xPVYue0-.isDisabled-1wLqKupj- {
|
|
opacity: .3;
|
|
cursor: default
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
|
|
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
|
|
.feature-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
|
|
.item-2xPVYue0-.isDisabled-1wLqKupj- {
|
|
background-color: #fff;
|
|
color: #4c525e
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
|
|
html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj- {
|
|
color: #758696;
|
|
background-color: #171b29
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active,
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
|
|
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active,
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- {
|
|
color: #fff;
|
|
background-color: #37a6ef
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- {
|
|
background-color: #37a6ef;
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg,
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .icon-2Qm7YIcz- svg,
|
|
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg,
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .icon-2Qm7YIcz- svg {
|
|
fill: currentColor
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
|
|
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB- {
|
|
color: hsla(0, 0%, 100%, .7)
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
|
|
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
|
|
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
|
|
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
|
|
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe-- {
|
|
color: #fff
|
|
}
|
|
|
|
.item-2xPVYue0-.withIcon-1xBjf-oB- {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px
|
|
}
|
|
|
|
.item-2xPVYue0-:before {
|
|
content: " ";
|
|
display: block;
|
|
height: 28px
|
|
}
|
|
|
|
.icon-2Qm7YIcz- {
|
|
display: flex;
|
|
margin-right: 7px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.icon-2Qm7YIcz- svg {
|
|
display: block;
|
|
fill: currentColor
|
|
}
|
|
|
|
.labelRow-3Q0rdE8-- {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
flex: 1 0 auto;
|
|
margin-right: 14px
|
|
}
|
|
|
|
.labelRow-3Q0rdE8--:first-child {
|
|
margin-left: 4px
|
|
}
|
|
|
|
.label-3Xqxy756- {
|
|
display: flex;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.hint-1IhIvLPB- {
|
|
font-size: 11px;
|
|
margin-right: 14px;
|
|
min-width: 27px;
|
|
color: #b4b4b4
|
|
}
|
|
|
|
html.theme-dark .hint-1IhIvLPB- {
|
|
color: #4c525e
|
|
}
|
|
|
|
.toolbox-3ulPxfe-- {
|
|
display: flex;
|
|
position: relative;
|
|
align-items: center;
|
|
color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .toolbox-3ulPxfe-- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
|
|
opacity: 0
|
|
}
|
|
|
|
.toolbox-3ulPxfe-->:not(:last-child) {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.feature-no-touch .item-2xPVYue0-:hover .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
|
|
opacity: 1
|
|
}
|
|
|
|
.container-3_8ayT2Q- {
|
|
display: block;
|
|
transition: fill 60ms ease, stroke 60ms ease
|
|
}
|
|
|
|
.container-3_8ayT2Q-.mirror-crJbq8d0- {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.container-3_8ayT2Q- .background-Q1Fcmxly- {
|
|
fill: #fff;
|
|
stroke: #dadde0
|
|
}
|
|
|
|
html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly- {
|
|
stroke: #363c4e;
|
|
fill: #131722
|
|
}
|
|
|
|
.container-3_8ayT2Q- .arrow-WcYWFXUn-,
|
|
html.theme-dark .container-3_8ayT2Q- .arrow-WcYWFXUn- {
|
|
stroke: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
|
|
fill: #3bb3e4;
|
|
stroke: #299dcd
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
|
|
stroke: #3bb3e4;
|
|
fill: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
|
|
stroke: #fff
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
|
|
stroke: #131722
|
|
}
|
|
|
|
.drawingToolbar-U3_QXRof- {
|
|
position: relative;
|
|
height: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .drawingToolbar-U3_QXRof- {
|
|
background-color: #131722
|
|
}
|
|
|
|
.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV-,
|
|
html.theme-dark .drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- {
|
|
background-color: transparent
|
|
}
|
|
|
|
.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- .inner-1xuW-gY4- {
|
|
display: none
|
|
}
|
|
|
|
.inner-1xuW-gY4- {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 52px;
|
|
background-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .inner-1xuW-gY4- {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.toggleButton-13QgefpG- {
|
|
position: absolute;
|
|
z-index: 10;
|
|
bottom: 65px;
|
|
left: 100%;
|
|
margin-left: -4px
|
|
}
|
|
|
|
.toggleButton-13QgefpG-.collapsed-2trH0gCi- {
|
|
left: 0;
|
|
margin-left: 0
|
|
}
|
|
|
|
.group-2JyOhh7Z- {
|
|
padding: 6px 0;
|
|
background-color: #fff;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px
|
|
}
|
|
|
|
html.theme-dark .group-2JyOhh7Z- {
|
|
background-color: #131722
|
|
}
|
|
|
|
.group-2JyOhh7Z-+.group-2JyOhh7Z- {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.group-2JyOhh7Z-:first-child,
|
|
.group-2JyOhh7Z-:last-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.separator-1BAqp1-l- {
|
|
position: relative;
|
|
margin: 5px 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #e1ecf2
|
|
}
|
|
|
|
html.theme-dark .separator-1BAqp1-l- {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.tv-dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
|
|
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover,
|
|
.tv-dropdown.i-inactive .tv-dropdown__item,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__item {
|
|
cursor: default;
|
|
color: #adaeb0;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__desc {
|
|
display: block;
|
|
margin-top: 2px;
|
|
font-size: 11px;
|
|
color: #adaeb0;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
|
|
color: #757575;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown.i-inactive .tv-dropdown__desc,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
|
|
color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown__button {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-dropdown__button--dashed {
|
|
border-bottom-style: dashed
|
|
}
|
|
|
|
.tv-dropdown__group--divided {
|
|
border-bottom: 1px solid #eaecef
|
|
}
|
|
|
|
.tv-dropdown__group--divided:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.tv-dropdown__body {
|
|
position: absolute;
|
|
top: -15px;
|
|
left: 0;
|
|
z-index: 99;
|
|
padding: 15px 0;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
border-radius: 1px;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5)
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__body {
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dropdown__body.i-closing {
|
|
z-index: 98
|
|
}
|
|
|
|
.tv-dropdown__body--under-trigger {
|
|
top: 100%;
|
|
top: calc(100% - 1px)
|
|
}
|
|
|
|
.tv-dropdown__body--over-trigger {
|
|
top: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_right {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_outer_right {
|
|
left: 100%
|
|
}
|
|
|
|
.tv-dropdown__title {
|
|
margin-top: 10px;
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #bdbec0;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tv-dropdown__title:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.tv-dropdown__item {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 10px 15px;
|
|
transition: color .35s ease, background-color .35s ease;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-dropdown__item,
|
|
.tv-dropdown__item:visited {
|
|
color: #2f3241
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item,
|
|
html.theme-dark .tv-dropdown__item:visited {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover {
|
|
color: #4a4a4a;
|
|
background-color: #f2f3f5;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
|
|
background-color: #2f3241;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:active,
|
|
.feature-touch .tv-dropdown__item:active {
|
|
color: #4a4a4a;
|
|
background-color: #e5e5e8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item:active {
|
|
background-color: #262b3e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-dropdown__item.i-active {
|
|
color: #4a4a4a;
|
|
background-color: #eafafe
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item.i-active {
|
|
background-color: #21384d;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:hover {
|
|
color: #000;
|
|
background-color: #c6e9f8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:active,
|
|
.feature-touch .tv-dropdown__item.i-active:active {
|
|
color: #000;
|
|
background-color: #b1e2f3
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:active,
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:hover,
|
|
.feature-touch .tv-dropdown__item.i-disabled:active,
|
|
.tv-dropdown__item.i-disabled {
|
|
cursor: default;
|
|
color: #e5e5e8;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.theme-dark .tv-dropdown__item.i-disabled {
|
|
color: #758696
|
|
}
|
|
|
|
.tv-dropdown__item--subitem {
|
|
padding: 10px 15px 10px 30px
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:hover,
|
|
.feature-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-touch .tv-dropdown__item--not-interactive:active,
|
|
.tv-dropdown__item--not-interactive.i-active {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__item-text {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-dropdown-behavior__body {
|
|
opacity: 0;
|
|
transform-origin: top left;
|
|
transform: scale(.85, .4) translateY(10px);
|
|
box-sizing: border-box;
|
|
transition-property: none
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--animated {
|
|
transition: opacity .35s cubic-bezier(.55, .055, .675, .19), transform .2625s cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-opened {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition-timing-function: cubic-bezier(.165, .84, .44, 1)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-closing {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transform: scale(.95);
|
|
transition-duration: .175s;
|
|
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_top {
|
|
transform: scaleY(.4) translateY(10px);
|
|
transform-origin: top
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_top-right {
|
|
transform-origin: top right
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom {
|
|
transform: scaleY(.4) translateY(10px);
|
|
transform-origin: bottom
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom-right {
|
|
transform-origin: bottom right
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom.i-closing,
|
|
.tv-dropdown-behavior__body--from_top.i-closing {
|
|
transform: scaleY(.95)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--width_full {
|
|
min-width: 100%
|
|
}
|
|
|
|
.tv-dropdown-behavior__button {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-dropdown-behavior__item {
|
|
display: block;
|
|
opacity: 0;
|
|
transform: translateY(-3px);
|
|
transition-property: none
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--animated .tv-dropdown-behavior__item {
|
|
transition: opacity .4375s cubic-bezier(.215, .61, .355, 1), transform .35s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-opened .tv-dropdown-behavior__item {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-dropdown-behavior__inscroll,
|
|
.tv-dropdown-behavior__scroll {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.tv-dropdown-behavior__scroll {
|
|
overflow: hidden
|
|
}
|
|
|
|
tv-autocomplete {
|
|
display: block
|
|
}
|
|
|
|
.tv-autocomplete__wrapper {
|
|
position: relative
|
|
}
|
|
|
|
.tv-autocomplete__dropdown {
|
|
width: 100%
|
|
}
|
|
|
|
.tv-autocomplete__userpic {
|
|
width: 26px;
|
|
height: 26px;
|
|
border-radius: 2px;
|
|
vertical-align: middle;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.tv-dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
|
|
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover,
|
|
.tv-dropdown.i-inactive .tv-dropdown__item,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__item {
|
|
cursor: default;
|
|
color: #adaeb0;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__desc {
|
|
display: block;
|
|
margin-top: 2px;
|
|
font-size: 11px;
|
|
color: #adaeb0;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
|
|
color: #757575;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown.i-inactive .tv-dropdown__desc,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
|
|
color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown__button {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-dropdown__button--dashed {
|
|
border-bottom-style: dashed
|
|
}
|
|
|
|
.tv-dropdown__group--divided {
|
|
border-bottom: 1px solid #eaecef
|
|
}
|
|
|
|
.tv-dropdown__group--divided:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.tv-dropdown__body {
|
|
position: absolute;
|
|
top: -15px;
|
|
left: 0;
|
|
z-index: 99;
|
|
padding: 15px 0;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
border-radius: 1px;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5)
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__body {
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dropdown__body.i-closing {
|
|
z-index: 98
|
|
}
|
|
|
|
.tv-dropdown__body--under-trigger {
|
|
top: 100%;
|
|
top: calc(100% - 1px)
|
|
}
|
|
|
|
.tv-dropdown__body--over-trigger {
|
|
top: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_right {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_outer_right {
|
|
left: 100%
|
|
}
|
|
|
|
.tv-dropdown__title {
|
|
margin-top: 10px;
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #bdbec0;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tv-dropdown__title:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.tv-dropdown__item {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 10px 15px;
|
|
transition: color .35s ease, background-color .35s ease;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-dropdown__item,
|
|
.tv-dropdown__item:visited {
|
|
color: #2f3241
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item,
|
|
html.theme-dark .tv-dropdown__item:visited {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover {
|
|
color: #4a4a4a;
|
|
background-color: #f2f3f5;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
|
|
background-color: #2f3241;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:active,
|
|
.feature-touch .tv-dropdown__item:active {
|
|
color: #4a4a4a;
|
|
background-color: #e5e5e8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item:active {
|
|
background-color: #262b3e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-dropdown__item.i-active {
|
|
color: #4a4a4a;
|
|
background-color: #eafafe
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item.i-active {
|
|
background-color: #21384d;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:hover {
|
|
color: #000;
|
|
background-color: #c6e9f8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:active,
|
|
.feature-touch .tv-dropdown__item.i-active:active {
|
|
color: #000;
|
|
background-color: #b1e2f3
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:active,
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:hover,
|
|
.feature-touch .tv-dropdown__item.i-disabled:active,
|
|
.tv-dropdown__item.i-disabled {
|
|
cursor: default;
|
|
color: #e5e5e8;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.theme-dark .tv-dropdown__item.i-disabled {
|
|
color: #758696
|
|
}
|
|
|
|
.tv-dropdown__item--subitem {
|
|
padding: 10px 15px 10px 30px
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:hover,
|
|
.feature-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-touch .tv-dropdown__item--not-interactive:active,
|
|
.tv-dropdown__item--not-interactive.i-active {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__item-text {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-dropdown-behavior__body {
|
|
opacity: 0;
|
|
transform-origin: top left;
|
|
transform: scale(.85, .4) translateY(10px);
|
|
box-sizing: border-box;
|
|
transition-property: none
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--animated {
|
|
transition: opacity .35s cubic-bezier(.55, .055, .675, .19), transform .2625s cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-opened {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition-timing-function: cubic-bezier(.165, .84, .44, 1)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-closing {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transform: scale(.95);
|
|
transition-duration: .175s;
|
|
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_top {
|
|
transform: scaleY(.4) translateY(10px);
|
|
transform-origin: top
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_top-right {
|
|
transform-origin: top right
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom {
|
|
transform: scaleY(.4) translateY(10px);
|
|
transform-origin: bottom
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom-right {
|
|
transform-origin: bottom right
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--from_bottom.i-closing,
|
|
.tv-dropdown-behavior__body--from_top.i-closing {
|
|
transform: scaleY(.95)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--width_full {
|
|
min-width: 100%
|
|
}
|
|
|
|
.tv-dropdown-behavior__button {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-dropdown-behavior__item {
|
|
display: block;
|
|
opacity: 0;
|
|
transform: translateY(-3px);
|
|
transition-property: none
|
|
}
|
|
|
|
.tv-dropdown-behavior__body--animated .tv-dropdown-behavior__item {
|
|
transition: opacity .4375s cubic-bezier(.215, .61, .355, 1), transform .35s cubic-bezier(.215, .61, .355, 1)
|
|
}
|
|
|
|
.tv-dropdown-behavior__body.i-opened .tv-dropdown-behavior__item {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-dropdown-behavior__inscroll,
|
|
.tv-dropdown-behavior__scroll {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.tv-dropdown-behavior__scroll {
|
|
overflow: hidden
|
|
}
|
|
|
|
tv-menu,
|
|
tv-menu-item {
|
|
display: block
|
|
}
|
|
|
|
tv-menu-item {
|
|
text-align: center;
|
|
cursor: pointer
|
|
}
|
|
|
|
tv-menu-item.i-active {
|
|
background-color: #adff2f
|
|
}
|
|
|
|
tv-menu-item.i-disabled {
|
|
cursor: default
|
|
}
|
|
|
|
.feature-no-touch tv-menu-item.i-disabled:hover,
|
|
tv-menu-item.i-disabled {
|
|
background-color: #d3d3d3
|
|
}
|
|
|
|
.feature-no-touch tv-menu-item:hover {
|
|
background-color: #90ee90
|
|
}
|
|
|
|
.tv-rename-chart-dialog__field {
|
|
font-size: 13px;
|
|
color: #8a8a8a;
|
|
display: block
|
|
}
|
|
|
|
html.theme-dark .tv-rename-chart-dialog__field {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-rename-chart-dialog__field:not(:last-child) {
|
|
margin-bottom: 13px
|
|
}
|
|
|
|
.tv-rename-chart-dialog__label {
|
|
display: inline-block;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.tv-rename-chart-dialog__label a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-rename-chart-dialog__label a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.tv-rename-chart-dialog__label a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .tv-rename-chart-dialog__label a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .tv-rename-chart-dialog__label a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-rename-chart-dialog__label a:active,
|
|
.feature-touch .tv-rename-chart-dialog__label a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-rename-chart-dialog__hint {
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.tv-rename-chart-dialog__hint:before {
|
|
filter: invert(50%);
|
|
content: url("../images/svg/question-mark-rounded.svg")
|
|
}
|
|
|
|
.tv-search-row {
|
|
width: 100%;
|
|
position: relative;
|
|
cursor: default;
|
|
display: flex;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-search-row {
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.tv-search-row__input {
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 9px 50px 9px 60px;
|
|
min-height: 50px;
|
|
height: 50px;
|
|
margin: 0;
|
|
border: none
|
|
}
|
|
|
|
html.theme-dark .tv-search-row__input {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-search-row__input {
|
|
min-height: 34px;
|
|
height: 34px;
|
|
padding-left: 50px;
|
|
padding-right: 40px
|
|
}
|
|
|
|
.feature-touch .tv-search-row__input {
|
|
min-height: 50px;
|
|
height: 50px
|
|
}
|
|
}
|
|
|
|
.tv-search-row--without-controls .tv-search-row__input {
|
|
padding-right: 30px;
|
|
padding-left: 30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-search-row--without-controls .tv-search-row__input {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.tv-search-row__input-reset {
|
|
top: 0;
|
|
right: 16px;
|
|
bottom: 0;
|
|
width: 36px;
|
|
position: absolute;
|
|
text-align: center;
|
|
opacity: .5;
|
|
cursor: pointer;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.tv-search-row__input-reset:after {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 100%
|
|
}
|
|
|
|
.feature-no-touch .tv-search-row__input-reset:hover {
|
|
opacity: 1;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-search-row__input-reset svg {
|
|
display: inline-block;
|
|
fill: #4a4a4a;
|
|
width: 9px;
|
|
height: 9px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
html.theme-dark .tv-search-row__input-reset svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-search-row__input-reset {
|
|
right: 10px
|
|
}
|
|
}
|
|
|
|
.tv-search-row__search-icon {
|
|
position: absolute;
|
|
display: block;
|
|
top: 50%;
|
|
left: 30px;
|
|
margin-top: -9px;
|
|
opacity: .8;
|
|
pointer-events: none;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-search-row__search-icon {
|
|
left: 20px
|
|
}
|
|
}
|
|
|
|
.tv-search-row__search-icon svg {
|
|
display: block;
|
|
fill: #adaeb0;
|
|
width: 18px;
|
|
height: 18px;
|
|
overflow: visible
|
|
}
|
|
|
|
html.theme-dark .tv-search-row__search-icon svg {
|
|
fill: #4f5966
|
|
}
|
|
|
|
.tv-search-row--without-controls .tv-search-row__input-reset,
|
|
.tv-search-row--without-controls .tv-search-row__search-icon {
|
|
display: none
|
|
}
|
|
|
|
.tv-insert-study-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-left: 1px;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.tv-insert-study-item.i-grayed {
|
|
color: #b4b4b4
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item:hover {
|
|
transition-duration: .06s;
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-insert-study-item:hover {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__buttons {
|
|
visibility: visible
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-study-item {
|
|
padding-right: 12px;
|
|
padding-left: 10px
|
|
}
|
|
}
|
|
|
|
.tv-insert-study-item.i-without-stars {
|
|
padding-left: 30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-study-item.i-without-stars {
|
|
padding-left: 20px
|
|
}
|
|
}
|
|
|
|
.tv-insert-study-item--selected {
|
|
transition-duration: .06s;
|
|
background-color: #d8f0fa
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item--selected:hover {
|
|
background-color: #c6e9f8
|
|
}
|
|
|
|
.tv-insert-study-item--subgroup-header {
|
|
cursor: default;
|
|
font-weight: 700;
|
|
color: #adaeb0;
|
|
margin-top: 5px;
|
|
padding-bottom: 5px;
|
|
padding-left: 27px
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item--subgroup-header:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-study-item--subgroup-header {
|
|
padding-left: 36px
|
|
}
|
|
}
|
|
|
|
.tv-insert-study-item__favorite-icon {
|
|
padding: 6px 5px;
|
|
margin: 1px 0 2px;
|
|
flex-shrink: 0;
|
|
visibility: hidden;
|
|
opacity: .5;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.tv-insert-study-item__favorite-icon.i-starred {
|
|
visibility: visible
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item__favorite-icon:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.feature-touch .tv-insert-study-item__favorite-icon {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__favorite-icon,
|
|
.feature-touch .tv-insert-study-item__favorite-icon {
|
|
visibility: visible
|
|
}
|
|
|
|
.tv-insert-study-item__star {
|
|
display: flex
|
|
}
|
|
|
|
.tv-insert-study-item__star svg {
|
|
fill: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-insert-study-item__star svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
.tv-insert-study-item__star--filled {
|
|
display: none
|
|
}
|
|
|
|
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--filled {
|
|
display: flex
|
|
}
|
|
|
|
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--empty {
|
|
display: none
|
|
}
|
|
|
|
.tv-insert-study-item__title {
|
|
padding: 6px 5px;
|
|
margin: 1px 0 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-grow: 1;
|
|
min-width: 0;
|
|
padding-left: 0
|
|
}
|
|
|
|
.tv-insert-study-item__title-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-insert-study-item__title-text .i-match {
|
|
color: #3898c2;
|
|
font-weight: 700
|
|
}
|
|
|
|
.tv-insert-study-item__version {
|
|
margin-left: 5px;
|
|
color: #757575
|
|
}
|
|
|
|
.tv-insert-study-item__strategy-icon {
|
|
display: flex;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.tv-insert-study-item__strategy-icon,
|
|
.tv-insert-study-item__strategy-icon svg {
|
|
width: 12px;
|
|
height: 7px
|
|
}
|
|
|
|
.tv-insert-study-item__red-lock-icon {
|
|
display: flex;
|
|
margin-left: 5px;
|
|
fill: #ff4a68
|
|
}
|
|
|
|
.tv-insert-study-item__red-lock-icon,
|
|
.tv-insert-study-item__red-lock-icon svg {
|
|
width: 12px;
|
|
height: 10px
|
|
}
|
|
|
|
.tv-insert-study-item__green-lock-icon {
|
|
display: flex;
|
|
margin-left: 5px;
|
|
fill: #3cbc98
|
|
}
|
|
|
|
.tv-insert-study-item__green-lock-icon,
|
|
.tv-insert-study-item__green-lock-icon svg {
|
|
width: 12px;
|
|
height: 10px
|
|
}
|
|
|
|
.tv-insert-study-item__author {
|
|
padding: 6px 5px;
|
|
margin: 1px 0 2px;
|
|
max-width: 13%;
|
|
min-width: 13%;
|
|
margin-left: 10px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-insert-study-item__author a {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-insert-study-item__author a {
|
|
color: #299dcd
|
|
}
|
|
|
|
.tv-insert-study-item__author a:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .tv-insert-study-item__author a:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item__author a:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item__author a:active,
|
|
.feature-touch .tv-insert-study-item__author a:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-insert-study-item__author.i-empty {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-insert-study-item__likes {
|
|
padding: 6px 5px;
|
|
margin: 1px 0 2px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-align: right;
|
|
max-width: 12%;
|
|
min-width: 12%
|
|
}
|
|
|
|
.tv-insert-study-item__likes.i-empty {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-insert-study-item__buttons {
|
|
display: flex;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
.tv-insert-study-item__buttons {
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
.feature-touch .tv-insert-study-item__buttons {
|
|
visibility: visible
|
|
}
|
|
|
|
.tv-insert-study-item__btn {
|
|
padding: 6px 5px;
|
|
margin: 1px 0 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
transition: opacity .35s ease;
|
|
opacity: .5
|
|
}
|
|
|
|
.tv-insert-study-item__btn svg {
|
|
fill: #758696;
|
|
width: 22px;
|
|
height: 11px
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-study-item__btn:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.feature-touch .tv-insert-study-item__btn {
|
|
margin: 0
|
|
}
|
|
|
|
.tv-insert-study-item__show-source-btn {
|
|
padding-left: 12px
|
|
}
|
|
|
|
.tv-insert-study-item__show-source-btn.i-empty {
|
|
visibility: hidden
|
|
}
|
|
|
|
@media only screen and (max-height:440px),
|
|
only screen and (max-width:600px) {
|
|
.tv-insert-study-item__show-source-btn {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tv-insert-study-item__show-more-btn svg {
|
|
fill: #757575;
|
|
width: 13px;
|
|
height: 3px
|
|
}
|
|
|
|
.feature-touch .tv-insert-study-item__delete-btn,
|
|
.feature-touch .tv-insert-study-item__show-more-btn {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.tv-insert-study-item__delete-btn,
|
|
.tv-insert-study-item__show-more-btn {
|
|
padding-right: 12px
|
|
}
|
|
|
|
.tv-insert-study-item__delete-btn svg,
|
|
.tv-insert-study-item__show-more-btn svg {
|
|
fill: #757575;
|
|
width: 10px;
|
|
height: 10px
|
|
}
|
|
|
|
@media only screen and (max-width:660px) {
|
|
|
|
.tv-insert-study-item__author,
|
|
.tv-insert-study-item__likes {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__body {
|
|
display: flex
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__title-container {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
transition: padding-left .175s ease
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__title-container.i-with-back-button {
|
|
padding-left: 45px
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__title-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__back-button {
|
|
position: absolute;
|
|
left: 5px;
|
|
top: calc(50% - 18px);
|
|
cursor: pointer;
|
|
display: none;
|
|
padding: 10px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__back-button svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
fill: #8a8a8a
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__title-container.i-with-back-button .tv-insert-indicator-dialog__back-button {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__left-panel {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
width: 222px;
|
|
height: 100%;
|
|
border-right: 1px solid;
|
|
border-right-color: #dadde0;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__left-panel {
|
|
border-right-color: #363c4e
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__left-panel {
|
|
border-right: none;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__left-panel {
|
|
display: none
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__left-panel-content-wrapper {
|
|
display: flex;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 100%
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__left-panel-content-wrapper {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__search-control {
|
|
background-color: #fff;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__search-control {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__search-control input {
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__search-control input {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-viewport {
|
|
position: relative;
|
|
width: 100%;
|
|
line-height: 1
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
width: 6px
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
|
|
background: #4f5966
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-bottom,
|
|
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-top {
|
|
display: none
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
|
|
overflow: hidden
|
|
}
|
|
|
|
.feature-touch .tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
|
|
overflow-x: hidden;
|
|
overflow-y: auto
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__tabs-viewport {
|
|
position: absolute;
|
|
transform: translateX(-100%);
|
|
visibility: hidden;
|
|
transition: visibility 0s ease .0875s, transform .175s ease
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-viewport.i-active {
|
|
transform: translateX(0);
|
|
visibility: visible;
|
|
transition-delay: 0s, 0s
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs-container {
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 12px 0
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tab {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
padding: 8px 10px 8px 30px;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.feature-touch .tv-insert-indicator-dialog__tab {
|
|
padding-top: 11px;
|
|
padding-bottom: 11px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__tab {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-indicator-dialog__tab:hover {
|
|
background-color: #f2f3f5;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-insert-indicator-dialog__tab:hover {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tab.i-active {
|
|
background-color: #eafafe
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__tab.i-active {
|
|
background-color: #21384d
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tab--beta:after {
|
|
content: "Beta";
|
|
position: relative;
|
|
margin-left: 4px;
|
|
top: -3px;
|
|
font-size: 10px;
|
|
font-style: italic;
|
|
color: #00a97f
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tab--group-head {
|
|
position: relative
|
|
}
|
|
|
|
.feature-no-touch .tv-insert-indicator-dialog__tab--group-head:hover {
|
|
background: none
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs {
|
|
overflow: hidden;
|
|
margin-left: 33px;
|
|
border-left: 1px solid;
|
|
border-left-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__tabs {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__tabs {
|
|
margin-left: 23px
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__tabs .tv-insert-indicator-dialog__tab {
|
|
padding-left: 11px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__right-panel {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: calc(100% - 222px);
|
|
height: 100%
|
|
}
|
|
|
|
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__right-panel {
|
|
width: 100%
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__pages {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
position: relative;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
|
|
border: 1px solid;
|
|
border-color: #f1f3f6;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
|
|
background-color: #363c4e;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 3px
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages {
|
|
position: absolute;
|
|
transform: translateX(100%);
|
|
visibility: hidden;
|
|
transition: visibility 0s ease .0875s, transform .175s ease
|
|
}
|
|
|
|
.tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages.i-active {
|
|
transform: translateX(0);
|
|
visibility: visible;
|
|
transition-delay: 0s, 0s
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page {
|
|
display: flex;
|
|
min-height: calc(100% - 14px);
|
|
padding-top: 14px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--without-top-padding {
|
|
padding-top: 0;
|
|
min-height: 100%
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--offer-with-studies {
|
|
align-items: stretch
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--no-flex {
|
|
display: block
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--search {
|
|
flex-direction: column
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-insert-indicator-dialog__tabs-group--marketplace {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
|
|
padding-top: 14px;
|
|
width: 190px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
|
|
width: calc(100% - 190px);
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__offer-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__economy-content {
|
|
padding: 10px 30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__economy-content {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__items-list {
|
|
width: 100%
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__subgroup {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__fundamentals-column {
|
|
width: 100%;
|
|
float: left
|
|
}
|
|
|
|
@media only screen and (min-width:675px) {
|
|
.tv-insert-indicator-dialog__fundamentals-column--popular {
|
|
width: 50%
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__fundamentals-column--all {
|
|
border-top: 1px solid;
|
|
border-color: #dadde0;
|
|
padding-top: 15px;
|
|
margin-top: 5px
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__fundamentals-column--all {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__scripts-logo svg {
|
|
fill: #758696;
|
|
width: 233px;
|
|
height: 128px
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__create-script-container {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 30px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__create-script-container {
|
|
padding: 0 20px
|
|
}
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__create-script-message {
|
|
font-size: 19px;
|
|
color: #4a4a4a;
|
|
text-align: center;
|
|
padding: 30px 0;
|
|
line-height: 1.5
|
|
}
|
|
|
|
html.theme-dark .tv-insert-indicator-dialog__create-script-message {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-insert-indicator-dialog__not-found-message {
|
|
padding: 20px 30px;
|
|
text-align: center
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-insert-indicator-dialog__not-found-message {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.tv-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
min-width: 40px;
|
|
margin: 0;
|
|
padding: 1px 22px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #757575;
|
|
fill: currentColor;
|
|
border: none;
|
|
border-radius: 2px;
|
|
outline: 0;
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: background-color .35s ease, border-color .35s ease, color .35s ease
|
|
}
|
|
|
|
.tv-button.tv-button--danger_ghost,
|
|
.tv-button.tv-button--default,
|
|
.tv-button.tv-button--default_ghost,
|
|
.tv-button.tv-button--primary_ghost,
|
|
.tv-button.tv-button--secondary_ghost,
|
|
.tv-button.tv-button--state,
|
|
.tv-button.tv-button--success_ghost,
|
|
.tv-button.tv-button--warning_ghost {
|
|
padding: 0 21px
|
|
}
|
|
|
|
.feature-no-touch .tv-button:active,
|
|
.feature-no-touch .tv-button:hover,
|
|
.feature-touch .tv-button:active,
|
|
.tv-button.i-active,
|
|
.tv-button.i-hover {
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-button svg {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-button--block {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
|
|
.tv-button+.tv-button {
|
|
margin-left: 15px
|
|
}
|
|
|
|
.tv-button__text {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.tv-button__text--full-height {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
min-height: 100%;
|
|
height: auto;
|
|
justify-content: center;
|
|
width: auto;
|
|
max-width: 80%;
|
|
white-space: normal;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.tv-button--default,
|
|
.tv-button--default_ghost {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default,
|
|
html.theme-dark .tv-button--default_ghost {
|
|
background-color: #171b29;
|
|
border-color: #171b29
|
|
}
|
|
|
|
.tv-button--default_ghost {
|
|
color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default_ghost {
|
|
color: #171b29
|
|
}
|
|
|
|
.tv-button--default_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .tv-button--default_ghost.i-checked {
|
|
background-color: #171b29;
|
|
border-color: #171b29
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:hover,
|
|
.feature-no-touch .tv-button--default_ghost:hover,
|
|
.tv-button--default.i-hover,
|
|
.tv-button--default_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f2f2f2;
|
|
background-color: #f2f2f2
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:hover,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
|
|
html.theme-dark .tv-button--default.i-hover,
|
|
html.theme-dark .tv-button--default_ghost.i-hover {
|
|
background-color: #1c2030;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:active,
|
|
.feature-no-touch .tv-button--default_ghost:active,
|
|
.feature-touch .tv-button--default:active,
|
|
.feature-touch .tv-button--default_ghost:active,
|
|
.tv-button--default.i-active,
|
|
.tv-button--default_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #ececec;
|
|
background-color: #ececec;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:active,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.feature-touch.theme-dark .tv-button--default:active,
|
|
html.feature-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.theme-dark .tv-button--default.i-active,
|
|
html.theme-dark .tv-button--default_ghost.i-active {
|
|
background-color: #1c2030;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.tv-button--default,
|
|
.tv-button--default.i-checked,
|
|
.tv-button--default_ghost,
|
|
.tv-button--default_ghost.i-checked {
|
|
color: #757575;
|
|
border: 1px solid;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.theme-dark .tv-button--default,
|
|
html.theme-dark .tv-button--default.i-checked,
|
|
html.theme-dark .tv-button--default_ghost,
|
|
html.theme-dark .tv-button--default_ghost.i-checked {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:hover,
|
|
.feature-no-touch .tv-button--default_ghost:hover,
|
|
.tv-button--default.i-hover,
|
|
.tv-button--default_ghost.i-hover {
|
|
color: #757575;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:hover,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
|
|
html.theme-dark .tv-button--default.i-hover,
|
|
html.theme-dark .tv-button--default_ghost.i-hover {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-button--default:active,
|
|
.feature-no-touch .tv-button--default_ghost:active,
|
|
.feature-touch .tv-button--default:active,
|
|
.feature-touch .tv-button--default_ghost:active,
|
|
.tv-button--default.i-active,
|
|
.tv-button--default_ghost.i-active {
|
|
color: #757575;
|
|
border-color: #b5b7b9
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button--default:active,
|
|
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.feature-touch.theme-dark .tv-button--default:active,
|
|
html.feature-touch.theme-dark .tv-button--default_ghost:active,
|
|
html.theme-dark .tv-button--default.i-active,
|
|
html.theme-dark .tv-button--default_ghost.i-active {
|
|
border-color: #363c4e;
|
|
color: #758696
|
|
}
|
|
|
|
.tv-button--primary,
|
|
.tv-button--primary_ghost {
|
|
color: #fff;
|
|
border-color: #3bb3e4;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-button--primary_ghost {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.tv-button--primary_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #3bb3e4;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .tv-button--primary:hover,
|
|
.feature-no-touch .tv-button--primary_ghost:hover,
|
|
.tv-button--primary.i-hover,
|
|
.tv-button--primary_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #3babd8;
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-button--primary:active,
|
|
.feature-no-touch .tv-button--primary_ghost:active,
|
|
.feature-touch .tv-button--primary:active,
|
|
.feature-touch .tv-button--primary_ghost:active,
|
|
.tv-button--primary.i-active,
|
|
.tv-button--primary_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #049ddc;
|
|
background-color: #049ddc;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--secondary,
|
|
.tv-button--secondary_ghost {
|
|
color: #757575;
|
|
border-color: #e9eff2;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.tv-button--secondary_ghost {
|
|
color: #757575
|
|
}
|
|
|
|
.tv-button--secondary_ghost.i-checked {
|
|
color: #757575;
|
|
border-color: #e9eff2;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.feature-no-touch .tv-button--secondary:hover,
|
|
.feature-no-touch .tv-button--secondary_ghost:hover,
|
|
.tv-button--secondary.i-hover,
|
|
.tv-button--secondary_ghost.i-hover {
|
|
color: #757575;
|
|
border-color: #dce6ea;
|
|
background-color: #dce6ea
|
|
}
|
|
|
|
.feature-no-touch .tv-button--secondary:active,
|
|
.feature-no-touch .tv-button--secondary_ghost:active,
|
|
.feature-touch .tv-button--secondary:active,
|
|
.feature-touch .tv-button--secondary_ghost:active,
|
|
.tv-button--secondary.i-active,
|
|
.tv-button--secondary_ghost.i-active {
|
|
color: #757575;
|
|
border-color: #cfdce3;
|
|
background-color: #cfdce3;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--success,
|
|
.tv-button--success_ghost {
|
|
color: #fff;
|
|
border-color: #3cbc98;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.tv-button--success_ghost {
|
|
color: #3cbc98
|
|
}
|
|
|
|
.tv-button--success_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #3cbc98;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.feature-no-touch .tv-button--success:hover,
|
|
.feature-no-touch .tv-button--success_ghost:hover,
|
|
.tv-button--success.i-hover,
|
|
.tv-button--success_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #38b395;
|
|
background-color: #38b395
|
|
}
|
|
|
|
.feature-no-touch .tv-button--success:active,
|
|
.feature-no-touch .tv-button--success_ghost:active,
|
|
.feature-touch .tv-button--success:active,
|
|
.feature-touch .tv-button--success_ghost:active,
|
|
.tv-button--success.i-active,
|
|
.tv-button--success_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #00a97f;
|
|
background-color: #00a97f;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--danger,
|
|
.tv-button--danger_ghost {
|
|
color: #fff;
|
|
border-color: #ff4a68;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.tv-button--danger_ghost {
|
|
color: #ff4a68
|
|
}
|
|
|
|
.tv-button--danger_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #ff4a68;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .tv-button--danger:hover,
|
|
.feature-no-touch .tv-button--danger_ghost:hover,
|
|
.tv-button--danger.i-hover,
|
|
.tv-button--danger_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f24965;
|
|
background-color: #f24965
|
|
}
|
|
|
|
.feature-no-touch .tv-button--danger:active,
|
|
.feature-no-touch .tv-button--danger_ghost:active,
|
|
.feature-touch .tv-button--danger:active,
|
|
.feature-touch .tv-button--danger_ghost:active,
|
|
.tv-button--danger.i-active,
|
|
.tv-button--danger_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #ff173e;
|
|
background-color: #ff173e;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--warning,
|
|
.tv-button--warning_ghost {
|
|
color: #fff;
|
|
border-color: #f89e30;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.tv-button--warning_ghost {
|
|
color: #f89e30
|
|
}
|
|
|
|
.tv-button--warning_ghost.i-checked {
|
|
color: #fff;
|
|
border-color: #f89e30;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.feature-no-touch .tv-button--warning:hover,
|
|
.feature-no-touch .tv-button--warning_ghost:hover,
|
|
.tv-button--warning.i-hover,
|
|
.tv-button--warning_ghost.i-hover {
|
|
color: #fff;
|
|
border-color: #f79217;
|
|
background-color: #f79217
|
|
}
|
|
|
|
.feature-no-touch .tv-button--warning:active,
|
|
.feature-no-touch .tv-button--warning_ghost:active,
|
|
.feature-touch .tv-button--warning:active,
|
|
.feature-touch .tv-button--warning_ghost:active,
|
|
.tv-button--warning.i-active,
|
|
.tv-button--warning_ghost.i-active {
|
|
color: #fff;
|
|
border-color: #d47807;
|
|
background-color: #d47807;
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.tv-button--link {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-button--link {
|
|
color: #299dcd
|
|
}
|
|
|
|
.tv-button--link:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .tv-button--link:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .tv-button--link:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-button--link:active,
|
|
.feature-touch .tv-button--link:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-button--danger_ghost,
|
|
.tv-button--default_ghost,
|
|
.tv-button--primary_ghost,
|
|
.tv-button--secondary_ghost,
|
|
.tv-button--success_ghost,
|
|
.tv-button--warning_ghost {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--danger_ghost.tv-button--size_large,
|
|
.tv-button--default_ghost.tv-button--size_large,
|
|
.tv-button--primary_ghost.tv-button--size_large,
|
|
.tv-button--secondary_ghost.tv-button--size_large,
|
|
.tv-button--success_ghost.tv-button--size_large,
|
|
.tv-button--warning_ghost.tv-button--size_large {
|
|
border-width: 2px
|
|
}
|
|
|
|
.tv-button .tv-ripple {
|
|
background-color: hsla(0, 0%, 100%, .25)
|
|
}
|
|
|
|
.tv-button--default .tv-ripple,
|
|
.tv-button--default_ghost .tv-ripple {
|
|
background-color: rgba(117, 134, 150, .25)
|
|
}
|
|
|
|
.tv-button.i-disabled .tv-ripple {
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .tv-button.i-disabled:active,
|
|
.feature-no-touch .tv-button.i-disabled:hover,
|
|
.feature-no-touch .tv-button:disabled:active,
|
|
.feature-no-touch .tv-button:disabled:hover,
|
|
.feature-touch .tv-button.i-disabled:active,
|
|
.feature-touch .tv-button:disabled:active,
|
|
.tv-button.i-disabled,
|
|
.tv-button:disabled {
|
|
cursor: default;
|
|
color: #9db2bd;
|
|
border-color: #f1f3f6;
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-button:disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
|
|
html.feature-touch.theme-dark .tv-button.i-disabled:active,
|
|
html.feature-touch.theme-dark .tv-button:disabled:active,
|
|
html.theme-dark .tv-button.i-disabled,
|
|
html.theme-dark .tv-button:disabled {
|
|
background-color: #262b3e;
|
|
border-color: #262b3e;
|
|
color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .tv-button.i-disabled:active,
|
|
.feature-no-touch .tv-button:disabled:active,
|
|
.feature-touch .tv-button.i-disabled:active,
|
|
.feature-touch .tv-button:disabled:active {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-button--size_xsmall {
|
|
padding: 2px 7px;
|
|
line-height: 15px;
|
|
border-radius: 1px;
|
|
font-size: 11px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.tv-button--size_xsmall.tv-button--danger_ghost,
|
|
.tv-button--size_xsmall.tv-button--default,
|
|
.tv-button--size_xsmall.tv-button--default_ghost,
|
|
.tv-button--size_xsmall.tv-button--primary_ghost,
|
|
.tv-button--size_xsmall.tv-button--secondary_ghost,
|
|
.tv-button--size_xsmall.tv-button--state,
|
|
.tv-button--size_xsmall.tv-button--success_ghost,
|
|
.tv-button--size_xsmall.tv-button--warning_ghost {
|
|
padding: 1px 6px
|
|
}
|
|
|
|
.tv-button--size_xsmall+.tv-button--size_xsmall {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.tv-button--size_small {
|
|
padding: 1px 12px;
|
|
line-height: 25px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-button--size_small.tv-button--danger_ghost,
|
|
.tv-button--size_small.tv-button--default,
|
|
.tv-button--size_small.tv-button--default_ghost,
|
|
.tv-button--size_small.tv-button--primary_ghost,
|
|
.tv-button--size_small.tv-button--secondary_ghost,
|
|
.tv-button--size_small.tv-button--state,
|
|
.tv-button--size_small.tv-button--success_ghost,
|
|
.tv-button--size_small.tv-button--warning_ghost {
|
|
padding: 0 11px
|
|
}
|
|
|
|
.tv-button--size_small+.tv-button--size_small {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.tv-button--size_large {
|
|
padding: 1px 30px;
|
|
font-size: 17px;
|
|
letter-spacing: 1px;
|
|
line-height: 44px
|
|
}
|
|
|
|
.tv-button--size_large.tv-button--danger_ghost,
|
|
.tv-button--size_large.tv-button--default,
|
|
.tv-button--size_large.tv-button--default_ghost,
|
|
.tv-button--size_large.tv-button--primary_ghost,
|
|
.tv-button--size_large.tv-button--secondary_ghost,
|
|
.tv-button--size_large.tv-button--state,
|
|
.tv-button--size_large.tv-button--success_ghost,
|
|
.tv-button--size_large.tv-button--warning_ghost {
|
|
padding: 0 29px
|
|
}
|
|
|
|
.tv-button--max-width {
|
|
max-width: 300px
|
|
}
|
|
|
|
.tv-button--no-padding {
|
|
padding: 1px
|
|
}
|
|
|
|
.tv-button--no-padding.tv-button--danger_ghost,
|
|
.tv-button--no-padding.tv-button--default,
|
|
.tv-button--no-padding.tv-button--default_ghost,
|
|
.tv-button--no-padding.tv-button--primary_ghost,
|
|
.tv-button--no-padding.tv-button--secondary_ghost,
|
|
.tv-button--no-padding.tv-button--state,
|
|
.tv-button--no-padding.tv-button--success_ghost,
|
|
.tv-button--no-padding.tv-button--warning_ghost {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-button--state {
|
|
text-align: center;
|
|
background: transparent;
|
|
border-width: 1px;
|
|
border-style: solid
|
|
}
|
|
|
|
.tv-button--state:after {
|
|
content: "";
|
|
display: inline-block
|
|
}
|
|
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint,
|
|
.tv-button--state__unchecked {
|
|
display: block;
|
|
height: 0;
|
|
transition: opacity .2625s ease, transform .2625s ease
|
|
}
|
|
|
|
.tv-button--state__ellipsis-text {
|
|
display: block;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked {
|
|
will-change: opacity, transform
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
|
|
.tv-button--state.i-checked .tv-button--state__unchecked,
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint {
|
|
opacity: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.tv-button--state.i-checked .tv-button--state__checked,
|
|
.tv-button--state__unchecked {
|
|
opacity: 1
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.tv-button--state.i-checked .tv-button--state__unchecked,
|
|
.tv-button--state__checked,
|
|
.tv-button--state__uncheck-hint {
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
|
|
.tv-button--state.i-checked .tv-button--state__checked {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.tv-button--state.tv-button--success {
|
|
color: #3cbc98;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--success.i-checked {
|
|
color: #fff;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--success:hover {
|
|
color: #fff;
|
|
background-color: #38b395
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--success:active,
|
|
.feature-touch .tv-button--state.tv-button--success:active {
|
|
color: #fff;
|
|
background-color: #00a97f
|
|
}
|
|
|
|
.tv-button--state.tv-button--danger {
|
|
color: #ff4a68;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--danger.i-checked {
|
|
color: #fff;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--danger:hover {
|
|
color: #fff;
|
|
background-color: #f24965
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--danger:active,
|
|
.feature-touch .tv-button--state.tv-button--danger:active {
|
|
color: #fff;
|
|
background-color: #ff173e
|
|
}
|
|
|
|
.tv-button--state.tv-button--primary {
|
|
color: #3bb3e4;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--primary.i-checked {
|
|
color: #fff;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--primary:hover {
|
|
color: #fff;
|
|
background-color: #3babd8
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--primary:active,
|
|
.feature-touch .tv-button--state.tv-button--primary:active {
|
|
color: #fff;
|
|
background-color: #049ddc
|
|
}
|
|
|
|
.tv-button--state.tv-button--secondary {
|
|
color: #757575;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--secondary.i-checked {
|
|
color: #757575;
|
|
background-color: #e9eff2
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--secondary:hover {
|
|
color: #757575;
|
|
background-color: #dce6ea
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--secondary:active,
|
|
.feature-touch .tv-button--state.tv-button--secondary:active {
|
|
color: #757575;
|
|
background-color: #cfdce3
|
|
}
|
|
|
|
.tv-button--state.tv-button--warning {
|
|
color: #f89e30;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-button--state.tv-button--warning.i-checked {
|
|
color: #fff;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--warning:hover {
|
|
color: #fff;
|
|
background-color: #f79217
|
|
}
|
|
|
|
.feature-no-touch .tv-button--state.tv-button--warning:active,
|
|
.feature-touch .tv-button--state.tv-button--warning:active {
|
|
color: #fff;
|
|
background-color: #d47807
|
|
}
|
|
|
|
.tv-button--loader .tv-button__text {
|
|
transition: opacity .175s ease, transform .175s ease
|
|
}
|
|
|
|
.tv-button--loader.i-start-load .tv-button__text {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__text {
|
|
opacity: 0;
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__text {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition-delay: .175s
|
|
}
|
|
|
|
.tv-button__loader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 0;
|
|
opacity: 0;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.tv-button__loader:after {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader,
|
|
.tv-button--loader.i-start-load .tv-button__loader {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__loader {
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-button__loader-item {
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 10px;
|
|
height: 10px;
|
|
opacity: 0;
|
|
border-radius: 100%;
|
|
background-color: #fff;
|
|
transform: translateY(12px) scale(.6);
|
|
transition: transform .35s cubic-bezier(.68, -.55, .265, 1.55), opacity .35s ease
|
|
}
|
|
|
|
.tv-button__loader-item:nth-child(2) {
|
|
transition-delay: .11666667s
|
|
}
|
|
|
|
.tv-button__loader-item:nth-child(3) {
|
|
transition-delay: .23333333s
|
|
}
|
|
|
|
.tv-button--default .tv-button__loader-item {
|
|
background-color: #757575
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-start-load .tv-button__loader-item {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-start-load .tv-button__loader-item,
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
transform: translateY(0) scale(.6)
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item,
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item {
|
|
animation: tv-button-loader .96s infinite ease-in-out both
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
|
|
animation-delay: .151s
|
|
}
|
|
|
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
|
|
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
|
|
animation-delay: .32s
|
|
}
|
|
|
|
.tv-button--no-border-radius {
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-button--no-border {
|
|
border: none
|
|
}
|
|
|
|
.tv-button--connect {
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-button--connect_left {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.tv-button--connect_right {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
@keyframes tv-button-loader {
|
|
|
|
0%,
|
|
to {
|
|
transform: scale(.6)
|
|
}
|
|
|
|
50% {
|
|
transform: scale(.9)
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-button.tv-button--phone-compact {
|
|
padding-left: 4px;
|
|
padding-right: 4px
|
|
}
|
|
}
|
|
|
|
.tv-caret {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0;
|
|
border-color: currentColor transparent transparent;
|
|
margin-left: 5px;
|
|
vertical-align: middle;
|
|
transition: transform .35s ease
|
|
}
|
|
|
|
.active .tv-caret,
|
|
.i-dropped .tv-caret:not(.tv-caret--strict),
|
|
.tv-caret--strict.i-dropped {
|
|
transform: rotate(-180deg);
|
|
will-change: transform;
|
|
transition-duration: .33
|
|
}
|
|
|
|
.tv-caret--small {
|
|
margin-left: 3px;
|
|
margin-right: -1px;
|
|
border-top-width: 3px;
|
|
border-right-width: 3px;
|
|
border-left-width: 3px
|
|
}
|
|
|
|
.tv-caret--colored {
|
|
transition: transform .35s ease, color .35s ease
|
|
}
|
|
|
|
.tv-caret--no-margin {
|
|
margin-left: 0
|
|
}
|
|
|
|
.tv-load-chart-dialog-table {
|
|
padding: 14px 0 0
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-load-chart-dialog-table {
|
|
padding: 5px 0
|
|
}
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column {
|
|
padding: 6px 0
|
|
}
|
|
|
|
.feature-touch .tv-load-chart-dialog-table__column {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column--item {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.feature-no-touch .tv-load-chart-dialog-table__column--header:hover {
|
|
color: #3babd8
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column--header.i-active {
|
|
color: #3898c2;
|
|
font-weight: 700
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column-wrapper {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column--header:not(.i-active) .tv-load-chart-dialog-table__caret {
|
|
display: none
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column--item {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-load-chart-dialog-table__column--item {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column--item:visited {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-load-chart-dialog-table__column--item:visited {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column-name {
|
|
width: 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-load-chart-dialog-table__column-name {
|
|
width: 60%;
|
|
max-width: 60%
|
|
}
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column-modified {
|
|
width: 30%
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-load-chart-dialog-table__column-modified {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column-symbol {
|
|
width: 20%;
|
|
text-align: right
|
|
}
|
|
|
|
@media screen and (max-width:479px) {
|
|
.tv-load-chart-dialog-table__column-symbol {
|
|
width: 40%
|
|
}
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__column-name .i-match,
|
|
.tv-load-chart-dialog-table__column-symbol .i-match {
|
|
color: #3898c2;
|
|
font-weight: 700
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__row {
|
|
padding: 0 30px;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__row--header {
|
|
color: #9b9b9b
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__row--item {
|
|
padding-right: 8px;
|
|
padding-left: 2px;
|
|
margin: 1px 0 2px;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item:hover {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__row--item.i-active {
|
|
background-color: #eff9ff
|
|
}
|
|
|
|
html.theme-dark .tv-load-chart-dialog-table__row--item.i-active {
|
|
background-color: #21384d
|
|
}
|
|
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item.i-active:hover {
|
|
background-color: #c6e9f8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item.i-active:hover {
|
|
background-color: #21384d
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__row--item-without-favs {
|
|
padding-left: 30px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list-container {
|
|
overflow-y: auto;
|
|
height: 381px;
|
|
margin-top: 5px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
|
|
border: 1px solid;
|
|
border-color: #f1f3f6;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
|
|
background-color: #363c4e;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__empty-list-placeholder {
|
|
display: none;
|
|
color: #8a8a8a;
|
|
font-style: italic;
|
|
padding-top: 10px;
|
|
text-align: center
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list-container.i-empty .tv-load-chart-dialog-table__empty-list-placeholder {
|
|
display: block
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__items-list {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-bottom: 15px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__favorite-icon-container {
|
|
display: flex
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--empty {
|
|
display: none
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--filled {
|
|
display: flex
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__star-icon {
|
|
padding: 4px 6px
|
|
}
|
|
|
|
.feature-touch .tv-load-chart-dialog-table__star-icon {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__star-icon--empty {
|
|
display: flex
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__star-icon--filled {
|
|
display: none
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__remove-icon {
|
|
display: flex;
|
|
padding: 9px 4px 9px 7px
|
|
}
|
|
|
|
.feature-touch .tv-load-chart-dialog-table__remove-icon {
|
|
padding-top: 13px;
|
|
padding-bottom: 13px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__remove-icon svg {
|
|
width: 10px;
|
|
height: 10px
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__favorite-icon-container,
|
|
.tv-load-chart-dialog-table__remove-icon {
|
|
visibility: hidden
|
|
}
|
|
|
|
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container,
|
|
.feature-touch .tv-load-chart-dialog-table__remove-icon {
|
|
visibility: visible
|
|
}
|
|
|
|
.tv-load-chart-dialog-table__favorite-icon-container svg,
|
|
.tv-load-chart-dialog-table__remove-icon svg {
|
|
opacity: .5;
|
|
fill: #758696;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container svg,
|
|
.feature-touch .tv-load-chart-dialog-table__remove-icon svg {
|
|
opacity: .7
|
|
}
|
|
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container,
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon,
|
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred {
|
|
visibility: visible
|
|
}
|
|
|
|
.feature-no-touch .tv-load-chart-dialog-table__favorite-icon-container.i-starred:hover svg,
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container:hover svg,
|
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon:hover svg {
|
|
opacity: 1;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-exit-fullscreen-button {
|
|
z-index: 16;
|
|
position: fixed;
|
|
top: -1px;
|
|
left: 50%;
|
|
opacity: .6;
|
|
background: #fff;
|
|
color: #848487;
|
|
border-radius: 0 0 3px 3px;
|
|
border: 1px solid #c9cbcd;
|
|
font-size: 11px;
|
|
width: 116px;
|
|
font-weight: 700;
|
|
padding: 2px 4px;
|
|
cursor: default;
|
|
margin: 0 0 0 -59px
|
|
}
|
|
|
|
.feature-no-touch .tv-exit-fullscreen-button:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.pane {
|
|
overflow: hidden;
|
|
cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair
|
|
}
|
|
|
|
.pane--cursor-pointer {
|
|
cursor: pointer
|
|
}
|
|
|
|
.pane--cursor-eraser {
|
|
cursor: url(eraser.0579d40b812fa2c3ffe72e5803a6e14c.cur), default
|
|
}
|
|
|
|
.pane--cursor-dot {
|
|
cursor: url(dot.ed68e83c16f77203e73dbc4c3a7c7fa1.cur), default
|
|
}
|
|
|
|
.pane--cursor-default {
|
|
cursor: default
|
|
}
|
|
|
|
.pane--cursor-grabbing {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.pane--cursor-zoom-in {
|
|
cursor: url(zoom.e21f24dd632c7069139bc47ae89c54b5.cur), default;
|
|
cursor: zoom-in
|
|
}
|
|
|
|
.pane--cursor-ns-resize {
|
|
cursor: ns-resize
|
|
}
|
|
|
|
.custom-select {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
height: 27px
|
|
}
|
|
|
|
.custom-select .switcher {
|
|
background: #f1f3f6;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
clear: both;
|
|
height: 25px;
|
|
min-width: 65px
|
|
}
|
|
|
|
html.theme-dark .custom-select .switcher {
|
|
border-color: #363c4e;
|
|
background: #2f3241
|
|
}
|
|
|
|
.custom-select .switcher .title {
|
|
display: block;
|
|
float: left;
|
|
background-repeat: repeat-x;
|
|
height: 10px;
|
|
overflow: hidden;
|
|
padding: 5px 20px 5px 12px;
|
|
vertical-align: middle;
|
|
width: 78px
|
|
}
|
|
|
|
.custom-select .switcher .icon {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 6px;
|
|
height: 15px;
|
|
width: 13px;
|
|
cursor: default;
|
|
background: none
|
|
}
|
|
|
|
.custom-select .switcher .icon:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0;
|
|
border-color: currentColor transparent transparent;
|
|
margin-left: 5px;
|
|
color: #4a4a4a;
|
|
vertical-align: middle;
|
|
transition: transform .35s ease
|
|
}
|
|
|
|
html.theme-dark .custom-select .switcher .icon:before {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.custom-select .items {
|
|
position: absolute;
|
|
z-index: 3;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-color: #dadde0;
|
|
clear: both;
|
|
cursor: pointer;
|
|
top: 28px;
|
|
box-sizing: border-box;
|
|
width: 100%
|
|
}
|
|
|
|
html.theme-dark .custom-select .items {
|
|
border-color: #363c4e;
|
|
background: #131722
|
|
}
|
|
|
|
.custom-select .items .item {
|
|
cursor: pointer;
|
|
padding: 7px 12px
|
|
}
|
|
|
|
.feature-no-touch .custom-select .items .item:hover {
|
|
background: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .custom-select .items .item:hover {
|
|
background: #2f3241
|
|
}
|
|
|
|
.custom-select .items .item.selected {
|
|
padding-left: 8px;
|
|
background: #f1f3f6;
|
|
border-left: 4px solid #5cb888
|
|
}
|
|
|
|
html.theme-dark .custom-select .items .item.selected {
|
|
background: #2f3241
|
|
}
|
|
|
|
.tv-line-style-option {
|
|
height: 15px;
|
|
background: none 0 7px repeat-x
|
|
}
|
|
|
|
.tv-line-style-option--solid {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='2'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.tv-line-style-option--dotted {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='3'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.tv-line-style-option--dashed {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='13'%3E%3Cpath d='m0 0h9v2H0z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.price-axis {
|
|
cursor: default
|
|
}
|
|
|
|
.price-axis--cursor-grabbing {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.price-axis--cursor-ns-resize {
|
|
cursor: ns-resize
|
|
}
|
|
|
|
.pane-separator {
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.pane-separator .handle {
|
|
position: absolute;
|
|
z-index: 50;
|
|
height: 5px;
|
|
width: 100%;
|
|
background-color: hsla(0, 0%, 100%, .02);
|
|
cursor: ns-resize
|
|
}
|
|
|
|
.time-axis {
|
|
cursor: default
|
|
}
|
|
|
|
.time-axis--cursor-grabbing {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.time-axis--cursor-ew-resize {
|
|
cursor: ew-resize
|
|
}
|
|
|
|
.dialog-37P3XYj-- {
|
|
display: flex;
|
|
min-width: 280px;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
flex-direction: column
|
|
}
|
|
|
|
html.theme-dark .dialog-37P3XYj-- {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.dialog-37P3XYj--.rounded-2hsCfk1q- {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.dialog-37P3XYj--.shadowed-1iGQR9Xl- {
|
|
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .275)
|
|
}
|
|
|
|
.dialog-37P3XYj--.fullscreen-1I0OIOcc- {
|
|
position: fixed;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.dialog-aQQq411q- {
|
|
position: fixed;
|
|
min-width: 280px;
|
|
width: 100%;
|
|
max-width: 980px;
|
|
max-height: 80%
|
|
}
|
|
|
|
.dialog-aQQq411q- [data-dragg-area] {
|
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
|
|
cursor: -webkit-grab;
|
|
cursor: grab
|
|
}
|
|
|
|
.dialog-aQQq411q- [data-dragg-area].dragging-3fV74VcN- {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
@media screen and (min-width:1530px) {
|
|
.dialog-aQQq411q- {
|
|
max-width: 1200px
|
|
}
|
|
}
|
|
|
|
.header-dpl-vtN_- {
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #212121;
|
|
padding: 30px 60px 30px 30px;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .header-dpl-vtN_- {
|
|
border-bottom-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.header-dpl-vtN_- {
|
|
padding: 20px 60px 20px 20px
|
|
}
|
|
}
|
|
|
|
.header-dpl-vtN_- .close-3kPn4OTV- {
|
|
position: absolute;
|
|
padding: 15px;
|
|
top: 17px;
|
|
right: 15px;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
transition: opacity .35s ease;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.header-dpl-vtN_- .close-3kPn4OTV- {
|
|
top: 7px;
|
|
right: 7px
|
|
}
|
|
}
|
|
|
|
.feature-no-touch .header-dpl-vtN_- .close-3kPn4OTV-:hover {
|
|
opacity: 1;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.header-dpl-vtN_- .close-3kPn4OTV- svg {
|
|
display: block;
|
|
width: 13px;
|
|
height: 13px;
|
|
fill: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .header-dpl-vtN_- .close-3kPn4OTV- svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
.footer-2Zoji8zg- {
|
|
padding: 0 30px 30px
|
|
}
|
|
|
|
.body-2N-vuwQW- {
|
|
flex-grow: 1;
|
|
max-height: 700px;
|
|
padding: 30px;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.body-2N-vuwQW-::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
.body-2N-vuwQW-::-webkit-scrollbar-thumb {
|
|
border: 1px solid;
|
|
border-color: #f1f3f6;
|
|
border-radius: 3px;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb {
|
|
background-color: #363c4e;
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.body-2N-vuwQW-::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 3px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.body-2N-vuwQW- {
|
|
padding: 20px
|
|
}
|
|
}
|
|
|
|
.message-2o-rtQm0- {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 14px;
|
|
padding: 30px;
|
|
text-align: center;
|
|
color: #37bc9b;
|
|
background: #ebf9f5;
|
|
transition: opacity .2625s ease, transform .2625s ease
|
|
}
|
|
|
|
html.theme-dark .message-2o-rtQm0- {
|
|
background: #21384d
|
|
}
|
|
|
|
.message-2o-rtQm0-.error-2EW0C6z-- {
|
|
color: #ff4a68;
|
|
background: #ffedf0
|
|
}
|
|
|
|
html.theme-dark .message-2o-rtQm0-.error-2EW0C6z-- {
|
|
background: #6f2626
|
|
}
|
|
|
|
.message-enter {
|
|
opacity: 0;
|
|
transform: translateY(-33px)
|
|
}
|
|
|
|
.message-enter-active,
|
|
.message-leave {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.message-leave-active {
|
|
opacity: 0;
|
|
transform: translateY(-33px)
|
|
}
|
|
|
|
.calendar-H-c9lyXG- {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 5px 0 rgba(19, 23, 34, .3)
|
|
}
|
|
|
|
html.theme-dark .calendar-H-c9lyXG- {
|
|
background-color: #1c2030;
|
|
box-shadow: 0 2px 5px 0 #000
|
|
}
|
|
|
|
.header-29jmPJB_- {
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 48px;
|
|
background: #fff;
|
|
border-bottom: 1px solid;
|
|
border-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .header-29jmPJB_- {
|
|
border-color: #363c4e;
|
|
background: #1c2030
|
|
}
|
|
|
|
.header-29jmPJB_->* {
|
|
flex-grow: 1;
|
|
display: block
|
|
}
|
|
|
|
.header-29jmPJB_- .title-3BLccpWI- {
|
|
text-align: center;
|
|
font-size: 22px;
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .header-29jmPJB_- .title-3BLccpWI- {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.header-29jmPJB_- .titleDay-3Mp9czBi-,
|
|
html.theme-dark .header-29jmPJB_- .titleDay-3Mp9czBi- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp- {
|
|
cursor: pointer
|
|
}
|
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp->svg {
|
|
fill: #262b3e;
|
|
height: 13px
|
|
}
|
|
|
|
html.theme-dark .header-29jmPJB_- .switchBtn-p718bDyp->svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp-.prev-1vUszsRH->svg {
|
|
float: left;
|
|
margin-left: 12px
|
|
}
|
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp-.next-Xxv3BCz0->svg {
|
|
float: right;
|
|
margin-right: 12px
|
|
}
|
|
|
|
.month-14xTSVpQ- {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #fff
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- {
|
|
background: #262b3e
|
|
}
|
|
|
|
.month-14xTSVpQ- .weekdays-p5haX_xf- {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 6px 0;
|
|
background-color: #f7f8fa;
|
|
border: 1px solid;
|
|
border-top: 0;
|
|
border-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf- {
|
|
border-color: #1c2030;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.month-14xTSVpQ- .weekdays-p5haX_xf->span {
|
|
flex: 1 1;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
color: #8797a5
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-left: 1px solid;
|
|
border-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- {
|
|
border-color: #1c2030
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
|
|
flex: 1 1 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: #262b3e;
|
|
cursor: pointer;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
border-bottom: 1px solid;
|
|
border-right: 1px solid;
|
|
padding: 2px 1px 1px 2px;
|
|
border-color: #f7f8fa;
|
|
transition: background-color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
|
|
border-color: #1c2030;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB->span {
|
|
flex: 1 1;
|
|
align-self: center;
|
|
text-align: center
|
|
}
|
|
|
|
.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
|
|
.feature-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
|
|
html.feature-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
|
|
background-color: rgba(247, 248, 250, .5)
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
|
|
background-color: rgba(28, 32, 48, .5)
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
|
|
color: #3bb3e4;
|
|
border: 2px solid;
|
|
padding: 0;
|
|
border-color: #3bb3e4;
|
|
z-index: 1
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
|
|
border-color: #3bb3e4;
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- {
|
|
color: #c5cbce;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- {
|
|
color: #4c525e
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-,
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-:after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -1px;
|
|
content: " ";
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 11px 11px 0;
|
|
border-color: transparent #3bb3e4 transparent transparent
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-.currentDay-3sTNH-Yi-:after {
|
|
top: -2px;
|
|
right: -2px
|
|
}
|
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
|
|
color: #c5cbce
|
|
}
|
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
|
|
color: #4c525e
|
|
}
|
|
|
|
.calendar-Q5DuQzKD- {
|
|
width: 280px
|
|
}
|
|
|
|
.inputWrapper-6bNZbTW4- {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
border-radius: 2px 2px 2px 2px
|
|
}
|
|
|
|
.textInput-3WRWEmm7- {
|
|
background-color: #fff;
|
|
border: 1px solid;
|
|
box-sizing: border-box;
|
|
color: #535353;
|
|
display: flex;
|
|
font-size: 13px;
|
|
height: 34px;
|
|
padding: 0 12px;
|
|
transition: border-color .35s ease 0s, background-color .35s ease 0s;
|
|
width: 100%;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border-radius: inherit;
|
|
border-color: #dadde0;
|
|
flex: 1
|
|
}
|
|
|
|
html.theme-dark .textInput-3WRWEmm7- {
|
|
border-color: #363c4e;
|
|
color: #f2f3f5;
|
|
background-color: #131722
|
|
}
|
|
|
|
.textInput-3WRWEmm7-::-webkit-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.textInput-3WRWEmm7-:-ms-input-placeholder,
|
|
.textInput-3WRWEmm7-::-ms-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.textInput-3WRWEmm7-::placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
html.theme-dark .textInput-3WRWEmm7-::-webkit-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .textInput-3WRWEmm7-:-ms-input-placeholder,
|
|
html.theme-dark .textInput-3WRWEmm7-::-ms-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .textInput-3WRWEmm7-::placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-[readonly]:focus,
|
|
.feature-no-touch .textInput-3WRWEmm7-[readonly]:hover,
|
|
.feature-touch .textInput-3WRWEmm7-[readonly]:focus,
|
|
.textInput-3WRWEmm7-[readonly] {
|
|
border-color: #dadde0;
|
|
color: #8a8a8a
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover,
|
|
html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
|
|
html.theme-dark .textInput-3WRWEmm7-[readonly] {
|
|
color: #758696;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover,
|
|
.textInput-3WRWEmm7-[disabled] {
|
|
color: #ececec;
|
|
border-color: #ececec;
|
|
background-color: #fff;
|
|
cursor: auto
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
|
|
html.theme-dark .textInput-3WRWEmm7-[disabled] {
|
|
background-color: #131722;
|
|
border-color: #262b3e;
|
|
color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
|
|
.textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
|
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
|
|
.textInput-3WRWEmm7-[disabled]:-ms-input-placeholder,
|
|
.textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::placeholder,
|
|
.textInput-3WRWEmm7-[disabled]::placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
|
|
html.theme-dark .textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
|
|
html.theme-dark .textInput-3WRWEmm7-[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::placeholder,
|
|
html.theme-dark .textInput-3WRWEmm7-[disabled]::placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-.error-v0663AtN-:hover,
|
|
.textInput-3WRWEmm7-.error-v0663AtN-,
|
|
.textInput-3WRWEmm7-.error-v0663AtN-[disabled],
|
|
.textInput-3WRWEmm7-.error-v0663AtN-[readonly] {
|
|
border-color: #f24965 !important
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-.success-7iP8kTY5-:hover,
|
|
.textInput-3WRWEmm7-.success-7iP8kTY5-,
|
|
.textInput-3WRWEmm7-.success-7iP8kTY5-[disabled],
|
|
.textInput-3WRWEmm7-.success-7iP8kTY5-[readonly] {
|
|
border-color: #38b395 !important
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-:hover {
|
|
border-color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .textInput-3WRWEmm7-:focus,
|
|
.feature-touch .textInput-3WRWEmm7-:focus {
|
|
border-color: #3bb3e4 !important;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.xsmall-3Ah_Or2-- {
|
|
height: 19px
|
|
}
|
|
|
|
.small-2bmxiJCE- {
|
|
height: 27px
|
|
}
|
|
|
|
.large-1JDowW2I- {
|
|
height: 48px
|
|
}
|
|
|
|
.iconed-3ZQvxTot- .textInput-3WRWEmm7- {
|
|
padding-left: 30px
|
|
}
|
|
|
|
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- {
|
|
opacity: .4
|
|
}
|
|
|
|
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- svg {
|
|
display: inline-block;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
margin: 10px 0 0 10px;
|
|
fill: #4a4a4a;
|
|
stroke: #4a4a4a
|
|
}
|
|
|
|
.clearable-2tabt_rj- .textInput-3WRWEmm7- {
|
|
display: inline-block;
|
|
width: 100%
|
|
}
|
|
|
|
.clearable-2tabt_rj- .clearIcon-389FR5J4- {
|
|
display: inline-flex;
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 10px;
|
|
cursor: pointer;
|
|
opacity: .4
|
|
}
|
|
|
|
.clearable-2tabt_rj- .clearIcon-389FR5J4- svg {
|
|
max-width: 16px;
|
|
height: 16px;
|
|
fill: #4a4a4a;
|
|
stroke: #4a4a4a
|
|
}
|
|
|
|
.grouped-34HX1lDr-:not(:first-child):not(:last-child) {
|
|
border-radius: 0
|
|
}
|
|
|
|
.grouped-34HX1lDr-+.grouped-34HX1lDr- {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.grouped-34HX1lDr-:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.grouped-34HX1lDr-:not(:last-child) {
|
|
border-radius: 2px 0 0 2px
|
|
}
|
|
|
|
.grouped-34HX1lDr-:not(:first-child) {
|
|
border-radius: 0 2px 2px 0
|
|
}
|
|
|
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- {
|
|
display: inline-flex;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 9px;
|
|
cursor: pointer;
|
|
opacity: .5
|
|
}
|
|
|
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
fill: #7d7d7d
|
|
}
|
|
|
|
html.theme-dark .pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7-.disabled-1a0fnI7P- {
|
|
opacity: .1
|
|
}
|
|
|
|
.picker-1hzUXDA1- {
|
|
position: absolute;
|
|
z-index: 1;
|
|
transition: opacity .2625s ease
|
|
}
|
|
|
|
.tv-picker-enter {
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-picker-enter-active,
|
|
.tv-picker-leave {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-picker-leave-active {
|
|
opacity: 0
|
|
}
|
|
|
|
.clock-3pqBsiNm- {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 5px 0 rgba(19, 23, 34, .3)
|
|
}
|
|
|
|
html.theme-dark .clock-3pqBsiNm- {
|
|
background-color: #1c2030;
|
|
box-shadow: 0 2px 5px 0 #000
|
|
}
|
|
|
|
.header-pTWMGSpm- {
|
|
width: 100%;
|
|
font-size: 24px;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #eceff2;
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .header-pTWMGSpm- {
|
|
color: #c5cbce;
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.header-pTWMGSpm- .number-9PC9lvyt- {
|
|
padding: 0 3px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.header-pTWMGSpm- .number-9PC9lvyt-.active-1sonmMLV- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.body-2Q-g3GDd- {
|
|
padding: 12px;
|
|
background: #f7f8fa;
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
html.theme-dark .body-2Q-g3GDd- {
|
|
background: #1c2030
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- {
|
|
position: relative;
|
|
width: 200px;
|
|
height: 200px;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
background: #fff
|
|
}
|
|
|
|
html.theme-dark .clockFace-eHYbqh-S- {
|
|
background: #262b3e
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- div {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: 50%;
|
|
font-size: 15px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 28px;
|
|
margin-top: -14px;
|
|
margin-left: -14px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
pointer-events: all;
|
|
color: #262b3e;
|
|
transition: background-color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt->span {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
|
|
background-color: rgba(247, 248, 250, .5)
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
|
|
background-color: rgba(28, 32, 48, .5)
|
|
}
|
|
|
|
.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
|
|
.feature-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
|
|
html.feature-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-.inner-1mVlhYbe- {
|
|
font-size: 120%
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .hand-2ZG8pJQb- {
|
|
position: absolute;
|
|
display: block;
|
|
pointer-events: none;
|
|
bottom: 50%;
|
|
left: 50%;
|
|
width: 1px;
|
|
margin-left: -.5px;
|
|
transform-origin: 50% 100%;
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
|
|
position: absolute;
|
|
top: -26px;
|
|
left: 50%;
|
|
width: 26px;
|
|
height: 26px;
|
|
margin-left: -13px;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
border: 2px solid;
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
|
|
border-color: #3bb3e4
|
|
}
|
|
|
|
.clockFace-eHYbqh-S- .centerDot-210Fo0oV- {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 4px;
|
|
height: 4px;
|
|
margin-top: -2px;
|
|
margin-left: -2px;
|
|
content: "";
|
|
border-radius: 50%;
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.tv-clock-face-animate-enter-active,
|
|
.tv-clock-face-animate-leave-active {
|
|
transition: transform .35s linear, opacity .35s ease;
|
|
transform-origin: 50% 50%
|
|
}
|
|
|
|
.tv-clock-face-animate-enter {
|
|
transform: scale(.8);
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-clock-face-animate-enter-active,
|
|
.tv-clock-face-animate-leave {
|
|
transform: scale(1);
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-clock-face-animate-leave-active {
|
|
transform: scale(1.2);
|
|
opacity: 0
|
|
}
|
|
|
|
.ghost-3yO24wIn-.primary-1rSzOFdX- {
|
|
color: #3bb3e4;
|
|
border: 1px solid #3bb3e4;
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .ghost-3yO24wIn-.primary-1rSzOFdX-:hover {
|
|
color: #fff;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.ghost-3yO24wIn-.success-1qQ3_tEI- {
|
|
color: #3cbc98;
|
|
border: 1px solid #3cbc98;
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .ghost-3yO24wIn-.success-1qQ3_tEI-:hover {
|
|
color: #fff;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.ghost-3yO24wIn-.danger-jKTO4wDd- {
|
|
color: #ff4a68;
|
|
border: 1px solid #ff4a68;
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .ghost-3yO24wIn-.danger-jKTO4wDd-:hover {
|
|
color: #fff;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.ghost-3yO24wIn-.warning-2uDfz7Zc- {
|
|
color: #f89e30;
|
|
border: 1px solid #f89e30;
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .ghost-3yO24wIn-.warning-2uDfz7Zc-:hover {
|
|
color: #fff;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.ghost-3yO24wIn-.secondary-3ll81brZ- {
|
|
color: #757575;
|
|
border: 1px solid #e9eff2;
|
|
background-color: transparent
|
|
}
|
|
|
|
.feature-no-touch .ghost-3yO24wIn-.secondary-3ll81brZ-:hover {
|
|
color: #757575;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.button-2O-nMUcz- {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0;
|
|
position: relative;
|
|
min-width: 35px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
line-height: 32px;
|
|
font-size: 14px;
|
|
transition: background-color .35s ease, border-color .35s ease, color .35s ease;
|
|
border-radius: 2px;
|
|
border: 1px solid transparent
|
|
}
|
|
|
|
.button-2O-nMUcz-.withPadding-_5CJoO5q- {
|
|
padding: 0 22px
|
|
}
|
|
|
|
.button-2O-nMUcz-+.button-2O-nMUcz- {
|
|
margin-left: 15px
|
|
}
|
|
|
|
.hiddenText-3qcN5Wif- {
|
|
visibility: hidden;
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.text-2KOWx3rB- {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
text-align: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: opacity .175s ease, transform .175s ease
|
|
}
|
|
|
|
.loader-1CC-1F8J- {
|
|
display: inline-block;
|
|
transition: opacity .35s ease;
|
|
opacity: 1
|
|
}
|
|
|
|
.body-enter.text-2KOWx3rB- {
|
|
opacity: 0;
|
|
transform: translateY(5px)
|
|
}
|
|
|
|
.body-enter-active.text-2KOWx3rB- {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition-delay: .175s
|
|
}
|
|
|
|
.body-leave-active.text-2KOWx3rB- {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
.body-enter.loader-1CC-1F8J- {
|
|
opacity: 0
|
|
}
|
|
|
|
.body-enter-active.loader-1CC-1F8J- {
|
|
opacity: 1
|
|
}
|
|
|
|
.body-leave-active.loader-1CC-1F8J- {
|
|
opacity: 0
|
|
}
|
|
|
|
.base-2d4XFcnI- {
|
|
color: #757575;
|
|
border-color: #adaeb0;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.theme-dark .base-2d4XFcnI- {
|
|
border-color: #4f5966;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .base-2d4XFcnI-:hover {
|
|
background-color: #f2f2f2;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .base-2d4XFcnI-:hover {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .base-2d4XFcnI-:active,
|
|
.feature-touch .base-2d4XFcnI-:active {
|
|
background-color: #ececec;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .base-2d4XFcnI-:active,
|
|
html.feature-touch.theme-dark .base-2d4XFcnI-:active {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.primary-1rSzOFdX- {
|
|
color: #fff;
|
|
border-color: #3bb3e4;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.feature-no-touch .primary-1rSzOFdX-:hover {
|
|
background-color: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .primary-1rSzOFdX-:active,
|
|
.feature-touch .primary-1rSzOFdX-:active {
|
|
background-color: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.success-1qQ3_tEI- {
|
|
color: #fff;
|
|
border-color: #3cbc98;
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.feature-no-touch .success-1qQ3_tEI-:hover {
|
|
background-color: #38b395;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .success-1qQ3_tEI-:active,
|
|
.feature-touch .success-1qQ3_tEI-:active {
|
|
background-color: #00a97f;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.danger-jKTO4wDd- {
|
|
color: #fff;
|
|
border-color: #ff4a68;
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.feature-no-touch .danger-jKTO4wDd-:hover {
|
|
background-color: #f24965;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .danger-jKTO4wDd-:active,
|
|
.feature-touch .danger-jKTO4wDd-:active {
|
|
background-color: #ff173e;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.warning-2uDfz7Zc- {
|
|
color: #fff;
|
|
border-color: #f89e30;
|
|
background-color: #f89e30
|
|
}
|
|
|
|
.feature-no-touch .warning-2uDfz7Zc-:hover {
|
|
background-color: #f79217;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .warning-2uDfz7Zc-:active,
|
|
.feature-touch .warning-2uDfz7Zc-:active {
|
|
background-color: #d47807;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.secondary-3ll81brZ- {
|
|
color: #757575;
|
|
border-color: #eceff2;
|
|
background-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .secondary-3ll81brZ- {
|
|
background-color: #363c4e;
|
|
border-color: #363c4e;
|
|
color: #fff
|
|
}
|
|
|
|
.feature-no-touch .secondary-3ll81brZ-:hover {
|
|
background-color: #dce6ea;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:hover {
|
|
background-color: #4f5966
|
|
}
|
|
|
|
.feature-no-touch .secondary-3ll81brZ-:active,
|
|
.feature-touch .secondary-3ll81brZ-:active {
|
|
background-color: #cfdce3;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:active,
|
|
html.feature-touch.theme-dark .secondary-3ll81brZ-:active {
|
|
background-color: #4f5966
|
|
}
|
|
|
|
.secondaryScript-2iIeFIWW- {
|
|
color: #fff;
|
|
border-color: #9db2bd;
|
|
background-color: #9db2bd
|
|
}
|
|
|
|
html.theme-dark .secondaryScript-2iIeFIWW- {
|
|
background-color: #363c4e;
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .secondaryScript-2iIeFIWW-:hover {
|
|
background-color: #9db2bd;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:hover {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .secondaryScript-2iIeFIWW-:active,
|
|
.feature-touch .secondaryScript-2iIeFIWW-:active {
|
|
background-color: #cfdce3;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:active,
|
|
html.feature-touch.theme-dark .secondaryScript-2iIeFIWW-:active {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.link-2sR0CShp- {
|
|
color: #3bb3e4;
|
|
transition: color .35s ease;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .link-2sR0CShp- {
|
|
color: #299dcd
|
|
}
|
|
|
|
.link-2sR0CShp-:visited {
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
html.theme-dark .link-2sR0CShp-:visited {
|
|
fill: #299dcd;
|
|
color: #299dcd
|
|
}
|
|
|
|
.feature-no-touch .link-2sR0CShp-:hover {
|
|
color: #3babd8;
|
|
fill: #3babd8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .link-2sR0CShp-:active,
|
|
.feature-touch .link-2sR0CShp-:active {
|
|
color: #049ddc;
|
|
fill: #049ddc;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.xsmall-1aiWe3Hs- {
|
|
line-height: 17px;
|
|
border-radius: 1px;
|
|
font-size: 11px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.xsmall-1aiWe3Hs-.withPadding-_5CJoO5q- {
|
|
padding: 0 7px
|
|
}
|
|
|
|
.xsmall-1aiWe3Hs-+.xsmall-1aiWe3Hs- {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.xsmall-1aiWe3Hs-.rounded-3qEdyiAz- {
|
|
border-radius: 10px
|
|
}
|
|
|
|
.small-2-nQtW8O- {
|
|
line-height: 25px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.small-2-nQtW8O-.withPadding-_5CJoO5q- {
|
|
padding: 0 12px
|
|
}
|
|
|
|
.small-2-nQtW8O-+.small-2-nQtW8O- {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.small-2-nQtW8O-.rounded-3qEdyiAz- {
|
|
border-radius: 14px
|
|
}
|
|
|
|
.large-33HYhX8D- {
|
|
line-height: 46px;
|
|
font-size: 17px;
|
|
letter-spacing: 1px
|
|
}
|
|
|
|
.large-33HYhX8D-.withPadding-_5CJoO5q- {
|
|
padding: 0 30px
|
|
}
|
|
|
|
.large-33HYhX8D-.rounded-3qEdyiAz- {
|
|
border-radius: 24px
|
|
}
|
|
|
|
.grouped-1WsMjajI-:not(:first-child):not(:last-child) {
|
|
border-radius: 0
|
|
}
|
|
|
|
.grouped-1WsMjajI-+.grouped-1WsMjajI- {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.grouped-1WsMjajI-:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.grouped-1WsMjajI-:not(:last-child) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.grouped-1WsMjajI-:not(:first-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.growable-F6tv8R_j- {
|
|
flex: 1
|
|
}
|
|
|
|
.growable-F6tv8R_j-.withPadding-_5CJoO5q- {
|
|
padding: 0
|
|
}
|
|
|
|
.feature-no-touch .active-2UxWxOgk-:active,
|
|
.feature-touch .active-2UxWxOgk-:active {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.disabled-3u0ULovv- {
|
|
color: #adaeb0;
|
|
border-color: #f1f3f6;
|
|
background-color: #f1f3f6;
|
|
cursor: default
|
|
}
|
|
|
|
html.theme-dark .disabled-3u0ULovv- {
|
|
background-color: #262b3e;
|
|
border-color: #262b3e;
|
|
color: #363c4e
|
|
}
|
|
|
|
.feature-no-touch .disabled-3u0ULovv-:hover {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:hover {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .disabled-3u0ULovv-:active,
|
|
.feature-touch .disabled-3u0ULovv-:active {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:active,
|
|
html.feature-touch.theme-dark .disabled-3u0ULovv-:active {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .disabled-3u0ULovv-:active,
|
|
.feature-touch .disabled-3u0ULovv-:active {
|
|
transform: none
|
|
}
|
|
|
|
.rounded-3qEdyiAz- {
|
|
border-radius: 17px
|
|
}
|
|
|
|
.loader-3Pj8ExOX- {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 0;
|
|
opacity: 1;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.loader-3Pj8ExOX-:after {
|
|
content: " ";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.loader-3Pj8ExOX- .item-2n55_7om- {
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 10px;
|
|
height: 10px;
|
|
opacity: 1;
|
|
border-radius: 100%;
|
|
transform: translateY(0) scale(.6);
|
|
transition: transform .35s cubic-bezier(.68, -.55, .265, 1.55);
|
|
animation: tv-button-loader-SKpJjjYw- .96s infinite ease-in-out both
|
|
}
|
|
|
|
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(2) {
|
|
transition-delay: .11666667s;
|
|
animation-delay: .151s
|
|
}
|
|
|
|
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(3) {
|
|
transition-delay: .23333333s;
|
|
animation-delay: .32s
|
|
}
|
|
|
|
.loader-3Pj8ExOX- .item-2n55_7om-.black-eFIQWyf4- {
|
|
background-color: #757575
|
|
}
|
|
|
|
.loader-3Pj8ExOX- .item-2n55_7om-.white-2Ma0ajvT- {
|
|
background-color: #fff
|
|
}
|
|
|
|
.loader-3Pj8ExOX-.loader-appear .item-2n55_7om- {
|
|
animation: none;
|
|
transform: translateY(12px) scale(.6)
|
|
}
|
|
|
|
.loader-3Pj8ExOX-.loader-appear-active .item-2n55_7om- {
|
|
transform: translateY(0) scale(.6)
|
|
}
|
|
|
|
@keyframes tv-button-loader-SKpJjjYw- {
|
|
|
|
0%,
|
|
to {
|
|
transform: scale(.6)
|
|
}
|
|
|
|
50% {
|
|
transform: scale(.9)
|
|
}
|
|
}
|
|
|
|
.dialog-1oXvxbfL- {
|
|
max-width: 345px
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- {
|
|
display: flex
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- {
|
|
margin-right: 14px
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- input {
|
|
font-size: 15px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:first-child {
|
|
flex: 0 4 100%
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:nth-child(2) {
|
|
flex: 0 5 100%
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.btn-1wL_hi5U- {
|
|
margin-left: 3px
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- {
|
|
padding: 0 8px;
|
|
line-height: 32px;
|
|
font-size: 16px
|
|
}
|
|
|
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
|
|
fill: #fff;
|
|
width: 12px;
|
|
height: 12px
|
|
}
|
|
|
|
html.theme-dark .dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
|
|
fill: #363c4e
|
|
}
|
|
|
|
.popupDialog-2VK9ttEi- {
|
|
max-width: 380px
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- {
|
|
display: flex;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- {
|
|
font-size: 13px
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
|
|
color: #888989
|
|
}
|
|
|
|
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
|
|
color: #758696
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
|
|
font-weight: 700;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .columnTitle-3ypCTDKd- {
|
|
text-align: left
|
|
}
|
|
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .columnValue-Xr4j0qyI- {
|
|
margin-left: auto;
|
|
text-align: right
|
|
}
|
|
|
|
.tv-control-input {
|
|
display: block;
|
|
padding: 0 12px;
|
|
width: 100%;
|
|
height: 34px;
|
|
font-size: 13px;
|
|
color: #4a4a4a;
|
|
border: 1px solid #dadde0;
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: border-color .35s ease, background-color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-control-input {
|
|
background-color: #1c2030;
|
|
border-color: #363c4e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-control-input::-webkit-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input:-ms-input-placeholder,
|
|
.tv-control-input::-ms-input-placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-control-input::placeholder {
|
|
color: #adaeb0;
|
|
opacity: 1
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::-webkit-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input::-ms-input-placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
html.theme-dark .tv-control-input::placeholder {
|
|
color: #4f5966
|
|
}
|
|
|
|
.tv-control-input:-webkit-autofill {
|
|
-webkit-text-fill-color: #535353 !important;
|
|
box-shadow: inset 0 0 0 1000px #fff !important
|
|
}
|
|
|
|
.tv-control-input--size_xsmall {
|
|
height: 19px
|
|
}
|
|
|
|
.tv-control-input--size_small {
|
|
height: 27px
|
|
}
|
|
|
|
.tv-control-input--size_large {
|
|
height: 48px
|
|
}
|
|
|
|
.tv-control-input--connect {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_left {
|
|
border-left: none;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0
|
|
}
|
|
|
|
.tv-control-input--connect_right {
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:hover {
|
|
border-color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input:focus,
|
|
.feature-touch .tv-control-input:focus {
|
|
border-color: #3bb3e4 !important;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-control-input[readonly] {
|
|
color: #8a8a8a;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input[readonly]:focus,
|
|
.feature-no-touch .tv-control-input[readonly]:hover,
|
|
.feature-touch .tv-control-input[readonly]:focus {
|
|
border-color: #dadde0
|
|
}
|
|
|
|
.tv-control-input--readonly_dark,
|
|
.tv-control-input--readonly_dark[readonly] {
|
|
color: #555
|
|
}
|
|
|
|
html.theme-dark .tv-control-input--readonly_dark,
|
|
html.theme-dark .tv-control-input--readonly_dark[readonly] {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-control-input.i-disabled,
|
|
.tv-control-input[disabled] {
|
|
color: #ececec;
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled,
|
|
html.theme-dark .tv-control-input[disabled] {
|
|
border-color: #262b3e;
|
|
color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
.tv-control-input[disabled]::-webkit-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled:-ms-input-placeholder,
|
|
.tv-control-input.i-disabled::-ms-input-placeholder,
|
|
.tv-control-input[disabled]:-ms-input-placeholder,
|
|
.tv-control-input[disabled]::-ms-input-placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
.tv-control-input.i-disabled::placeholder,
|
|
.tv-control-input[disabled]::placeholder {
|
|
color: #ececec
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
html.theme-dark .tv-control-input.i-disabled::placeholder,
|
|
html.theme-dark .tv-control-input[disabled]::placeholder {
|
|
color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-disabled:hover,
|
|
.feature-no-touch .tv-control-input[disabled]:hover {
|
|
border-color: #ececec
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover,
|
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover {
|
|
border-color: #262b3e
|
|
}
|
|
|
|
.tv-control-input.i-error {
|
|
border-color: #ff4a68 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:hover {
|
|
border-color: #f24965 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-error:focus,
|
|
.feature-touch .tv-control-input.i-error:focus {
|
|
border-color: #ff173e !important
|
|
}
|
|
|
|
.tv-control-input.i-success {
|
|
border-color: #3cbc98 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:hover {
|
|
border-color: #38b395 !important
|
|
}
|
|
|
|
.feature-no-touch .tv-control-input.i-success:focus,
|
|
.feature-touch .tv-control-input.i-success:focus {
|
|
border-color: #00a97f !important
|
|
}
|
|
|
|
.tv-control-input--file {
|
|
display: none
|
|
}
|
|
|
|
.tv-compare-tab__predefines {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.tv-compare-tab__predefine-cell {
|
|
width: 50%;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.tv-compare-tab__checkbox-label {
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-compare-tab__checkbox-box:after {
|
|
border-color: #9db2bd
|
|
}
|
|
|
|
.tv-add-symbol-tab__add-symbol-overlay {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.tv-add-symbol-tab__checkbox-label {
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-add-symbol-tab__checkbox-box:after {
|
|
border-color: #9db2bd
|
|
}
|
|
|
|
.tv-tabs {
|
|
position: relative;
|
|
padding: 0 14px;
|
|
font-size: 0;
|
|
height: 54px;
|
|
overflow: hidden;
|
|
clear: both;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.tv-tabs:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.tv-tabs:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
background-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-tabs:before {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.tv-tabs::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.tv-tabs.i-loaded {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-tabs--category-content {
|
|
padding: 0 6px
|
|
}
|
|
|
|
.tv-tabs__scroll-wrap {
|
|
position: relative;
|
|
display: block;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
.tv-tabs__scroll-wrap:after {
|
|
clear: both;
|
|
display: table;
|
|
content: ""
|
|
}
|
|
|
|
.tv-tabs__scroll-box {
|
|
display: flex;
|
|
height: calc(100% - 1px);
|
|
position: relative
|
|
}
|
|
|
|
.tv-tabs__scroll-box--centered {
|
|
justify-content: center
|
|
}
|
|
|
|
.tv-tabs.i-loaded .tv-tabs__scroll-box {
|
|
padding: 0 14px
|
|
}
|
|
|
|
.tv-tabs--category-header.i-loaded .tv-tabs__scroll-box {
|
|
padding: 0 25px
|
|
}
|
|
|
|
.tv-tabs--category-content.i-loaded .tv-tabs__scroll-box {
|
|
padding: 0 6px
|
|
}
|
|
|
|
.tv-tabs__tab {
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 0 14px;
|
|
height: 53px;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
color: #9aa9ba;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
box-sizing: border-box;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-tabs__tab {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs__tab:active,
|
|
.feature-no-touch .tv-tabs__tab:hover,
|
|
.feature-touch .tv-tabs__tab:active,
|
|
.tv-tabs__tab.i-hover {
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs__tab:active,
|
|
.feature-no-touch .tv-tabs__tab:hover,
|
|
.feature-touch .tv-tabs__tab:active,
|
|
.tv-tabs__tab.i-active,
|
|
.tv-tabs__tab.i-hover {
|
|
color: #252733
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-tabs__tab:active,
|
|
html.feature-no-touch.theme-dark .tv-tabs__tab:hover,
|
|
html.feature-touch.theme-dark .tv-tabs__tab:active,
|
|
html.theme-dark .tv-tabs__tab.i-active,
|
|
html.theme-dark .tv-tabs__tab.i-hover {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.tv-tabs__tab.i-disabled,
|
|
.tv-tabs__tab:disabled,
|
|
.tv-tabs__tab[disabled] {
|
|
cursor: default;
|
|
color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-tabs__tab.i-disabled,
|
|
html.theme-dark .tv-tabs__tab:disabled,
|
|
html.theme-dark .tv-tabs__tab[disabled] {
|
|
color: #363c4e
|
|
}
|
|
|
|
.tv-tabs__tab--no-padding {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-tabs__tab--right-shifter {
|
|
margin-left: auto
|
|
}
|
|
|
|
.tv-tabs__tab--icon-tab {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__tab {
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
font-size: 15px;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:hover,
|
|
.tv-tabs--category-header .tv-tabs__tab.i-hover {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:active,
|
|
.feature-touch .tv-tabs--category-header .tv-tabs__tab:active,
|
|
.tv-tabs--category-header .tv-tabs__tab.i-active {
|
|
color: #363c4e
|
|
}
|
|
|
|
.tv-tabs:not(.i-loaded) .tv-tabs__tab.i-active:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -1px;
|
|
width: calc(100% - 28px);
|
|
height: 2px;
|
|
left: 14px;
|
|
background: #3bb3e4
|
|
}
|
|
|
|
.tv-tabs--category-header:not(.i-loaded) .tv-tabs__tab.i-active:after {
|
|
bottom: -1px;
|
|
height: 3px;
|
|
width: calc(100% - 50px);
|
|
left: 25px
|
|
}
|
|
|
|
.tv-tabs__slider {
|
|
z-index: 1
|
|
}
|
|
|
|
.tv-tabs__slider,
|
|
.tv-tabs__tab.i-active:after {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -1px;
|
|
height: 2px;
|
|
pointer-events: none;
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-tabs--compact {
|
|
height: 23px
|
|
}
|
|
|
|
.tv-tabs--semi-compact {
|
|
height: 34px
|
|
}
|
|
|
|
.tv-tabs--category-header {
|
|
height: 31px
|
|
}
|
|
|
|
.tv-tabs--category-header,
|
|
.tv-tabs--category-header.i-loaded .tv-tabs__scroll-box,
|
|
.tv-tabs--compact,
|
|
.tv-tabs--compact.i-loaded .tv-tabs__scroll-box,
|
|
.tv-tabs--semi-compact,
|
|
.tv-tabs--semi-compact.i-loaded .tv-tabs__scroll-box {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__scroll-box,
|
|
.tv-tabs--semi-compact .tv-tabs__scroll-box {
|
|
height: 100%
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
|
|
.tv-tabs--category-header,
|
|
.tv-tabs--category-header.i-loaded .tv-tabs__scroll-box {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.tv-tabs--category-header:before,
|
|
.tv-tabs--compact:before,
|
|
.tv-tabs--semi-compact:before {
|
|
bottom: 0
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__tab:first-child,
|
|
.tv-tabs--semi-compact .tv-tabs__tab:first-child {
|
|
margin-left: -14px
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__tab:last-child,
|
|
.tv-tabs--semi-compact .tv-tabs__tab:last-child {
|
|
margin-right: -14px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__tab:first-child {
|
|
margin-left: -25px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__tab:last-child {
|
|
margin-right: -25px
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__tab.i-hidden:first-child+.tv-tabs__tab {
|
|
margin-left: -14px
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__slider,
|
|
.tv-tabs--compact .tv-tabs__tab.i-active:after {
|
|
bottom: 0;
|
|
height: 1px
|
|
}
|
|
|
|
.tv-tabs--semi-compact .tv-tabs__slider,
|
|
.tv-tabs--semi-compact .tv-tabs__tab.i-active:after {
|
|
bottom: 0;
|
|
height: 2px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__slider,
|
|
.tv-tabs--category-header .tv-tabs__tab.i-active:after {
|
|
bottom: -1px;
|
|
height: 3px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__tab {
|
|
height: 30px;
|
|
align-items: flex-start
|
|
}
|
|
|
|
.tv-tabs--semi-compact .tv-tabs__tab {
|
|
height: 34px
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__tab {
|
|
height: 23px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-tabs--no-margin .tv-tabs__tab:first-child,
|
|
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.tv-tabs--no-margin .tv-tabs__tab:last-child,
|
|
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.tv-tabs--secondary-active .tv-tabs__wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 34px;
|
|
padding: 0 14px
|
|
}
|
|
|
|
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__wrap {
|
|
height: 22px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__tab {
|
|
padding: 6px
|
|
}
|
|
|
|
.tv-tabs--secondary-active .tv-tabs__tab {
|
|
padding: 9px 6px
|
|
}
|
|
|
|
.tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
|
|
background-color: #92a9b5;
|
|
color: #fff;
|
|
transition: color .35s ease, background-color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
|
|
color: #c5cbce;
|
|
background-color: #4c525e
|
|
}
|
|
|
|
.tv-tabs--no-border:before {
|
|
display: none
|
|
}
|
|
|
|
.tv-tabs--no-padding,
|
|
.tv-tabs--no-padding.i-loaded .tv-tabs__scroll-box {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-tabs--no-padding .tv-tabs__tab {
|
|
padding: 0 14px
|
|
}
|
|
|
|
.tv-tabs--medium-padding .tv-tabs__tab {
|
|
padding: 17px 14px
|
|
}
|
|
|
|
.tv-tabs--no-padding .tv-tabs__tab.tv-tabs__tab--no-padding {
|
|
padding: 0
|
|
}
|
|
|
|
.tv-tabs.i-loaded .tv-tabs__tab.i-active:after {
|
|
content: none;
|
|
display: none
|
|
}
|
|
|
|
.tv-tabs__left-arrow,
|
|
.tv-tabs__right-arrow {
|
|
position: absolute;
|
|
padding: 0 5px;
|
|
bottom: 0;
|
|
top: 0;
|
|
background-color: #fff;
|
|
cursor: pointer;
|
|
width: 36px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: content-box
|
|
}
|
|
|
|
.tv-tabs__left-arrow:after,
|
|
.tv-tabs__right-arrow:after {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 100%
|
|
}
|
|
|
|
.tv-tabs__left-arrow svg,
|
|
.tv-tabs__right-arrow svg {
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
vertical-align: middle;
|
|
fill: #9aa9ba;
|
|
transition: fill .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-tabs__left-arrow svg,
|
|
html.theme-dark .tv-tabs__right-arrow svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs__left-arrow:hover svg,
|
|
.feature-no-touch .tv-tabs__right-arrow:hover svg {
|
|
fill: #4e5866;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:hover svg,
|
|
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:hover svg {
|
|
fill: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs__left-arrow:active svg,
|
|
.feature-no-touch .tv-tabs__right-arrow:active svg,
|
|
.feature-touch .tv-tabs__left-arrow:active svg,
|
|
.feature-touch .tv-tabs__right-arrow:active svg {
|
|
fill: #252733;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:active svg,
|
|
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:active svg,
|
|
html.feature-touch.theme-dark .tv-tabs__left-arrow:active svg,
|
|
html.feature-touch.theme-dark .tv-tabs__right-arrow:active svg {
|
|
fill: #9db2bd
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__left-arrow,
|
|
.tv-tabs--category-header .tv-tabs__right-arrow {
|
|
background-color: #f8f8f8;
|
|
bottom: 3px;
|
|
margin-top: -1px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__left-arrow svg,
|
|
.tv-tabs--category-header .tv-tabs__right-arrow svg {
|
|
vertical-align: top
|
|
}
|
|
|
|
.tv-tabs__left-arrow {
|
|
left: 0;
|
|
text-align: left;
|
|
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, .85), hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
html.theme-dark .tv-tabs__left-arrow {
|
|
background: linear-gradient(90deg, #131722, rgba(19, 23, 34, .85), rgba(19, 23, 34, 0))
|
|
}
|
|
|
|
.tv-tabs__left-arrow.i-slided {
|
|
transform: translate3D(-100%, 0, 0)
|
|
}
|
|
|
|
.tv-tabs__right-arrow {
|
|
right: 0;
|
|
text-align: right;
|
|
background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .85), hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
html.theme-dark .tv-tabs__right-arrow {
|
|
background: linear-gradient(270deg, #131722, rgba(19, 23, 34, .85), rgba(19, 23, 34, 0))
|
|
}
|
|
|
|
.tv-tabs__right-arrow.i-slided {
|
|
transform: translate3D(100%, 0, 0)
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__left-arrow {
|
|
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, .85), hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__right-arrow {
|
|
background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .85), hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
.tv-tabs--compact .tv-tabs__left-arrow,
|
|
.tv-tabs--compact .tv-tabs__right-arrow {
|
|
width: 23px
|
|
}
|
|
|
|
.tv-tabs--semi-compact .tv-tabs__left-arrow,
|
|
.tv-tabs--semi-compact .tv-tabs__right-arrow {
|
|
width: 34px
|
|
}
|
|
|
|
.tv-tabs--category-header .tv-tabs__left-arrow,
|
|
.tv-tabs--category-header .tv-tabs__right-arrow {
|
|
width: 45px
|
|
}
|
|
|
|
.tv-tabs--searchbar:before {
|
|
display: none
|
|
}
|
|
|
|
.tv-tabs--searchbar,
|
|
.tv-tabs--searchbar .tv-tabs__scroll-box {
|
|
height: 80px
|
|
}
|
|
|
|
@media screen and (max-width:1019px) {
|
|
|
|
.tv-tabs--searchbar,
|
|
.tv-tabs--searchbar .tv-tabs__scroll-box {
|
|
height: 54px
|
|
}
|
|
}
|
|
|
|
.tv-tabs--searchbar .tv-tabs__slider,
|
|
.tv-tabs--searchbar .tv-tabs__tab.i-active:after {
|
|
bottom: 0;
|
|
background-color: #fff
|
|
}
|
|
|
|
.tv-tabs--searchbar .tv-tabs__left-arrow svg,
|
|
.tv-tabs--searchbar .tv-tabs__right-arrow svg {
|
|
fill: #fff;
|
|
opacity: .65
|
|
}
|
|
|
|
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
|
|
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:hover svg,
|
|
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg,
|
|
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:hover svg,
|
|
.feature-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
|
|
.feature-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg {
|
|
fill: #fff;
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-tabs--searchbar .tv-tabs__left-arrow {
|
|
background: linear-gradient(90deg, rgba(37, 39, 51, .99) 0, rgba(37, 39, 51, .99) 85%, #252733)
|
|
}
|
|
|
|
.tv-tabs--searchbar .tv-tabs__right-arrow {
|
|
background: linear-gradient(90deg, #252733 0, rgba(37, 39, 51, .99) 15%, rgba(37, 39, 51, .99))
|
|
}
|
|
|
|
.tv-tabs--searchbar_sub,
|
|
.tv-tabs--searchbar_sub .tv-tabs__scroll-box {
|
|
height: 40px
|
|
}
|
|
|
|
.tv-tabs--searchbar_sub .tv-tabs__left-arrow {
|
|
background: linear-gradient(90deg, rgba(30, 162, 216, .99) 0, rgba(30, 162, 216, .99) 85%, #1ea2d8)
|
|
}
|
|
|
|
.tv-tabs--searchbar_sub .tv-tabs__right-arrow {
|
|
background: linear-gradient(90deg, #1ea2d8 0, rgba(30, 162, 216, .99) 15%, rgba(30, 162, 216, .99))
|
|
}
|
|
|
|
.tv-tabs--searchbar-bright .tv-tabs__left-arrow {
|
|
background: linear-gradient(90deg, rgba(59, 179, 228, .99) 0, rgba(59, 179, 228, .99) 85%, #3bb3e4)
|
|
}
|
|
|
|
.tv-tabs--searchbar-bright .tv-tabs__right-arrow {
|
|
background: linear-gradient(90deg, #3bb3e4 0, rgba(59, 179, 228, .99) 15%, rgba(59, 179, 228, .99))
|
|
}
|
|
|
|
.tv-tabbed-dialog {
|
|
background-color: #fff;
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-tabbed-dialog {
|
|
color: #c5cbce;
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-tabbed-dialog__header {
|
|
display: flex;
|
|
position: relative;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
padding-bottom: 0;
|
|
border-bottom: none !important;
|
|
margin-bottom: -1px;
|
|
z-index: 2
|
|
}
|
|
|
|
.tv-tabbed-dialog__bottom-border {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 1px;
|
|
background-color: #dadde0;
|
|
z-index: -1
|
|
}
|
|
|
|
html.theme-dark .tv-tabbed-dialog__bottom-border {
|
|
background-color: #363c4e
|
|
}
|
|
|
|
.tv-tabbed-dialog__tab-page {
|
|
height: 100%;
|
|
display: none
|
|
}
|
|
|
|
.tv-tabbed-dialog__tab-page.active {
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
display: block
|
|
}
|
|
|
|
.tv-tabbed-dialog__close {
|
|
z-index: 2;
|
|
top: 5px
|
|
}
|
|
|
|
.tv-tabbed-dialog__tabs {
|
|
width: 100%;
|
|
flex-shrink: 1
|
|
}
|
|
|
|
.tv-tabbed-dialog__custom-controls {
|
|
margin-left: 10px;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.tv-tabbed-dialog__tabs-arrow-left:before,
|
|
.tv-tabbed-dialog__tabs-arrow-right:before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 1px;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1px
|
|
}
|
|
|
|
.tv-tabbed-dialog__tabs-arrow-left:before {
|
|
background: linear-gradient(90deg, #dadde0 0, #dadde0 85%, hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
.tv-tabbed-dialog__tabs-arrow-right:before {
|
|
background: linear-gradient(270deg, #dadde0 0, #dadde0 85%, hsla(0, 0%, 100%, 0))
|
|
}
|
|
|
|
.tv-compare-dialog__scroll-box {
|
|
padding: 0 15px !important
|
|
}
|
|
|
|
.tv-compare-dialog__tab {
|
|
padding: 0 15px
|
|
}
|
|
|
|
.tv-compare-dialog__tab-page {
|
|
position: relative;
|
|
padding: 20px 30px
|
|
}
|
|
|
|
.tv-compare-dialog__tab-page input {
|
|
color: #4a4a4a;
|
|
background-color: #fff;
|
|
border-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-compare-dialog__tab-page input {
|
|
border-color: #363c4e;
|
|
background-color: #1c2030;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-compare-dialog__tab-page input:hover {
|
|
border-color: #c8c8c8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-compare-dialog__tab-page input:hover {
|
|
border-color: #4c525e
|
|
}
|
|
|
|
.tv-market-status__dot {
|
|
display: inline-block;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 50%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-market-status--pre-market {
|
|
color: #ff9247;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--pre-market .tv-market-status__dot {
|
|
background-color: #ff9247
|
|
}
|
|
|
|
.tv-market-status--post-market {
|
|
color: #3bb3e4;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--post-market .tv-market-status__dot {
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-market-status--market {
|
|
color: #318757;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--market .tv-market-status__dot {
|
|
background-color: #318757
|
|
}
|
|
|
|
.tv-market-status--out-of-session {
|
|
color: #939393;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--out-of-session .tv-market-status__dot {
|
|
background-color: #939393
|
|
}
|
|
|
|
.tv-market-status--invalid {
|
|
color: #bd3820;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--invalid .tv-market-status__dot {
|
|
background-color: #bd3820
|
|
}
|
|
|
|
.tv-market-status--replay {
|
|
color: #ff4a68;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--replay .tv-market-status__dot {
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.tv-market-status--for-chart {
|
|
display: block;
|
|
float: left;
|
|
margin-right: 0
|
|
}
|
|
|
|
.tv-market-status--for-chart--pre-market {
|
|
color: #ff9247;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--pre-market .tv-market-status__dot {
|
|
background-color: #ff9247
|
|
}
|
|
|
|
.tv-market-status--for-chart--post-market {
|
|
color: #3bb3e4;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--post-market .tv-market-status__dot {
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-market-status--for-chart--market {
|
|
color: #318757;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--market .tv-market-status__dot {
|
|
background-color: #318757
|
|
}
|
|
|
|
.tv-market-status--for-chart--out-of-session {
|
|
color: #939393;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--out-of-session .tv-market-status__dot {
|
|
background-color: #939393
|
|
}
|
|
|
|
.tv-market-status--for-chart--invalid {
|
|
color: #bd3820;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--invalid .tv-market-status__dot {
|
|
background-color: #bd3820
|
|
}
|
|
|
|
.tv-market-status--for-chart--replay {
|
|
color: #ff4a68;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--for-chart--replay .tv-market-status__dot {
|
|
background-color: #ff4a68
|
|
}
|
|
|
|
.tv-market-status--loading--for-chart {
|
|
color: #3bb3e4;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--loading--for-chart .tv-market-status__dot {
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
.tv-market-status--for-symbol-list {
|
|
vertical-align: 1px;
|
|
line-height: 15px
|
|
}
|
|
|
|
.tv-market-status--for-ticker {
|
|
margin-left: 4px
|
|
}
|
|
|
|
.tv-market-status--for-watch-list {
|
|
position: absolute;
|
|
right: 0
|
|
}
|
|
|
|
.tv-market-status--for-symbol-widget {
|
|
line-height: 24px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.tv-market-status__dot--for-chart {
|
|
margin-right: 4px;
|
|
vertical-align: 1px;
|
|
width: 6px;
|
|
height: 6px
|
|
}
|
|
|
|
.tv-market-status__dot--for-symbol-list {
|
|
margin-left: 4px
|
|
}
|
|
|
|
.tv-market-status__dot--for-watch-list {
|
|
margin-bottom: 3px
|
|
}
|
|
|
|
.tv-market-status__dot--for-symbol-widget {
|
|
margin-left: 8px;
|
|
font-size: 24px
|
|
}
|
|
|
|
.tv-market-status__label--for-chart {
|
|
line-height: 16px;
|
|
display: block;
|
|
float: right
|
|
}
|
|
|
|
.tv-market-status__label--for-symbol-list,
|
|
.tv-market-status__label--for-watch-list {
|
|
display: none
|
|
}
|
|
|
|
.tv-market-status__label--for-symbol-widget {
|
|
float: right;
|
|
margin-left: 4px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.tv-market-status--market .tv-market-status__dot--for-symbol-list,
|
|
.tv-market-status--market .tv-market-status__dot--for-ticker,
|
|
.tv-market-status--market .tv-market-status__dot--for-watch-list,
|
|
.tv-market-status__label--for-ticker {
|
|
display: none
|
|
}
|
|
|
|
.tv-market-status--for-chart {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.tv-market-status--market--for-chart {
|
|
display: none
|
|
}
|
|
|
|
.tv-market-status--market--for-symbol-widget {
|
|
color: #3cbc98;
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif
|
|
}
|
|
|
|
.tv-market-status--market--for-symbol-widget .tv-market-status__dot {
|
|
background-color: #3cbc98
|
|
}
|
|
|
|
.tv-data-mode {
|
|
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
|
|
vertical-align: top
|
|
}
|
|
|
|
.tv-data-mode--realtime {
|
|
color: #318757
|
|
}
|
|
|
|
.tv-data-mode--snapshot {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.tv-data-mode--endofday {
|
|
color: #a953ae
|
|
}
|
|
|
|
.tv-data-mode--connecting,
|
|
.tv-data-mode--forbidden,
|
|
.tv-data-mode--invalid,
|
|
.tv-data-mode--loading {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-data-mode--delayed {
|
|
color: #ff9247
|
|
}
|
|
|
|
.tv-data-mode--for-ticker {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
margin-left: 2px
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-ticker {
|
|
display: none
|
|
}
|
|
|
|
.tv-data-mode--replay {
|
|
color: #ff4a68
|
|
}
|
|
|
|
.tv-data-mode--for-chart {
|
|
float: right;
|
|
line-height: 16px;
|
|
margin-left: 6px
|
|
}
|
|
|
|
.tv-data-mode--connecting--for-chart,
|
|
.tv-data-mode--loading--for-chart {
|
|
display: none
|
|
}
|
|
|
|
.tv-data-mode--forbidden--for-chart,
|
|
.tv-data-mode--invalid--for-chart {
|
|
color: #bd3820;
|
|
visibility: visible
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-chart {
|
|
display: none
|
|
}
|
|
|
|
.tv-data-mode--for-chart.tv-data-mode--replay {
|
|
margin-left: 0
|
|
}
|
|
|
|
.tv-data-mode--for-symbol-list {
|
|
height: 10px;
|
|
width: 8px;
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
text-align: left;
|
|
margin-left: 1px
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-symbol-list {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-data-mode--for-symbol-widget {
|
|
display: inline;
|
|
margin-left: 3px;
|
|
line-height: 17px;
|
|
font-size: 15px
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-symbol-widget {
|
|
display: none
|
|
}
|
|
|
|
.tv-data-mode--for-watch-list {
|
|
display: block;
|
|
float: left;
|
|
margin: 0 3px;
|
|
margin-top: .65em;
|
|
font-size: 10px
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-watch-list {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-data-mode--size_large {
|
|
font-size: 12px
|
|
}
|
|
|
|
.tv-data-mode--for-symbol-info {
|
|
display: inline;
|
|
margin-left: 3px;
|
|
line-height: 17px;
|
|
font-size: 15px
|
|
}
|
|
|
|
.tv-data-mode--realtime--for-symbol-info {
|
|
display: none
|
|
}
|
|
|
|
.tv-dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
|
|
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover,
|
|
.tv-dropdown.i-inactive .tv-dropdown__item,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__item {
|
|
cursor: default;
|
|
color: #adaeb0;
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__desc {
|
|
display: block;
|
|
margin-top: 2px;
|
|
font-size: 11px;
|
|
color: #adaeb0;
|
|
transition: color .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
|
|
color: #757575;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown.i-inactive .tv-dropdown__desc,
|
|
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
|
|
color: #c8c8c8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-dropdown__button {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-dropdown__button--dashed {
|
|
border-bottom-style: dashed
|
|
}
|
|
|
|
.tv-dropdown__group--divided {
|
|
border-bottom: 1px solid #eaecef
|
|
}
|
|
|
|
.tv-dropdown__group--divided:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.tv-dropdown__body {
|
|
position: absolute;
|
|
top: -15px;
|
|
left: 0;
|
|
z-index: 99;
|
|
padding: 15px 0;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
border-radius: 1px;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5)
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__body {
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-dropdown__body.i-closing {
|
|
z-index: 98
|
|
}
|
|
|
|
.tv-dropdown__body--under-trigger {
|
|
top: 100%;
|
|
top: calc(100% - 1px)
|
|
}
|
|
|
|
.tv-dropdown__body--over-trigger {
|
|
top: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_right {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.tv-dropdown__body--position_outer_right {
|
|
left: 100%
|
|
}
|
|
|
|
.tv-dropdown__title {
|
|
margin-top: 10px;
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #bdbec0;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tv-dropdown__title:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.tv-dropdown__item {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 10px 15px;
|
|
transition: color .35s ease, background-color .35s ease;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.tv-dropdown__item,
|
|
.tv-dropdown__item:visited {
|
|
color: #2f3241
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item,
|
|
html.theme-dark .tv-dropdown__item:visited {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:hover {
|
|
color: #4a4a4a;
|
|
background-color: #f2f3f5;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
|
|
background-color: #2f3241;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item:active,
|
|
.feature-touch .tv-dropdown__item:active {
|
|
color: #4a4a4a;
|
|
background-color: #e5e5e8;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item:active {
|
|
background-color: #262b3e;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-dropdown__item.i-active {
|
|
color: #4a4a4a;
|
|
background-color: #eafafe
|
|
}
|
|
|
|
html.theme-dark .tv-dropdown__item.i-active {
|
|
background-color: #21384d;
|
|
color: #c5cbce
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:hover {
|
|
color: #000;
|
|
background-color: #c6e9f8
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-active:active,
|
|
.feature-touch .tv-dropdown__item.i-active:active {
|
|
color: #000;
|
|
background-color: #b1e2f3
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
|
|
background-color: #21384d;
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:active,
|
|
.feature-no-touch .tv-dropdown__item.i-disabled:hover,
|
|
.feature-touch .tv-dropdown__item.i-disabled:active,
|
|
.tv-dropdown__item.i-disabled {
|
|
cursor: default;
|
|
color: #e5e5e8;
|
|
background-color: transparent
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
|
|
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
|
|
html.theme-dark .tv-dropdown__item.i-disabled {
|
|
color: #758696
|
|
}
|
|
|
|
.tv-dropdown__item--subitem {
|
|
padding: 10px 15px 10px 30px
|
|
}
|
|
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:active,
|
|
.feature-no-touch .tv-dropdown__item--not-interactive:hover,
|
|
.feature-touch .tv-dropdown__item--not-interactive.i-active:active,
|
|
.feature-touch .tv-dropdown__item--not-interactive:active,
|
|
.tv-dropdown__item--not-interactive.i-active {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tv-dropdown__item-text {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-objects-tree-tab-filter__button {
|
|
padding: 10px 5px
|
|
}
|
|
|
|
.tv-objects-tree-item {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
cursor: pointer;
|
|
padding: 13px 30px;
|
|
color: #262b3e;
|
|
transition: background-color .35s ease;
|
|
height: 20px;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .tv-objects-tree-item {
|
|
border-bottom-color: #363c4e;
|
|
color: #e1ecf2
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-objects-tree-item {
|
|
padding-right: 20px;
|
|
padding-left: 20px
|
|
}
|
|
}
|
|
|
|
.tv-objects-tree-item--large-left-padding {
|
|
padding-left: 55px
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-objects-tree-item--large-left-padding {
|
|
padding-left: 45px
|
|
}
|
|
}
|
|
|
|
.tv-objects-tree-item--placeholder {
|
|
height: 20px
|
|
}
|
|
|
|
.feature-no-touch .tv-objects-tree-item:hover,
|
|
.tv-objects-tree-item.ui-sortable-helper {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-objects-tree-item:hover,
|
|
html.theme-dark .tv-objects-tree-item.ui-sortable-helper {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.tv-objects-tree-item.i-prop-hidden {
|
|
color: #94959c
|
|
}
|
|
|
|
html.theme-dark .tv-objects-tree-item.i-prop-hidden {
|
|
color: #4c525e
|
|
}
|
|
|
|
.tv-objects-tree-item.i-active {
|
|
background-color: #eafafe
|
|
}
|
|
|
|
html.theme-dark .tv-objects-tree-item.i-active {
|
|
background-color: #21384d
|
|
}
|
|
|
|
.tv-objects-tree-item__icon {
|
|
color: #758696;
|
|
margin-right: 8px;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tv-objects-tree-item__icon.i-empty {
|
|
width: 0;
|
|
margin-right: 0
|
|
}
|
|
|
|
.tv-objects-tree-item__icon svg {
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
fill: #758696
|
|
}
|
|
|
|
.tv-objects-tree-item__icon,
|
|
.tv-objects-tree-item__icon svg {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.tv-objects-tree-item__icon.i-text-icon {
|
|
font-weight: 700;
|
|
font-family: FontAwesome;
|
|
text-align: center;
|
|
color: #758696;
|
|
font-size: 16px
|
|
}
|
|
|
|
.tv-objects-tree-item__icon.i-text-icon,
|
|
.tv-objects-tree-item__icon.i-text-icon svg {
|
|
min-width: 20px
|
|
}
|
|
|
|
.tv-objects-tree-item__title {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
width: 100%
|
|
}
|
|
|
|
.tv-objects-tree-item.i-active .tv-objects-tree-item__title,
|
|
.tv-objects-tree-item__title.i-bold {
|
|
font-weight: 700
|
|
}
|
|
|
|
.tv-objects-tree-item__control-buttons {
|
|
flex-shrink: 0;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.tv-objects-tree-item__control-buttons--left {
|
|
margin-left: 0;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.tv-objects-tree-item__button {
|
|
float: left;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.tv-objects-tree-item__button--collapse,
|
|
.tv-objects-tree-item__button--expand {
|
|
margin-left: 0
|
|
}
|
|
|
|
.tv-objects-tree-item__button svg {
|
|
opacity: .8;
|
|
fill: #758696;
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
.feature-touch .tv-objects-tree-item__button svg {
|
|
opacity: .9
|
|
}
|
|
|
|
.feature-no-touch .tv-objects-tree-item__button:hover svg {
|
|
opacity: 1;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.feature-no-touch .tv-objects-tree-item__button.i-active:hover svg,
|
|
.tv-objects-tree-item__button.i-active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.tv-objects-tree-item__button.i-transparent {
|
|
visibility: hidden
|
|
}
|
|
|
|
.tv-objects-tree-item__button,
|
|
.tv-objects-tree-item__button svg {
|
|
width: 14px;
|
|
height: 14px
|
|
}
|
|
|
|
.feature-touch .tv-objects-tree-item__button svg {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--expand,
|
|
.tv-objects-tree-item__button--collapse {
|
|
display: none
|
|
}
|
|
|
|
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--collapse,
|
|
.tv-objects-tree-item__button--expand {
|
|
display: block
|
|
}
|
|
|
|
.tv-objects-tree-item__drag-icon {
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 16px 10px;
|
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
|
|
cursor: -webkit-grab;
|
|
cursor: grab
|
|
}
|
|
|
|
.tv-objects-tree-item__drag-icon svg {
|
|
fill: #dadde0
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tv-objects-tree-item__drag-icon {
|
|
padding-left: 8px;
|
|
padding-right: 12px
|
|
}
|
|
}
|
|
|
|
.tv-objects-tree-item.ui-sortable-helper,
|
|
.tv-objects-tree-item.ui-sortable-helper .tv-objects-tree-item__drag-icon {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.tv-objects-tree-dialog-tab {
|
|
position: relative;
|
|
height: 100%
|
|
}
|
|
|
|
.tv-objects-tree-dialog-tab .sb-scrollbar-body {
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
width: 6px
|
|
}
|
|
|
|
html.theme-dark .tv-objects-tree-dialog-tab .sb-scrollbar-body {
|
|
background: #4f5966
|
|
}
|
|
|
|
.tv-objects-tree-dialog-tab .sb-scrollbar-bottom,
|
|
.tv-objects-tree-dialog-tab .sb-scrollbar-top {
|
|
display: none
|
|
}
|
|
|
|
.tv-objects-tree-dialog-tab.i-scrollable {
|
|
overflow: hidden
|
|
}
|
|
|
|
.feature-touch .tv-objects-tree-dialog-tab.i-scrollable {
|
|
overflow-x: hidden;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.tv-objects-tree-dialog-tab__content {
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.tv-objects-tree-tab__group:not(:last-child) {
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-objects-tree-tab__group:not(:last-child) {
|
|
border-bottom-color: #363c4e
|
|
}
|
|
|
|
.tv-objects-tree-tab__group:not(:last-child)>:last-child {
|
|
border-bottom-color: transparent
|
|
}
|
|
|
|
.tv-manage-drawings-tab__symbol-drawings {
|
|
display: none
|
|
}
|
|
|
|
.tv-manage-drawings-tab__symbol-drawings.i-expanded {
|
|
display: block
|
|
}
|
|
|
|
.tv-manage-drawings-tab__empty-drawings {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
text-align: center;
|
|
font-style: italic
|
|
}
|
|
|
|
.tv-objects-tree-dialog__custom-controls-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-bottom: 2px
|
|
}
|
|
|
|
.modal-3St4C-sr- {
|
|
display: flex;
|
|
position: fixed;
|
|
visibility: hidden;
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.backdrop-37dtOKR8-,
|
|
.modal-3St4C-sr- {
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.backdrop-37dtOKR8- {
|
|
position: absolute;
|
|
background-color: #2a2c39;
|
|
opacity: .5
|
|
}
|
|
|
|
.backdrop-37dtOKR8-.animated-3MXxj0QT- {
|
|
opacity: 0
|
|
}
|
|
|
|
.notAnimated-2Wxm0Nli- {
|
|
visibility: visible
|
|
}
|
|
|
|
.animated-3MXxj0QT- {
|
|
visibility: hidden
|
|
}
|
|
|
|
.modal-C2LSTwhC- {
|
|
min-width: 400px
|
|
}
|
|
|
|
.content-tr28wPlV-,
|
|
.form-2GifjSKe- .copyForm-1HuPoKA0-,
|
|
.modal-C2LSTwhC- {
|
|
position: relative
|
|
}
|
|
|
|
.form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-weight: 700;
|
|
background: #fff;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 0 #fff, -8px 0 10px -3px #fff
|
|
}
|
|
|
|
html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
|
|
box-shadow: 0 0 0 0 #1c2030, -8px 0 10px -3px #1c2030;
|
|
background: #1c2030
|
|
}
|
|
|
|
.form-2GifjSKe- .actions-3fKk-h7d- {
|
|
display: block;
|
|
padding-top: 25px
|
|
}
|
|
|
|
.form-2GifjSKe- .link-1alPBTTQ- {
|
|
display: block;
|
|
float: left;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
color: #757575;
|
|
fill: #757575
|
|
}
|
|
|
|
html.theme-dark .form-2GifjSKe- .link-1alPBTTQ- {
|
|
fill: #758696;
|
|
color: #758696
|
|
}
|
|
|
|
.form-2GifjSKe- .link-1alPBTTQ- svg {
|
|
width: 22px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 2px;
|
|
padding-right: 8px
|
|
}
|
|
|
|
.feature-no-touch .form-2GifjSKe- .link-1alPBTTQ-:hover {
|
|
color: #38acdb;
|
|
fill: #38acdb
|
|
}
|
|
|
|
.form-2GifjSKe- .socials-rht5Uvp-- {
|
|
display: block;
|
|
float: right;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
color: #3bb3e4;
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.form-2GifjSKe- .socials-rht5Uvp-- svg {
|
|
width: 18px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 2px;
|
|
padding-right: 8px
|
|
}
|
|
|
|
.feature-no-touch .form-2GifjSKe- .socials-rht5Uvp--:hover {
|
|
color: #38acdb;
|
|
fill: #38acdb
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip {
|
|
pointer-events: none
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip--clickable {
|
|
pointer-events: all
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__content {
|
|
font-size: 9pt;
|
|
line-height: normal;
|
|
cursor: default
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item {
|
|
margin-top: 6pt;
|
|
border: 0;
|
|
border-left: 6px solid #ffc84a;
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
padding: 15px 20px;
|
|
box-shadow: 0 2px 7px rgba(0, 0, 0, .25)
|
|
}
|
|
|
|
html.theme-dark .tv-chart-events-source__tooltip__item {
|
|
box-shadow: 0 2px 7px rgba(107, 121, 136, .25);
|
|
background: #131722
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-normal {
|
|
background: #fff;
|
|
border-left-color: #f89e30
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-high {
|
|
background: #fff;
|
|
border-left-color: #ff4a68
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-earnings {
|
|
background: #fff;
|
|
border-left-color: #ff4d6a
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-splits {
|
|
background: #fff;
|
|
border-left-color: #007f0e
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-dividends {
|
|
background: #fff;
|
|
border-left-color: #0496ff
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-none {
|
|
border-left-width: 1px;
|
|
border-left-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-none {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-list {
|
|
border-left-width: 1px;
|
|
border-left-color: #dadde0;
|
|
padding: 15px 20px 15px 25px;
|
|
font-size: 10pt
|
|
}
|
|
|
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-list {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-list dl:before {
|
|
margin-right: 5px;
|
|
position: absolute;
|
|
left: 15px
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:not(:first-child) {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:before {
|
|
content: "\2022"
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item dl {
|
|
margin: 0;
|
|
color: #666;
|
|
line-height: 1.5
|
|
}
|
|
|
|
html.theme-dark .tv-chart-events-source__tooltip__item dl {
|
|
color: #758696
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item dl.actual {
|
|
color: #000
|
|
}
|
|
|
|
html.theme-dark .tv-chart-events-source__tooltip__item dl.actual {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item dd,
|
|
.tv-chart-events-source__tooltip__item dt {
|
|
margin: 0;
|
|
display: inline
|
|
}
|
|
|
|
.tv-chart-events-source__tooltip__item h2 {
|
|
font-size: 9pt;
|
|
margin: 0 0 4pt
|
|
}
|
|
|
|
.feature-no-touch .tv-chart-events-source__tooltip__item a:active,
|
|
.feature-no-touch .tv-chart-events-source__tooltip__item a:hover,
|
|
.feature-touch .tv-chart-events-source__tooltip__item a:active,
|
|
.tv-chart-events-source__tooltip__item a,
|
|
.tv-chart-events-source__tooltip__item a:visited {
|
|
color: #3bb3e4;
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-floating-toolbar {
|
|
display: flex;
|
|
position: absolute !important;
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
opacity: 1;
|
|
transition: transform .2625s cubic-bezier(.215, .61, .355, 1), opacity .2625s cubic-bezier(.215, .61, .355, 1);
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5);
|
|
border-radius: 1px;
|
|
border: 1px solid;
|
|
border-color: #e6eaef
|
|
}
|
|
|
|
html.theme-dark .tv-floating-toolbar {
|
|
border-color: #363c4e;
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-floating-toolbar.i-closed {
|
|
transform: scale(.925);
|
|
opacity: 0
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical {
|
|
height: auto;
|
|
min-width: 37px
|
|
}
|
|
|
|
.tv-floating-toolbar__widget-wrapper {
|
|
display: flex
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget-wrapper {
|
|
flex-direction: column
|
|
}
|
|
|
|
.tv-floating-toolbar__drag {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-shrink: 0;
|
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
width: 14px
|
|
}
|
|
|
|
.feature-touch .tv-floating-toolbar__drag {
|
|
width: 20px
|
|
}
|
|
|
|
.tv-floating-toolbar__drag svg {
|
|
width: 6px;
|
|
height: 12px;
|
|
fill: #dadde0
|
|
}
|
|
|
|
.tv-floating-toolbar.ui-draggable-dragging .tv-floating-toolbar__drag {
|
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.tv-floating-toolbar__drag-ext {
|
|
height: 100%;
|
|
width: 14px;
|
|
position: absolute;
|
|
padding: 4px 0 0 4px;
|
|
left: -4px;
|
|
top: -4px
|
|
}
|
|
|
|
.feature-touch .tv-floating-toolbar__drag-ext {
|
|
width: 20px
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
|
|
width: 100%;
|
|
height: 14px
|
|
}
|
|
|
|
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
|
|
height: 20px
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
|
|
width: 100%;
|
|
height: 14px
|
|
}
|
|
|
|
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
|
|
height: 20px
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag svg {
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.tv-floating-toolbar__content {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
border-top-right-radius: 1px;
|
|
border-bottom-right-radius: 1px
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__content {
|
|
flex-direction: column;
|
|
border-top-right-radius: 0;
|
|
border-bottom-left-radius: 1px
|
|
}
|
|
|
|
.tv-floating-toolbar__widget {
|
|
display: flex;
|
|
align-items: stretch;
|
|
border-left: 1px solid;
|
|
border-left-color: #e6eaef
|
|
}
|
|
|
|
html.theme-dark .tv-floating-toolbar__widget {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.tv-floating-toolbar__widget.ui-sortable-placeholder {
|
|
visibility: visible !important
|
|
}
|
|
|
|
.tv-floating-toolbar__widget.ui-sortable-helper {
|
|
border-left-color: transparent
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
|
|
border-left: none;
|
|
border-top: 1px solid;
|
|
border-top-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
|
|
border-top-color: #363c4e
|
|
}
|
|
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget.ui-sortable-helper {
|
|
border-top-color: transparent
|
|
}
|
|
|
|
.tv-favorited-drawings-toolbar__widget {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
min-width: 38px;
|
|
min-height: 38px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-favorited-drawings-toolbar__widget svg {
|
|
transition: fill .35s ease;
|
|
fill: #4c525e
|
|
}
|
|
|
|
html.theme-dark .tv-favorited-drawings-toolbar__widget svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.feature-no-touch .tv-favorited-drawings-toolbar__widget:hover svg {
|
|
fill: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget:hover svg {
|
|
fill: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
|
|
.tv-favorited-drawings-toolbar__widget.i-active svg {
|
|
fill: #1592e6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
|
|
html.theme-dark .tv-favorited-drawings-toolbar__widget.i-active svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar {
|
|
color: #4a4a4a
|
|
}
|
|
|
|
html.theme-dark .tv-grouped-floating-toolbar {
|
|
color: #c5cbce
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup {
|
|
display: flex;
|
|
position: absolute;
|
|
top: 100%;
|
|
opacity: 0;
|
|
border-radius: 0 0 1px 1px;
|
|
background-color: #fff;
|
|
border-radius: 1px;
|
|
box-shadow: 0 1px 8px 0 rgba(19, 23, 34, .5);
|
|
transition: opacity .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-grouped-floating-toolbar__popup {
|
|
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .5);
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup.i-opened {
|
|
opacity: 1;
|
|
transition-duration: .11666667s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-top {
|
|
top: calc(-100% - 2px);
|
|
border-radius: 1px 1px 0 0;
|
|
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, .15)
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left {
|
|
left: 0;
|
|
border-radius: 1px 0 0 1px;
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar.i-vertical .tv-grouped-floating-toolbar__popup:not(.tv-grouped-floating-toolbar__popup--at-left) {
|
|
left: 100%;
|
|
border-radius: 0 1px 1px 0
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__sub-widget {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
transition: background-color .35s ease, opacity .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:hover,
|
|
.tv-grouped-floating-toolbar__sub-widget--current {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__sub-widget:hover,
|
|
html.theme-dark .tv-grouped-floating-toolbar__sub-widget--current {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:active,
|
|
.feature-touch .tv-grouped-floating-toolbar__sub-widget:active {
|
|
background-color: #eaecef;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-9,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-9 {
|
|
transition-delay: 0s, .2422s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-8,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-8 {
|
|
transition-delay: 0s, .20055s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-7,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-7 {
|
|
transition-delay: 0s, .1638s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-6,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-6 {
|
|
transition-delay: 0s, .13195s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-5,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-5 {
|
|
transition-delay: 0s, .105s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-4,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-4 {
|
|
transition-delay: 0s, .08295s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-3,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-3 {
|
|
transition-delay: 0s, .0658s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-2,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-2 {
|
|
transition-delay: 0s, .05355s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-1,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-1 {
|
|
transition-delay: 0s, .0462s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-0,
|
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-0 {
|
|
transition-delay: 0s, .04375s
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__popup.i-opened .tv-grouped-floating-toolbar__sub-widget {
|
|
opacity: 1
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
|
|
border-left: 1px solid;
|
|
border-left-color: #dadde0
|
|
}
|
|
|
|
html.theme-dark .tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
|
|
border-left-color: #363c4e
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__widget-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
cursor: pointer;
|
|
background-color: #fff;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:hover,
|
|
.tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
|
|
background-color: #f1f3f6;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__widget-wrapper:hover,
|
|
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.tv-grouped-floating-toolbar__widget-wrapper.i-disabled {
|
|
cursor: default;
|
|
color: #adaeb0
|
|
}
|
|
|
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper.i-disabled:hover {
|
|
background-color: #fff
|
|
}
|
|
|
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:active,
|
|
.feature-touch .tv-grouped-floating-toolbar__widget-wrapper:active {
|
|
background-color: #eaecef;
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
cursor: pointer;
|
|
transition: background-color .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
|
|
.tv-linetool-properties-toolbar__button.i-dropped {
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:hover,
|
|
html.theme-dark .tv-linetool-properties-toolbar__button.i-dropped {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:active,
|
|
.feature-touch .tv-linetool-properties-toolbar__button:active {
|
|
background-color: #eaecef
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:active,
|
|
html.feature-touch.theme-dark .tv-linetool-properties-toolbar__button:active {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:active,
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
|
|
.feature-touch .tv-linetool-properties-toolbar__button:active {
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__button.i-active {
|
|
background-color: #f1f3f6
|
|
}
|
|
|
|
html.theme-dark .tv-linetool-properties-toolbar__button.i-active {
|
|
background-color: #262b3e
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:hover {
|
|
background-color: #e8ebf0
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:active,
|
|
.feature-touch .tv-linetool-properties-toolbar__button.i-active:active {
|
|
background-color: #dee3ea
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__button,
|
|
.tv-linetool-properties-toolbar__grouped-button,
|
|
.tv-linetool-properties-toolbar__sub-widget {
|
|
min-width: 38px;
|
|
min-height: 38px
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__text {
|
|
transition: color .35s ease
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__icon {
|
|
display: flex
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__icon svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
fill: #758696;
|
|
transition: fill .35s ease, stroke .35s ease
|
|
}
|
|
|
|
.i-active .tv-linetool-properties-toolbar__icon svg {
|
|
fill: #3bb3e4
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__icon--line-props svg {
|
|
width: 22px;
|
|
height: 6px
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg,
|
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover .tv-linetool-properties-toolbar__icon svg,
|
|
.feature-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg {
|
|
transition-duration: .06s
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker {
|
|
height: 38px !important;
|
|
width: 38px !important;
|
|
cursor: pointer
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .tvcolorpicker-transparency {
|
|
width: 38px !important;
|
|
height: 4px !important;
|
|
bottom: 5px
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget {
|
|
border-color: #c9cbcd;
|
|
border: 0 !important;
|
|
width: 34px;
|
|
height: 34px;
|
|
padding: 2px;
|
|
z-index: 10;
|
|
position: relative !important
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 38px;
|
|
height: 38px;
|
|
z-index: 40
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .bg {
|
|
fill: #fff;
|
|
transition: fill .35s ease
|
|
}
|
|
|
|
html.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .bg {
|
|
fill: #1c2030
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .icon {
|
|
fill: #758696;
|
|
transition: fill .35s ease
|
|
}
|
|
|
|
.feature-no-touch .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg:hover .bg {
|
|
fill: #f1f3f6
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg:hover .bg {
|
|
fill: #2f3241
|
|
}
|
|
|
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget.i-active+svg .bg {
|
|
fill: #f1f3f6
|
|
}
|
|
|
|
.icon-16JOogW_- {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
transition: transform .35s cubic-bezier(.175, .885, .32, 1.275)
|
|
}
|
|
|
|
.icon-16JOogW_- svg {
|
|
display: block;
|
|
fill: currentColor;
|
|
width: 8px;
|
|
height: 4px
|
|
}
|
|
|
|
.icon-16JOogW_-.dropped-1WSGLaYJ- {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.button-13wlLwhJ- {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
align-items: center;
|
|
height: 100%;
|
|
cursor: default;
|
|
color: #4c525e;
|
|
transition: color 60ms ease;
|
|
transition: background-color .35s ease, color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .button-13wlLwhJ- {
|
|
color: #758696
|
|
}
|
|
|
|
.button-13wlLwhJ-.hovered-FUo4RNOC-,
|
|
.feature-no-touch .button-13wlLwhJ-:active,
|
|
.feature-no-touch .button-13wlLwhJ-:hover,
|
|
.feature-touch .button-13wlLwhJ-:active {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-13wlLwhJ-:active,
|
|
html.feature-no-touch.theme-dark .button-13wlLwhJ-:hover,
|
|
html.feature-touch.theme-dark .button-13wlLwhJ-:active,
|
|
html.theme-dark .button-13wlLwhJ-.hovered-FUo4RNOC- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.button-13wlLwhJ- svg {
|
|
display: block;
|
|
fill: currentColor
|
|
}
|
|
|
|
.button-13wlLwhJ- .arrow-2pXEy7ej- {
|
|
display: flex;
|
|
contain: content;
|
|
align-items: center;
|
|
height: 100%;
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.theme-dark .button-13wlLwhJ- .arrow-2pXEy7ej- {
|
|
color: #758696
|
|
}
|
|
|
|
.button-13wlLwhJ- .arrow-2pXEy7ej-.hovered-FUo4RNOC-,
|
|
.feature-no-touch .button-13wlLwhJ- .arrow-2pXEy7ej-:active,
|
|
.feature-no-touch .button-13wlLwhJ- .arrow-2pXEy7ej-:hover,
|
|
.feature-touch .button-13wlLwhJ- .arrow-2pXEy7ej-:active {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .button-13wlLwhJ- .arrow-2pXEy7ej-:active,
|
|
html.feature-no-touch.theme-dark .button-13wlLwhJ- .arrow-2pXEy7ej-:hover,
|
|
html.feature-touch.theme-dark .button-13wlLwhJ- .arrow-2pXEy7ej-:active,
|
|
html.theme-dark .button-13wlLwhJ- .arrow-2pXEy7ej-.hovered-FUo4RNOC- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.button-13wlLwhJ- .arrowWrap-r5l5nQXU- {
|
|
margin: 0 6px;
|
|
transition: transform .35s ease
|
|
}
|
|
|
|
.feature-no-touch .button-13wlLwhJ-:hover .arrowWrap-r5l5nQXU- {
|
|
transform: translateY(2px)
|
|
}
|
|
|
|
.button-13wlLwhJ-.isOpened-1939ai3F- {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .button-13wlLwhJ-.isOpened-1939ai3F- {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.wrap-18oKCBRc- {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
height: 100%
|
|
}
|
|
|
|
.button-1IIz2ju4- {
|
|
padding: 0 1px
|
|
}
|
|
|
|
.button-1IIz2ju4-.first-bfrNico9- {
|
|
padding-left: 5px
|
|
}
|
|
|
|
.button-1IIz2ju4-.last-3h-LFsOr- {
|
|
padding-right: 3px
|
|
}
|
|
|
|
.menu-16FRUKka-:only-child {
|
|
padding: 0 5px
|
|
}
|
|
|
|
.button-YsN2vRuA-.withText-JhQdRoPu- {
|
|
padding: 0 10px 0 6px
|
|
}
|
|
|
|
.button-YsN2vRuA-.withoutText-f6SoijeW- {
|
|
padding: 0 5px
|
|
}
|
|
|
|
.button-2-lC3gh4- {
|
|
padding: 0 5px
|
|
}
|
|
|
|
.value-DWZXOdoK- {
|
|
text-align: left;
|
|
font-size: 16px
|
|
}
|
|
|
|
.value-DWZXOdoK-.selected-2V87KUXm- {
|
|
color: #3bb3e4
|
|
}
|
|
|
|
.metric-uxyW5qk0- {
|
|
display: inline-block;
|
|
font-size: 14px
|
|
}
|
|
|
|
.metric-uxyW5qk0-.capitalized-OlFzHeUi-:first-letter {
|
|
font-size: 16px
|
|
}
|
|
|
|
.form-2itceCqS- {
|
|
display: flex;
|
|
margin: -6px 0;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 38px;
|
|
min-width: 200px;
|
|
font-size: 14px;
|
|
color: #4c525e;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
html.theme-dark .form-2itceCqS- {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-,
|
|
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-,
|
|
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-,
|
|
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
|
|
.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
|
|
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr- {
|
|
color: #4c525e;
|
|
transition: color 60ms ease
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr- {
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
|
|
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
|
|
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
|
|
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:active,
|
|
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
|
|
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
|
|
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:active,
|
|
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:hover,
|
|
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
|
|
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:active,
|
|
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
|
|
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
|
|
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
|
|
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
|
|
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
|
|
.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
|
|
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8- {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:active,
|
|
html.feature-no-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:active,
|
|
html.feature-no-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:active,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:hover,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
|
|
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
|
|
html.feature-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:active,
|
|
html.feature-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:active,
|
|
html.feature-touch.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:active,
|
|
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
|
|
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
|
|
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.wrap-1oB2WI2R- {
|
|
flex: 1 0 auto
|
|
}
|
|
|
|
.input-z46tLQgj- {
|
|
margin: 0;
|
|
padding: 0 2px;
|
|
width: 36px;
|
|
border: none;
|
|
text-align: center;
|
|
height: 100%;
|
|
background-color: transparent
|
|
}
|
|
|
|
.add-1NrfSAvb-,
|
|
.menu-35lWsSKr- {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%
|
|
}
|
|
|
|
.menu-35lWsSKr- {
|
|
box-sizing: border-box;
|
|
flex: 1 0 auto;
|
|
padding: 0 6px 0 10px;
|
|
cursor: default;
|
|
justify-content: space-between;
|
|
border-right: 1px solid;
|
|
border-left: 1px solid;
|
|
border-color: #e1ecf2
|
|
}
|
|
|
|
html.theme-dark .menu-35lWsSKr- {
|
|
border-color: #363c4e
|
|
}
|
|
|
|
.add-1NrfSAvb- {
|
|
padding: 0 10px;
|
|
cursor: default
|
|
}
|
|
|
|
.button-1scLo53s- {
|
|
display: block;
|
|
padding: 2px;
|
|
opacity: .7;
|
|
box-sizing: border-box;
|
|
transition: opacity .35s ease;
|
|
color: #758696
|
|
}
|
|
|
|
.button-1scLo53s- svg {
|
|
display: block;
|
|
pointer-events: none;
|
|
width: 12px !important;
|
|
height: 12px !important
|
|
}
|
|
|
|
.feature-no-touch .button-1scLo53s-:active,
|
|
.feature-no-touch .button-1scLo53s-:hover,
|
|
.feature-touch .button-1scLo53s-:active {
|
|
opacity: 1;
|
|
transition-duration: 60ms
|
|
}
|
|
|
|
.hidden-2GRQzIQ1- {
|
|
visibility: hidden
|
|
}
|
|
|
|
.interval-1GDsfL5i- {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.interval-1GDsfL5i-:after,
|
|
.interval-1GDsfL5i-:before {
|
|
content: attr(data-group);
|
|
margin: 0 10px;
|
|
visibility: collapse
|
|
}
|
|
|
|
.interval-1GDsfL5i-.showGroup-1N6m7h-N-:before {
|
|
visibility: visible
|
|
}
|
|
|
|
.button-1XkSWU32- {
|
|
padding: 0 7px
|
|
}
|
|
|
|
.button-1XkSWU32-.first-2UbSFGzF- {
|
|
padding-left: 12px
|
|
}
|
|
|
|
.button-1XkSWU32-.last-1rdUnwE6- {
|
|
padding-right: 6px
|
|
}
|
|
|
|
.menu-1fA401bY-:only-child {
|
|
padding: 0 5px 0 7px
|
|
}
|
|
|
|
.dropdown-1zOBoqnG- {
|
|
min-width: 140px
|
|
}
|
|
|
|
.menuContent-1vyIDg3J- {
|
|
justify-content: center
|
|
}
|
|
|
|
.button-3wAyKO3i- {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.check-3V48_rMp-,
|
|
.dottedCloud-1Vw3lVny-,
|
|
.spinningCloud-2fkbB-rw- {
|
|
display: none
|
|
}
|
|
|
|
.arrow-1zkKEROH- {
|
|
opacity: 0;
|
|
transition: transform .2s ease-in, opacity .2s ease-in
|
|
}
|
|
|
|
.arrowGap-gjAe6jEn- {
|
|
fill: #fff;
|
|
opacity: 0;
|
|
transition: opacity .2s ease-in
|
|
}
|
|
|
|
html.theme-dark .arrowGap-gjAe6jEn- {
|
|
fill: #131722
|
|
}
|
|
|
|
.container-riYIb01a- {
|
|
overflow: hidden
|
|
}
|
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw- .dottedCloud-1Vw3lVny- {
|
|
display: inline
|
|
}
|
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw- .arrow-1zkKEROH- {
|
|
transform: translateY(200%)
|
|
}
|
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrow-1zkKEROH-,
|
|
.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrow-1zkKEROH- {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrowGap-gjAe6jEn-,
|
|
.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrowGap-gjAe6jEn- {
|
|
opacity: 1
|
|
}
|
|
|
|
.container-riYIb01a-.saving-31YVVfHU- .spinningCloud-2fkbB-rw- {
|
|
display: inline
|
|
}
|
|
|
|
.container-riYIb01a-.saving-31YVVfHU- .arrow-1zkKEROH- {
|
|
transform: translateY(-300%)
|
|
}
|
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .check-3V48_rMp-,
|
|
.container-riYIb01a-.saved-2kLd4nmd- .spinningCloud-2fkbB-rw- {
|
|
display: inline
|
|
}
|
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .arrow-1zkKEROH- {
|
|
display: inline;
|
|
transform: translateY(-300%)
|
|
}
|
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .arrowGap-gjAe6jEn- {
|
|
display: inline
|
|
}
|
|
|
|
.menu-92vrwS4x- {
|
|
margin-left: -4px
|
|
}
|
|
|
|
.opened-GQFVkrpV- {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .opened-GQFVkrpV- {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.button-1EU5-JL7-.isDisabled-1RjJSnJ7- {
|
|
opacity: 1
|
|
}
|
|
|
|
.text-1HWeUAzA- {
|
|
max-width: 100px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.button-3zsRYmii- {
|
|
flex: 0 0 auto;
|
|
width: 38px;
|
|
height: calc(100% - 8px);
|
|
margin: 4px;
|
|
border-radius: 3px;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.button-3zsRYmii-.blue-pwiZpV6t- {
|
|
background-color: #3bb3e4
|
|
}
|
|
|
|
html.theme-sa .button-3zsRYmii-.blue-pwiZpV6t- {
|
|
background-color: #ff7200
|
|
}
|
|
|
|
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t- {
|
|
background-color: #299dcd
|
|
}
|
|
|
|
.button-3zsRYmii-.green-3Nv9iVIZ- {
|
|
background-color: #37bc9b
|
|
}
|
|
|
|
html.theme-sa .button-3zsRYmii-.green-3Nv9iVIZ- {
|
|
background-color: #ff7200
|
|
}
|
|
|
|
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ- {
|
|
background-color: #37bc9b
|
|
}
|
|
|
|
.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
|
|
.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
|
|
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
|
|
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
|
|
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
|
|
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
|
|
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
|
|
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
|
|
.feature-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
|
|
.feature-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
|
|
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
|
|
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
|
|
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
|
|
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
|
|
html.feature-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
|
|
html.feature-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
|
|
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
|
|
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
|
|
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
|
|
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt- {
|
|
color: #fff
|
|
}
|
|
|
|
.wrap-CUt4Mg1V- {
|
|
flex: 1 1 auto;
|
|
height: 100%;
|
|
min-width: 0
|
|
}
|
|
|
|
.inner-32OP7ejC- {
|
|
display: flex;
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
width: 100px;
|
|
height: 100%
|
|
}
|
|
|
|
.actions-1cGPn1dW- {
|
|
display: flex;
|
|
position: relative;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
opacity: 0;
|
|
padding: 0 4px;
|
|
background-color: #fff
|
|
}
|
|
|
|
html.theme-dark .actions-1cGPn1dW- {
|
|
background-color: #131722
|
|
}
|
|
|
|
.actions-1cGPn1dW-:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
height: 18px;
|
|
width: 1px;
|
|
background-color: #eceff2
|
|
}
|
|
|
|
html.theme-dark .actions-1cGPn1dW-:before {
|
|
background-color: #2f3241
|
|
}
|
|
|
|
.actions-1cGPn1dW- button {
|
|
display: flex;
|
|
width: 26px;
|
|
height: 26px;
|
|
color: #4c525e;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 3px;
|
|
padding: 0;
|
|
border: none;
|
|
border-radius: 50%;
|
|
background-color: transparent;
|
|
transition: color 60ms ease, background-color 60ms ease
|
|
}
|
|
|
|
.actions-1cGPn1dW- button:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.feature-no-touch .actions-1cGPn1dW- button:active,
|
|
.feature-no-touch .actions-1cGPn1dW- button:hover,
|
|
.feature-touch .actions-1cGPn1dW- button:active {
|
|
background-color: #f2f3f5
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:active,
|
|
html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:hover,
|
|
html.feature-touch.theme-dark .actions-1cGPn1dW- button:active {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.actions-1cGPn1dW- button svg {
|
|
display: block
|
|
}
|
|
|
|
.actions-1cGPn1dW- button.disabled,
|
|
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
.actions-1cGPn1dW- button.disabled svg,
|
|
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover svg {
|
|
color: #d6d8e0
|
|
}
|
|
|
|
.input-3lfOzLDc- {
|
|
display: block;
|
|
flex: 1 1 auto;
|
|
padding: 5px 10px;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
width: 0;
|
|
min-width: 100px;
|
|
height: 100%;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
background-color: transparent
|
|
}
|
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- {
|
|
width: auto
|
|
}
|
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- .input-3lfOzLDc- {
|
|
min-width: 70px
|
|
}
|
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- .actions-1cGPn1dW- {
|
|
opacity: 1
|
|
}
|
|
|
|
.label-1LxfyrID- {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
color: #4c525e
|
|
}
|
|
|
|
html.theme-dark .label-1LxfyrID- {
|
|
color: #758696
|
|
}
|
|
|
|
.label-1LxfyrID- .icon-3bTRbX0U- {
|
|
display: flex
|
|
}
|
|
|
|
.label-1LxfyrID- .icon-3bTRbX0U- svg {
|
|
display: block;
|
|
fill: #4c525e
|
|
}
|
|
|
|
html.theme-dark .label-1LxfyrID- .icon-3bTRbX0U- svg {
|
|
fill: #758696
|
|
}
|
|
|
|
.label-1LxfyrID- .text-2BJe_3ce- {
|
|
font-size: 15px;
|
|
margin: 0 20px 0 5px
|
|
}
|
|
|
|
.item-b8AKccvl- {
|
|
color: #4c525e;
|
|
transition: color 60ms ease;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 1px solid;
|
|
border-color: #eceff2;
|
|
border-radius: 50%;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
cursor: default;
|
|
background-color: #fff;
|
|
height: 20px;
|
|
width: 20px;
|
|
margin: 0 3px
|
|
}
|
|
|
|
html.theme-dark .item-b8AKccvl- {
|
|
background-color: #131722;
|
|
border-color: #6b7988;
|
|
color: #758696
|
|
}
|
|
|
|
.feature-no-touch .item-b8AKccvl-:active,
|
|
.feature-no-touch .item-b8AKccvl-:hover,
|
|
.feature-touch .item-b8AKccvl-:active,
|
|
.item-b8AKccvl-.hovered-2SpHqnXp- {
|
|
color: #131722
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-b8AKccvl-:active,
|
|
html.feature-no-touch.theme-dark .item-b8AKccvl-:hover,
|
|
html.feature-touch.theme-dark .item-b8AKccvl-:active,
|
|
html.theme-dark .item-b8AKccvl-.hovered-2SpHqnXp- {
|
|
color: #9db2bd
|
|
}
|
|
|
|
.feature-no-touch .item-b8AKccvl-:hover {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.feature-no-touch.theme-dark .item-b8AKccvl-:hover {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.wrap-15BhAobm- {
|
|
transition: background-color 60ms ease
|
|
}
|
|
|
|
.wrap-15BhAobm-.opened-1yAGeGGi- {
|
|
background-color: #f7f8fa
|
|
}
|
|
|
|
html.theme-dark .wrap-15BhAobm-.opened-1yAGeGGi- {
|
|
background-color: #1c2030
|
|
}
|
|
|
|
.wrap-15BhAobm-.full-2VMT2UlC- .first-1vAzGgSq- {
|
|
margin-left: -3px
|
|
}
|
|
|
|
.wrap-15BhAobm-.full-2VMT2UlC- .last-xMjAcadb- {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .first-1vAzGgSq- {
|
|
margin-left: 0
|
|
}
|
|
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .last-xMjAcadb- {
|
|
margin-right: 8px
|
|
}
|
|
|
|
.loader-1uURoPBh- {
|
|
position: relative
|
|
}
|
|
|
|
.buttonUndo-342XpPC1- {
|
|
padding-right: 0;
|
|
padding-left: 3px
|
|
}
|
|
|
|
.buttonRedo-3o_XdU_J- {
|
|
padding-left: 0;
|
|
padding-right: 3px
|
|
}
|