You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22478 lines
514 KiB
22478 lines
514 KiB
/*! 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: #152136 |
|
} |
|
|
|
html.theme-dark .chart-page { |
|
background: #152136 |
|
}*/ |
|
|
|
.chart-page .chart-container { |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
background-color: #fff |
|
} |
|
|
|
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; |
|
width: 20px; |
|
height: 20px; |
|
} |
|
|
|
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; |
|
/*display: none;*/ |
|
} |
|
|
|
.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; |
|
/*display:none;*/ |
|
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: -1000px; |
|
line-height: 20px; |
|
height: 0px; |
|
width:0; |
|
overflow: hidden; |
|
transition: opacity .4s,visibility .4s |
|
} |
|
|
|
.pane-controls a { |
|
vertical-align: middle |
|
} |
|
|
|
.pane-controls--hidden { |
|
visibility: hidden; |
|
opacity: 0 |
|
} |
|
|
|
.pane-controls.toppane { |
|
top: -1022px; |
|
width:0; |
|
overflow: hidden; |
|
} |
|
|
|
.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 |
|
}
|
|
|