14401 lines
534 KiB
CSS
14401 lines
534 KiB
CSS
/* TODO: Move to Roblox.SocialLinks.WebApp SOC-5018 */
|
|
/* Please use icon-variant-v2 instead */
|
|
[ng\:cloak], [ng-cloak], .ng-cloak {
|
|
display: none !important; }
|
|
|
|
@-ms-viewport {
|
|
width: auto; }
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
p {
|
|
line-height: 1.5em;
|
|
margin: 0; }
|
|
|
|
a, a:link, a:hover, a:focus, a:visited, a:active {
|
|
text-decoration: none;
|
|
color: inherit; }
|
|
|
|
a:hover, a:focus {
|
|
cursor: pointer; }
|
|
|
|
ul, li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
img {
|
|
vertical-align: middle; }
|
|
|
|
.disable-iphone-tap {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-touch-callout: none; }
|
|
|
|
pre {
|
|
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
|
|
font-size: 16px;
|
|
margin: 0; }
|
|
|
|
input[type=text]::-ms-clear {
|
|
display: none; }
|
|
|
|
select,
|
|
option {
|
|
-webkit-appearance: none; }
|
|
|
|
html {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
min-height: 100%;
|
|
position: relative; }
|
|
|
|
*, *:before, *:after {
|
|
-webkit-box-sizing: inherit;
|
|
-moz-box-sizing: inherit;
|
|
box-sizing: inherit; }
|
|
|
|
body {
|
|
background-color: #E3E3E3;
|
|
color: #191919;
|
|
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 320px;
|
|
margin-bottom: 168px;
|
|
overflow-y: scroll; }
|
|
body.no-footer {
|
|
margin-bottom: 0; }
|
|
body.no-footer .container-main {
|
|
padding-bottom: 0; }
|
|
@media (max-width: 991px) {
|
|
body {
|
|
margin-bottom: 0; } }
|
|
@media (max-width: 767px) {
|
|
body {
|
|
font-size: 14px;
|
|
font-weight: 400; } }
|
|
|
|
.content {
|
|
max-width: 1338px;
|
|
background-color: #E3E3E3;
|
|
padding-top: 12px;
|
|
margin: 0 auto; }
|
|
.content:before, .content:after {
|
|
content: " ";
|
|
display: table; }
|
|
.content:after {
|
|
clear: both; }
|
|
@media (max-width: 1338px) {
|
|
.content {
|
|
max-width: 1154px; } }
|
|
@media (max-width: 1154px) {
|
|
.content {
|
|
max-width: 970px; } }
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: -1px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0; }
|
|
|
|
.invisible {
|
|
visibility: hidden; }
|
|
|
|
.cursor-pointer:hover {
|
|
cursor: pointer; }
|
|
|
|
.border-top {
|
|
border-top: 1px solid #E3E3E3; }
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid #E3E3E3; }
|
|
|
|
.border-right {
|
|
border-right: 1px solid #E3E3E3; }
|
|
|
|
.border-left {
|
|
border-left: 1px solid #E3E3E3; }
|
|
|
|
.border {
|
|
border: 1px solid #E3E3E3; }
|
|
|
|
.border-warning {
|
|
border: 1px solid #F68802; }
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
padding: 5px 0; }
|
|
|
|
h1 {
|
|
font-size: 36px;
|
|
font-weight: 400; }
|
|
@media (max-width: 767px) {
|
|
h1 {
|
|
font-size: 30px; } }
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
font-weight: 400; }
|
|
@media (max-width: 767px) {
|
|
h2 {
|
|
font-size: 24px; } }
|
|
|
|
h3 {
|
|
font-size: 24px;
|
|
font-weight: 300; }
|
|
@media (max-width: 767px) {
|
|
h3 {
|
|
font-size: 21px; } }
|
|
|
|
h4 {
|
|
font-size: 21px;
|
|
font-weight: 400; }
|
|
@media (max-width: 767px) {
|
|
h4 {
|
|
font-size: 18px; } }
|
|
|
|
h5 {
|
|
font-size: 18px;
|
|
font-weight: 400; }
|
|
@media (max-width: 767px) {
|
|
h5 {
|
|
font-size: 16px; } }
|
|
|
|
div {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.3em; }
|
|
@media (max-width: 767px) {
|
|
div {
|
|
font-size: 14px;
|
|
font-weight: 400; } }
|
|
|
|
p,
|
|
.text-description {
|
|
word-wrap: break-word;
|
|
-webkit-hyphens: none;
|
|
-moz-hyphens: none;
|
|
-ms-hyphens: none;
|
|
-o-hyphens: none;
|
|
hyphens: none;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.5em; }
|
|
|
|
.allow-hyphens {
|
|
word-wrap: break-word;
|
|
-webkit-hyphens: auto;
|
|
-moz-hyphens: auto;
|
|
-ms-hyphens: auto;
|
|
-o-hyphens: auto;
|
|
hyphens: auto; }
|
|
|
|
.font-bold, .font-bold:link, .font-bold:visited, .font-bold:active,
|
|
strong,
|
|
strong:link,
|
|
strong:visited,
|
|
strong:active {
|
|
font-weight: 600; }
|
|
|
|
.font-small, .font-small:link, .font-small:visited, .font-small:active {
|
|
font-size: 14px;
|
|
font-weight: 400; }
|
|
|
|
.small,
|
|
.small-oneline {
|
|
color: #191919; }
|
|
.small, .small:link, .small:visited, .small:active,
|
|
.small-oneline,
|
|
.small-oneline:link,
|
|
.small-oneline:visited,
|
|
.small-oneline:active {
|
|
font-size: 14px;
|
|
font-weight: 400; }
|
|
|
|
.small-oneline {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
|
|
.xsmall {
|
|
color: #191919; }
|
|
.xsmall, .xsmall:link, .xsmall:visited, .xsmall:active {
|
|
font-size: 12px;
|
|
font-weight: 400; }
|
|
|
|
.xxsmall {
|
|
color: #191919; }
|
|
.xxsmall, .xxsmall:link, .xxsmall:visited, .xxsmall:active {
|
|
font-size: 10px;
|
|
font-weight: 400; }
|
|
|
|
.text-center {
|
|
text-align: center; }
|
|
|
|
.text-justify {
|
|
text-align: justify; }
|
|
|
|
.text-left {
|
|
text-align: left; }
|
|
|
|
.text-right {
|
|
text-align: right; }
|
|
|
|
.text,
|
|
.text-nav {
|
|
color: #191919; }
|
|
|
|
.text-link, .vlist .list-item .list-body .list-content a, .text-link:link, .vlist .list-item .list-body .list-content a:link, .text-link:hover, .vlist .list-item .list-body .list-content a:hover, .text-link:visited, .vlist .list-item .list-body .list-content a:visited, .text-link:active, .vlist .list-item .list-body .list-content a:active {
|
|
color: #00A2FF; }
|
|
|
|
.text-link:hover, .vlist .list-item .list-body .list-content a:hover, .text-link:focus, .vlist .list-item .list-body .list-content a:focus {
|
|
text-decoration: underline; }
|
|
|
|
.text-link-secondary {
|
|
color: #757575; }
|
|
.text-link-secondary.active, .text-link-secondary:hover {
|
|
color: #00A2FF; }
|
|
|
|
.text-name {
|
|
font-weight: 400; }
|
|
.text-name, .text-name:link, .text-name:hover, .text-name:visited, .text-name:active {
|
|
color: #00A2FF; }
|
|
.text-name:hover, .text-name:focus {
|
|
text-decoration: underline; }
|
|
.text-name.small, .text-name.small:link, .text-name.small:visited, .text-name.small:active, .text-name.xsmall, .text-name.xsmall:link, .text-name.xsmall:visited, .text-name.xsmall:active, .text-name.xxsmall, .text-name.xxsmall:link, .text-name.xxsmall:visited, .text-name.xxsmall:active {
|
|
color: #00A2FF; }
|
|
|
|
.text-secondary {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #757575; }
|
|
|
|
.text-info {
|
|
color: #757575; }
|
|
|
|
.text-lead {
|
|
font-size: 18px;
|
|
font-weight: 400; }
|
|
|
|
.text-label {
|
|
color: #B8B8B8;
|
|
font-weight: 400; }
|
|
|
|
.text-report-ads, .text-report-ads:link, .text-report-ads:visited, .text-report-ads:active {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #B8B8B8; }
|
|
|
|
.text-report-ads:hover {
|
|
color: #D86868; }
|
|
|
|
.text-report-ads:hover, .text-report-ads:focus {
|
|
text-decoration: underline; }
|
|
|
|
.text-report, .text-report:link, .text-report:hover, .text-report:visited, .text-report:active {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #D86868; }
|
|
|
|
.text-report:hover, .text-report:focus {
|
|
text-decoration: underline; }
|
|
|
|
.text-warning {
|
|
color: #F68802; }
|
|
|
|
.text-alert {
|
|
color: #E2231A; }
|
|
|
|
.text-error {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #D86868; }
|
|
|
|
.text-secondary {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #757575; }
|
|
|
|
.text-pastname {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #B8B8B8; }
|
|
|
|
.text-date-hint {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #B8B8B8; }
|
|
|
|
.text-footer-nav, .text-footer-nav:link, .text-footer-nav:visited, .text-footer-nav:active {
|
|
color: #B8B8B8;
|
|
font-size: 21px;
|
|
font-weight: 300; }
|
|
@media (max-width: 767px) {
|
|
.text-footer-nav, .text-footer-nav:link, .text-footer-nav:visited, .text-footer-nav:active {
|
|
font-size: 18px; } }
|
|
|
|
.text-footer-nav:hover, .text-footer-nav:focus {
|
|
color: #191919;
|
|
font-size: 21px;
|
|
font-weight: 300; }
|
|
@media (max-width: 767px) {
|
|
.text-footer-nav:hover, .text-footer-nav:focus {
|
|
font-size: 18px; } }
|
|
|
|
.text-footer {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #B8B8B8; }
|
|
@media (max-width: 767px) {
|
|
.text-footer {
|
|
font-size: 10px; } }
|
|
|
|
.text-robux {
|
|
color: #02b757;
|
|
font-weight: 500; }
|
|
|
|
.text-success {
|
|
color: #02b757; }
|
|
|
|
.text-tooltips {
|
|
color: #F2F2F2;
|
|
font-size: 14px;
|
|
font-weight: 400; }
|
|
|
|
.text-robux-lg {
|
|
color: #02b757;
|
|
font-size: 24px;
|
|
font-weight: 400; }
|
|
|
|
.text-subject {
|
|
font-weight: 400; }
|
|
|
|
.text-overflow {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
|
|
.text-roblox {
|
|
text-transform: capitalize; }
|
|
|
|
.para-overflow {
|
|
line-height: 1.5em;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: normal; }
|
|
|
|
.para-overflow-toggle {
|
|
line-height: 1.5em;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: normal; }
|
|
.para-overflow-toggle.para-overflow-toggle-off {
|
|
overflow: auto; }
|
|
.para-overflow-toggle.para-overflow-toggle-off:after {
|
|
content: "";
|
|
width: 80px; }
|
|
.para-overflow-toggle.para-overflow-page-loading {
|
|
overflow: hidden; }
|
|
.para-overflow-toggle.para-overflow-page-loading:after {
|
|
content: ""; }
|
|
.para-overflow-toggle .toggle-para {
|
|
color: #00A2FF;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1000;
|
|
display: none; }
|
|
.para-overflow-toggle .toggle-para:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline; }
|
|
|
|
.strike-through {
|
|
text-decoration: line-through; }
|
|
|
|
.lang-format-error {
|
|
background-color: #E2231A; }
|
|
|
|
.italics {
|
|
font-style: italic; }
|
|
|
|
.toggle-target .content-height {
|
|
height: 96px; }
|
|
@media (max-width: 767px) {
|
|
.toggle-target .content-height {
|
|
height: auto; } }
|
|
|
|
.toggle-target .field-content {
|
|
font-weight: 300; }
|
|
|
|
@media (max-width: 767px) {
|
|
.toggle-target .toggle-content {
|
|
display: none; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.toggle-target .content-overflow-toggle:after {
|
|
content: ""; } }
|
|
|
|
.show-more-end {
|
|
display: none; }
|
|
@media (max-width: 767px) {
|
|
.show-more-end {
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
|
|
bottom: 32px;
|
|
height: 30px;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
display: inline-block; } }
|
|
|
|
.dark-theme button.toggle-content {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
border-radius: 8px; }
|
|
.dark-theme button.toggle-content:link {
|
|
color: #232527; }
|
|
.dark-theme button.toggle-content:hover, .dark-theme button.toggle-content:focus {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme button.toggle-content:focus {
|
|
outline: none; }
|
|
.dark-theme button.toggle-content:active, .dark-theme button.toggle-content.active {
|
|
background-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme button.toggle-content:visited {
|
|
color: #232527; }
|
|
.dark-theme button.toggle-content.disabled, .dark-theme button.toggle-content.disabled:hover, .dark-theme button.toggle-content.disabled:focus, .dark-theme button.toggle-content.disabled:active, .dark-theme button.toggle-content.disabled.active, .dark-theme button.toggle-content[disabled], .dark-theme button.toggle-content[disabled]:hover, .dark-theme button.toggle-content[disabled]:focus, .dark-theme button.toggle-content[disabled]:active, .dark-theme button.toggle-content[disabled].active {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch button.toggle-content:hover, .dark-theme .touch button.toggle-content:focus, .dark-theme .touch button.toggle-content:visited {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .touch button.toggle-content:active, .dark-theme .touch button.toggle-content.active {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.light-theme button.toggle-content {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
border-radius: 8px; }
|
|
.light-theme button.toggle-content:link {
|
|
color: #EFF2F5; }
|
|
.light-theme button.toggle-content:hover, .light-theme button.toggle-content:focus {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme button.toggle-content:focus {
|
|
outline: none; }
|
|
.light-theme button.toggle-content:active, .light-theme button.toggle-content.active {
|
|
background-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme button.toggle-content:visited {
|
|
color: #EFF2F5; }
|
|
.light-theme button.toggle-content.disabled, .light-theme button.toggle-content.disabled:hover, .light-theme button.toggle-content.disabled:focus, .light-theme button.toggle-content.disabled:active, .light-theme button.toggle-content.disabled.active, .light-theme button.toggle-content[disabled], .light-theme button.toggle-content[disabled]:hover, .light-theme button.toggle-content[disabled]:focus, .light-theme button.toggle-content[disabled]:active, .light-theme button.toggle-content[disabled].active {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch button.toggle-content:hover, .light-theme .touch button.toggle-content:focus, .light-theme .touch button.toggle-content:visited {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .touch button.toggle-content:active, .light-theme .touch button.toggle-content.active {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
button.toggle-content {
|
|
display: none; }
|
|
@media (max-width: 767px) {
|
|
button.toggle-content {
|
|
display: block; } }
|
|
|
|
.content-overflow-toggle.item-details.content-overflow-toggle-off button.toggle-content {
|
|
position: relative; }
|
|
|
|
.content-overflow-toggle {
|
|
line-height: 1.5em;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: normal; }
|
|
.content-overflow-toggle.content-overflow-toggle-off {
|
|
overflow: auto; }
|
|
.content-overflow-toggle.content-overflow-toggle-off:after {
|
|
content: "";
|
|
width: 80px; }
|
|
.content-overflow-toggle.content-overflow-page-loading {
|
|
overflow: hidden; }
|
|
.content-overflow-toggle.content-overflow-page-loading:after {
|
|
content: ""; }
|
|
.content-overflow-toggle .toggle-content {
|
|
color: #00A2FF;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1000;
|
|
background: #fff; }
|
|
.content-overflow-toggle .toggle-content:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline; }
|
|
@media (max-width: 767px) {
|
|
.content-overflow-toggle .toggle-content {
|
|
color: #191919; }
|
|
.content-overflow-toggle .toggle-content:hover {
|
|
text-decoration: none;
|
|
outline: none; } }
|
|
|
|
.dynamic-overflow-container {
|
|
display: flex;
|
|
flex-direction: row; }
|
|
.dynamic-overflow-container div {
|
|
display: inline-block; }
|
|
.dynamic-overflow-container.no-wrap {
|
|
white-space: nowrap; }
|
|
.dynamic-overflow-container .dynamic-ellipsis-item {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex: 1 2 auto; }
|
|
.dynamic-overflow-container .dynamic-width-item {
|
|
flex: 1 1 auto; }
|
|
|
|
.align-right {
|
|
text-align: right; }
|
|
|
|
.align-left {
|
|
text-align: left; }
|
|
|
|
.align-center {
|
|
text-align: center; }
|
|
|
|
.icon-default-animation, .icon-animation-run, .icon-animation-walk, .icon-animation-fall, .icon-animation-jump, .icon-animation-swim, .icon-animation-climb, .icon-animation-idle {
|
|
background-image: url(/images/Shared/icon_animation.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-animation, .dark-theme .icon-animation-run, .dark-theme .icon-animation-walk, .dark-theme .icon-animation-fall, .dark-theme .icon-animation-jump, .dark-theme .icon-animation-swim, .dark-theme .icon-animation-climb, .dark-theme .icon-animation-idle {
|
|
background-image: url("/images/Shared/animation_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-animation, .light-theme .icon-animation-run, .light-theme .icon-animation-walk, .light-theme .icon-animation-fall, .light-theme .icon-animation-jump, .light-theme .icon-animation-swim, .light-theme .icon-animation-climb, .light-theme .icon-animation-idle {
|
|
background-image: url("/images/Shared/animation_light_09282018.svg"); }
|
|
|
|
.icon-animation-run {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-animation-walk {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-animation-fall {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-animation-jump {
|
|
background-position: 0px -84px; }
|
|
|
|
.icon-animation-swim {
|
|
background-position: 0px -112px; }
|
|
|
|
.icon-animation-climb {
|
|
background-position: 0px -140px; }
|
|
|
|
.icon-animation-idle {
|
|
background-position: 0px -168px; }
|
|
|
|
.icon-default-bc, .icon-bc, .icon-tbc, .icon-obc {
|
|
background-image: url(/images/Shared/bc_06282017.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 52px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-bc, .dark-theme .icon-bc, .dark-theme .icon-tbc, .dark-theme .icon-obc {
|
|
background-image: url("/images/Shared/bc_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-bc, .light-theme .icon-bc, .light-theme .icon-tbc, .light-theme .icon-obc {
|
|
background-image: url("/images/Shared/bc_light_10232018.svg"); }
|
|
|
|
.icon-bc {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-tbc {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-obc {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-default-bc-no-label, .icon-bc-no-label, .icon-tbc-no-label, .icon-obc-no-label {
|
|
background-image: url(/images/Shared/bc_06282017.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-bc-no-label, .dark-theme .icon-bc-no-label, .dark-theme .icon-tbc-no-label, .dark-theme .icon-obc-no-label {
|
|
background-image: url("/images/Shared/bc_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-bc-no-label, .light-theme .icon-bc-no-label, .light-theme .icon-tbc-no-label, .light-theme .icon-obc-no-label {
|
|
background-image: url("/images/Shared/bc_light_10232018.svg"); }
|
|
|
|
.icon-bc-no-label {
|
|
background-position: 0px -84px; }
|
|
|
|
.icon-tbc-no-label {
|
|
background-position: 0px -112px; }
|
|
|
|
.icon-obc-no-label {
|
|
background-position: 0px -140px; }
|
|
|
|
.icon-default-branded, .icon-playerpoint, .icon-clanpoint, .icon-leaderboard, .icon-favorite, .icon-favorite.favorited, .icon-robux, .icon-robux-gray, .icon-robux-white, .icon-robux-burst-banner, .icon-follow-game, .icon-follow-game.followed, .icon-follow-game.disabled, .icon-follow-game-gray {
|
|
background-image: url(/images/Shared/branded_04182018.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-branded, .dark-theme .icon-playerpoint, .dark-theme .icon-clanpoint, .dark-theme .icon-leaderboard, .dark-theme .icon-favorite, .dark-theme .icon-robux, .dark-theme .icon-robux-gray, .dark-theme .icon-robux-white, .dark-theme .icon-robux-burst-banner, .dark-theme .icon-follow-game, .dark-theme .icon-follow-game-gray {
|
|
background-image: url("/images/Shared/branded_dark_11062018.svg"); }
|
|
|
|
.light-theme .icon-default-branded, .light-theme .icon-playerpoint, .light-theme .icon-clanpoint, .light-theme .icon-leaderboard, .light-theme .icon-favorite, .light-theme .icon-robux, .light-theme .icon-robux-gray, .light-theme .icon-robux-white, .light-theme .icon-robux-burst-banner, .light-theme .icon-follow-game, .light-theme .icon-follow-game-gray {
|
|
background-image: url("/images/Shared/branded_light_10232018.svg"); }
|
|
|
|
.icon-default-branded-16x16, .icon-robux-16x16, .icon-robux-gray-16x16 {
|
|
background-image: url(/images/Shared/branded_04182018.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 32px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-branded-16x16, .dark-theme .icon-robux-16x16, .dark-theme .icon-robux-gray-16x16 {
|
|
background-image: url("/images/Shared/branded_dark_11062018.svg"); }
|
|
|
|
.light-theme .icon-default-branded-16x16, .light-theme .icon-robux-16x16, .light-theme .icon-robux-gray-16x16 {
|
|
background-image: url("/images/Shared/branded_light_10232018.svg"); }
|
|
|
|
.icon-playerpoint {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-clanpoint {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-leaderboard {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-favorite {
|
|
background-position: 0px -84px; }
|
|
.icon-favorite:hover {
|
|
background-position: -28px -84px; }
|
|
|
|
button:hover .icon-favorite,
|
|
a:hover .icon-favorite {
|
|
background-position: -28px -84px; }
|
|
|
|
.icon-favorite.favorited {
|
|
background-position: -28px -84px; }
|
|
|
|
.icon-robux {
|
|
background-position: 0px -112px; }
|
|
|
|
.icon-robux-gray {
|
|
background-position: 0px -168px; }
|
|
|
|
.icon-robux-white {
|
|
background-position: 0px -196px; }
|
|
|
|
.icon-robux-burst-banner {
|
|
background-position: 0px -224px; }
|
|
|
|
.icon-robux-16x16 {
|
|
background-position: 0px -64px; }
|
|
|
|
.icon-robux-gray-16x16 {
|
|
background-position: 0px -96px; }
|
|
|
|
.icon-follow-game {
|
|
background-position: 0px -252px; }
|
|
|
|
.icon-follow-game.followed {
|
|
background-position: -28px -252px; }
|
|
|
|
.icon-follow-game.disabled {
|
|
background-position: 0px -280px; }
|
|
|
|
.icon-follow-game-gray {
|
|
background-position: 0px -308px; }
|
|
|
|
.icon-default-common, .icon-play-game, .icon-play-with-circle {
|
|
background-image: url("/images/Shared/common_dark_02272019.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-common, .dark-theme .icon-play-game, .dark-theme .icon-play-with-circle {
|
|
background-image: url("/images/Shared/common_dark_02272019.svg"); }
|
|
|
|
.light-theme .icon-default-common, .light-theme .icon-play-game, .light-theme .icon-play-with-circle {
|
|
background-image: url("/images/Shared/common_light_02272019.svg"); }
|
|
|
|
.icon-play-game {
|
|
background-position: 0 0px; }
|
|
|
|
.icon-play-with-circle {
|
|
background-position: 0 -36px; }
|
|
|
|
.icon-default-common-sm, .icon-refresh-sm, .dark-theme.gotham-font .refresh-link-icon:after, .light-theme.gotham-font .refresh-link-icon:after, .icon-push-right-sm, .dark-theme.gotham-font .see-all-link-icon:after, .light-theme.gotham-font .see-all-link-icon:after, .icon-rating-sm, .dark-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray, .icon-currently-playing-sm, .dark-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray {
|
|
background-image: url("/images/Shared/common_sm_dark_12032018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 32px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-common-sm, .dark-theme .icon-refresh-sm, .dark-theme.gotham-font .refresh-link-icon:after, .dark-theme .light-theme.gotham-font .refresh-link-icon:after, .light-theme.gotham-font .dark-theme .refresh-link-icon:after, .dark-theme .icon-push-right-sm, .dark-theme.gotham-font .see-all-link-icon:after, .dark-theme .light-theme.gotham-font .see-all-link-icon:after, .light-theme.gotham-font .dark-theme .see-all-link-icon:after, .dark-theme .icon-rating-sm, .dark-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .dark-theme .info-label.icon-votes-gray, .dark-theme .icon-currently-playing-sm, .dark-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .dark-theme .info-label.icon-playing-counts-gray {
|
|
background-image: url("/images/Shared/common_sm_dark_12032018.svg"); }
|
|
|
|
.light-theme .icon-default-common-sm, .light-theme .icon-refresh-sm, .light-theme .dark-theme.gotham-font .refresh-link-icon:after, .dark-theme.gotham-font .light-theme .refresh-link-icon:after, .light-theme.gotham-font .refresh-link-icon:after, .light-theme .icon-push-right-sm, .light-theme .dark-theme.gotham-font .see-all-link-icon:after, .dark-theme.gotham-font .light-theme .see-all-link-icon:after, .light-theme.gotham-font .see-all-link-icon:after, .light-theme .icon-rating-sm, .dark-theme .game-card-info .light-theme .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray, .light-theme .icon-currently-playing-sm, .dark-theme .game-card-info .light-theme .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray {
|
|
background-image: url("/images/Shared/common_sm_light_12032018.svg"); }
|
|
|
|
.icon-refresh-sm, .dark-theme.gotham-font .refresh-link-icon:after, .light-theme.gotham-font .refresh-link-icon:after {
|
|
background-position: 0 0px; }
|
|
|
|
.icon-push-right-sm, .dark-theme.gotham-font .see-all-link-icon:after, .light-theme.gotham-font .see-all-link-icon:after {
|
|
background-position: 0 -16px; }
|
|
|
|
.icon-rating-sm, .dark-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray {
|
|
background-position: 0 -32px; }
|
|
|
|
.icon-currently-playing-sm, .dark-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray {
|
|
background-position: 0 -48px; }
|
|
|
|
.icon-default-friendstatus, .icon-game, .icon-studio, .icon-online {
|
|
background-image: url(/images/Home/friendsstatus.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.icon-game {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-studio {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-online {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-default-generic, .icon-home, .icon-search, .icon-settings, .icon-edit, .icon-inactive, .icon-male, .icon-female, .icon-page, .icon-brokenpage, .icon-audio, .icon-moreinfo, .icon-play, .icon-pause, .icon-menu, .icon-right, .icon-left, .icon-up, .icon-down, .icon-next, .icon-back, .icon-checkmark, .icon-checkmark-on, .icon-close, .icon-more, .icon-sorting, .icon-additem, .icon-carousel-right, .icon-carousel-left, .icon-games-carousel-right, .icon-games-carousel-left, .icon-games-carousel-right.hover, .icon-games-carousel-left.hover, .icon-clock, .icon-grid, .icon-slideshow, .icon-pastname, .icon-last-page, .icon-first-page, .icon-checkmark-white, .icon-checkmark-white-bold, .icon-close-white, .icon-sandglass, .icon-notifications, .icon-right-gray, .icon-left-gray, .icon-last-gray, .icon-first-gray, .icon-menu-black, .icon-checkmark-blue, .icon-plus, .icon-minus, .icon-copy, .icon-locked, .icon-unlocked, .icon-bigplay, .icon-bigplay-fill, .icon-bigstop, .icon-bigstop-fill, .icon-arrow-right-blue, .icon-logo-apple, .icon-logo-win, .icon-globe, .icon-chat-gray, .icon-viewdetails, .icon-playgame, .icon-regenerate, .icon-pause-fill, .icon-more-gray-vertical, .icon-password-show, .icon-password-show-white, .icon-password-hide, .icon-password-hide-white, .icon-trash-bin, .icon-male-white, .icon-female-white {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 200% auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-generic, .dark-theme .icon-home, .dark-theme .icon-search, .dark-theme .icon-settings, .dark-theme .icon-edit, .dark-theme .icon-inactive, .dark-theme .icon-male, .dark-theme .icon-female, .dark-theme .icon-page, .dark-theme .icon-brokenpage, .dark-theme .icon-audio, .dark-theme .icon-moreinfo, .dark-theme .icon-play, .dark-theme .icon-pause, .dark-theme .icon-menu, .dark-theme .icon-right, .dark-theme .icon-left, .dark-theme .icon-up, .dark-theme .icon-down, .dark-theme .icon-next, .dark-theme .icon-back, .dark-theme .icon-checkmark, .dark-theme .icon-checkmark-on, .dark-theme .icon-close, .dark-theme .icon-more, .dark-theme .icon-sorting, .dark-theme .icon-additem, .dark-theme .icon-carousel-right, .dark-theme .icon-carousel-left, .dark-theme .icon-games-carousel-right, .dark-theme .icon-games-carousel-left, .dark-theme .icon-clock, .dark-theme .icon-grid, .dark-theme .icon-slideshow, .dark-theme .icon-pastname, .dark-theme .icon-last-page, .dark-theme .icon-first-page, .dark-theme .icon-checkmark-white, .dark-theme .icon-checkmark-white-bold, .dark-theme .icon-close-white, .dark-theme .icon-sandglass, .dark-theme .icon-notifications, .dark-theme .icon-right-gray, .dark-theme .icon-left-gray, .dark-theme .icon-last-gray, .dark-theme .icon-first-gray, .dark-theme .icon-menu-black, .dark-theme .icon-checkmark-blue, .dark-theme .icon-plus, .dark-theme .icon-minus, .dark-theme .icon-copy, .dark-theme .icon-locked, .dark-theme .icon-unlocked, .dark-theme .icon-bigplay, .dark-theme .icon-bigplay-fill, .dark-theme .icon-bigstop, .dark-theme .icon-bigstop-fill, .dark-theme .icon-arrow-right-blue, .dark-theme .icon-logo-apple, .dark-theme .icon-logo-win, .dark-theme .icon-globe, .dark-theme .icon-chat-gray, .dark-theme .icon-viewdetails, .dark-theme .icon-playgame, .dark-theme .icon-regenerate, .dark-theme .icon-pause-fill, .dark-theme .icon-more-gray-vertical, .dark-theme .icon-password-show, .dark-theme .icon-password-show-white, .dark-theme .icon-password-hide, .dark-theme .icon-password-hide-white, .dark-theme .icon-trash-bin, .dark-theme .icon-male-white, .dark-theme .icon-female-white {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg"); }
|
|
|
|
.light-theme .icon-default-generic, .light-theme .icon-home, .light-theme .icon-search, .light-theme .icon-settings, .light-theme .icon-edit, .light-theme .icon-inactive, .light-theme .icon-male, .light-theme .icon-female, .light-theme .icon-page, .light-theme .icon-brokenpage, .light-theme .icon-audio, .light-theme .icon-moreinfo, .light-theme .icon-play, .light-theme .icon-pause, .light-theme .icon-menu, .light-theme .icon-right, .light-theme .icon-left, .light-theme .icon-up, .light-theme .icon-down, .light-theme .icon-next, .light-theme .icon-back, .light-theme .icon-checkmark, .light-theme .icon-checkmark-on, .light-theme .icon-close, .light-theme .icon-more, .light-theme .icon-sorting, .light-theme .icon-additem, .light-theme .icon-carousel-right, .light-theme .icon-carousel-left, .light-theme .icon-games-carousel-right, .light-theme .icon-games-carousel-left, .light-theme .icon-clock, .light-theme .icon-grid, .light-theme .icon-slideshow, .light-theme .icon-pastname, .light-theme .icon-last-page, .light-theme .icon-first-page, .light-theme .icon-checkmark-white, .light-theme .icon-checkmark-white-bold, .light-theme .icon-close-white, .light-theme .icon-sandglass, .light-theme .icon-notifications, .light-theme .icon-right-gray, .light-theme .icon-left-gray, .light-theme .icon-last-gray, .light-theme .icon-first-gray, .light-theme .icon-menu-black, .light-theme .icon-checkmark-blue, .light-theme .icon-plus, .light-theme .icon-minus, .light-theme .icon-copy, .light-theme .icon-locked, .light-theme .icon-unlocked, .light-theme .icon-bigplay, .light-theme .icon-bigplay-fill, .light-theme .icon-bigstop, .light-theme .icon-bigstop-fill, .light-theme .icon-arrow-right-blue, .light-theme .icon-logo-apple, .light-theme .icon-logo-win, .light-theme .icon-globe, .light-theme .icon-chat-gray, .light-theme .icon-viewdetails, .light-theme .icon-playgame, .light-theme .icon-regenerate, .light-theme .icon-pause-fill, .light-theme .icon-more-gray-vertical, .light-theme .icon-password-show, .light-theme .icon-password-show-white, .light-theme .icon-password-hide, .light-theme .icon-password-hide-white, .light-theme .icon-trash-bin, .light-theme .icon-male-white, .light-theme .icon-female-white {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg"); }
|
|
|
|
.icon-default-generic-16x16, .icon-settings-16x16, .icon-edit-16x16, .icon-moreinfo-16x16, .icon-right-16x16, .icon-left-16x16, .icon-up-16x16, .icon-down-16x16, .icon-checkmark-16x16, .icon-close-16x16, .icon-red-timer-16x16, .icon-close-gray-16x16, .rbx-select-group:hover .icon-down, .input-group-btn .input-dropdown-btn:hover .icon-down, .input-group-btn .input-dropdown-btn:focus .icon-down, .open .input-dropdown-btn .icon-down {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 32px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-generic-16x16, .dark-theme .icon-settings-16x16, .dark-theme .icon-edit-16x16, .dark-theme .icon-moreinfo-16x16, .dark-theme .icon-right-16x16, .dark-theme .icon-left-16x16, .dark-theme .icon-up-16x16, .dark-theme .icon-down-16x16, .dark-theme .icon-checkmark-16x16, .dark-theme .icon-close-16x16, .dark-theme .icon-red-timer-16x16, .dark-theme .icon-close-gray-16x16, .dark-theme .rbx-select-group:hover .icon-down, .rbx-select-group:hover .dark-theme .icon-down, .dark-theme .input-group-btn .input-dropdown-btn:hover .icon-down, .input-group-btn .input-dropdown-btn:hover .dark-theme .icon-down, .dark-theme .input-group-btn .input-dropdown-btn:focus .icon-down, .input-group-btn .input-dropdown-btn:focus .dark-theme .icon-down, .dark-theme .open .input-dropdown-btn .icon-down, .open .input-dropdown-btn .dark-theme .icon-down {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg"); }
|
|
|
|
.light-theme .icon-default-generic-16x16, .light-theme .icon-settings-16x16, .light-theme .icon-edit-16x16, .light-theme .icon-moreinfo-16x16, .light-theme .icon-right-16x16, .light-theme .icon-left-16x16, .light-theme .icon-up-16x16, .light-theme .icon-down-16x16, .light-theme .icon-checkmark-16x16, .light-theme .icon-close-16x16, .light-theme .icon-red-timer-16x16, .light-theme .icon-close-gray-16x16, .light-theme .rbx-select-group:hover .icon-down, .rbx-select-group:hover .light-theme .icon-down, .light-theme .input-group-btn .input-dropdown-btn:hover .icon-down, .input-group-btn .input-dropdown-btn:hover .light-theme .icon-down, .light-theme .input-group-btn .input-dropdown-btn:focus .icon-down, .input-group-btn .input-dropdown-btn:focus .light-theme .icon-down, .light-theme .open .input-dropdown-btn .icon-down, .open .input-dropdown-btn .light-theme .icon-down {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg"); }
|
|
|
|
.icon-home {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-search {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-settings {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-edit {
|
|
background-position: 0px -84px; }
|
|
|
|
.icon-inactive {
|
|
background-position: 0px -112px; }
|
|
|
|
.icon-male {
|
|
background-position: 0px -140px; }
|
|
.icon-male:hover {
|
|
background-position: -28px -140px; }
|
|
|
|
button:hover .icon-male,
|
|
a:hover .icon-male {
|
|
background-position: -28px -140px; }
|
|
|
|
.icon-female {
|
|
background-position: 0px -168px; }
|
|
.icon-female:hover {
|
|
background-position: -28px -168px; }
|
|
|
|
button:hover .icon-female,
|
|
a:hover .icon-female {
|
|
background-position: -28px -168px; }
|
|
|
|
.icon-page {
|
|
background-position: 0px -196px; }
|
|
|
|
.icon-brokenpage {
|
|
background-position: 0px -224px; }
|
|
|
|
.icon-audio {
|
|
background-position: 0px -252px; }
|
|
|
|
.icon-moreinfo {
|
|
background-position: 0px -280px; }
|
|
.icon-moreinfo:hover {
|
|
background-position: -28px -280px; }
|
|
|
|
button:hover .icon-moreinfo,
|
|
a:hover .icon-moreinfo {
|
|
background-position: -28px -280px; }
|
|
|
|
.icon-play {
|
|
background-position: 0px -308px; }
|
|
|
|
.icon-pause {
|
|
background-position: 0px -336px; }
|
|
|
|
.icon-menu {
|
|
background-position: 0px -364px; }
|
|
|
|
.icon-right {
|
|
background-position: 0px -392px; }
|
|
.icon-right:hover {
|
|
background-position: -28px -392px; }
|
|
|
|
button:hover .icon-right,
|
|
a:hover .icon-right {
|
|
background-position: -28px -392px; }
|
|
|
|
.icon-left {
|
|
background-position: 0px -420px; }
|
|
.icon-left:hover {
|
|
background-position: -28px -420px; }
|
|
|
|
button:hover .icon-left,
|
|
a:hover .icon-left {
|
|
background-position: -28px -420px; }
|
|
|
|
.icon-up {
|
|
background-position: 0px -448px; }
|
|
|
|
.icon-down {
|
|
background-position: 0px -476px; }
|
|
|
|
.icon-next {
|
|
background-position: 0px -504px; }
|
|
|
|
.icon-back {
|
|
background-position: 0px -532px; }
|
|
|
|
.icon-checkmark {
|
|
background-position: 0px -560px; }
|
|
|
|
.icon-checkmark-on {
|
|
background-position: -28px -560px; }
|
|
|
|
.icon-close {
|
|
background-position: 0px -588px; }
|
|
|
|
.icon-more {
|
|
background-position: 0px -616px; }
|
|
.icon-more:hover {
|
|
background-position: -28px -616px; }
|
|
|
|
button:hover .icon-more,
|
|
a:hover .icon-more {
|
|
background-position: -28px -616px; }
|
|
|
|
.icon-sorting {
|
|
background-position: 0px -644px; }
|
|
|
|
.icon-additem {
|
|
background-position: 0px -672px; }
|
|
|
|
.icon-settings-16x16 {
|
|
background-position: 0px -32px; }
|
|
.icon-settings-16x16:hover {
|
|
background-position: -16px -32px; }
|
|
|
|
button:hover .icon-settings-16x16,
|
|
a:hover .icon-settings-16x16 {
|
|
background-position: -16px -32px; }
|
|
|
|
.icon-edit-16x16 {
|
|
background-position: 0px -48px; }
|
|
|
|
.icon-moreinfo-16x16 {
|
|
background-position: 0px -160px; }
|
|
.icon-moreinfo-16x16:hover {
|
|
background-position: -16px -160px; }
|
|
|
|
button:hover .icon-moreinfo-16x16,
|
|
a:hover .icon-moreinfo-16x16 {
|
|
background-position: -16px -160px; }
|
|
|
|
.icon-right-16x16 {
|
|
background-position: 0px -224px; }
|
|
|
|
.icon-left-16x16 {
|
|
background-position: 0px -240px; }
|
|
|
|
.icon-up-16x16 {
|
|
background-position: 0px -256px; }
|
|
|
|
.icon-down-16x16 {
|
|
background-position: 0px -272px; }
|
|
|
|
.icon-checkmark-16x16 {
|
|
background-position: 0px -320px; }
|
|
|
|
.icon-close-16x16 {
|
|
background-position: 0px -336px; }
|
|
|
|
.icon-carousel-right {
|
|
background-position: 0px -896px; }
|
|
|
|
.icon-carousel-left {
|
|
background-position: 0px -924px; }
|
|
|
|
.icon-games-carousel-right {
|
|
background-position: 0px -952px; }
|
|
.icon-games-carousel-right:hover {
|
|
background-position: -28px -952px; }
|
|
|
|
button:hover .icon-games-carousel-right,
|
|
a:hover .icon-games-carousel-right {
|
|
background-position: -28px -952px; }
|
|
|
|
.icon-games-carousel-left {
|
|
background-position: 0px -980px; }
|
|
.icon-games-carousel-left:hover {
|
|
background-position: -28px -980px; }
|
|
|
|
button:hover .icon-games-carousel-left,
|
|
a:hover .icon-games-carousel-left {
|
|
background-position: -28px -980px; }
|
|
|
|
.icon-games-carousel-right.hover {
|
|
background-position: -28px -952px; }
|
|
|
|
.icon-games-carousel-left.hover {
|
|
background-position: -28px -980px; }
|
|
|
|
.icon-clock {
|
|
background-position: 0px -1008px; }
|
|
.icon-clock:hover {
|
|
background-position: -28px -1008px; }
|
|
|
|
button:hover .icon-clock,
|
|
a:hover .icon-clock {
|
|
background-position: -28px -1008px; }
|
|
|
|
.icon-grid {
|
|
background-position: 0px -1036px; }
|
|
|
|
.icon-slideshow {
|
|
background-position: 0px -1064px; }
|
|
|
|
.icon-pastname {
|
|
background-position: 0px -1092px; }
|
|
|
|
.icon-last-page {
|
|
background-position: 0px -1120px; }
|
|
|
|
.icon-first-page {
|
|
background-position: 0px -1148px; }
|
|
|
|
.icon-checkmark-white {
|
|
background-position: 0px -1176px; }
|
|
|
|
.icon-checkmark-white-bold {
|
|
background-position: 0px -1204px; }
|
|
|
|
.icon-close-white {
|
|
background-position: 0px -1232px; }
|
|
|
|
.icon-sandglass {
|
|
background-position: 0px -1260px; }
|
|
|
|
.icon-notifications {
|
|
background-position: 0px -1288px; }
|
|
.icon-notifications:hover {
|
|
background-position: -28px -1288px; }
|
|
|
|
button:hover .icon-notifications,
|
|
a:hover .icon-notifications {
|
|
background-position: -28px -1288px; }
|
|
|
|
.icon-right-gray {
|
|
background-position: 0px -1316px; }
|
|
|
|
.icon-left-gray {
|
|
background-position: 0px -1344px; }
|
|
|
|
.icon-last-gray {
|
|
background-position: 0px -1372px; }
|
|
|
|
.icon-first-gray {
|
|
background-position: 0px -1400px; }
|
|
|
|
.icon-red-timer-16x16 {
|
|
background-position: 0px -816px; }
|
|
|
|
.icon-close-gray-16x16 {
|
|
background-position: 0px -832px; }
|
|
.icon-close-gray-16x16:hover {
|
|
background-position: -16px -832px; }
|
|
|
|
button:hover .icon-close-gray-16x16,
|
|
a:hover .icon-close-gray-16x16 {
|
|
background-position: -16px -832px; }
|
|
|
|
.icon-menu-black {
|
|
background-position: 0px -1484px; }
|
|
|
|
.icon-checkmark-blue {
|
|
background-position: 0px -1512px; }
|
|
.icon-checkmark-blue:hover {
|
|
background-position: -28px -1512px; }
|
|
|
|
button:hover .icon-checkmark-blue,
|
|
a:hover .icon-checkmark-blue {
|
|
background-position: -28px -1512px; }
|
|
|
|
.icon-plus {
|
|
background-position: 0px -1540px; }
|
|
.icon-plus:hover {
|
|
background-position: -28px -1540px; }
|
|
|
|
button:hover .icon-plus,
|
|
a:hover .icon-plus {
|
|
background-position: -28px -1540px; }
|
|
|
|
.icon-minus {
|
|
background-position: 0px -1568px; }
|
|
.icon-minus:hover {
|
|
background-position: -28px -1568px; }
|
|
|
|
button:hover .icon-minus,
|
|
a:hover .icon-minus {
|
|
background-position: -28px -1568px; }
|
|
|
|
.icon-copy {
|
|
background-position: 0px -1596px; }
|
|
.icon-copy:hover {
|
|
background-position: -28px -1596px; }
|
|
|
|
button:hover .icon-copy,
|
|
a:hover .icon-copy {
|
|
background-position: -28px -1596px; }
|
|
|
|
.icon-locked {
|
|
background-position: 0px -1624px; }
|
|
|
|
.icon-unlocked {
|
|
background-position: 0px -1652px; }
|
|
|
|
.icon-bigplay {
|
|
background-position: 0px -1680px; }
|
|
|
|
.icon-bigplay-fill {
|
|
background-position: -28px -1680px; }
|
|
.icon-bigplay-fill:hover {
|
|
background-position: -56px -1680px; }
|
|
|
|
button:hover .icon-bigplay-fill,
|
|
a:hover .icon-bigplay-fill {
|
|
background-position: -56px -1680px; }
|
|
|
|
.icon-bigstop {
|
|
background-position: 0px -1708px; }
|
|
|
|
.icon-bigstop-fill {
|
|
background-position: -28px -1708px; }
|
|
.icon-bigstop-fill:hover {
|
|
background-position: -56px -1708px; }
|
|
|
|
button:hover .icon-bigstop-fill,
|
|
a:hover .icon-bigstop-fill {
|
|
background-position: -56px -1708px; }
|
|
|
|
.icon-arrow-right-blue {
|
|
background-position: 0px -1764px; }
|
|
|
|
.icon-logo-apple {
|
|
background-position: 0px -1792px; }
|
|
|
|
.icon-logo-win {
|
|
background-position: -28px -1792px; }
|
|
|
|
.icon-globe {
|
|
background-position: 0px -1820px; }
|
|
.icon-globe:hover {
|
|
background-position: -28px -1820px; }
|
|
|
|
button:hover .icon-globe,
|
|
a:hover .icon-globe {
|
|
background-position: -28px -1820px; }
|
|
|
|
.icon-chat-gray {
|
|
background-position: 0px -1848px; }
|
|
.icon-chat-gray:hover {
|
|
background-position: -28px -1848px; }
|
|
|
|
button:hover .icon-chat-gray,
|
|
a:hover .icon-chat-gray {
|
|
background-position: -28px -1848px; }
|
|
|
|
.icon-viewdetails {
|
|
background-position: 0px -1876px; }
|
|
.icon-viewdetails:hover {
|
|
background-position: -28px -1876px; }
|
|
|
|
button:hover .icon-viewdetails,
|
|
a:hover .icon-viewdetails {
|
|
background-position: -28px -1876px; }
|
|
|
|
.icon-playgame {
|
|
background-position: 0px -1904px; }
|
|
.icon-playgame:hover {
|
|
background-position: -28px -1904px; }
|
|
|
|
button:hover .icon-playgame,
|
|
a:hover .icon-playgame {
|
|
background-position: -28px -1904px; }
|
|
|
|
.icon-regenerate {
|
|
background-position: 0px -1932px; }
|
|
|
|
.icon-pause-fill {
|
|
background-position: 0px -1960px; }
|
|
|
|
.icon-more-gray-vertical {
|
|
background-position: 0px -1988px; }
|
|
|
|
.icon-password-show {
|
|
background-position: 0px -2016px; }
|
|
|
|
.icon-password-show-white {
|
|
background-position: -28px -2016px; }
|
|
|
|
.icon-password-hide {
|
|
background-position: 0px -2044px; }
|
|
|
|
.icon-password-hide-white {
|
|
background-position: -28px -2044px; }
|
|
|
|
.icon-trash-bin {
|
|
background-position: 0px -2072px; }
|
|
.icon-trash-bin:hover {
|
|
background-position: -28px -2072px; }
|
|
|
|
button:hover .icon-trash-bin,
|
|
a:hover .icon-trash-bin {
|
|
background-position: -28px -2072px; }
|
|
|
|
.icon-male-white {
|
|
background-position: 0px -2100px; }
|
|
.icon-male-white:hover {
|
|
background-position: -28px -2100px; }
|
|
|
|
button:hover .icon-male-white,
|
|
a:hover .icon-male-white {
|
|
background-position: -28px -2100px; }
|
|
|
|
.icon-female-white {
|
|
background-position: 0px -2128px; }
|
|
.icon-female-white:hover {
|
|
background-position: -28px -2128px; }
|
|
|
|
button:hover .icon-female-white,
|
|
a:hover .icon-female-white {
|
|
background-position: -28px -2128px; }
|
|
|
|
.icon-default-logo, .icon-logo {
|
|
background-image: url(/images/Logo/roblox_logo_11212016.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 118px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 118px 30px; }
|
|
|
|
.dark-theme .icon-default-logo, .dark-theme .icon-logo {
|
|
background-image: url("/images/Logo/roblox_logo_11212016.svg"); }
|
|
|
|
.light-theme .icon-default-logo, .light-theme .icon-logo {
|
|
background-image: url("/images/Logo/roblox_logo_light_11052018.svg"); }
|
|
|
|
.icon-logo {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-default-logo-r, .icon-logo-r {
|
|
background-image: url(/images/Logo/logo_O_01302017.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 30px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 30px 30px; }
|
|
|
|
.dark-theme .icon-default-logo-r, .dark-theme .icon-logo-r {
|
|
background-image: url("/images/Logo/logo_O_01302017.svg"); }
|
|
|
|
.light-theme .icon-default-logo-r, .light-theme .icon-logo-r {
|
|
background-image: url("/images/Logo/logo_O_light_11052018.svg"); }
|
|
|
|
.icon-logo-r {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-default-logo-tagline, .icon-logo-tagline {
|
|
background-image: url(/images/Logo/roblox_tagline_02282019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 650px;
|
|
height: 170px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-logo-tagline, .dark-theme .icon-logo-tagline {
|
|
background-image: url("/images/Logo/roblox_tagline_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-logo-tagline, .light-theme .icon-logo-tagline {
|
|
background-image: url("/images/Logo/roblox_tagline_light_02282019.svg"); }
|
|
|
|
.icon-logo-tagline {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-logo-tagline-white {
|
|
background-image: url("/images/Logo/icon_logo_tagline_white_09272017.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: auto 170px;
|
|
background-position: center;
|
|
display: inline-block;
|
|
width: 650px;
|
|
height: 170px; }
|
|
|
|
.icon-default-navigation, .icon-nav-menu, .icon-nav-robux, .icon-nav-settings, .icon-nav-search, .icon-nav-home, .icon-nav-profile, .icon-nav-message, .icon-nav-friends, .icon-nav-charactercustomizer, .icon-nav-inventory, .icon-nav-trade, .icon-nav-group, .icon-nav-blog, .icon-nav-search-white, .icon-nav-shop, .icon-nav-notification-stream, .icon-nav-my-feed {
|
|
background-image: url(/images/Shared/navigation_10022018.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-navigation, .dark-theme .icon-nav-menu, .dark-theme .icon-nav-robux, .dark-theme .icon-nav-settings, .dark-theme .icon-nav-search, .dark-theme .icon-nav-home, .dark-theme .icon-nav-profile, .dark-theme .icon-nav-message, .dark-theme .icon-nav-friends, .dark-theme .icon-nav-charactercustomizer, .dark-theme .icon-nav-inventory, .dark-theme .icon-nav-trade, .dark-theme .icon-nav-group, .dark-theme .icon-nav-blog, .dark-theme .icon-nav-search-white, .dark-theme .icon-nav-shop, .dark-theme .icon-nav-notification-stream, .dark-theme .icon-nav-my-feed {
|
|
background-image: url("/images/Shared/navigation_dark_10022018.svg"); }
|
|
|
|
.light-theme .icon-default-navigation, .light-theme .icon-nav-menu, .light-theme .icon-nav-robux, .light-theme .icon-nav-settings, .light-theme .icon-nav-search, .light-theme .icon-nav-home, .light-theme .icon-nav-profile, .light-theme .icon-nav-message, .light-theme .icon-nav-friends, .light-theme .icon-nav-charactercustomizer, .light-theme .icon-nav-inventory, .light-theme .icon-nav-trade, .light-theme .icon-nav-group, .light-theme .icon-nav-blog, .light-theme .icon-nav-search-white, .light-theme .icon-nav-shop, .light-theme .icon-nav-notification-stream, .light-theme .icon-nav-my-feed {
|
|
background-image: url("/images/Shared/navigation_light_10232018.svg"); }
|
|
|
|
.icon-nav-menu {
|
|
background-position: 0px 0px; }
|
|
.icon-nav-menu:hover {
|
|
background-position: -28px 0px; }
|
|
|
|
button:hover .icon-nav-menu,
|
|
a:hover .icon-nav-menu {
|
|
background-position: -28px 0px; }
|
|
|
|
.icon-nav-robux {
|
|
background-position: 0px -28px; }
|
|
.icon-nav-robux:hover {
|
|
background-position: -28px -28px; }
|
|
|
|
button:hover .icon-nav-robux,
|
|
a:hover .icon-nav-robux {
|
|
background-position: -28px -28px; }
|
|
|
|
.icon-nav-settings {
|
|
background-position: 0px -84px; }
|
|
.icon-nav-settings:hover {
|
|
background-position: -28px -84px; }
|
|
|
|
button:hover .icon-nav-settings,
|
|
a:hover .icon-nav-settings {
|
|
background-position: -28px -84px; }
|
|
|
|
.icon-nav-search {
|
|
background-position: 0px -112px; }
|
|
.icon-nav-search:hover {
|
|
background-position: -28px -112px; }
|
|
|
|
button:hover .icon-nav-search,
|
|
a:hover .icon-nav-search {
|
|
background-position: -28px -112px; }
|
|
|
|
.icon-nav-home {
|
|
background-position: 0px -140px; }
|
|
.icon-nav-home:hover {
|
|
background-position: -28px -140px; }
|
|
|
|
button:hover .icon-nav-home,
|
|
a:hover .icon-nav-home {
|
|
background-position: -28px -140px; }
|
|
|
|
.icon-nav-profile {
|
|
background-position: 0px -168px; }
|
|
.icon-nav-profile:hover {
|
|
background-position: -28px -168px; }
|
|
|
|
button:hover .icon-nav-profile,
|
|
a:hover .icon-nav-profile {
|
|
background-position: -28px -168px; }
|
|
|
|
.icon-nav-message {
|
|
background-position: 0px -196px; }
|
|
.icon-nav-message:hover {
|
|
background-position: -28px -196px; }
|
|
|
|
button:hover .icon-nav-message,
|
|
a:hover .icon-nav-message {
|
|
background-position: -28px -196px; }
|
|
|
|
.icon-nav-friends {
|
|
background-position: 0px -224px; }
|
|
.icon-nav-friends:hover {
|
|
background-position: -28px -224px; }
|
|
|
|
button:hover .icon-nav-friends,
|
|
a:hover .icon-nav-friends {
|
|
background-position: -28px -224px; }
|
|
|
|
.icon-nav-charactercustomizer {
|
|
background-position: 0px -252px; }
|
|
.icon-nav-charactercustomizer:hover {
|
|
background-position: -28px -252px; }
|
|
|
|
button:hover .icon-nav-charactercustomizer,
|
|
a:hover .icon-nav-charactercustomizer {
|
|
background-position: -28px -252px; }
|
|
|
|
.icon-nav-inventory {
|
|
background-position: 0px -280px; }
|
|
.icon-nav-inventory:hover {
|
|
background-position: -28px -280px; }
|
|
|
|
button:hover .icon-nav-inventory,
|
|
a:hover .icon-nav-inventory {
|
|
background-position: -28px -280px; }
|
|
|
|
.icon-nav-trade {
|
|
background-position: 0px -308px; }
|
|
.icon-nav-trade:hover {
|
|
background-position: -28px -308px; }
|
|
|
|
button:hover .icon-nav-trade,
|
|
a:hover .icon-nav-trade {
|
|
background-position: -28px -308px; }
|
|
|
|
.icon-nav-group {
|
|
background-position: 0px -336px; }
|
|
.icon-nav-group:hover {
|
|
background-position: -28px -336px; }
|
|
|
|
button:hover .icon-nav-group,
|
|
a:hover .icon-nav-group {
|
|
background-position: -28px -336px; }
|
|
|
|
.icon-nav-blog {
|
|
background-position: 0px -364px; }
|
|
.icon-nav-blog:hover {
|
|
background-position: -28px -364px; }
|
|
|
|
button:hover .icon-nav-blog,
|
|
a:hover .icon-nav-blog {
|
|
background-position: -28px -364px; }
|
|
|
|
.icon-nav-search-white {
|
|
background-position: 0px -392px; }
|
|
.icon-nav-search-white:hover {
|
|
background-position: -28px -392px; }
|
|
|
|
button:hover .icon-nav-search-white,
|
|
a:hover .icon-nav-search-white {
|
|
background-position: -28px -392px; }
|
|
|
|
.icon-nav-shop {
|
|
background-position: 0px -420px; }
|
|
.icon-nav-shop:hover {
|
|
background-position: -28px -420px; }
|
|
|
|
button:hover .icon-nav-shop,
|
|
a:hover .icon-nav-shop {
|
|
background-position: -28px -420px; }
|
|
|
|
.icon-nav-notification-stream {
|
|
background-position: 0px -448px; }
|
|
.icon-nav-notification-stream:hover {
|
|
background-position: -28px -448px; }
|
|
|
|
button:hover .icon-nav-notification-stream,
|
|
a:hover .icon-nav-notification-stream {
|
|
background-position: -28px -448px; }
|
|
|
|
.icon-nav-my-feed {
|
|
background-position: 0px -476px; }
|
|
.icon-nav-my-feed:hover {
|
|
background-position: -28px -476px; }
|
|
|
|
button:hover .icon-nav-my-feed,
|
|
a:hover .icon-nav-my-feed {
|
|
background-position: -28px -476px; }
|
|
|
|
.icon-default-negative, .icon-report.active, .icon-remove, .icon-alert, .icon-flag, .icon-warning, .icon-lock, .icon-turn-off, .icon-warning-orange, .icon-report-darkgray, .vlist .list-item .list-body:hover .icon-report {
|
|
background-image: url(/images/Shared/negative_06142018.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 200% auto;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-negative, .dark-theme .icon-report.active, .dark-theme .icon-remove, .dark-theme .icon-alert, .dark-theme .icon-flag, .dark-theme .icon-warning, .dark-theme .icon-lock, .dark-theme .icon-turn-off, .dark-theme .icon-warning-orange, .dark-theme .icon-report-darkgray, .dark-theme .vlist .list-item .list-body:hover .icon-report, .vlist .list-item .list-body:hover .dark-theme .icon-report {
|
|
background-image: url("/images/Shared/negative_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-negative, .light-theme .icon-report.active, .light-theme .icon-remove, .light-theme .icon-alert, .light-theme .icon-flag, .light-theme .icon-warning, .light-theme .icon-lock, .light-theme .icon-turn-off, .light-theme .icon-warning-orange, .light-theme .icon-report-darkgray, .light-theme .vlist .list-item .list-body:hover .icon-report, .vlist .list-item .list-body:hover .light-theme .icon-report {
|
|
background-image: url("/images/Shared/negative_light_10232018.svg"); }
|
|
|
|
.icon-report.active {
|
|
background-position: -20px -40px; }
|
|
|
|
.icon-remove {
|
|
background-position: 0px 0px; }
|
|
.icon-remove:hover {
|
|
background-position: -20px 0px; }
|
|
|
|
button:hover .icon-remove,
|
|
a:hover .icon-remove {
|
|
background-position: -20px 0px; }
|
|
|
|
.icon-alert {
|
|
background-position: 0px -20px; }
|
|
.icon-alert:hover {
|
|
background-position: -20px -20px; }
|
|
|
|
button:hover .icon-alert,
|
|
a:hover .icon-alert {
|
|
background-position: -20px -20px; }
|
|
|
|
.icon-flag {
|
|
background-position: 0px -40px; }
|
|
.icon-flag:hover {
|
|
background-position: -20px -40px; }
|
|
|
|
button:hover .icon-flag,
|
|
a:hover .icon-flag {
|
|
background-position: -20px -40px; }
|
|
|
|
.icon-warning {
|
|
background-position: 0px -60px; }
|
|
|
|
.icon-lock {
|
|
background-position: 0px -80px; }
|
|
.icon-lock:hover {
|
|
background-position: -20px -80px; }
|
|
|
|
button:hover .icon-lock,
|
|
a:hover .icon-lock {
|
|
background-position: -20px -80px; }
|
|
|
|
.icon-turn-off {
|
|
background-position: 0px -100px; }
|
|
.icon-turn-off:hover {
|
|
background-position: -20px -100px; }
|
|
|
|
button:hover .icon-turn-off,
|
|
a:hover .icon-turn-off {
|
|
background-position: -20px -100px; }
|
|
|
|
.icon-warning-orange {
|
|
background-position: 0px -120px; }
|
|
|
|
.icon-report-darkgray {
|
|
background-position: 0px -140px; }
|
|
|
|
.icon-default-social, .icon-message, .icon-addfriend, .icon-friends, .icon-group, .icon-forum, .icon-blog, .icon-trade, .icon-chat, .icon-share, .icon-acceptfriend {
|
|
background-image: url(/images/Shared/social_06282017.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-social, .dark-theme .icon-message, .dark-theme .icon-addfriend, .dark-theme .icon-friends, .dark-theme .icon-group, .dark-theme .icon-forum, .dark-theme .icon-blog, .dark-theme .icon-trade, .dark-theme .icon-chat, .dark-theme .icon-share, .dark-theme .icon-acceptfriend {
|
|
background-image: url("/images/Shared/social_dark_09282018.svg"); }
|
|
|
|
.light-theme .icon-default-social, .light-theme .icon-message, .light-theme .icon-addfriend, .light-theme .icon-friends, .light-theme .icon-group, .light-theme .icon-forum, .light-theme .icon-blog, .light-theme .icon-trade, .light-theme .icon-chat, .light-theme .icon-share, .light-theme .icon-acceptfriend {
|
|
background-image: url("/images/Shared/social_light_10232018.svg"); }
|
|
|
|
.icon-message {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-addfriend {
|
|
background-position: 0px -28px; }
|
|
|
|
.icon-friends {
|
|
background-position: 0px -56px; }
|
|
|
|
.icon-group {
|
|
background-position: 0px -84px; }
|
|
|
|
.icon-forum {
|
|
background-position: 0px -112px; }
|
|
|
|
.icon-blog {
|
|
background-position: 0px -140px; }
|
|
|
|
.icon-trade {
|
|
background-position: 0px -168px; }
|
|
|
|
.icon-chat {
|
|
background-position: 0px -196px; }
|
|
|
|
.icon-share {
|
|
background-position: 0px -224px; }
|
|
.icon-share:hover {
|
|
background-position: -28px -224px; }
|
|
|
|
button:hover .icon-share,
|
|
a:hover .icon-share {
|
|
background-position: -28px -224px; }
|
|
|
|
.icon-acceptfriend {
|
|
background-position: 0px -252px; }
|
|
|
|
.icon-default-stars {
|
|
background-image: url(/images/Games/stars.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.icon-default-stars-16x16, .icon-votes-background, .icon-votes-foreground, .icon-votes-foreground.hover {
|
|
background-image: url(/images/Games/stars.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 32px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.icon-votes-background {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-votes-foreground {
|
|
background-position: 0px -16px; }
|
|
|
|
.icon-votes-foreground.hover {
|
|
background-position: 0px -32px; }
|
|
|
|
.five-stars {
|
|
padding-top: 5px;
|
|
display: inline-block; }
|
|
.five-stars .stars {
|
|
background-image: url("/images/Icons/five_stars.svg");
|
|
background-size: 16px auto;
|
|
height: 16px;
|
|
display: inline-block; }
|
|
.five-stars .stars.empty-stars {
|
|
background-position: 0 16px;
|
|
width: 80px;
|
|
position: relative; }
|
|
.five-stars .stars .full-stars {
|
|
background-position: 0 0;
|
|
position: absolute;
|
|
left: 0; }
|
|
.five-stars .five-stars-count {
|
|
margin: 1px 0 0 6px;
|
|
width: 130px;
|
|
color: #757575; }
|
|
@media (max-width: 767px) and (orientation: landscape) {
|
|
.five-stars .five-stars-count {
|
|
display: inline-block;
|
|
margin-top: 0px; } }
|
|
|
|
.icon-default-placeholder, .icon-placeholder-game, .icon-placeholder-asset, .icon-placeholder-avatar-headshot, .icon-placeholder-avatar-fullbody {
|
|
background-image: url(/images/Shared/placeholder_10182018.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.dark-theme .icon-default-placeholder, .dark-theme .icon-placeholder-game, .dark-theme .icon-placeholder-asset, .dark-theme .icon-placeholder-avatar-headshot, .dark-theme .icon-placeholder-avatar-fullbody {
|
|
background-image: url("/images/Shared/placeholder_dark_10182018.svg"); }
|
|
|
|
.light-theme .icon-default-placeholder, .light-theme .icon-placeholder-game, .light-theme .icon-placeholder-asset, .light-theme .icon-placeholder-avatar-headshot, .light-theme .icon-placeholder-avatar-fullbody {
|
|
background-image: url("/images/Shared/placeholder_light_10242018.svg"); }
|
|
|
|
.icon-placeholder-game {
|
|
background-position: 0px 0px; }
|
|
|
|
.icon-placeholder-asset {
|
|
background-position: 0px -150px; }
|
|
|
|
.icon-placeholder-avatar-headshot {
|
|
background-position: 0px -300px; }
|
|
|
|
.icon-placeholder-avatar-fullbody {
|
|
background-position: 0px -450px; }
|
|
|
|
.placeholder-default-16x9, .placeholder-game-thumbnail:before {
|
|
background-image: url(/images/Shared/placeholder_game_thumbnail.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 480px auto;
|
|
width: 480px;
|
|
height: 270px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.placeholder-game-thumbnail {
|
|
text-align: center; }
|
|
.placeholder-game-thumbnail:before {
|
|
background-position: 0 0px;
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
.placeholder-game-thumbnail:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center; }
|
|
|
|
.dark-theme .placeholder-default-16x9:before, .dark-theme .placeholder-game-thumbnail:before {
|
|
background-image: url("/images/Shared/placeholder_game_thumbnail_dark.svg"); }
|
|
|
|
.light-theme .placeholder-default-16x9:before, .light-theme .placeholder-game-thumbnail:before {
|
|
background-image: url("/images/Shared/placeholder_game_thumbnail_light.svg"); }
|
|
|
|
.btn-primary-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-primary-lg:link {
|
|
color: #fff; }
|
|
.btn-primary-lg:hover, .btn-primary-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-primary-lg:active, .btn-primary-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-primary-lg:active:focus, .btn-primary-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-lg:visited {
|
|
color: #fff; }
|
|
.btn-primary-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-lg.disabled, .btn-primary-lg.disabled:hover, .btn-primary-lg.disabled:focus, .btn-primary-lg.disabled:active, .btn-primary-lg.disabled.active, .btn-primary-lg[disabled], .btn-primary-lg[disabled]:hover, .btn-primary-lg[disabled]:focus, .btn-primary-lg[disabled]:active, .btn-primary-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-primary-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-primary-lg:not([disabled]):hover, .touch .btn-primary-lg:not([disabled]):focus, .touch .btn-primary-lg:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-primary-lg:not([disabled]):active, .touch .btn-primary-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-primary-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-primary-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-primary-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-primary-lg:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-lg:hover, .dark-theme .btn-primary-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-primary-lg:active, .dark-theme .btn-primary-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-lg.disabled, .dark-theme .btn-primary-lg.disabled:hover, .dark-theme .btn-primary-lg.disabled:focus, .dark-theme .btn-primary-lg.disabled:active, .dark-theme .btn-primary-lg.disabled.active, .dark-theme .btn-primary-lg[disabled], .dark-theme .btn-primary-lg[disabled]:hover, .dark-theme .btn-primary-lg[disabled]:focus, .dark-theme .btn-primary-lg[disabled]:active, .dark-theme .btn-primary-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-primary-lg:hover, .dark-theme .touch .btn-primary-lg:focus, .dark-theme .touch .btn-primary-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-primary-lg:active, .dark-theme .touch .btn-primary-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-primary-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-primary-lg:link {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-lg:hover, .light-theme .btn-primary-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-primary-lg:active, .light-theme .btn-primary-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-lg:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-lg.disabled, .light-theme .btn-primary-lg.disabled:hover, .light-theme .btn-primary-lg.disabled:focus, .light-theme .btn-primary-lg.disabled:active, .light-theme .btn-primary-lg.disabled.active, .light-theme .btn-primary-lg[disabled], .light-theme .btn-primary-lg[disabled]:hover, .light-theme .btn-primary-lg[disabled]:focus, .light-theme .btn-primary-lg[disabled]:active, .light-theme .btn-primary-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-primary-lg:hover, .light-theme .touch .btn-primary-lg:focus, .light-theme .touch .btn-primary-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-primary-lg:active, .light-theme .touch .btn-primary-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-primary-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-primary-md:link {
|
|
color: #fff; }
|
|
.btn-primary-md:hover, .btn-primary-md:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-primary-md:active, .btn-primary-md.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-primary-md:active:focus, .btn-primary-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-md:visited {
|
|
color: #fff; }
|
|
.btn-primary-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-md.disabled, .btn-primary-md.disabled:hover, .btn-primary-md.disabled:focus, .btn-primary-md.disabled:active, .btn-primary-md.disabled.active, .btn-primary-md[disabled], .btn-primary-md[disabled]:hover, .btn-primary-md[disabled]:focus, .btn-primary-md[disabled]:active, .btn-primary-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-primary-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-primary-md:not([disabled]):hover, .touch .btn-primary-md:not([disabled]):focus, .touch .btn-primary-md:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-primary-md:not([disabled]):active, .touch .btn-primary-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-primary-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-primary-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-primary-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-primary-md:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-md:hover, .dark-theme .btn-primary-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-primary-md:active, .dark-theme .btn-primary-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-md:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-md.disabled, .dark-theme .btn-primary-md.disabled:hover, .dark-theme .btn-primary-md.disabled:focus, .dark-theme .btn-primary-md.disabled:active, .dark-theme .btn-primary-md.disabled.active, .dark-theme .btn-primary-md[disabled], .dark-theme .btn-primary-md[disabled]:hover, .dark-theme .btn-primary-md[disabled]:focus, .dark-theme .btn-primary-md[disabled]:active, .dark-theme .btn-primary-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-primary-md:hover, .dark-theme .touch .btn-primary-md:focus, .dark-theme .touch .btn-primary-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-primary-md:active, .dark-theme .touch .btn-primary-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-primary-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-primary-md:link {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-md:hover, .light-theme .btn-primary-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-primary-md:active, .light-theme .btn-primary-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-md:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-md.disabled, .light-theme .btn-primary-md.disabled:hover, .light-theme .btn-primary-md.disabled:focus, .light-theme .btn-primary-md.disabled:active, .light-theme .btn-primary-md.disabled.active, .light-theme .btn-primary-md[disabled], .light-theme .btn-primary-md[disabled]:hover, .light-theme .btn-primary-md[disabled]:focus, .light-theme .btn-primary-md[disabled]:active, .light-theme .btn-primary-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-primary-md:hover, .light-theme .touch .btn-primary-md:focus, .light-theme .touch .btn-primary-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-primary-md:active, .light-theme .touch .btn-primary-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-primary-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-primary-sm:link {
|
|
color: #fff; }
|
|
.btn-primary-sm:hover, .btn-primary-sm:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-primary-sm:active, .btn-primary-sm.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-primary-sm:active:focus, .btn-primary-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-sm:visited {
|
|
color: #fff; }
|
|
.btn-primary-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-sm.disabled, .btn-primary-sm.disabled:hover, .btn-primary-sm.disabled:focus, .btn-primary-sm.disabled:active, .btn-primary-sm.disabled.active, .btn-primary-sm[disabled], .btn-primary-sm[disabled]:hover, .btn-primary-sm[disabled]:focus, .btn-primary-sm[disabled]:active, .btn-primary-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-primary-sm:not([disabled]):hover, .touch .btn-primary-sm:not([disabled]):focus, .touch .btn-primary-sm:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-primary-sm:not([disabled]):active, .touch .btn-primary-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-primary-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-primary-sm {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-primary-sm:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-sm:hover, .dark-theme .btn-primary-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-primary-sm:active, .dark-theme .btn-primary-sm.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-sm:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-sm.disabled, .dark-theme .btn-primary-sm.disabled:hover, .dark-theme .btn-primary-sm.disabled:focus, .dark-theme .btn-primary-sm.disabled:active, .dark-theme .btn-primary-sm.disabled.active, .dark-theme .btn-primary-sm[disabled], .dark-theme .btn-primary-sm[disabled]:hover, .dark-theme .btn-primary-sm[disabled]:focus, .dark-theme .btn-primary-sm[disabled]:active, .dark-theme .btn-primary-sm[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-primary-sm:hover, .dark-theme .touch .btn-primary-sm:focus, .dark-theme .touch .btn-primary-sm:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-primary-sm:active, .dark-theme .touch .btn-primary-sm.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-primary-sm {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-primary-sm:link {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-sm:hover, .light-theme .btn-primary-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-primary-sm:active, .light-theme .btn-primary-sm.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-sm:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-sm.disabled, .light-theme .btn-primary-sm.disabled:hover, .light-theme .btn-primary-sm.disabled:focus, .light-theme .btn-primary-sm.disabled:active, .light-theme .btn-primary-sm.disabled.active, .light-theme .btn-primary-sm[disabled], .light-theme .btn-primary-sm[disabled]:hover, .light-theme .btn-primary-sm[disabled]:focus, .light-theme .btn-primary-sm[disabled]:active, .light-theme .btn-primary-sm[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-primary-sm:hover, .light-theme .touch .btn-primary-sm:focus, .light-theme .touch .btn-primary-sm:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-primary-sm:active, .light-theme .touch .btn-primary-sm.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-primary-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-primary-xs:link {
|
|
color: #fff; }
|
|
.btn-primary-xs:hover, .btn-primary-xs:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-primary-xs:active, .btn-primary-xs.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-primary-xs:active:focus, .btn-primary-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-xs:visited {
|
|
color: #fff; }
|
|
.btn-primary-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-primary-xs.disabled, .btn-primary-xs.disabled:hover, .btn-primary-xs.disabled:focus, .btn-primary-xs.disabled:active, .btn-primary-xs.disabled.active, .btn-primary-xs[disabled], .btn-primary-xs[disabled]:hover, .btn-primary-xs[disabled]:focus, .btn-primary-xs[disabled]:active, .btn-primary-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-primary-xs:not([disabled]):hover, .touch .btn-primary-xs:not([disabled]):focus, .touch .btn-primary-xs:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-primary-xs:not([disabled]):active, .touch .btn-primary-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-primary-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-primary-xs {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-primary-xs:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-xs:hover, .dark-theme .btn-primary-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-primary-xs:active, .dark-theme .btn-primary-xs.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-xs:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-primary-xs.disabled, .dark-theme .btn-primary-xs.disabled:hover, .dark-theme .btn-primary-xs.disabled:focus, .dark-theme .btn-primary-xs.disabled:active, .dark-theme .btn-primary-xs.disabled.active, .dark-theme .btn-primary-xs[disabled], .dark-theme .btn-primary-xs[disabled]:hover, .dark-theme .btn-primary-xs[disabled]:focus, .dark-theme .btn-primary-xs[disabled]:active, .dark-theme .btn-primary-xs[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-primary-xs:hover, .dark-theme .touch .btn-primary-xs:focus, .dark-theme .touch .btn-primary-xs:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-primary-xs:active, .dark-theme .touch .btn-primary-xs.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-primary-xs {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-primary-xs:link {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-xs:hover, .light-theme .btn-primary-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-primary-xs:active, .light-theme .btn-primary-xs.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-primary-xs:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-primary-xs.disabled, .light-theme .btn-primary-xs.disabled:hover, .light-theme .btn-primary-xs.disabled:focus, .light-theme .btn-primary-xs.disabled:active, .light-theme .btn-primary-xs.disabled.active, .light-theme .btn-primary-xs[disabled], .light-theme .btn-primary-xs[disabled]:hover, .light-theme .btn-primary-xs[disabled]:focus, .light-theme .btn-primary-xs[disabled]:active, .light-theme .btn-primary-xs[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-primary-xs:hover, .light-theme .touch .btn-primary-xs:focus, .light-theme .touch .btn-primary-xs:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-primary-xs:active, .light-theme .touch .btn-primary-xs.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-cta-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-cta-lg:link {
|
|
color: #fff; }
|
|
.btn-cta-lg:hover, .btn-cta-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-cta-lg:active, .btn-cta-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-cta-lg:active:focus, .btn-cta-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-lg:visited {
|
|
color: #fff; }
|
|
.btn-cta-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-lg.disabled, .btn-cta-lg.disabled:hover, .btn-cta-lg.disabled:focus, .btn-cta-lg.disabled:active, .btn-cta-lg.disabled.active, .btn-cta-lg[disabled], .btn-cta-lg[disabled]:hover, .btn-cta-lg[disabled]:focus, .btn-cta-lg[disabled]:active, .btn-cta-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-cta-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-cta-lg:not([disabled]):hover, .touch .btn-cta-lg:not([disabled]):focus, .touch .btn-cta-lg:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-cta-lg:not([disabled]):active, .touch .btn-cta-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-cta-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-cta-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-cta-lg {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-cta-lg:link {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-lg:hover, .dark-theme .btn-cta-lg:focus {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-cta-lg:active, .dark-theme .btn-cta-lg.active {
|
|
background-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-lg:visited {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-lg.disabled, .dark-theme .btn-cta-lg.disabled:hover, .dark-theme .btn-cta-lg.disabled:focus, .dark-theme .btn-cta-lg.disabled:active, .dark-theme .btn-cta-lg.disabled.active, .dark-theme .btn-cta-lg[disabled], .dark-theme .btn-cta-lg[disabled]:hover, .dark-theme .btn-cta-lg[disabled]:focus, .dark-theme .btn-cta-lg[disabled]:active, .dark-theme .btn-cta-lg[disabled].active {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-cta-lg:hover, .dark-theme .touch .btn-cta-lg:focus, .dark-theme .touch .btn-cta-lg:visited {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .touch .btn-cta-lg:active, .dark-theme .touch .btn-cta-lg.active {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.light-theme .btn-cta-lg {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-cta-lg:link {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-lg:hover, .light-theme .btn-cta-lg:focus {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-cta-lg:active, .light-theme .btn-cta-lg.active {
|
|
background-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-lg:visited {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-lg.disabled, .light-theme .btn-cta-lg.disabled:hover, .light-theme .btn-cta-lg.disabled:focus, .light-theme .btn-cta-lg.disabled:active, .light-theme .btn-cta-lg.disabled.active, .light-theme .btn-cta-lg[disabled], .light-theme .btn-cta-lg[disabled]:hover, .light-theme .btn-cta-lg[disabled]:focus, .light-theme .btn-cta-lg[disabled]:active, .light-theme .btn-cta-lg[disabled].active {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-cta-lg:hover, .light-theme .touch .btn-cta-lg:focus, .light-theme .touch .btn-cta-lg:visited {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .touch .btn-cta-lg:active, .light-theme .touch .btn-cta-lg.active {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.btn-cta-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-cta-md:link {
|
|
color: #fff; }
|
|
.btn-cta-md:hover, .btn-cta-md:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-cta-md:active, .btn-cta-md.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-cta-md:active:focus, .btn-cta-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-md:visited {
|
|
color: #fff; }
|
|
.btn-cta-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-md.disabled, .btn-cta-md.disabled:hover, .btn-cta-md.disabled:focus, .btn-cta-md.disabled:active, .btn-cta-md.disabled.active, .btn-cta-md[disabled], .btn-cta-md[disabled]:hover, .btn-cta-md[disabled]:focus, .btn-cta-md[disabled]:active, .btn-cta-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-cta-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-cta-md:not([disabled]):hover, .touch .btn-cta-md:not([disabled]):focus, .touch .btn-cta-md:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-cta-md:not([disabled]):active, .touch .btn-cta-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-cta-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-cta-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-cta-md {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-cta-md:link {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-md:hover, .dark-theme .btn-cta-md:focus {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-cta-md:active, .dark-theme .btn-cta-md.active {
|
|
background-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-md:visited {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-md.disabled, .dark-theme .btn-cta-md.disabled:hover, .dark-theme .btn-cta-md.disabled:focus, .dark-theme .btn-cta-md.disabled:active, .dark-theme .btn-cta-md.disabled.active, .dark-theme .btn-cta-md[disabled], .dark-theme .btn-cta-md[disabled]:hover, .dark-theme .btn-cta-md[disabled]:focus, .dark-theme .btn-cta-md[disabled]:active, .dark-theme .btn-cta-md[disabled].active {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-cta-md:hover, .dark-theme .touch .btn-cta-md:focus, .dark-theme .touch .btn-cta-md:visited {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .touch .btn-cta-md:active, .dark-theme .touch .btn-cta-md.active {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.light-theme .btn-cta-md {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-cta-md:link {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-md:hover, .light-theme .btn-cta-md:focus {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-cta-md:active, .light-theme .btn-cta-md.active {
|
|
background-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-md:visited {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-md.disabled, .light-theme .btn-cta-md.disabled:hover, .light-theme .btn-cta-md.disabled:focus, .light-theme .btn-cta-md.disabled:active, .light-theme .btn-cta-md.disabled.active, .light-theme .btn-cta-md[disabled], .light-theme .btn-cta-md[disabled]:hover, .light-theme .btn-cta-md[disabled]:focus, .light-theme .btn-cta-md[disabled]:active, .light-theme .btn-cta-md[disabled].active {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-cta-md:hover, .light-theme .touch .btn-cta-md:focus, .light-theme .touch .btn-cta-md:visited {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .touch .btn-cta-md:active, .light-theme .touch .btn-cta-md.active {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.btn-cta-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-cta-sm:link {
|
|
color: #fff; }
|
|
.btn-cta-sm:hover, .btn-cta-sm:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-cta-sm:active, .btn-cta-sm.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-cta-sm:active:focus, .btn-cta-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-sm:visited {
|
|
color: #fff; }
|
|
.btn-cta-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-sm.disabled, .btn-cta-sm.disabled:hover, .btn-cta-sm.disabled:focus, .btn-cta-sm.disabled:active, .btn-cta-sm.disabled.active, .btn-cta-sm[disabled], .btn-cta-sm[disabled]:hover, .btn-cta-sm[disabled]:focus, .btn-cta-sm[disabled]:active, .btn-cta-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-cta-sm:not([disabled]):hover, .touch .btn-cta-sm:not([disabled]):focus, .touch .btn-cta-sm:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-cta-sm:not([disabled]):active, .touch .btn-cta-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-cta-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-cta-sm {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-cta-sm:link {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-sm:hover, .dark-theme .btn-cta-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-cta-sm:active, .dark-theme .btn-cta-sm.active {
|
|
background-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-sm:visited {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-sm.disabled, .dark-theme .btn-cta-sm.disabled:hover, .dark-theme .btn-cta-sm.disabled:focus, .dark-theme .btn-cta-sm.disabled:active, .dark-theme .btn-cta-sm.disabled.active, .dark-theme .btn-cta-sm[disabled], .dark-theme .btn-cta-sm[disabled]:hover, .dark-theme .btn-cta-sm[disabled]:focus, .dark-theme .btn-cta-sm[disabled]:active, .dark-theme .btn-cta-sm[disabled].active {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-cta-sm:hover, .dark-theme .touch .btn-cta-sm:focus, .dark-theme .touch .btn-cta-sm:visited {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .touch .btn-cta-sm:active, .dark-theme .touch .btn-cta-sm.active {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.light-theme .btn-cta-sm {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-cta-sm:link {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-sm:hover, .light-theme .btn-cta-sm:focus {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-cta-sm:active, .light-theme .btn-cta-sm.active {
|
|
background-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-sm:visited {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-sm.disabled, .light-theme .btn-cta-sm.disabled:hover, .light-theme .btn-cta-sm.disabled:focus, .light-theme .btn-cta-sm.disabled:active, .light-theme .btn-cta-sm.disabled.active, .light-theme .btn-cta-sm[disabled], .light-theme .btn-cta-sm[disabled]:hover, .light-theme .btn-cta-sm[disabled]:focus, .light-theme .btn-cta-sm[disabled]:active, .light-theme .btn-cta-sm[disabled].active {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-cta-sm:hover, .light-theme .touch .btn-cta-sm:focus, .light-theme .touch .btn-cta-sm:visited {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .touch .btn-cta-sm:active, .light-theme .touch .btn-cta-sm.active {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.btn-cta-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-cta-xs:link {
|
|
color: #fff; }
|
|
.btn-cta-xs:hover, .btn-cta-xs:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-cta-xs:active, .btn-cta-xs.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-cta-xs:active:focus, .btn-cta-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-xs:visited {
|
|
color: #fff; }
|
|
.btn-cta-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-cta-xs.disabled, .btn-cta-xs.disabled:hover, .btn-cta-xs.disabled:focus, .btn-cta-xs.disabled:active, .btn-cta-xs.disabled.active, .btn-cta-xs[disabled], .btn-cta-xs[disabled]:hover, .btn-cta-xs[disabled]:focus, .btn-cta-xs[disabled]:active, .btn-cta-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-cta-xs:not([disabled]):hover, .touch .btn-cta-xs:not([disabled]):focus, .touch .btn-cta-xs:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-cta-xs:not([disabled]):active, .touch .btn-cta-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-cta-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-cta-xs {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-cta-xs:link {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-xs:hover, .dark-theme .btn-cta-xs:focus {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-cta-xs:active, .dark-theme .btn-cta-xs.active {
|
|
background-color: #fff;
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-xs:visited {
|
|
color: #232527; }
|
|
.dark-theme .btn-cta-xs.disabled, .dark-theme .btn-cta-xs.disabled:hover, .dark-theme .btn-cta-xs.disabled:focus, .dark-theme .btn-cta-xs.disabled:active, .dark-theme .btn-cta-xs.disabled.active, .dark-theme .btn-cta-xs[disabled], .dark-theme .btn-cta-xs[disabled]:hover, .dark-theme .btn-cta-xs[disabled]:focus, .dark-theme .btn-cta-xs[disabled]:active, .dark-theme .btn-cta-xs[disabled].active {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #232527;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-cta-xs:hover, .dark-theme .touch .btn-cta-xs:focus, .dark-theme .touch .btn-cta-xs:visited {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .touch .btn-cta-xs:active, .dark-theme .touch .btn-cta-xs.active {
|
|
color: #232527;
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
|
|
.light-theme .btn-cta-xs {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-cta-xs:link {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-xs:hover, .light-theme .btn-cta-xs:focus {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-cta-xs:active, .light-theme .btn-cta-xs.active {
|
|
background-color: #393B3D;
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-xs:visited {
|
|
color: #EFF2F5; }
|
|
.light-theme .btn-cta-xs.disabled, .light-theme .btn-cta-xs.disabled:hover, .light-theme .btn-cta-xs.disabled:focus, .light-theme .btn-cta-xs.disabled:active, .light-theme .btn-cta-xs.disabled.active, .light-theme .btn-cta-xs[disabled], .light-theme .btn-cta-xs[disabled]:hover, .light-theme .btn-cta-xs[disabled]:focus, .light-theme .btn-cta-xs[disabled]:active, .light-theme .btn-cta-xs[disabled].active {
|
|
background-color: #393B3D;
|
|
border-color: #393B3D;
|
|
color: #EFF2F5;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-cta-xs:hover, .light-theme .touch .btn-cta-xs:focus, .light-theme .touch .btn-cta-xs:visited {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .touch .btn-cta-xs:active, .light-theme .touch .btn-cta-xs.active {
|
|
color: #EFF2F5;
|
|
background-color: #393B3D;
|
|
border-color: #393B3D; }
|
|
|
|
.btn-growth-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-growth-lg:link {
|
|
color: #fff; }
|
|
.btn-growth-lg:hover, .btn-growth-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-growth-lg:active, .btn-growth-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-growth-lg:active:focus, .btn-growth-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-lg:visited {
|
|
color: #fff; }
|
|
.btn-growth-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-lg.disabled, .btn-growth-lg.disabled:hover, .btn-growth-lg.disabled:focus, .btn-growth-lg.disabled:active, .btn-growth-lg.disabled.active, .btn-growth-lg[disabled], .btn-growth-lg[disabled]:hover, .btn-growth-lg[disabled]:focus, .btn-growth-lg[disabled]:active, .btn-growth-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-growth-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-growth-lg:not([disabled]):hover, .touch .btn-growth-lg:not([disabled]):focus, .touch .btn-growth-lg:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-growth-lg:not([disabled]):active, .touch .btn-growth-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-growth-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-growth-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-growth-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-growth-lg:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-lg:hover, .dark-theme .btn-growth-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-growth-lg:active, .dark-theme .btn-growth-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-lg.disabled, .dark-theme .btn-growth-lg.disabled:hover, .dark-theme .btn-growth-lg.disabled:focus, .dark-theme .btn-growth-lg.disabled:active, .dark-theme .btn-growth-lg.disabled.active, .dark-theme .btn-growth-lg[disabled], .dark-theme .btn-growth-lg[disabled]:hover, .dark-theme .btn-growth-lg[disabled]:focus, .dark-theme .btn-growth-lg[disabled]:active, .dark-theme .btn-growth-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-growth-lg:hover, .dark-theme .touch .btn-growth-lg:focus, .dark-theme .touch .btn-growth-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-growth-lg:active, .dark-theme .touch .btn-growth-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-growth-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-growth-lg:link {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-lg:hover, .light-theme .btn-growth-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-growth-lg:active, .light-theme .btn-growth-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-lg:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-lg.disabled, .light-theme .btn-growth-lg.disabled:hover, .light-theme .btn-growth-lg.disabled:focus, .light-theme .btn-growth-lg.disabled:active, .light-theme .btn-growth-lg.disabled.active, .light-theme .btn-growth-lg[disabled], .light-theme .btn-growth-lg[disabled]:hover, .light-theme .btn-growth-lg[disabled]:focus, .light-theme .btn-growth-lg[disabled]:active, .light-theme .btn-growth-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-growth-lg:hover, .light-theme .touch .btn-growth-lg:focus, .light-theme .touch .btn-growth-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-growth-lg:active, .light-theme .touch .btn-growth-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-growth-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-growth-md:link {
|
|
color: #fff; }
|
|
.btn-growth-md:hover, .btn-growth-md:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-growth-md:active, .btn-growth-md.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-growth-md:active:focus, .btn-growth-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-md:visited {
|
|
color: #fff; }
|
|
.btn-growth-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-md.disabled, .btn-growth-md.disabled:hover, .btn-growth-md.disabled:focus, .btn-growth-md.disabled:active, .btn-growth-md.disabled.active, .btn-growth-md[disabled], .btn-growth-md[disabled]:hover, .btn-growth-md[disabled]:focus, .btn-growth-md[disabled]:active, .btn-growth-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-growth-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-growth-md:not([disabled]):hover, .touch .btn-growth-md:not([disabled]):focus, .touch .btn-growth-md:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-growth-md:not([disabled]):active, .touch .btn-growth-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-growth-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-growth-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-growth-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-growth-md:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-md:hover, .dark-theme .btn-growth-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-growth-md:active, .dark-theme .btn-growth-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-md:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-md.disabled, .dark-theme .btn-growth-md.disabled:hover, .dark-theme .btn-growth-md.disabled:focus, .dark-theme .btn-growth-md.disabled:active, .dark-theme .btn-growth-md.disabled.active, .dark-theme .btn-growth-md[disabled], .dark-theme .btn-growth-md[disabled]:hover, .dark-theme .btn-growth-md[disabled]:focus, .dark-theme .btn-growth-md[disabled]:active, .dark-theme .btn-growth-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-growth-md:hover, .dark-theme .touch .btn-growth-md:focus, .dark-theme .touch .btn-growth-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-growth-md:active, .dark-theme .touch .btn-growth-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-growth-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-growth-md:link {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-md:hover, .light-theme .btn-growth-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-growth-md:active, .light-theme .btn-growth-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-md:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-md.disabled, .light-theme .btn-growth-md.disabled:hover, .light-theme .btn-growth-md.disabled:focus, .light-theme .btn-growth-md.disabled:active, .light-theme .btn-growth-md.disabled.active, .light-theme .btn-growth-md[disabled], .light-theme .btn-growth-md[disabled]:hover, .light-theme .btn-growth-md[disabled]:focus, .light-theme .btn-growth-md[disabled]:active, .light-theme .btn-growth-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-growth-md:hover, .light-theme .touch .btn-growth-md:focus, .light-theme .touch .btn-growth-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-growth-md:active, .light-theme .touch .btn-growth-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-growth-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-growth-sm:link {
|
|
color: #fff; }
|
|
.btn-growth-sm:hover, .btn-growth-sm:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-growth-sm:active, .btn-growth-sm.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-growth-sm:active:focus, .btn-growth-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-sm:visited {
|
|
color: #fff; }
|
|
.btn-growth-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-sm.disabled, .btn-growth-sm.disabled:hover, .btn-growth-sm.disabled:focus, .btn-growth-sm.disabled:active, .btn-growth-sm.disabled.active, .btn-growth-sm[disabled], .btn-growth-sm[disabled]:hover, .btn-growth-sm[disabled]:focus, .btn-growth-sm[disabled]:active, .btn-growth-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-growth-sm:not([disabled]):hover, .touch .btn-growth-sm:not([disabled]):focus, .touch .btn-growth-sm:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-growth-sm:not([disabled]):active, .touch .btn-growth-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-growth-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-growth-sm {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-growth-sm:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-sm:hover, .dark-theme .btn-growth-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-growth-sm:active, .dark-theme .btn-growth-sm.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-sm:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-sm.disabled, .dark-theme .btn-growth-sm.disabled:hover, .dark-theme .btn-growth-sm.disabled:focus, .dark-theme .btn-growth-sm.disabled:active, .dark-theme .btn-growth-sm.disabled.active, .dark-theme .btn-growth-sm[disabled], .dark-theme .btn-growth-sm[disabled]:hover, .dark-theme .btn-growth-sm[disabled]:focus, .dark-theme .btn-growth-sm[disabled]:active, .dark-theme .btn-growth-sm[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-growth-sm:hover, .dark-theme .touch .btn-growth-sm:focus, .dark-theme .touch .btn-growth-sm:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-growth-sm:active, .dark-theme .touch .btn-growth-sm.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-growth-sm {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-growth-sm:link {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-sm:hover, .light-theme .btn-growth-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-growth-sm:active, .light-theme .btn-growth-sm.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-sm:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-sm.disabled, .light-theme .btn-growth-sm.disabled:hover, .light-theme .btn-growth-sm.disabled:focus, .light-theme .btn-growth-sm.disabled:active, .light-theme .btn-growth-sm.disabled.active, .light-theme .btn-growth-sm[disabled], .light-theme .btn-growth-sm[disabled]:hover, .light-theme .btn-growth-sm[disabled]:focus, .light-theme .btn-growth-sm[disabled]:active, .light-theme .btn-growth-sm[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-growth-sm:hover, .light-theme .touch .btn-growth-sm:focus, .light-theme .touch .btn-growth-sm:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-growth-sm:active, .light-theme .touch .btn-growth-sm.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-growth-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-growth-xs:link {
|
|
color: #fff; }
|
|
.btn-growth-xs:hover, .btn-growth-xs:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-growth-xs:active, .btn-growth-xs.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-growth-xs:active:focus, .btn-growth-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-xs:visited {
|
|
color: #fff; }
|
|
.btn-growth-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-growth-xs.disabled, .btn-growth-xs.disabled:hover, .btn-growth-xs.disabled:focus, .btn-growth-xs.disabled:active, .btn-growth-xs.disabled.active, .btn-growth-xs[disabled], .btn-growth-xs[disabled]:hover, .btn-growth-xs[disabled]:focus, .btn-growth-xs[disabled]:active, .btn-growth-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-growth-xs:not([disabled]):hover, .touch .btn-growth-xs:not([disabled]):focus, .touch .btn-growth-xs:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-growth-xs:not([disabled]):active, .touch .btn-growth-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-growth-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-growth-xs {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-growth-xs:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-xs:hover, .dark-theme .btn-growth-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-growth-xs:active, .dark-theme .btn-growth-xs.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-xs:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-growth-xs.disabled, .dark-theme .btn-growth-xs.disabled:hover, .dark-theme .btn-growth-xs.disabled:focus, .dark-theme .btn-growth-xs.disabled:active, .dark-theme .btn-growth-xs.disabled.active, .dark-theme .btn-growth-xs[disabled], .dark-theme .btn-growth-xs[disabled]:hover, .dark-theme .btn-growth-xs[disabled]:focus, .dark-theme .btn-growth-xs[disabled]:active, .dark-theme .btn-growth-xs[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-growth-xs:hover, .dark-theme .touch .btn-growth-xs:focus, .dark-theme .touch .btn-growth-xs:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-growth-xs:active, .dark-theme .touch .btn-growth-xs.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-growth-xs {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-growth-xs:link {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-xs:hover, .light-theme .btn-growth-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-growth-xs:active, .light-theme .btn-growth-xs.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-growth-xs:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-growth-xs.disabled, .light-theme .btn-growth-xs.disabled:hover, .light-theme .btn-growth-xs.disabled:focus, .light-theme .btn-growth-xs.disabled:active, .light-theme .btn-growth-xs.disabled.active, .light-theme .btn-growth-xs[disabled], .light-theme .btn-growth-xs[disabled]:hover, .light-theme .btn-growth-xs[disabled]:focus, .light-theme .btn-growth-xs[disabled]:active, .light-theme .btn-growth-xs[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-growth-xs:hover, .light-theme .touch .btn-growth-xs:focus, .light-theme .touch .btn-growth-xs:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-growth-xs:active, .light-theme .touch .btn-growth-xs.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-secondary-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-secondary-lg:link {
|
|
color: #fff; }
|
|
.btn-secondary-lg:hover, .btn-secondary-lg:focus {
|
|
background-color: #32B5FF;
|
|
border-color: #32B5FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-secondary-lg:active, .btn-secondary-lg.active {
|
|
background-color: #32B5FF;
|
|
color: #fff; }
|
|
.btn-secondary-lg:active:focus, .btn-secondary-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-lg:visited {
|
|
color: #fff; }
|
|
.btn-secondary-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-lg.disabled, .btn-secondary-lg.disabled:hover, .btn-secondary-lg.disabled:focus, .btn-secondary-lg.disabled:active, .btn-secondary-lg.disabled.active, .btn-secondary-lg[disabled], .btn-secondary-lg[disabled]:hover, .btn-secondary-lg[disabled]:focus, .btn-secondary-lg[disabled]:active, .btn-secondary-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #99DAFF;
|
|
border-color: #99DAFF;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-secondary-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-secondary-lg:not([disabled]):hover, .touch .btn-secondary-lg:not([disabled]):focus, .touch .btn-secondary-lg:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF; }
|
|
|
|
.touch .btn-secondary-lg:not([disabled]):active, .touch .btn-secondary-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #0074BD;
|
|
border-color: #0074BD; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-secondary-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-secondary-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-secondary-lg {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-secondary-lg:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-lg:hover, .dark-theme .btn-secondary-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-secondary-lg:active, .dark-theme .btn-secondary-lg.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-lg.disabled, .dark-theme .btn-secondary-lg.disabled:hover, .dark-theme .btn-secondary-lg.disabled:focus, .dark-theme .btn-secondary-lg.disabled:active, .dark-theme .btn-secondary-lg.disabled.active, .dark-theme .btn-secondary-lg[disabled], .dark-theme .btn-secondary-lg[disabled]:hover, .dark-theme .btn-secondary-lg[disabled]:focus, .dark-theme .btn-secondary-lg[disabled]:active, .dark-theme .btn-secondary-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-secondary-lg:hover, .dark-theme .touch .btn-secondary-lg:focus, .dark-theme .touch .btn-secondary-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-secondary-lg:active, .dark-theme .touch .btn-secondary-lg.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-secondary-lg {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-secondary-lg:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-lg:hover, .light-theme .btn-secondary-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-secondary-lg:active, .light-theme .btn-secondary-lg.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-lg.disabled, .light-theme .btn-secondary-lg.disabled:hover, .light-theme .btn-secondary-lg.disabled:focus, .light-theme .btn-secondary-lg.disabled:active, .light-theme .btn-secondary-lg.disabled.active, .light-theme .btn-secondary-lg[disabled], .light-theme .btn-secondary-lg[disabled]:hover, .light-theme .btn-secondary-lg[disabled]:focus, .light-theme .btn-secondary-lg[disabled]:active, .light-theme .btn-secondary-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-secondary-lg:hover, .light-theme .touch .btn-secondary-lg:focus, .light-theme .touch .btn-secondary-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-secondary-lg:active, .light-theme .touch .btn-secondary-lg.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-secondary-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-secondary-md:link {
|
|
color: #fff; }
|
|
.btn-secondary-md:hover, .btn-secondary-md:focus {
|
|
background-color: #32B5FF;
|
|
border-color: #32B5FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-secondary-md:active, .btn-secondary-md.active {
|
|
background-color: #32B5FF;
|
|
color: #fff; }
|
|
.btn-secondary-md:active:focus, .btn-secondary-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-md:visited {
|
|
color: #fff; }
|
|
.btn-secondary-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-md.disabled, .btn-secondary-md.disabled:hover, .btn-secondary-md.disabled:focus, .btn-secondary-md.disabled:active, .btn-secondary-md.disabled.active, .btn-secondary-md[disabled], .btn-secondary-md[disabled]:hover, .btn-secondary-md[disabled]:focus, .btn-secondary-md[disabled]:active, .btn-secondary-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #99DAFF;
|
|
border-color: #99DAFF;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-secondary-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-secondary-md:not([disabled]):hover, .touch .btn-secondary-md:not([disabled]):focus, .touch .btn-secondary-md:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF; }
|
|
|
|
.touch .btn-secondary-md:not([disabled]):active, .touch .btn-secondary-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #0074BD;
|
|
border-color: #0074BD; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-secondary-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-secondary-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-secondary-md {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-secondary-md:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-md:hover, .dark-theme .btn-secondary-md:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-secondary-md:active, .dark-theme .btn-secondary-md.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-md:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-md.disabled, .dark-theme .btn-secondary-md.disabled:hover, .dark-theme .btn-secondary-md.disabled:focus, .dark-theme .btn-secondary-md.disabled:active, .dark-theme .btn-secondary-md.disabled.active, .dark-theme .btn-secondary-md[disabled], .dark-theme .btn-secondary-md[disabled]:hover, .dark-theme .btn-secondary-md[disabled]:focus, .dark-theme .btn-secondary-md[disabled]:active, .dark-theme .btn-secondary-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-secondary-md:hover, .dark-theme .touch .btn-secondary-md:focus, .dark-theme .touch .btn-secondary-md:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-secondary-md:active, .dark-theme .touch .btn-secondary-md.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-secondary-md {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-secondary-md:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-md:hover, .light-theme .btn-secondary-md:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-secondary-md:active, .light-theme .btn-secondary-md.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-md:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-md.disabled, .light-theme .btn-secondary-md.disabled:hover, .light-theme .btn-secondary-md.disabled:focus, .light-theme .btn-secondary-md.disabled:active, .light-theme .btn-secondary-md.disabled.active, .light-theme .btn-secondary-md[disabled], .light-theme .btn-secondary-md[disabled]:hover, .light-theme .btn-secondary-md[disabled]:focus, .light-theme .btn-secondary-md[disabled]:active, .light-theme .btn-secondary-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-secondary-md:hover, .light-theme .touch .btn-secondary-md:focus, .light-theme .touch .btn-secondary-md:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-secondary-md:active, .light-theme .touch .btn-secondary-md.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-secondary-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-secondary-sm:link {
|
|
color: #fff; }
|
|
.btn-secondary-sm:hover, .btn-secondary-sm:focus {
|
|
background-color: #32B5FF;
|
|
border-color: #32B5FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-secondary-sm:active, .btn-secondary-sm.active {
|
|
background-color: #32B5FF;
|
|
color: #fff; }
|
|
.btn-secondary-sm:active:focus, .btn-secondary-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-sm:visited {
|
|
color: #fff; }
|
|
.btn-secondary-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-sm.disabled, .btn-secondary-sm.disabled:hover, .btn-secondary-sm.disabled:focus, .btn-secondary-sm.disabled:active, .btn-secondary-sm.disabled.active, .btn-secondary-sm[disabled], .btn-secondary-sm[disabled]:hover, .btn-secondary-sm[disabled]:focus, .btn-secondary-sm[disabled]:active, .btn-secondary-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #99DAFF;
|
|
border-color: #99DAFF;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-secondary-sm:not([disabled]):hover, .touch .btn-secondary-sm:not([disabled]):focus, .touch .btn-secondary-sm:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF; }
|
|
|
|
.touch .btn-secondary-sm:not([disabled]):active, .touch .btn-secondary-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #0074BD;
|
|
border-color: #0074BD; }
|
|
|
|
.in-app .btn-secondary-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-secondary-sm {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-secondary-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-sm:hover, .dark-theme .btn-secondary-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-secondary-sm:active, .dark-theme .btn-secondary-sm.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-sm.disabled, .dark-theme .btn-secondary-sm.disabled:hover, .dark-theme .btn-secondary-sm.disabled:focus, .dark-theme .btn-secondary-sm.disabled:active, .dark-theme .btn-secondary-sm.disabled.active, .dark-theme .btn-secondary-sm[disabled], .dark-theme .btn-secondary-sm[disabled]:hover, .dark-theme .btn-secondary-sm[disabled]:focus, .dark-theme .btn-secondary-sm[disabled]:active, .dark-theme .btn-secondary-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-secondary-sm:hover, .dark-theme .touch .btn-secondary-sm:focus, .dark-theme .touch .btn-secondary-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-secondary-sm:active, .dark-theme .touch .btn-secondary-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-secondary-sm {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-secondary-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-sm:hover, .light-theme .btn-secondary-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-secondary-sm:active, .light-theme .btn-secondary-sm.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-sm.disabled, .light-theme .btn-secondary-sm.disabled:hover, .light-theme .btn-secondary-sm.disabled:focus, .light-theme .btn-secondary-sm.disabled:active, .light-theme .btn-secondary-sm.disabled.active, .light-theme .btn-secondary-sm[disabled], .light-theme .btn-secondary-sm[disabled]:hover, .light-theme .btn-secondary-sm[disabled]:focus, .light-theme .btn-secondary-sm[disabled]:active, .light-theme .btn-secondary-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-secondary-sm:hover, .light-theme .touch .btn-secondary-sm:focus, .light-theme .touch .btn-secondary-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-secondary-sm:active, .light-theme .touch .btn-secondary-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-secondary-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-secondary-xs:link {
|
|
color: #fff; }
|
|
.btn-secondary-xs:hover, .btn-secondary-xs:focus {
|
|
background-color: #32B5FF;
|
|
border-color: #32B5FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-secondary-xs:active, .btn-secondary-xs.active {
|
|
background-color: #32B5FF;
|
|
color: #fff; }
|
|
.btn-secondary-xs:active:focus, .btn-secondary-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-xs:visited {
|
|
color: #fff; }
|
|
.btn-secondary-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-secondary-xs.disabled, .btn-secondary-xs.disabled:hover, .btn-secondary-xs.disabled:focus, .btn-secondary-xs.disabled:active, .btn-secondary-xs.disabled.active, .btn-secondary-xs[disabled], .btn-secondary-xs[disabled]:hover, .btn-secondary-xs[disabled]:focus, .btn-secondary-xs[disabled]:active, .btn-secondary-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #99DAFF;
|
|
border-color: #99DAFF;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-secondary-xs:not([disabled]):hover, .touch .btn-secondary-xs:not([disabled]):focus, .touch .btn-secondary-xs:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF; }
|
|
|
|
.touch .btn-secondary-xs:not([disabled]):active, .touch .btn-secondary-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #0074BD;
|
|
border-color: #0074BD; }
|
|
|
|
.in-app .btn-secondary-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-secondary-xs {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-secondary-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-xs:hover, .dark-theme .btn-secondary-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-secondary-xs:active, .dark-theme .btn-secondary-xs.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-secondary-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-secondary-xs.disabled, .dark-theme .btn-secondary-xs.disabled:hover, .dark-theme .btn-secondary-xs.disabled:focus, .dark-theme .btn-secondary-xs.disabled:active, .dark-theme .btn-secondary-xs.disabled.active, .dark-theme .btn-secondary-xs[disabled], .dark-theme .btn-secondary-xs[disabled]:hover, .dark-theme .btn-secondary-xs[disabled]:focus, .dark-theme .btn-secondary-xs[disabled]:active, .dark-theme .btn-secondary-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-secondary-xs:hover, .dark-theme .touch .btn-secondary-xs:focus, .dark-theme .touch .btn-secondary-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-secondary-xs:active, .dark-theme .touch .btn-secondary-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-secondary-xs {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-secondary-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-xs:hover, .light-theme .btn-secondary-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-secondary-xs:active, .light-theme .btn-secondary-xs.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-secondary-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-secondary-xs.disabled, .light-theme .btn-secondary-xs.disabled:hover, .light-theme .btn-secondary-xs.disabled:focus, .light-theme .btn-secondary-xs.disabled:active, .light-theme .btn-secondary-xs.disabled.active, .light-theme .btn-secondary-xs[disabled], .light-theme .btn-secondary-xs[disabled]:hover, .light-theme .btn-secondary-xs[disabled]:focus, .light-theme .btn-secondary-xs[disabled]:active, .light-theme .btn-secondary-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-secondary-xs:hover, .light-theme .touch .btn-secondary-xs:focus, .light-theme .touch .btn-secondary-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-secondary-xs:active, .light-theme .touch .btn-secondary-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-control-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-control-lg:link {
|
|
color: #191919; }
|
|
.btn-control-lg:hover, .btn-control-lg:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-control-lg:active, .btn-control-lg.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-control-lg:active:focus, .btn-control-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-control-lg:visited {
|
|
color: #191919; }
|
|
.btn-control-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-control-lg.disabled, .btn-control-lg.disabled:hover, .btn-control-lg.disabled:focus, .btn-control-lg.disabled:active, .btn-control-lg.disabled.active, .btn-control-lg[disabled], .btn-control-lg[disabled]:hover, .btn-control-lg[disabled]:focus, .btn-control-lg[disabled]:active, .btn-control-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-control-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-control-lg:not([disabled]):hover, .touch .btn-control-lg:not([disabled]):focus, .touch .btn-control-lg:not([disabled]):visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-control-lg:not([disabled]):active, .touch .btn-control-lg:not([disabled]).active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-control-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-control-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-control-lg {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-control-lg:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-lg:hover, .dark-theme .btn-control-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-control-lg:active, .dark-theme .btn-control-lg.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-lg.disabled, .dark-theme .btn-control-lg.disabled:hover, .dark-theme .btn-control-lg.disabled:focus, .dark-theme .btn-control-lg.disabled:active, .dark-theme .btn-control-lg.disabled.active, .dark-theme .btn-control-lg[disabled], .dark-theme .btn-control-lg[disabled]:hover, .dark-theme .btn-control-lg[disabled]:focus, .dark-theme .btn-control-lg[disabled]:active, .dark-theme .btn-control-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-control-lg:hover, .dark-theme .touch .btn-control-lg:focus, .dark-theme .touch .btn-control-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-control-lg:active, .dark-theme .touch .btn-control-lg.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-control-lg {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-control-lg:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-lg:hover, .light-theme .btn-control-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-control-lg:active, .light-theme .btn-control-lg.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-lg.disabled, .light-theme .btn-control-lg.disabled:hover, .light-theme .btn-control-lg.disabled:focus, .light-theme .btn-control-lg.disabled:active, .light-theme .btn-control-lg.disabled.active, .light-theme .btn-control-lg[disabled], .light-theme .btn-control-lg[disabled]:hover, .light-theme .btn-control-lg[disabled]:focus, .light-theme .btn-control-lg[disabled]:active, .light-theme .btn-control-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-control-lg:hover, .light-theme .touch .btn-control-lg:focus, .light-theme .touch .btn-control-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-control-lg:active, .light-theme .touch .btn-control-lg.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-control-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-control-md:link {
|
|
color: #191919; }
|
|
.btn-control-md:hover, .btn-control-md:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-control-md:active, .btn-control-md.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-control-md:active:focus, .btn-control-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-control-md:visited {
|
|
color: #191919; }
|
|
.btn-control-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-control-md.disabled, .btn-control-md.disabled:hover, .btn-control-md.disabled:focus, .btn-control-md.disabled:active, .btn-control-md.disabled.active, .btn-control-md[disabled], .btn-control-md[disabled]:hover, .btn-control-md[disabled]:focus, .btn-control-md[disabled]:active, .btn-control-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-control-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-control-md:not([disabled]):hover, .touch .btn-control-md:not([disabled]):focus, .touch .btn-control-md:not([disabled]):visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-control-md:not([disabled]):active, .touch .btn-control-md:not([disabled]).active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-control-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-control-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-control-md {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-control-md:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-md:hover, .dark-theme .btn-control-md:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-control-md:active, .dark-theme .btn-control-md.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-md:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-md.disabled, .dark-theme .btn-control-md.disabled:hover, .dark-theme .btn-control-md.disabled:focus, .dark-theme .btn-control-md.disabled:active, .dark-theme .btn-control-md.disabled.active, .dark-theme .btn-control-md[disabled], .dark-theme .btn-control-md[disabled]:hover, .dark-theme .btn-control-md[disabled]:focus, .dark-theme .btn-control-md[disabled]:active, .dark-theme .btn-control-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-control-md:hover, .dark-theme .touch .btn-control-md:focus, .dark-theme .touch .btn-control-md:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-control-md:active, .dark-theme .touch .btn-control-md.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-control-md {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-control-md:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-md:hover, .light-theme .btn-control-md:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-control-md:active, .light-theme .btn-control-md.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-md:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-md.disabled, .light-theme .btn-control-md.disabled:hover, .light-theme .btn-control-md.disabled:focus, .light-theme .btn-control-md.disabled:active, .light-theme .btn-control-md.disabled.active, .light-theme .btn-control-md[disabled], .light-theme .btn-control-md[disabled]:hover, .light-theme .btn-control-md[disabled]:focus, .light-theme .btn-control-md[disabled]:active, .light-theme .btn-control-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-control-md:hover, .light-theme .touch .btn-control-md:focus, .light-theme .touch .btn-control-md:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-control-md:active, .light-theme .touch .btn-control-md.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-control-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-control-sm:link {
|
|
color: #191919; }
|
|
.btn-control-sm:hover, .btn-control-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-control-sm:active, .btn-control-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-control-sm:active:focus, .btn-control-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-control-sm:visited {
|
|
color: #191919; }
|
|
.btn-control-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-control-sm.disabled, .btn-control-sm.disabled:hover, .btn-control-sm.disabled:focus, .btn-control-sm.disabled:active, .btn-control-sm.disabled.active, .btn-control-sm[disabled], .btn-control-sm[disabled]:hover, .btn-control-sm[disabled]:focus, .btn-control-sm[disabled]:active, .btn-control-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
|
|
.touch .btn-control-sm:not([disabled]):hover, .touch .btn-control-sm:not([disabled]):focus, .touch .btn-control-sm:not([disabled]):visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-control-sm:not([disabled]):active, .touch .btn-control-sm:not([disabled]).active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.in-app .btn-control-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-control-sm {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-control-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-sm:hover, .dark-theme .btn-control-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-control-sm:active, .dark-theme .btn-control-sm.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-sm.disabled, .dark-theme .btn-control-sm.disabled:hover, .dark-theme .btn-control-sm.disabled:focus, .dark-theme .btn-control-sm.disabled:active, .dark-theme .btn-control-sm.disabled.active, .dark-theme .btn-control-sm[disabled], .dark-theme .btn-control-sm[disabled]:hover, .dark-theme .btn-control-sm[disabled]:focus, .dark-theme .btn-control-sm[disabled]:active, .dark-theme .btn-control-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-control-sm:hover, .dark-theme .touch .btn-control-sm:focus, .dark-theme .touch .btn-control-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-control-sm:active, .dark-theme .touch .btn-control-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-control-sm {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-control-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-sm:hover, .light-theme .btn-control-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-control-sm:active, .light-theme .btn-control-sm.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-sm.disabled, .light-theme .btn-control-sm.disabled:hover, .light-theme .btn-control-sm.disabled:focus, .light-theme .btn-control-sm.disabled:active, .light-theme .btn-control-sm.disabled.active, .light-theme .btn-control-sm[disabled], .light-theme .btn-control-sm[disabled]:hover, .light-theme .btn-control-sm[disabled]:focus, .light-theme .btn-control-sm[disabled]:active, .light-theme .btn-control-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-control-sm:hover, .light-theme .touch .btn-control-sm:focus, .light-theme .touch .btn-control-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-control-sm:active, .light-theme .touch .btn-control-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-control-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-control-xs:link {
|
|
color: #191919; }
|
|
.btn-control-xs:hover, .btn-control-xs:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-control-xs:active, .btn-control-xs.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-control-xs:active:focus, .btn-control-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-control-xs:visited {
|
|
color: #191919; }
|
|
.btn-control-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-control-xs.disabled, .btn-control-xs.disabled:hover, .btn-control-xs.disabled:focus, .btn-control-xs.disabled:active, .btn-control-xs.disabled.active, .btn-control-xs[disabled], .btn-control-xs[disabled]:hover, .btn-control-xs[disabled]:focus, .btn-control-xs[disabled]:active, .btn-control-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
|
|
.touch .btn-control-xs:not([disabled]):hover, .touch .btn-control-xs:not([disabled]):focus, .touch .btn-control-xs:not([disabled]):visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-control-xs:not([disabled]):active, .touch .btn-control-xs:not([disabled]).active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.in-app .btn-control-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-control-xs {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-control-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-xs:hover, .dark-theme .btn-control-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-control-xs:active, .dark-theme .btn-control-xs.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .btn-control-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-control-xs.disabled, .dark-theme .btn-control-xs.disabled:hover, .dark-theme .btn-control-xs.disabled:focus, .dark-theme .btn-control-xs.disabled:active, .dark-theme .btn-control-xs.disabled.active, .dark-theme .btn-control-xs[disabled], .dark-theme .btn-control-xs[disabled]:hover, .dark-theme .btn-control-xs[disabled]:focus, .dark-theme .btn-control-xs[disabled]:active, .dark-theme .btn-control-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-control-xs:hover, .dark-theme .touch .btn-control-xs:focus, .dark-theme .touch .btn-control-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-control-xs:active, .dark-theme .touch .btn-control-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-control-xs {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-control-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-xs:hover, .light-theme .btn-control-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-control-xs:active, .light-theme .btn-control-xs.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .btn-control-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-control-xs.disabled, .light-theme .btn-control-xs.disabled:hover, .light-theme .btn-control-xs.disabled:focus, .light-theme .btn-control-xs.disabled:active, .light-theme .btn-control-xs.disabled.active, .light-theme .btn-control-xs[disabled], .light-theme .btn-control-xs[disabled]:hover, .light-theme .btn-control-xs[disabled]:focus, .light-theme .btn-control-xs[disabled]:active, .light-theme .btn-control-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-control-xs:hover, .light-theme .touch .btn-control-xs:focus, .light-theme .touch .btn-control-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-control-xs:active, .light-theme .touch .btn-control-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.btn-alert-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-alert-lg:link {
|
|
color: #fff; }
|
|
.btn-alert-lg:hover, .btn-alert-lg:focus {
|
|
background-color: #E27676;
|
|
border-color: #E27676;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-alert-lg:active, .btn-alert-lg.active {
|
|
background-color: #E27676;
|
|
color: #fff; }
|
|
.btn-alert-lg:active:focus, .btn-alert-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-lg:visited {
|
|
color: #fff; }
|
|
.btn-alert-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-lg.disabled, .btn-alert-lg.disabled:hover, .btn-alert-lg.disabled:focus, .btn-alert-lg.disabled:active, .btn-alert-lg.disabled.active, .btn-alert-lg[disabled], .btn-alert-lg[disabled]:hover, .btn-alert-lg[disabled]:focus, .btn-alert-lg[disabled]:active, .btn-alert-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-alert-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-alert-lg:not([disabled]):hover, .touch .btn-alert-lg:not([disabled]):focus, .touch .btn-alert-lg:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #D86868;
|
|
border-color: #D86868; }
|
|
|
|
.touch .btn-alert-lg:not([disabled]):active, .touch .btn-alert-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #AC1E2D;
|
|
border-color: #AC1E2D; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-alert-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-alert-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-alert-lg {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-alert-lg:link {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-lg:hover, .dark-theme .btn-alert-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-alert-lg:active, .dark-theme .btn-alert-lg.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-lg:visited {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-lg.disabled, .dark-theme .btn-alert-lg.disabled:hover, .dark-theme .btn-alert-lg.disabled:focus, .dark-theme .btn-alert-lg.disabled:active, .dark-theme .btn-alert-lg.disabled.active, .dark-theme .btn-alert-lg[disabled], .dark-theme .btn-alert-lg[disabled]:hover, .dark-theme .btn-alert-lg[disabled]:focus, .dark-theme .btn-alert-lg[disabled]:active, .dark-theme .btn-alert-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-alert-lg:hover, .dark-theme .touch .btn-alert-lg:focus, .dark-theme .touch .btn-alert-lg:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.dark-theme .touch .btn-alert-lg:active, .dark-theme .touch .btn-alert-lg.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .btn-alert-lg {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-alert-lg:link {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-lg:hover, .light-theme .btn-alert-lg:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-alert-lg:active, .light-theme .btn-alert-lg.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-lg:visited {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-lg.disabled, .light-theme .btn-alert-lg.disabled:hover, .light-theme .btn-alert-lg.disabled:focus, .light-theme .btn-alert-lg.disabled:active, .light-theme .btn-alert-lg.disabled.active, .light-theme .btn-alert-lg[disabled], .light-theme .btn-alert-lg[disabled]:hover, .light-theme .btn-alert-lg[disabled]:focus, .light-theme .btn-alert-lg[disabled]:active, .light-theme .btn-alert-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-alert-lg:hover, .light-theme .touch .btn-alert-lg:focus, .light-theme .touch .btn-alert-lg:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .touch .btn-alert-lg:active, .light-theme .touch .btn-alert-lg.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.btn-alert-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-alert-md:link {
|
|
color: #fff; }
|
|
.btn-alert-md:hover, .btn-alert-md:focus {
|
|
background-color: #E27676;
|
|
border-color: #E27676;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-alert-md:active, .btn-alert-md.active {
|
|
background-color: #E27676;
|
|
color: #fff; }
|
|
.btn-alert-md:active:focus, .btn-alert-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-md:visited {
|
|
color: #fff; }
|
|
.btn-alert-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-md.disabled, .btn-alert-md.disabled:hover, .btn-alert-md.disabled:focus, .btn-alert-md.disabled:active, .btn-alert-md.disabled.active, .btn-alert-md[disabled], .btn-alert-md[disabled]:hover, .btn-alert-md[disabled]:focus, .btn-alert-md[disabled]:active, .btn-alert-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-alert-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-alert-md:not([disabled]):hover, .touch .btn-alert-md:not([disabled]):focus, .touch .btn-alert-md:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #D86868;
|
|
border-color: #D86868; }
|
|
|
|
.touch .btn-alert-md:not([disabled]):active, .touch .btn-alert-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #AC1E2D;
|
|
border-color: #AC1E2D; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-alert-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-alert-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-alert-md {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-alert-md:link {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-md:hover, .dark-theme .btn-alert-md:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-alert-md:active, .dark-theme .btn-alert-md.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-md:visited {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-md.disabled, .dark-theme .btn-alert-md.disabled:hover, .dark-theme .btn-alert-md.disabled:focus, .dark-theme .btn-alert-md.disabled:active, .dark-theme .btn-alert-md.disabled.active, .dark-theme .btn-alert-md[disabled], .dark-theme .btn-alert-md[disabled]:hover, .dark-theme .btn-alert-md[disabled]:focus, .dark-theme .btn-alert-md[disabled]:active, .dark-theme .btn-alert-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-alert-md:hover, .dark-theme .touch .btn-alert-md:focus, .dark-theme .touch .btn-alert-md:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.dark-theme .touch .btn-alert-md:active, .dark-theme .touch .btn-alert-md.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .btn-alert-md {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-alert-md:link {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-md:hover, .light-theme .btn-alert-md:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-alert-md:active, .light-theme .btn-alert-md.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-md:visited {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-md.disabled, .light-theme .btn-alert-md.disabled:hover, .light-theme .btn-alert-md.disabled:focus, .light-theme .btn-alert-md.disabled:active, .light-theme .btn-alert-md.disabled.active, .light-theme .btn-alert-md[disabled], .light-theme .btn-alert-md[disabled]:hover, .light-theme .btn-alert-md[disabled]:focus, .light-theme .btn-alert-md[disabled]:active, .light-theme .btn-alert-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-alert-md:hover, .light-theme .touch .btn-alert-md:focus, .light-theme .touch .btn-alert-md:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .touch .btn-alert-md:active, .light-theme .touch .btn-alert-md.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.btn-alert-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-alert-sm:link {
|
|
color: #fff; }
|
|
.btn-alert-sm:hover, .btn-alert-sm:focus {
|
|
background-color: #E27676;
|
|
border-color: #E27676;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-alert-sm:active, .btn-alert-sm.active {
|
|
background-color: #E27676;
|
|
color: #fff; }
|
|
.btn-alert-sm:active:focus, .btn-alert-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-sm:visited {
|
|
color: #fff; }
|
|
.btn-alert-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-sm.disabled, .btn-alert-sm.disabled:hover, .btn-alert-sm.disabled:focus, .btn-alert-sm.disabled:active, .btn-alert-sm.disabled.active, .btn-alert-sm[disabled], .btn-alert-sm[disabled]:hover, .btn-alert-sm[disabled]:focus, .btn-alert-sm[disabled]:active, .btn-alert-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-alert-sm:not([disabled]):hover, .touch .btn-alert-sm:not([disabled]):focus, .touch .btn-alert-sm:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #D86868;
|
|
border-color: #D86868; }
|
|
|
|
.touch .btn-alert-sm:not([disabled]):active, .touch .btn-alert-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #AC1E2D;
|
|
border-color: #AC1E2D; }
|
|
|
|
.in-app .btn-alert-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-alert-sm {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-alert-sm:link {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-sm:hover, .dark-theme .btn-alert-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-alert-sm:active, .dark-theme .btn-alert-sm.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-sm:visited {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-sm.disabled, .dark-theme .btn-alert-sm.disabled:hover, .dark-theme .btn-alert-sm.disabled:focus, .dark-theme .btn-alert-sm.disabled:active, .dark-theme .btn-alert-sm.disabled.active, .dark-theme .btn-alert-sm[disabled], .dark-theme .btn-alert-sm[disabled]:hover, .dark-theme .btn-alert-sm[disabled]:focus, .dark-theme .btn-alert-sm[disabled]:active, .dark-theme .btn-alert-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-alert-sm:hover, .dark-theme .touch .btn-alert-sm:focus, .dark-theme .touch .btn-alert-sm:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.dark-theme .touch .btn-alert-sm:active, .dark-theme .touch .btn-alert-sm.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .btn-alert-sm {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-alert-sm:link {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-sm:hover, .light-theme .btn-alert-sm:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-alert-sm:active, .light-theme .btn-alert-sm.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-sm:visited {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-sm.disabled, .light-theme .btn-alert-sm.disabled:hover, .light-theme .btn-alert-sm.disabled:focus, .light-theme .btn-alert-sm.disabled:active, .light-theme .btn-alert-sm.disabled.active, .light-theme .btn-alert-sm[disabled], .light-theme .btn-alert-sm[disabled]:hover, .light-theme .btn-alert-sm[disabled]:focus, .light-theme .btn-alert-sm[disabled]:active, .light-theme .btn-alert-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-alert-sm:hover, .light-theme .touch .btn-alert-sm:focus, .light-theme .touch .btn-alert-sm:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .touch .btn-alert-sm:active, .light-theme .touch .btn-alert-sm.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.btn-alert-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-alert-xs:link {
|
|
color: #fff; }
|
|
.btn-alert-xs:hover, .btn-alert-xs:focus {
|
|
background-color: #E27676;
|
|
border-color: #E27676;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-alert-xs:active, .btn-alert-xs.active {
|
|
background-color: #E27676;
|
|
color: #fff; }
|
|
.btn-alert-xs:active:focus, .btn-alert-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-xs:visited {
|
|
color: #fff; }
|
|
.btn-alert-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-alert-xs.disabled, .btn-alert-xs.disabled:hover, .btn-alert-xs.disabled:focus, .btn-alert-xs.disabled:active, .btn-alert-xs.disabled.active, .btn-alert-xs[disabled], .btn-alert-xs[disabled]:hover, .btn-alert-xs[disabled]:focus, .btn-alert-xs[disabled]:active, .btn-alert-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #D86868;
|
|
border-color: #D86868;
|
|
color: #fff;
|
|
cursor: default; }
|
|
|
|
.touch .btn-alert-xs:not([disabled]):hover, .touch .btn-alert-xs:not([disabled]):focus, .touch .btn-alert-xs:not([disabled]):visited {
|
|
color: #fff;
|
|
background-color: #D86868;
|
|
border-color: #D86868; }
|
|
|
|
.touch .btn-alert-xs:not([disabled]):active, .touch .btn-alert-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #AC1E2D;
|
|
border-color: #AC1E2D; }
|
|
|
|
.in-app .btn-alert-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-alert-xs {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-alert-xs:link {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-xs:hover, .dark-theme .btn-alert-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-alert-xs:active, .dark-theme .btn-alert-xs.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-xs:visited {
|
|
color: #F74B52; }
|
|
.dark-theme .btn-alert-xs.disabled, .dark-theme .btn-alert-xs.disabled:hover, .dark-theme .btn-alert-xs.disabled:focus, .dark-theme .btn-alert-xs.disabled:active, .dark-theme .btn-alert-xs.disabled.active, .dark-theme .btn-alert-xs[disabled], .dark-theme .btn-alert-xs[disabled]:hover, .dark-theme .btn-alert-xs[disabled]:focus, .dark-theme .btn-alert-xs[disabled]:active, .dark-theme .btn-alert-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-alert-xs:hover, .dark-theme .touch .btn-alert-xs:focus, .dark-theme .touch .btn-alert-xs:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.dark-theme .touch .btn-alert-xs:active, .dark-theme .touch .btn-alert-xs.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .btn-alert-xs {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-alert-xs:link {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-xs:hover, .light-theme .btn-alert-xs:focus {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-alert-xs:active, .light-theme .btn-alert-xs.active {
|
|
background-color: transparent;
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-xs:visited {
|
|
color: #F74B52; }
|
|
.light-theme .btn-alert-xs.disabled, .light-theme .btn-alert-xs.disabled:hover, .light-theme .btn-alert-xs.disabled:focus, .light-theme .btn-alert-xs.disabled:active, .light-theme .btn-alert-xs.disabled.active, .light-theme .btn-alert-xs[disabled], .light-theme .btn-alert-xs[disabled]:hover, .light-theme .btn-alert-xs[disabled]:focus, .light-theme .btn-alert-xs[disabled]:active, .light-theme .btn-alert-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #F74B52;
|
|
color: #F74B52;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-alert-xs:hover, .light-theme .touch .btn-alert-xs:focus, .light-theme .touch .btn-alert-xs:visited {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.light-theme .touch .btn-alert-xs:active, .light-theme .touch .btn-alert-xs.active {
|
|
color: #F74B52;
|
|
background-color: transparent;
|
|
border-color: #F74B52; }
|
|
|
|
.btn-generic-edit-lg,
|
|
a.btn-generic-edit-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 12px 12px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-generic-edit-lg:link,
|
|
a.btn-generic-edit-lg:link {
|
|
color: #191919; }
|
|
.btn-generic-edit-lg:hover, .btn-generic-edit-lg:focus,
|
|
a.btn-generic-edit-lg:hover,
|
|
a.btn-generic-edit-lg:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-edit-lg:active, .btn-generic-edit-lg.active,
|
|
a.btn-generic-edit-lg:active,
|
|
a.btn-generic-edit-lg.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-edit-lg:active:focus, .btn-generic-edit-lg.active:focus,
|
|
a.btn-generic-edit-lg:active:focus,
|
|
a.btn-generic-edit-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-lg:visited,
|
|
a.btn-generic-edit-lg:visited {
|
|
color: #191919; }
|
|
.btn-generic-edit-lg:visited:focus,
|
|
a.btn-generic-edit-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-lg.disabled, .btn-generic-edit-lg.disabled:hover, .btn-generic-edit-lg.disabled:focus, .btn-generic-edit-lg.disabled:active, .btn-generic-edit-lg.disabled.active, .btn-generic-edit-lg[disabled], .btn-generic-edit-lg[disabled]:hover, .btn-generic-edit-lg[disabled]:focus, .btn-generic-edit-lg[disabled]:active, .btn-generic-edit-lg[disabled].active,
|
|
a.btn-generic-edit-lg.disabled,
|
|
a.btn-generic-edit-lg.disabled:hover,
|
|
a.btn-generic-edit-lg.disabled:focus,
|
|
a.btn-generic-edit-lg.disabled:active,
|
|
a.btn-generic-edit-lg.disabled.active,
|
|
a.btn-generic-edit-lg[disabled],
|
|
a.btn-generic-edit-lg[disabled]:hover,
|
|
a.btn-generic-edit-lg[disabled]:focus,
|
|
a.btn-generic-edit-lg[disabled]:active,
|
|
a.btn-generic-edit-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-edit-lg.disabled span[class^="icon-"], .btn-generic-edit-lg.disabled:hover span[class^="icon-"], .btn-generic-edit-lg[disabled] span[class^="icon-"], .btn-generic-edit-lg[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-edit-lg.disabled span[class^="icon-"],
|
|
a.btn-generic-edit-lg.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-edit-lg[disabled] span[class^="icon-"],
|
|
a.btn-generic-edit-lg[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -84px; }
|
|
.btn-generic-edit-lg span[class^="icon-"],
|
|
a.btn-generic-edit-lg span[class^="icon-"] {
|
|
background-position: 0px -84px; }
|
|
.btn-generic-edit-lg span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-lg span[class^="icon-"]:hover {
|
|
background-position: -28px -84px; }
|
|
.btn-generic-edit-lg span[class^="icon-"], .btn-generic-edit-lg span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-lg span[class^="icon-"],
|
|
a.btn-generic-edit-lg span[class^="icon-"]:hover {
|
|
background-size: 56px auto;
|
|
width: 28px;
|
|
height: 28px; }
|
|
.btn-generic-edit-lg .btn-text,
|
|
a.btn-generic-edit-lg .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-edit-lg:hover, .touch .btn-generic-edit-lg:focus, .touch .btn-generic-edit-lg:visited,
|
|
.touch a.btn-generic-edit-lg:hover,
|
|
.touch a.btn-generic-edit-lg:focus,
|
|
.touch a.btn-generic-edit-lg:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-edit-lg:active, .touch .btn-generic-edit-lg.active,
|
|
.touch a.btn-generic-edit-lg:active,
|
|
.touch a.btn-generic-edit-lg.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-edit-lg {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-edit-lg:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-lg:hover, .dark-theme .btn-generic-edit-lg:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-edit-lg:active, .dark-theme .btn-generic-edit-lg.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-lg.disabled, .dark-theme .btn-generic-edit-lg.disabled:hover, .dark-theme .btn-generic-edit-lg.disabled:focus, .dark-theme .btn-generic-edit-lg.disabled:active, .dark-theme .btn-generic-edit-lg.disabled.active, .dark-theme .btn-generic-edit-lg[disabled], .dark-theme .btn-generic-edit-lg[disabled]:hover, .dark-theme .btn-generic-edit-lg[disabled]:focus, .dark-theme .btn-generic-edit-lg[disabled]:active, .dark-theme .btn-generic-edit-lg[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-edit-lg:hover, .dark-theme .touch .btn-generic-edit-lg:focus, .dark-theme .touch .btn-generic-edit-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-edit-lg:active, .dark-theme .touch .btn-generic-edit-lg.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-edit-lg {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-edit-lg:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-lg:hover, .light-theme .btn-generic-edit-lg:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-edit-lg:active, .light-theme .btn-generic-edit-lg.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-lg.disabled, .light-theme .btn-generic-edit-lg.disabled:hover, .light-theme .btn-generic-edit-lg.disabled:focus, .light-theme .btn-generic-edit-lg.disabled:active, .light-theme .btn-generic-edit-lg.disabled.active, .light-theme .btn-generic-edit-lg[disabled], .light-theme .btn-generic-edit-lg[disabled]:hover, .light-theme .btn-generic-edit-lg[disabled]:focus, .light-theme .btn-generic-edit-lg[disabled]:active, .light-theme .btn-generic-edit-lg[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-edit-lg:hover, .light-theme .touch .btn-generic-edit-lg:focus, .light-theme .touch .btn-generic-edit-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-edit-lg:active, .light-theme .touch .btn-generic-edit-lg.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-edit-lg {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-edit-lg:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-lg:hover, .dark-theme a.btn-generic-edit-lg:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-lg:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-edit-lg:active, .dark-theme a.btn-generic-edit-lg.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-lg.disabled, .dark-theme a.btn-generic-edit-lg.disabled:hover, .dark-theme a.btn-generic-edit-lg.disabled:focus, .dark-theme a.btn-generic-edit-lg.disabled:active, .dark-theme a.btn-generic-edit-lg.disabled.active, .dark-theme a.btn-generic-edit-lg[disabled], .dark-theme a.btn-generic-edit-lg[disabled]:hover, .dark-theme a.btn-generic-edit-lg[disabled]:focus, .dark-theme a.btn-generic-edit-lg[disabled]:active, .dark-theme a.btn-generic-edit-lg[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-lg:hover, .dark-theme .touch a.btn-generic-edit-lg:focus, .dark-theme .touch a.btn-generic-edit-lg:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-lg:active, .dark-theme .touch a.btn-generic-edit-lg.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-edit-lg {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-edit-lg:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-lg:hover, .light-theme a.btn-generic-edit-lg:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-lg:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-edit-lg:active, .light-theme a.btn-generic-edit-lg.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-lg.disabled, .light-theme a.btn-generic-edit-lg.disabled:hover, .light-theme a.btn-generic-edit-lg.disabled:focus, .light-theme a.btn-generic-edit-lg.disabled:active, .light-theme a.btn-generic-edit-lg.disabled.active, .light-theme a.btn-generic-edit-lg[disabled], .light-theme a.btn-generic-edit-lg[disabled]:hover, .light-theme a.btn-generic-edit-lg[disabled]:focus, .light-theme a.btn-generic-edit-lg[disabled]:active, .light-theme a.btn-generic-edit-lg[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-edit-lg:hover, .light-theme .touch a.btn-generic-edit-lg:focus, .light-theme .touch a.btn-generic-edit-lg:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-edit-lg:active, .light-theme .touch a.btn-generic-edit-lg.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-edit-md,
|
|
a.btn-generic-edit-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-edit-md:link,
|
|
a.btn-generic-edit-md:link {
|
|
color: #191919; }
|
|
.btn-generic-edit-md:hover, .btn-generic-edit-md:focus,
|
|
a.btn-generic-edit-md:hover,
|
|
a.btn-generic-edit-md:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-edit-md:active, .btn-generic-edit-md.active,
|
|
a.btn-generic-edit-md:active,
|
|
a.btn-generic-edit-md.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-edit-md:active:focus, .btn-generic-edit-md.active:focus,
|
|
a.btn-generic-edit-md:active:focus,
|
|
a.btn-generic-edit-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-md:visited,
|
|
a.btn-generic-edit-md:visited {
|
|
color: #191919; }
|
|
.btn-generic-edit-md:visited:focus,
|
|
a.btn-generic-edit-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-md.disabled, .btn-generic-edit-md.disabled:hover, .btn-generic-edit-md.disabled:focus, .btn-generic-edit-md.disabled:active, .btn-generic-edit-md.disabled.active, .btn-generic-edit-md[disabled], .btn-generic-edit-md[disabled]:hover, .btn-generic-edit-md[disabled]:focus, .btn-generic-edit-md[disabled]:active, .btn-generic-edit-md[disabled].active,
|
|
a.btn-generic-edit-md.disabled,
|
|
a.btn-generic-edit-md.disabled:hover,
|
|
a.btn-generic-edit-md.disabled:focus,
|
|
a.btn-generic-edit-md.disabled:active,
|
|
a.btn-generic-edit-md.disabled.active,
|
|
a.btn-generic-edit-md[disabled],
|
|
a.btn-generic-edit-md[disabled]:hover,
|
|
a.btn-generic-edit-md[disabled]:focus,
|
|
a.btn-generic-edit-md[disabled]:active,
|
|
a.btn-generic-edit-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-edit-md.disabled span[class^="icon-"], .btn-generic-edit-md.disabled:hover span[class^="icon-"], .btn-generic-edit-md[disabled] span[class^="icon-"], .btn-generic-edit-md[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-edit-md.disabled span[class^="icon-"],
|
|
a.btn-generic-edit-md.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-edit-md[disabled] span[class^="icon-"],
|
|
a.btn-generic-edit-md[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -84px; }
|
|
.btn-generic-edit-md span[class^="icon-"],
|
|
a.btn-generic-edit-md span[class^="icon-"] {
|
|
background-position: 0px -84px; }
|
|
.btn-generic-edit-md span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-md span[class^="icon-"]:hover {
|
|
background-position: -28px -84px; }
|
|
.btn-generic-edit-md span[class^="icon-"], .btn-generic-edit-md span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-md span[class^="icon-"],
|
|
a.btn-generic-edit-md span[class^="icon-"]:hover {
|
|
background-size: 56px auto;
|
|
width: 28px;
|
|
height: 28px; }
|
|
.btn-generic-edit-md .btn-text,
|
|
a.btn-generic-edit-md .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-edit-md:hover, .touch .btn-generic-edit-md:focus, .touch .btn-generic-edit-md:visited,
|
|
.touch a.btn-generic-edit-md:hover,
|
|
.touch a.btn-generic-edit-md:focus,
|
|
.touch a.btn-generic-edit-md:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-edit-md:active, .touch .btn-generic-edit-md.active,
|
|
.touch a.btn-generic-edit-md:active,
|
|
.touch a.btn-generic-edit-md.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-edit-md {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-edit-md:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-md:hover, .dark-theme .btn-generic-edit-md:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-edit-md:active, .dark-theme .btn-generic-edit-md.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-md:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-md.disabled, .dark-theme .btn-generic-edit-md.disabled:hover, .dark-theme .btn-generic-edit-md.disabled:focus, .dark-theme .btn-generic-edit-md.disabled:active, .dark-theme .btn-generic-edit-md.disabled.active, .dark-theme .btn-generic-edit-md[disabled], .dark-theme .btn-generic-edit-md[disabled]:hover, .dark-theme .btn-generic-edit-md[disabled]:focus, .dark-theme .btn-generic-edit-md[disabled]:active, .dark-theme .btn-generic-edit-md[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-edit-md:hover, .dark-theme .touch .btn-generic-edit-md:focus, .dark-theme .touch .btn-generic-edit-md:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-edit-md:active, .dark-theme .touch .btn-generic-edit-md.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-edit-md {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-edit-md:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-md:hover, .light-theme .btn-generic-edit-md:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-edit-md:active, .light-theme .btn-generic-edit-md.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-md:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-md.disabled, .light-theme .btn-generic-edit-md.disabled:hover, .light-theme .btn-generic-edit-md.disabled:focus, .light-theme .btn-generic-edit-md.disabled:active, .light-theme .btn-generic-edit-md.disabled.active, .light-theme .btn-generic-edit-md[disabled], .light-theme .btn-generic-edit-md[disabled]:hover, .light-theme .btn-generic-edit-md[disabled]:focus, .light-theme .btn-generic-edit-md[disabled]:active, .light-theme .btn-generic-edit-md[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-edit-md:hover, .light-theme .touch .btn-generic-edit-md:focus, .light-theme .touch .btn-generic-edit-md:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-edit-md:active, .light-theme .touch .btn-generic-edit-md.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-edit-md {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-edit-md:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-md:hover, .dark-theme a.btn-generic-edit-md:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-md:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-edit-md:active, .dark-theme a.btn-generic-edit-md.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-md:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-md.disabled, .dark-theme a.btn-generic-edit-md.disabled:hover, .dark-theme a.btn-generic-edit-md.disabled:focus, .dark-theme a.btn-generic-edit-md.disabled:active, .dark-theme a.btn-generic-edit-md.disabled.active, .dark-theme a.btn-generic-edit-md[disabled], .dark-theme a.btn-generic-edit-md[disabled]:hover, .dark-theme a.btn-generic-edit-md[disabled]:focus, .dark-theme a.btn-generic-edit-md[disabled]:active, .dark-theme a.btn-generic-edit-md[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-md:hover, .dark-theme .touch a.btn-generic-edit-md:focus, .dark-theme .touch a.btn-generic-edit-md:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-md:active, .dark-theme .touch a.btn-generic-edit-md.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-edit-md {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-edit-md:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-md:hover, .light-theme a.btn-generic-edit-md:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-md:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-edit-md:active, .light-theme a.btn-generic-edit-md.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-md:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-md.disabled, .light-theme a.btn-generic-edit-md.disabled:hover, .light-theme a.btn-generic-edit-md.disabled:focus, .light-theme a.btn-generic-edit-md.disabled:active, .light-theme a.btn-generic-edit-md.disabled.active, .light-theme a.btn-generic-edit-md[disabled], .light-theme a.btn-generic-edit-md[disabled]:hover, .light-theme a.btn-generic-edit-md[disabled]:focus, .light-theme a.btn-generic-edit-md[disabled]:active, .light-theme a.btn-generic-edit-md[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-edit-md:hover, .light-theme .touch a.btn-generic-edit-md:focus, .light-theme .touch a.btn-generic-edit-md:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-edit-md:active, .light-theme .touch a.btn-generic-edit-md.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-edit-sm,
|
|
a.btn-generic-edit-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 5px 5px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-edit-sm:link,
|
|
a.btn-generic-edit-sm:link {
|
|
color: #191919; }
|
|
.btn-generic-edit-sm:hover, .btn-generic-edit-sm:focus,
|
|
a.btn-generic-edit-sm:hover,
|
|
a.btn-generic-edit-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-edit-sm:active, .btn-generic-edit-sm.active,
|
|
a.btn-generic-edit-sm:active,
|
|
a.btn-generic-edit-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-edit-sm:active:focus, .btn-generic-edit-sm.active:focus,
|
|
a.btn-generic-edit-sm:active:focus,
|
|
a.btn-generic-edit-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-sm:visited,
|
|
a.btn-generic-edit-sm:visited {
|
|
color: #191919; }
|
|
.btn-generic-edit-sm:visited:focus,
|
|
a.btn-generic-edit-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-sm.disabled, .btn-generic-edit-sm.disabled:hover, .btn-generic-edit-sm.disabled:focus, .btn-generic-edit-sm.disabled:active, .btn-generic-edit-sm.disabled.active, .btn-generic-edit-sm[disabled], .btn-generic-edit-sm[disabled]:hover, .btn-generic-edit-sm[disabled]:focus, .btn-generic-edit-sm[disabled]:active, .btn-generic-edit-sm[disabled].active,
|
|
a.btn-generic-edit-sm.disabled,
|
|
a.btn-generic-edit-sm.disabled:hover,
|
|
a.btn-generic-edit-sm.disabled:focus,
|
|
a.btn-generic-edit-sm.disabled:active,
|
|
a.btn-generic-edit-sm.disabled.active,
|
|
a.btn-generic-edit-sm[disabled],
|
|
a.btn-generic-edit-sm[disabled]:hover,
|
|
a.btn-generic-edit-sm[disabled]:focus,
|
|
a.btn-generic-edit-sm[disabled]:active,
|
|
a.btn-generic-edit-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-edit-sm.disabled span[class^="icon-"], .btn-generic-edit-sm.disabled:hover span[class^="icon-"], .btn-generic-edit-sm[disabled] span[class^="icon-"], .btn-generic-edit-sm[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-edit-sm.disabled span[class^="icon-"],
|
|
a.btn-generic-edit-sm.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-edit-sm[disabled] span[class^="icon-"],
|
|
a.btn-generic-edit-sm[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -60px; }
|
|
.btn-generic-edit-sm span[class^="icon-"],
|
|
a.btn-generic-edit-sm span[class^="icon-"] {
|
|
background-position: 0px -60px; }
|
|
.btn-generic-edit-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-sm span[class^="icon-"]:hover {
|
|
background-position: -20px -60px; }
|
|
.btn-generic-edit-sm span[class^="icon-"], .btn-generic-edit-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-sm span[class^="icon-"],
|
|
a.btn-generic-edit-sm span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-edit-sm .btn-text,
|
|
a.btn-generic-edit-sm .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-edit-sm:hover, .touch .btn-generic-edit-sm:focus, .touch .btn-generic-edit-sm:visited,
|
|
.touch a.btn-generic-edit-sm:hover,
|
|
.touch a.btn-generic-edit-sm:focus,
|
|
.touch a.btn-generic-edit-sm:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-edit-sm:active, .touch .btn-generic-edit-sm.active,
|
|
.touch a.btn-generic-edit-sm:active,
|
|
.touch a.btn-generic-edit-sm.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-edit-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-edit-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-sm:hover, .dark-theme .btn-generic-edit-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-edit-sm:active, .dark-theme .btn-generic-edit-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-sm.disabled, .dark-theme .btn-generic-edit-sm.disabled:hover, .dark-theme .btn-generic-edit-sm.disabled:focus, .dark-theme .btn-generic-edit-sm.disabled:active, .dark-theme .btn-generic-edit-sm.disabled.active, .dark-theme .btn-generic-edit-sm[disabled], .dark-theme .btn-generic-edit-sm[disabled]:hover, .dark-theme .btn-generic-edit-sm[disabled]:focus, .dark-theme .btn-generic-edit-sm[disabled]:active, .dark-theme .btn-generic-edit-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-edit-sm:hover, .dark-theme .touch .btn-generic-edit-sm:focus, .dark-theme .touch .btn-generic-edit-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-edit-sm:active, .dark-theme .touch .btn-generic-edit-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-edit-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-edit-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-sm:hover, .light-theme .btn-generic-edit-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-edit-sm:active, .light-theme .btn-generic-edit-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-sm.disabled, .light-theme .btn-generic-edit-sm.disabled:hover, .light-theme .btn-generic-edit-sm.disabled:focus, .light-theme .btn-generic-edit-sm.disabled:active, .light-theme .btn-generic-edit-sm.disabled.active, .light-theme .btn-generic-edit-sm[disabled], .light-theme .btn-generic-edit-sm[disabled]:hover, .light-theme .btn-generic-edit-sm[disabled]:focus, .light-theme .btn-generic-edit-sm[disabled]:active, .light-theme .btn-generic-edit-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-edit-sm:hover, .light-theme .touch .btn-generic-edit-sm:focus, .light-theme .touch .btn-generic-edit-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-edit-sm:active, .light-theme .touch .btn-generic-edit-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-edit-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-edit-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-sm:hover, .dark-theme a.btn-generic-edit-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-sm:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-edit-sm:active, .dark-theme a.btn-generic-edit-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-sm.disabled, .dark-theme a.btn-generic-edit-sm.disabled:hover, .dark-theme a.btn-generic-edit-sm.disabled:focus, .dark-theme a.btn-generic-edit-sm.disabled:active, .dark-theme a.btn-generic-edit-sm.disabled.active, .dark-theme a.btn-generic-edit-sm[disabled], .dark-theme a.btn-generic-edit-sm[disabled]:hover, .dark-theme a.btn-generic-edit-sm[disabled]:focus, .dark-theme a.btn-generic-edit-sm[disabled]:active, .dark-theme a.btn-generic-edit-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-sm:hover, .dark-theme .touch a.btn-generic-edit-sm:focus, .dark-theme .touch a.btn-generic-edit-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-sm:active, .dark-theme .touch a.btn-generic-edit-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-edit-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-edit-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-sm:hover, .light-theme a.btn-generic-edit-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-sm:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-edit-sm:active, .light-theme a.btn-generic-edit-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-sm.disabled, .light-theme a.btn-generic-edit-sm.disabled:hover, .light-theme a.btn-generic-edit-sm.disabled:focus, .light-theme a.btn-generic-edit-sm.disabled:active, .light-theme a.btn-generic-edit-sm.disabled.active, .light-theme a.btn-generic-edit-sm[disabled], .light-theme a.btn-generic-edit-sm[disabled]:hover, .light-theme a.btn-generic-edit-sm[disabled]:focus, .light-theme a.btn-generic-edit-sm[disabled]:active, .light-theme a.btn-generic-edit-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-edit-sm:hover, .light-theme .touch a.btn-generic-edit-sm:focus, .light-theme .touch a.btn-generic-edit-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-edit-sm:active, .light-theme .touch a.btn-generic-edit-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-edit-xs,
|
|
a.btn-generic-edit-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 2px 1px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-edit-xs:link,
|
|
a.btn-generic-edit-xs:link {
|
|
color: #191919; }
|
|
.btn-generic-edit-xs:hover, .btn-generic-edit-xs:focus,
|
|
a.btn-generic-edit-xs:hover,
|
|
a.btn-generic-edit-xs:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-edit-xs:active, .btn-generic-edit-xs.active,
|
|
a.btn-generic-edit-xs:active,
|
|
a.btn-generic-edit-xs.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-edit-xs:active:focus, .btn-generic-edit-xs.active:focus,
|
|
a.btn-generic-edit-xs:active:focus,
|
|
a.btn-generic-edit-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-xs:visited,
|
|
a.btn-generic-edit-xs:visited {
|
|
color: #191919; }
|
|
.btn-generic-edit-xs:visited:focus,
|
|
a.btn-generic-edit-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-edit-xs.disabled, .btn-generic-edit-xs.disabled:hover, .btn-generic-edit-xs.disabled:focus, .btn-generic-edit-xs.disabled:active, .btn-generic-edit-xs.disabled.active, .btn-generic-edit-xs[disabled], .btn-generic-edit-xs[disabled]:hover, .btn-generic-edit-xs[disabled]:focus, .btn-generic-edit-xs[disabled]:active, .btn-generic-edit-xs[disabled].active,
|
|
a.btn-generic-edit-xs.disabled,
|
|
a.btn-generic-edit-xs.disabled:hover,
|
|
a.btn-generic-edit-xs.disabled:focus,
|
|
a.btn-generic-edit-xs.disabled:active,
|
|
a.btn-generic-edit-xs.disabled.active,
|
|
a.btn-generic-edit-xs[disabled],
|
|
a.btn-generic-edit-xs[disabled]:hover,
|
|
a.btn-generic-edit-xs[disabled]:focus,
|
|
a.btn-generic-edit-xs[disabled]:active,
|
|
a.btn-generic-edit-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-edit-xs.disabled span[class^="icon-"], .btn-generic-edit-xs.disabled:hover span[class^="icon-"], .btn-generic-edit-xs[disabled] span[class^="icon-"], .btn-generic-edit-xs[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-edit-xs.disabled span[class^="icon-"],
|
|
a.btn-generic-edit-xs.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-edit-xs[disabled] span[class^="icon-"],
|
|
a.btn-generic-edit-xs[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -60px; }
|
|
.btn-generic-edit-xs span[class^="icon-"],
|
|
a.btn-generic-edit-xs span[class^="icon-"] {
|
|
background-position: 0px -60px; }
|
|
.btn-generic-edit-xs span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-xs span[class^="icon-"]:hover {
|
|
background-position: -20px -60px; }
|
|
.btn-generic-edit-xs span[class^="icon-"], .btn-generic-edit-xs span[class^="icon-"]:hover,
|
|
a.btn-generic-edit-xs span[class^="icon-"],
|
|
a.btn-generic-edit-xs span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-edit-xs .btn-text,
|
|
a.btn-generic-edit-xs .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-edit-xs:hover, .touch .btn-generic-edit-xs:focus, .touch .btn-generic-edit-xs:visited,
|
|
.touch a.btn-generic-edit-xs:hover,
|
|
.touch a.btn-generic-edit-xs:focus,
|
|
.touch a.btn-generic-edit-xs:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-edit-xs:active, .touch .btn-generic-edit-xs.active,
|
|
.touch a.btn-generic-edit-xs:active,
|
|
.touch a.btn-generic-edit-xs.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-edit-xs {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-edit-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-xs:hover, .dark-theme .btn-generic-edit-xs:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-edit-xs:active, .dark-theme .btn-generic-edit-xs.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-edit-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-edit-xs.disabled, .dark-theme .btn-generic-edit-xs.disabled:hover, .dark-theme .btn-generic-edit-xs.disabled:focus, .dark-theme .btn-generic-edit-xs.disabled:active, .dark-theme .btn-generic-edit-xs.disabled.active, .dark-theme .btn-generic-edit-xs[disabled], .dark-theme .btn-generic-edit-xs[disabled]:hover, .dark-theme .btn-generic-edit-xs[disabled]:focus, .dark-theme .btn-generic-edit-xs[disabled]:active, .dark-theme .btn-generic-edit-xs[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-edit-xs:hover, .dark-theme .touch .btn-generic-edit-xs:focus, .dark-theme .touch .btn-generic-edit-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-edit-xs:active, .dark-theme .touch .btn-generic-edit-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-edit-xs {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-edit-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-xs:hover, .light-theme .btn-generic-edit-xs:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-edit-xs:active, .light-theme .btn-generic-edit-xs.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-edit-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-edit-xs.disabled, .light-theme .btn-generic-edit-xs.disabled:hover, .light-theme .btn-generic-edit-xs.disabled:focus, .light-theme .btn-generic-edit-xs.disabled:active, .light-theme .btn-generic-edit-xs.disabled.active, .light-theme .btn-generic-edit-xs[disabled], .light-theme .btn-generic-edit-xs[disabled]:hover, .light-theme .btn-generic-edit-xs[disabled]:focus, .light-theme .btn-generic-edit-xs[disabled]:active, .light-theme .btn-generic-edit-xs[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-edit-xs:hover, .light-theme .touch .btn-generic-edit-xs:focus, .light-theme .touch .btn-generic-edit-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-edit-xs:active, .light-theme .touch .btn-generic-edit-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-edit-xs {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-edit-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-xs:hover, .dark-theme a.btn-generic-edit-xs:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-xs:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-edit-xs:active, .dark-theme a.btn-generic-edit-xs.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-edit-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-edit-xs.disabled, .dark-theme a.btn-generic-edit-xs.disabled:hover, .dark-theme a.btn-generic-edit-xs.disabled:focus, .dark-theme a.btn-generic-edit-xs.disabled:active, .dark-theme a.btn-generic-edit-xs.disabled.active, .dark-theme a.btn-generic-edit-xs[disabled], .dark-theme a.btn-generic-edit-xs[disabled]:hover, .dark-theme a.btn-generic-edit-xs[disabled]:focus, .dark-theme a.btn-generic-edit-xs[disabled]:active, .dark-theme a.btn-generic-edit-xs[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-xs:hover, .dark-theme .touch a.btn-generic-edit-xs:focus, .dark-theme .touch a.btn-generic-edit-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-edit-xs:active, .dark-theme .touch a.btn-generic-edit-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-edit-xs {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-edit-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-xs:hover, .light-theme a.btn-generic-edit-xs:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-xs:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-edit-xs:active, .light-theme a.btn-generic-edit-xs.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-edit-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-edit-xs.disabled, .light-theme a.btn-generic-edit-xs.disabled:hover, .light-theme a.btn-generic-edit-xs.disabled:focus, .light-theme a.btn-generic-edit-xs.disabled:active, .light-theme a.btn-generic-edit-xs.disabled.active, .light-theme a.btn-generic-edit-xs[disabled], .light-theme a.btn-generic-edit-xs[disabled]:hover, .light-theme a.btn-generic-edit-xs[disabled]:focus, .light-theme a.btn-generic-edit-xs[disabled]:active, .light-theme a.btn-generic-edit-xs[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-edit-xs:hover, .light-theme .touch a.btn-generic-edit-xs:focus, .light-theme .touch a.btn-generic-edit-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-edit-xs:active, .light-theme .touch a.btn-generic-edit-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-menu-black-sm,
|
|
a.btn-generic-menu-black-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 5px 5px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-menu-black-sm:link,
|
|
a.btn-generic-menu-black-sm:link {
|
|
color: #191919; }
|
|
.btn-generic-menu-black-sm:hover, .btn-generic-menu-black-sm:focus,
|
|
a.btn-generic-menu-black-sm:hover,
|
|
a.btn-generic-menu-black-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-menu-black-sm:active, .btn-generic-menu-black-sm.active,
|
|
a.btn-generic-menu-black-sm:active,
|
|
a.btn-generic-menu-black-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-menu-black-sm:active:focus, .btn-generic-menu-black-sm.active:focus,
|
|
a.btn-generic-menu-black-sm:active:focus,
|
|
a.btn-generic-menu-black-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-menu-black-sm:visited,
|
|
a.btn-generic-menu-black-sm:visited {
|
|
color: #191919; }
|
|
.btn-generic-menu-black-sm:visited:focus,
|
|
a.btn-generic-menu-black-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-menu-black-sm.disabled, .btn-generic-menu-black-sm.disabled:hover, .btn-generic-menu-black-sm.disabled:focus, .btn-generic-menu-black-sm.disabled:active, .btn-generic-menu-black-sm.disabled.active, .btn-generic-menu-black-sm[disabled], .btn-generic-menu-black-sm[disabled]:hover, .btn-generic-menu-black-sm[disabled]:focus, .btn-generic-menu-black-sm[disabled]:active, .btn-generic-menu-black-sm[disabled].active,
|
|
a.btn-generic-menu-black-sm.disabled,
|
|
a.btn-generic-menu-black-sm.disabled:hover,
|
|
a.btn-generic-menu-black-sm.disabled:focus,
|
|
a.btn-generic-menu-black-sm.disabled:active,
|
|
a.btn-generic-menu-black-sm.disabled.active,
|
|
a.btn-generic-menu-black-sm[disabled],
|
|
a.btn-generic-menu-black-sm[disabled]:hover,
|
|
a.btn-generic-menu-black-sm[disabled]:focus,
|
|
a.btn-generic-menu-black-sm[disabled]:active,
|
|
a.btn-generic-menu-black-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-menu-black-sm.disabled span[class^="icon-"], .btn-generic-menu-black-sm.disabled:hover span[class^="icon-"], .btn-generic-menu-black-sm[disabled] span[class^="icon-"], .btn-generic-menu-black-sm[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm.disabled span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm[disabled] span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -1060px; }
|
|
.btn-generic-menu-black-sm span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm span[class^="icon-"] {
|
|
background-position: 0px -1060px; }
|
|
.btn-generic-menu-black-sm span[class^="icon-"], .btn-generic-menu-black-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-menu-black-sm span[class^="icon-"],
|
|
a.btn-generic-menu-black-sm span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-menu-black-sm .btn-text,
|
|
a.btn-generic-menu-black-sm .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-menu-black-sm:hover, .touch .btn-generic-menu-black-sm:focus, .touch .btn-generic-menu-black-sm:visited,
|
|
.touch a.btn-generic-menu-black-sm:hover,
|
|
.touch a.btn-generic-menu-black-sm:focus,
|
|
.touch a.btn-generic-menu-black-sm:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-menu-black-sm:active, .touch .btn-generic-menu-black-sm.active,
|
|
.touch a.btn-generic-menu-black-sm:active,
|
|
.touch a.btn-generic-menu-black-sm.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-menu-black-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-menu-black-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-menu-black-sm:hover, .dark-theme .btn-generic-menu-black-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-menu-black-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-menu-black-sm:active, .dark-theme .btn-generic-menu-black-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-menu-black-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-menu-black-sm.disabled, .dark-theme .btn-generic-menu-black-sm.disabled:hover, .dark-theme .btn-generic-menu-black-sm.disabled:focus, .dark-theme .btn-generic-menu-black-sm.disabled:active, .dark-theme .btn-generic-menu-black-sm.disabled.active, .dark-theme .btn-generic-menu-black-sm[disabled], .dark-theme .btn-generic-menu-black-sm[disabled]:hover, .dark-theme .btn-generic-menu-black-sm[disabled]:focus, .dark-theme .btn-generic-menu-black-sm[disabled]:active, .dark-theme .btn-generic-menu-black-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-menu-black-sm:hover, .dark-theme .touch .btn-generic-menu-black-sm:focus, .dark-theme .touch .btn-generic-menu-black-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-menu-black-sm:active, .dark-theme .touch .btn-generic-menu-black-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-menu-black-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-menu-black-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-menu-black-sm:hover, .light-theme .btn-generic-menu-black-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-menu-black-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-menu-black-sm:active, .light-theme .btn-generic-menu-black-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-menu-black-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-menu-black-sm.disabled, .light-theme .btn-generic-menu-black-sm.disabled:hover, .light-theme .btn-generic-menu-black-sm.disabled:focus, .light-theme .btn-generic-menu-black-sm.disabled:active, .light-theme .btn-generic-menu-black-sm.disabled.active, .light-theme .btn-generic-menu-black-sm[disabled], .light-theme .btn-generic-menu-black-sm[disabled]:hover, .light-theme .btn-generic-menu-black-sm[disabled]:focus, .light-theme .btn-generic-menu-black-sm[disabled]:active, .light-theme .btn-generic-menu-black-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-menu-black-sm:hover, .light-theme .touch .btn-generic-menu-black-sm:focus, .light-theme .touch .btn-generic-menu-black-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-menu-black-sm:active, .light-theme .touch .btn-generic-menu-black-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-menu-black-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-menu-black-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-menu-black-sm:hover, .dark-theme a.btn-generic-menu-black-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-menu-black-sm:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-menu-black-sm:active, .dark-theme a.btn-generic-menu-black-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-menu-black-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-menu-black-sm.disabled, .dark-theme a.btn-generic-menu-black-sm.disabled:hover, .dark-theme a.btn-generic-menu-black-sm.disabled:focus, .dark-theme a.btn-generic-menu-black-sm.disabled:active, .dark-theme a.btn-generic-menu-black-sm.disabled.active, .dark-theme a.btn-generic-menu-black-sm[disabled], .dark-theme a.btn-generic-menu-black-sm[disabled]:hover, .dark-theme a.btn-generic-menu-black-sm[disabled]:focus, .dark-theme a.btn-generic-menu-black-sm[disabled]:active, .dark-theme a.btn-generic-menu-black-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-menu-black-sm:hover, .dark-theme .touch a.btn-generic-menu-black-sm:focus, .dark-theme .touch a.btn-generic-menu-black-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-menu-black-sm:active, .dark-theme .touch a.btn-generic-menu-black-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-menu-black-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-menu-black-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-menu-black-sm:hover, .light-theme a.btn-generic-menu-black-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-menu-black-sm:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-menu-black-sm:active, .light-theme a.btn-generic-menu-black-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-menu-black-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-menu-black-sm.disabled, .light-theme a.btn-generic-menu-black-sm.disabled:hover, .light-theme a.btn-generic-menu-black-sm.disabled:focus, .light-theme a.btn-generic-menu-black-sm.disabled:active, .light-theme a.btn-generic-menu-black-sm.disabled.active, .light-theme a.btn-generic-menu-black-sm[disabled], .light-theme a.btn-generic-menu-black-sm[disabled]:hover, .light-theme a.btn-generic-menu-black-sm[disabled]:focus, .light-theme a.btn-generic-menu-black-sm[disabled]:active, .light-theme a.btn-generic-menu-black-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-menu-black-sm:hover, .light-theme .touch a.btn-generic-menu-black-sm:focus, .light-theme .touch a.btn-generic-menu-black-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-menu-black-sm:active, .light-theme .touch a.btn-generic-menu-black-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-locked-sm,
|
|
a.btn-generic-locked-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 5px 5px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-locked-sm:link,
|
|
a.btn-generic-locked-sm:link {
|
|
color: #191919; }
|
|
.btn-generic-locked-sm:hover, .btn-generic-locked-sm:focus,
|
|
a.btn-generic-locked-sm:hover,
|
|
a.btn-generic-locked-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-locked-sm:active, .btn-generic-locked-sm.active,
|
|
a.btn-generic-locked-sm:active,
|
|
a.btn-generic-locked-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-locked-sm:active:focus, .btn-generic-locked-sm.active:focus,
|
|
a.btn-generic-locked-sm:active:focus,
|
|
a.btn-generic-locked-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-locked-sm:visited,
|
|
a.btn-generic-locked-sm:visited {
|
|
color: #191919; }
|
|
.btn-generic-locked-sm:visited:focus,
|
|
a.btn-generic-locked-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-locked-sm.disabled, .btn-generic-locked-sm.disabled:hover, .btn-generic-locked-sm.disabled:focus, .btn-generic-locked-sm.disabled:active, .btn-generic-locked-sm.disabled.active, .btn-generic-locked-sm[disabled], .btn-generic-locked-sm[disabled]:hover, .btn-generic-locked-sm[disabled]:focus, .btn-generic-locked-sm[disabled]:active, .btn-generic-locked-sm[disabled].active,
|
|
a.btn-generic-locked-sm.disabled,
|
|
a.btn-generic-locked-sm.disabled:hover,
|
|
a.btn-generic-locked-sm.disabled:focus,
|
|
a.btn-generic-locked-sm.disabled:active,
|
|
a.btn-generic-locked-sm.disabled.active,
|
|
a.btn-generic-locked-sm[disabled],
|
|
a.btn-generic-locked-sm[disabled]:hover,
|
|
a.btn-generic-locked-sm[disabled]:focus,
|
|
a.btn-generic-locked-sm[disabled]:active,
|
|
a.btn-generic-locked-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-locked-sm.disabled span[class^="icon-"], .btn-generic-locked-sm.disabled:hover span[class^="icon-"], .btn-generic-locked-sm[disabled] span[class^="icon-"], .btn-generic-locked-sm[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-locked-sm.disabled span[class^="icon-"],
|
|
a.btn-generic-locked-sm.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-locked-sm[disabled] span[class^="icon-"],
|
|
a.btn-generic-locked-sm[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -1160px; }
|
|
.btn-generic-locked-sm span[class^="icon-"],
|
|
a.btn-generic-locked-sm span[class^="icon-"] {
|
|
background-position: 0px -1160px; }
|
|
.btn-generic-locked-sm span[class^="icon-"], .btn-generic-locked-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-locked-sm span[class^="icon-"],
|
|
a.btn-generic-locked-sm span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-locked-sm .btn-text,
|
|
a.btn-generic-locked-sm .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-locked-sm:hover, .touch .btn-generic-locked-sm:focus, .touch .btn-generic-locked-sm:visited,
|
|
.touch a.btn-generic-locked-sm:hover,
|
|
.touch a.btn-generic-locked-sm:focus,
|
|
.touch a.btn-generic-locked-sm:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-locked-sm:active, .touch .btn-generic-locked-sm.active,
|
|
.touch a.btn-generic-locked-sm:active,
|
|
.touch a.btn-generic-locked-sm.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-locked-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-locked-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-locked-sm:hover, .dark-theme .btn-generic-locked-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-locked-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-locked-sm:active, .dark-theme .btn-generic-locked-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-locked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-locked-sm.disabled, .dark-theme .btn-generic-locked-sm.disabled:hover, .dark-theme .btn-generic-locked-sm.disabled:focus, .dark-theme .btn-generic-locked-sm.disabled:active, .dark-theme .btn-generic-locked-sm.disabled.active, .dark-theme .btn-generic-locked-sm[disabled], .dark-theme .btn-generic-locked-sm[disabled]:hover, .dark-theme .btn-generic-locked-sm[disabled]:focus, .dark-theme .btn-generic-locked-sm[disabled]:active, .dark-theme .btn-generic-locked-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-locked-sm:hover, .dark-theme .touch .btn-generic-locked-sm:focus, .dark-theme .touch .btn-generic-locked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-locked-sm:active, .dark-theme .touch .btn-generic-locked-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-locked-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-locked-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-locked-sm:hover, .light-theme .btn-generic-locked-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-locked-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-locked-sm:active, .light-theme .btn-generic-locked-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-locked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-locked-sm.disabled, .light-theme .btn-generic-locked-sm.disabled:hover, .light-theme .btn-generic-locked-sm.disabled:focus, .light-theme .btn-generic-locked-sm.disabled:active, .light-theme .btn-generic-locked-sm.disabled.active, .light-theme .btn-generic-locked-sm[disabled], .light-theme .btn-generic-locked-sm[disabled]:hover, .light-theme .btn-generic-locked-sm[disabled]:focus, .light-theme .btn-generic-locked-sm[disabled]:active, .light-theme .btn-generic-locked-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-locked-sm:hover, .light-theme .touch .btn-generic-locked-sm:focus, .light-theme .touch .btn-generic-locked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-locked-sm:active, .light-theme .touch .btn-generic-locked-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-locked-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-locked-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-locked-sm:hover, .dark-theme a.btn-generic-locked-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-locked-sm:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-locked-sm:active, .dark-theme a.btn-generic-locked-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-locked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-locked-sm.disabled, .dark-theme a.btn-generic-locked-sm.disabled:hover, .dark-theme a.btn-generic-locked-sm.disabled:focus, .dark-theme a.btn-generic-locked-sm.disabled:active, .dark-theme a.btn-generic-locked-sm.disabled.active, .dark-theme a.btn-generic-locked-sm[disabled], .dark-theme a.btn-generic-locked-sm[disabled]:hover, .dark-theme a.btn-generic-locked-sm[disabled]:focus, .dark-theme a.btn-generic-locked-sm[disabled]:active, .dark-theme a.btn-generic-locked-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-locked-sm:hover, .dark-theme .touch a.btn-generic-locked-sm:focus, .dark-theme .touch a.btn-generic-locked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-locked-sm:active, .dark-theme .touch a.btn-generic-locked-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-locked-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-locked-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-locked-sm:hover, .light-theme a.btn-generic-locked-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-locked-sm:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-locked-sm:active, .light-theme a.btn-generic-locked-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-locked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-locked-sm.disabled, .light-theme a.btn-generic-locked-sm.disabled:hover, .light-theme a.btn-generic-locked-sm.disabled:focus, .light-theme a.btn-generic-locked-sm.disabled:active, .light-theme a.btn-generic-locked-sm.disabled.active, .light-theme a.btn-generic-locked-sm[disabled], .light-theme a.btn-generic-locked-sm[disabled]:hover, .light-theme a.btn-generic-locked-sm[disabled]:focus, .light-theme a.btn-generic-locked-sm[disabled]:active, .light-theme a.btn-generic-locked-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-locked-sm:hover, .light-theme .touch a.btn-generic-locked-sm:focus, .light-theme .touch a.btn-generic-locked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-locked-sm:active, .light-theme .touch a.btn-generic-locked-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-unlocked-sm,
|
|
a.btn-generic-unlocked-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 5px 5px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-unlocked-sm:link,
|
|
a.btn-generic-unlocked-sm:link {
|
|
color: #191919; }
|
|
.btn-generic-unlocked-sm:hover, .btn-generic-unlocked-sm:focus,
|
|
a.btn-generic-unlocked-sm:hover,
|
|
a.btn-generic-unlocked-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-unlocked-sm:active, .btn-generic-unlocked-sm.active,
|
|
a.btn-generic-unlocked-sm:active,
|
|
a.btn-generic-unlocked-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-unlocked-sm:active:focus, .btn-generic-unlocked-sm.active:focus,
|
|
a.btn-generic-unlocked-sm:active:focus,
|
|
a.btn-generic-unlocked-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-unlocked-sm:visited,
|
|
a.btn-generic-unlocked-sm:visited {
|
|
color: #191919; }
|
|
.btn-generic-unlocked-sm:visited:focus,
|
|
a.btn-generic-unlocked-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-unlocked-sm.disabled, .btn-generic-unlocked-sm.disabled:hover, .btn-generic-unlocked-sm.disabled:focus, .btn-generic-unlocked-sm.disabled:active, .btn-generic-unlocked-sm.disabled.active, .btn-generic-unlocked-sm[disabled], .btn-generic-unlocked-sm[disabled]:hover, .btn-generic-unlocked-sm[disabled]:focus, .btn-generic-unlocked-sm[disabled]:active, .btn-generic-unlocked-sm[disabled].active,
|
|
a.btn-generic-unlocked-sm.disabled,
|
|
a.btn-generic-unlocked-sm.disabled:hover,
|
|
a.btn-generic-unlocked-sm.disabled:focus,
|
|
a.btn-generic-unlocked-sm.disabled:active,
|
|
a.btn-generic-unlocked-sm.disabled.active,
|
|
a.btn-generic-unlocked-sm[disabled],
|
|
a.btn-generic-unlocked-sm[disabled]:hover,
|
|
a.btn-generic-unlocked-sm[disabled]:focus,
|
|
a.btn-generic-unlocked-sm[disabled]:active,
|
|
a.btn-generic-unlocked-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-unlocked-sm.disabled span[class^="icon-"], .btn-generic-unlocked-sm.disabled:hover span[class^="icon-"], .btn-generic-unlocked-sm[disabled] span[class^="icon-"], .btn-generic-unlocked-sm[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm.disabled span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm[disabled] span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -1180px; }
|
|
.btn-generic-unlocked-sm span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm span[class^="icon-"] {
|
|
background-position: 0px -1180px; }
|
|
.btn-generic-unlocked-sm span[class^="icon-"], .btn-generic-unlocked-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-unlocked-sm span[class^="icon-"],
|
|
a.btn-generic-unlocked-sm span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-unlocked-sm .btn-text,
|
|
a.btn-generic-unlocked-sm .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-unlocked-sm:hover, .touch .btn-generic-unlocked-sm:focus, .touch .btn-generic-unlocked-sm:visited,
|
|
.touch a.btn-generic-unlocked-sm:hover,
|
|
.touch a.btn-generic-unlocked-sm:focus,
|
|
.touch a.btn-generic-unlocked-sm:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-unlocked-sm:active, .touch .btn-generic-unlocked-sm.active,
|
|
.touch a.btn-generic-unlocked-sm:active,
|
|
.touch a.btn-generic-unlocked-sm.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-unlocked-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-unlocked-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-unlocked-sm:hover, .dark-theme .btn-generic-unlocked-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-unlocked-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-unlocked-sm:active, .dark-theme .btn-generic-unlocked-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-unlocked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-unlocked-sm.disabled, .dark-theme .btn-generic-unlocked-sm.disabled:hover, .dark-theme .btn-generic-unlocked-sm.disabled:focus, .dark-theme .btn-generic-unlocked-sm.disabled:active, .dark-theme .btn-generic-unlocked-sm.disabled.active, .dark-theme .btn-generic-unlocked-sm[disabled], .dark-theme .btn-generic-unlocked-sm[disabled]:hover, .dark-theme .btn-generic-unlocked-sm[disabled]:focus, .dark-theme .btn-generic-unlocked-sm[disabled]:active, .dark-theme .btn-generic-unlocked-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-unlocked-sm:hover, .dark-theme .touch .btn-generic-unlocked-sm:focus, .dark-theme .touch .btn-generic-unlocked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-unlocked-sm:active, .dark-theme .touch .btn-generic-unlocked-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-unlocked-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-unlocked-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-unlocked-sm:hover, .light-theme .btn-generic-unlocked-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-unlocked-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-unlocked-sm:active, .light-theme .btn-generic-unlocked-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-unlocked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-unlocked-sm.disabled, .light-theme .btn-generic-unlocked-sm.disabled:hover, .light-theme .btn-generic-unlocked-sm.disabled:focus, .light-theme .btn-generic-unlocked-sm.disabled:active, .light-theme .btn-generic-unlocked-sm.disabled.active, .light-theme .btn-generic-unlocked-sm[disabled], .light-theme .btn-generic-unlocked-sm[disabled]:hover, .light-theme .btn-generic-unlocked-sm[disabled]:focus, .light-theme .btn-generic-unlocked-sm[disabled]:active, .light-theme .btn-generic-unlocked-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-unlocked-sm:hover, .light-theme .touch .btn-generic-unlocked-sm:focus, .light-theme .touch .btn-generic-unlocked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-unlocked-sm:active, .light-theme .touch .btn-generic-unlocked-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-unlocked-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-unlocked-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-unlocked-sm:hover, .dark-theme a.btn-generic-unlocked-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-unlocked-sm:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-unlocked-sm:active, .dark-theme a.btn-generic-unlocked-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-unlocked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-unlocked-sm.disabled, .dark-theme a.btn-generic-unlocked-sm.disabled:hover, .dark-theme a.btn-generic-unlocked-sm.disabled:focus, .dark-theme a.btn-generic-unlocked-sm.disabled:active, .dark-theme a.btn-generic-unlocked-sm.disabled.active, .dark-theme a.btn-generic-unlocked-sm[disabled], .dark-theme a.btn-generic-unlocked-sm[disabled]:hover, .dark-theme a.btn-generic-unlocked-sm[disabled]:focus, .dark-theme a.btn-generic-unlocked-sm[disabled]:active, .dark-theme a.btn-generic-unlocked-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-unlocked-sm:hover, .dark-theme .touch a.btn-generic-unlocked-sm:focus, .dark-theme .touch a.btn-generic-unlocked-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-unlocked-sm:active, .dark-theme .touch a.btn-generic-unlocked-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-unlocked-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-unlocked-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-unlocked-sm:hover, .light-theme a.btn-generic-unlocked-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-unlocked-sm:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-unlocked-sm:active, .light-theme a.btn-generic-unlocked-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-unlocked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-unlocked-sm.disabled, .light-theme a.btn-generic-unlocked-sm.disabled:hover, .light-theme a.btn-generic-unlocked-sm.disabled:focus, .light-theme a.btn-generic-unlocked-sm.disabled:active, .light-theme a.btn-generic-unlocked-sm.disabled.active, .light-theme a.btn-generic-unlocked-sm[disabled], .light-theme a.btn-generic-unlocked-sm[disabled]:hover, .light-theme a.btn-generic-unlocked-sm[disabled]:focus, .light-theme a.btn-generic-unlocked-sm[disabled]:active, .light-theme a.btn-generic-unlocked-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-unlocked-sm:hover, .light-theme .touch a.btn-generic-unlocked-sm:focus, .light-theme .touch a.btn-generic-unlocked-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-unlocked-sm:active, .light-theme .touch a.btn-generic-unlocked-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-generic-copy-sm,
|
|
a.btn-generic-copy-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 5px 5px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-generic-copy-sm:link,
|
|
a.btn-generic-copy-sm:link {
|
|
color: #191919; }
|
|
.btn-generic-copy-sm:hover, .btn-generic-copy-sm:focus,
|
|
a.btn-generic-copy-sm:hover,
|
|
a.btn-generic-copy-sm:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-generic-copy-sm:active, .btn-generic-copy-sm.active,
|
|
a.btn-generic-copy-sm:active,
|
|
a.btn-generic-copy-sm.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-generic-copy-sm:active:focus, .btn-generic-copy-sm.active:focus,
|
|
a.btn-generic-copy-sm:active:focus,
|
|
a.btn-generic-copy-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-copy-sm:visited,
|
|
a.btn-generic-copy-sm:visited {
|
|
color: #191919; }
|
|
.btn-generic-copy-sm:visited:focus,
|
|
a.btn-generic-copy-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-generic-copy-sm.disabled, .btn-generic-copy-sm.disabled:hover, .btn-generic-copy-sm.disabled:focus, .btn-generic-copy-sm.disabled:active, .btn-generic-copy-sm.disabled.active, .btn-generic-copy-sm[disabled], .btn-generic-copy-sm[disabled]:hover, .btn-generic-copy-sm[disabled]:focus, .btn-generic-copy-sm[disabled]:active, .btn-generic-copy-sm[disabled].active,
|
|
a.btn-generic-copy-sm.disabled,
|
|
a.btn-generic-copy-sm.disabled:hover,
|
|
a.btn-generic-copy-sm.disabled:focus,
|
|
a.btn-generic-copy-sm.disabled:active,
|
|
a.btn-generic-copy-sm.disabled.active,
|
|
a.btn-generic-copy-sm[disabled],
|
|
a.btn-generic-copy-sm[disabled]:hover,
|
|
a.btn-generic-copy-sm[disabled]:focus,
|
|
a.btn-generic-copy-sm[disabled]:active,
|
|
a.btn-generic-copy-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-generic-copy-sm.disabled span[class^="icon-"], .btn-generic-copy-sm.disabled:hover span[class^="icon-"], .btn-generic-copy-sm[disabled] span[class^="icon-"], .btn-generic-copy-sm[disabled]:hover span[class^="icon-"],
|
|
a.btn-generic-copy-sm.disabled span[class^="icon-"],
|
|
a.btn-generic-copy-sm.disabled:hover span[class^="icon-"],
|
|
a.btn-generic-copy-sm[disabled] span[class^="icon-"],
|
|
a.btn-generic-copy-sm[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -1140px; }
|
|
.btn-generic-copy-sm span[class^="icon-"],
|
|
a.btn-generic-copy-sm span[class^="icon-"] {
|
|
background-position: 0px -1140px; }
|
|
.btn-generic-copy-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-copy-sm span[class^="icon-"]:hover {
|
|
background-position: -20px -1140px; }
|
|
.btn-generic-copy-sm span[class^="icon-"], .btn-generic-copy-sm span[class^="icon-"]:hover,
|
|
a.btn-generic-copy-sm span[class^="icon-"],
|
|
a.btn-generic-copy-sm span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-generic-copy-sm .btn-text,
|
|
a.btn-generic-copy-sm .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-generic-copy-sm:hover, .touch .btn-generic-copy-sm:focus, .touch .btn-generic-copy-sm:visited,
|
|
.touch a.btn-generic-copy-sm:hover,
|
|
.touch a.btn-generic-copy-sm:focus,
|
|
.touch a.btn-generic-copy-sm:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-generic-copy-sm:active, .touch .btn-generic-copy-sm.active,
|
|
.touch a.btn-generic-copy-sm:active,
|
|
.touch a.btn-generic-copy-sm.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-generic-copy-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-generic-copy-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-copy-sm:hover, .dark-theme .btn-generic-copy-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-copy-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-generic-copy-sm:active, .dark-theme .btn-generic-copy-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-generic-copy-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-generic-copy-sm.disabled, .dark-theme .btn-generic-copy-sm.disabled:hover, .dark-theme .btn-generic-copy-sm.disabled:focus, .dark-theme .btn-generic-copy-sm.disabled:active, .dark-theme .btn-generic-copy-sm.disabled.active, .dark-theme .btn-generic-copy-sm[disabled], .dark-theme .btn-generic-copy-sm[disabled]:hover, .dark-theme .btn-generic-copy-sm[disabled]:focus, .dark-theme .btn-generic-copy-sm[disabled]:active, .dark-theme .btn-generic-copy-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-generic-copy-sm:hover, .dark-theme .touch .btn-generic-copy-sm:focus, .dark-theme .touch .btn-generic-copy-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-generic-copy-sm:active, .dark-theme .touch .btn-generic-copy-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-generic-copy-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-generic-copy-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-copy-sm:hover, .light-theme .btn-generic-copy-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-copy-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-generic-copy-sm:active, .light-theme .btn-generic-copy-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-generic-copy-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-generic-copy-sm.disabled, .light-theme .btn-generic-copy-sm.disabled:hover, .light-theme .btn-generic-copy-sm.disabled:focus, .light-theme .btn-generic-copy-sm.disabled:active, .light-theme .btn-generic-copy-sm.disabled.active, .light-theme .btn-generic-copy-sm[disabled], .light-theme .btn-generic-copy-sm[disabled]:hover, .light-theme .btn-generic-copy-sm[disabled]:focus, .light-theme .btn-generic-copy-sm[disabled]:active, .light-theme .btn-generic-copy-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-generic-copy-sm:hover, .light-theme .touch .btn-generic-copy-sm:focus, .light-theme .touch .btn-generic-copy-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-generic-copy-sm:active, .light-theme .touch .btn-generic-copy-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-generic-copy-sm {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-generic-copy-sm:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-copy-sm:hover, .dark-theme a.btn-generic-copy-sm:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-copy-sm:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-generic-copy-sm:active, .dark-theme a.btn-generic-copy-sm.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-generic-copy-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-generic-copy-sm.disabled, .dark-theme a.btn-generic-copy-sm.disabled:hover, .dark-theme a.btn-generic-copy-sm.disabled:focus, .dark-theme a.btn-generic-copy-sm.disabled:active, .dark-theme a.btn-generic-copy-sm.disabled.active, .dark-theme a.btn-generic-copy-sm[disabled], .dark-theme a.btn-generic-copy-sm[disabled]:hover, .dark-theme a.btn-generic-copy-sm[disabled]:focus, .dark-theme a.btn-generic-copy-sm[disabled]:active, .dark-theme a.btn-generic-copy-sm[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-generic-copy-sm:hover, .dark-theme .touch a.btn-generic-copy-sm:focus, .dark-theme .touch a.btn-generic-copy-sm:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-generic-copy-sm:active, .dark-theme .touch a.btn-generic-copy-sm.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-generic-copy-sm {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-generic-copy-sm:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-copy-sm:hover, .light-theme a.btn-generic-copy-sm:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-copy-sm:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-generic-copy-sm:active, .light-theme a.btn-generic-copy-sm.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-generic-copy-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-generic-copy-sm.disabled, .light-theme a.btn-generic-copy-sm.disabled:hover, .light-theme a.btn-generic-copy-sm.disabled:focus, .light-theme a.btn-generic-copy-sm.disabled:active, .light-theme a.btn-generic-copy-sm.disabled.active, .light-theme a.btn-generic-copy-sm[disabled], .light-theme a.btn-generic-copy-sm[disabled]:hover, .light-theme a.btn-generic-copy-sm[disabled]:focus, .light-theme a.btn-generic-copy-sm[disabled]:active, .light-theme a.btn-generic-copy-sm[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-generic-copy-sm:hover, .light-theme .touch a.btn-generic-copy-sm:focus, .light-theme .touch a.btn-generic-copy-sm:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-generic-copy-sm:active, .light-theme .touch a.btn-generic-copy-sm.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-games-experimental-gray2-xs,
|
|
a.btn-games-experimental-gray2-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 2px 1px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-games-experimental-gray2-xs:link,
|
|
a.btn-games-experimental-gray2-xs:link {
|
|
color: #191919; }
|
|
.btn-games-experimental-gray2-xs:hover, .btn-games-experimental-gray2-xs:focus,
|
|
a.btn-games-experimental-gray2-xs:hover,
|
|
a.btn-games-experimental-gray2-xs:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.btn-games-experimental-gray2-xs:active, .btn-games-experimental-gray2-xs.active,
|
|
a.btn-games-experimental-gray2-xs:active,
|
|
a.btn-games-experimental-gray2-xs.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.btn-games-experimental-gray2-xs:active:focus, .btn-games-experimental-gray2-xs.active:focus,
|
|
a.btn-games-experimental-gray2-xs:active:focus,
|
|
a.btn-games-experimental-gray2-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-games-experimental-gray2-xs:visited,
|
|
a.btn-games-experimental-gray2-xs:visited {
|
|
color: #191919; }
|
|
.btn-games-experimental-gray2-xs:visited:focus,
|
|
a.btn-games-experimental-gray2-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-games-experimental-gray2-xs.disabled, .btn-games-experimental-gray2-xs.disabled:hover, .btn-games-experimental-gray2-xs.disabled:focus, .btn-games-experimental-gray2-xs.disabled:active, .btn-games-experimental-gray2-xs.disabled.active, .btn-games-experimental-gray2-xs[disabled], .btn-games-experimental-gray2-xs[disabled]:hover, .btn-games-experimental-gray2-xs[disabled]:focus, .btn-games-experimental-gray2-xs[disabled]:active, .btn-games-experimental-gray2-xs[disabled].active,
|
|
a.btn-games-experimental-gray2-xs.disabled,
|
|
a.btn-games-experimental-gray2-xs.disabled:hover,
|
|
a.btn-games-experimental-gray2-xs.disabled:focus,
|
|
a.btn-games-experimental-gray2-xs.disabled:active,
|
|
a.btn-games-experimental-gray2-xs.disabled.active,
|
|
a.btn-games-experimental-gray2-xs[disabled],
|
|
a.btn-games-experimental-gray2-xs[disabled]:hover,
|
|
a.btn-games-experimental-gray2-xs[disabled]:focus,
|
|
a.btn-games-experimental-gray2-xs[disabled]:active,
|
|
a.btn-games-experimental-gray2-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: default; }
|
|
.btn-games-experimental-gray2-xs.disabled span[class^="icon-"], .btn-games-experimental-gray2-xs.disabled:hover span[class^="icon-"], .btn-games-experimental-gray2-xs[disabled] span[class^="icon-"], .btn-games-experimental-gray2-xs[disabled]:hover span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs.disabled span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs.disabled:hover span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs[disabled] span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs[disabled]:hover span[class^="icon-"] {
|
|
background-position: -20px -480px; }
|
|
.btn-games-experimental-gray2-xs span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs span[class^="icon-"] {
|
|
background-position: -20px -480px; }
|
|
.btn-games-experimental-gray2-xs span[class^="icon-"], .btn-games-experimental-gray2-xs span[class^="icon-"]:hover,
|
|
a.btn-games-experimental-gray2-xs span[class^="icon-"],
|
|
a.btn-games-experimental-gray2-xs span[class^="icon-"]:hover {
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.btn-games-experimental-gray2-xs .btn-text,
|
|
a.btn-games-experimental-gray2-xs .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-games-experimental-gray2-xs:hover, .touch .btn-games-experimental-gray2-xs:focus, .touch .btn-games-experimental-gray2-xs:visited,
|
|
.touch a.btn-games-experimental-gray2-xs:hover,
|
|
.touch a.btn-games-experimental-gray2-xs:focus,
|
|
.touch a.btn-games-experimental-gray2-xs:visited {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-games-experimental-gray2-xs:active, .touch .btn-games-experimental-gray2-xs.active,
|
|
.touch a.btn-games-experimental-gray2-xs:active,
|
|
.touch a.btn-games-experimental-gray2-xs.active {
|
|
color: #191919;
|
|
background-color: #F2F2F2;
|
|
border-color: #B8B8B8; }
|
|
|
|
.dark-theme .btn-games-experimental-gray2-xs {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-games-experimental-gray2-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-games-experimental-gray2-xs:hover, .dark-theme .btn-games-experimental-gray2-xs:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme .btn-games-experimental-gray2-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-games-experimental-gray2-xs:active, .dark-theme .btn-games-experimental-gray2-xs.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme .btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .btn-games-experimental-gray2-xs.disabled, .dark-theme .btn-games-experimental-gray2-xs.disabled:hover, .dark-theme .btn-games-experimental-gray2-xs.disabled:focus, .dark-theme .btn-games-experimental-gray2-xs.disabled:active, .dark-theme .btn-games-experimental-gray2-xs.disabled.active, .dark-theme .btn-games-experimental-gray2-xs[disabled], .dark-theme .btn-games-experimental-gray2-xs[disabled]:hover, .dark-theme .btn-games-experimental-gray2-xs[disabled]:focus, .dark-theme .btn-games-experimental-gray2-xs[disabled]:active, .dark-theme .btn-games-experimental-gray2-xs[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-games-experimental-gray2-xs:hover, .dark-theme .touch .btn-games-experimental-gray2-xs:focus, .dark-theme .touch .btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch .btn-games-experimental-gray2-xs:active, .dark-theme .touch .btn-games-experimental-gray2-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme .btn-games-experimental-gray2-xs {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme .btn-games-experimental-gray2-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-games-experimental-gray2-xs:hover, .light-theme .btn-games-experimental-gray2-xs:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme .btn-games-experimental-gray2-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-games-experimental-gray2-xs:active, .light-theme .btn-games-experimental-gray2-xs.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme .btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .btn-games-experimental-gray2-xs.disabled, .light-theme .btn-games-experimental-gray2-xs.disabled:hover, .light-theme .btn-games-experimental-gray2-xs.disabled:focus, .light-theme .btn-games-experimental-gray2-xs.disabled:active, .light-theme .btn-games-experimental-gray2-xs.disabled.active, .light-theme .btn-games-experimental-gray2-xs[disabled], .light-theme .btn-games-experimental-gray2-xs[disabled]:hover, .light-theme .btn-games-experimental-gray2-xs[disabled]:focus, .light-theme .btn-games-experimental-gray2-xs[disabled]:active, .light-theme .btn-games-experimental-gray2-xs[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-games-experimental-gray2-xs:hover, .light-theme .touch .btn-games-experimental-gray2-xs:focus, .light-theme .touch .btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch .btn-games-experimental-gray2-xs:active, .light-theme .touch .btn-games-experimental-gray2-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.dark-theme a.btn-games-experimental-gray2-xs {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-games-experimental-gray2-xs:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-games-experimental-gray2-xs:hover, .dark-theme a.btn-games-experimental-gray2-xs:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: #fff; }
|
|
.dark-theme a.btn-games-experimental-gray2-xs:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-games-experimental-gray2-xs:active, .dark-theme a.btn-games-experimental-gray2-xs.active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #fff; }
|
|
.dark-theme a.btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme a.btn-games-experimental-gray2-xs.disabled, .dark-theme a.btn-games-experimental-gray2-xs.disabled:hover, .dark-theme a.btn-games-experimental-gray2-xs.disabled:focus, .dark-theme a.btn-games-experimental-gray2-xs.disabled:active, .dark-theme a.btn-games-experimental-gray2-xs.disabled.active, .dark-theme a.btn-games-experimental-gray2-xs[disabled], .dark-theme a.btn-games-experimental-gray2-xs[disabled]:hover, .dark-theme a.btn-games-experimental-gray2-xs[disabled]:focus, .dark-theme a.btn-games-experimental-gray2-xs[disabled]:active, .dark-theme a.btn-games-experimental-gray2-xs[disabled].active {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7);
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-games-experimental-gray2-xs:hover, .dark-theme .touch a.btn-games-experimental-gray2-xs:focus, .dark-theme .touch a.btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .touch a.btn-games-experimental-gray2-xs:active, .dark-theme .touch a.btn-games-experimental-gray2-xs.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.light-theme a.btn-games-experimental-gray2-xs {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-games-experimental-gray2-xs:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-games-experimental-gray2-xs:hover, .light-theme a.btn-games-experimental-gray2-xs:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-games-experimental-gray2-xs:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-games-experimental-gray2-xs:active, .light-theme a.btn-games-experimental-gray2-xs.active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #393B3D; }
|
|
.light-theme a.btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme a.btn-games-experimental-gray2-xs.disabled, .light-theme a.btn-games-experimental-gray2-xs.disabled:hover, .light-theme a.btn-games-experimental-gray2-xs.disabled:focus, .light-theme a.btn-games-experimental-gray2-xs.disabled:active, .light-theme a.btn-games-experimental-gray2-xs.disabled.active, .light-theme a.btn-games-experimental-gray2-xs[disabled], .light-theme a.btn-games-experimental-gray2-xs[disabled]:hover, .light-theme a.btn-games-experimental-gray2-xs[disabled]:focus, .light-theme a.btn-games-experimental-gray2-xs[disabled]:active, .light-theme a.btn-games-experimental-gray2-xs[disabled].active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-games-experimental-gray2-xs:hover, .light-theme .touch a.btn-games-experimental-gray2-xs:focus, .light-theme .touch a.btn-games-experimental-gray2-xs:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .touch a.btn-games-experimental-gray2-xs:active, .light-theme .touch a.btn-games-experimental-gray2-xs.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.btn-common-play-game-lg,
|
|
a.btn-common-play-game-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 12px 12px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-common-play-game-lg:link,
|
|
a.btn-common-play-game-lg:link {
|
|
color: #fff; }
|
|
.btn-common-play-game-lg:hover, .btn-common-play-game-lg:focus,
|
|
a.btn-common-play-game-lg:hover,
|
|
a.btn-common-play-game-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-common-play-game-lg:active, .btn-common-play-game-lg.active,
|
|
a.btn-common-play-game-lg:active,
|
|
a.btn-common-play-game-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-common-play-game-lg:active:focus, .btn-common-play-game-lg.active:focus,
|
|
a.btn-common-play-game-lg:active:focus,
|
|
a.btn-common-play-game-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-common-play-game-lg:visited,
|
|
a.btn-common-play-game-lg:visited {
|
|
color: #fff; }
|
|
.btn-common-play-game-lg:visited:focus,
|
|
a.btn-common-play-game-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-common-play-game-lg.disabled, .btn-common-play-game-lg.disabled:hover, .btn-common-play-game-lg.disabled:focus, .btn-common-play-game-lg.disabled:active, .btn-common-play-game-lg.disabled.active, .btn-common-play-game-lg[disabled], .btn-common-play-game-lg[disabled]:hover, .btn-common-play-game-lg[disabled]:focus, .btn-common-play-game-lg[disabled]:active, .btn-common-play-game-lg[disabled].active,
|
|
a.btn-common-play-game-lg.disabled,
|
|
a.btn-common-play-game-lg.disabled:hover,
|
|
a.btn-common-play-game-lg.disabled:focus,
|
|
a.btn-common-play-game-lg.disabled:active,
|
|
a.btn-common-play-game-lg.disabled.active,
|
|
a.btn-common-play-game-lg[disabled],
|
|
a.btn-common-play-game-lg[disabled]:hover,
|
|
a.btn-common-play-game-lg[disabled]:focus,
|
|
a.btn-common-play-game-lg[disabled]:active,
|
|
a.btn-common-play-game-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
.btn-common-play-game-lg.disabled span[class^="icon-"], .btn-common-play-game-lg.disabled:hover span[class^="icon-"], .btn-common-play-game-lg[disabled] span[class^="icon-"], .btn-common-play-game-lg[disabled]:hover span[class^="icon-"],
|
|
a.btn-common-play-game-lg.disabled span[class^="icon-"],
|
|
a.btn-common-play-game-lg.disabled:hover span[class^="icon-"],
|
|
a.btn-common-play-game-lg[disabled] span[class^="icon-"],
|
|
a.btn-common-play-game-lg[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px 0px; }
|
|
.btn-common-play-game-lg span[class^="icon-"],
|
|
a.btn-common-play-game-lg span[class^="icon-"] {
|
|
background-position: 0px 0px; }
|
|
.btn-common-play-game-lg span[class^="icon-"], .btn-common-play-game-lg span[class^="icon-"]:hover,
|
|
a.btn-common-play-game-lg span[class^="icon-"],
|
|
a.btn-common-play-game-lg span[class^="icon-"]:hover {
|
|
background-size: 72px auto;
|
|
width: 36px;
|
|
height: 36px; }
|
|
.btn-common-play-game-lg .btn-text,
|
|
a.btn-common-play-game-lg .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-common-play-game-lg:hover, .touch .btn-common-play-game-lg:focus, .touch .btn-common-play-game-lg:visited,
|
|
.touch a.btn-common-play-game-lg:hover,
|
|
.touch a.btn-common-play-game-lg:focus,
|
|
.touch a.btn-common-play-game-lg:visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-common-play-game-lg:active, .touch .btn-common-play-game-lg.active,
|
|
.touch a.btn-common-play-game-lg:active,
|
|
.touch a.btn-common-play-game-lg.active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.dark-theme .btn-common-play-game-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-common-play-game-lg:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-common-play-game-lg:hover, .dark-theme .btn-common-play-game-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-common-play-game-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-common-play-game-lg:active, .dark-theme .btn-common-play-game-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-common-play-game-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-common-play-game-lg.disabled, .dark-theme .btn-common-play-game-lg.disabled:hover, .dark-theme .btn-common-play-game-lg.disabled:focus, .dark-theme .btn-common-play-game-lg.disabled:active, .dark-theme .btn-common-play-game-lg.disabled.active, .dark-theme .btn-common-play-game-lg[disabled], .dark-theme .btn-common-play-game-lg[disabled]:hover, .dark-theme .btn-common-play-game-lg[disabled]:focus, .dark-theme .btn-common-play-game-lg[disabled]:active, .dark-theme .btn-common-play-game-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-common-play-game-lg:hover, .dark-theme .touch .btn-common-play-game-lg:focus, .dark-theme .touch .btn-common-play-game-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-common-play-game-lg:active, .dark-theme .touch .btn-common-play-game-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-common-play-game-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-common-play-game-lg:link {
|
|
color: #fff; }
|
|
.light-theme .btn-common-play-game-lg:hover, .light-theme .btn-common-play-game-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-common-play-game-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-common-play-game-lg:active, .light-theme .btn-common-play-game-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-common-play-game-lg:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-common-play-game-lg.disabled, .light-theme .btn-common-play-game-lg.disabled:hover, .light-theme .btn-common-play-game-lg.disabled:focus, .light-theme .btn-common-play-game-lg.disabled:active, .light-theme .btn-common-play-game-lg.disabled.active, .light-theme .btn-common-play-game-lg[disabled], .light-theme .btn-common-play-game-lg[disabled]:hover, .light-theme .btn-common-play-game-lg[disabled]:focus, .light-theme .btn-common-play-game-lg[disabled]:active, .light-theme .btn-common-play-game-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-common-play-game-lg:hover, .light-theme .touch .btn-common-play-game-lg:focus, .light-theme .touch .btn-common-play-game-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-common-play-game-lg:active, .light-theme .touch .btn-common-play-game-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme a.btn-common-play-game-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-common-play-game-lg:link {
|
|
color: #fff; }
|
|
.dark-theme a.btn-common-play-game-lg:hover, .dark-theme a.btn-common-play-game-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme a.btn-common-play-game-lg:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-common-play-game-lg:active, .dark-theme a.btn-common-play-game-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme a.btn-common-play-game-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme a.btn-common-play-game-lg.disabled, .dark-theme a.btn-common-play-game-lg.disabled:hover, .dark-theme a.btn-common-play-game-lg.disabled:focus, .dark-theme a.btn-common-play-game-lg.disabled:active, .dark-theme a.btn-common-play-game-lg.disabled.active, .dark-theme a.btn-common-play-game-lg[disabled], .dark-theme a.btn-common-play-game-lg[disabled]:hover, .dark-theme a.btn-common-play-game-lg[disabled]:focus, .dark-theme a.btn-common-play-game-lg[disabled]:active, .dark-theme a.btn-common-play-game-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-common-play-game-lg:hover, .dark-theme .touch a.btn-common-play-game-lg:focus, .dark-theme .touch a.btn-common-play-game-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch a.btn-common-play-game-lg:active, .dark-theme .touch a.btn-common-play-game-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme a.btn-common-play-game-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-common-play-game-lg:link {
|
|
color: #fff; }
|
|
.light-theme a.btn-common-play-game-lg:hover, .light-theme a.btn-common-play-game-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme a.btn-common-play-game-lg:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-common-play-game-lg:active, .light-theme a.btn-common-play-game-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme a.btn-common-play-game-lg:visited {
|
|
color: #fff; }
|
|
.light-theme a.btn-common-play-game-lg.disabled, .light-theme a.btn-common-play-game-lg.disabled:hover, .light-theme a.btn-common-play-game-lg.disabled:focus, .light-theme a.btn-common-play-game-lg.disabled:active, .light-theme a.btn-common-play-game-lg.disabled.active, .light-theme a.btn-common-play-game-lg[disabled], .light-theme a.btn-common-play-game-lg[disabled]:hover, .light-theme a.btn-common-play-game-lg[disabled]:focus, .light-theme a.btn-common-play-game-lg[disabled]:active, .light-theme a.btn-common-play-game-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-common-play-game-lg:hover, .light-theme .touch a.btn-common-play-game-lg:focus, .light-theme .touch a.btn-common-play-game-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch a.btn-common-play-game-lg:active, .light-theme .touch a.btn-common-play-game-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-branded-robux-white-lg,
|
|
a.btn-branded-robux-white-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #02b757;
|
|
border-color: #02b757;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 12px 12px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-branded-robux-white-lg:link,
|
|
a.btn-branded-robux-white-lg:link {
|
|
color: #fff; }
|
|
.btn-branded-robux-white-lg:hover, .btn-branded-robux-white-lg:focus,
|
|
a.btn-branded-robux-white-lg:hover,
|
|
a.btn-branded-robux-white-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-branded-robux-white-lg:active, .btn-branded-robux-white-lg.active,
|
|
a.btn-branded-robux-white-lg:active,
|
|
a.btn-branded-robux-white-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-branded-robux-white-lg:active:focus, .btn-branded-robux-white-lg.active:focus,
|
|
a.btn-branded-robux-white-lg:active:focus,
|
|
a.btn-branded-robux-white-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-branded-robux-white-lg:visited,
|
|
a.btn-branded-robux-white-lg:visited {
|
|
color: #fff; }
|
|
.btn-branded-robux-white-lg:visited:focus,
|
|
a.btn-branded-robux-white-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-branded-robux-white-lg.disabled, .btn-branded-robux-white-lg.disabled:hover, .btn-branded-robux-white-lg.disabled:focus, .btn-branded-robux-white-lg.disabled:active, .btn-branded-robux-white-lg.disabled.active, .btn-branded-robux-white-lg[disabled], .btn-branded-robux-white-lg[disabled]:hover, .btn-branded-robux-white-lg[disabled]:focus, .btn-branded-robux-white-lg[disabled]:active, .btn-branded-robux-white-lg[disabled].active,
|
|
a.btn-branded-robux-white-lg.disabled,
|
|
a.btn-branded-robux-white-lg.disabled:hover,
|
|
a.btn-branded-robux-white-lg.disabled:focus,
|
|
a.btn-branded-robux-white-lg.disabled:active,
|
|
a.btn-branded-robux-white-lg.disabled.active,
|
|
a.btn-branded-robux-white-lg[disabled],
|
|
a.btn-branded-robux-white-lg[disabled]:hover,
|
|
a.btn-branded-robux-white-lg[disabled]:focus,
|
|
a.btn-branded-robux-white-lg[disabled]:active,
|
|
a.btn-branded-robux-white-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #A3E2BD;
|
|
border-color: #A3E2BD;
|
|
color: #fff;
|
|
cursor: default; }
|
|
.btn-branded-robux-white-lg.disabled span[class^="icon-"], .btn-branded-robux-white-lg.disabled:hover span[class^="icon-"], .btn-branded-robux-white-lg[disabled] span[class^="icon-"], .btn-branded-robux-white-lg[disabled]:hover span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg.disabled span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg.disabled:hover span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg[disabled] span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg[disabled]:hover span[class^="icon-"] {
|
|
background-position: 0px -252px; }
|
|
.btn-branded-robux-white-lg span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg span[class^="icon-"] {
|
|
background-position: 0px -252px; }
|
|
.btn-branded-robux-white-lg span[class^="icon-"], .btn-branded-robux-white-lg span[class^="icon-"]:hover,
|
|
a.btn-branded-robux-white-lg span[class^="icon-"],
|
|
a.btn-branded-robux-white-lg span[class^="icon-"]:hover {
|
|
background-size: 72px auto;
|
|
width: 36px;
|
|
height: 36px; }
|
|
.btn-branded-robux-white-lg .btn-text,
|
|
a.btn-branded-robux-white-lg .btn-text {
|
|
vertical-align: middle; }
|
|
|
|
.touch .btn-branded-robux-white-lg:hover, .touch .btn-branded-robux-white-lg:focus, .touch .btn-branded-robux-white-lg:visited,
|
|
.touch a.btn-branded-robux-white-lg:hover,
|
|
.touch a.btn-branded-robux-white-lg:focus,
|
|
.touch a.btn-branded-robux-white-lg:visited {
|
|
color: #fff;
|
|
background-color: #02b757;
|
|
border-color: #02b757; }
|
|
|
|
.touch .btn-branded-robux-white-lg:active, .touch .btn-branded-robux-white-lg.active,
|
|
.touch a.btn-branded-robux-white-lg:active,
|
|
.touch a.btn-branded-robux-white-lg.active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.dark-theme .btn-branded-robux-white-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-branded-robux-white-lg:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-branded-robux-white-lg:hover, .dark-theme .btn-branded-robux-white-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-branded-robux-white-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-branded-robux-white-lg:active, .dark-theme .btn-branded-robux-white-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-branded-robux-white-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-branded-robux-white-lg.disabled, .dark-theme .btn-branded-robux-white-lg.disabled:hover, .dark-theme .btn-branded-robux-white-lg.disabled:focus, .dark-theme .btn-branded-robux-white-lg.disabled:active, .dark-theme .btn-branded-robux-white-lg.disabled.active, .dark-theme .btn-branded-robux-white-lg[disabled], .dark-theme .btn-branded-robux-white-lg[disabled]:hover, .dark-theme .btn-branded-robux-white-lg[disabled]:focus, .dark-theme .btn-branded-robux-white-lg[disabled]:active, .dark-theme .btn-branded-robux-white-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-branded-robux-white-lg:hover, .dark-theme .touch .btn-branded-robux-white-lg:focus, .dark-theme .touch .btn-branded-robux-white-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .btn-branded-robux-white-lg:active, .dark-theme .touch .btn-branded-robux-white-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-branded-robux-white-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-branded-robux-white-lg:link {
|
|
color: #fff; }
|
|
.light-theme .btn-branded-robux-white-lg:hover, .light-theme .btn-branded-robux-white-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-branded-robux-white-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-branded-robux-white-lg:active, .light-theme .btn-branded-robux-white-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .btn-branded-robux-white-lg:visited {
|
|
color: #fff; }
|
|
.light-theme .btn-branded-robux-white-lg.disabled, .light-theme .btn-branded-robux-white-lg.disabled:hover, .light-theme .btn-branded-robux-white-lg.disabled:focus, .light-theme .btn-branded-robux-white-lg.disabled:active, .light-theme .btn-branded-robux-white-lg.disabled.active, .light-theme .btn-branded-robux-white-lg[disabled], .light-theme .btn-branded-robux-white-lg[disabled]:hover, .light-theme .btn-branded-robux-white-lg[disabled]:focus, .light-theme .btn-branded-robux-white-lg[disabled]:active, .light-theme .btn-branded-robux-white-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-branded-robux-white-lg:hover, .light-theme .touch .btn-branded-robux-white-lg:focus, .light-theme .touch .btn-branded-robux-white-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .btn-branded-robux-white-lg:active, .light-theme .touch .btn-branded-robux-white-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme a.btn-branded-robux-white-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme a.btn-branded-robux-white-lg:link {
|
|
color: #fff; }
|
|
.dark-theme a.btn-branded-robux-white-lg:hover, .dark-theme a.btn-branded-robux-white-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme a.btn-branded-robux-white-lg:focus {
|
|
outline: none; }
|
|
.dark-theme a.btn-branded-robux-white-lg:active, .dark-theme a.btn-branded-robux-white-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme a.btn-branded-robux-white-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme a.btn-branded-robux-white-lg.disabled, .dark-theme a.btn-branded-robux-white-lg.disabled:hover, .dark-theme a.btn-branded-robux-white-lg.disabled:focus, .dark-theme a.btn-branded-robux-white-lg.disabled:active, .dark-theme a.btn-branded-robux-white-lg.disabled.active, .dark-theme a.btn-branded-robux-white-lg[disabled], .dark-theme a.btn-branded-robux-white-lg[disabled]:hover, .dark-theme a.btn-branded-robux-white-lg[disabled]:focus, .dark-theme a.btn-branded-robux-white-lg[disabled]:active, .dark-theme a.btn-branded-robux-white-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch a.btn-branded-robux-white-lg:hover, .dark-theme .touch a.btn-branded-robux-white-lg:focus, .dark-theme .touch a.btn-branded-robux-white-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch a.btn-branded-robux-white-lg:active, .dark-theme .touch a.btn-branded-robux-white-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme a.btn-branded-robux-white-lg {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme a.btn-branded-robux-white-lg:link {
|
|
color: #fff; }
|
|
.light-theme a.btn-branded-robux-white-lg:hover, .light-theme a.btn-branded-robux-white-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme a.btn-branded-robux-white-lg:focus {
|
|
outline: none; }
|
|
.light-theme a.btn-branded-robux-white-lg:active, .light-theme a.btn-branded-robux-white-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme a.btn-branded-robux-white-lg:visited {
|
|
color: #fff; }
|
|
.light-theme a.btn-branded-robux-white-lg.disabled, .light-theme a.btn-branded-robux-white-lg.disabled:hover, .light-theme a.btn-branded-robux-white-lg.disabled:focus, .light-theme a.btn-branded-robux-white-lg.disabled:active, .light-theme a.btn-branded-robux-white-lg.disabled.active, .light-theme a.btn-branded-robux-white-lg[disabled], .light-theme a.btn-branded-robux-white-lg[disabled]:hover, .light-theme a.btn-branded-robux-white-lg[disabled]:focus, .light-theme a.btn-branded-robux-white-lg[disabled]:active, .light-theme a.btn-branded-robux-white-lg[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch a.btn-branded-robux-white-lg:hover, .light-theme .touch a.btn-branded-robux-white-lg:focus, .light-theme .touch a.btn-branded-robux-white-lg:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch a.btn-branded-robux-white-lg:active, .light-theme .touch a.btn-branded-robux-white-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-buy-lg {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #757575;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 15px 15px;
|
|
font-size: 21px;
|
|
line-height: 100%;
|
|
border-radius: 5px; }
|
|
.btn-buy-lg:link {
|
|
color: #757575; }
|
|
.btn-buy-lg:hover, .btn-buy-lg:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-buy-lg:active, .btn-buy-lg.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-buy-lg:active:focus, .btn-buy-lg.active:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-lg:visited {
|
|
color: #fff; }
|
|
.btn-buy-lg:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-lg.disabled, .btn-buy-lg.disabled:hover, .btn-buy-lg.disabled:focus, .btn-buy-lg.disabled:active, .btn-buy-lg.disabled.active, .btn-buy-lg[disabled], .btn-buy-lg[disabled]:hover, .btn-buy-lg[disabled]:focus, .btn-buy-lg[disabled]:active, .btn-buy-lg[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-buy-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-buy-lg:not([disabled]):hover, .touch .btn-buy-lg:not([disabled]):focus, .touch .btn-buy-lg:not([disabled]):visited {
|
|
color: #757575;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-buy-lg:not([disabled]):active, .touch .btn-buy-lg:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-buy-lg {
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-buy-lg:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-buy-lg {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-buy-lg:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-lg:hover, .dark-theme .btn-buy-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-lg:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-buy-lg:active, .dark-theme .btn-buy-lg.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-lg:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-lg.disabled, .dark-theme .btn-buy-lg.disabled:hover, .dark-theme .btn-buy-lg.disabled:focus, .dark-theme .btn-buy-lg.disabled:active, .dark-theme .btn-buy-lg.disabled.active, .dark-theme .btn-buy-lg[disabled], .dark-theme .btn-buy-lg[disabled]:hover, .dark-theme .btn-buy-lg[disabled]:focus, .dark-theme .btn-buy-lg[disabled]:active, .dark-theme .btn-buy-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-buy-lg:hover, .dark-theme .touch .btn-buy-lg:focus, .dark-theme .touch .btn-buy-lg:visited {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-buy-lg:active, .dark-theme .touch .btn-buy-lg.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-buy-lg {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-buy-lg:link {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-lg:hover, .light-theme .btn-buy-lg:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-lg:focus {
|
|
outline: none; }
|
|
.light-theme .btn-buy-lg:active, .light-theme .btn-buy-lg.active {
|
|
background-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-lg:visited {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-lg.disabled, .light-theme .btn-buy-lg.disabled:hover, .light-theme .btn-buy-lg.disabled:focus, .light-theme .btn-buy-lg.disabled:active, .light-theme .btn-buy-lg.disabled.active, .light-theme .btn-buy-lg[disabled], .light-theme .btn-buy-lg[disabled]:hover, .light-theme .btn-buy-lg[disabled]:focus, .light-theme .btn-buy-lg[disabled]:active, .light-theme .btn-buy-lg[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-buy-lg:hover, .light-theme .touch .btn-buy-lg:focus, .light-theme .touch .btn-buy-lg:visited {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-buy-lg:active, .light-theme .touch .btn-buy-lg.active {
|
|
color: #393B3D;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-buy-md {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #757575;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 9px 9px;
|
|
font-size: 18px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-buy-md:link {
|
|
color: #757575; }
|
|
.btn-buy-md:hover, .btn-buy-md:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-buy-md:active, .btn-buy-md.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-buy-md:active:focus, .btn-buy-md.active:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-md:visited {
|
|
color: #fff; }
|
|
.btn-buy-md:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-md.disabled, .btn-buy-md.disabled:hover, .btn-buy-md.disabled:focus, .btn-buy-md.disabled:active, .btn-buy-md.disabled.active, .btn-buy-md[disabled], .btn-buy-md[disabled]:hover, .btn-buy-md[disabled]:focus, .btn-buy-md[disabled]:active, .btn-buy-md[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
@media (max-width: 767px) {
|
|
.btn-buy-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.touch .btn-buy-md:not([disabled]):hover, .touch .btn-buy-md:not([disabled]):focus, .touch .btn-buy-md:not([disabled]):visited {
|
|
color: #757575;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-buy-md:not([disabled]):active, .touch .btn-buy-md:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
@media (max-width: 767px) {
|
|
.touch .btn-buy-md {
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; } }
|
|
|
|
.in-app .btn-buy-md:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-buy-md {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-buy-md:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-md:hover, .dark-theme .btn-buy-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-md:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-buy-md:active, .dark-theme .btn-buy-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-md:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-md.disabled, .dark-theme .btn-buy-md.disabled:hover, .dark-theme .btn-buy-md.disabled:focus, .dark-theme .btn-buy-md.disabled:active, .dark-theme .btn-buy-md.disabled.active, .dark-theme .btn-buy-md[disabled], .dark-theme .btn-buy-md[disabled]:hover, .dark-theme .btn-buy-md[disabled]:focus, .dark-theme .btn-buy-md[disabled]:active, .dark-theme .btn-buy-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-buy-md:hover, .dark-theme .touch .btn-buy-md:focus, .dark-theme .touch .btn-buy-md:visited {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-buy-md:active, .dark-theme .touch .btn-buy-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-buy-md {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-buy-md:link {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-md:hover, .light-theme .btn-buy-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-md:focus {
|
|
outline: none; }
|
|
.light-theme .btn-buy-md:active, .light-theme .btn-buy-md.active {
|
|
background-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-md:visited {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-md.disabled, .light-theme .btn-buy-md.disabled:hover, .light-theme .btn-buy-md.disabled:focus, .light-theme .btn-buy-md.disabled:active, .light-theme .btn-buy-md.disabled.active, .light-theme .btn-buy-md[disabled], .light-theme .btn-buy-md[disabled]:hover, .light-theme .btn-buy-md[disabled]:focus, .light-theme .btn-buy-md[disabled]:active, .light-theme .btn-buy-md[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-buy-md:hover, .light-theme .touch .btn-buy-md:focus, .light-theme .touch .btn-buy-md:visited {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-buy-md:active, .light-theme .touch .btn-buy-md.active {
|
|
color: #393B3D;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-buy-sm {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #757575;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 7px 7px;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-buy-sm:link {
|
|
color: #757575; }
|
|
.btn-buy-sm:hover, .btn-buy-sm:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-buy-sm:active, .btn-buy-sm.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-buy-sm:active:focus, .btn-buy-sm.active:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-sm:visited {
|
|
color: #fff; }
|
|
.btn-buy-sm:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-sm.disabled, .btn-buy-sm.disabled:hover, .btn-buy-sm.disabled:focus, .btn-buy-sm.disabled:active, .btn-buy-sm.disabled.active, .btn-buy-sm[disabled], .btn-buy-sm[disabled]:hover, .btn-buy-sm[disabled]:focus, .btn-buy-sm[disabled]:active, .btn-buy-sm[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
|
|
.touch .btn-buy-sm:not([disabled]):hover, .touch .btn-buy-sm:not([disabled]):focus, .touch .btn-buy-sm:not([disabled]):visited {
|
|
color: #757575;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-buy-sm:not([disabled]):active, .touch .btn-buy-sm:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-buy-sm:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-buy-sm {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-buy-sm:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-sm:hover, .dark-theme .btn-buy-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-sm:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-buy-sm:active, .dark-theme .btn-buy-sm.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-sm:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-sm.disabled, .dark-theme .btn-buy-sm.disabled:hover, .dark-theme .btn-buy-sm.disabled:focus, .dark-theme .btn-buy-sm.disabled:active, .dark-theme .btn-buy-sm.disabled.active, .dark-theme .btn-buy-sm[disabled], .dark-theme .btn-buy-sm[disabled]:hover, .dark-theme .btn-buy-sm[disabled]:focus, .dark-theme .btn-buy-sm[disabled]:active, .dark-theme .btn-buy-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-buy-sm:hover, .dark-theme .touch .btn-buy-sm:focus, .dark-theme .touch .btn-buy-sm:visited {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-buy-sm:active, .dark-theme .touch .btn-buy-sm.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-buy-sm {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-buy-sm:link {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-sm:hover, .light-theme .btn-buy-sm:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-sm:focus {
|
|
outline: none; }
|
|
.light-theme .btn-buy-sm:active, .light-theme .btn-buy-sm.active {
|
|
background-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-sm:visited {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-sm.disabled, .light-theme .btn-buy-sm.disabled:hover, .light-theme .btn-buy-sm.disabled:focus, .light-theme .btn-buy-sm.disabled:active, .light-theme .btn-buy-sm.disabled.active, .light-theme .btn-buy-sm[disabled], .light-theme .btn-buy-sm[disabled]:hover, .light-theme .btn-buy-sm[disabled]:focus, .light-theme .btn-buy-sm[disabled]:active, .light-theme .btn-buy-sm[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-buy-sm:hover, .light-theme .touch .btn-buy-sm:focus, .light-theme .touch .btn-buy-sm:visited {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-buy-sm:active, .light-theme .touch .btn-buy-sm.active {
|
|
color: #393B3D;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-buy-xs {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #757575;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
padding: 4px 4px;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
border-radius: 3px; }
|
|
.btn-buy-xs:link {
|
|
color: #757575; }
|
|
.btn-buy-xs:hover, .btn-buy-xs:focus {
|
|
background-color: #3FC679;
|
|
border-color: #3FC679;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.btn-buy-xs:active, .btn-buy-xs.active {
|
|
background-color: #3FC679;
|
|
color: #fff; }
|
|
.btn-buy-xs:active:focus, .btn-buy-xs.active:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-xs:visited {
|
|
color: #fff; }
|
|
.btn-buy-xs:visited:focus {
|
|
outline: 0 none; }
|
|
.btn-buy-xs.disabled, .btn-buy-xs.disabled:hover, .btn-buy-xs.disabled:focus, .btn-buy-xs.disabled:active, .btn-buy-xs.disabled.active, .btn-buy-xs[disabled], .btn-buy-xs[disabled]:hover, .btn-buy-xs[disabled]:focus, .btn-buy-xs[disabled]:active, .btn-buy-xs[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
|
|
.touch .btn-buy-xs:not([disabled]):hover, .touch .btn-buy-xs:not([disabled]):focus, .touch .btn-buy-xs:not([disabled]):visited {
|
|
color: #757575;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8; }
|
|
|
|
.touch .btn-buy-xs:not([disabled]):active, .touch .btn-buy-xs:not([disabled]).active {
|
|
color: #fff;
|
|
background-color: #118237;
|
|
border-color: #118237; }
|
|
|
|
.in-app .btn-buy-xs:focus {
|
|
outline: none; }
|
|
|
|
.dark-theme .btn-buy-xs {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .btn-buy-xs:link {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-xs:hover, .dark-theme .btn-buy-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-xs:focus {
|
|
outline: none; }
|
|
.dark-theme .btn-buy-xs:active, .dark-theme .btn-buy-xs.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-xs:visited {
|
|
color: #fff; }
|
|
.dark-theme .btn-buy-xs.disabled, .dark-theme .btn-buy-xs.disabled:hover, .dark-theme .btn-buy-xs.disabled:focus, .dark-theme .btn-buy-xs.disabled:active, .dark-theme .btn-buy-xs.disabled.active, .dark-theme .btn-buy-xs[disabled], .dark-theme .btn-buy-xs[disabled]:hover, .dark-theme .btn-buy-xs[disabled]:focus, .dark-theme .btn-buy-xs[disabled]:active, .dark-theme .btn-buy-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .btn-buy-xs:hover, .dark-theme .touch .btn-buy-xs:focus, .dark-theme .touch .btn-buy-xs:visited {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .btn-buy-xs:active, .dark-theme .touch .btn-buy-xs.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .btn-buy-xs {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
border-radius: 8px; }
|
|
.light-theme .btn-buy-xs:link {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-xs:hover, .light-theme .btn-buy-xs:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-xs:focus {
|
|
outline: none; }
|
|
.light-theme .btn-buy-xs:active, .light-theme .btn-buy-xs.active {
|
|
background-color: #00B06F;
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-xs:visited {
|
|
color: #393B3D; }
|
|
.light-theme .btn-buy-xs.disabled, .light-theme .btn-buy-xs.disabled:hover, .light-theme .btn-buy-xs.disabled:focus, .light-theme .btn-buy-xs.disabled:active, .light-theme .btn-buy-xs.disabled.active, .light-theme .btn-buy-xs[disabled], .light-theme .btn-buy-xs[disabled]:hover, .light-theme .btn-buy-xs[disabled]:focus, .light-theme .btn-buy-xs[disabled]:active, .light-theme .btn-buy-xs[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: #393B3D;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .btn-buy-xs:hover, .light-theme .touch .btn-buy-xs:focus, .light-theme .touch .btn-buy-xs:visited {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .btn-buy-xs:active, .light-theme .touch .btn-buy-xs.active {
|
|
color: #393B3D;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.btn-fixed-width {
|
|
width: 90px; }
|
|
|
|
.btn-min-width {
|
|
min-width: 90px; }
|
|
|
|
.btn-fixed-width-lg {
|
|
width: 180px; }
|
|
|
|
.btn-full-width {
|
|
width: 100%; }
|
|
|
|
.btn-toggle-label {
|
|
line-height: 24px; }
|
|
|
|
.btn-toggle {
|
|
background-color: #B8B8B8;
|
|
border-radius: 12px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 40px;
|
|
padding: 2px;
|
|
position: relative; }
|
|
.btn-toggle:before, .btn-toggle:after {
|
|
content: " ";
|
|
display: table; }
|
|
.btn-toggle:after {
|
|
clear: both; }
|
|
.btn-toggle:hover {
|
|
cursor: pointer; }
|
|
.btn-toggle .toggle-on {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
display: none; }
|
|
.btn-toggle .toggle-off {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
display: inline; }
|
|
.btn-toggle .toggle-flip {
|
|
background-color: #fff;
|
|
border-radius: 10px;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: auto;
|
|
left: 2px; }
|
|
.btn-toggle.on {
|
|
background-color: #02b757; }
|
|
.btn-toggle.on .toggle-on {
|
|
display: inline; }
|
|
.btn-toggle.on .toggle-off {
|
|
display: none; }
|
|
.btn-toggle.on .toggle-flip {
|
|
left: auto;
|
|
right: 2px; }
|
|
.btn-toggle.on.disabled {
|
|
background-color: #A3E2BD; }
|
|
.btn-toggle.on.disabled .toggle-flip {
|
|
background-color: #fff; }
|
|
.btn-toggle.disabled {
|
|
background-color: #E3E3E3; }
|
|
.btn-toggle.disabled:hover {
|
|
cursor: default; }
|
|
.btn-toggle.disabled .toggle-flip {
|
|
background-color: #F2F2F2; }
|
|
|
|
.checkbox input[type="checkbox"] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
left: -9999px; }
|
|
.checkbox input[type="checkbox"]:focus + label::before {
|
|
border: 1px solid #00A2FF; }
|
|
|
|
.checkbox input[type="checkbox"] + label {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 16px;
|
|
padding-left: 20px;
|
|
vertical-align: middle;
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
line-height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.checkbox input[type="checkbox"] + label {
|
|
height: 24px;
|
|
padding-left: 30px;
|
|
line-height: 20px; } }
|
|
|
|
.checkbox input[type="checkbox"]:checked + label {
|
|
width: 100%; }
|
|
.checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-position: 0px -602px;
|
|
background-color: #00A2FF;
|
|
border: 1px solid #00A2FF;
|
|
width: 16px;
|
|
height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-position: 0px -946px;
|
|
width: 24px;
|
|
height: 24px; } }
|
|
|
|
.checkbox input[type="checkbox"]:disabled + label {
|
|
width: 100%;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
.checkbox input[type="checkbox"]:disabled + label::before {
|
|
background-color: #F2F2F2;
|
|
border: 1px solid #E3E3E3;
|
|
width: 16px;
|
|
height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.checkbox input[type="checkbox"]:disabled + label::before {
|
|
width: 24px;
|
|
height: 24px; } }
|
|
|
|
.checkbox input[type="checkbox"]:checked:disabled + label {
|
|
width: 100%;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
.checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-position: -14px -602px;
|
|
background-color: #F2F2F2;
|
|
border: 1px solid #E3E3E3;
|
|
width: 16px;
|
|
height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url(/images/Shared/generic_01312019.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-position: -22px -946px;
|
|
width: 24px;
|
|
height: 24px; } }
|
|
|
|
.checkbox label {
|
|
position: relative; }
|
|
.checkbox label::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-color: #fff;
|
|
border: 1px solid #B8B8B8;
|
|
border-radius: 3px; }
|
|
@media (max-width: 991px) {
|
|
.checkbox label::before {
|
|
width: 24px;
|
|
height: 24px; } }
|
|
.checkbox label:hover::before {
|
|
border: 1px solid #00A2FF; }
|
|
|
|
input::-moz-placeholder,
|
|
textarea::-moz-placeholder {
|
|
color: #B8B8B8;
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
|
|
input:-ms-input-placeholder,
|
|
textarea:-ms-input-placeholder {
|
|
color: #B8B8B8;
|
|
font-weight: 300; }
|
|
|
|
input::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
color: #B8B8B8;
|
|
font-weight: 300; }
|
|
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
color: #B8B8B8;
|
|
font-weight: 300; }
|
|
|
|
.form:before, .form:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.form:after {
|
|
clear: both; }
|
|
|
|
@media (max-width: 767px) {
|
|
.form .input-field {
|
|
height: 32px;
|
|
line-height: 1.3em; } }
|
|
|
|
.dark-theme .form-control {
|
|
background-color: transparent;
|
|
border-color: #656668; }
|
|
.dark-theme .form-control[disabled], .dark-theme .form-control[readonly] {
|
|
background-color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .form-control:focus {
|
|
background-color: transparent; }
|
|
|
|
.light-theme .form-control {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
.light-theme .form-control[disabled], .light-theme .form-control[readonly] {
|
|
background-color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .form-control:focus {
|
|
background-color: transparent; }
|
|
|
|
.form-control {
|
|
display: block;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #B8B8B8;
|
|
border-radius: 3px; }
|
|
.form-control:focus {
|
|
border-color: #66afe9;
|
|
outline: 0; }
|
|
.form-control[disabled], .form-control[readonly] {
|
|
cursor: not-allowed;
|
|
background-color: #F2F2F2;
|
|
opacity: 1; }
|
|
|
|
textarea.form-control {
|
|
height: auto; }
|
|
|
|
.form-group {
|
|
margin-bottom: 10px; }
|
|
@media (max-width: 543px) {
|
|
.form-group {
|
|
margin-bottom: 6px; } }
|
|
|
|
.form-horizontal:before, .form-horizontal:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.form-horizontal:after {
|
|
clear: both; }
|
|
|
|
.form-horizontal .form-group {
|
|
width: 90%;
|
|
width: calc(100% - 90px - 12px);
|
|
float: left; }
|
|
@media (max-width: 767px) {
|
|
.form-horizontal .form-group {
|
|
width: 84%;
|
|
width: calc(100% - 90px - 12px); } }
|
|
|
|
.form-horizontal a[class*="btn"],
|
|
.form-horizontal button[class*="btn"] {
|
|
float: left;
|
|
margin: 0 0 0 12px; }
|
|
|
|
@media (max-width: 543px) {
|
|
.form-horizontal .form-group,
|
|
.form-horizontal a[class*="btn"],
|
|
.form-horizontal button[class*="btn"] {
|
|
float: none;
|
|
width: 100%; }
|
|
.form-horizontal a[class*="btn"],
|
|
.form-horizontal button[class*="btn"] {
|
|
margin: 0 0 12px; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.form-horizontal .input-field {
|
|
height: 32px;
|
|
line-height: 1.3em; } }
|
|
|
|
.form-has-feedback {
|
|
position: relative; }
|
|
.form-has-feedback .input-field {
|
|
padding-right: 30px; }
|
|
.form-has-feedback span[class*="icon"] {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px; }
|
|
.form-has-feedback .form-control-label {
|
|
display: block;
|
|
color: #B8B8B8;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
margin: 0; }
|
|
|
|
.form-has-success .input-field {
|
|
border-color: #02b757; }
|
|
|
|
.form-has-error .input-field, .form-has-error .input-field:focus, .input-group.form-has-error .input-field, .input-group.form-has-error .input-field:focus {
|
|
border-color: #D86868; }
|
|
|
|
.form-has-error .form-control-label, .input-group.form-has-error .form-control-label {
|
|
margin-top: 2px;
|
|
color: #D86868;
|
|
line-height: 1em; }
|
|
|
|
.dark-theme .input-field {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
color: #BDBEBE; }
|
|
.dark-theme .input-field::-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.dark-theme .input-field:-ms-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-field::-webkit-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-field::placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-field[disabled], .dark-theme .input-field[readonly] {
|
|
background-color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .input-field:focus {
|
|
background-color: #18191B;
|
|
border-color: #18191B; }
|
|
|
|
.dark-theme.rbx-placeholder {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
|
|
.light-theme .input-field {
|
|
background-color: #E3E5E8;
|
|
border-color: #E3E5E8;
|
|
color: rgba(123, 124, 125, 0.5); }
|
|
.light-theme .input-field::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.light-theme .input-field:-ms-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-field::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-field::placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-field[disabled], .light-theme .input-field[readonly] {
|
|
background-color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .input-field:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.1); }
|
|
|
|
.light-theme.rbx-placeholder {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
|
|
.input-field {
|
|
border: 1px solid #B8B8B8;
|
|
color: #191919;
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
height: 38px;
|
|
line-height: 100%;
|
|
padding: 5px 12px;
|
|
-webkit-appearance: none; }
|
|
.input-field:focus {
|
|
box-shadow: none;
|
|
border-color: #00A2FF;
|
|
outline: none; }
|
|
.input-field.rbx-placeholder {
|
|
color: #B8B8B8; }
|
|
.input-field:required {
|
|
box-shadow: none; }
|
|
|
|
.rbx-select-group:hover, .rbx-select-group:focus, .rbx-select-group.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.rbx-select-group[disabled], .rbx-select-group[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .rbx-select-group {
|
|
color: #BDBEBE; }
|
|
.dark-theme .rbx-select-group:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .rbx-select-group:active, .dark-theme .rbx-select-group.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .rbx-select-group {
|
|
color: #7B7C7D; }
|
|
.light-theme .rbx-select-group:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .rbx-select-group:active, .light-theme .rbx-select-group.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.rbx-select-group .rbx-select:hover, .rbx-select-group .rbx-select:focus, .rbx-select-group .rbx-select.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.rbx-select-group .rbx-select[disabled], .rbx-select-group .rbx-select[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .rbx-select-group .rbx-select {
|
|
color: #BDBEBE; }
|
|
.dark-theme .rbx-select-group .rbx-select:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .rbx-select-group .rbx-select:active, .dark-theme .rbx-select-group .rbx-select.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .rbx-select-group .rbx-select {
|
|
color: #7B7C7D; }
|
|
.light-theme .rbx-select-group .rbx-select:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .rbx-select-group .rbx-select:active, .light-theme .rbx-select-group .rbx-select.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.rbx-select-group .rbx-select option:hover, .rbx-select-group .rbx-select option:focus, .rbx-select-group .rbx-select option.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.rbx-select-group .rbx-select option[disabled], .rbx-select-group .rbx-select option[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .rbx-select-group .rbx-select option {
|
|
color: #BDBEBE; }
|
|
.dark-theme .rbx-select-group .rbx-select option:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .rbx-select-group .rbx-select option:active, .dark-theme .rbx-select-group .rbx-select option.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .rbx-select-group .rbx-select option {
|
|
color: #7B7C7D; }
|
|
.light-theme .rbx-select-group .rbx-select option:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .rbx-select-group .rbx-select option:active, .light-theme .rbx-select-group .rbx-select option.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.rbx-select-group {
|
|
position: relative; }
|
|
.rbx-select-group:hover {
|
|
cursor: pointer; }
|
|
.rbx-select-group:hover .icon-down {
|
|
background-position: -16px -464px; }
|
|
.rbx-select-group:hover .rbx-select {
|
|
background-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.rbx-select-group .rbx-select {
|
|
border-radius: 3px;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 105px;
|
|
width: 100%;
|
|
height: 38px;
|
|
padding: 0 8px;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
line-height: 18px;
|
|
background: url(/images/Upgrades/Purchase/icon_downarrow.svg) no-repeat scroll 98% 3px #fff; }
|
|
.rbx-select-group .rbx-select, .rbx-select-group .rbx-select:hover, .rbx-select-group .rbx-select:focus {
|
|
outline: none;
|
|
-webkit-appearance: none; }
|
|
.rbx-select-group .rbx-select::-ms-expand {
|
|
display: none; }
|
|
.rbx-select-group .rbx-select:hover {
|
|
background-color: #00A2FF;
|
|
background-image: url(/images/Upgrades/Purchase/icon_downarrow_on.svg);
|
|
color: #fff; }
|
|
.rbx-select-group .rbx-select option {
|
|
background-color: #fff;
|
|
color: #191919;
|
|
padding: 10px 12px;
|
|
white-space: nowrap;
|
|
outline: none; }
|
|
.rbx-select-group .rbx-select[disabled], .rbx-select-group .rbx-select[readonly] {
|
|
cursor: not-allowed;
|
|
background-color: #F2F2F2;
|
|
opacity: 1; }
|
|
.rbx-select-group span[class^="icon"] {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 12px; }
|
|
|
|
.select-group .select-option:hover, .select-group .select-option:focus, .select-group .select-option.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.select-group .select-option[disabled], .select-group .select-option[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .select-group .select-option {
|
|
color: #BDBEBE; }
|
|
.dark-theme .select-group .select-option:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .select-group .select-option:active, .dark-theme .select-group .select-option.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .select-group .select-option {
|
|
color: #7B7C7D; }
|
|
.light-theme .select-group .select-option:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .select-group .select-option:active, .light-theme .select-group .select-option.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.select-group .select-option option:hover, .select-group .select-option option:focus, .select-group .select-option option.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.select-group .select-option option[disabled], .select-group .select-option option[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .select-group .select-option option {
|
|
color: #BDBEBE; }
|
|
.dark-theme .select-group .select-option option:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .select-group .select-option option:active, .dark-theme .select-group .select-option option.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .select-group .select-option option {
|
|
color: #7B7C7D; }
|
|
.light-theme .select-group .select-option option:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .select-group .select-option option:active, .light-theme .select-group .select-option option.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.select-group {
|
|
position: relative; }
|
|
.select-group:hover {
|
|
background-image: none;
|
|
cursor: pointer; }
|
|
.select-group:hover .rbx-select {
|
|
background-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.select-group .select-option {
|
|
border-radius: 3px;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 105px;
|
|
width: 100%;
|
|
height: 38px;
|
|
padding: 0 8px;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
line-height: 18px;
|
|
background-image: none; }
|
|
.select-group .select-option, .select-group .select-option:hover, .select-group .select-option:focus {
|
|
outline: none;
|
|
-webkit-appearance: none; }
|
|
.select-group .select-option::-ms-expand {
|
|
display: none; }
|
|
.select-group .select-option:hover {
|
|
background-image: none;
|
|
background-color: #00A2FF;
|
|
color: #fff; }
|
|
.select-group .select-option option {
|
|
background-color: #fff;
|
|
color: #191919;
|
|
padding: 10px 12px;
|
|
white-space: nowrap;
|
|
outline: none; }
|
|
.select-group .select-option[disabled], .select-group .select-option[readonly] {
|
|
cursor: not-allowed;
|
|
color: #B8B8B8;
|
|
background-color: #F2F2F2;
|
|
opacity: 1; }
|
|
.select-group span[class^="icon"],
|
|
.select-group .icon-arrow {
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 12px; }
|
|
.select-group .icon-arrow.icon-down-16x16 {
|
|
pointer-events: none; }
|
|
|
|
/* This hides the up/down spinner buttons from number input fields */
|
|
.input-number {
|
|
-moz-appearance: textfield; }
|
|
.input-number::-webkit-outer-spin-button, .input-number::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
/* <-- Apparently some margin are still there even though it's hidden */ }
|
|
|
|
.file-upload-section .file-name-container {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 180px; }
|
|
|
|
.dark-theme .input-group .input-field {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
color: #BDBEBE; }
|
|
.dark-theme .input-group .input-field::-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.dark-theme .input-group .input-field:-ms-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-group .input-field::-webkit-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-group .input-field::placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme .input-group .input-field[disabled], .dark-theme .input-group .input-field[readonly] {
|
|
background-color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .input-group .input-field:focus {
|
|
background-color: #18191B;
|
|
border-color: #18191B; }
|
|
|
|
.dark-theme.rbx-placeholder {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
|
|
.light-theme .input-group .input-field {
|
|
background-color: #E3E5E8;
|
|
border-color: #E3E5E8;
|
|
color: rgba(123, 124, 125, 0.5); }
|
|
.light-theme .input-group .input-field::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.light-theme .input-group .input-field:-ms-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-group .input-field::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-group .input-field::placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme .input-group .input-field[disabled], .light-theme .input-group .input-field[readonly] {
|
|
background-color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .input-group .input-field:focus {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.1); }
|
|
|
|
.light-theme.rbx-placeholder {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
|
|
.input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate; }
|
|
.input-group:before, .input-group:after {
|
|
content: " ";
|
|
display: table; }
|
|
.input-group:after {
|
|
clear: both; }
|
|
.input-group .form-control {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0; }
|
|
.input-group .input-field {
|
|
position: relative;
|
|
display: table-cell;
|
|
float: left; }
|
|
.input-group .input-field:not(.last-input) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-right: 0 none; }
|
|
.input-group .input-field:focus {
|
|
border-color: #B8B8B8; }
|
|
.input-group .input-group-btn {
|
|
display: table-cell;
|
|
width: 1%; }
|
|
.input-group .input-group-btn .input-dropdown-btn {
|
|
display: inline-block;
|
|
border-radius: 0;
|
|
padding: 5px 12px; }
|
|
.input-group .input-group-btn .input-dropdown-btn span {
|
|
display: table-cell;
|
|
vertical-align: middle; }
|
|
.input-group .input-group-btn .dropdown-menu {
|
|
left: auto;
|
|
right: 38px; }
|
|
.input-group .input-group-btn:last-child .input-addon-btn {
|
|
margin-left: 0;
|
|
border-left: 0 none;
|
|
border-radius: 0 3px 3px 0; }
|
|
|
|
.input-group-addon,
|
|
.input-group-btn,
|
|
.input-group .form-control {
|
|
display: table-cell; }
|
|
.input-group-addon:not(:first-child):not(:last-child):not(.last-input),
|
|
.input-group-btn:not(:first-child):not(:last-child):not(.last-input),
|
|
.input-group .form-control:not(:first-child):not(:last-child):not(.last-input) {
|
|
border-radius: 0; }
|
|
|
|
.input-group-addon,
|
|
.input-group-btn {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle; }
|
|
|
|
.input-group-addon {
|
|
padding: 6px 12px;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: #555555;
|
|
text-align: center;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px; }
|
|
|
|
.input-group .form-control:first-child,
|
|
.input-group-addon:first-child,
|
|
.input-group-btn:first-child > .btn,
|
|
.input-group-btn:first-child > .btn-group > .btn,
|
|
.input-group-btn:first-child > .dropdown-toggle,
|
|
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
|
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0; }
|
|
|
|
.input-group-addon:first-child {
|
|
border-right: 0; }
|
|
|
|
.input-group .form-control:last-child,
|
|
.input-group-addon:last-child,
|
|
.input-group-btn:last-child > .btn,
|
|
.input-group-btn:last-child > .btn-group > .btn,
|
|
.input-group-btn:last-child > .dropdown-toggle,
|
|
.input-group-btn:first-child > .btn:not(:first-child),
|
|
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0; }
|
|
|
|
.input-group-addon:last-child {
|
|
border-left: 0; }
|
|
|
|
.dark-theme .input-group-btn .input-dropdown-btn {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 0; }
|
|
.dark-theme .input-group-btn .input-dropdown-btn:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .input-group-btn .input-dropdown-btn:hover, .dark-theme .input-group-btn .input-dropdown-btn:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .input-group-btn .input-dropdown-btn:focus {
|
|
outline: none; }
|
|
.dark-theme .input-group-btn .input-dropdown-btn:active, .dark-theme .input-group-btn .input-dropdown-btn.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .input-group-btn .input-dropdown-btn:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .input-group-btn .input-dropdown-btn.disabled, .dark-theme .input-group-btn .input-dropdown-btn.disabled:hover, .dark-theme .input-group-btn .input-dropdown-btn.disabled:focus, .dark-theme .input-group-btn .input-dropdown-btn.disabled:active, .dark-theme .input-group-btn .input-dropdown-btn.disabled.active, .dark-theme .input-group-btn .input-dropdown-btn[disabled], .dark-theme .input-group-btn .input-dropdown-btn[disabled]:hover, .dark-theme .input-group-btn .input-dropdown-btn[disabled]:focus, .dark-theme .input-group-btn .input-dropdown-btn[disabled]:active, .dark-theme .input-group-btn .input-dropdown-btn[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .input-group-btn .input-dropdown-btn:hover, .dark-theme .touch .input-group-btn .input-dropdown-btn:focus, .dark-theme .touch .input-group-btn .input-dropdown-btn:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .input-group-btn .input-dropdown-btn:active, .dark-theme .touch .input-group-btn .input-dropdown-btn.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .input-group-btn .input-dropdown-btn {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 0; }
|
|
.light-theme .input-group-btn .input-dropdown-btn:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .input-group-btn .input-dropdown-btn:hover, .light-theme .input-group-btn .input-dropdown-btn:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .input-group-btn .input-dropdown-btn:focus {
|
|
outline: none; }
|
|
.light-theme .input-group-btn .input-dropdown-btn:active, .light-theme .input-group-btn .input-dropdown-btn.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .input-group-btn .input-dropdown-btn:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .input-group-btn .input-dropdown-btn.disabled, .light-theme .input-group-btn .input-dropdown-btn.disabled:hover, .light-theme .input-group-btn .input-dropdown-btn.disabled:focus, .light-theme .input-group-btn .input-dropdown-btn.disabled:active, .light-theme .input-group-btn .input-dropdown-btn.disabled.active, .light-theme .input-group-btn .input-dropdown-btn[disabled], .light-theme .input-group-btn .input-dropdown-btn[disabled]:hover, .light-theme .input-group-btn .input-dropdown-btn[disabled]:focus, .light-theme .input-group-btn .input-dropdown-btn[disabled]:active, .light-theme .input-group-btn .input-dropdown-btn[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .input-group-btn .input-dropdown-btn:hover, .light-theme .touch .input-group-btn .input-dropdown-btn:focus, .light-theme .touch .input-group-btn .input-dropdown-btn:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .input-group-btn .input-dropdown-btn:active, .light-theme .touch .input-group-btn .input-dropdown-btn.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.dark-theme .input-group-btn .input-addon-btn {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 0; }
|
|
.dark-theme .input-group-btn .input-addon-btn:link {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .input-group-btn .input-addon-btn:hover, .dark-theme .input-group-btn .input-addon-btn:focus {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff; }
|
|
.dark-theme .input-group-btn .input-addon-btn:focus {
|
|
outline: none; }
|
|
.dark-theme .input-group-btn .input-addon-btn:active, .dark-theme .input-group-btn .input-addon-btn.active {
|
|
background-color: transparent;
|
|
color: #fff; }
|
|
.dark-theme .input-group-btn .input-addon-btn:visited {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .input-group-btn .input-addon-btn.disabled, .dark-theme .input-group-btn .input-addon-btn.disabled:hover, .dark-theme .input-group-btn .input-addon-btn.disabled:focus, .dark-theme .input-group-btn .input-addon-btn.disabled:active, .dark-theme .input-group-btn .input-addon-btn.disabled.active, .dark-theme .input-group-btn .input-addon-btn[disabled], .dark-theme .input-group-btn .input-addon-btn[disabled]:hover, .dark-theme .input-group-btn .input-addon-btn[disabled]:focus, .dark-theme .input-group-btn .input-addon-btn[disabled]:active, .dark-theme .input-group-btn .input-addon-btn[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #BDBEBE;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .input-group-btn .input-addon-btn:hover, .dark-theme .touch .input-group-btn .input-addon-btn:focus, .dark-theme .touch .input-group-btn .input-addon-btn:visited {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.dark-theme .touch .input-group-btn .input-addon-btn:active, .dark-theme .touch .input-group-btn .input-addon-btn.active {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
background-color: transparent;
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .input-group-btn .input-addon-btn {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 0; }
|
|
.light-theme .input-group-btn .input-addon-btn:link {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .input-group-btn .input-addon-btn:hover, .light-theme .input-group-btn .input-addon-btn:focus {
|
|
background-color: transparent;
|
|
border-color: #393B3D;
|
|
color: #393B3D; }
|
|
.light-theme .input-group-btn .input-addon-btn:focus {
|
|
outline: none; }
|
|
.light-theme .input-group-btn .input-addon-btn:active, .light-theme .input-group-btn .input-addon-btn.active {
|
|
background-color: transparent;
|
|
color: #393B3D; }
|
|
.light-theme .input-group-btn .input-addon-btn:visited {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .input-group-btn .input-addon-btn.disabled, .light-theme .input-group-btn .input-addon-btn.disabled:hover, .light-theme .input-group-btn .input-addon-btn.disabled:focus, .light-theme .input-group-btn .input-addon-btn.disabled:active, .light-theme .input-group-btn .input-addon-btn.disabled.active, .light-theme .input-group-btn .input-addon-btn[disabled], .light-theme .input-group-btn .input-addon-btn[disabled]:hover, .light-theme .input-group-btn .input-addon-btn[disabled]:focus, .light-theme .input-group-btn .input-addon-btn[disabled]:active, .light-theme .input-group-btn .input-addon-btn[disabled].active {
|
|
background-color: transparent;
|
|
border-color: #7B7C7D;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .input-group-btn .input-addon-btn:hover, .light-theme .touch .input-group-btn .input-addon-btn:focus, .light-theme .touch .input-group-btn .input-addon-btn:visited {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.light-theme .touch .input-group-btn .input-addon-btn:active, .light-theme .touch .input-group-btn .input-addon-btn.active {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: transparent;
|
|
border-color: #7B7C7D; }
|
|
|
|
.input-group-btn .dropdown-menu li a:hover, .input-group-btn .dropdown-menu li a:focus, .input-group-btn .dropdown-menu li a.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.input-group-btn .dropdown-menu li a[disabled], .input-group-btn .dropdown-menu li a[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .input-group-btn .dropdown-menu li a {
|
|
color: #BDBEBE; }
|
|
.dark-theme .input-group-btn .dropdown-menu li a:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .input-group-btn .dropdown-menu li a:active, .dark-theme .input-group-btn .dropdown-menu li a.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .input-group-btn .dropdown-menu li a {
|
|
color: #7B7C7D; }
|
|
.light-theme .input-group-btn .dropdown-menu li a:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .input-group-btn .dropdown-menu li a:active, .light-theme .input-group-btn .dropdown-menu li a.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.input-group-btn {
|
|
position: relative;
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
display: block;
|
|
line-height: 18px;
|
|
padding: 0;
|
|
width: 100%; }
|
|
.input-group-btn .input-addon-btn {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
border-left-color: transparent;
|
|
height: 38px;
|
|
padding: 0; }
|
|
.input-group-btn .input-addon-btn:link {
|
|
color: #191919; }
|
|
.input-group-btn .input-addon-btn:hover, .input-group-btn .input-addon-btn:focus {
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer; }
|
|
.input-group-btn .input-addon-btn:active, .input-group-btn .input-addon-btn.active {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.input-group-btn .input-addon-btn:active:focus, .input-group-btn .input-addon-btn.active:focus {
|
|
outline: 0 none; }
|
|
.input-group-btn .input-addon-btn:visited {
|
|
color: #191919; }
|
|
.input-group-btn .input-addon-btn:visited:focus {
|
|
outline: 0 none; }
|
|
.input-group-btn .input-addon-btn.disabled, .input-group-btn .input-addon-btn.disabled:hover, .input-group-btn .input-addon-btn.disabled:focus, .input-group-btn .input-addon-btn.disabled:active, .input-group-btn .input-addon-btn.disabled.active, .input-group-btn .input-addon-btn[disabled], .input-group-btn .input-addon-btn[disabled]:hover, .input-group-btn .input-addon-btn[disabled]:focus, .input-group-btn .input-addon-btn[disabled]:active, .input-group-btn .input-addon-btn[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
.input-group-btn .input-addon-btn:hover, .input-group-btn .input-addon-btn:focus {
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
border-left: 0;
|
|
outline: 0 none;
|
|
outline-offset: 0; }
|
|
.input-group-btn .dropdown-menu {
|
|
max-height: 266px; }
|
|
.input-group-btn .dropdown-menu li {
|
|
padding: 0; }
|
|
.input-group-btn .dropdown-menu li:hover {
|
|
box-shadow: 0 none; }
|
|
.input-group-btn .dropdown-menu li a {
|
|
padding: 10px 12px;
|
|
display: block; }
|
|
.input-group-btn .dropdown-menu li a:hover, .input-group-btn .dropdown-menu li a:focus {
|
|
background-color: #F2F2F2; }
|
|
.input-group-btn .dropdown-menu li a:hover, .input-group-btn .dropdown-menu li a:focus, .input-group-btn .dropdown-menu li a.active {
|
|
box-shadow: 4px 0 0 0 #00A2FF inset;
|
|
cursor: pointer;
|
|
outline: 0 none;
|
|
border: 0 none; }
|
|
.input-group-btn .input-dropdown-btn {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #191919;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
height: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px 12px;
|
|
margin: 0;
|
|
line-height: 18px;
|
|
display: block;
|
|
width: 100%; }
|
|
.input-group-btn .input-dropdown-btn:link {
|
|
color: #191919; }
|
|
.input-group-btn .input-dropdown-btn:hover, .input-group-btn .input-dropdown-btn:focus {
|
|
background-color: #00A2FF;
|
|
border-color: #00A2FF;
|
|
color: #fff;
|
|
cursor: pointer; }
|
|
.input-group-btn .input-dropdown-btn:active, .input-group-btn .input-dropdown-btn.active {
|
|
background-color: #00A2FF;
|
|
color: #fff; }
|
|
.input-group-btn .input-dropdown-btn:active:focus, .input-group-btn .input-dropdown-btn.active:focus {
|
|
outline: 0 none; }
|
|
.input-group-btn .input-dropdown-btn:visited {
|
|
color: #fff; }
|
|
.input-group-btn .input-dropdown-btn:visited:focus {
|
|
outline: 0 none; }
|
|
.input-group-btn .input-dropdown-btn.disabled, .input-group-btn .input-dropdown-btn.disabled:hover, .input-group-btn .input-dropdown-btn.disabled:focus, .input-group-btn .input-dropdown-btn.disabled:active, .input-group-btn .input-dropdown-btn.disabled.active, .input-group-btn .input-dropdown-btn[disabled], .input-group-btn .input-dropdown-btn[disabled]:hover, .input-group-btn .input-dropdown-btn[disabled]:focus, .input-group-btn .input-dropdown-btn[disabled]:active, .input-group-btn .input-dropdown-btn[disabled].active {
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
border-color: #B8B8B8;
|
|
color: #B8B8B8;
|
|
cursor: default; }
|
|
.input-group-btn .input-dropdown-btn:hover, .input-group-btn .input-dropdown-btn:focus {
|
|
box-shadow: none; }
|
|
.input-group-btn .input-dropdown-btn:hover .icon-down, .input-group-btn .input-dropdown-btn:focus .icon-down {
|
|
background-position: -16px -464px; }
|
|
.input-group-btn .input-dropdown-btn .rbx-selection-label {
|
|
float: left;
|
|
text-align: left;
|
|
font-size: 16px;
|
|
line-height: 26px; }
|
|
.input-group-btn .input-dropdown-btn span {
|
|
display: inline-block; }
|
|
.input-group-btn .input-dropdown-btn span[class^="icon"] {
|
|
float: right;
|
|
margin-top: 5px; }
|
|
|
|
/* TODO: Move to Roblox.SocialLinks.WebApp SOC-5018 */
|
|
.modal {
|
|
text-align: center; }
|
|
.modal:before {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: " ";
|
|
height: 100%; }
|
|
@media (max-width: 767px) {
|
|
.modal {
|
|
padding: 12px; } }
|
|
|
|
.modal-confirmation {
|
|
display: none; }
|
|
|
|
.modal-open-noscroll {
|
|
overflow: auto; }
|
|
|
|
.modal-dialog .modal-content {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.modal-dialog .modal-content,
|
|
.dark-theme .modal-dialog .modal-content {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.modal-dialog .modal-content.remove-panel,
|
|
.dark-theme .modal-dialog .modal-content.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.modal-dialog .modal-content,
|
|
.light-theme .modal-dialog .modal-content {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.modal-dialog .modal-content.remove-panel,
|
|
.light-theme .modal-dialog .modal-content.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.modal-dialog {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
width: 400px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin: 0; }
|
|
@media (max-width: 767px) {
|
|
.modal-dialog {
|
|
min-width: 296px;
|
|
width: 100%; } }
|
|
.modal-dialog .modal-content {
|
|
border-radius: 0; }
|
|
.modal-dialog .modal-content .modal-header {
|
|
text-align: left;
|
|
padding: 12px;
|
|
border-bottom: 1px solid #E3E3E3; }
|
|
.modal-dialog .modal-content .modal-header .icon-close {
|
|
background-position: 0px -588px;
|
|
background-size: 56px auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
vertical-align: top; }
|
|
.modal-dialog .modal-content .modal-header .modal-title span {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right: 6px; }
|
|
.modal-dialog .modal-content .modal-header .modal-title h4,
|
|
.modal-dialog .modal-content .modal-header .modal-title h5 {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0; }
|
|
.modal-dialog .modal-content .modal-header .close {
|
|
margin: 0; }
|
|
.modal-dialog .modal-content .modal-header .close:focus {
|
|
outline: none; }
|
|
.modal-dialog .modal-content .modal-body {
|
|
text-align: left;
|
|
padding: 12px; }
|
|
.modal-dialog .modal-content .modal-body .modal-image-container {
|
|
text-align: center;
|
|
min-height: 174px; }
|
|
.modal-dialog .modal-content .modal-body .modal-thumb {
|
|
width: auto;
|
|
height: 150px;
|
|
margin: 12px auto; }
|
|
@media (max-width: 767px) {
|
|
.modal-dialog .modal-content .modal-body .modal-thumb {
|
|
width: auto;
|
|
height: 126px; } }
|
|
.modal-dialog .modal-content .modal-body p {
|
|
white-space: pre-line;
|
|
line-height: 1.5em; }
|
|
@media (max-width: 767px) {
|
|
.modal-dialog .modal-content .modal-body p {
|
|
font-size: 14px;
|
|
font-weight: 400; } }
|
|
.modal-dialog .modal-content .modal-body .modal-list-item {
|
|
margin: 0 0 12px 0; }
|
|
.modal-dialog .modal-content .modal-body .modal-list-item .form-group {
|
|
display: inline-block; }
|
|
.modal-dialog .modal-content .modal-body .modal-btns {
|
|
text-align: center;
|
|
margin: 6px 0 0; }
|
|
.modal-dialog .modal-content .modal-body .modal-btns a {
|
|
min-width: 90px;
|
|
margin: 0 5px; }
|
|
.modal-dialog .modal-content .modal-body .modal-processing {
|
|
display: none; }
|
|
.modal-dialog .modal-content .modal-buttons .modal-button {
|
|
min-width: 90px;
|
|
margin: 0 6px;
|
|
display: inline-block; }
|
|
.modal-dialog .modal-content .modal-buttons,
|
|
.modal-dialog .modal-content .modal-footer {
|
|
border-top: 0 none;
|
|
text-align: center;
|
|
margin: 0 12px 12px;
|
|
padding: 0; }
|
|
.modal-dialog .modal-content .modal-buttons:before, .modal-dialog .modal-content .modal-buttons:after,
|
|
.modal-dialog .modal-content .modal-footer:before,
|
|
.modal-dialog .modal-content .modal-footer:after {
|
|
content: " ";
|
|
display: table; }
|
|
.modal-dialog .modal-content .modal-buttons:after,
|
|
.modal-dialog .modal-content .modal-footer:after {
|
|
clear: both; }
|
|
.modal-dialog .modal-content .modal-buttons span[class^="icon"],
|
|
.modal-dialog .modal-content .modal-footer span[class^="icon"] {
|
|
vertical-align: top; }
|
|
.modal-dialog .modal-content .modal-footer-note {
|
|
border-top: 1px solid #B8B8B8;
|
|
color: #B8B8B8;
|
|
margin: 12px auto 0;
|
|
padding: 5px;
|
|
text-align: center; }
|
|
|
|
.modal-md {
|
|
width: 600px; }
|
|
|
|
@media (max-width: 767px) {
|
|
.modal-mask {
|
|
overflow: hidden; } }
|
|
|
|
.noImage .modal-image-container {
|
|
display: none; }
|
|
|
|
.modal-dialog-lg {
|
|
width: 970px; }
|
|
@media (max-width: 767px) {
|
|
.modal-dialog-lg {
|
|
width: 100%; } }
|
|
|
|
.modal-col-3:before, .modal-col-3:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.modal-col-3:after {
|
|
clear: both; }
|
|
|
|
.modal-col-3 h1 {
|
|
color: #00A2FF; }
|
|
|
|
.modal-col-3 li {
|
|
float: left;
|
|
padding: 0 12px;
|
|
width: 33.33333%;
|
|
text-align: left; }
|
|
.modal-col-3 li:first-child {
|
|
padding-left: 0; }
|
|
.modal-col-3 li:last-child {
|
|
border-right: 0 none;
|
|
padding-right: 0; }
|
|
@media (max-width: 991px) {
|
|
.modal-col-3 li img {
|
|
width: 70%;
|
|
width: calc(100% - 24px);
|
|
margin: 0 auto; } }
|
|
.modal-col-3 li .btn-primary-lg {
|
|
margin: 12px auto 0; }
|
|
|
|
.close {
|
|
opacity: 0.2;
|
|
filter: alpha(opacity=20);
|
|
float: right; }
|
|
.close:hover, .close:focus {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
text-decoration: none;
|
|
cursor: pointer; }
|
|
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none; }
|
|
|
|
@-webkit-keyframes slideDown {
|
|
0%, 100% {
|
|
-webkit-transform: translateY(-48px); }
|
|
10%, 90% {
|
|
-webkit-transform: translateY(0px); } }
|
|
|
|
@-moz-keyframes slideDown {
|
|
0%, 100% {
|
|
-moz-transform: translateY(-48px); }
|
|
10%, 90% {
|
|
-moz-transform: translateY(0px); } }
|
|
|
|
@-ms-keyframes slideDown {
|
|
0%, 100% {
|
|
transform: translateY(-48px); }
|
|
10%, 90% {
|
|
transform: translateY(0px); } }
|
|
|
|
@keyframes slideDown {
|
|
0%, 100% {
|
|
transform: translateY(-48px); }
|
|
10%, 90% {
|
|
transform: translateY(0px); } }
|
|
|
|
.notification-blue {
|
|
background-color: #00A2FF;
|
|
border-radius: 12px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 3px 5px;
|
|
min-width: 24px; }
|
|
|
|
.notification-red {
|
|
background-color: #E2231A;
|
|
border-radius: 12px;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
padding: 1px 6px;
|
|
min-width: 18px;
|
|
text-align: center; }
|
|
@media (max-width: 767px) {
|
|
.notification-red {
|
|
font-size: 10px;
|
|
padding: 2px 4px;
|
|
border-radius: 50%; } }
|
|
|
|
.alert-cookie-notice {
|
|
background-color: #757575;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 1em;
|
|
padding: 12px;
|
|
display: none; }
|
|
.alert-cookie-notice a,
|
|
.alert-cookie-notice .alert-link {
|
|
color: #fff; }
|
|
.alert-cookie-notice a:link, .alert-cookie-notice a:visited, .alert-cookie-notice a:hover, .alert-cookie-notice a:focus, .alert-cookie-notice a:active,
|
|
.alert-cookie-notice .alert-link:link,
|
|
.alert-cookie-notice .alert-link:visited,
|
|
.alert-cookie-notice .alert-link:hover,
|
|
.alert-cookie-notice .alert-link:focus,
|
|
.alert-cookie-notice .alert-link:active {
|
|
color: #fff; }
|
|
.alert-cookie-notice .icon-close-white {
|
|
background-position: 0px -880px;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
background-size: 40px auto;
|
|
float: right;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.alert-cookie-notice .icon-close-white:hover {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
cursor: pointer; }
|
|
|
|
.alert-info {
|
|
background-color: #F68802;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 1em;
|
|
padding: 12px 0; }
|
|
.alert-info a,
|
|
.alert-info .alert-link {
|
|
color: #fff; }
|
|
.alert-info a:link, .alert-info a:visited, .alert-info a:hover, .alert-info a:focus, .alert-info a:active,
|
|
.alert-info .alert-link:link,
|
|
.alert-info .alert-link:visited,
|
|
.alert-info .alert-link:hover,
|
|
.alert-info .alert-link:focus,
|
|
.alert-info .alert-link:active {
|
|
color: #fff; }
|
|
.alert-info a:link, .alert-info a:visited, .alert-info a:hover, .alert-info a:active,
|
|
.alert-info .alert-link:link,
|
|
.alert-info .alert-link:visited,
|
|
.alert-info .alert-link:hover,
|
|
.alert-info .alert-link:active {
|
|
font-weight: 600; }
|
|
|
|
.alert-system-feedback {
|
|
position: relative;
|
|
width: 100%; }
|
|
.alert-system-feedback:before, .alert-system-feedback:after {
|
|
content: " ";
|
|
display: table; }
|
|
.alert-system-feedback:after {
|
|
clear: both; }
|
|
.alert-system-feedback .alert {
|
|
-webkit-transition: top 0.2s ease;
|
|
-o-transition: top 0.2s ease;
|
|
transition: top 0.2s ease;
|
|
position: fixed;
|
|
top: -13px;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 970px;
|
|
right: 0;
|
|
z-index: 1029; }
|
|
.alert-system-feedback .alert.on {
|
|
top: 40px; }
|
|
@media (max-width: 991px) {
|
|
.alert-system-feedback .alert.on {
|
|
top: 80px; } }
|
|
.alert-system-feedback .alert-content {
|
|
width: 90%;
|
|
width: calc(100% - 30px);
|
|
float: left;
|
|
display: inline-block; }
|
|
.alert-system-feedback .icon-close-white {
|
|
background-position: 0px -880px;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
background-size: 40px auto;
|
|
float: right;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: auto 0 auto auto; }
|
|
.alert-system-feedback .icon-close-white:hover {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
cursor: pointer; }
|
|
|
|
.alert-loading {
|
|
background-color: #B8B8B8;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #F2F2F2;
|
|
font-size: 18px;
|
|
height: 48px;
|
|
line-height: 1em;
|
|
padding: 15px; }
|
|
.alert-loading a,
|
|
.alert-loading .alert-link {
|
|
color: #F2F2F2; }
|
|
.alert-loading a:link, .alert-loading a:visited, .alert-loading a:hover, .alert-loading a:focus, .alert-loading a:active,
|
|
.alert-loading .alert-link:link,
|
|
.alert-loading .alert-link:visited,
|
|
.alert-loading .alert-link:hover,
|
|
.alert-loading .alert-link:focus,
|
|
.alert-loading .alert-link:active {
|
|
color: #F2F2F2; }
|
|
|
|
.alert-success {
|
|
background-color: #02b757;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
height: 48px;
|
|
line-height: 1em;
|
|
padding: 15px; }
|
|
.alert-success a,
|
|
.alert-success .alert-link {
|
|
color: #fff; }
|
|
.alert-success a:link, .alert-success a:visited, .alert-success a:hover, .alert-success a:focus, .alert-success a:active,
|
|
.alert-success .alert-link:link,
|
|
.alert-success .alert-link:visited,
|
|
.alert-success .alert-link:hover,
|
|
.alert-success .alert-link:focus,
|
|
.alert-success .alert-link:active {
|
|
color: #fff; }
|
|
|
|
.alert-warning {
|
|
background-color: #D86868;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 1em;
|
|
padding: 15px; }
|
|
.alert-warning a,
|
|
.alert-warning .alert-link {
|
|
color: #fff; }
|
|
.alert-warning a:link, .alert-warning a:visited, .alert-warning a:hover, .alert-warning a:focus, .alert-warning a:active,
|
|
.alert-warning .alert-link:link,
|
|
.alert-warning .alert-link:visited,
|
|
.alert-warning .alert-link:hover,
|
|
.alert-warning .alert-link:focus,
|
|
.alert-warning .alert-link:active {
|
|
color: #fff; }
|
|
@media (max-width: 767px) {
|
|
.alert-warning {
|
|
height: auto; } }
|
|
|
|
.message-banner {
|
|
background-color: #B8B8B8;
|
|
color: #757575;
|
|
padding: 15px;
|
|
text-align: center; }
|
|
@media (max-width: 767px) {
|
|
.message-banner {
|
|
padding: 12px; } }
|
|
|
|
.no-header-nav .alert-system-feedback .alert {
|
|
top: -48px; }
|
|
.no-header-nav .alert-system-feedback .alert.on {
|
|
top: 0px; }
|
|
|
|
.loading {
|
|
text-align: center; }
|
|
|
|
.loading-default {
|
|
height: 24px; }
|
|
|
|
.spinner {
|
|
background-image: url("/images/shared/loading.gif");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent;
|
|
margin: 6px auto;
|
|
display: inline-block;
|
|
width: 100%; }
|
|
.spinner.spinner-block {
|
|
display: block; }
|
|
|
|
.spinner-default {
|
|
height: 24px;
|
|
background-size: auto 24px; }
|
|
|
|
.spinner-sm {
|
|
height: 16px;
|
|
background-size: auto 16px; }
|
|
|
|
.spinner-no-margin {
|
|
margin: 0 auto; }
|
|
|
|
.loading-animated {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 75px;
|
|
position: relative; }
|
|
.loading-animated:before {
|
|
content: "";
|
|
display: block;
|
|
padding-top: 32%;
|
|
/* initial ratio of 150px to 48px*/ }
|
|
.loading-animated > div {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0; }
|
|
.loading-animated > div > div {
|
|
background: #B8B8B8;
|
|
width: 16%;
|
|
height: 50%;
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
animation: loaderAnimation 1.8s infinite;
|
|
transition-timing-function: ease-in-out; }
|
|
.loading-animated > div > div:not(:first-child) {
|
|
margin-left: 26%; }
|
|
.loading-animated > div > div:nth-child(1) {
|
|
animation-delay: 0s; }
|
|
.loading-animated > div > div:nth-child(2) {
|
|
animation-delay: 0.6s; }
|
|
.loading-animated > div > div:nth-child(3) {
|
|
animation-delay: 1.2s; }
|
|
|
|
@keyframes loaderAnimation {
|
|
0%, 33% {
|
|
background: #B8B8B8;
|
|
height: 50%; }
|
|
16.5% {
|
|
background: #00A2FF;
|
|
height: 75%; } }
|
|
|
|
.breadcrumb-container:before, .breadcrumb-container:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.breadcrumb-container:after {
|
|
clear: both; }
|
|
|
|
.breadcrumb-container li {
|
|
float: left; }
|
|
.breadcrumb-container li span[class^='icon-'] {
|
|
margin: 0 3px 0 0; }
|
|
.breadcrumb-container li.breadcrumb-filter {
|
|
background-color: #00A2FF;
|
|
border-radius: 10px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1em;
|
|
padding: 2px 6px;
|
|
margin: 3px 3px 0; }
|
|
.breadcrumb-container li.breadcrumb-filter:hover {
|
|
background-color: #32B5FF;
|
|
cursor: pointer; }
|
|
.breadcrumb-container li.breadcrumb-filter span[class^='icon-'] {
|
|
vertical-align: top; }
|
|
.breadcrumb-container li .breadcrumb-filter-name {
|
|
color: #fff; }
|
|
.breadcrumb-container li .icon-close-white {
|
|
background-position: 0px -528px;
|
|
background-size: 24px auto;
|
|
height: 12px;
|
|
width: 12px; }
|
|
.breadcrumb-container li .icon-robux-white {
|
|
background-position: 0px -84px;
|
|
background-size: 24px auto;
|
|
height: 12px;
|
|
width: 12px; }
|
|
.breadcrumb-container li .breadcrumb-link {
|
|
font-weight: 500; }
|
|
|
|
.pager {
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
list-style: none;
|
|
text-align: center; }
|
|
.pager:before, .pager:after {
|
|
content: " ";
|
|
display: table; }
|
|
.pager:after {
|
|
clear: both; }
|
|
.pager li {
|
|
float: left; }
|
|
.pager li a {
|
|
margin: 0 9px 0 0;
|
|
height: 32px;
|
|
width: 32px;
|
|
color: #191919;
|
|
padding: 3px 0 0 0;
|
|
text-align: center; }
|
|
.pager li span {
|
|
border: 0 none;
|
|
padding: 5px 5px 0 0;
|
|
display: inline-block; }
|
|
.pager .first,
|
|
.pager .last,
|
|
.pager .pager-prev,
|
|
.pager .pager-next {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none; }
|
|
.pager .first a,
|
|
.pager .last a,
|
|
.pager .pager-prev a,
|
|
.pager .pager-next a {
|
|
margin-left: 0;
|
|
background-color: #fff;
|
|
border: 1px solid #B8B8B8;
|
|
border-radius: 3px;
|
|
display: inline-block; }
|
|
.pager .first a:hover,
|
|
.pager .last a:hover,
|
|
.pager .pager-prev a:hover,
|
|
.pager .pager-next a:hover {
|
|
background-color: #F2F2F2; }
|
|
.pager .first a:hover span,
|
|
.pager .last a:hover span,
|
|
.pager .pager-prev a:hover span,
|
|
.pager .pager-next a:hover span {
|
|
background-color: #F2F2F2; }
|
|
.pager .first a span,
|
|
.pager .last a span,
|
|
.pager .pager-prev a span,
|
|
.pager .pager-next a span {
|
|
background-color: #fff;
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.pager .pager-cur a {
|
|
border: 0 none; }
|
|
.pager .first span {
|
|
background-position: 0px -820px; }
|
|
.pager .last span {
|
|
background-position: 0px -800px; }
|
|
.pager .pager-prev span {
|
|
background-position: 0px -300px; }
|
|
.pager .pager-next span {
|
|
background-position: 0px -280px; }
|
|
.pager .pager-cur a {
|
|
border: 1px solid #B8B8B8; }
|
|
.pager .pager-total a:hover {
|
|
border: 0 none; }
|
|
.pager .disabled > a,
|
|
.pager .disabled > a:hover,
|
|
.pager .disabled > a:focus {
|
|
cursor: default;
|
|
background-color: #F2F2F2;
|
|
border: 1px solid #E3E3E3; }
|
|
.pager .disabled > a span,
|
|
.pager .disabled > a:hover span,
|
|
.pager .disabled > a:focus span {
|
|
background-color: #F2F2F2; }
|
|
.pager .disabled > a .icon-left,
|
|
.pager .disabled > a:hover .icon-left,
|
|
.pager .disabled > a:focus .icon-left {
|
|
background-position: 0px -960px; }
|
|
.pager .disabled > a .icon-right,
|
|
.pager .disabled > a:hover .icon-right,
|
|
.pager .disabled > a:focus .icon-right {
|
|
background-position: 0px -940px; }
|
|
.pager .disabled > a .icon-first-page,
|
|
.pager .disabled > a:hover .icon-first-page,
|
|
.pager .disabled > a:focus .icon-first-page {
|
|
background-position: 0px -1000px; }
|
|
.pager .disabled > a .icon-last-page,
|
|
.pager .disabled > a:hover .icon-last-page,
|
|
.pager .disabled > a:focus .icon-last-page {
|
|
background-position: 0px -980px; }
|
|
|
|
.pager-holder {
|
|
text-align: center;
|
|
width: 100%; }
|
|
.pager-holder:before, .pager-holder:after {
|
|
content: " ";
|
|
display: table; }
|
|
.pager-holder:after {
|
|
clear: both; }
|
|
.pager-holder .pager {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
width: auto; }
|
|
|
|
.popover {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.popover,
|
|
.dark-theme .popover {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.popover.remove-panel,
|
|
.dark-theme .popover.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.popover,
|
|
.light-theme .popover {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.popover.remove-panel,
|
|
.light-theme .popover.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.popover {
|
|
-webkit-box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.3);
|
|
box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.3);
|
|
background-clip: padding-box;
|
|
border-radius: 4px;
|
|
border: 0 none;
|
|
display: none;
|
|
max-width: 276px;
|
|
text-align: left;
|
|
padding: 0;
|
|
position: absolute;
|
|
white-space: normal;
|
|
z-index: 1060; }
|
|
.popover.top {
|
|
margin-top: -6px; }
|
|
.popover.right {
|
|
margin-left: 6px; }
|
|
.popover.bottom {
|
|
margin-top: 6px; }
|
|
.popover.left {
|
|
margin-left: -6px; }
|
|
|
|
.popover-content {
|
|
padding: 0; }
|
|
.popover-content .dropdown-menu {
|
|
display: block;
|
|
position: relative;
|
|
border: 0 none; }
|
|
.popover-content .dropdown-menu li {
|
|
width: auto; }
|
|
.popover-content .dropdown-menu li a {
|
|
display: block;
|
|
color: #191919; }
|
|
|
|
.popover > .arrow, .popover > .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid; }
|
|
|
|
.popover > .arrow {
|
|
border-width: 7px; }
|
|
|
|
.popover > .arrow:after {
|
|
border-width: 6px;
|
|
content: ""; }
|
|
|
|
.popover.top > .arrow {
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff;
|
|
bottom: -7px; }
|
|
.popover.top > .arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -6px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff; }
|
|
|
|
.popover.right > .arrow {
|
|
top: 50%;
|
|
left: -7px;
|
|
margin-top: -7px;
|
|
border-left-width: 0;
|
|
border-right-color: #fff; }
|
|
.popover.right > .arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -6px;
|
|
border-left-width: 0;
|
|
border-right-color: #fff; }
|
|
|
|
.popover.bottom > .arrow {
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff;
|
|
top: -7px;
|
|
z-index: 1060; }
|
|
.popover.bottom > .arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -6px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff; }
|
|
|
|
.popover.left > .arrow {
|
|
top: 50%;
|
|
right: -7px;
|
|
margin-top: -7px;
|
|
border-right-width: 0;
|
|
border-left-color: #999999;
|
|
border-left-color: rgba(0, 0, 0, 0.25); }
|
|
.popover.left > .arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #fff;
|
|
bottom: -6px; }
|
|
|
|
.rbx-popover-content {
|
|
display: none; }
|
|
|
|
.rbx-menu-item {
|
|
display: inline; }
|
|
|
|
.roblox-popover-content .arrow, .roblox-popover-content .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid; }
|
|
|
|
.roblox-popover-content .arrow {
|
|
border-width: 7px; }
|
|
|
|
.roblox-popover-content .arrow:after {
|
|
border-width: 6px;
|
|
content: ""; }
|
|
|
|
.roblox-popover-content.top .roblox-popover-container {
|
|
bottom: 35px; }
|
|
|
|
.roblox-popover-content.top .arrow {
|
|
margin-left: -7px;
|
|
border-bottom-width: 0;
|
|
border-top-color: rgba(25, 25, 25, 0.1);
|
|
bottom: -7px; }
|
|
.roblox-popover-content.top .arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -6px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff; }
|
|
|
|
.roblox-popover-content.bottom .roblox-popover-container {
|
|
top: 7px; }
|
|
|
|
.roblox-popover-content.bottom .arrow {
|
|
margin-left: -7px;
|
|
border-top-width: 0;
|
|
border-bottom-color: rgba(25, 25, 25, 0.1);
|
|
top: -7px;
|
|
z-index: 1060; }
|
|
.roblox-popover-content.bottom .arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -6px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff; }
|
|
|
|
.roblox-popover-content {
|
|
position: relative; }
|
|
|
|
.roblox-popover-container {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.roblox-popover-container,
|
|
.dark-theme .roblox-popover-container {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.roblox-popover-container.remove-panel,
|
|
.dark-theme .roblox-popover-container.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.roblox-popover-container,
|
|
.light-theme .roblox-popover-container {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.roblox-popover-container.remove-panel,
|
|
.light-theme .roblox-popover-container.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.roblox-popover-container {
|
|
box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.3);
|
|
position: absolute;
|
|
z-index: 1060; }
|
|
|
|
.popover-body {
|
|
padding: 9px 12px; }
|
|
|
|
.popover-list .popover-item {
|
|
padding: 9px 0 0 12px;
|
|
line-height: 1.5em; }
|
|
.popover-list .popover-item:hover {
|
|
background-color: #F2F2F2; }
|
|
.popover-list .popover-item .popover-item-icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 40px auto; }
|
|
.popover-list .popover-item .popover-item-content {
|
|
width: 80%;
|
|
width: calc(100% - 20px);
|
|
border-bottom: 1px solid #F2F2F2;
|
|
padding: 0 12px 9px 0;
|
|
display: inline-block; }
|
|
|
|
.dropdown {
|
|
position: relative; }
|
|
|
|
.dropdown-menu {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.dropdown-menu,
|
|
.dark-theme .dropdown-menu {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.dropdown-menu.remove-panel,
|
|
.dark-theme .dropdown-menu.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.dropdown-menu,
|
|
.light-theme .dropdown-menu {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.dropdown-menu.remove-panel,
|
|
.light-theme .dropdown-menu.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.open .dropdown-menu {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.open .dropdown-menu,
|
|
.dark-theme .open .dropdown-menu {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.open .dropdown-menu.remove-panel,
|
|
.dark-theme .open .dropdown-menu.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.open .dropdown-menu,
|
|
.light-theme .open .dropdown-menu {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.open .dropdown-menu.remove-panel,
|
|
.light-theme .open .dropdown-menu.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.dropdown-menu li:hover, .dropdown-menu li:focus, .dropdown-menu li.active {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.dropdown-menu li[disabled], .dropdown-menu li[readonly] {
|
|
box-shadow: none; }
|
|
|
|
.dark-theme .dropdown-menu li {
|
|
color: #BDBEBE; }
|
|
.dark-theme .dropdown-menu li:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .dropdown-menu li:active, .dark-theme .dropdown-menu li.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .dropdown-menu li {
|
|
color: #7B7C7D; }
|
|
.light-theme .dropdown-menu li:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .dropdown-menu li:active, .light-theme .dropdown-menu li.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.dropdown-menu {
|
|
border-radius: 4px;
|
|
background-clip: padding-box;
|
|
box-shadow: 0 -5px 20px rgba(25, 25, 25, 0.15);
|
|
float: left;
|
|
font-size: 16px;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
min-width: 105px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
top: 100%;
|
|
left: 0;
|
|
display: none;
|
|
list-style: none;
|
|
text-align: left;
|
|
z-index: 1020; }
|
|
.dropdown-menu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
padding: 0 6px; }
|
|
.dropdown-menu li:hover {
|
|
cursor: pointer; }
|
|
.dropdown-menu li.rbx-divider {
|
|
padding: 0;
|
|
margin: 9px 0; }
|
|
.dropdown-menu li a {
|
|
clear: both;
|
|
display: block;
|
|
line-height: 1.42857;
|
|
padding: 10px 6px;
|
|
white-space: nowrap; }
|
|
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
|
|
text-decoration: none; }
|
|
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
|
|
text-decoration: none;
|
|
outline: 0; }
|
|
|
|
.rbx-divider {
|
|
height: 1px;
|
|
background-color: #B8B8B8;
|
|
overflow: hidden; }
|
|
|
|
.open .input-dropdown-btn {
|
|
background-color: #00A2FF;
|
|
color: #fff; }
|
|
.open .input-dropdown-btn .icon-down {
|
|
background-position: -16px -464px; }
|
|
|
|
.open .dropdown-menu {
|
|
display: block; }
|
|
|
|
.open .dropdown-backdrop {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 1010; }
|
|
|
|
.radio {
|
|
padding-left: 20px; }
|
|
.radio label {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-left: 5px;
|
|
line-height: 1em; }
|
|
@media (max-width: 767px) {
|
|
.radio label {
|
|
line-height: 1.5em; } }
|
|
.radio label::before {
|
|
content: "";
|
|
display: inline-block;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
left: 0;
|
|
margin-left: -16px;
|
|
border: 1px solid #B8B8B8;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
cursor: pointer; }
|
|
@media (max-width: 767px) {
|
|
.radio label::before {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-left: -24px; } }
|
|
.radio label:hover::before {
|
|
border: 1px solid #00A2FF; }
|
|
.radio label::after {
|
|
display: inline-block;
|
|
position: absolute;
|
|
content: " ";
|
|
width: 10px;
|
|
height: 10px;
|
|
left: 3px;
|
|
top: 3px;
|
|
margin-left: -16px;
|
|
border-radius: 50%;
|
|
background-color: #B8B8B8;
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
-o-transform: scale(0, 0);
|
|
transform: scale(0, 0); }
|
|
@media (max-width: 767px) {
|
|
.radio label::after {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-left: -24px;
|
|
left: 4px;
|
|
top: 4px; } }
|
|
.radio label:disabled::before {
|
|
border: 1px solid #E3E3E3;
|
|
background-color: #F2F2F2;
|
|
cursor: default; }
|
|
.radio label:disabled::after {
|
|
background-color: #F2F2F2; }
|
|
.radio input[type="radio"] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
left: -9999px; }
|
|
.radio input[type="radio"] + label {
|
|
cursor: pointer; }
|
|
.radio input[type="radio"]:checked + label::after {
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1); }
|
|
.radio input[type="radio"]:disabled + label {
|
|
opacity: 0.65; }
|
|
.radio input[type="radio"]:disabled + label::before {
|
|
cursor: not-allowed; }
|
|
.radio.radio-inline {
|
|
margin-top: 0; }
|
|
|
|
.radio input[type="radio"] + label::after {
|
|
background-color: #00A2FF; }
|
|
|
|
.radio input[type="radio"]:checked + label::after {
|
|
background-color: #00A2FF; }
|
|
|
|
.radio input[type="radio"]:focus + label::before {
|
|
border: 1px solid #00A2FF; }
|
|
|
|
.rbx-scrollbar-dragger, .rbx-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
|
|
background-color: rgba(25, 25, 25, 0.3);
|
|
width: 6px;
|
|
border-radius: 3px;
|
|
margin: 0 0 0 6px; }
|
|
|
|
.rbx-scrollbar-dragger-hover, .rbx-scrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
|
|
.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .rbx-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .rbx-scrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
|
|
background-color: rgba(25, 25, 25, 0.5); }
|
|
|
|
.rbx-left-col {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.rbx-left-col,
|
|
.dark-theme .rbx-left-col {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.rbx-left-col.remove-panel,
|
|
.dark-theme .rbx-left-col.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.rbx-left-col,
|
|
.light-theme .rbx-left-col {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.rbx-left-col.remove-panel,
|
|
.light-theme .rbx-left-col.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.rbx-left-col {
|
|
height: 96%;
|
|
height: calc(100% - 40px);
|
|
overflow: hidden; }
|
|
@media (max-width: 991px) {
|
|
.rbx-left-col {
|
|
height: 92%;
|
|
height: calc(100% - 80px); } }
|
|
.rbx-left-col ul {
|
|
padding: 5px 0 0 10px; }
|
|
.rbx-left-col li {
|
|
margin: 5px 0;
|
|
position: relative; }
|
|
.rbx-left-col .rbx-scrollbar {
|
|
height: 92%;
|
|
height: calc(100% - 50px); }
|
|
|
|
.rbx-scrollbar {
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
height: 100%; }
|
|
.rbx-scrollbar li span {
|
|
display: inline-block;
|
|
margin: 3px; }
|
|
.rbx-scrollbar li span[class^="icon"] {
|
|
vertical-align: middle;
|
|
margin: 0; }
|
|
.rbx-scrollbar .mCSB_scrollTools .mCSB_draggerRail {
|
|
background-color: transparent; }
|
|
|
|
.rbx-scrollable-tabs-horizontal .nav-tabs {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
white-space: nowrap; }
|
|
|
|
.rbx-scrollable-tabs-horizontal .rbx-tab {
|
|
display: inline-block;
|
|
float: none;
|
|
padding: 0; }
|
|
.rbx-scrollable-tabs-horizontal .rbx-tab .rbx-tab-heading {
|
|
display: block;
|
|
padding: 12px 8px; }
|
|
|
|
.rbx-tab .rbx-tab-heading {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.rbx-tab .rbx-tab-heading,
|
|
.dark-theme .rbx-tab .rbx-tab-heading {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.rbx-tab .rbx-tab-heading.remove-panel,
|
|
.dark-theme .rbx-tab .rbx-tab-heading.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.rbx-tab .rbx-tab-heading,
|
|
.light-theme .rbx-tab .rbx-tab-heading {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.rbx-tab .rbx-tab-heading.remove-panel,
|
|
.light-theme .rbx-tab .rbx-tab-heading.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.rbx-tab {
|
|
color: #191919;
|
|
padding: 0;
|
|
position: relative;
|
|
width: fit-content;
|
|
white-space: nowrap; }
|
|
.rbx-tab:hover, .rbx-tab.active {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
cursor: pointer; }
|
|
.rbx-tab:hover .rbx-tab-heading, .rbx-tab.active .rbx-tab-heading {
|
|
border: 0 none; }
|
|
.rbx-tab:hover .rbx-tab-heading:hover, .rbx-tab:hover .rbx-tab-heading:focus, .rbx-tab:hover .rbx-tab-heading:active, .rbx-tab.active .rbx-tab-heading:hover, .rbx-tab.active .rbx-tab-heading:focus, .rbx-tab.active .rbx-tab-heading:active {
|
|
border: 0 none; }
|
|
.rbx-tab .rbx-tab-heading {
|
|
-webkit-transition: all, 0.2s, ease-in-out;
|
|
-o-transition: all, 0.2s, ease-in-out;
|
|
transition: all, 0.2s, ease-in-out;
|
|
padding: 12px 2%;
|
|
border: 0 none;
|
|
border-radius: 0;
|
|
line-height: 100%; }
|
|
.rbx-tab .rbx-tab-heading span {
|
|
display: inline-block;
|
|
margin: 0; }
|
|
.rbx-tab .rbx-tab-heading span.notification-red {
|
|
margin-left: 6px;
|
|
vertical-align: top; }
|
|
.rbx-tab .rbx-tab-heading:hover, .rbx-tab .rbx-tab-heading:focus, .rbx-tab .rbx-tab-heading:active {
|
|
border: 0 none; }
|
|
.rbx-tab .rbx-tab-subtitle {
|
|
font-size: 14px;
|
|
color: #757575;
|
|
padding: 5px 5px 0; }
|
|
|
|
.rbx-tabs-default, .rbx-tabs-horizontal .nav-tabs, .rbx-tabs-vertical ul {
|
|
border: 0 none;
|
|
background-color: transparent; }
|
|
|
|
.rbx-tabs-horizontal .nav-tabs {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.rbx-tabs-horizontal .nav-tabs,
|
|
.dark-theme .rbx-tabs-horizontal .nav-tabs {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.rbx-tabs-horizontal .nav-tabs.remove-panel,
|
|
.dark-theme .rbx-tabs-horizontal .nav-tabs.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.rbx-tabs-horizontal .nav-tabs,
|
|
.light-theme .rbx-tabs-horizontal .nav-tabs {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.rbx-tabs-horizontal .nav-tabs.remove-panel,
|
|
.light-theme .rbx-tabs-horizontal .nav-tabs.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
|
|
background-color: #F2F2F2; }
|
|
|
|
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:active, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
|
|
box-shadow: 0 -4px 0 0 #00A2FF inset; }
|
|
|
|
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading {
|
|
color: #BDBEBE; }
|
|
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #656668 inset; }
|
|
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #fff inset; }
|
|
|
|
.light-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading {
|
|
color: #7B7C7D; }
|
|
.light-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #BDBEBE inset; }
|
|
.light-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #393B3D inset; }
|
|
|
|
.rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
|
|
color: #191919;
|
|
box-shadow: 0 -4px 0 0 #00A2FF inset; }
|
|
|
|
.dark-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #fff inset; }
|
|
|
|
.light-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 0 -4px 0 0 #393B3D inset; }
|
|
|
|
.rbx-tabs-horizontal .nav-tabs {
|
|
text-align: center;
|
|
width: 100%; }
|
|
|
|
.rbx-tabs-horizontal .rbx-tab-heading {
|
|
color: #191919;
|
|
margin-right: 0; }
|
|
|
|
.rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active {
|
|
box-shadow: 0 -4px 0 0 #00A2FF inset; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab .rbx-tab-heading:hover {
|
|
background-color: #F2F2F2; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab .rbx-tab-heading:hover, .rbx-tabs-vertical .rbx-tab .rbx-tab-heading:focus, .rbx-tabs-vertical .rbx-tab .rbx-tab-heading:active, .rbx-tabs-vertical .rbx-tab .rbx-tab-heading.active {
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.dark-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading {
|
|
color: #BDBEBE; }
|
|
.dark-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading:hover {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #656668 inset; }
|
|
.dark-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading.active {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #fff inset; }
|
|
|
|
.light-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading {
|
|
color: #7B7C7D; }
|
|
.light-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading:hover {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #BDBEBE inset; }
|
|
.light-theme .rbx-tabs-vertical .rbx-tab .rbx-tab-heading.active {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #393B3D inset; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab.active .rbx-tab-heading {
|
|
color: #191919;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.dark-theme .rbx-tabs-vertical .rbx-tab.active .rbx-tab-heading {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #fff inset; }
|
|
|
|
.light-theme .rbx-tabs-vertical .rbx-tab.active .rbx-tab-heading {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #393B3D inset; }
|
|
|
|
.rbx-tabs-vertical:before, .rbx-tabs-vertical:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.rbx-tabs-vertical:after {
|
|
clear: both; }
|
|
|
|
.rbx-tabs-vertical ul {
|
|
width: 160px;
|
|
border-right: 1px solid #B8B8B8;
|
|
float: left; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab {
|
|
width: 160px;
|
|
height: 36px; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab-heading {
|
|
padding: 12px 0 12px 12px; }
|
|
|
|
.rbx-tabs-vertical .rbx-tab-content {
|
|
float: left; }
|
|
|
|
.rbx-tab-content {
|
|
margin: 6px 0; }
|
|
|
|
.menu-vertical {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.menu-vertical,
|
|
.dark-theme .menu-vertical {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.menu-vertical.remove-panel,
|
|
.dark-theme .menu-vertical.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.menu-vertical,
|
|
.light-theme .menu-vertical {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.menu-vertical.remove-panel,
|
|
.light-theme .menu-vertical.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.menu-vertical .menu-option .menu-secondary {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.menu-vertical .menu-option .menu-secondary,
|
|
.dark-theme .menu-vertical .menu-option .menu-secondary {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.menu-vertical .menu-option .menu-secondary.remove-panel,
|
|
.dark-theme .menu-vertical .menu-option .menu-secondary.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.menu-vertical .menu-option .menu-secondary,
|
|
.light-theme .menu-vertical .menu-option .menu-secondary {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.menu-vertical .menu-option .menu-secondary.remove-panel,
|
|
.light-theme .menu-vertical .menu-option .menu-secondary.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.menu-vertical .menu-option:hover {
|
|
background-color: #F2F2F2; }
|
|
|
|
.menu-vertical .menu-option:hover, .menu-vertical .menu-option:focus, .menu-vertical .menu-option:active, .menu-vertical .menu-option.active {
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
|
|
.dark-theme .menu-vertical .menu-option {
|
|
color: #BDBEBE; }
|
|
.dark-theme .menu-vertical .menu-option:hover {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #656668 inset; }
|
|
.dark-theme .menu-vertical .menu-option.active {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #fff inset; }
|
|
|
|
.light-theme .menu-vertical .menu-option {
|
|
color: #7B7C7D; }
|
|
.light-theme .menu-vertical .menu-option:hover {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #BDBEBE inset; }
|
|
.light-theme .menu-vertical .menu-option.active {
|
|
color: #393B3D;
|
|
background-color: transparent;
|
|
box-shadow: 4px 0 0 0 #393B3D inset; }
|
|
|
|
.dark-theme .menu-vertical .menu-option .menu-secondary-option {
|
|
color: #BDBEBE; }
|
|
.dark-theme .menu-vertical .menu-option .menu-secondary-option:hover {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme .menu-vertical .menu-option .menu-secondary-option:active, .dark-theme .menu-vertical .menu-option .menu-secondary-option.active {
|
|
box-shadow: none;
|
|
background-color: #1F2123; }
|
|
|
|
.light-theme .menu-vertical .menu-option .menu-secondary-option {
|
|
color: #7B7C7D; }
|
|
.light-theme .menu-vertical .menu-option .menu-secondary-option:hover {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme .menu-vertical .menu-option .menu-secondary-option:active, .light-theme .menu-vertical .menu-option .menu-secondary-option.active {
|
|
box-shadow: none;
|
|
background-color: #E3E5E8; }
|
|
|
|
.menu-vertical {
|
|
width: 160px; }
|
|
.menu-vertical ul,
|
|
.menu-vertical li {
|
|
margin: 0;
|
|
list-style: none; }
|
|
.menu-vertical .menu-option {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
padding: 9px 5px 9px 9px;
|
|
position: relative; }
|
|
.menu-vertical .menu-option:hover, .menu-vertical .menu-option:focus, .menu-vertical .menu-option.active {
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
.menu-vertical .menu-option .menu-secondary-container {
|
|
padding-left: 3px;
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 160px;
|
|
z-index: 1000; }
|
|
.menu-vertical .menu-option .menu-secondary {
|
|
box-shadow: 0 1px 3px rgba(150, 150, 150, 0.74);
|
|
width: 160px; }
|
|
.menu-vertical .menu-option:hover {
|
|
background-color: #F2F2F2; }
|
|
.menu-vertical .menu-option .menu-secondary-option {
|
|
cursor: pointer;
|
|
width: 160px;
|
|
padding: 10px 12px; }
|
|
.menu-vertical .menu-option .menu-secondary-option:hover {
|
|
background-color: #F2F2F2; }
|
|
.menu-vertical .menu-option .menu-secondary-option:focus, .menu-vertical .menu-option .menu-secondary-option.active {
|
|
box-shadow: 4px 0 0 0 #00A2FF inset; }
|
|
.menu-vertical .menu-option-content {
|
|
display: flex; }
|
|
.menu-vertical .menu-option-content:before, .menu-vertical .menu-option-content:after {
|
|
content: " ";
|
|
display: table; }
|
|
.menu-vertical .menu-option-content:after {
|
|
clear: both; }
|
|
.menu-vertical .menu-option-content .menu-text {
|
|
float: left; }
|
|
.menu-vertical .menu-option-content span[class^="icon-"] {
|
|
float: right;
|
|
margin: auto 0 auto auto; }
|
|
|
|
.asset-card-sm {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 50px;
|
|
height: 50px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 0; }
|
|
.asset-card-sm.card-plain {
|
|
width: 52px;
|
|
height: 52px; }
|
|
.asset-card-sm .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.asset-card-sm .avatar-status {
|
|
position: absolute; }
|
|
|
|
.asset-card {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 150px;
|
|
height: 150px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 0; }
|
|
.asset-card.card-plain {
|
|
width: 152px;
|
|
height: 152px; }
|
|
.asset-card .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.asset-card .avatar-status {
|
|
position: absolute; }
|
|
|
|
.asset-cover {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 420px;
|
|
height: 420px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 0; }
|
|
.asset-cover.card-plain {
|
|
width: 422px;
|
|
height: 422px; }
|
|
.asset-cover .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.asset-cover .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-headshot-xs {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-headshot-xs.card-plain {
|
|
width: 34px;
|
|
height: 34px; }
|
|
.avatar-headshot-xs .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-headshot-xs .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-headshot-sm {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 48px;
|
|
height: 48px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-headshot-sm.card-plain {
|
|
width: 50px;
|
|
height: 50px; }
|
|
.avatar-headshot-sm .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-headshot-sm .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-headshot-md {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-headshot-md.card-plain {
|
|
width: 62px;
|
|
height: 62px; }
|
|
.avatar-headshot-md .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-headshot-md .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-headshot-lg {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 150px;
|
|
height: 150px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-headshot-lg.card-plain {
|
|
width: 152px;
|
|
height: 152px; }
|
|
.avatar-headshot-lg .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-headshot-lg .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-fullbody-sm {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 100px;
|
|
height: 100px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-fullbody-sm.card-plain {
|
|
width: 102px;
|
|
height: 102px; }
|
|
.avatar-fullbody-sm .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-fullbody-sm .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-fullbody-lg {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 362px;
|
|
height: 352px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-fullbody-lg.card-plain {
|
|
width: 364px;
|
|
height: 354px; }
|
|
.avatar-fullbody-lg .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-fullbody-lg .avatar-status {
|
|
position: absolute; }
|
|
|
|
.game-thumbnail-lg {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 640px;
|
|
height: 360px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 0; }
|
|
.game-thumbnail-lg.card-plain {
|
|
width: 642px;
|
|
height: 362px; }
|
|
.game-thumbnail-lg .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.game-thumbnail-lg .avatar-status {
|
|
position: absolute; }
|
|
|
|
.placeholder-game-icon {
|
|
background-image: url("/images/Games/placeholder-game-icon.svg");
|
|
background-size: 100% auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.placeholder-asset-icon {
|
|
background-image: url("/images/AssetIcons/asset-placeholder.svg");
|
|
background-size: 100% auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
display: inline-block;
|
|
width: 150px;
|
|
height: 150px; }
|
|
|
|
.placeholder-asset-container {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 100%;
|
|
vertical-align: middle; }
|
|
.placeholder-asset-container:before {
|
|
content: "";
|
|
display: block;
|
|
margin-top: 100%; }
|
|
.placeholder-asset-container .placeholder-asset-icon,
|
|
.placeholder-asset-container .icon-placeholder-asset {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
.placeholder-avatar-fullbody {
|
|
background-image: url("/images/Avatar/avatar-fullbody-placeholder.svg");
|
|
background-size: 100% auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.placeholder-avatar-headshot {
|
|
background-image: url("/images/Avatar/avatar-headshot-placeholder.svg");
|
|
background-size: 100% auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: 1070;
|
|
display: block;
|
|
visibility: visible;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0); }
|
|
.tooltip.top {
|
|
margin-top: -3px;
|
|
padding: 5px 0; }
|
|
.tooltip.right {
|
|
margin-left: 3px;
|
|
padding: 0 5px; }
|
|
.tooltip.bottom {
|
|
margin-top: 3px;
|
|
padding: 5px 0; }
|
|
.tooltip.left {
|
|
margin-left: -3px;
|
|
padding: 0 5px; }
|
|
|
|
.tooltip-inner {
|
|
background-color: #757575;
|
|
border-radius: 0;
|
|
text-align: left;
|
|
color: #F2F2F2;
|
|
font-size: 14px;
|
|
padding: 6px;
|
|
line-height: 1.3em;
|
|
max-width: 200px;
|
|
min-width: 150px;
|
|
font-weight: 400;
|
|
text-decoration: none; }
|
|
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid; }
|
|
|
|
.tooltip.in {
|
|
opacity: 1; }
|
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #757575; }
|
|
|
|
.tooltip.bottom-left .tooltip-arrow {
|
|
top: -5px;
|
|
left: 0;
|
|
margin-left: 5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #757575; }
|
|
|
|
.tooltip-container {
|
|
display: inline-block;
|
|
cursor: pointer; }
|
|
.tooltip-container span {
|
|
display: table-cell;
|
|
vertical-align: middle; }
|
|
.tooltip-container span {
|
|
padding: 4px 0 0 6px; }
|
|
|
|
/* TODO: Move to Roblox.SocialLinks.WebApp SOC-5018 */
|
|
/* Please use icon-variant-v2 instead */
|
|
.ph-modal-popup {
|
|
background-color: #fff;
|
|
min-height: 259px;
|
|
width: 399px;
|
|
border: 1px solid #fff;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.studio-modal .ph-modal-popup {
|
|
width: 502px;
|
|
height: 302px; }
|
|
.studio-modal .ph-modal-popup .ph-areyouinstalleddialog-content {
|
|
margin-top: 20px; }
|
|
.studio-modal .ph-modal-popup .ph-areyouinstalleddialog-content .text-header {
|
|
margin-bottom: 30px; }
|
|
.studio-modal .ph-modal-popup .ph-areyouinstalleddialog-content .btn-install {
|
|
width: 200px;
|
|
height: 38px; }
|
|
|
|
.ph-modal-popup * {
|
|
-webkit-box-sizing: inherit;
|
|
-moz-box-sizing: inherit;
|
|
box-sizing: inherit; }
|
|
|
|
.ph-modal-header .icon-close,
|
|
.ph-modal-header .icon-close-16x16 {
|
|
opacity: 0.2;
|
|
cursor: pointer; }
|
|
|
|
.ph-modal-header .icon-close:hover,
|
|
.ph-modal-header .icon-close-16x16:hover {
|
|
opacity: 0.5; }
|
|
|
|
.ph-logo-row {
|
|
text-align: center; }
|
|
|
|
.ph-startingdialog-spinner-row {
|
|
text-align: center;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px; }
|
|
|
|
.ph-areyouinstalleddialog-content {
|
|
text-align: center; }
|
|
.ph-areyouinstalleddialog-content .larger-font-size {
|
|
margin: 12px auto; }
|
|
|
|
.modal-dialog .larger-font-size, .style2016 .larger-font-size {
|
|
height: 4.5em;
|
|
margin-bottom: 15px; }
|
|
|
|
.ph-areyouinstalleddialog-content .small {
|
|
padding-top: 12px; }
|
|
|
|
.style2016 .small {
|
|
padding: 15px;
|
|
color: #B8B8B8; }
|
|
|
|
.ph-clickalwaysallowed {
|
|
position: fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
z-index: 10030;
|
|
background-color: #fff; }
|
|
.ph-clickalwaysallowed p {
|
|
text-align: center;
|
|
margin-bottom: auto;
|
|
margin-top: auto; }
|
|
.ph-clickalwaysallowed span.icon-moreinfo {
|
|
position: relative;
|
|
margin-top: 6px;
|
|
margin-bottom: 6px; }
|
|
.ph-clickalwaysallowed img {
|
|
vertical-align: middle;
|
|
border: 0; }
|
|
|
|
.ph-modal-header {
|
|
height: 40px;
|
|
padding-top: 10px;
|
|
padding-bottom: 13px;
|
|
text-align: right;
|
|
padding-right: 8px; }
|
|
|
|
.install-instructions-modal h1 {
|
|
font-size: 36px;
|
|
font-weight: 400;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
padding: 5px 0; }
|
|
|
|
.install-instructions-modal h5 {
|
|
font-size: 18px;
|
|
font-weight: 400; }
|
|
|
|
.install-instructions-modal p.larger-font-size {
|
|
margin: 0 0 15px 0;
|
|
padding: 0; }
|
|
|
|
.install-instructions-modal .modal-dialog {
|
|
width: 1000px;
|
|
margin: 5% auto; }
|
|
@media (max-width: 991px) {
|
|
.install-instructions-modal .modal-dialog {
|
|
width: 90%;
|
|
width: calc(100% - 30px); } }
|
|
.install-instructions-modal .modal-dialog .modal-message:before, .install-instructions-modal .modal-dialog .modal-message:after {
|
|
content: " ";
|
|
display: table; }
|
|
.install-instructions-modal .modal-dialog .modal-message:after {
|
|
clear: both; }
|
|
.install-instructions-modal .modal-dialog .modal-content .modal-footer {
|
|
text-align: left; }
|
|
.install-instructions-modal .modal-dialog .three-steps .ph-install-step {
|
|
width: 190px; }
|
|
|
|
.modal-col-3:before, .modal-col-3:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.modal-col-3:after {
|
|
clear: both; }
|
|
|
|
.modal-col-3 h1 {
|
|
color: #00A2FF; }
|
|
|
|
.modal-col-3 li {
|
|
float: left;
|
|
padding: 0 12px;
|
|
width: 33.33333%;
|
|
text-align: left; }
|
|
.modal-col-3 li:first-child {
|
|
padding-left: 0; }
|
|
.modal-col-3 li:last-child {
|
|
border-right: 0 none;
|
|
padding-right: 0; }
|
|
@media (max-width: 991px) {
|
|
.modal-col-3 li img {
|
|
width: 70%;
|
|
width: calc(100% - 24px);
|
|
margin: 0 auto; } }
|
|
.modal-col-3 li .btn-primary-lg {
|
|
margin: 12px auto 0; }
|
|
|
|
.modal-col-4:before, .modal-col-4:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.modal-col-4:after {
|
|
clear: both; }
|
|
|
|
.modal-col-4 h1 {
|
|
color: #00A2FF; }
|
|
|
|
.modal-col-4 li {
|
|
float: left;
|
|
padding: 0 12px;
|
|
width: 25%;
|
|
text-align: left; }
|
|
.modal-col-4 li:first-child {
|
|
padding-left: 0; }
|
|
.modal-col-4 li:last-child {
|
|
border-right: 0 none;
|
|
padding-right: 0; }
|
|
@media (max-width: 991px) {
|
|
.modal-col-4 li img {
|
|
width: 70%;
|
|
width: calc(100% - 24px);
|
|
margin: 0 auto; } }
|
|
.modal-col-4 li .btn-primary-lg {
|
|
margin: 12px auto 0; }
|
|
|
|
.modal-col-5:before, .modal-col-5:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.modal-col-5:after {
|
|
clear: both; }
|
|
|
|
.modal-col-5 h1 {
|
|
color: #00A2FF; }
|
|
|
|
.modal-col-5 li {
|
|
float: left;
|
|
padding: 0 12px;
|
|
width: 20%;
|
|
text-align: left; }
|
|
.modal-col-5 li:first-child {
|
|
padding-left: 0; }
|
|
.modal-col-5 li:last-child {
|
|
border-right: 0 none;
|
|
padding-right: 0; }
|
|
@media (max-width: 991px) {
|
|
.modal-col-5 li img {
|
|
width: 70%;
|
|
width: calc(100% - 24px);
|
|
margin: 0 auto; } }
|
|
.modal-col-5 li .btn-primary-lg {
|
|
margin: 12px auto 0; }
|
|
|
|
.install-instructions-modal .step4-of-4 .VisitButton {
|
|
margin-top: 30px;
|
|
display: block;
|
|
width: auto; }
|
|
.install-instructions-modal .step4-of-4 .VisitButton .btn-full-width {
|
|
box-sizing: border-box; }
|
|
|
|
.protocolhandler-are-you-installed-modal .modal-message,
|
|
.protocolhandler-starting-modal .modal-message {
|
|
padding-bottom: 10px;
|
|
text-align: center; }
|
|
|
|
.protocolhandler-are-you-installed-modal .modal-dialog .modal-content .modal-header,
|
|
.protocolhandler-starting-modal .modal-dialog .modal-content .modal-header {
|
|
border-bottom: none; }
|
|
|
|
.protocolhandler-are-you-installed-modal .loader,
|
|
.protocolhandler-starting-modal .loader {
|
|
display: inline-block;
|
|
margin: 15px 0; }
|
|
|
|
.avatar-card-fullbody {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
width: 90px;
|
|
height: 90px;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
border-radius: 50%; }
|
|
.avatar-card-fullbody.card-plain {
|
|
width: 92px;
|
|
height: 92px; }
|
|
.avatar-card-fullbody .avatar-card-link {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.avatar-card-fullbody .avatar-status {
|
|
position: absolute; }
|
|
|
|
.avatar-card-fullbody .icon-placeholder-avatar-headshot {
|
|
background-size: 100% auto;
|
|
width: 90px;
|
|
height: 90px;
|
|
background-position: 0px -180px; }
|
|
|
|
.avatar {
|
|
background-color: #d1d1d1;
|
|
position: relative; }
|
|
.avatar.card-plain {
|
|
border: 1px solid #B8B8B8; }
|
|
|
|
.avatar-card-container {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.avatar-card-container,
|
|
.dark-theme .avatar-card-container {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.avatar-card-container.remove-panel,
|
|
.dark-theme .avatar-card-container.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.avatar-card-container,
|
|
.light-theme .avatar-card-container {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.avatar-card-container.remove-panel,
|
|
.light-theme .avatar-card-container.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.avatar-card-container {
|
|
background-color: #fff;
|
|
position: relative; }
|
|
.avatar-card-container.card-plain {
|
|
border: 1px solid #B8B8B8; }
|
|
.avatar-card-container .friend-name {
|
|
font-weight: 500; }
|
|
|
|
.avatar-cards:before, .avatar-cards:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.avatar-cards:after {
|
|
clear: both; }
|
|
|
|
.avatar-cards .avatar-card {
|
|
float: left;
|
|
width: 33.33%;
|
|
padding: 0 5px 12px; }
|
|
@media (max-width: 1199px) and (min-width: 991px) {
|
|
.avatar-cards .avatar-card:nth-child(3n+1) {
|
|
padding-left: 0; }
|
|
.avatar-cards .avatar-card:nth-child(3n+3) {
|
|
padding-right: 0; } }
|
|
@media (max-width: 991px) and (min-width: 767px) {
|
|
.avatar-cards .avatar-card {
|
|
width: 50%; }
|
|
.avatar-cards .avatar-card:nth-child(odd) {
|
|
padding-left: 0; }
|
|
.avatar-cards .avatar-card:nth-child(even) {
|
|
padding-right: 0; } }
|
|
@media (max-width: 767px) {
|
|
.avatar-cards .avatar-card {
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0; } }
|
|
|
|
.avatar,
|
|
.avatar-card-fullbody {
|
|
position: relative; }
|
|
.avatar .avatar-card-link,
|
|
.avatar .avatar-card-image,
|
|
.avatar-card-fullbody .avatar-card-link,
|
|
.avatar-card-fullbody .avatar-card-image {
|
|
border: 0 none;
|
|
border-radius: 50%; }
|
|
.avatar .avatar-card-link,
|
|
.avatar-card-fullbody .avatar-card-link {
|
|
background-color: #d1d1d1;
|
|
display: block;
|
|
text-align: center; }
|
|
.avatar .avatar-card-image,
|
|
.avatar-card-fullbody .avatar-card-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
word-break: break-all;
|
|
vertical-align: top; }
|
|
|
|
.avatar-container {
|
|
position: relative;
|
|
width: 90px; }
|
|
.avatar-container .avatar-status {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0; }
|
|
@media (max-width: 767px) {
|
|
.avatar-container .avatar-status {
|
|
right: 7px;
|
|
bottom: 7px;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%; }
|
|
.avatar-container .avatar-status.icon-online {
|
|
background-color: #00A2FF;
|
|
background-image: none; }
|
|
.avatar-container .avatar-status.icon-game {
|
|
background-color: #02b757;
|
|
background-image: none; }
|
|
.avatar-container .avatar-status.icon-studio {
|
|
background-color: #F68802;
|
|
background-image: none; } }
|
|
.avatar-container .friend-name {
|
|
font-weight: 500; }
|
|
|
|
.avatar-card-fullbody .avatar-status {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0; }
|
|
@media (max-width: 767px) {
|
|
.avatar-card-fullbody .avatar-status {
|
|
bottom: 5px;
|
|
right: 5px; }
|
|
.avatar-card-fullbody .avatar-status span[class^="icon-"] {
|
|
background-image: none;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.avatar-card-fullbody .icon-online {
|
|
background-color: #00A2FF; }
|
|
.avatar-card-fullbody .icon-game {
|
|
background-color: #02b757; }
|
|
.avatar-card-fullbody .icon-studio {
|
|
background-color: #F68802; } }
|
|
|
|
.avatar-headshot-xs .avatar-status,
|
|
.avatar-headshot-sm .avatar-status,
|
|
.avatar-headshot-md .avatar-status {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%; }
|
|
.avatar-headshot-xs .avatar-status.online,
|
|
.avatar-headshot-sm .avatar-status.online,
|
|
.avatar-headshot-md .avatar-status.online {
|
|
background-color: #00A2FF; }
|
|
.avatar-headshot-xs .avatar-status.game,
|
|
.avatar-headshot-sm .avatar-status.game,
|
|
.avatar-headshot-md .avatar-status.game {
|
|
background-color: #02b757; }
|
|
.avatar-headshot-xs .avatar-status.studio,
|
|
.avatar-headshot-sm .avatar-status.studio,
|
|
.avatar-headshot-md .avatar-status.studio {
|
|
background-color: #F68802; }
|
|
|
|
.avatar-headshot-lg .avatar-status {
|
|
bottom: 4%;
|
|
position: absolute;
|
|
right: 5%; }
|
|
@media (max-width: 767px) {
|
|
.avatar-headshot-lg .avatar-status {
|
|
border-radius: 50%;
|
|
bottom: 9%;
|
|
width: 14px;
|
|
height: 14px;
|
|
right: 6%; }
|
|
.avatar-headshot-lg .avatar-status span[class*="icon-"] {
|
|
background-image: none; }
|
|
.avatar-headshot-lg .avatar-status.icon-online {
|
|
background-color: #00A2FF;
|
|
background-image: none; }
|
|
.avatar-headshot-lg .avatar-status.icon-game {
|
|
background-color: #02b757;
|
|
background-image: none; }
|
|
.avatar-headshot-lg .avatar-status.icon-studio {
|
|
background-color: #F68802;
|
|
background-image: none; } }
|
|
|
|
.avatar-group {
|
|
background-color: #d1d1d1;
|
|
position: relative;
|
|
border: 0 none;
|
|
border-radius: 50%;
|
|
width: 48px;
|
|
height: 48px;
|
|
overflow: hidden; }
|
|
.avatar-group.card-plain {
|
|
border: 1px solid #B8B8B8; }
|
|
.avatar-group:before, .avatar-group:after {
|
|
content: " ";
|
|
display: table; }
|
|
.avatar-group:after {
|
|
clear: both; }
|
|
.avatar-group.card-plain {
|
|
width: 50px;
|
|
height: 50px; }
|
|
.avatar-group li {
|
|
display: inline-block;
|
|
float: left; }
|
|
.avatar-group li .avatar-card-link {
|
|
display: inline-block; }
|
|
.avatar-group li .avatar-card-image {
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.avatar-item {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
width: 100%; }
|
|
|
|
.avatar-double .avatar-item {
|
|
overflow: hidden;
|
|
text-align: center; }
|
|
.avatar-double .avatar-item:first-child {
|
|
margin-left: -50%;
|
|
border-right: 1px solid #E3E3E3; }
|
|
.avatar-double .avatar-item:first-child .avatar-card-image {
|
|
margin-left: 25%; }
|
|
.avatar-double .avatar-item:last-child {
|
|
margin-right: -50%; }
|
|
.avatar-double .avatar-item:last-child .avatar-card-image {
|
|
margin-left: -50%; }
|
|
|
|
.avatar-triple .avatar-item {
|
|
overflow: hidden; }
|
|
.avatar-triple .avatar-item:first-child {
|
|
margin-left: -50%;
|
|
border-right: 1px solid #E3E3E3; }
|
|
.avatar-triple .avatar-item:first-child .avatar-card-image {
|
|
margin-left: 25%; }
|
|
.avatar-triple .avatar-item:nth-child(2), .avatar-triple .avatar-item:nth-child(3) {
|
|
margin-right: 0; }
|
|
.avatar-triple .avatar-item:nth-child(2), .avatar-triple .avatar-item:nth-child(3) {
|
|
height: 50%;
|
|
width: 50%;
|
|
vertical-align: top; }
|
|
.avatar-triple .avatar-item:nth-child(2) img, .avatar-triple .avatar-item:nth-child(3) img {
|
|
height: 100%;
|
|
width: 100%;
|
|
vertical-align: top; }
|
|
.avatar-triple .avatar-item:nth-child(2) {
|
|
top: 0;
|
|
border-bottom: 1px solid #E3E3E3; }
|
|
.avatar-triple .avatar-item:nth-child(3) {
|
|
bottom: 0; }
|
|
|
|
.avatar-all .avatar-item {
|
|
display: inline-block; }
|
|
.avatar-all .avatar-item {
|
|
height: 50%;
|
|
width: 50%;
|
|
vertical-align: top; }
|
|
.avatar-all .avatar-item:first-child {
|
|
border-right: 1px solid #E3E3E3; }
|
|
.avatar-all .avatar-item:nth-child(3) {
|
|
border-top: 1px solid #E3E3E3;
|
|
border-right: 1px solid #E3E3E3; }
|
|
.avatar-all .avatar-item:nth-child(4) {
|
|
border-top: 1px solid #E3E3E3; }
|
|
.avatar-all .avatar-item img {
|
|
height: 100%;
|
|
width: 100%;
|
|
vertical-align: top; }
|
|
|
|
.avatar-card-container {
|
|
padding: 0;
|
|
position: relative; }
|
|
.avatar-card-container:before, .avatar-card-container:after {
|
|
content: " ";
|
|
display: table; }
|
|
.avatar-card-container:after {
|
|
clear: both; }
|
|
.avatar-card-container.disabled {
|
|
background-color: #F2F2F2; }
|
|
.avatar-card-container .avatar-card-fullbody {
|
|
margin: 12px;
|
|
width: 92px;
|
|
height: 92px; }
|
|
.avatar-card-container .avatar-card-fullbody,
|
|
.avatar-card-container .avatar-card-caption {
|
|
float: left; }
|
|
.avatar-card-container .avatar-card-caption {
|
|
width: 50%;
|
|
width: calc(100% - 90px - 36px - 20px);
|
|
margin: 0;
|
|
padding: 12px 0; }
|
|
.avatar-card-container .avatar-card-caption .avatar-card-label,
|
|
.avatar-card-container .avatar-card-caption .avatar-status-link {
|
|
font-size: 14px;
|
|
font-weight: 400; }
|
|
.avatar-card-container .avatar-card-caption .avatar-card-label {
|
|
color: #B8B8B8;
|
|
padding: 3px 0 0; }
|
|
.avatar-card-container .avatar-card-caption .avatar-card-label.fail {
|
|
color: #E2231A; }
|
|
.avatar-card-container .avatar-card-caption .avatar-card-label.success {
|
|
color: #02b757; }
|
|
.avatar-card-container .avatar-name {
|
|
font-weight: 500; }
|
|
.avatar-card-container .avatar-card-menu {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 12px; }
|
|
.avatar-card-container .avatar-card-menu .icon-more {
|
|
background-position: 0px -440px;
|
|
background-size: 40px auto;
|
|
width: 20px;
|
|
height: 20px; }
|
|
.avatar-card-container .avatar-card-menu .icon-more:hover {
|
|
background-position: -20px -440px; }
|
|
|
|
.avatar-card-content:before, .avatar-card-content:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.avatar-card-content:after {
|
|
clear: both; }
|
|
|
|
.avatar-card-btns {
|
|
background-color: #F2F2F2; }
|
|
|
|
.dark-theme.avatar-card-btns,
|
|
.dark-theme .avatar-card-btns {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.avatar-card-btns.remove-panel,
|
|
.dark-theme .avatar-card-btns.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.avatar-card-btns,
|
|
.light-theme .avatar-card-btns {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.avatar-card-btns.remove-panel,
|
|
.light-theme .avatar-card-btns.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.avatar-card-btns {
|
|
border-top: 1px solid #E3E3E3;
|
|
padding: 12px; }
|
|
.avatar-card-btns:before, .avatar-card-btns:after {
|
|
content: " ";
|
|
display: table; }
|
|
.avatar-card-btns:after {
|
|
clear: both; }
|
|
.avatar-card-btns [class^="btn-"] {
|
|
width: 45%;
|
|
width: calc(50% - 12px);
|
|
float: left;
|
|
margin: 0 6px; }
|
|
|
|
.rbx-header {
|
|
background-color: #0074BD;
|
|
height: 80px; }
|
|
.rbx-header .nav-menu-title, .rbx-header .nav-menu-title:link, .rbx-header .nav-menu-title:active, .rbx-header .nav-menu-title:hover, .rbx-header .nav-menu-title:visited, .rbx-header .nav-menu-title:focus {
|
|
color: #fff; }
|
|
.rbx-header .rbx-navbar-header {
|
|
max-width: 76px;
|
|
margin: 0 12px;
|
|
float: left; }
|
|
.rbx-header .navbar-brand {
|
|
padding: 5px 0; }
|
|
.rbx-header .navbar-header {
|
|
float: left; }
|
|
.rbx-header .rbx-nav-collapse {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 12px;
|
|
padding: 5px 5px 0 0; }
|
|
.rbx-header .rbx-nav-collapse:hover {
|
|
cursor: pointer; }
|
|
.rbx-header .rbx-nav-collapse .notification-red {
|
|
color: #fff;
|
|
left: 16px;
|
|
top: 6px;
|
|
position: absolute; }
|
|
.rbx-header .icon-logo {
|
|
display: none; }
|
|
@media (min-width: 1688px) {
|
|
.rbx-header .rbx-nav-collapse {
|
|
display: none; }
|
|
.rbx-header .rbx-navbar-header {
|
|
max-width: 120px; }
|
|
.rbx-header .icon-logo {
|
|
display: block; }
|
|
.rbx-header .icon-logo-r {
|
|
display: none; }
|
|
.rbx-header .nav-container .nav-icon {
|
|
display: none; } }
|
|
.rbx-header .rbx-navbar {
|
|
margin: 4px auto; }
|
|
.rbx-header .rbx-navbar li {
|
|
text-align: center; }
|
|
.rbx-header .rbx-navbar li .nav-menu-title {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
padding: 6px 9px;
|
|
display: inline-block; }
|
|
.rbx-header .rbx-navbar li .nav-menu-title:hover, .rbx-header .rbx-navbar li .nav-menu-title:focus {
|
|
background-color: #191919;
|
|
background-color: rgba(25, 25, 25, 0.1);
|
|
border-radius: 5px; }
|
|
.rbx-header .rbx-navbar li {
|
|
width: 25%;
|
|
float: left; }
|
|
@media (max-width: 992px) {
|
|
.rbx-header .rbx-navbar {
|
|
display: inline-block; } }
|
|
.rbx-header .rbx-navbar-search {
|
|
box-sizing: border-box;
|
|
margin-top: 6px;
|
|
position: relative; }
|
|
.rbx-header .rbx-navbar-search .dropdown-menu {
|
|
display: none;
|
|
z-index: 10000;
|
|
width: 99%; }
|
|
.rbx-header .rbx-navbar-search.rbx-navbar-search-open .dropdown-menu {
|
|
display: block; }
|
|
.rbx-header .rbx-navbar-search .input-field,
|
|
.rbx-header .rbx-navbar-search .input-addon-btn {
|
|
box-sizing: border-box;
|
|
height: 28px;
|
|
box-shadow: none;
|
|
-webkit-appearance: none; }
|
|
.rbx-header .rbx-navbar-search .input-field .icon-nav-search,
|
|
.rbx-header .rbx-navbar-search .input-addon-btn .icon-nav-search {
|
|
background-position: 0px -80px;
|
|
height: 20px;
|
|
width: 20px;
|
|
background-size: 40px auto;
|
|
margin: 0 6px; }
|
|
.rbx-header .rbx-navbar-search .input-field .icon-nav-search:hover,
|
|
.rbx-header .rbx-navbar-search .input-addon-btn .icon-nav-search:hover {
|
|
background-position: -20px -80px; }
|
|
.rbx-header .rbx-navbar-search .rbx-navbar-search-option {
|
|
width: auto;
|
|
padding: 0;
|
|
white-space: normal; }
|
|
.rbx-header .rbx-navbar-search .rbx-navbar-search-option a {
|
|
padding: 12px;
|
|
line-height: 1.3em;
|
|
white-space: normal;
|
|
color: #191919; }
|
|
.rbx-header .rbx-navbar-search .rbx-navbar-search-option:hover {
|
|
box-shadow: none; }
|
|
.rbx-header .rbx-navbar-search .rbx-navbar-search-option.selected {
|
|
background-color: #F2F2F2;
|
|
box-shadow: 4px 0 0 0 #00A2FF inset;
|
|
cursor: pointer; }
|
|
.rbx-header .rbx-navbar-search .rbx-navbar-search-option .rbx-navbar-search-string {
|
|
word-break: break-all; }
|
|
.rbx-header .rbx-navbar-right {
|
|
float: right;
|
|
margin-right: 12px; }
|
|
.rbx-header .rbx-navbar-right:before, .rbx-header .rbx-navbar-right:after {
|
|
content: " ";
|
|
display: table; }
|
|
.rbx-header .rbx-navbar-right:after {
|
|
clear: both; }
|
|
.rbx-header .age-bracket-label {
|
|
display: inline-block;
|
|
float: right;
|
|
color: #fff;
|
|
padding-top: 13px;
|
|
margin-right: 6px;
|
|
/* This size allows the label to squeeze in between the top and bottom rows only when needed (i.e. mobile browser) */ }
|
|
@media (max-width: 543px) {
|
|
.rbx-header .age-bracket-label {
|
|
position: fixed;
|
|
float: none;
|
|
padding-top: 0;
|
|
margin-right: 0;
|
|
top: 14px;
|
|
left: 104px; } }
|
|
@media (max-width: 350px) {
|
|
.rbx-header .age-bracket-label {
|
|
top: 34px;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center; } }
|
|
.rbx-header .age-bracket-label .age-bracket-label-username {
|
|
display: inline;
|
|
/* This size ensures that 20 char usernames will fit */ }
|
|
@media (max-width: 820px) {
|
|
.rbx-header .age-bracket-label .age-bracket-label-username {
|
|
display: none; } }
|
|
@media (max-width: 543px) {
|
|
.rbx-header .age-bracket-label .age-bracket-label-username {
|
|
display: inline; } }
|
|
.rbx-header .rbx-navbar-right-nav,
|
|
.rbx-header .rbx-navbar-icon-group {
|
|
margin: 4px auto; }
|
|
.rbx-header .rbx-navbar-right-nav li,
|
|
.rbx-header .rbx-navbar-icon-group li {
|
|
text-align: center; }
|
|
.rbx-header .rbx-navbar-right-nav li .nav-menu-title,
|
|
.rbx-header .rbx-navbar-icon-group li .nav-menu-title {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
padding: 6px 9px;
|
|
display: inline-block; }
|
|
.rbx-header .rbx-navbar-right-nav li .nav-menu-title:hover, .rbx-header .rbx-navbar-right-nav li .nav-menu-title:focus,
|
|
.rbx-header .rbx-navbar-icon-group li .nav-menu-title:hover,
|
|
.rbx-header .rbx-navbar-icon-group li .nav-menu-title:focus {
|
|
background-color: #191919;
|
|
background-color: rgba(25, 25, 25, 0.1);
|
|
border-radius: 5px; }
|
|
.rbx-header .rbx-navbar-right-nav li,
|
|
.rbx-header .rbx-navbar-icon-group li {
|
|
float: right; }
|
|
.rbx-header .rbx-navbar-right-nav li .rbx-menu-item,
|
|
.rbx-header .rbx-navbar-icon-group li .rbx-menu-item {
|
|
padding: 6px 9px; }
|
|
.rbx-header .rbx-navbar-right-nav li .popover.bottom,
|
|
.rbx-header .rbx-navbar-icon-group li .popover.bottom {
|
|
margin-top: 12px;
|
|
max-width: 450px; }
|
|
.rbx-header .rbx-navbar-right-nav li .dropdown-menu li,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu li {
|
|
float: none;
|
|
text-align: left;
|
|
width: 100%; }
|
|
.rbx-header .rbx-navbar-right-nav li .dropdown-menu a,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a {
|
|
display: block; }
|
|
.rbx-header .rbx-navbar-right-nav li .dropdown-menu a, .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:hover, .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:active, .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:visited, .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:focus,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:hover,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:active,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:visited,
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:focus {
|
|
color: #191919; }
|
|
.rbx-header .rbx-navbar-right-nav .rbx-navbar-right-search,
|
|
.rbx-header .rbx-navbar-icon-group .rbx-navbar-right-search {
|
|
display: none; }
|
|
.rbx-header .rbx-navbar-right-nav {
|
|
width: 100%; }
|
|
.rbx-header .rbx-navbar-right-nav li.login-action {
|
|
margin: 0 20px; }
|
|
.rbx-header .rbx-navbar-right-nav li .rbx-menu-icon {
|
|
padding: 0 4px; }
|
|
.rbx-header .rbx-navbar-right-nav li .rbx-menu-icon:hover, .rbx-header .rbx-navbar-right-nav li .rbx-menu-icon:focus {
|
|
background-color: transparent; }
|
|
.rbx-header .rbx-navbar-right-nav li .rbx-navbar-login span {
|
|
vertical-align: middle; }
|
|
.rbx-header .rbx-navbar-right-nav li.signup-button-container {
|
|
margin-left: 20px;
|
|
margin-right: 3px; }
|
|
.rbx-header .rbx-navbar-right-nav li .signup-button {
|
|
background: #02b757;
|
|
border-radius: 3px; }
|
|
.rbx-header .rbx-navbar-right-nav li .signup-button:focus, .rbx-header .rbx-navbar-right-nav li .signup-button:hover {
|
|
border-radius: 3px;
|
|
background: #3FC679; }
|
|
@media (max-width: 991px) {
|
|
.rbx-header .rbx-navbar-right-nav li .rbx-menu-item {
|
|
padding: 6px 4px; } }
|
|
.rbx-header .rbx-navbar-icon-group {
|
|
margin: 0;
|
|
line-height: 28px;
|
|
float: right; }
|
|
.rbx-header .rbx-navbar-icon-group .navbar-stream {
|
|
padding: 9px 0;
|
|
height: 40px;
|
|
width: 46px; }
|
|
.rbx-header .rbx-navbar-icon-group li {
|
|
/* Medium devices (desktops, 992px and up) */ }
|
|
.rbx-header .rbx-navbar-icon-group li .rbx-menu-item:hover, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:focus {
|
|
background-color: transparent; }
|
|
.rbx-header .rbx-navbar-icon-group li span[class^="icon"] {
|
|
vertical-align: middle;
|
|
margin-top: -2px; }
|
|
.rbx-header .rbx-navbar-icon-group li span[class^="rbx-text"] {
|
|
display: none; }
|
|
@media (min-width: 992px) {
|
|
.rbx-header .rbx-navbar-icon-group li span[class^="rbx-text"] {
|
|
display: inline-block;
|
|
min-width: 42px; } }
|
|
.rbx-header .rbx-navbar-icon-group li .rbx-menu-item {
|
|
position: relative; }
|
|
.rbx-header .rbx-navbar-icon-group li .rbx-menu-item, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:link, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:active, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:hover, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:visited, .rbx-header .rbx-navbar-icon-group li .rbx-menu-item:focus {
|
|
color: #fff; }
|
|
.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item, .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:link, .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:active, .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:hover, .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:visited, .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:focus {
|
|
color: #191919; }
|
|
.rbx-header .rbx-navbar-icon-group li .nav-setting-highlight {
|
|
position: absolute;
|
|
right: 0;
|
|
line-height: 1.3em;
|
|
top: 6px; }
|
|
.rbx-header .rbx-navbar-icon-group li .popover-content .nav-setting-highlight {
|
|
top: 0;
|
|
position: relative;
|
|
min-width: 18px;
|
|
padding: 2px 6px;
|
|
margin-left: 5px; }
|
|
.rbx-header .rbx-navbar-icon-group li.navbar-icon-item.notification-stream {
|
|
width: 46px; }
|
|
@media (min-width: 992px) {
|
|
.rbx-header .rbx-navbar-icon-group li.navbar-icon-item .nav-robux-icon {
|
|
padding-right: 0; } }
|
|
|
|
.iFrameLogin {
|
|
top: 40px;
|
|
right: 0;
|
|
left: auto;
|
|
max-width: 320px; }
|
|
.iFrameLogin.popover.bottom > .arrow {
|
|
left: 82%; }
|
|
@media (max-width: 543px) {
|
|
.iFrameLogin.popover.bottom > .arrow {
|
|
left: 88%; } }
|
|
|
|
/* Small devices (480px and below) */
|
|
@media (max-width: 543px) {
|
|
.rbx-header .rbx-navbar-search {
|
|
display: none;
|
|
float: none;
|
|
left: 5px;
|
|
padding: 0 12px;
|
|
position: absolute;
|
|
top: 42px;
|
|
width: 100%;
|
|
z-index: 10000; }
|
|
.rbx-header .rbx-navbar-right {
|
|
position: relative;
|
|
float: left;
|
|
width: 66.66667%;
|
|
min-height: 1px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
float: right; }
|
|
.rbx-header .rbx-navbar-right-nav li.login-action,
|
|
.rbx-header .rbx-navbar-icon-group li.login-action {
|
|
margin: 0 10px; }
|
|
.rbx-header .rbx-navbar-right-nav .rbx-navbar-right-search,
|
|
.rbx-header .rbx-navbar-icon-group .rbx-navbar-right-search {
|
|
display: block; }
|
|
.rbx-header .rbx-navbar-icon-group .navbar-icon-item {
|
|
width: 25%; } }
|
|
|
|
.nav-content {
|
|
margin: 80px 0 0 0; }
|
|
|
|
.nav-content.no-header-nav {
|
|
margin-top: 0; }
|
|
|
|
/* Medium devices (desktops, 992px and up) */
|
|
@media (min-width: 992px) {
|
|
.rbx-header {
|
|
height: 40px; }
|
|
.rbx-header .rbx-navbar-icon-group li .dropdown-menu a {
|
|
padding: 10px 6px; }
|
|
.nav-content {
|
|
margin-top: 40px; } }
|
|
|
|
@media (min-width: 1688px) {
|
|
.nav-content.logged-in {
|
|
margin-left: 0; } }
|
|
|
|
.rbx-left-col.nav-show {
|
|
width: 175px; }
|
|
.rbx-left-col.nav-show .rbx-scrollbar {
|
|
width: 175px; }
|
|
.rbx-left-col.nav-show .rbx-scrollbar li {
|
|
width: 155px; }
|
|
|
|
.rbx-left-col {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
-ms-transform: none;
|
|
position: fixed;
|
|
box-shadow: 0 0 3px rgba(25, 25, 25, 0.3);
|
|
width: 0;
|
|
font-size: 16px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
top: 80px;
|
|
z-index: 1001; }
|
|
.rbx-left-col li {
|
|
line-height: 1.42857; }
|
|
.rbx-left-col li a:not(.dynamic-overflow-container) {
|
|
display: block; }
|
|
.rbx-left-col li a.btn-secondary-xs, .rbx-left-col li a.btn-secondary-xs:hover, .rbx-left-col li a.btn-secondary-xs:focus {
|
|
color: #fff; }
|
|
.rbx-left-col .rbx-scrollbar {
|
|
width: 0; }
|
|
.rbx-left-col .rbx-scrollbar a, .rbx-left-col .rbx-scrollbar a:hover, .rbx-left-col .rbx-scrollbar a:focus {
|
|
font-weight: 500; }
|
|
|
|
/* Open the left nav */
|
|
@media (min-width: 1688px) {
|
|
.rbx-left-col {
|
|
width: 175px; }
|
|
.rbx-left-col .rbx-scrollbar {
|
|
width: 175px; }
|
|
.no-gutter-ads .rbx-left-col {
|
|
width: 175px; }
|
|
.no-gutter-ads .rbx-left-col .rbx-scrollbar {
|
|
width: 175px; } }
|
|
|
|
/* Medium devices (desktops, 992px and up) */
|
|
@media (min-width: 992px) {
|
|
.rbx-left-col {
|
|
top: 40px; } }
|
|
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md:link {
|
|
color: #fff; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md:hover, .dark-theme .rbx-upgrade-now .btn-secondary-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md:focus {
|
|
outline: none; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md:active, .dark-theme .rbx-upgrade-now .btn-secondary-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md:visited {
|
|
color: #fff; }
|
|
.dark-theme .rbx-upgrade-now .btn-secondary-md.disabled, .dark-theme .rbx-upgrade-now .btn-secondary-md.disabled:hover, .dark-theme .rbx-upgrade-now .btn-secondary-md.disabled:focus, .dark-theme .rbx-upgrade-now .btn-secondary-md.disabled:active, .dark-theme .rbx-upgrade-now .btn-secondary-md.disabled.active, .dark-theme .rbx-upgrade-now .btn-secondary-md[disabled], .dark-theme .rbx-upgrade-now .btn-secondary-md[disabled]:hover, .dark-theme .rbx-upgrade-now .btn-secondary-md[disabled]:focus, .dark-theme .rbx-upgrade-now .btn-secondary-md[disabled]:active, .dark-theme .rbx-upgrade-now .btn-secondary-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .touch .rbx-upgrade-now .btn-secondary-md:hover, .dark-theme .touch .rbx-upgrade-now .btn-secondary-md:focus, .dark-theme .touch .rbx-upgrade-now .btn-secondary-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.dark-theme .touch .rbx-upgrade-now .btn-secondary-md:active, .dark-theme .touch .rbx-upgrade-now .btn-secondary-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
border-radius: 8px; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md:link {
|
|
color: #fff; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md:hover, .light-theme .rbx-upgrade-now .btn-secondary-md:focus {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md:focus {
|
|
outline: none; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md:active, .light-theme .rbx-upgrade-now .btn-secondary-md.active {
|
|
background-color: #00B06F;
|
|
color: #fff; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md:visited {
|
|
color: #fff; }
|
|
.light-theme .rbx-upgrade-now .btn-secondary-md.disabled, .light-theme .rbx-upgrade-now .btn-secondary-md.disabled:hover, .light-theme .rbx-upgrade-now .btn-secondary-md.disabled:focus, .light-theme .rbx-upgrade-now .btn-secondary-md.disabled:active, .light-theme .rbx-upgrade-now .btn-secondary-md.disabled.active, .light-theme .rbx-upgrade-now .btn-secondary-md[disabled], .light-theme .rbx-upgrade-now .btn-secondary-md[disabled]:hover, .light-theme .rbx-upgrade-now .btn-secondary-md[disabled]:focus, .light-theme .rbx-upgrade-now .btn-secondary-md[disabled]:active, .light-theme .rbx-upgrade-now .btn-secondary-md[disabled].active {
|
|
background-color: #00B06F;
|
|
border-color: #00B06F;
|
|
color: #fff;
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .touch .rbx-upgrade-now .btn-secondary-md:hover, .light-theme .touch .rbx-upgrade-now .btn-secondary-md:focus, .light-theme .touch .rbx-upgrade-now .btn-secondary-md:visited {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.light-theme .touch .rbx-upgrade-now .btn-secondary-md:active, .light-theme .touch .rbx-upgrade-now .btn-secondary-md.active {
|
|
color: #fff;
|
|
background-color: #00B06F;
|
|
border-color: #00B06F; }
|
|
|
|
.rbx-scrollbar {
|
|
height: 100%;
|
|
height: calc(100% - 90px); }
|
|
.rbx-scrollbar .left-col-list {
|
|
width: 165px; }
|
|
.rbx-scrollbar .rbx-upgrade-now {
|
|
margin: 12px 0; }
|
|
|
|
.rbx-nav-sponsor img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: middle; }
|
|
|
|
#nav-profile:hover,
|
|
#nav-character:hover {
|
|
color: #F68802; }
|
|
|
|
#nav-message:hover,
|
|
#nav-friends:hover,
|
|
#nav-trade:hover,
|
|
#nav-group:hover,
|
|
#nav-blog:hover,
|
|
#nav-shop:hover,
|
|
#nav-my-feed:hover {
|
|
color: #00A2FF; }
|
|
|
|
#nav-home:hover,
|
|
#nav-inventory:hover {
|
|
color: #02b757; }
|
|
|
|
.mCSB_inside > .mCSB_container {
|
|
margin-right: 10px; }
|
|
|
|
.container-main:before, .container-main:after,
|
|
.container-list:before,
|
|
.container-list:after,
|
|
.container-header:before,
|
|
.container-header:after,
|
|
.hlist:before,
|
|
.hlist:after,
|
|
.section:before,
|
|
.section:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.container-main:after,
|
|
.container-list:after,
|
|
.container-header:after,
|
|
.hlist:after,
|
|
.section:after {
|
|
clear: both; }
|
|
|
|
.container-main {
|
|
min-height: 60%;
|
|
min-height: calc(100% - 183px);
|
|
margin: 40px auto 0 auto;
|
|
position: relative;
|
|
padding-bottom: 40px;
|
|
z-index: auto; }
|
|
@media (max-width: 991px) {
|
|
.container-main {
|
|
margin-top: 80px;
|
|
padding-bottom: 0; } }
|
|
@media (max-width: 991px) {
|
|
.container-main:not(.in-app) {
|
|
min-height: 420px; } }
|
|
|
|
.container-main.no-header-nav {
|
|
margin-top: 0; }
|
|
|
|
.container-footer {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.container-footer,
|
|
.dark-theme .container-footer {
|
|
background-color: #1F2123; }
|
|
.dark-theme.container-footer.remove-panel,
|
|
.dark-theme .container-footer.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.container-footer,
|
|
.light-theme .container-footer {
|
|
background-color: #E3E5E8; }
|
|
.light-theme.container-footer.remove-panel,
|
|
.light-theme .container-footer.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.container-footer {
|
|
padding: 12px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%; }
|
|
|
|
@media (max-width: 991px) {
|
|
.container-footer {
|
|
position: relative; }
|
|
.container-footer.app-bumper-exists {
|
|
margin-bottom: 55px; } }
|
|
|
|
.container-list {
|
|
margin: 0 0 6px; }
|
|
|
|
.section-content {
|
|
margin: 0 0 18px; }
|
|
@media (max-width: 767px) {
|
|
.section-content {
|
|
margin: 0 0 12px; } }
|
|
|
|
.container-list {
|
|
padding: 0; }
|
|
@media (max-width: 991px) {
|
|
.container-list {
|
|
padding: 0 15px; } }
|
|
.container-list .btn-full-width {
|
|
width: 100%; }
|
|
|
|
.container-empty {
|
|
background-color: #E3E3E3;
|
|
color: #757575;
|
|
padding: 15px;
|
|
text-align: center; }
|
|
|
|
.section {
|
|
position: relative; }
|
|
.section:before, .section:after {
|
|
content: " ";
|
|
display: table; }
|
|
.section:after {
|
|
clear: both; }
|
|
@media (max-width: 991px) {
|
|
.section .container-header {
|
|
padding: 0 15px; } }
|
|
|
|
.section-content {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.section-content,
|
|
.dark-theme .section-content {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.section-content.remove-panel,
|
|
.dark-theme .section-content.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.section-content,
|
|
.light-theme .section-content {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.section-content.remove-panel,
|
|
.light-theme .section-content.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.section-content {
|
|
background-color: #fff;
|
|
padding: 15px;
|
|
position: relative; }
|
|
.section-content:before, .section-content:after {
|
|
content: " ";
|
|
display: table; }
|
|
.section-content:after {
|
|
clear: both; }
|
|
.section-content .bullet-item {
|
|
list-style: disc; }
|
|
|
|
.section-content-off {
|
|
background-color: #B8B8B8;
|
|
color: #757575;
|
|
padding: 15px;
|
|
text-align: center; }
|
|
|
|
.container-double:nth-child(2n) .section-content {
|
|
margin: 0 0 0 6px; }
|
|
@media (max-width: 991px) {
|
|
.container-double:nth-child(2n) .section-content {
|
|
margin: 0; } }
|
|
|
|
.container-double:nth-child(2n+1) .section-content {
|
|
margin: 0 6px 0 0; }
|
|
@media (max-width: 991px) {
|
|
.container-double:nth-child(2n+1) .section-content {
|
|
margin: 0 0 12px 0; } }
|
|
|
|
.section-row {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.section-row,
|
|
.dark-theme .section-row {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.section-row.remove-panel,
|
|
.dark-theme .section-row.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.section-row,
|
|
.light-theme .section-row {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.section-row.remove-panel,
|
|
.light-theme .section-row.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.section-row {
|
|
margin: 0 0 6px;
|
|
padding: 5px 12px;
|
|
border-radius: 3px; }
|
|
.section-row:before, .section-row:after {
|
|
content: " ";
|
|
display: table; }
|
|
.section-row:after {
|
|
clear: both; }
|
|
|
|
.section-header:before, .section-header:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.section-header:after {
|
|
clear: both; }
|
|
|
|
.section-header h3 {
|
|
width: 70%;
|
|
width: calc(100% - 120px);
|
|
float: left;
|
|
margin: 0 0 6px; }
|
|
|
|
.section-header .btn-more {
|
|
float: right;
|
|
margin: 6px 0 0; }
|
|
|
|
.section-header .link-menu {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 6px; }
|
|
|
|
@media (max-width: 991px) {
|
|
.section-header {
|
|
padding: 0 15px; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.section-header h3,
|
|
.section-header .btn-more {
|
|
float: none; }
|
|
.section-header h3 {
|
|
width: 100%; }
|
|
.section-header .btn-more {
|
|
width: 90%;
|
|
width: calc(100% - 30px);
|
|
position: absolute;
|
|
bottom: 12px;
|
|
margin: 0 0 12px;
|
|
z-index: 1000; } }
|
|
|
|
.section-left,
|
|
.section-right {
|
|
float: left; }
|
|
|
|
.section-left {
|
|
width: 20%;
|
|
border-right: 1px solid #B8B8B8;
|
|
padding-right: 12px; }
|
|
|
|
.section-right {
|
|
width: 78%; }
|
|
|
|
@media (max-width: 767px) {
|
|
.section-left,
|
|
.section-right {
|
|
float: none;
|
|
width: 100%; }
|
|
.section-left {
|
|
border-right: none; }
|
|
.section-right {
|
|
margin-top: 12px; } }
|
|
|
|
.container-header {
|
|
margin: 3px 0 6px; }
|
|
.container-header h3 {
|
|
float: left;
|
|
margin: 0;
|
|
padding-top: 0; }
|
|
.container-header .btn-more {
|
|
float: right;
|
|
margin: 0; }
|
|
|
|
.hlist .list-item {
|
|
float: left; }
|
|
.hlist .list-item a {
|
|
display: block; }
|
|
|
|
.vlist h3 {
|
|
margin: 0 0 10px; }
|
|
|
|
.vlist.no-top-border .list-item:first-child {
|
|
border-top: none; }
|
|
|
|
.vlist .list-item {
|
|
border-top: 1px solid #E3E3E3;
|
|
display: block;
|
|
padding: 0;
|
|
margin-bottom: 12px; }
|
|
.vlist .list-item:before, .vlist .list-item:after {
|
|
content: " ";
|
|
display: table; }
|
|
.vlist .list-item:after {
|
|
clear: both; }
|
|
.vlist .list-item .list-header,
|
|
.vlist .list-item .list-body {
|
|
float: left;
|
|
display: inline-block;
|
|
margin: 12px 0; }
|
|
.vlist .list-item .list-header {
|
|
margin-right: 24px; }
|
|
.vlist .list-item .list-header .header-thumb {
|
|
width: 60px;
|
|
height: 60px; }
|
|
.vlist .list-item .list-body {
|
|
width: 80%;
|
|
width: calc(100% - 84px);
|
|
position: relative; }
|
|
@media (max-width: 991px) {
|
|
.vlist .list-item .list-body {
|
|
width: 75%;
|
|
width: calc(100% - 84px); } }
|
|
@media (max-width: 543px) {
|
|
.vlist .list-item .list-body {
|
|
width: 188px;
|
|
width: calc(100% - 84px); } }
|
|
.vlist .list-item .list-body:hover .icon-report {
|
|
background-position: 0px -40px; }
|
|
.vlist .list-item .list-body:hover .icon-report:hover {
|
|
background-position: -20px -40px; }
|
|
.vlist .list-item .list-body:hover button:hover .icon-report,
|
|
.vlist .list-item .list-body:hover a:hover .icon-report {
|
|
background-position: -20px -40px; }
|
|
.vlist .list-item .list-body .icon-report {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 6px; }
|
|
.vlist .list-item .list-body .list-content {
|
|
margin: 0 0 12px 0;
|
|
word-break: break-word; }
|
|
.vlist .list-item .list-body .list-content .font-bold {
|
|
display: block;
|
|
margin-bottom: 12px; }
|
|
.vlist .list-item .list-body .rbx-text-notes.small {
|
|
font-weight: 300; }
|
|
|
|
.stack .stack-list .stack-row {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme.stack .stack-list .stack-row,
|
|
.dark-theme .stack .stack-list .stack-row {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
.dark-theme.stack .stack-list .stack-row.remove-panel,
|
|
.dark-theme .stack .stack-list .stack-row.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.light-theme.stack .stack-list .stack-row,
|
|
.light-theme .stack .stack-list .stack-row {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
.light-theme.stack .stack-list .stack-row.remove-panel,
|
|
.light-theme .stack .stack-list .stack-row.remove-panel {
|
|
background-color: transparent; }
|
|
|
|
.stack {
|
|
padding: 0;
|
|
margin: 0 0 6px; }
|
|
.stack:before, .stack:after {
|
|
content: " ";
|
|
display: table; }
|
|
.stack:after {
|
|
clear: both; }
|
|
@media (max-width: 991px) {
|
|
.stack .container-header {
|
|
padding: 0 15px; } }
|
|
.stack .stack-list .stack-row {
|
|
margin: 0 0 6px;
|
|
padding: 12px;
|
|
position: relative; }
|
|
.stack .stack-list .stack-row:before, .stack .stack-list .stack-row:after {
|
|
content: " ";
|
|
display: table; }
|
|
.stack .stack-list .stack-row:after {
|
|
clear: both; }
|
|
.stack .stack-list .stack-row .stack-header:before, .stack .stack-list .stack-row .stack-header:after {
|
|
content: " ";
|
|
display: table; }
|
|
.stack .stack-list .stack-row .stack-header:after {
|
|
clear: both; }
|
|
.stack .stack-list .stack-row .stack-header .link-menu {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 6px; }
|
|
|
|
.unavailable-container .unavailable-content {
|
|
color: #757575;
|
|
margin: 35% auto;
|
|
text-align: center; }
|
|
|
|
.footer {
|
|
max-width: 970px;
|
|
text-align: center;
|
|
margin: 0 auto; }
|
|
|
|
.copyright-wrapper {
|
|
padding-top: 24px;
|
|
border-top: 1px solid #E3E3E3; }
|
|
.copyright-wrapper .footer-note {
|
|
text-align: left;
|
|
margin: 0 0 0 24px;
|
|
width: auto; }
|
|
@media (max-width: 991px) {
|
|
.copyright-wrapper .footer-note {
|
|
text-align: center;
|
|
margin-top: 12px;
|
|
margin-left: 0; } }
|
|
.copyright-wrapper .icon-globe {
|
|
background-position: 0px -1300px;
|
|
height: 20px;
|
|
width: 20px;
|
|
background-size: 40px auto;
|
|
vertical-align: sub; }
|
|
.copyright-wrapper .icon-globe:hover {
|
|
background-position: -20px -1300px; }
|
|
.copyright-wrapper .input-group-btn {
|
|
display: inline-block; }
|
|
.copyright-wrapper .input-group-btn .input-dropdown-btn #icon-globe {
|
|
float: left;
|
|
margin-top: 3px;
|
|
margin-right: 6px; }
|
|
.copyright-wrapper .input-group-btn .input-dropdown-btn:hover #icon-globe, .copyright-wrapper .input-group-btn .input-dropdown-btn:focus #icon-globe {
|
|
background-position: -20px -1300px; }
|
|
@media (max-width: 543px) {
|
|
.copyright-wrapper .input-group-btn {
|
|
display: none; } }
|
|
.copyright-wrapper .input-group-btn .dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%; }
|
|
.copyright-wrapper .icon-dropdown {
|
|
height: 38px;
|
|
border-radius: 3px;
|
|
min-width: 200px;
|
|
position: relative;
|
|
display: none; }
|
|
@media (max-width: 543px) {
|
|
.copyright-wrapper .icon-dropdown {
|
|
display: inline-block; } }
|
|
.copyright-wrapper .icon-dropdown .language-select, .copyright-wrapper .icon-dropdown .language-select:hover {
|
|
background-image: none; }
|
|
.copyright-wrapper .icon-dropdown select:hover {
|
|
background-color: #00A2FF;
|
|
color: #fff;
|
|
outline: none;
|
|
border: none;
|
|
border-radius: 3px; }
|
|
.copyright-wrapper .icon-dropdown select:hover option {
|
|
background-color: #fff;
|
|
color: #191919; }
|
|
.copyright-wrapper .icon-dropdown select:active, .copyright-wrapper .icon-dropdown select:visited {
|
|
background-color: #fff;
|
|
color: #191919;
|
|
outline: none;
|
|
border: none; }
|
|
.copyright-wrapper .icon-dropdown select,
|
|
.copyright-wrapper .icon-dropdown option {
|
|
border: none;
|
|
padding: 0 22px 0 9px;
|
|
width: 200px;
|
|
height: 36px; }
|
|
@media (max-width: 991px) {
|
|
.copyright-wrapper .icon-dropdown select,
|
|
.copyright-wrapper .icon-dropdown option {
|
|
width: 100%; } }
|
|
.copyright-wrapper .icon-dropdown .icon-arrow {
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 12px; }
|
|
|
|
.footer-links {
|
|
padding-left: 0;
|
|
text-align: center;
|
|
margin-bottom: 32px;
|
|
margin-top: 20px; }
|
|
|
|
.footer-link {
|
|
display: inline-block;
|
|
float: none;
|
|
margin: 6px;
|
|
white-space: nowrap;
|
|
min-width: 10%; }
|
|
|
|
.footer-link.footer-link-wide {
|
|
min-width: 25%; }
|
|
@media (max-width: 543px) {
|
|
.footer-link.footer-link-wide {
|
|
min-width: 50%; } }
|
|
|
|
@media (max-width: 991px) {
|
|
.footer-link {
|
|
min-width: 20%; } }
|
|
|
|
.footer-link .text-footer-nav.privacy {
|
|
color: #00A2FF; }
|
|
|
|
.footer-note {
|
|
margin: 12px auto;
|
|
text-align: center;
|
|
width: 78%; }
|
|
|
|
.footer-kid-safe-logo {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-top: 12px; }
|
|
|
|
.footer-social-groups li {
|
|
height: 30px; }
|
|
|
|
@media (max-width: 543px) {
|
|
.footer-social-groups li {
|
|
width: 50%; } }
|
|
|
|
.dark-theme,
|
|
.dark-theme .content {
|
|
background-color: #232527;
|
|
color: #fff; }
|
|
|
|
.dark-theme .bg-white {
|
|
background-color: #393B3D; }
|
|
|
|
.dark-theme .bg-gray-4 {
|
|
background-color: #232527; }
|
|
|
|
.dark-theme .border-top {
|
|
border-top: 1px solid #656668; }
|
|
|
|
.dark-theme .border-bottom {
|
|
border-bottom: 1px solid #656668; }
|
|
|
|
.dark-theme .border-right {
|
|
border-right: 1px solid #656668; }
|
|
|
|
.dark-theme .border-left {
|
|
border-left: 1px solid #656668; }
|
|
|
|
.dark-theme .border {
|
|
border: 1px solid #656668; }
|
|
|
|
.dark-theme .rbx-divider {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .border-warning {
|
|
border: 1px solid #fff; }
|
|
|
|
.dark-theme .remove-panel {
|
|
background-color: transparent;
|
|
padding: 0; }
|
|
@media (max-width: 767px) {
|
|
.dark-theme .remove-panel {
|
|
padding: 0 12px; } }
|
|
|
|
.light-theme,
|
|
.light-theme .content {
|
|
background-color: #fff;
|
|
color: #393B3D; }
|
|
|
|
.light-theme .bg-white {
|
|
background-color: #EFF2F5; }
|
|
|
|
.light-theme .bg-gray-4 {
|
|
background-color: #fff; }
|
|
|
|
.light-theme .border-top {
|
|
border-top: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .border-bottom {
|
|
border-bottom: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .border-right {
|
|
border-right: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .border-left {
|
|
border-left: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .border {
|
|
border: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .rbx-divider {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .border-warning {
|
|
border: 1px solid #393B3D; }
|
|
|
|
.light-theme .remove-panel {
|
|
background-color: transparent;
|
|
padding: 0; }
|
|
@media (max-width: 767px) {
|
|
.light-theme .remove-panel {
|
|
padding: 0 12px; } }
|
|
|
|
.dark-theme p,
|
|
.dark-theme .text,
|
|
.dark-theme .text-secondary,
|
|
.dark-theme .text-description,
|
|
.dark-theme .text-label,
|
|
.dark-theme .text-date-hint,
|
|
.dark-theme .text-info,
|
|
.dark-theme .text-nav,
|
|
.dark-theme .text-footer {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .text-nav:hover {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-sec {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-subheader {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.dark-theme .text-disabled {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
|
|
.dark-theme .text-link, .dark-theme .vlist .list-item .list-body .list-content a, .vlist .list-item .list-body .list-content .dark-theme a, .dark-theme .text-link:link, .dark-theme .vlist .list-item .list-body .list-content a:link, .vlist .list-item .list-body .list-content .dark-theme a:link, .dark-theme .text-link:hover, .dark-theme .vlist .list-item .list-body .list-content a:hover, .vlist .list-item .list-body .list-content .dark-theme a:hover, .dark-theme .text-link:visited, .dark-theme .vlist .list-item .list-body .list-content a:visited, .vlist .list-item .list-body .list-content .dark-theme a:visited, .dark-theme .text-link:active, .dark-theme .vlist .list-item .list-body .list-content a:active, .vlist .list-item .list-body .list-content .dark-theme a:active,
|
|
.dark-theme .text-name,
|
|
.dark-theme .text-name:link,
|
|
.dark-theme .text-name:hover,
|
|
.dark-theme .text-name:visited,
|
|
.dark-theme .text-name:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-link.small, .dark-theme .vlist .list-item .list-body .list-content a.small, .vlist .list-item .list-body .list-content .dark-theme a.small, .dark-theme .text-link.small:link, .dark-theme .vlist .list-item .list-body .list-content a.small:link, .vlist .list-item .list-body .list-content .dark-theme a.small:link, .dark-theme .text-link.small:visited, .dark-theme .vlist .list-item .list-body .list-content a.small:visited, .vlist .list-item .list-body .list-content .dark-theme a.small:visited, .dark-theme .text-link.small:active, .dark-theme .vlist .list-item .list-body .list-content a.small:active, .vlist .list-item .list-body .list-content .dark-theme a.small:active, .dark-theme .text-link.xsmall, .dark-theme .vlist .list-item .list-body .list-content a.xsmall, .vlist .list-item .list-body .list-content .dark-theme a.xsmall, .dark-theme .text-link.xsmall:link, .dark-theme .vlist .list-item .list-body .list-content a.xsmall:link, .vlist .list-item .list-body .list-content .dark-theme a.xsmall:link, .dark-theme .text-link.xsmall:visited, .dark-theme .vlist .list-item .list-body .list-content a.xsmall:visited, .vlist .list-item .list-body .list-content .dark-theme a.xsmall:visited, .dark-theme .text-link.xsmall:active, .dark-theme .vlist .list-item .list-body .list-content a.xsmall:active, .vlist .list-item .list-body .list-content .dark-theme a.xsmall:active, .dark-theme .text-link.xxsmall, .dark-theme .vlist .list-item .list-body .list-content a.xxsmall, .vlist .list-item .list-body .list-content .dark-theme a.xxsmall, .dark-theme .text-link.xxsmall:link, .dark-theme .vlist .list-item .list-body .list-content a.xxsmall:link, .vlist .list-item .list-body .list-content .dark-theme a.xxsmall:link, .dark-theme .text-link.xxsmall:visited, .dark-theme .vlist .list-item .list-body .list-content a.xxsmall:visited, .vlist .list-item .list-body .list-content .dark-theme a.xxsmall:visited, .dark-theme .text-link.xxsmall:active, .dark-theme .vlist .list-item .list-body .list-content a.xxsmall:active, .vlist .list-item .list-body .list-content .dark-theme a.xxsmall:active,
|
|
.dark-theme .text-name.small,
|
|
.dark-theme .text-name.small:link,
|
|
.dark-theme .text-name.small:visited,
|
|
.dark-theme .text-name.small:active,
|
|
.dark-theme .text-name.xsmall,
|
|
.dark-theme .text-name.xsmall:link,
|
|
.dark-theme .text-name.xsmall:visited,
|
|
.dark-theme .text-name.xsmall:active,
|
|
.dark-theme .text-name.xxsmall,
|
|
.dark-theme .text-name.xxsmall:link,
|
|
.dark-theme .text-name.xxsmall:visited,
|
|
.dark-theme .text-name.xxsmall:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-lead, .dark-theme .text-lead:link, .dark-theme .text-lead:hover, .dark-theme .text-lead:visited, .dark-theme .text-lead:active,
|
|
.dark-theme .text-title,
|
|
.dark-theme .text-title:link,
|
|
.dark-theme .text-title:hover,
|
|
.dark-theme .text-title:visited,
|
|
.dark-theme .text-title:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-link-secondary {
|
|
color: #BDBEBE; }
|
|
.dark-theme .text-link-secondary.active, .dark-theme .text-link-secondary:hover {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-report-ads, .dark-theme .text-report-ads:link, .dark-theme .text-report-ads:visited, .dark-theme .text-report-ads:active {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .text-report-ads:hover {
|
|
color: #F74B52; }
|
|
|
|
.dark-theme .text-report, .dark-theme .text-report:link, .dark-theme .text-report:hover, .dark-theme .text-report:visited, .dark-theme .text-report:active {
|
|
color: #F74B52; }
|
|
|
|
.dark-theme .abp .ad-identification-text {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .abp .UpsellAdButton, .dark-theme .abp .UpsellAdButton:link, .dark-theme .abp .UpsellAdButton:visited,
|
|
.dark-theme .abp .BadAdButton,
|
|
.dark-theme .abp .BadAdButton:link,
|
|
.dark-theme .abp .BadAdButton:visited {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .abp .UpsellAdButton:hover {
|
|
color: #fff; }
|
|
|
|
.dark-theme .abp .BadAdButton:hover {
|
|
color: #F74B52; }
|
|
|
|
.dark-theme .text-success,
|
|
.dark-theme .text-robux {
|
|
color: #00B06F; }
|
|
|
|
.dark-theme .para-overflow:after,
|
|
.dark-theme .para-overflow-toggle:after {
|
|
background-color: #232527; }
|
|
|
|
.dark-theme .para-overflow .toggle-para, .dark-theme .para-overflow .toggle-para:hover,
|
|
.dark-theme .para-overflow-toggle .toggle-para,
|
|
.dark-theme .para-overflow-toggle .toggle-para:hover {
|
|
color: #fff; }
|
|
|
|
.dark-theme .content-overflow-toggle .toggle-content {
|
|
background-color: #393B3D;
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-alert,
|
|
.dark-theme .text-error {
|
|
color: #F74B52; }
|
|
|
|
.dark-theme .text-warning {
|
|
color: #fff; }
|
|
|
|
.dark-theme .show-more-end {
|
|
background: none; }
|
|
|
|
.light-theme p,
|
|
.light-theme .text,
|
|
.light-theme .text-secondary,
|
|
.light-theme .text-description,
|
|
.light-theme .text-label,
|
|
.light-theme .text-date-hint,
|
|
.light-theme .text-info,
|
|
.light-theme .text-nav,
|
|
.light-theme .text-footer {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .text-nav:hover {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-sec {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-subheader {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.light-theme .text-disabled {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
|
|
.light-theme .text-link, .light-theme .vlist .list-item .list-body .list-content a, .vlist .list-item .list-body .list-content .light-theme a, .light-theme .text-link:link, .light-theme .vlist .list-item .list-body .list-content a:link, .vlist .list-item .list-body .list-content .light-theme a:link, .light-theme .text-link:hover, .light-theme .vlist .list-item .list-body .list-content a:hover, .vlist .list-item .list-body .list-content .light-theme a:hover, .light-theme .text-link:visited, .light-theme .vlist .list-item .list-body .list-content a:visited, .vlist .list-item .list-body .list-content .light-theme a:visited, .light-theme .text-link:active, .light-theme .vlist .list-item .list-body .list-content a:active, .vlist .list-item .list-body .list-content .light-theme a:active,
|
|
.light-theme .text-name,
|
|
.light-theme .text-name:link,
|
|
.light-theme .text-name:hover,
|
|
.light-theme .text-name:visited,
|
|
.light-theme .text-name:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-link.small, .light-theme .vlist .list-item .list-body .list-content a.small, .vlist .list-item .list-body .list-content .light-theme a.small, .light-theme .text-link.small:link, .light-theme .vlist .list-item .list-body .list-content a.small:link, .vlist .list-item .list-body .list-content .light-theme a.small:link, .light-theme .text-link.small:visited, .light-theme .vlist .list-item .list-body .list-content a.small:visited, .vlist .list-item .list-body .list-content .light-theme a.small:visited, .light-theme .text-link.small:active, .light-theme .vlist .list-item .list-body .list-content a.small:active, .vlist .list-item .list-body .list-content .light-theme a.small:active, .light-theme .text-link.xsmall, .light-theme .vlist .list-item .list-body .list-content a.xsmall, .vlist .list-item .list-body .list-content .light-theme a.xsmall, .light-theme .text-link.xsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xsmall:link, .light-theme .text-link.xsmall:visited, .light-theme .vlist .list-item .list-body .list-content a.xsmall:visited, .vlist .list-item .list-body .list-content .light-theme a.xsmall:visited, .light-theme .text-link.xsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xsmall:active, .light-theme .text-link.xxsmall, .light-theme .vlist .list-item .list-body .list-content a.xxsmall, .vlist .list-item .list-body .list-content .light-theme a.xxsmall, .light-theme .text-link.xxsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:link, .light-theme .text-link.xxsmall:visited, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:visited, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:visited, .light-theme .text-link.xxsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:active,
|
|
.light-theme .text-name.small,
|
|
.light-theme .text-name.small:link,
|
|
.light-theme .text-name.small:visited,
|
|
.light-theme .text-name.small:active,
|
|
.light-theme .text-name.xsmall,
|
|
.light-theme .text-name.xsmall:link,
|
|
.light-theme .text-name.xsmall:visited,
|
|
.light-theme .text-name.xsmall:active,
|
|
.light-theme .text-name.xxsmall,
|
|
.light-theme .text-name.xxsmall:link,
|
|
.light-theme .text-name.xxsmall:visited,
|
|
.light-theme .text-name.xxsmall:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-lead, .light-theme .text-lead:link, .light-theme .text-lead:hover, .light-theme .text-lead:visited, .light-theme .text-lead:active,
|
|
.light-theme .text-title,
|
|
.light-theme .text-title:link,
|
|
.light-theme .text-title:hover,
|
|
.light-theme .text-title:visited,
|
|
.light-theme .text-title:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-link-secondary {
|
|
color: #7B7C7D; }
|
|
.light-theme .text-link-secondary.active, .light-theme .text-link-secondary:hover {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-report-ads, .light-theme .text-report-ads:link, .light-theme .text-report-ads:visited, .light-theme .text-report-ads:active {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .text-report-ads:hover {
|
|
color: #F74B52; }
|
|
|
|
.light-theme .text-report, .light-theme .text-report:link, .light-theme .text-report:hover, .light-theme .text-report:visited, .light-theme .text-report:active {
|
|
color: #F74B52; }
|
|
|
|
.light-theme .abp .ad-identification-text {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .abp .UpsellAdButton, .light-theme .abp .UpsellAdButton:link, .light-theme .abp .UpsellAdButton:visited,
|
|
.light-theme .abp .BadAdButton,
|
|
.light-theme .abp .BadAdButton:link,
|
|
.light-theme .abp .BadAdButton:visited {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .abp .UpsellAdButton:hover {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .abp .BadAdButton:hover {
|
|
color: #F74B52; }
|
|
|
|
.light-theme .text-success,
|
|
.light-theme .text-robux {
|
|
color: #00B06F; }
|
|
|
|
.light-theme .para-overflow:after,
|
|
.light-theme .para-overflow-toggle:after {
|
|
background-color: #fff; }
|
|
|
|
.light-theme .para-overflow .toggle-para, .light-theme .para-overflow .toggle-para:hover,
|
|
.light-theme .para-overflow-toggle .toggle-para,
|
|
.light-theme .para-overflow-toggle .toggle-para:hover {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .content-overflow-toggle .toggle-content {
|
|
background-color: #EFF2F5;
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-alert,
|
|
.light-theme .text-error {
|
|
color: #F74B52; }
|
|
|
|
.light-theme .text-warning {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .show-more-end {
|
|
background: none; }
|
|
|
|
.dark-theme .breadcrumb-container {
|
|
color: #BDBEBE; }
|
|
.dark-theme .breadcrumb-container li.breadcrumb-filter {
|
|
background-color: transparent;
|
|
border: 1px solid #BDBEBE; }
|
|
.dark-theme .breadcrumb-container li.breadcrumb-filter .breadcrumb-filter-name {
|
|
color: #BDBEBE; }
|
|
.dark-theme .breadcrumb-container li.breadcrumb-filter:hover {
|
|
border-color: #fff; }
|
|
.dark-theme .breadcrumb-container li.breadcrumb-filter:hover .breadcrumb-filter-name {
|
|
color: #fff; }
|
|
|
|
.light-theme .breadcrumb-container {
|
|
color: #7B7C7D; }
|
|
.light-theme .breadcrumb-container li.breadcrumb-filter {
|
|
background-color: transparent;
|
|
border: 1px solid #7B7C7D; }
|
|
.light-theme .breadcrumb-container li.breadcrumb-filter .breadcrumb-filter-name {
|
|
color: #7B7C7D; }
|
|
.light-theme .breadcrumb-container li.breadcrumb-filter:hover {
|
|
border-color: #393B3D; }
|
|
.light-theme .breadcrumb-container li.breadcrumb-filter:hover .breadcrumb-filter-name {
|
|
color: #393B3D; }
|
|
|
|
.dark-theme .avatar-card-container.disabled {
|
|
background-color: rgba(57, 59, 61, 0.5); }
|
|
.dark-theme .avatar-card-container.disabled .avatar-card-fullbody,
|
|
.dark-theme .avatar-card-container.disabled .avatar-card-caption {
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .avatar-card-container .avatar-card-caption .avatar-card-label {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .avatar.card-plain {
|
|
border: none; }
|
|
|
|
@media (max-width: 767px) {
|
|
.dark-theme .avatar-container .avatar-status.icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.dark-theme .avatar-container .avatar-card-fullbody .icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.dark-theme .avatar-container .avatar-headshot-lg .avatar-status.icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
.dark-theme .avatar-container .avatar-double .avatar-item:first-child {
|
|
border-right: 1px solid #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-triple .avatar-item:first-child, .dark-theme .avatar-container .avatar-triple .avatar-item:nth-child(2) {
|
|
border-right: 1px solid #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-all .avatar-item:first-child {
|
|
border-right: 1px solid #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-all .avatar-item:nth-child(3) {
|
|
border-top: 1px solid #656668;
|
|
border-right: 1px solid #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-all .avatar-item:nth-child(4) {
|
|
border-top: 1px solid #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-card-container.disabled {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label {
|
|
color: #BDBEBE; }
|
|
.dark-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label.fail {
|
|
color: #F74B52; }
|
|
.dark-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label.success {
|
|
color: #00B06F; }
|
|
|
|
.dark-theme .avatar-card-btns {
|
|
border-top: none; }
|
|
|
|
.light-theme .avatar-card-container.disabled {
|
|
background-color: rgba(255, 255, 255, 0.5); }
|
|
.light-theme .avatar-card-container.disabled .avatar-card-fullbody,
|
|
.light-theme .avatar-card-container.disabled .avatar-card-caption {
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .avatar-card-container .avatar-card-caption .avatar-card-label {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .avatar.card-plain {
|
|
border: none; }
|
|
|
|
@media (max-width: 767px) {
|
|
.light-theme .avatar-container .avatar-status.icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.light-theme .avatar-container .avatar-card-fullbody .icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.light-theme .avatar-container .avatar-headshot-lg .avatar-status.icon-game {
|
|
background-color: #00B06F; } }
|
|
|
|
.light-theme .avatar-container .avatar-double .avatar-item:first-child {
|
|
border-right: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-triple .avatar-item:first-child, .light-theme .avatar-container .avatar-triple .avatar-item:nth-child(2) {
|
|
border-right: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-all .avatar-item:first-child {
|
|
border-right: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-all .avatar-item:nth-child(3) {
|
|
border-top: 1px solid #BDBEBE;
|
|
border-right: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-all .avatar-item:nth-child(4) {
|
|
border-top: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-card-container.disabled {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label {
|
|
color: #7B7C7D; }
|
|
.light-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label.fail {
|
|
color: #F74B52; }
|
|
.light-theme .avatar-container .avatar-card-container .avatar-card-caption .avatar-card-label.success {
|
|
color: #00B06F; }
|
|
|
|
.light-theme .avatar-card-btns {
|
|
border-top: none; }
|
|
|
|
.dark-theme .game-card-info .info-label {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
@media (max-width: 543px) {
|
|
.dark-theme .game-card-info .info-label.icon-votes-gray {
|
|
background-size: 24px auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-position: 0px -24px; } }
|
|
@media (max-width: 543px) {
|
|
.dark-theme .game-card-info .info-label.icon-playing-counts-gray {
|
|
background-size: 24px auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-position: 0px -36px; } }
|
|
|
|
.dark-theme .game-card-native-ad {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .game-card-avatar-slots .avatar .avatar-offset-label {
|
|
color: #BDBEBE; }
|
|
|
|
.light-theme .game-card-info .info-label {
|
|
color: rgba(0, 0, 0, 0.5); }
|
|
@media (max-width: 543px) {
|
|
.light-theme .game-card-info .info-label.icon-votes-gray {
|
|
background-size: 24px auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-position: 0px -24px; } }
|
|
@media (max-width: 543px) {
|
|
.light-theme .game-card-info .info-label.icon-playing-counts-gray {
|
|
background-size: 24px auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-position: 0px -36px; } }
|
|
|
|
.light-theme .game-card-native-ad {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .game-card-avatar-slots .avatar .avatar-offset-label {
|
|
color: #7B7C7D; }
|
|
|
|
.dark-theme .item-card-label,
|
|
.dark-theme .store-card-add-label,
|
|
.dark-theme .store-card-price {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .item-card-container {
|
|
border-radius: 0; }
|
|
.dark-theme .item-card-container .item-card-thumb-container {
|
|
background-color: #656668;
|
|
border-color: #393B3D; }
|
|
|
|
.dark-theme .asset-thumb-container {
|
|
border: 1px solid #656668; }
|
|
|
|
.light-theme .item-card-label,
|
|
.light-theme .store-card-add-label,
|
|
.light-theme .store-card-price {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .item-card-container {
|
|
border-radius: 0; }
|
|
.light-theme .item-card-container .item-card-thumb-container {
|
|
background-color: #BDBEBE;
|
|
border-color: #EFF2F5; }
|
|
|
|
.light-theme .asset-thumb-container {
|
|
border: 1px solid #BDBEBE; }
|
|
|
|
.dark-theme .owl-carousel .text-box img.open-quotation, .dark-theme .owl-carousel .text-box img.close-quotation {
|
|
opacity: 0.1; }
|
|
|
|
.dark-theme .owl-carousel .owl-dots .owl-dot.active {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme .slide-switcher .slide-item-container .slide-item-container-left {
|
|
background-color: #1F2123; }
|
|
|
|
.dark-theme .carousel-control {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: rgba(0, 0, 0, 0.7); }
|
|
.dark-theme .carousel-control:hover {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: transparent; }
|
|
.dark-theme .carousel-control:focus {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-color: transparent; }
|
|
|
|
.light-theme .owl-carousel .text-box img.open-quotation, .light-theme .owl-carousel .text-box img.close-quotation {
|
|
opacity: 0.1; }
|
|
|
|
.light-theme .owl-carousel .owl-dots .owl-dot.active {
|
|
background-color: #393B3D; }
|
|
|
|
.light-theme .slide-switcher .slide-item-container .slide-item-container-left {
|
|
background-color: #E3E5E8; }
|
|
|
|
.light-theme .carousel-control {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
border-color: rgba(0, 0, 0, 0.3); }
|
|
.light-theme .carousel-control:hover {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: transparent; }
|
|
.light-theme .carousel-control:focus {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-color: transparent; }
|
|
|
|
.dark-theme .open-quotation-mask {
|
|
background-image: url("/images/IDE/DevelopSplashScreen/open_quotation_mark-dark.png"); }
|
|
|
|
.dark-theme .close-quotation-mask {
|
|
background-image: url("/images/IDE/DevelopSplashScreen/close_quotation_mark-dark.png"); }
|
|
|
|
.light-theme .open-quotation-mask {
|
|
background-image: url("/images/IDE/DevelopSplashScreen/open_quotation_mark-light.png"); }
|
|
|
|
.light-theme .close-quotation-mask {
|
|
background-image: url("/images/IDE/DevelopSplashScreen/close_quotation_mark-light.png"); }
|
|
|
|
.dark-theme .checkbox input[type="checkbox"] + label {
|
|
color: #BDBEBE; }
|
|
.dark-theme .checkbox input[type="checkbox"] + label::before {
|
|
border-radius: 0px;
|
|
background-color: #232527;
|
|
border-color: #BDBEBE; }
|
|
.dark-theme .checkbox input[type="checkbox"] + label:hover::before {
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border-color: #fff;
|
|
background-color: #fff;
|
|
width: 16px;
|
|
height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.dark-theme .checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
background-position: 0px -946px; } }
|
|
|
|
.dark-theme .checkbox input[type="checkbox"]:disabled + label {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .checkbox input[type="checkbox"]:disabled + label::before {
|
|
background-color: #232527;
|
|
border-color: #232527;
|
|
opacity: 0.5; }
|
|
@media (max-width: 991px) {
|
|
.dark-theme .checkbox input[type="checkbox"]:disabled + label::before {
|
|
width: 24px;
|
|
height: 24px; } }
|
|
|
|
.dark-theme .checkbox input[type="checkbox"]:checked:disabled + label {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-color: #232527;
|
|
border-color: #232527;
|
|
opacity: 0.5; }
|
|
@media (max-width: 991px) {
|
|
.dark-theme .checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url("/images/Shared/generic_dark_11062018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
background-position: -22px -946px; } }
|
|
|
|
.light-theme .checkbox input[type="checkbox"] + label {
|
|
color: #7B7C7D; }
|
|
.light-theme .checkbox input[type="checkbox"] + label::before {
|
|
border-radius: 0px;
|
|
background-color: #fff;
|
|
border-color: #7B7C7D; }
|
|
.light-theme .checkbox input[type="checkbox"] + label:hover::before {
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border-color: #393B3D;
|
|
background-color: #393B3D;
|
|
width: 16px;
|
|
height: 16px; }
|
|
@media (max-width: 991px) {
|
|
.light-theme .checkbox input[type="checkbox"]:checked + label::before {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
background-position: 0px -946px; } }
|
|
|
|
.light-theme .checkbox input[type="checkbox"]:disabled + label {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .checkbox input[type="checkbox"]:disabled + label::before {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
opacity: 0.5; }
|
|
@media (max-width: 991px) {
|
|
.light-theme .checkbox input[type="checkbox"]:disabled + label::before {
|
|
width: 24px;
|
|
height: 24px; } }
|
|
|
|
.light-theme .checkbox input[type="checkbox"]:checked:disabled + label {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 28px auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
opacity: 0.5; }
|
|
@media (max-width: 991px) {
|
|
.light-theme .checkbox input[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url("/images/Shared/generic_light_10232018.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 44px auto;
|
|
width: 22px;
|
|
height: 22px;
|
|
background-position: -22px -946px; } }
|
|
|
|
.dark-theme .dropdown-menu {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
|
|
|
|
.light-theme .dropdown-menu {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
|
|
|
|
.dark-theme .select-group:hover,
|
|
.dark-theme .rbx-select-group:hover {
|
|
background-color: transparent; }
|
|
|
|
.dark-theme .select-group .select-option,
|
|
.dark-theme .select-group .rbx-select,
|
|
.dark-theme .rbx-select-group .select-option,
|
|
.dark-theme .rbx-select-group .rbx-select {
|
|
background-color: transparent;
|
|
border: 1px solid #656668; }
|
|
.dark-theme .select-group .select-option:hover, .dark-theme .select-group .select-option:focus, .dark-theme .select-group .select-option.active,
|
|
.dark-theme .select-group .rbx-select:hover,
|
|
.dark-theme .select-group .rbx-select:focus,
|
|
.dark-theme .select-group .rbx-select.active,
|
|
.dark-theme .rbx-select-group .select-option:hover,
|
|
.dark-theme .rbx-select-group .select-option:focus,
|
|
.dark-theme .rbx-select-group .select-option.active,
|
|
.dark-theme .rbx-select-group .rbx-select:hover,
|
|
.dark-theme .rbx-select-group .rbx-select:focus,
|
|
.dark-theme .rbx-select-group .rbx-select.active {
|
|
background-color: transparent;
|
|
box-shadow: none; }
|
|
.dark-theme .select-group .select-option:hover option, .dark-theme .select-group .select-option:focus option, .dark-theme .select-group .select-option.active option,
|
|
.dark-theme .select-group .rbx-select:hover option,
|
|
.dark-theme .select-group .rbx-select:focus option,
|
|
.dark-theme .select-group .rbx-select.active option,
|
|
.dark-theme .rbx-select-group .select-option:hover option,
|
|
.dark-theme .rbx-select-group .select-option:focus option,
|
|
.dark-theme .rbx-select-group .select-option.active option,
|
|
.dark-theme .rbx-select-group .rbx-select:hover option,
|
|
.dark-theme .rbx-select-group .rbx-select:focus option,
|
|
.dark-theme .rbx-select-group .rbx-select.active option {
|
|
background-color: #232527; }
|
|
.dark-theme .select-group .select-option option, .dark-theme .select-group .select-option option:hover, .dark-theme .select-group .select-option option:checked,
|
|
.dark-theme .select-group .rbx-select option,
|
|
.dark-theme .select-group .rbx-select option:hover,
|
|
.dark-theme .select-group .rbx-select option:checked,
|
|
.dark-theme .rbx-select-group .select-option option,
|
|
.dark-theme .rbx-select-group .select-option option:hover,
|
|
.dark-theme .rbx-select-group .select-option option:checked,
|
|
.dark-theme .rbx-select-group .rbx-select option,
|
|
.dark-theme .rbx-select-group .rbx-select option:hover,
|
|
.dark-theme .rbx-select-group .rbx-select option:checked {
|
|
background-color: #393B3D; }
|
|
.dark-theme .select-group .select-option[disabled], .dark-theme .select-group .select-option[readonly],
|
|
.dark-theme .select-group .rbx-select[disabled],
|
|
.dark-theme .select-group .rbx-select[readonly],
|
|
.dark-theme .rbx-select-group .select-option[disabled],
|
|
.dark-theme .rbx-select-group .select-option[readonly],
|
|
.dark-theme .rbx-select-group .rbx-select[disabled],
|
|
.dark-theme .rbx-select-group .rbx-select[readonly] {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
color: #BDBEBE;
|
|
opacity: 1; }
|
|
|
|
.light-theme .select-group:hover,
|
|
.light-theme .rbx-select-group:hover {
|
|
background-color: transparent; }
|
|
|
|
.light-theme .select-group .select-option,
|
|
.light-theme .select-group .rbx-select,
|
|
.light-theme .rbx-select-group .select-option,
|
|
.light-theme .rbx-select-group .rbx-select {
|
|
background-color: transparent;
|
|
border: 1px solid #BDBEBE; }
|
|
.light-theme .select-group .select-option:hover, .light-theme .select-group .select-option:focus, .light-theme .select-group .select-option.active,
|
|
.light-theme .select-group .rbx-select:hover,
|
|
.light-theme .select-group .rbx-select:focus,
|
|
.light-theme .select-group .rbx-select.active,
|
|
.light-theme .rbx-select-group .select-option:hover,
|
|
.light-theme .rbx-select-group .select-option:focus,
|
|
.light-theme .rbx-select-group .select-option.active,
|
|
.light-theme .rbx-select-group .rbx-select:hover,
|
|
.light-theme .rbx-select-group .rbx-select:focus,
|
|
.light-theme .rbx-select-group .rbx-select.active {
|
|
background-color: transparent;
|
|
box-shadow: none; }
|
|
.light-theme .select-group .select-option:hover option, .light-theme .select-group .select-option:focus option, .light-theme .select-group .select-option.active option,
|
|
.light-theme .select-group .rbx-select:hover option,
|
|
.light-theme .select-group .rbx-select:focus option,
|
|
.light-theme .select-group .rbx-select.active option,
|
|
.light-theme .rbx-select-group .select-option:hover option,
|
|
.light-theme .rbx-select-group .select-option:focus option,
|
|
.light-theme .rbx-select-group .select-option.active option,
|
|
.light-theme .rbx-select-group .rbx-select:hover option,
|
|
.light-theme .rbx-select-group .rbx-select:focus option,
|
|
.light-theme .rbx-select-group .rbx-select.active option {
|
|
background-color: #fff; }
|
|
.light-theme .select-group .select-option option, .light-theme .select-group .select-option option:hover, .light-theme .select-group .select-option option:checked,
|
|
.light-theme .select-group .rbx-select option,
|
|
.light-theme .select-group .rbx-select option:hover,
|
|
.light-theme .select-group .rbx-select option:checked,
|
|
.light-theme .rbx-select-group .select-option option,
|
|
.light-theme .rbx-select-group .select-option option:hover,
|
|
.light-theme .rbx-select-group .select-option option:checked,
|
|
.light-theme .rbx-select-group .rbx-select option,
|
|
.light-theme .rbx-select-group .rbx-select option:hover,
|
|
.light-theme .rbx-select-group .rbx-select option:checked {
|
|
background-color: #EFF2F5; }
|
|
.light-theme .select-group .select-option[disabled], .light-theme .select-group .select-option[readonly],
|
|
.light-theme .select-group .rbx-select[disabled],
|
|
.light-theme .select-group .rbx-select[readonly],
|
|
.light-theme .rbx-select-group .select-option[disabled],
|
|
.light-theme .rbx-select-group .select-option[readonly],
|
|
.light-theme .rbx-select-group .rbx-select[disabled],
|
|
.light-theme .rbx-select-group .rbx-select[readonly] {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: #7B7C7D;
|
|
opacity: 1; }
|
|
|
|
.dark-theme .spinner {
|
|
background-image: url("/images/shared/loading_dark.gif"); }
|
|
|
|
.light-theme .spinner {
|
|
background-image: url("/images/shared/loading_light.gif"); }
|
|
|
|
.dark-theme input,
|
|
.dark-theme textarea {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
color: #BDBEBE; }
|
|
.dark-theme input::-moz-placeholder,
|
|
.dark-theme textarea::-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.dark-theme input:-ms-input-placeholder,
|
|
.dark-theme textarea:-ms-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme input::-webkit-input-placeholder,
|
|
.dark-theme textarea::-webkit-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
.dark-theme input::placeholder,
|
|
.dark-theme textarea::placeholder {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
font-weight: 300; }
|
|
|
|
.dark-theme .input-group {
|
|
display: block; }
|
|
.dark-theme .input-group .input-field {
|
|
display: inline-block;
|
|
padding-left: 38px;
|
|
z-index: 0; }
|
|
.dark-theme .input-group .input-group-btn {
|
|
display: inline-block;
|
|
position: static;
|
|
z-index: 1020; }
|
|
@media (max-width: 767px) {
|
|
.dark-theme .input-group .input-group-btn {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0; } }
|
|
.dark-theme .input-group .input-group-btn .input-addon-btn {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 3px 0 0 3px; }
|
|
@media (max-width: 767px) {
|
|
.dark-theme .input-group .input-group-btn .input-addon-btn {
|
|
position: relative; } }
|
|
.dark-theme .input-group .input-group-btn .input-addon-btn, .dark-theme .input-group .input-group-btn .input-addon-btn:hover, .dark-theme .input-group .input-group-btn .input-addon-btn:focus {
|
|
border-color: transparent; }
|
|
.dark-theme .input-group .input-group-btn .dropdown-menu {
|
|
top: 38px;
|
|
right: 0; }
|
|
|
|
.light-theme input,
|
|
.light-theme textarea {
|
|
background-color: #E3E5E8;
|
|
border-color: #E3E5E8;
|
|
color: rgba(123, 124, 125, 0.5); }
|
|
.light-theme input::-moz-placeholder,
|
|
.light-theme textarea::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300;
|
|
opacity: 1; }
|
|
.light-theme input:-ms-input-placeholder,
|
|
.light-theme textarea:-ms-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme input::-webkit-input-placeholder,
|
|
.light-theme textarea::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
.light-theme input::placeholder,
|
|
.light-theme textarea::placeholder {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
font-weight: 300; }
|
|
|
|
.light-theme .input-group {
|
|
display: block; }
|
|
.light-theme .input-group .input-field {
|
|
display: inline-block;
|
|
padding-left: 38px;
|
|
z-index: 0; }
|
|
.light-theme .input-group .input-group-btn {
|
|
display: inline-block;
|
|
position: static;
|
|
z-index: 1020; }
|
|
@media (max-width: 767px) {
|
|
.light-theme .input-group .input-group-btn {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0; } }
|
|
.light-theme .input-group .input-group-btn .input-addon-btn {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 3px 0 0 3px; }
|
|
@media (max-width: 767px) {
|
|
.light-theme .input-group .input-group-btn .input-addon-btn {
|
|
position: relative; } }
|
|
.light-theme .input-group .input-group-btn .input-addon-btn, .light-theme .input-group .input-group-btn .input-addon-btn:hover, .light-theme .input-group .input-group-btn .input-addon-btn:focus {
|
|
border-color: transparent; }
|
|
.light-theme .input-group .input-group-btn .dropdown-menu {
|
|
top: 38px;
|
|
right: 0; }
|
|
|
|
.dark-theme.gotham-font .see-all-link, .dark-theme.gotham-font .see-all-link:link, .dark-theme.gotham-font .see-all-link:hover, .dark-theme.gotham-font .see-all-link:visited, .dark-theme.gotham-font .see-all-link:active,
|
|
.dark-theme.gotham-font .refresh-link,
|
|
.dark-theme.gotham-font .refresh-link:link,
|
|
.dark-theme.gotham-font .refresh-link:hover,
|
|
.dark-theme.gotham-font .refresh-link:visited,
|
|
.dark-theme.gotham-font .refresh-link:active,
|
|
.dark-theme.gotham-font .see-all-link-icon,
|
|
.dark-theme.gotham-font .see-all-link-icon:link,
|
|
.dark-theme.gotham-font .see-all-link-icon:hover,
|
|
.dark-theme.gotham-font .see-all-link-icon:visited,
|
|
.dark-theme.gotham-font .see-all-link-icon:active,
|
|
.dark-theme.gotham-font .refresh-link-icon,
|
|
.dark-theme.gotham-font .refresh-link-icon:link,
|
|
.dark-theme.gotham-font .refresh-link-icon:hover,
|
|
.dark-theme.gotham-font .refresh-link-icon:visited,
|
|
.dark-theme.gotham-font .refresh-link-icon:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme.gotham-font .touch .see-all-link, .dark-theme.gotham-font .touch .see-all-link:link, .dark-theme.gotham-font .touch .see-all-link:hover, .dark-theme.gotham-font .touch .see-all-link:visited, .dark-theme.gotham-font .touch .see-all-link:active,
|
|
.dark-theme.gotham-font .touch .refresh-link,
|
|
.dark-theme.gotham-font .touch .refresh-link:link,
|
|
.dark-theme.gotham-font .touch .refresh-link:hover,
|
|
.dark-theme.gotham-font .touch .refresh-link:visited,
|
|
.dark-theme.gotham-font .touch .refresh-link:active,
|
|
.dark-theme.gotham-font .touch .see-all-link-icon,
|
|
.dark-theme.gotham-font .touch .see-all-link-icon:link,
|
|
.dark-theme.gotham-font .touch .see-all-link-icon:hover,
|
|
.dark-theme.gotham-font .touch .see-all-link-icon:visited,
|
|
.dark-theme.gotham-font .touch .see-all-link-icon:active,
|
|
.dark-theme.gotham-font .touch .refresh-link-icon,
|
|
.dark-theme.gotham-font .touch .refresh-link-icon:link,
|
|
.dark-theme.gotham-font .touch .refresh-link-icon:hover,
|
|
.dark-theme.gotham-font .touch .refresh-link-icon:visited,
|
|
.dark-theme.gotham-font .touch .refresh-link-icon:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme.gotham-font .see-all-link-icon {
|
|
padding: 0 20px 0 0; }
|
|
.dark-theme.gotham-font .see-all-link-icon:after {
|
|
transform: scale(0.875); }
|
|
|
|
.dark-theme.gotham-font .refresh-link-icon {
|
|
padding: 0 20px 0 0; }
|
|
.dark-theme.gotham-font .refresh-link-icon:after {
|
|
transform: scale(0.875); }
|
|
|
|
.light-theme.gotham-font .see-all-link, .light-theme.gotham-font .see-all-link:link, .light-theme.gotham-font .see-all-link:hover, .light-theme.gotham-font .see-all-link:visited, .light-theme.gotham-font .see-all-link:active,
|
|
.light-theme.gotham-font .refresh-link,
|
|
.light-theme.gotham-font .refresh-link:link,
|
|
.light-theme.gotham-font .refresh-link:hover,
|
|
.light-theme.gotham-font .refresh-link:visited,
|
|
.light-theme.gotham-font .refresh-link:active,
|
|
.light-theme.gotham-font .see-all-link-icon,
|
|
.light-theme.gotham-font .see-all-link-icon:link,
|
|
.light-theme.gotham-font .see-all-link-icon:hover,
|
|
.light-theme.gotham-font .see-all-link-icon:visited,
|
|
.light-theme.gotham-font .see-all-link-icon:active,
|
|
.light-theme.gotham-font .refresh-link-icon,
|
|
.light-theme.gotham-font .refresh-link-icon:link,
|
|
.light-theme.gotham-font .refresh-link-icon:hover,
|
|
.light-theme.gotham-font .refresh-link-icon:visited,
|
|
.light-theme.gotham-font .refresh-link-icon:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme.gotham-font .touch .see-all-link, .light-theme.gotham-font .touch .see-all-link:link, .light-theme.gotham-font .touch .see-all-link:hover, .light-theme.gotham-font .touch .see-all-link:visited, .light-theme.gotham-font .touch .see-all-link:active,
|
|
.light-theme.gotham-font .touch .refresh-link,
|
|
.light-theme.gotham-font .touch .refresh-link:link,
|
|
.light-theme.gotham-font .touch .refresh-link:hover,
|
|
.light-theme.gotham-font .touch .refresh-link:visited,
|
|
.light-theme.gotham-font .touch .refresh-link:active,
|
|
.light-theme.gotham-font .touch .see-all-link-icon,
|
|
.light-theme.gotham-font .touch .see-all-link-icon:link,
|
|
.light-theme.gotham-font .touch .see-all-link-icon:hover,
|
|
.light-theme.gotham-font .touch .see-all-link-icon:visited,
|
|
.light-theme.gotham-font .touch .see-all-link-icon:active,
|
|
.light-theme.gotham-font .touch .refresh-link-icon,
|
|
.light-theme.gotham-font .touch .refresh-link-icon:link,
|
|
.light-theme.gotham-font .touch .refresh-link-icon:hover,
|
|
.light-theme.gotham-font .touch .refresh-link-icon:visited,
|
|
.light-theme.gotham-font .touch .refresh-link-icon:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme.gotham-font .see-all-link-icon {
|
|
padding: 0 20px 0 0; }
|
|
.light-theme.gotham-font .see-all-link-icon:after {
|
|
transform: scale(0.875); }
|
|
|
|
.light-theme.gotham-font .refresh-link-icon {
|
|
padding: 0 20px 0 0; }
|
|
.light-theme.gotham-font .refresh-link-icon:after {
|
|
transform: scale(0.875); }
|
|
|
|
.dark-theme .modal-dialog .modal-content .modal-header {
|
|
border-color: #656668; }
|
|
|
|
.dark-theme .modal-dialog .modal-content .modal-top-body,
|
|
.dark-theme .modal-dialog .modal-content .modal-body {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .notification-blue,
|
|
.dark-theme .notification-red,
|
|
.dark-theme .notification {
|
|
background-color: #fff;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #232527; }
|
|
.dark-theme .notification-blue a,
|
|
.dark-theme .notification-blue .alert-link,
|
|
.dark-theme .notification-red a,
|
|
.dark-theme .notification-red .alert-link,
|
|
.dark-theme .notification a,
|
|
.dark-theme .notification .alert-link {
|
|
color: #232527; }
|
|
.dark-theme .notification-blue a:link, .dark-theme .notification-blue a:visited, .dark-theme .notification-blue a:hover, .dark-theme .notification-blue a:focus, .dark-theme .notification-blue a:active,
|
|
.dark-theme .notification-blue .alert-link:link,
|
|
.dark-theme .notification-blue .alert-link:visited,
|
|
.dark-theme .notification-blue .alert-link:hover,
|
|
.dark-theme .notification-blue .alert-link:focus,
|
|
.dark-theme .notification-blue .alert-link:active,
|
|
.dark-theme .notification-red a:link,
|
|
.dark-theme .notification-red a:visited,
|
|
.dark-theme .notification-red a:hover,
|
|
.dark-theme .notification-red a:focus,
|
|
.dark-theme .notification-red a:active,
|
|
.dark-theme .notification-red .alert-link:link,
|
|
.dark-theme .notification-red .alert-link:visited,
|
|
.dark-theme .notification-red .alert-link:hover,
|
|
.dark-theme .notification-red .alert-link:focus,
|
|
.dark-theme .notification-red .alert-link:active,
|
|
.dark-theme .notification a:link,
|
|
.dark-theme .notification a:visited,
|
|
.dark-theme .notification a:hover,
|
|
.dark-theme .notification a:focus,
|
|
.dark-theme .notification a:active,
|
|
.dark-theme .notification .alert-link:link,
|
|
.dark-theme .notification .alert-link:visited,
|
|
.dark-theme .notification .alert-link:hover,
|
|
.dark-theme .notification .alert-link:focus,
|
|
.dark-theme .notification .alert-link:active {
|
|
color: #232527; }
|
|
|
|
.dark-theme .alert-info {
|
|
background-color: #656668;
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .message-banner {
|
|
background-color: #393B3D;
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .alert-loading {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .alert-success {
|
|
background-color: #00B06F; }
|
|
|
|
.dark-theme .alert-warning {
|
|
background-color: #F74B52; }
|
|
|
|
.light-theme .notification-blue,
|
|
.light-theme .notification-red,
|
|
.light-theme .notification {
|
|
background-color: #393B3D;
|
|
border: 0 none;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #fff; }
|
|
.light-theme .notification-blue a,
|
|
.light-theme .notification-blue .alert-link,
|
|
.light-theme .notification-red a,
|
|
.light-theme .notification-red .alert-link,
|
|
.light-theme .notification a,
|
|
.light-theme .notification .alert-link {
|
|
color: #fff; }
|
|
.light-theme .notification-blue a:link, .light-theme .notification-blue a:visited, .light-theme .notification-blue a:hover, .light-theme .notification-blue a:focus, .light-theme .notification-blue a:active,
|
|
.light-theme .notification-blue .alert-link:link,
|
|
.light-theme .notification-blue .alert-link:visited,
|
|
.light-theme .notification-blue .alert-link:hover,
|
|
.light-theme .notification-blue .alert-link:focus,
|
|
.light-theme .notification-blue .alert-link:active,
|
|
.light-theme .notification-red a:link,
|
|
.light-theme .notification-red a:visited,
|
|
.light-theme .notification-red a:hover,
|
|
.light-theme .notification-red a:focus,
|
|
.light-theme .notification-red a:active,
|
|
.light-theme .notification-red .alert-link:link,
|
|
.light-theme .notification-red .alert-link:visited,
|
|
.light-theme .notification-red .alert-link:hover,
|
|
.light-theme .notification-red .alert-link:focus,
|
|
.light-theme .notification-red .alert-link:active,
|
|
.light-theme .notification a:link,
|
|
.light-theme .notification a:visited,
|
|
.light-theme .notification a:hover,
|
|
.light-theme .notification a:focus,
|
|
.light-theme .notification a:active,
|
|
.light-theme .notification .alert-link:link,
|
|
.light-theme .notification .alert-link:visited,
|
|
.light-theme .notification .alert-link:hover,
|
|
.light-theme .notification .alert-link:focus,
|
|
.light-theme .notification .alert-link:active {
|
|
color: #fff; }
|
|
|
|
.light-theme .alert-info {
|
|
background-color: #BDBEBE;
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .message-banner {
|
|
background-color: #EFF2F5;
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .alert-loading {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .alert-success {
|
|
background-color: #00B06F; }
|
|
|
|
.light-theme .alert-warning {
|
|
background-color: #F74B52; }
|
|
|
|
.dark-theme .pager .first a,
|
|
.dark-theme .pager .last a,
|
|
.dark-theme .pager .pager-prev a,
|
|
.dark-theme .pager .pager-next a {
|
|
border-radius: 8px;
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-color: rgba(255, 255, 255, 0.7); }
|
|
.dark-theme .pager .first a span,
|
|
.dark-theme .pager .last a span,
|
|
.dark-theme .pager .pager-prev a span,
|
|
.dark-theme .pager .pager-next a span {
|
|
background-color: transparent; }
|
|
|
|
.dark-theme .pager .pager-total span,
|
|
.dark-theme .pager .pager-total a,
|
|
.dark-theme .pager .pager-cur span,
|
|
.dark-theme .pager .pager-cur a {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .pager .disabled a {
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .pager .first a,
|
|
.light-theme .pager .last a,
|
|
.light-theme .pager .pager-prev a,
|
|
.light-theme .pager .pager-next a {
|
|
border-radius: 8px;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.5); }
|
|
.light-theme .pager .first a span,
|
|
.light-theme .pager .last a span,
|
|
.light-theme .pager .pager-prev a span,
|
|
.light-theme .pager .pager-next a span {
|
|
background-color: transparent; }
|
|
|
|
.light-theme .pager .pager-total span,
|
|
.light-theme .pager .pager-total a,
|
|
.light-theme .pager .pager-cur span,
|
|
.light-theme .pager .pager-cur a {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .pager .disabled a {
|
|
border-color: #7B7C7D; }
|
|
|
|
.dark-theme .mobile-panel .panel-group .panel:not(:first-child) {
|
|
border-top: 1px solid #656668; }
|
|
|
|
.dark-theme .mobile-panel .panel ul li:not(:first-child) {
|
|
border-top: 1px solid #656668; }
|
|
|
|
.dark-theme .mobile-panel .panel .panel-heading:not(:first-child) {
|
|
border-top: 1px solid #656668; }
|
|
|
|
.light-theme .mobile-panel .panel-group .panel:not(:first-child) {
|
|
border-top: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .mobile-panel .panel ul li:not(:first-child) {
|
|
border-top: 1px solid #BDBEBE; }
|
|
|
|
.light-theme .mobile-panel .panel .panel-heading:not(:first-child) {
|
|
border-top: 1px solid #BDBEBE; }
|
|
|
|
.dark-theme .pill-toggle {
|
|
background-color: #656668; }
|
|
.dark-theme .pill-toggle input:checked + label {
|
|
background-color: #BDBEBE; }
|
|
.dark-theme .pill-toggle label {
|
|
color: #BDBEBE; }
|
|
|
|
.light-theme .pill-toggle {
|
|
background-color: #BDBEBE; }
|
|
.light-theme .pill-toggle input:checked + label {
|
|
background-color: #7B7C7D; }
|
|
.light-theme .pill-toggle label {
|
|
color: #7B7C7D; }
|
|
|
|
.dark-theme .popover {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
|
|
.dark-theme .popover.top > .arrow {
|
|
border-top-color: #393B3D; }
|
|
.dark-theme .popover.top > .arrow:after {
|
|
border-top-color: #393B3D; }
|
|
.dark-theme .popover.right > .arrow {
|
|
border-right-color: #393B3D; }
|
|
.dark-theme .popover.right > .arrow:after {
|
|
border-right-color: #393B3D; }
|
|
.dark-theme .popover.bottom > .arrow {
|
|
border-bottom-color: #393B3D; }
|
|
.dark-theme .popover.bottom > .arrow:after {
|
|
border-bottom-color: #393B3D; }
|
|
.dark-theme .popover.left > .arrow {
|
|
border-left-color: #393B3D; }
|
|
.dark-theme .popover.left > .arrow:after {
|
|
border-left-color: #393B3D; }
|
|
|
|
.dark-theme .popover-content .dropdown-menu li a {
|
|
color: #BDBEBE; }
|
|
.dark-theme .popover-content .dropdown-menu li a:hover, .dark-theme .popover-content .dropdown-menu li a:focus {
|
|
color: #fff; }
|
|
|
|
.dark-theme.roblox-popover-content.bottom .arrow, .dark-theme.roblox-popover-content.bottom .arrow:after,
|
|
.dark-theme .roblox-popover-content.bottom .arrow,
|
|
.dark-theme .roblox-popover-content.bottom .arrow:after {
|
|
border-bottom-color: #1F2123; }
|
|
|
|
.dark-theme .roblox-popover-container {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
|
|
|
|
.light-theme .popover {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
|
|
.light-theme .popover.top > .arrow {
|
|
border-top-color: #EFF2F5; }
|
|
.light-theme .popover.top > .arrow:after {
|
|
border-top-color: #EFF2F5; }
|
|
.light-theme .popover.right > .arrow {
|
|
border-right-color: #EFF2F5; }
|
|
.light-theme .popover.right > .arrow:after {
|
|
border-right-color: #EFF2F5; }
|
|
.light-theme .popover.bottom > .arrow {
|
|
border-bottom-color: #EFF2F5; }
|
|
.light-theme .popover.bottom > .arrow:after {
|
|
border-bottom-color: #EFF2F5; }
|
|
.light-theme .popover.left > .arrow {
|
|
border-left-color: #EFF2F5; }
|
|
.light-theme .popover.left > .arrow:after {
|
|
border-left-color: #EFF2F5; }
|
|
|
|
.light-theme .popover-content .dropdown-menu li a {
|
|
color: #7B7C7D; }
|
|
.light-theme .popover-content .dropdown-menu li a:hover, .light-theme .popover-content .dropdown-menu li a:focus {
|
|
color: #393B3D; }
|
|
|
|
.light-theme.roblox-popover-content.bottom .arrow, .light-theme.roblox-popover-content.bottom .arrow:after,
|
|
.light-theme .roblox-popover-content.bottom .arrow,
|
|
.light-theme .roblox-popover-content.bottom .arrow:after {
|
|
border-bottom-color: #E3E5E8; }
|
|
|
|
.light-theme .roblox-popover-container {
|
|
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
|
|
|
|
.dark-theme .scroller {
|
|
background-color: #393B3D;
|
|
border: none; }
|
|
.dark-theme .scroller .icon-games-carousel-right {
|
|
background-position: 0px -952px; }
|
|
.dark-theme .scroller .icon-games-carousel-left {
|
|
background-position: 0px -980px; }
|
|
.dark-theme .scroller:hover, .dark-theme .scroller:focus {
|
|
background-color: #656668; }
|
|
.dark-theme .scroller.disabled {
|
|
background-color: #393B3D;
|
|
border: none;
|
|
opacity: 1; }
|
|
|
|
.light-theme .scroller {
|
|
background-color: #EFF2F5;
|
|
border: none; }
|
|
.light-theme .scroller .icon-games-carousel-right {
|
|
background-position: 0px -952px; }
|
|
.light-theme .scroller .icon-games-carousel-left {
|
|
background-position: 0px -980px; }
|
|
.light-theme .scroller:hover, .light-theme .scroller:focus {
|
|
background-color: #EFF2F5; }
|
|
.light-theme .scroller.disabled {
|
|
background-color: #EFF2F5;
|
|
border: none;
|
|
opacity: 1; }
|
|
|
|
.dark-theme .five-stars .five-stars-count {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .five-stars .stars {
|
|
background-image: url("/images/Icons/five_stars_dark_11122018.svg"); }
|
|
|
|
.light-theme .five-stars .five-stars-count {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .five-stars .stars {
|
|
background-image: url("/images/Icons/five_stars_light_11122018.svg"); }
|
|
|
|
.dark-theme .table > thead > tr > th {
|
|
border-color: #656668; }
|
|
|
|
.dark-theme .table-striped > tbody > tr:nth-child(even) > td,
|
|
.dark-theme .table-striped > tbody > tr:nth-child(even) > th {
|
|
background-color: #393B3D; }
|
|
|
|
.light-theme .table > thead > tr > th {
|
|
border-color: #BDBEBE; }
|
|
|
|
.light-theme .table-striped > tbody > tr:nth-child(even) > td,
|
|
.light-theme .table-striped > tbody > tr:nth-child(even) > th {
|
|
background-color: #EFF2F5; }
|
|
|
|
.dark-theme .btn-toggle {
|
|
background-color: #656668;
|
|
color: #BDBEBE; }
|
|
.dark-theme .btn-toggle .toggle-flip {
|
|
background-color: #BDBEBE; }
|
|
.dark-theme .btn-toggle.on {
|
|
background-color: #00B06F; }
|
|
.dark-theme .btn-toggle.on.disabled {
|
|
background-color: #00B06F;
|
|
opacity: 0.5; }
|
|
.dark-theme .btn-toggle.on.disabled .toggle-flip {
|
|
background-color: #BDBEBE; }
|
|
.dark-theme .btn-toggle.disabled {
|
|
background-color: #656668;
|
|
opacity: 0.5; }
|
|
.dark-theme .btn-toggle.disabled .toggle-flip {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .btn-toggle {
|
|
background-color: #BDBEBE;
|
|
color: #7B7C7D; }
|
|
.light-theme .btn-toggle .toggle-flip {
|
|
background-color: #E3E5E8; }
|
|
.light-theme .btn-toggle.on {
|
|
background-color: #00B06F; }
|
|
.light-theme .btn-toggle.on.disabled {
|
|
background-color: #00B06F;
|
|
opacity: 0.5; }
|
|
.light-theme .btn-toggle.on.disabled .toggle-flip {
|
|
background-color: #7B7C7D; }
|
|
.light-theme .btn-toggle.disabled {
|
|
background-color: #BDBEBE;
|
|
opacity: 0.5; }
|
|
.light-theme .btn-toggle.disabled .toggle-flip {
|
|
background-color: #E3E5E8; }
|
|
|
|
.dark-theme .tooltip-inner {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .tooltip.bottom .tooltip-arrow {
|
|
border-bottom-color: rgba(0, 0, 0, 0.7); }
|
|
|
|
.dark-theme .tooltip.bottom-left .tooltip-arrow {
|
|
border-bottom-color: rgba(0, 0, 0, 0.7); }
|
|
|
|
.light-theme .tooltip-inner {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .tooltip.bottom .tooltip-arrow {
|
|
border-bottom-color: rgba(0, 0, 0, 0.3); }
|
|
|
|
.light-theme .tooltip.bottom-left .tooltip-arrow {
|
|
border-bottom-color: rgba(0, 0, 0, 0.3); }
|
|
|
|
.dark-theme .typing {
|
|
background-image: url("/Images/Chat/typing_dark.gif"); }
|
|
|
|
.light-theme .typing {
|
|
background-image: url("/Images/Chat/typing_light.gif"); }
|
|
|
|
.dark-theme .radio label {
|
|
color: #BDBEBE; }
|
|
.dark-theme .radio label::before {
|
|
background-color: #232527; }
|
|
.dark-theme .radio label:hover::before {
|
|
border-color: #fff; }
|
|
|
|
.dark-theme .radio input[type="radio"]:disabled + label {
|
|
opacity: 1;
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
.dark-theme .radio input[type="radio"]:disabled + label::before {
|
|
opacity: 0.5; }
|
|
|
|
.dark-theme .radio input[type="radio"] + label::after {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme .radio input[type="radio"]:checked + label::after {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme .radio input[type="radio"]:focus + label::before {
|
|
border: 1px solid #fff; }
|
|
|
|
.light-theme .radio label {
|
|
color: #7B7C7D; }
|
|
.light-theme .radio label::before {
|
|
background-color: #fff; }
|
|
.light-theme .radio label:hover::before {
|
|
border-color: #393B3D; }
|
|
|
|
.light-theme .radio input[type="radio"]:disabled + label {
|
|
opacity: 1;
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
.light-theme .radio input[type="radio"]:disabled + label::before {
|
|
opacity: 0.5; }
|
|
|
|
.light-theme .radio input[type="radio"] + label::after {
|
|
background-color: #393B3D; }
|
|
|
|
.light-theme .radio input[type="radio"]:checked + label::after {
|
|
background-color: #393B3D; }
|
|
|
|
.light-theme .radio input[type="radio"]:focus + label::before {
|
|
border: 1px solid #393B3D; }
|
|
|
|
.dark-theme input[type="range"]::-webkit-slider-runnable-track {
|
|
background-color: #18191B; }
|
|
|
|
.dark-theme input[type="range"]::-moz-range-track {
|
|
background-color: #18191B; }
|
|
|
|
.dark-theme input[type="range"]::-ms-track {
|
|
background-color: #18191B; }
|
|
|
|
.dark-theme input[type="range"]::-webkit-slider-thumb {
|
|
background-color: #656668;
|
|
border-color: #656668;
|
|
box-shadow: none; }
|
|
|
|
.dark-theme input[type="range"]::-moz-range-thumb {
|
|
background-color: #656668;
|
|
border-color: #656668;
|
|
box-shadow: none; }
|
|
|
|
.dark-theme input[type="range"]::-ms-thumb {
|
|
background-color: #656668;
|
|
border-color: #656668;
|
|
box-shadow: none; }
|
|
|
|
.dark-theme input[type="range"]:not(:disabled)::-webkit-slider-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.dark-theme input[type="range"]:not(:disabled)::-moz-range-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.dark-theme input[type="range"]:not(:disabled)::-ms-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.dark-theme input[type="range"]::-ms-fill-lower, .dark-theme input[type="range"]::-moz-range-progress {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme input[type="range"].pr0::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #656668), color-stop(0, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr4::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.04, #656668), color-stop(0.04, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr8::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.08, #656668), color-stop(0.08, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr12::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.12, #656668), color-stop(0.12, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr16::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.16, #656668), color-stop(0.16, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr20::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.2, #656668), color-stop(0.2, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr24::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.24, #656668), color-stop(0.24, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr28::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.28, #656668), color-stop(0.28, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr32::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.32, #656668), color-stop(0.32, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr36::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.36, #656668), color-stop(0.36, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr40::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.4, #656668), color-stop(0.4, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr44::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.44, #656668), color-stop(0.44, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr48::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.48, #656668), color-stop(0.48, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr52::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.52, #656668), color-stop(0.52, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr56::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.56, #656668), color-stop(0.56, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr60::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.6, #656668), color-stop(0.6, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr64::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.64, #656668), color-stop(0.64, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr68::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.68, #656668), color-stop(0.68, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr72::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.72, #656668), color-stop(0.72, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr76::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.76, #656668), color-stop(0.76, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr80::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.8, #656668), color-stop(0.8, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr84::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.84, #656668), color-stop(0.84, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr88::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.88, #656668), color-stop(0.88, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr92::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.92, #656668), color-stop(0.92, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr96::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.96, #656668), color-stop(0.96, #18191B)); }
|
|
|
|
.dark-theme input[type="range"].pr100::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(1, #656668), color-stop(1, #18191B)); }
|
|
|
|
.dark-theme .rzslider .rz-pointer {
|
|
border-color: rgba(0, 0, 0, 0.3);
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .rzslider .rz-bar.rz-selection,
|
|
.dark-theme .rzslider .rz-tick.rz-selected {
|
|
background-color: #656668; }
|
|
|
|
.dark-theme .rzslider .rz-bar,
|
|
.dark-theme .rzslider .rz-tick {
|
|
background-color: #18191B; }
|
|
|
|
.light-theme input[type="range"]::-webkit-slider-runnable-track {
|
|
background-color: #E3E5E8; }
|
|
|
|
.light-theme input[type="range"]::-moz-range-track {
|
|
background-color: #E3E5E8; }
|
|
|
|
.light-theme input[type="range"]::-ms-track {
|
|
background-color: #E3E5E8; }
|
|
|
|
.light-theme input[type="range"]::-webkit-slider-thumb {
|
|
background-color: #BDBEBE;
|
|
border-color: #BDBEBE;
|
|
box-shadow: none; }
|
|
|
|
.light-theme input[type="range"]::-moz-range-thumb {
|
|
background-color: #BDBEBE;
|
|
border-color: #BDBEBE;
|
|
box-shadow: none; }
|
|
|
|
.light-theme input[type="range"]::-ms-thumb {
|
|
background-color: #BDBEBE;
|
|
border-color: #BDBEBE;
|
|
box-shadow: none; }
|
|
|
|
.light-theme input[type="range"]:not(:disabled)::-webkit-slider-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.light-theme input[type="range"]:not(:disabled)::-moz-range-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.light-theme input[type="range"]:not(:disabled)::-ms-thumb:hover {
|
|
box-shadow: none;
|
|
border-color: transparent; }
|
|
|
|
.light-theme input[type="range"]::-ms-fill-lower, .light-theme input[type="range"]::-moz-range-progress {
|
|
background-color: #656668; }
|
|
|
|
.light-theme input[type="range"].pr0::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #656668), color-stop(0, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr4::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.04, #656668), color-stop(0.04, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr8::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.08, #656668), color-stop(0.08, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr12::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.12, #656668), color-stop(0.12, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr16::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.16, #656668), color-stop(0.16, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr20::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.2, #656668), color-stop(0.2, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr24::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.24, #656668), color-stop(0.24, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr28::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.28, #656668), color-stop(0.28, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr32::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.32, #656668), color-stop(0.32, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr36::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.36, #656668), color-stop(0.36, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr40::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.4, #656668), color-stop(0.4, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr44::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.44, #656668), color-stop(0.44, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr48::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.48, #656668), color-stop(0.48, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr52::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.52, #656668), color-stop(0.52, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr56::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.56, #656668), color-stop(0.56, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr60::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.6, #656668), color-stop(0.6, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr64::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.64, #656668), color-stop(0.64, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr68::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.68, #656668), color-stop(0.68, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr72::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.72, #656668), color-stop(0.72, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr76::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.76, #656668), color-stop(0.76, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr80::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.8, #656668), color-stop(0.8, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr84::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.84, #656668), color-stop(0.84, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr88::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.88, #656668), color-stop(0.88, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr92::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.92, #656668), color-stop(0.92, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr96::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.96, #656668), color-stop(0.96, #18191B)); }
|
|
|
|
.light-theme input[type="range"].pr100::-webkit-slider-runnable-track {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(1, #656668), color-stop(1, #18191B)); }
|
|
|
|
.light-theme .rzslider .rz-pointer {
|
|
border-color: rgba(0, 0, 0, 0.3);
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .rzslider .rz-bar.rz-selection,
|
|
.light-theme .rzslider .rz-tick.rz-selected {
|
|
background-color: #BDBEBE; }
|
|
|
|
.light-theme .rzslider .rz-bar,
|
|
.light-theme .rzslider .rz-tick {
|
|
background-color: #E3E5E8; }
|
|
|
|
.dark-theme .voting-panel .users-vote .upvote span {
|
|
color: #fff; }
|
|
|
|
.dark-theme .voting-panel .users-vote .downvote span {
|
|
color: transparent; }
|
|
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-container .vote-background {
|
|
background-color: #1F2123; }
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes {
|
|
background-color: #1F2123; }
|
|
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
|
|
background-color: #fff; }
|
|
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment {
|
|
background-color: #393B3D; }
|
|
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-numbers .count-left,
|
|
.dark-theme .voting-panel .users-vote .vote-details .vote-numbers .count-right {
|
|
color: #fff; }
|
|
|
|
.light-theme .voting-panel .users-vote .upvote span {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .voting-panel .users-vote .downvote span {
|
|
color: transparent; }
|
|
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background {
|
|
background-color: #E3E5E8; }
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes {
|
|
background-color: #E3E5E8; }
|
|
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
|
|
background-color: #393B3D; }
|
|
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-container .vote-mask .segment {
|
|
background-color: #EFF2F5; }
|
|
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-numbers .count-left,
|
|
.light-theme .voting-panel .users-vote .vote-details .vote-numbers .count-right {
|
|
color: #393B3D; }
|
|
|
|
.dark-theme .vlist .list-item {
|
|
border-top: 1px solid #656668;
|
|
color: #BDBEBE; }
|
|
|
|
.light-theme .vlist .list-item {
|
|
border-top: 1px solid #BDBEBE;
|
|
color: #7B7C7D; }
|
|
|
|
.dark-theme .container-empty,
|
|
.dark-theme .section-content-off {
|
|
background-color: #232527;
|
|
color: #BDBEBE; }
|
|
|
|
.light-theme .container-empty,
|
|
.light-theme .section-content-off {
|
|
background-color: #fff;
|
|
color: #7B7C7D; }
|
|
|
|
.dark-theme .container-header .btn-more.btn-growth-md {
|
|
color: #fff; }
|
|
|
|
.light-theme .container-header .btn-more.btn-growth-md {
|
|
color: #fff; }
|
|
|
|
.dark-theme .stack .stack-list .stack-row.selected {
|
|
background-color: #656668; }
|
|
|
|
.light-theme .stack .stack-list .stack-row.selected {
|
|
background-color: #BDBEBE; }
|
|
|
|
.dark-theme .text-footer-nav, .dark-theme .text-footer-nav:link, .dark-theme .text-footer-nav:visited, .dark-theme .text-footer-nav:active {
|
|
color: #BDBEBE; }
|
|
|
|
.dark-theme .text-footer-nav:hover, .dark-theme .text-footer-nav:focus {
|
|
color: #fff; }
|
|
|
|
.dark-theme .text-footer-nav.privacy, .dark-theme .text-footer-nav.privacy:link, .dark-theme .text-footer-nav.privacy:visited, .dark-theme .text-footer-nav.privacy:active {
|
|
color: #fff; }
|
|
|
|
.dark-theme .copyright-wrapper {
|
|
border-top: 1px solid #656668; }
|
|
.dark-theme .copyright-wrapper .icon-dropdown select:hover option {
|
|
color: #fff; }
|
|
.dark-theme .copyright-wrapper .icon-dropdown select:active, .dark-theme .copyright-wrapper .icon-dropdown select:visited {
|
|
color: #fff; }
|
|
|
|
.light-theme .text-footer-nav, .light-theme .text-footer-nav:link, .light-theme .text-footer-nav:visited, .light-theme .text-footer-nav:active {
|
|
color: #7B7C7D; }
|
|
|
|
.light-theme .text-footer-nav:hover, .light-theme .text-footer-nav:focus {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .text-footer-nav.privacy, .light-theme .text-footer-nav.privacy:link, .light-theme .text-footer-nav.privacy:visited, .light-theme .text-footer-nav.privacy:active {
|
|
color: #393B3D; }
|
|
|
|
.light-theme .copyright-wrapper {
|
|
border-top: 1px solid #BDBEBE; }
|
|
.light-theme .copyright-wrapper .icon-dropdown select:hover option {
|
|
color: #393B3D; }
|
|
.light-theme .copyright-wrapper .icon-dropdown select:active, .light-theme .copyright-wrapper .icon-dropdown select:visited {
|
|
color: #393B3D; }
|
|
|
|
.dark-theme {
|
|
/** we are going to use text-link-secondary after we remove classic theme, and remove the rules as below */
|
|
/** we are going to use text-link-secondary after we remove classic theme, and remove the rules as above */ }
|
|
.dark-theme.rbx-header,
|
|
.dark-theme .rbx-header {
|
|
background-color: #232527;
|
|
border-bottom: 1px solid #18191B; }
|
|
.dark-theme.rbx-header .text-header, .dark-theme.rbx-header .text-header:link, .dark-theme.rbx-header .text-header:active, .dark-theme.rbx-header .text-header:hover, .dark-theme.rbx-header .text-header:visited, .dark-theme.rbx-header .text-header:focus,
|
|
.dark-theme .rbx-header .text-header,
|
|
.dark-theme .rbx-header .text-header:link,
|
|
.dark-theme .rbx-header .text-header:active,
|
|
.dark-theme .rbx-header .text-header:hover,
|
|
.dark-theme .rbx-header .text-header:visited,
|
|
.dark-theme .rbx-header .text-header:focus {
|
|
color: #fff; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .input-addon-btn, .dark-theme.rbx-header .rbx-navbar-search .input-addon-btn:hover, .dark-theme.rbx-header .rbx-navbar-search .input-addon-btn:focus, .dark-theme.rbx-header .rbx-navbar-search .input-addon-btn:active,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-addon-btn,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-addon-btn:hover,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-addon-btn:focus,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-addon-btn:active {
|
|
border-color: transparent; }
|
|
.dark-theme.rbx-header .rbx-navbar li:hover,
|
|
.dark-theme .rbx-header .rbx-navbar li:hover {
|
|
border-bottom: 2px solid #fff; }
|
|
.dark-theme.rbx-header .rbx-navbar li .nav-menu-title:hover, .dark-theme.rbx-header .rbx-navbar li .nav-menu-title:focus,
|
|
.dark-theme .rbx-header .rbx-navbar li .nav-menu-title:hover,
|
|
.dark-theme .rbx-header .rbx-navbar li .nav-menu-title:focus {
|
|
background-color: transparent; }
|
|
.dark-theme.rbx-header .rbx-navbar-search,
|
|
.dark-theme .rbx-header .rbx-navbar-search {
|
|
/* Please remove after dark theme is released */ }
|
|
.dark-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option a,
|
|
.dark-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option a {
|
|
color: #BDBEBE; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option a:hover,
|
|
.dark-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option a:hover {
|
|
color: #fff; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option.selected,
|
|
.dark-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option.selected {
|
|
background-color: #656668;
|
|
box-shadow: none;
|
|
color: #fff; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .input-group,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-group {
|
|
height: 28px; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .input-field,
|
|
.dark-theme .rbx-header .rbx-navbar-search .input-field {
|
|
padding-left: 33px; }
|
|
.dark-theme.rbx-header .rbx-navbar-search .dropdown-menu,
|
|
.dark-theme .rbx-header .rbx-navbar-search .dropdown-menu {
|
|
width: 100%; }
|
|
.dark-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a,
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a,
|
|
.dark-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a {
|
|
color: #BDBEBE; }
|
|
.dark-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:hover, .dark-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:active, .dark-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:visited, .dark-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:focus,
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:hover,
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:active,
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:visited,
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:focus,
|
|
.dark-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:hover,
|
|
.dark-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:active,
|
|
.dark-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:visited,
|
|
.dark-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:focus,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:hover,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:active,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:visited,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:focus {
|
|
color: #fff; }
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item, .dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:link,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:link {
|
|
color: #BDBEBE; }
|
|
.dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:active, .dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:hover, .dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:visited, .dark-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:focus,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:active,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:hover,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:visited,
|
|
.dark-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:focus {
|
|
color: #fff; }
|
|
.dark-theme #nav-profile:hover,
|
|
.dark-theme #nav-character:hover,
|
|
.dark-theme #nav-message:hover,
|
|
.dark-theme #nav-friends:hover,
|
|
.dark-theme #nav-trade:hover,
|
|
.dark-theme #nav-group:hover,
|
|
.dark-theme #nav-blog:hover,
|
|
.dark-theme #nav-shop:hover,
|
|
.dark-theme #nav-home:hover,
|
|
.dark-theme #nav-inventory:hover,
|
|
.dark-theme #nav-my-feed:hover {
|
|
color: #fff; }
|
|
.dark-theme.rbx-left-col {
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
|
|
.dark-theme.rbx-left-col li .text-nav:link, .dark-theme.rbx-left-col li .text-nav:visited, .dark-theme.rbx-left-col li .text-nav:active {
|
|
color: #BDBEBE; }
|
|
|
|
.light-theme {
|
|
/** we are going to use text-link-secondary after we remove classic theme, and remove the rules as below */
|
|
/** we are going to use text-link-secondary after we remove classic theme, and remove the rules as above */ }
|
|
.light-theme.rbx-header,
|
|
.light-theme .rbx-header {
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #E3E5E8; }
|
|
.light-theme.rbx-header .text-header, .light-theme.rbx-header .text-header:link, .light-theme.rbx-header .text-header:active, .light-theme.rbx-header .text-header:hover, .light-theme.rbx-header .text-header:visited, .light-theme.rbx-header .text-header:focus,
|
|
.light-theme .rbx-header .text-header,
|
|
.light-theme .rbx-header .text-header:link,
|
|
.light-theme .rbx-header .text-header:active,
|
|
.light-theme .rbx-header .text-header:hover,
|
|
.light-theme .rbx-header .text-header:visited,
|
|
.light-theme .rbx-header .text-header:focus {
|
|
color: #393B3D; }
|
|
.light-theme.rbx-header .rbx-navbar-search .input-addon-btn, .light-theme.rbx-header .rbx-navbar-search .input-addon-btn:hover, .light-theme.rbx-header .rbx-navbar-search .input-addon-btn:focus, .light-theme.rbx-header .rbx-navbar-search .input-addon-btn:active,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-addon-btn,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-addon-btn:hover,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-addon-btn:focus,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-addon-btn:active {
|
|
border-color: transparent; }
|
|
.light-theme.rbx-header .rbx-navbar li:hover,
|
|
.light-theme .rbx-header .rbx-navbar li:hover {
|
|
border-bottom: 2px solid #393B3D; }
|
|
.light-theme.rbx-header .rbx-navbar li .nav-menu-title:hover, .light-theme.rbx-header .rbx-navbar li .nav-menu-title:focus,
|
|
.light-theme .rbx-header .rbx-navbar li .nav-menu-title:hover,
|
|
.light-theme .rbx-header .rbx-navbar li .nav-menu-title:focus {
|
|
background-color: transparent; }
|
|
.light-theme.rbx-header .rbx-navbar-search,
|
|
.light-theme .rbx-header .rbx-navbar-search {
|
|
/* Please remove after dark theme is released */ }
|
|
.light-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option a,
|
|
.light-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option a {
|
|
color: #7B7C7D; }
|
|
.light-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option a:hover,
|
|
.light-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option a:hover {
|
|
color: #393B3D; }
|
|
.light-theme.rbx-header .rbx-navbar-search .rbx-navbar-search-option.selected,
|
|
.light-theme .rbx-header .rbx-navbar-search .rbx-navbar-search-option.selected {
|
|
background-color: #BDBEBE;
|
|
box-shadow: none;
|
|
color: #393B3D; }
|
|
.light-theme.rbx-header .rbx-navbar-search .input-group,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-group {
|
|
height: 28px; }
|
|
.light-theme.rbx-header .rbx-navbar-search .input-field,
|
|
.light-theme .rbx-header .rbx-navbar-search .input-field {
|
|
padding-left: 33px; }
|
|
.light-theme.rbx-header .rbx-navbar-search .dropdown-menu,
|
|
.light-theme .rbx-header .rbx-navbar-search .dropdown-menu {
|
|
width: 100%; }
|
|
.light-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a,
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a,
|
|
.light-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a {
|
|
color: #7B7C7D; }
|
|
.light-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:hover, .light-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:active, .light-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:visited, .light-theme.rbx-header .rbx-navbar-right-nav li .dropdown-menu a:focus,
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:hover,
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:active,
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:visited,
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .dropdown-menu a:focus,
|
|
.light-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:hover,
|
|
.light-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:active,
|
|
.light-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:visited,
|
|
.light-theme .rbx-header .rbx-navbar-right-nav li .dropdown-menu a:focus,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:hover,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:active,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:visited,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .dropdown-menu a:focus {
|
|
color: #393B3D; }
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item, .light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:link,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:link {
|
|
color: #7B7C7D; }
|
|
.light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:active, .light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:hover, .light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:visited, .light-theme.rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:focus,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:active,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:hover,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:visited,
|
|
.light-theme .rbx-header .rbx-navbar-icon-group li .popover-content .rbx-menu-item:focus {
|
|
color: #393B3D; }
|
|
.light-theme #nav-profile:hover,
|
|
.light-theme #nav-character:hover,
|
|
.light-theme #nav-message:hover,
|
|
.light-theme #nav-friends:hover,
|
|
.light-theme #nav-trade:hover,
|
|
.light-theme #nav-group:hover,
|
|
.light-theme #nav-blog:hover,
|
|
.light-theme #nav-shop:hover,
|
|
.light-theme #nav-home:hover,
|
|
.light-theme #nav-inventory:hover,
|
|
.light-theme #nav-my-feed:hover {
|
|
color: #393B3D; }
|
|
.light-theme.rbx-left-col {
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
|
|
.light-theme.rbx-left-col li .text-nav:link, .light-theme.rbx-left-col li .text-nav:visited, .light-theme.rbx-left-col li .text-nav:active {
|
|
color: #7B7C7D; }
|