/* 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; }