#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 1003;
text-align: left;
}
#facebox .popup {
position: relative;
border: 3px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}
#facebox .content {
display: table;
width: 370px;
padding: 10px;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#facebox .content > p:first-child {
margin-top: 0;
}
#facebox .content > p:last-child {
margin-bottom: 0;
}
#facebox .close {
position: absolute;
top: 5px;
right: 5px;
padding: 2px;
background: #fff;
}
#facebox .close img {
opacity: 0.3;
}
#facebox .close:hover img {
opacity: 1;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.facebox_hide {
z-index: -100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 1002;
}
* {
font-size: 100.01%;
}
html {
font-size: 62.5%;
}
body {
margin: 0;
color: #494949;
font:
1.2em/1.4em "UbuntuRegular",
Arial,
Helvetica,
sans-serif;
background: #fff;
overflow-y: scroll;
}
img {
border-style: none;
}
a {
text-decoration: none;
color: #0a5a83;
}
a:hover {
text-decoration: underline;
}
input,
textarea,
select {
font:
100% Arial,
Helvetica,
sans-serif;
vertical-align: middle;
color: #000;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
form .description {
margin-bottom: 15px;
}
form #error_notice {
background-color: #fffee9;
border: 1px solid red;
text-align: center;
width: 80%;
padding: 5px;
margin: 30px auto 0px auto;
color: red;
font-weight: bold;
}
form #error_notice p {
margin: 4px 0;
padding: 0;
}
form > .fieldset-wrap {
display: block;
position: relative;
}
form > .fieldset-wrap > .field-wrap {
display: inline-block;
margin-right: 1em;
}
legend {
display: block;
color: #0c6a93;
font-size: 1.266em;
font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 10px 0px 10px 0px;
}
hr.light {
border: 0; /* Reset borders */
color: #989898;
background-color: #989898;
height: 1px;
}
.message,
.message.dismissible_notice,
#direct_deposit_warning,
.compliancemessage {
background-color: #ffffd3;
padding: 15px;
border: 1px solid #ccc;
margin: 5px 0 5px 0;
text-align: center;
font:
1.2em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.message p,
.compliancemessage p,
#direct_deposit_warning p {
margin: 0;
}
.message p,
.compliancemessage p {
padding: 0 !important;
}
.compliancemessage.importantmessage {
background-color: #ffd0b8;
}
.compliancemessage.successmessage {
background-color: #bcf5a9;
}
.compliancemessage.debugmessage {
background-color: #e4d0f5;
}
.cambouncernotes {
background-color: #ffff00 !important;
}
.invalidatoralert {
background-color: #f9bcfa;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.none {
display: none;
}
.logo-zone {
float: left;
padding: 6px 0 0 15px;
}
.logo-zone strong {
display: block;
padding: 0 0 0 17px;
font:
0.833em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.logo-zone svg {
width: 198px;
height: 61px;
}
.logo {
width: 210px;
height: 65px;
text-indent: -9999px;
overflow: hidden;
padding: 0;
background: url(../../images/logo-standard.png?1ad136cac9cf) no-repeat;
box-sizing: border-box;
}
.logo a {
height: 100%;
display: block;
position: relative;
}
.creat {
color: #fff;
font:
1.66em/1.55em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
background: #f47321;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
padding: 6px 15px 0 15px;
margin: 0 0 0 10px;
right: 0;
display: flex;
float: right;
position: relative;
text-transform: uppercase;
}
.creat img {
align-self: center;
padding-left: 8px;
height: 11px;
width: 6px;
}
#main {
width: 100%;
}
.top-section {
padding: 8px 15px 0 15px;
height: 1%;
border-bottom: 1px solid #8bb3da;
background: #e2e2e2 url(../../images/bg-top-block.gif?1ad136cac9cf) repeat-x;
font:
1.25em/1.133em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.top-section_small_gfx {
background: #e2e2e2 url(../../images/bg-top-block-small.gif?1ad136cac9cf) repeat-x;
}
.top-section:after {
content: "";
display: block;
clear: both;
}
.top-section h1 {
margin: 0 0 14px;
font-weight: normal;
}
.top-section .announcement {
font-family: "Ubuntu", Arial, Helvetica, sans-serif;
}
.top-section p {
margin: 0 0 14px;
}
.actions {
display: inline-block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
height: 1%;
top: 4px;
float: right;
font:
0.667em/2.4em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.actions li {
float: right;
margin: 0 0 0 2px;
}
.actions li a {
float: left;
color: #dc5500;
border: 1px solid #8bb3da;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-bottom: 0;
position: relative;
padding: 0 13px 0 5px;
background: #fceadb url(../../images/arrow-right.png?1ad136cac9cf) no-repeat 95% 50%;
}
.actions li .prev {
padding: 0 5px 0 13px;
background: #fceadb url(../../images/arrow-left.gif?1ad136cac9cf) no-repeat 5% 50%;
}
.actions.no_arrow li a {
background-image: none;
padding: 0 5px 0 5px;
}
.content {
padding: 11px 0 17px 0;
overflow: hidden;
}
.content .c-1 {
margin: 0 0 0 15px;
}
.content .c-1 .followers {
font-weight: bold;
margin: 8px 0px 5px 3px;
}
.content .c-1 .recorded {
color: red;
font-weight: bold;
margin: 8px 0px 5px 3px;
}
.content .ad {
clear: both;
float: right;
width: 186px;
margin: 0 0 0 6px;
border: 1px solid #acacac;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #e0e0e0;
padding-bottom: 4px;
text-align: center;
}
.content .ad img {
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 3px;
margin-bottom: 3px;
}
.list {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
height: 1%;
}
.list .subject {
height: 32px;
}
.list.show-location .subject {
height: 16px;
}
.list .location {
display: none;
}
.list.show-location .location:empty {
visibility: hidden;
}
.list.show-location .location {
display: block;
}
* html .list {
padding-bottom: 7px;
}
* + html .list {
padding-bottom: 7px;
margin: 0;
}
.list li {
width: 180px;
background: #f0f1f1;
float: left;
position: relative;
margin: 0 7px 7px 0;
border: 1px solid #acacac;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
max-height: 222px;
overflow: hidden;
}
.list img {
display: block;
}
.list .details {
padding: 4px 7px 0;
text-align: left;
}
.list .title {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #acacac;
display: flex;
}
.list .title a {
float: left;
color: #0a5a83;
font:
1.166em/1.142em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0.25em;
flex-grow: 1;
}
.list .title .age {
float: left;
color: #575757;
padding: 0 6px 0 0;
font:
1em/1.333em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.list .title .age_gender_container {
float: right;
}
.list .title .genderf,
.list .title .genderm,
.list .title .genderc,
.list .title .genders,
.list .title .genderx {
width: 14px;
height: 14px;
display: inline-block;
float: left;
}
.list .title .genderf::before,
.list .title .genderm::before,
.list .title .genderc::before,
.list .title .genders::before,
.list .title .genderx::before {
content: "\00a0";
}
.list .title .genderf {
background: url(../../images/ico-female.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain;
}
.list .title .genderm {
background: url(../../images/ico-male.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain;
}
.list .title .genderc {
background: url(../../images/ico-couple.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain;
}
.list .title .genders {
background: url(../../images/ico-trans.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain;
}
.list .title .genderx {
background: url(../../images/ico-blank.png?1ad136cac9cf) no-repeat 100% 0;
background-size: contain;
}
.likes,
.subject {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
height: 32px;
overflow: hidden;
color: #000;
}
.subject.one_line {
height: 16px;
}
.likes li,
.subject li {
width: auto;
background: none;
border: 0;
margin: 0 !important;
padding: 0 2px;
}
.likes li a,
.subject li a {
/*color:#000;*/
}
.sub-info {
list-style: none;
margin: 0;
padding: 0 0 4px;
font-size: 0.8333em;
color: #5a5a5a;
overflow: hidden;
height: 1%;
}
.sub-info li {
width: auto;
background: none;
border: 0;
padding: 0 0 0 18px;
margin: 0 !important;
position: relative;
float: none;
height: 1%;
text-align: left;
}
.sub-info li.location {
background: url(../../images/ico-01.png?1ad136cac9cf) no-repeat 0 50%;
width: 145px;
height: 16px;
overflow: hidden;
}
.sub-info li.cams {
background: url(../../images/ico-cams.png?1ad136cac9cf) no-repeat 0 50%;
width: 145px;
height: 15px;
overflow: hidden;
}
.sub-info li.cams_opaque {
opacity: 0;
}
.paging {
list-style: none;
margin: 0;
padding: 8px 0 10px;
overflow: hidden;
height: 22px;
text-align: center;
}
.paging li {
display: inline-block;
margin: 0 1px;
}
.paging li a {
float: left;
padding-left: 6px;
padding-right: 6px;
color: #dc5500;
text-align: center;
font:
1.166em/1.577em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
border: 1px solid #cecece;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #ededed;
}
* html .paging li {
display: inline;
margin: 0 3px;
}
* + html .paging li {
display: inline;
margin: 0 3px;
}
.paging li a:hover,
.paging li.active a {
color: #6d6d6d;
border: 1px solid #fff;
text-decoration: none;
background: none;
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
.paging li.active a {
cursor: default;
}
.paging li a.prev,
.paging li a.prev:hover {
text-indent: -9999px;
border: 1px solid #f1d2bf;
background: #fceadb url(../../images/arrow-left.gif?1ad136cac9cf) no-repeat 50% 50%;
width: 11px;
}
.paging li a.next,
.paging li a.next:hover {
text-indent: -9999px;
border: 1px solid #f1d2bf;
background: #fceadb url(../../images/arrow-right.gif?1ad136cac9cf) no-repeat 50% 50%;
width: 11px;
}
.darkmode li a.prev,
li a.prev:hover {
background: #2a2c2e url(../../images/arrow-left_dm.svg?1ad136cac9cf) no-repeat 50% 50%;
}
.darkmode li a.next {
background: #2a2c2e url(../../images/arrow-right_dm.svg?1ad136cac9cf) no-repeat 50% 50%;
}
.banner {
margin: 0 auto;
text-align: center;
}
.banner img {
display: block;
margin-right: auto;
margin-left: auto;
}
.block {
background: #e0e0e0;
border: 1px solid #acacac;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 4px;
overflow: hidden;
}
.block .section {
overflow: hidden;
margin: 0 0 5px;
height: 514px;
}
.buttons {
font:
0.916em/19px "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
list-style: none;
margin: 0 0 10px;
padding: 3px 0 0 3px;
overflow: hidden;
background: #7f7f7f;
}
.buttons li {
float: left;
margin: 0 2px 0 0;
}
.buttons a {
float: left;
color: #4c4c4c;
padding: 0 8px;
margin: 0;
position: relative;
background: #c9c9c9;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
.buttons a:hover,
.buttons .active a {
text-decoration: none;
background: #fff;
color: #dc5500;
}
.buttons .active a {
cursor: default;
}
.buttons img {
display: block;
margin: 2px 0 1px;
}
.color-g {
color: #494949;
}
#leaderboard .number {
width: 25px;
}
#leaderboard .image {
width: 52px;
}
#leaderboard {
color: #0c6a93;
font-weight: bold;
font-size: 16px;
margin-bottom: 20px;
}
#leaderboard .points {
color: #000;
font-weight: normal;
font-size: 12px;
}
#leaderboard .position_1,
#leaderboard .position_1 a {
color: #dc5500;
font-weight: bold;
font-size: 20px;
}
#leaderboard p {
margin: 5px;
}
#leaderboard {
border-collapse: collapse;
width: 640px;
}
#leaderboard .unclaimed {
color: #930a11;
font-size: 15px;
line-height: 44px;
}
#leaderboard td {
padding: 5px;
border-bottom: 1px solid #ccc;
}
#leaderboard .time {
width: 50px;
text-align: center;
font-size: 13px;
}
.leaderboard p {
margin: 0px;
}
.content_body {
padding: 0 19px 0 32px;
font:
1em/1.3em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.content .legal_text {
font:
1.1em/1.3em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.legal_text {
font:
1.1em/1.3em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.content_body h1 {
margin: 0 0 14px;
font:
1.733em/1.0769em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
color: #f47321;
}
.content_body h2 {
margin: 20px 0 14px;
font:
1.166em/1.142em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.content_body h3 {
margin: 20px 0 14px;
font:
1.166em/1.142em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.content_body li {
margin: 8px 0px 8px 0px;
}
.content_header {
font:
1.166em/1.142em "UbuntuRegular",
Arial,
Helvetica,
sans-serif;
line-height: 1.5em;
}
.content_header .standout {
color: #dc5500;
font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
}
.content_header h1 {
margin: 0px;
font:
1.733em/1.0769em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
color: #090;
}
.photopages,
#tabs_content_container,
.claim_winnings,
.contest_rules,
.leaderboard,
.previous_winners {
margin: 15px;
}
.photopages .photos_links,
#tabs_content_container .sub_navigation {
display: block;
margin-bottom: 15px;
}
#tabs_content_container .sub_navigation span {
color: #888;
}
#tabs_content_container .ubunturegular {
font:
1.2em/1.4em "UbuntuRegular",
Arial,
Helvetica,
sans-serif;
}
#tabs_content_container .share_input {
width: 375px;
}
#tabs_content_container h1 {
font:
1.2em/1.4em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
margin-bottom: 20px;
}
.endless_container {
clear: both;
display: block;
margin-bottom: 15px;
}
.margintop_100px {
margin-top: 100px;
}
.previous_winners h2 {
color: #626262;
font:
1.45em "UbuntuBold",
Arial,
Helvetica,
sans-serif;
font-weight: normal;
}
.previous_winners .form strong {
color: #000;
font:
1em "UbuntuBold",
Arial,
Helvetica,
sans-serif;
font-weight: normal;
}
/* fonts */
@font-face {
font-family: "UbuntuRegular";
src: url("../../fonts/ubuntur-webfont.eot?c9b8c3b1d423");
src:
url("../../fonts/ubuntur-webfont.eot?&c9b8c3b1d423#iefix") format("eot"),
url("../../fonts/ubuntur-webfont.woff?c9b8c3b1d423") format("woff"),
url("../../fonts/ubuntur-webfont.ttf?c9b8c3b1d423") format("truetype"),
url("../../fonts/ubuntur-webfont.svg?c9b8c3b1d423#webfontH0ji1hXa") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UbuntuBold";
src: url("../../fonts/ubuntub-webfont.eot?c9b8c3b1d423");
src:
url("../../fonts/ubuntub-webfont.eot?&c9b8c3b1d423#iefix") format("eot"),
url("../../fonts/ubuntub-webfont.woff?c9b8c3b1d423") format("woff"),
url("../../fonts/ubuntub-webfont.ttf?c9b8c3b1d423") format("truetype"),
url("../../fonts/ubuntub-webfont.svg?c9b8c3b1d423#webfontOIyUgfKw") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "UbuntuMedium";
src: url("../../fonts/ubuntum-webfont.eot?c9b8c3b1d423");
src:
url("../../fonts/ubuntum-webfont.eot?&c9b8c3b1d423#iefix") format("eot"),
url("../../fonts/ubuntum-webfont.woff?c9b8c3b1d423") format("woff"),
url("../../fonts/ubuntum-webfont.ttf?c9b8c3b1d423") format("truetype"),
url("../../fonts/ubuntum-webfont.svg?c9b8c3b1d423#webfontl8qOUOft") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UbuntuLight";
src:
url("../../fonts/ubuntul-webfont.eot?&c9b8c3b1d423#iefix") format("eot"),
url("../../fonts/ubuntul-webfont.woff?c9b8c3b1d423") format("woff"),
url("../../fonts/ubuntul-webfont.ttf?c9b8c3b1d423") format("truetype"),
url("../../fonts/ubuntul-webfont.svg?c9b8c3b1d423") format("svg");
font-weight: normal;
font-style: normal;
}
.code {
font-family: monospace;
font-size: 14px;
color: #084a67;
}
.data_table {
border: 1px solid #ccc;
color: #222;
border-collapse: collapse;
margin-bottom: 30px;
}
.data_table th,
.data_table td {
border-right: 1px solid #ccc;
padding-left: 4px;
line-height: 20px;
}
.data_table th {
background-color: #cccccc;
text-align: left;
color: #494949;
}
.data_table .altbg {
background-color: #eeeeee;
}
.data_table .data_message {
color: #666;
font-weight: normal;
word-break: break-all;
}
.table_tokens_earned {
width: 275px;
}
.table_recent_tips {
width: 675px;
padding: 0px;
margin: 0px;
}
.account_activity {
width: 700px;
height: 250px;
overflow: auto;
}
.dismissible_notice {
background-color: #ccc;
padding: 3px;
margin-bottom: 5px;
}
table.tabular th {
font:
1.1em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
border-bottom: 1px solid #cccccc;
padding-right: 5px;
}
table.tabular tr:nth-child(even) {
background: #dde9f5;
}
table.tabular tr:nth-child(odd) {
background: #ffffff;
}
table.tabular tr td {
padding: 3px;
font:
1.1em Arial,
Helvetica,
sans-serif;
}
.content_body ul.followers li {
margin-left: 10px;
}
.content_body .frame {
background-color: #fff;
}
div.warning-info {
color: #808080;
}
div.warning {
padding: 10px;
}
.searching-overlay {
position: absolute;
box-sizing: border-box;
z-index: 1;
background-color: #f1f2f2;
opacity: 0.9;
text-align: center;
min-height: 30px;
}
.searching-overlay-spinner {
height: 125px;
animation-name: spin;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
margin-top: 200px;
vertical-align: top;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.searching-overlay-spinner-medium {
height: 75px;
margin-top: 0;
vertical-align: middle;
}
.searching-overlay-spinner-small {
height: 50%;
margin-top: 0;
vertical-align: middle;
}
.searching-overlay-spinner-very-small {
height: 100%;
margin-top: 0;
}
.clearfix {
content: "";
clear: both;
display: table;
}
.notice span {
font-weight: bold;
color: #ff0000;
}
.supportlink {
font-size: 11px;
text-align: center;
color: #ffffff;
}
.supportlink a {
font-weight: normal;
text-align: center;
color: #ccc;
text-decoration: underline;
}
.upgrade_footer_text {
text-align: center;
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
margin-top: 40px;
}
.more_text_button {
color: #0b5d81;
margin-left: 5px;
cursor: pointer;
}
.featured_text h1 {
font:
1.5em/1.2em "UbuntuBold",
Arial,
Helvetica,
sans-serif;
}
.featured_text {
padding: 11px 20px 0px 30px;
font:
1em/1em "UbuntuRegular",
Arial,
Helvetica,
sans-serif;
}
.featured_text p {
line-height: 16px;
}
div.big-photo h4 {
margin-top: 2px;
margin-bottom: 2px;
}
div.cambouncer_imgs .image {
float: left;
display: inline-block;
margin: 5px;
}
div.premium_box > h2 {
margin-left: 15px;
}
div.premium_box p.empty {
margin-left: 30px;
padding: 0;
}
.premium-desc {
margin: 0 0 16px 0;
}
.footercon {
line-height: 14px;
width: 100%;
}
@media (max-width: 800px) {
.footercon {
text-align: left;
}
}
.footercon dd {
-webkit-margin-start: 0px;
}
.col1,
.col2,
.col3,
.col4,
.col5 {
text-align: left;
font-size: 12px;
height: 155px;
margin: 15px 0;
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: fit-content;
}
.col1 dd,
.col2 dd,
.col3 dd,
.col4 dd,
.col5 dd {
margin: 0;
padding: 0;
}
#facebox .popup {
border: none;
}
#facebox .content {
width: auto;
}
.invalid_message {
color: red;
}
.invalid_autologin_message {
color: red;
}
.tour_list {
min-width: 180px !important;
}
.endless_page_styles h2 {
color: #0a5a83 !important;
font:
1.166em/1.142em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
}
.followed_online_offline {
display: flex;
}
.followed_online_offline .title {
display: inline-block;
padding-right: 15px;
font-size: 12px;
}
.followed_online_offline .bold {
font-family: UbuntuBold, Helvetica, Arial, sans-serif;
}
.followed_online_offline .title p {
margin: 0;
}
.followed_online_offline .title a:hover {
text-decoration: none;
}
.allfree-iframe-body {
min-width: 0;
}
#player {
background-size: 100% 100%;
}
.terms-address-US {
background: url(../../images/terms-address-US.png?1ad136cac9cf) no-repeat;
background-size: 225px 50px;
width: 225px;
height: 50px;
margin-top: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.terms-address-US {
background: url(../../images/terms-address-US@2x.png?1ad136cac9cf) no-repeat;
background-size: 225px 48px;
height: 48px;
}
}
.company-name-US {
background: url(../../images/multimediallc.png?1ad136cac9cf) no-repeat;
background-size: 113px 15px;
width: 113px;
height: 15px;
display: inline-block;
margin-bottom: -3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.company-name-US {
background: url(../../images/multimediallc@2x.png?1ad136cac9cf) no-repeat;
background-size: 113px 15px;
}
}
.icon_following {
background: url(../../images/following-hover.png?1ad136cac9cf) no-repeat;
opacity: 0.7;
}
.icon_not_following {
background: url(../../images/following-off.png?1ad136cac9cf) no-repeat;
opacity: 0.5;
}
.icon_update_following {
background: url(../../images/following-update.gif?1ad136cac9cf) no-repeat;
opacity: 0.5;
}
.no_select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon_following:not(.no_hover):hover,
.icon_not_following:not(.no_hover):hover {
background: url(../../images/following-off-hover.png?1ad136cac9cf) no-repeat;
}
@media (hover: none) {
.icon_following:not(.no_hover):hover {
background: url(../../images/following-hover.png?1ad136cac9cf) no-repeat;
opacity: 0.7;
}
.icon_not_following:not(.no_hover):hover {
background: url(../../images/following-off.png?1ad136cac9cf) no-repeat;
opacity: 0.5;
}
}
.icon_following,
.icon_not_following,
.icon_update_following,
.icon_following:not(.no_hover):hover,
.icon_not_following:not(.no_hover):hover {
position: absolute;
top: 0;
right: 0;
width: 23.25px;
height: 23.25px;
margin-top: 1px;
margin-right: 1px;
cursor: pointer;
background-size: 23.25px 23.25px;
}
.grecaptcha-badge {
display: none;
}
/** Flags used on the site */
.flag {
height: 14px;
vertical-align: text-top;
margin: 0 3px 0 3px;
background: #f47321;
border-radius: 2px;
color: #fff;
padding: 0 4px 0 3px;
text-shadow: none;
font:
11px ubunturegular,
Arial,
Helvetica,
sans-serif;
}
.language-mismatch-notice,
.language-mismatch-notice div {
margin: 0;
padding: 0;
text-align: center;
}
.fieldset_main {
margin-left: 50px;
}
form th {
text-align: right;
width: 130px;
vertical-align: top;
padding-top: 10px;
}
form th label {
display: block;
font:
1em/1.3em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
padding: 0px;
margin: 0px 4px 6px 0px;
color: #494949;
}
.bio form th label {
min-width: 130px;
}
form .requiredfield label:after,
form .required label:after {
content: " *";
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="file"],
form input[type="url"],
form input[type="tel"] {
width: 225px;
height: 20px;
line-height: 18px;
margin-top: 4px;
padding-top: 4px;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="tel"] {
background: #fff;
border: 1px solid #b1b1b1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 2px 4px;
}
#roomtitleform input[type="text"] {
width: 300px;
height: auto;
line-height: normal;
margin-top: auto;
border: none;
padding: 0px;
}
form select {
width: auto;
line-height: 18px;
background: #fff;
margin-top: 4px;
border: 1px solid #b1b1b1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 2px 4px;
}
form textarea {
width: 350px;
line-height: 18px;
background: #fff;
margin-top: 4px;
border: 1px solid #b1b1b1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 2px 4px;
}
form input[type="checkbox"],
form input[type="radio"] {
width: 18px;
height: 18px;
}
form .button {
display: block;
margin: 15px 0px 0px 148px;
color: #fff;
width: 238px;
font:
1.16em/1em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
background-color: var(--wl-signup-bg-color, #f47321);
background-image: url(../../images/arrow-white-v2.gif?1ad136cac9cf);
background-repeat: no-repeat;
background-position: right 50%;
height: 28px;
padding: 0px 30px 2px 15px;
border: 1px solid #b1b1b1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
form .button:hover {
background-color: var(--wl-signup-bg-color, #ff6300);
text-decoration: underline;
cursor: pointer;
}
form .button:disabled {
background-color: #bababa;
cursor: default;
}
form ul {
list-style: none;
margin: 0px;
padding: 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
clear: both;
display: block;
}
form ul li {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
}
form .errorlist {
background: url(../../images/ico-error.gif?1ad136cac9cf) no-repeat 2px 50%;
font:
0.833em "UbuntuMedium",
Arial,
Helvetica,
sans-serif;
color: #666;
margin: 5px 0px 0px 2px;
padding: 2px 0px 0px 20px;
display: inline-block;
}
.search_criteria ul {
margin-top: 12px;
}
.search_criteria ul li {
margin: 0px 10px 0px 0px;
width: 150px;
}
.submit_button_footer {
display: block;
margin: 5px 0px 0px 148px;
font-size: 0.8em;
}
.formvalidate_error {
color: #d50000;
padding: 0;
}
.formvalidate_spinner {
display: inline-block;
vertical-align: middle;
}
.formvalidate_spinner img {
width: 19px;
height: 19px;
}
.formvalidate_hidden {
display: none !important;
}
.token_balance {
border-bottom: 1px solid #000;
}
.token_balance a {
font-size: 12px;
text-decoration: underline;
}
.tokens {
font:
15px "UbuntuBold",
Arial,
Helvetica,
sans-serif;
display: inline;
}
.userUpdatesPanel .twitterUpdateRow {
background-color: #ffe5be;
border-color: #dabb95; }
.darkmode .userUpdatesPanel .twitterUpdateRow {
background-color: #885336;
border-color: #2a323f; }
.userUpdatesPanel .twitterUpdateRow.uipExp {
background-color: #fff;
border-color: #f0f0f0; }
.darkmode .userUpdatesPanel .twitterUpdateRow.uipExp {
background-color: #2a2c2e;
border-color: #1a1a1b; }
.userUpdatesPanel .twitterUpdateRow .contentSection {
color: #494949; }
.darkmode .userUpdatesPanel .twitterUpdateRow .contentSection {
color: #ffffff; }
.userUpdatesPanel .twitterUpdateRow .timeSince {
color: #7f7f7f; }
.darkmode .userUpdatesPanel .twitterUpdateRow .timeSince {
color: #b3b3b3; }
.userUpdatesPanel .twitterUpdateRow .twitterLink,
.userUpdatesPanel .twitterUpdateRow .tweetLink {
color: #dc5500; }
.darkmode .userUpdatesPanel .twitterUpdateRow .twitterLink, .darkmode .userUpdatesPanel .twitterUpdateRow .tweetLink {
color: #68b5f0; }
.userUpdatesPanel .twitterUpdateRow.seen {
background-color: #efefef;
border-color: #c1c1c1; }
.userUpdatesPanel .twitterUpdateRow.seen.uipExp {
background-color: #f8f9fa; }
.darkmode .userUpdatesPanel .twitterUpdateRow.seen {
background-color: #253441;
border-color: #2a323f; }
.darkmode .userUpdatesPanel .twitterUpdateRow.seen .contentSection {
color: #b3b3b3; }
.darkmode .userUpdatesPanel .twitterUpdateRow.seen .timeSince {
color: #6e6f70; }
#UserUpdatesPanel {
background-color: #ffffff;
border-color: #2c6990; }
.darkmode #UserUpdatesPanel {
background-color: #1c2733;
border-color: #1c2733;
box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5), 8px 0px 8px -8px rgba(0, 0, 0, 0.5), -8px 0px 8px -8px rgba(0, 0, 0, 0.5); }
#UserUpdatesPanel .tab.active,
#UserUpdatesPanel #updates-tab {
color: #dc5500; }
.darkmode #UserUpdatesPanel .tab.active, .darkmode #UserUpdatesPanel #updates-tab {
color: #68b5f0; }
#UserUpdatesPanel #tab-row {
background-color: #747474; }
.darkmode #UserUpdatesPanel #tab-row {
background-color: #17202a; }
#UserUpdatesPanel .feedbackLink {
color: #dc5500; }
.darkmode #UserUpdatesPanel .feedbackLink {
color: #68b5f0; }
#userInfoPanelMenuDropdownRoot #UserMenuDropDown {
border-color: #2c6990; }
.darkmode #userInfoPanelMenuDropdownRoot #UserMenuDropDown {
border-color: #2d3e50; }
#userInfoPanelMenuDropdownRoot .dmSwitchCircle {
background-color: #fff; }
#userInfoPanelMenuDropdownRoot .dmSwitch {
background-color: #474747; }
.darkmode #userInfoPanelMenuDropdownRoot .dmSwitch {
background-color: #f47321; }
.dmListDropdownRoot {
background-color: #fff;
border-color: #0c6a93; }
.darkmode .dmListDropdownRoot {
background-color: #202c39;
border-color: #1c2733; }
.dmListDropdownRoot .header {
color: #49494f;
border-bottom-color: #e0e0e0; }
.darkmode .dmListDropdownRoot .header {
color: #b3b3b3;
border-bottom-color: #2d3e50; }
.dmListDropdownRoot .header .popoutIcon {
background: url(../../tsdefaultassets/popout.svg?1ad136cac9cf) no-repeat center; }
.darkmode .dmListDropdownRoot .header .popoutIcon {
background: url(../../tsdefaultassets/popout_darkmode.svg?1ad136cac9cf) no-repeat center; }
.dmListDropdownRoot .sendDmPrompt {
color: #222222; }
.darkmode .dmListDropdownRoot .sendDmPrompt {
color: #ffffff; }
.dmListDropdownRoot .signupPrompt {
color: #525252; }
.darkmode .dmListDropdownRoot .signupPrompt {
color: #b3b3b3; }
.darkmode .dmListDropdownRoot .link {
color: #68b5f0; }
.noScrollbar {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */ }
.noScrollbar br {
display: none; }
.noScrollbar::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent;
/* Chrome/Safari/Webkit */ }
.dmWindow {
background-color: #ffffff;
color: #525252; }
.darkmode .dmWindow {
background-color: #202c39;
color: #b3b3b3; }
.dmWindow:not(.DmPopout .dmWindow) {
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
.darkmode .dmWindow:not(.DmPopout .dmWindow) {
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
.dmWindow .dmWindowHeader {
background-color: #f8f9fa;
border-bottom-color: #efefef; }
.darkmode .dmWindow .dmWindowHeader {
background-color: #17202a;
border-bottom-color: #2a323f; }
.dmWindow .dmWindowHeader.highlight:not(.noHighlight) {
background-color: #e0e0e0; }
.darkmode .dmWindow .dmWindowHeader.highlight:not(.noHighlight) {
background-color: #1c2733; }
.dmWindow .dmWindowHeader.loadedHighlight {
animation-duration: 4s; }
.dmWindow .dmWindowHeader.loadedHighlight:not(.darkmode .dmWindow .dmWindowHeader.loadedHighlight) {
animation-name: color1; }
@keyframes color1 {
0% {
background-color: #d5ebf8; }
80% {
background-color: #d5ebf8; } }
.darkmode .dmWindow .dmWindowHeader.loadedHighlight {
animation-name: color2; }
@keyframes color2 {
0% {
background-color: #2d3e50; }
80% {
background-color: #2d3e50; } }
.dmWindow .dmWindowHeader .button:hover {
background-color: #c9c9c9; }
.darkmode .dmWindow .dmWindowHeader .button:hover {
background-color: #202c39; }
.dmWindow .dmWindowMessage {
color: #525252; }
.darkmode .dmWindow .dmWindowMessage {
color: #ffffff; }
.dmWindow .dmWindowMessage .me {
background-color: #d5ebf8; }
.darkmode .dmWindow .dmWindowMessage .me {
background-color: #303a42; }
.dmWindow .dmWindowMessage .other {
background-color: transparent;
border-color: #a7a7a7; }
.darkmode .dmWindow .dmWindowMessage .other {
border-color: #6e6f70; }
.dmWindow .logMessage .tipNotice {
background-color: #ffff33;
color: #000000;
border: none !important; }
.dmWindow .timestamp {
color: #525252; }
.darkmode .dmWindow .timestamp {
color: #b3b3b3; }
.dmWindow .dmWindowInput {
background-color: #f8f9fa;
border-color: #efefef; }
.dmWindow .dmWindowInput textarea {
background-color: transparent;
color: #525252; }
.darkmode .dmWindow .dmWindowInput textarea {
color: #b3b3b3; }
.darkmode .dmWindow .dmWindowInput {
background-color: #202c39;
border-color: #2d3e50; }
.dmWindow .dmWindowInput .sendButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .dmWindow .dmWindowInput .sendButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .dmWindow .dmWindowInput .sendButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .dmWindow .dmWindowInput .sendButton:is(select) {
background-color: #202c39; }
.darkmode .dmWindow .dmWindowInput .sendButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.dmWindow .dmWindowInput .sendButton, .darkmode .dmWindow .dmWindowInput .sendButton {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.dmWindow .dmWindowInput .sendButton.disabled {
opacity: 0.5; }
.dmWindow .dmWindowInput .tipButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .dmWindow .dmWindowInput .tipButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .dmWindow .dmWindowInput .tipButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .dmWindow .dmWindowInput .tipButton:is(select) {
background-color: #202c39; }
.darkmode .dmWindow .dmWindowInput .tipButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.dmWindow .dmWindowInput .tipButton, .darkmode .dmWindow .dmWindowInput .tipButton {
background-color: #009900;
color: #ffffff;
border: 1px solid #288a09;
border-radius: 4px; }
.dmWindow .dmWindowTipOverlay {
background-color: #000000;
opacity: 0.5; }
.dmWindow .dmWindowTipCallout {
background-color: #ffffff; }
.darkmode .dmWindow .dmWindowTipCallout {
background-color: #202c39; }
.dmWindow .dmWindowTipCallout .titleBar {
color: #306a91;
background-color: #e0e0e0; }
.darkmode .dmWindow .dmWindowTipCallout .titleBar {
color: #68b5f0;
background-color: #1c2733; }
.dmWindow .dmWindowTipCallout .tokenBalance {
color: #288a09; }
.dmWindow .dmWindowTipCallout .tokenInputError {
color: #cc0000; }
.dmWindow .dmWindowTipCallout .purchaseLink {
color: #306a91; }
.darkmode .dmWindow .dmWindowTipCallout .purchaseLink {
color: #68b5f0; }
.dmWindow .tipInput,
.dmWindow .tipMessage {
border-color: #acacac;
background-color: transparent; }
.dmWindow .tipInput:focus,
.dmWindow .tipMessage:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .dmWindow .tipInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode .dmWindow .tipMessage:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .dmWindow .tipInput:is(textarea, input, button):focus, .darkmode .dmWindow .tipMessage:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .dmWindow .tipInput:is(select), .darkmode .dmWindow .tipMessage:is(select) {
background-color: #202c39; }
.darkmode .dmWindow .tipInput:is(select):focus, .darkmode .dmWindow .tipMessage:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .dmWindow .tipInput, .darkmode .dmWindow .tipMessage {
border-color: #2d3e50;
color: #ffffff; }
.dmWindow .sendTipButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .dmWindow .sendTipButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .dmWindow .sendTipButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .dmWindow .sendTipButton:is(select) {
background-color: #202c39; }
.darkmode .dmWindow .sendTipButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.dmWindow .sendTipButton, .darkmode .dmWindow .sendTipButton {
background-color: #009900;
color: #ffffff;
border: 1px solid #288a09;
border-radius: 4px; }
.dmWindow .sendTipButton:disabled {
opacity: 0.5; }
.dmWindow.collapsed .dmWindowHeader {
background-color: #ffffff; }
.darkmode .dmWindow.collapsed .dmWindowHeader {
background-color: #202c39; }
.dmWindow.collapsed .dmWindowHeader:hover {
background-color: #e0e0e0; }
.darkmode .dmWindow.collapsed .dmWindowHeader:hover {
background-color: #1c2733; }
.pmUcmContainer {
background-color: #ffffff;
border-color: #efefef;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
color: #525252; }
.darkmode .pmUcmContainer {
background-color: #202c39;
border-color: #2a323f;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
color: #b3b3b3; }
.pmUcmContainer .pmUcmHeader {
background-color: #f8f9fa;
border-bottom-color: #efefef; }
.darkmode .pmUcmContainer .pmUcmHeader {
background-color: #17202a;
border-bottom-color: #2a323f; }
.pmUcmContainer .pmUcmHeader .placeholder {
background-color: #e0e0e0; }
.darkmode .pmUcmContainer .pmUcmHeader .placeholder {
background-color: #1c2733; }
.pmUcmContainer .pmUcmHeader .ageIcon {
color: #525252; }
.darkmode .pmUcmContainer .pmUcmHeader .ageIcon {
color: #b3b3b3; }
.pmUcmContainer .pmUcmDescription {
border-top-color: #efefef; }
.darkmode .pmUcmContainer .pmUcmDescription {
border-top-color: #2a323f; }
.pmUcmContainer .pmUcmLinks {
border-top-color: #efefef; }
.darkmode .pmUcmContainer .pmUcmLinks {
border-top-color: #2a323f; }
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem:hover {
background-color: #f9e4d5; }
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem:hover {
background-color: #885336; }
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmPopoutIcon {
background: url(../../tsdefaultassets/popout-grey-d.svg?1ad136cac9cf) no-repeat center; }
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmPopoutIcon {
background: url(../../tsdefaultassets/popout-grey.svg?1ad136cac9cf) no-repeat center; }
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
background: url(../../tsdefaultassets/ignore-user-d.svg?1ad136cac9cf) no-repeat center; }
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
background: url(../../tsdefaultassets/ignore-user.svg?1ad136cac9cf) no-repeat center; }
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
background: url(../../tsdefaultassets/report-msg-d.svg?1ad136cac9cf) no-repeat center; }
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
background: url(../../tsdefaultassets/report-msg.svg?1ad136cac9cf) no-repeat center; }
.cornerSurveyWrapper {
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16); }
.cornerSurveyWrapper .cornerSurveyContainer {
background-color: #ffffff;
border-color: #efefef; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer {
background-color: #1c2733;
border-color: #17202a; }
.cornerSurveyWrapper .cornerSurveyContainer .timer {
background-color: #306a91; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .timer {
background-color: #68b5f0; }
.cornerSurveyWrapper .cornerSurveyContainer .survey .title {
color: #272f35; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .title {
color: #ffffff; }
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer {
background-color: transparent;
border-color: #acacac; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer {
border-color: #2d3e50; }
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover {
background-color: #e0eefb;
border-color: #0b5b7e; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover {
background-color: rgba(104, 181, 240, 0.1);
border-color: #68b5f0; }
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
fill: #0b5b7e; }
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg g, .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg g {
opacity: 1; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer svg path {
fill: #d1d1d1; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
fill: #68b5f0; }
.cornerSurveyWrapper .cornerSurveyContainer .confirmation .title {
color: #525252; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .confirmation .title {
color: #b3b3b3; }
.cornerSurveyWrapper .cornerSurveyContainer .confirmation .feedbackLink {
color: #306a91; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .confirmation .feedbackLink {
color: #68b5f0; }
.cornerSurveyWrapper.mobile {
box-shadow: none; }
.cornerSurveyWrapper.mobile .cornerSurveyContainer {
background-color: #e0eefb;
border-color: #8db4d9; }
.cornerSurveyWrapper.mobile .survey .title {
color: #272f35; }
.cornerSurveyWrapper.mobile .confirmation .title {
color: #49494f; }
.cornerSurveyWrapper.mobile .timerContainer {
background-color: #8db4d9; }
.userFeedbackForm {
background-color: var(--wl-bg-color, #ffffff); }
.darkmode .userFeedbackForm {
background-color: #1c2733; }
.userFeedbackForm p {
margin: 0; }
.userFeedbackForm .header h2 {
color: var(--wl-h1-color, #272f35); }
.darkmode .userFeedbackForm .header h2 {
color: #ffffff; }
.userFeedbackForm .submitRow button:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .userFeedbackForm .submitRow button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .userFeedbackForm .submitRow button:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .userFeedbackForm .submitRow button:is(select) {
background-color: #202c39; }
.darkmode .userFeedbackForm .submitRow button:is(select):focus {
outline: #68b5f0 auto 1px; }
.userFeedbackForm .submitRow button, .darkmode .userFeedbackForm .submitRow button {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.userFeedbackForm .screenshot {
border: 1px solid #acacac; }
.darkmode .userFeedbackForm .screenshot {
border: 1px solid #b1b1b1; }
.userFeedbackForm .screenshot .editToggle {
background-color: rgba(249, 249, 249, 0.9);
border: 1px solid #acacac;
color: #49494f; }
.darkmode .userFeedbackForm .screenshot .editToggle {
border: 1px solid #2d3e50; }
.userFeedbackForm .screenshot .editToggle:hover {
background-color: #fff;
color: #0471a1; }
.userFeedbackForm .closeControl {
background: transparent url(../../tsdefaultassets/close-lightgray.svg?1ad136cac9cf) no-repeat center center; }
.darkmode .userFeedbackForm .closeControl {
background: transparent url(../../tsdefaultassets/close-dark.svg?1ad136cac9cf) no-repeat center center; }
.userFeedbackForm .sentimentOption:focus {
outline: none;
border-color: transparent; }
.userFeedbackForm .sentimentOption.selected svg path, .userFeedbackForm .sentimentOption:hover svg path {
fill: #0b5b7e; }
.userFeedbackForm .sentimentOption.selected svg g, .userFeedbackForm .sentimentOption:hover svg g {
opacity: 1; }
.darkmode .userFeedbackForm .sentimentOption svg path {
fill: #d1d1d1; }
.darkmode .userFeedbackForm .sentimentOption.selected svg path, .darkmode .userFeedbackForm .sentimentOption:hover svg path {
fill: #68b5f0; }
.userFeedbackForm .feedbackComment {
border: 1px solid #acacac; }
.userFeedbackForm .feedbackComment:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .userFeedbackForm .feedbackComment:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .userFeedbackForm .feedbackComment:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .userFeedbackForm .feedbackComment:is(select) {
background-color: #202c39; }
.darkmode .userFeedbackForm .feedbackComment:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .userFeedbackForm .feedbackComment {
border: 1px solid #2d3e50;
background-color: #1c2733;
color: #ffffff; }
.userFeedbackForm .screenShotControl .sscButton {
background: none;
color: var(--wl-href-color, #306a91); }
.darkmode .userFeedbackForm .screenShotControl .sscButton {
color: #68b5f0; }
.userFeedbackForm .highlight:not(.active) {
background-color: transparent; }
.userFeedbackForm .highlight:not(.active):hover {
background-color: #3c87ba; }
.userFeedbackForm .highlight.active {
background-color: #3c87ba; }
.userFeedbackForm .error {
color: red; }
.userFeedbackForm .privacyNotice,
.userFeedbackForm .screenShotControl .info {
color: var(--wl-text-color, #49494f); }
.darkmode .userFeedbackForm .privacyNotice, .darkmode .userFeedbackForm .screenShotControl .info {
color: #b3b3b3; }
.canvas .infoToolTip {
background-color: #ffffd3;
border-color: #cccccc; }
.canvas .drawControls {
background-color: #fff; }
.canvas .drawControls .done:hover {
background-color: #e8e8e8; }
.canvas .drawControls .hideImage {
background-color: #000; }
.roomElement {
border: 1px solid rgba(100, 100, 100, 0.5); }
.darkmode .roomElement {
border: 1px solid #202c39; }
.roomElementAnchor {
background-color: #f0f1f1; }
.darkmode .roomElementAnchor {
background-color: #202c39; }
.roomElementAnchor.isHighlighted {
background-color: #f9eed0; }
.darkmode .roomElementAnchor.isHighlighted {
background-color: #885336; }
.roomElementAnchor:hover {
color: #dc5500; }
.darkmode .roomElementAnchor:hover {
color: #f47321; }
.sub-nav.genderTabs, .sub-nav.followedContainer {
overflow: hidden;
position: relative;
display: block;
top: 1px;
margin-top: 2px; }
.tooltip {
color: #525252;
background-color: #ffffff;
border-color: #efefef;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); }
.tooltip .tooltipCloseButton {
fill: #a7a7a7; }
.darkmode .tooltip {
color: #ffffff;
background-color: #1c2733;
border-color: #17202a;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); }
.tooltip .divotTop .divotBackground {
border-bottom-color: #ffffff; }
.darkmode .tooltip .divotTop .divotBackground {
border-bottom-color: #1c2733; }
.tooltip .divotTop .divotBorder {
border-bottom-color: #efefef; }
.darkmode .tooltip .divotTop .divotBorder {
border-bottom-color: #17202a; }
.tooltip .divotBottom .divotBackground {
border-top-color: #ffffff; }
.darkmode .tooltip .divotBottom .divotBackground {
border-top-color: #1c2733; }
.tooltip .divotBottom .divotBorder {
border-top-color: #efefef; }
.darkmode .tooltip .divotBottom .divotBorder {
border-top-color: #17202a; }
.tooltip .divotLeft .divotBackground {
border-right-color: #ffffff; }
.darkmode .tooltip .divotLeft .divotBackground {
border-right-color: #1c2733; }
.tooltip .divotLeft .divotBorder {
border-right-color: #efefef; }
.darkmode .tooltip .divotLeft .divotBorder {
border-right-color: #17202a; }
.tooltip .divotRight .divotBackground {
border-left-color: #ffffff; }
.darkmode .tooltip .divotRight .divotBackground {
border-left-color: #1c2733; }
.tooltip .divotRight .divotBorder {
border-left-color: #efefef; }
.darkmode .tooltip .divotRight .divotBorder {
border-right-color: #17202a; }
.onlineRoomsTitle,
.recommendedRoomsTitle {
color: #494949; }
.darkmode .onlineRoomsTitle, .darkmode .recommendedRoomsTitle {
color: #b3b3b3; }
.followedDropdown.collapsed {
left: calc(50vw - 197px); }
.followedContainer {
width: 314px;
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
box-sizing: border-box;
padding: 8px;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; }
.followRecommendedContainer {
-webkit-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
max-height: 480px;
overflow: hidden auto;
padding: 8px;
position: relative;
width: 350px; }
.followRecommendedContainer .roomElementAnchor {
background-color: transparent; }
.darkmode .followRecommendedContainer .roomElementAnchor {
background-color: #202c39; }
.followRoomTable {
display: inline-block;
overflow: hidden; }
.recommendationsBorder {
background-color: #e2e2e2;
height: 1px;
margin-bottom: 4px; }
.darkmode .recommendationsBorder {
background-color: #2a323f; }
.followRecommendedHeader {
margin: 5px 3px;
width: 100%; }
.followRecommendedHeader .roomElement {
display: inline-block !important; }
.followedContainer {
color: #0a5a83; }
.darkmode .followedContainer {
color: #b3b3b3; }
.followedContainer .followedCount {
color: #525252;
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif; }
.darkmode .followedContainer .followedCount {
color: #b3b3b3; }
#followed_anchor.followed-header.orange:after {
display: inline-block;
content: "";
position: relative;
height: 8px;
width: 8px;
top: -8px;
right: 2px;
background-image: url(../../tsdefaultassets/orange_dot.svg?1ad136cac9cf);
background-position: center;
background-repeat: no-repeat; }
#followed_anchor.followed-header.orange.text:after {
content: var(--unseen-follow-count, "");
height: 13px;
min-width: 13px;
width: auto;
padding: 0 4px 1px;
top: -8px;
right: 0;
background-image: none;
background-color: #f47321;
border-radius: 8px;
font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
text-shadow: none; }
.followedDropdown {
border: 1px solid #8bb3da;
border-radius: 0 4px 4px;
background-color: white;
color: #0a5a83; }
.darkmode .followedDropdown {
color: #b3b3b3;
background-color: #17202a;
border-color: #2d3e50; }
.modalAlert {
color: #000000;
background-color: rgba(0, 0, 0, 0.4); }
.darkmode .modalAlert {
color: #b3b3b3; }
.modalAlert .dialog {
background-color: #ffffff;
border: 1px solid #acacac; }
.darkmode .modalAlert .dialog {
background-color: #17202a;
border: none; }
.modalAlert .dialog .dialogForm {
background-color: #f9f9f9;
border-top-color: #cccccc; }
.darkmode .modalAlert .dialog .dialogForm {
background-color: #1c2733;
border-top-color: #2a323f; }
.modalAlert .dialog .dialogForm .accept:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .modalAlert .dialog .dialogForm .accept:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .modalAlert .dialog .dialogForm .accept:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .modalAlert .dialog .dialogForm .accept:is(select) {
background-color: #202c39; }
.darkmode .modalAlert .dialog .dialogForm .accept:is(select):focus {
outline: #68b5f0 auto 1px; }
.modalAlert .dialog .dialogForm .accept, .darkmode .modalAlert .dialog .dialogForm .accept {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.modalAlert .dialog .dialogForm .decline {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
border-radius: 4px; }
.modalAlert .dialog .dialogForm .decline:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .modalAlert .dialog .dialogForm .decline:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .modalAlert .dialog .dialogForm .decline:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .modalAlert .dialog .dialogForm .decline:is(select) {
background-color: #202c39; }
.darkmode .modalAlert .dialog .dialogForm .decline:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .modalAlert .dialog .dialogForm .decline {
color: #b3b3b3;
border: 1px solid #b3b3b3; }
.subgenderModal {
color: #525252; }
.darkmode .subgenderModal {
color: #b3b3b3; }
.ButtonColor-blue:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-blue:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-blue:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-blue:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-blue:is(select):focus {
outline: #68b5f0 auto 1px; }
.ButtonColor-blue, .darkmode .ButtonColor-blue {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.ButtonColor-orange:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-orange:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-orange:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-orange:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-orange:is(select):focus {
outline: #68b5f0 auto 1px; }
.ButtonColor-orange, .darkmode .ButtonColor-orange {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.ButtonColor-green:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-green:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-green:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-green:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-green:is(select):focus {
outline: #68b5f0 auto 1px; }
.ButtonColor-green, .darkmode .ButtonColor-green {
background-color: #009900;
color: #ffffff;
border: 1px solid #288a09;
border-radius: 4px; }
.ButtonColor-red:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-red:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-red:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-red:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-red:is(select):focus {
outline: #68b5f0 auto 1px; }
.ButtonColor-red, .darkmode .ButtonColor-red {
background-color: #eb3404;
color: #ffffff;
border: 1px solid #eb3404;
border-radius: 4px; }
.ButtonColor-text {
background-color: transparent;
color: #494949;
border: none; }
.ButtonColor-text:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-text:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-text:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-text:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-text:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .ButtonColor-text {
color: #b3b3b3; }
.ButtonColor-text:hover {
text-decoration: underline; }
.ButtonColor-clear {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
border-radius: 4px; }
.ButtonColor-clear:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .ButtonColor-clear:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .ButtonColor-clear:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .ButtonColor-clear:is(select) {
background-color: #202c39; }
.darkmode .ButtonColor-clear:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .ButtonColor-clear {
color: #b3b3b3;
border: 1px solid #b3b3b3; }
body.darkmode {
background-color: #17202a; }
body.darkmode #main {
color: #b3b3b3; }
.textColor {
color: #494949; }
.darkmode .textColor {
color: #b3b3b3; }
.brandColor {
color: #f47321; }
.brandBlue {
color: #306a91; }
.textBodySecondary {
color: #a7a7a7; }
.darkmode .textBodySecondary {
color: #6e6f70; }
.bgColor {
background-color: #ffffff; }
.darkmode .bgColor {
background-color: #2a2c30; }
.tabSectionBorder {
border-bottom: 1px solid #8bb3da; }
.darkmode .tabSectionBorder {
border-bottom: 1px solid #2a323f; }
.tabBorder {
border-color: #8bb3da; }
.darkmode .tabBorder {
border-color: #2a323f; }
.tabActiveBorder,
.tabBorder:hover:not(.orange) {
border-bottom: 1px solid #ffffff; }
.darkmode .tabActiveBorder, .darkmode .tabBorder:hover:not(.orange) {
border-bottom: transparent; }
.tabBorder.tabBorderNoHover:hover {
border-bottom: 1px solid #8bb3da; }
.darkmode .tabBorder.tabBorderNoHover:hover {
border-bottom: 1px solid #666666; }
.tabInactiveBgColor {
background-color: #dde9f5; }
.darkmode .tabInactiveBgColor {
background-color: #2a2c30; }
.tabInactiveColor {
color: #5e81a4; }
.darkmode .tabInactiveColor {
color: #68b5f0; }
.tabActiveBgColor,
.tabInactiveBgColor:hover {
background-color: #ffffff; }
.darkmode .tabActiveBgColor, .darkmode .tabInactiveBgColor:hover {
background-color: #17202a; }
.tabActiveColor,
.tabInactiveColor:hover {
color: #dc5500; }
.darkmode .tabActiveColor, .darkmode .tabInactiveColor:hover {
color: #f47321; }
.chatAreaTabColor {
color: #4c4c4c; }
.darkmode .chatAreaTabColor {
color: #b3b3b3; }
.defaultColor {
color: var(--wl-text-color, #494949); }
.darkmode .defaultColor {
color: #b3b3b3; }
.defaultTooltipColor {
color: #222222; }
.darkmode .defaultTooltipColor {
color: #ffffff; }
.roomSubjectToolTipColor {
color: #494949; }
.darkmode .roomSubjectToolTipColor {
color: #b3b3b3; }
.hrefColor {
color: #0a5b83; }
.darkmode .hrefColor {
color: #68b5f0; }
.supportSuccess {
color: #288a09; }
.darkmode .supportSuccess {
color: #288a09; }
.supportError {
color: #cc0000; }
.darkmode .supportError {
color: #dc0000; }
.tagFontColor,
.whiteFontColor {
color: #ffffff; }
.tagExhibColor {
background-color: #6d85b5; }
.tagLineColor {
background-color: #0b5d81; }
.tagOfflineColor {
background-color: #4f4f4f; }
.tagPrivateGroupColor {
background-color: #b60a42; }
.tagGamingColor {
background-color: #7f26b1; }
.tagNewColor {
background-color: #71b404; }
.camBgColor {
background-color: #f0f1f1; }
.darkmode .camBgColor {
background-color: #202c39;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
.camBorderColor {
color: #acacac; }
.darkmode .camBorderColor {
color: #202c39; }
.camSubjectColor {
color: #000000; }
.darkmode .camSubjectColor {
color: #b3b3b3; }
.camSubjectTagColor {
color: #0a5a83; }
.darkmode .camSubjectTagColor {
color: #68b5f0; }
.camAltTextColor {
color: #575757; }
.darkmode .camAltTextColor {
color: #6e6f70; }
.camHrefColor,
.list .title a {
color: #0a5a83; }
.darkmode .camHrefColor, .darkmode .list .title a {
color: #68b5f0; }
.transparentBg {
background: transparent; }
.nextCamBgColor {
background: #fceadb; }
.darkmode .nextCamBgColor {
background: #2a323f; }
.navigationAlt2BgImage {
background: url(../../tsdefaultassets/gender_tab_bg.gif?1ad136cac9cf) repeat-x; }
.darkmode .navigationAlt2BgImage {
background-image: none; }
.navigationAlt2BgColor {
background-color: #ffffff; }
.darkmode .navigationAlt2BgColor {
background-color: transparent; }
.contentBgColor:hover {
border-bottom-color: #ffffff; }
.darkmode .contentBgColor:hover {
border-bottom-color: #202223; }
.overlayOpacity {
background-color: #000 !important;
opacity: 0.85; }
.dismissibleMessageColor {
color: #49494f; }
.darkmode .dismissibleMessageColor {
color: #b3b3b3; }
#header #user_information .userInfoDropdownBgColor {
background-color: #3c87ba; }
.darkmode #header #user_information .userInfoDropdownBgColor {
background-color: #1c2733; }
#header #user_information .userInfoDropdownTextColor {
color: #fff; }
.darkmode #header #user_information .userInfoDropdownTextColor {
color: #fff; }
#header #user_information .userInfoDropdownHighlightColor {
background-color: transparent; }
#header #user_information .userInfoDropdownHighlightColor:hover {
background-color: #2c6990; }
.darkmode #header #user_information .userInfoDropdownHighlightColor:hover {
background-color: #885336; }
.darkmode .logo-zone image {
opacity: 0.8; }
.darkmode.isIpad select {
color: #000 !important; }
/**
From defaultSiteSettings
----bgColor: "#ffffff", ---- DONE
navigationBgColor: "#0c6a93",
navigationFontColor: "#ffffff",
navigationAltBgColor: "#f47321",
----navigationAlt2BgColor: "#ffffff", ---- DONE
----navigationAlt2BgImage: `url(../../scss/templates/site/${STATIC_URL_ROOT}tsdefaultassets/gender_tab_bg.gif) repeat-x`, ---- DONE
h1Color: "#004B5E",
----textColor: "#494949", ---- DONE
----defaultColor: "#494949", ---- DONE
----defaultTooltipColor: "#222222", ---- DONE
userInfoAreaTextColor: "#222222",
----hrefColor: "#0A5B83", ---- DONE
----tabBorderColor: "#8bb3da",---- DONE
----tabActiveColor: "#ffffff", ---- DONE
----tabInactiveColor: "#dde9f5", ---- DONE
----tabActiveFontColor: "#dc5500", ---- DONE
----tabInactiveFontColor: "#5e81a4", ---- DONE
----tagExhibColor: "#6D85B5", ---- DONE
----tagFontColor: "#FFF", ---- DONE
----tagLineColor: "#0b5d81", ---- DONE
----tagOfflineColor: "#4F4F4F", ---- DONE
----tagPrivateGroupColor: "#B60A42", ---- DONE
----contentBgColor: "#FFFFFF", ---- DONE
----camBgColor: "#F0F1F1", ---- DONE
----camBorderColor: "#ACACAC", ---- DONE
----camSubjectColor: "#000", ---- DONE
----camSubjectTagColor: "#0A5A83", ---- DONE
----camAltTextColor: "#575757", ---- DONE
----camHrefColor: "#0A5A83", ---- DONE
tokenHrefColor: "#e45900",
footerHrefColor: "#676767",
footerTextColor: "#494949",
copyrightTextColor: "#494949",
userInfoBgColor: "#e9e9e9",
usernameColor: "#ffffff",
----nextCamBgColor: "#FCEADB", ---- DONE
footerColNameColor: "#494949",
footerRowColor: "#0A5A83",
footerSiteNavColor: "#dc5500",
----chatAreaTabColor: "#4C4C4C", ---- DONE
----roomSubjectToolTipColor: "#494949", ---- DONE
loginOverlayColor: "#000000",
----dismissibleMessageColor: "#494949", ---- DONE
----userInfoDropdownBgColor: "#3C87BA", ---- DONE
----userInfoDropdownHighlightColor: "#F47321", ---- DONE
----userInfoDropdownTextColor: "#ffffff", ---- DONE
signupBgColor: "#f47321",
*/
.top_alert {
background-color: #ffffd3;
padding: 40px 30px;
margin: 20px;
text-align: left;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 25px;
line-height: 32px;
text-decoration: none;
color: #494949;
position: relative; }
.top_alert span,
.top_alert a,
.top_alert li {
font-size: 25px; }
.top_alert a {
color: #0a5a83;
font-weight: bold; }
.top_alert_close {
display: inline-block;
padding: 0;
position: absolute;
font-size: 50px;
right: 10px;
top: 5px;
user-select: none;
-webkit-user-select: none; }
#header {
position: relative;
width: 100%;
background: #fff url(../../images/bg-body.gif?1ad136cac9cf) repeat-x;
-webkit-text-size-adjust: none; }
#header .ad,
#header .vote-banner {
position: absolute;
display: inline-block;
margin-top: 10px;
left: 270px;
width: 468px;
height: 60px;
z-index: 10; }
#header .ad img,
#header .vote-banner img {
display: block; }
#header .section {
height: 88px;
width: 100%; }
#header .right_section {
position: absolute;
right: 0; }
#header #user_information {
color: #494949;
border-color: #0c6a93; }
.darkmode #header #user_information {
color: #b3b3b3;
border-color: transparent; }
#header #user_information.uip_v2 a.uip_btn.uip_primary {
background: #f47321;
color: #ffffff;
border-color: #d56125; }
#header #user_information.uip_v2 a.uip_btn.uip_secondary {
background: #ffffff;
color: #6c6c78;
border-color: #acacac; }
.darkmode #header #user_information.uip_v2 a.uip_btn.uip_secondary {
background-color: #272a2c;
color: #dedede;
border-color: #474747; }
#header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement {
border-color: #acacac; }
.darkmode #header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement {
border-color: #474747; }
#header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement.tabindex_fix {
border-color: #d56125; }
#header #user_information.uip_v2 a.uip_btn .token_img {
background-image: url(../../images/uip_tokens.svg?1ad136cac9cf); }
.darkmode #header #user_information.uip_v2 a.uip_btn .token_img {
background-image: url(../../images/uip_tokens_darkmode.svg?1ad136cac9cf); }
#header #user_information.uip_v2 .user_information_header_icon.anonymous {
background-image: url(../../images/gendericons/anon_dark.svg?1ad136cac9cf); }
.darkmode #header #user_information.uip_v2 .user_information_header_icon.anonymous {
background-image: url(../../images/gendericons/anon.svg?1ad136cac9cf); }
#header #user_information .user_information_header {
background-color: #0c6a93; }
.darkmode #header #user_information .user_information_header {
background-color: #2d3e50; }
#header #user_information .bottom {
background-color: #e9e9e9; }
.darkmode #header #user_information .bottom {
background-color: #202c39; }
#header #user_information .bottom a {
color: #dc5500; }
.darkmode #header #user_information .bottom a {
color: #f47321; }
#header #user_information .bottom a.tokencountlink,
#header #user_information .bottom strong.auip_tokens {
color: #494949; }
.darkmode #header #user_information .bottom a.tokencountlink, .darkmode #header #user_information .bottom strong.auip_tokens {
color: #b3b3b3; }
#header #user_information .user_information_header_username {
color: white; }
#header #user_information .user_information_header_username.uip_v2 {
color: #49494f; }
.darkmode #header #user_information .user_information_header_username.uip_v2 {
color: #fcfcfc; }
#header #user_information .user_information_status.uip_v2 {
color: #6c6c78; }
.darkmode #header #user_information .user_information_status.uip_v2 {
color: #cbcbcb; }
#header #user_information .user_information_status.uip_v2.supporter {
color: #f47321; }
#header #user_information .uipTestLink {
background-color: #fff;
color: #306a91; }
#header #user_information .uipTestLink:hover {
background-color: #306a91;
color: #fff; }
.darkmode #header #user_information .uipTestLink:hover {
background-color: #7f7f7f; }
.darkmode #header #user_information .uipTestLink {
background-color: #2a2a2c;
color: #fff; }
#header #user_information .user_information_header_arrowdown.uip_v2 {
background-image: url(../../images/arrowdown_black.svg?1ad136cac9cf); }
.darkmode #header #user_information .user_information_header_arrowdown.uip_v2 {
background-image: url(../../images/arrowdown_grey.svg?1ad136cac9cf); }
#header #user_information .user_information_icon {
background: center/contain no-repeat; }
#header #user_information .chat_bubble {
background-image: url(../../images/chat-bubble-gray.svg?1ad136cac9cf); }
#header #user_information .chat_bubble.active {
background-image: url(../../images/chat-bubble-normal.svg?1ad136cac9cf); }
#header #user_information .chat_bubble.has_unread {
background-image: url(../../images/chat-bubble-new.svg?1ad136cac9cf); }
#header #user_information .notification_bell {
background-image: url(../../images/bell_inactive.svg?1ad136cac9cf); }
.darkmode #header #user_information .notification_bell {
background-image: url(../../images/darkmode_bell_inactive.svg?1ad136cac9cf); }
#header #user_information .notification_bell.has_unseen {
background-image: url(../../images/bell_notification.svg?1ad136cac9cf); }
.darkmode #header #user_information .notification_bell.has_unseen {
background-image: url(../../images/darkmode_bell_notification.svg?1ad136cac9cf); }
#header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
background-image: url(../../images/bell_notification_black.svg?1ad136cac9cf); }
.darkmode #header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
background-image: url(../../images/darkmode_bell_notification.svg?1ad136cac9cf); }
#header #user_information .notification_bell.active {
background-image: url(../../images/bell_active.svg?1ad136cac9cf); }
.darkmode #header #user_information .notification_bell.active {
background-image: url(../../images/darkmode_bell_active.svg?1ad136cac9cf); }
#header #user_information {
display: inline-block;
width: auto;
min-width: 247px;
margin-top: 13px;
margin-right: 15px;
z-index: 100;
text-align: left;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-radius: 4px 4px 0 0;
font-size: 11px;
position: relative;
box-sizing: border-box; }
#header #user_information.lang-hi, #header #user_information.lang-ja, #header #user_information.lang-zh {
margin-top: 9px; }
#header #user_information a.tokencountlink,
#header #user_information strong.auip_tokens {
font-size: 13px;
font-family: "UbuntuBold", Arial, Helvetica, sans-serif; }
#header #user_information table th,
#header #user_information table td,
#header #user_information a {
font: 11px "UbuntuMedium", Arial, Helvetica, sans-serif;
text-align: left; }
#header #user_information table th.auip_links,
#header #user_information table td.auip_links,
#header #user_information a.auip_links {
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif; }
#header #user_information tr > td:last-child {
text-align: right; }
#header #user_information table th,
#header #user_information table td {
padding: 2px 0 2px 5px; }
#header #user_information .bottom table td strong {
font: 13px "UbuntuBold", Arial, Helvetica, sans-serif; }
#header #user_information .overflow {
width: 105px;
height: 15px;
overflow: hidden; }
#header #user_information a {
cursor: pointer; }
#header #user_information .bottom {
height: 42px;
padding: 4px 4px 4px 0; }
#header #user_information .user_information_header {
padding: 3px 0 4px;
height: 17px;
width: 100%;
border-radius: 2px 2px 0 0; }
.darkmode #header #user_information .user_information_header {
border-radius: 4px 4px 0 0; }
#header #user_information .user_information_header .user_information_container {
display: inline-block;
cursor: pointer; }
#header #user_information .user_information_header .user_information_container.anonymous > .user_information_header_icon {
top: 0; }
#header #user_information .user_information_container:hover span {
text-decoration: underline; }
#header #user_information .user_information_header_icon {
vertical-align: top;
padding-left: 2px;
position: relative;
margin-left: 3px;
top: -1px;
width: 16px;
height: 16px; }
#header #user_information .user_information_header_username {
display: inline-block;
font-family: "UbuntuBold", Helvetica, Arial, sans-serif;
font-size: 12px;
position: relative;
margin: 0 2px;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
line-height: 17px;
cursor: pointer; }
#header #user_information .user_information_header_arrowdown {
border: none;
vertical-align: top;
position: relative;
top: 4px;
width: 8px;
height: 8px; }
#header #user_information .messaging_icon {
margin-right: 8px; }
#header #user_information .user_information_icon {
border: none;
cursor: pointer;
float: right;
height: 16px;
width: 13px; }
#header #user_information .chat_bubble {
margin-right: 8px;
width: 16px; }
#header #user_information .notification_bell {
margin-right: 6px; }
#header .anon_dropdown_container {
display: inline;
position: relative; }
#header .tabindex_fix {
outline: none; }
@media screen and (max-width: 1030px) {
#header .ad {
display: none; } }
.nav-bar {
overflow: hidden;
height: 1%;
padding: 0 15px;
background: #0c6a93;
border-bottom: 3px solid #f47321;
white-space: nowrap; }
.nav-bar .login-link.login--lginxsu {
float: right;
color: white;
font: 1.166em "UbuntuMedium", Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
padding: 12px 20px;
margin: 0 8px 0 0; }
.nav-bar .purchase_tokens {
display: inline-block;
color: #fff; }
.nav-bar .purchase_tokens a {
float: none; }
.nav-bar #beta {
height: 14px;
vertical-align: text-top;
margin: 0 0 0 3px;
background: #f47321;
border-radius: 2px;
color: #fff;
padding: 0 4px 0 3px;
text-shadow: none;
font: 11px "UbuntuRegular", Arial, Helvetica, sans-serif;
line-height: 1.7; }
.nav-bar #tube-link-container:hover {
text-decoration: none; }
.nav-bar #tube-link:hover {
text-decoration: underline; }
.nav-bar .broadcast-yourself {
float: right !important; }
.nav-bar,
.header-dropdown {
padding: 0 0 0 15px; }
.nav-bar a.followed-header:hover > div,
.header-dropdown a.followed-header:hover > div {
text-decoration: underline; }
#nav {
position: relative;
list-style: none;
margin: 0;
padding: 0;
line-height: 30px;
height: 36px;
overflow: hidden;
display: block;
box-sizing: content-box;
width: 100%; }
#nav li {
font: 1.166em "UbuntuMedium", Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 0 #000;
padding: 12px 0 3px 0;
float: left;
margin: 0 20px 0 0; }
#nav li a {
color: #fff; }
#nav li a.new-header-tab:hover {
text-decoration: none; }
#nav li a.new-header-tab:hover .header-title {
text-decoration: underline; }
#nav div {
color: #fff; }
.sub-nav {
display: inline-block;
position: relative;
top: 3px;
list-style: none;
margin: 0;
padding: 0;
height: 27px;
font: 0.8666em/16px "UbuntuMedium", Arial, Helvetica, sans-serif; }
.sub-nav li {
float: left;
margin: 0 2px 0 0;
height: 27px;
vertical-align: top; }
.sub-nav li.selected {
font-size: 1.153em;
line-height: 16px; }
#mybroadcast-nav-tab a,
#contest_nav_tab a {
color: #090; }
.gender-tab a,
a.gender-tab,
.sub-nav li > a {
float: left;
box-sizing: border-box;
height: 27px;
color: #5e81a4;
background: #dde9f5;
border: 1px solid #8bb3da;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
padding: 5px 11px 4px;
text-decoration: none;
font-size: 13px;
cursor: pointer; }
.gender-tab ahover, .active .gender-tab a,
a.gender-tabhover, .active a.gender-tab,
.sub-nav li > ahover, .active .sub-nav li > a {
background: #fff;
color: #dc5500;
border-bottom: 1px solid #fff;
cursor: default; }
.gender-tab a.activeRoom,
a.gender-tab.activeRoom,
.sub-nav li > a.activeRoom {
font-size: 15px;
max-width: 180px;
padding: 4px 11px 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.gender-tab.collapsed a {
float: none;
display: inline-block; }
.darkmode #header {
background: #17202a; }
.darkmode .logo-zone strong {
color: #b3b3b3; }
.footer-holder {
padding: 20px 0 15px;
width: 100%;
overflow: hidden;
font: 0.833em/1.2em "UbuntuRegular", Arial, Helvetica, sans-serif;
text-align: center;
background: url(../../images/bg-footer-holder.gif?1ad136cac9cf) repeat-x; }
.footer-holder p {
margin: 0 0 8px; }
.footer-holder ul {
text-align: center;
list-style: none;
margin: 0;
padding: 0 65px 27px;
font: 12px/20px "UbuntuMedium", Arial, Helvetica, sans-serif; }
.footer-holder ul li {
display: inline;
padding: 0 3px 0 4px;
background: url(../../images/divider-01.gif?1ad136cac9cf) no-repeat 0 50%;
white-space: nowrap; }
.footer-holder ul li:first-child {
background: none; }
.footer-holder ul li form {
display: inherit; }
.footer-holder ul li form input[type="submit"] {
color: #6b6b6b;
font: inherit;
padding: inherit;
border: inherit;
background: inherit; }
.footer-holder ul li form input[type="submit"]:hover {
text-decoration: underline;
cursor: pointer; }
.footer-holder .nav {
font: 13px/15px "UbuntuMedium", Arial, Helvetica, sans-serif;
padding: 0 65px 13px; }
.footer-holder .nav li {
padding: 0 7px 0 11px; }
.footer-holder .nav li a {
color: #dc5500; }
.footer-holder #social-media-icons li {
padding: 0 10px;
background: none;
height: 20px;
line-height: 20px; }
.footer-holder #social-media-icons li a {
height: 20px;
line-height: 20px; }
.darkmode .footer-holder {
background: #17202a;
border-top: 5px solid #2a323f; }
.darkmode .footer-holder h2, .darkmode .footer-holder .nav li a, .darkmode .footer-holder ul li a, .darkmode .footer-holder a, .darkmode .footer-holder p {
color: #b3b3b3; }
.footer-holder .footer-cb-address {
background: transparent url(../../images/cb-footer-address-US.svg?1ad136cac9cf) no-repeat center;
background-size: contain;
text-align: center;
margin: 5px auto;
display: block;
height: 10px; }
.darkmode .footer-holder .footer-cb-address {
background: transparent url(../../images/cb-footer-address-US_dm.svg?1ad136cac9cf) no-repeat center;
background-size: contain; }
.footer-holder .twitter-x-icon {
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-image: url(../../images/socialmediaicons/social-media-twitter-x.svg?c505a0c772ca); }
.darkmode .footer-holder .twitter-x-icon {
background-image: url(../../images/socialmediaicons/social-media-twitter-x-white.svg?c505a0c772ca); }
.footer-holder .facebook-icon {
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-image: url(../../images/socialmediaicons/social-media-facebook.svg?1ad136cac9cf); }
.darkmode .footer-holder .facebook-icon {
background-image: url(../../images/socialmediaicons/social-media-facebook_dm.svg?1ad136cac9cf); }
.footer-holder .instagram-icon {
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-image: url(../../images/socialmediaicons/social-media-instagram.svg?1ad136cac9cf); }
.darkmode .footer-holder .instagram-icon {
background-image: url(../../images/socialmediaicons/social-media-instagram_dm.svg?1ad136cac9cf); }
.pm-control-bar {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-flex-pack: justify; }
@media screen and (min-width: 0\0) {
.pm-control-bar span {
display: inline-block;
height: 100%; } }
#DmWindowBar .pm-more-menus li:hover {
color: #ccc !important; }
#DmWindowBar .PrivateChatWindow form input[type="radio"] {
height: 14px;
width: 14px; }
#DmWindowBar .PrivateChatWindow form label {
margin: 3px 8px !important; }
#DmWindowBar .PrivateChatWindow .send-button {
background-color: #f47321;
border: 1px solid #d56125;
cursor: pointer; }
#DmWindowBar .PrivateChatWindow .send-button.disabled {
background-color: grey;
border: 1px solid grey;
cursor: wait; }
#DmWindowBar .PrivateChatWindow div.corner div.me {
border-radius: 10px 10px 4px 10px !important; }
#DmWindowBar .PrivateChatWindow div.corner div.other {
border-radius: 10px 10px 10px 4px !important; }
#DmWindowBar img.emoticonImage {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
display: inline-block; }
.userPanel {
color: #222; }
.darkmode .userPanel {
color: #ccc; }
/**
* Generic mixins
*/
.overlay {
background: transparent url(../../images/overlay_black.png?1ad136cac9cf) repeat top left;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1100;
display: none;
transform: translateZ(0); }
#entrance_terms,
#broadcast_terms,
#obs_broadcast_info,
#daily_payout_info,
#electronic_consent_terms {
position: absolute;
top: 250px;
left: 20%;
right: 20%;
background-color: #fff;
color: #7f7f7f;
padding: 20px;
display: none;
border: 2px solid #ccc;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 5px #333;
-moz-box-shadow: 0 1px 5px #333;
-ms-box-shadow: 0 1px 5px #333;
-o-box-shadow: 0 1px 5px #333;
box-shadow: 0 1px 5px #333;
z-index: 1100;
min-width: 700px; }
.overlay_popup {
/*
Used on CB1 chat page for tip and emote popups
*/ }
.overlay_popup .formborder {
border-top: 2px solid #0b5d81;
border-right: 2px solid #0b5d81;
border-left: 2px solid #0b5d81;
background-color: #fff;
margin: 0px;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
height: 222px; }
.overlay_popup td.formborder {
vertical-align: top;
display: block; }
.overlay_popup .divider {
margin: 0px;
padding: 0px; }
.overlay_popup .popup_imgs {
width: 369px;
height: auto;
padding: 8px 10px 6px; }
.overlay_popup .title {
margin: 0px;
padding: 6px 0px 0px 6px;
background-color: #e0e0e0;
height: 23px;
color: #0b5d81;
font: 15px "UbuntuBold", Arial, Helvetica, sans-serif; }
.overlay_popup .more {
margin: 0px;
padding: 0px 10px 0px;
width: 369px;
text-align: right; }
.overlay_popup .more a {
color: #d55215;
font: 13px "UbuntuRegular", Arial, Helvetica, sans-serif;
text-decoration: underline; }
.overlay_popup .body {
padding: 8px 10px 6px; }
.overlay_popup .body a {
color: #d55215;
text-decoration: underline;
font-weight: normal; }
.overlay_popup .body form {
clear: both;
display: block; }
.overlay_popup .balance {
font-weight: bold;
margin-bottom: 15px;
float: left; }
.overlay_popup .balance span {
color: green; }
.overlay_popup .purchase_tokens {
font-size: 0.9em;
float: right; }
/**
* Generic mixins
*/
.overlay {
background: transparent url(../../images/overlay_black.png?1ad136cac9cf) repeat top left;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1100;
display: none;
transform: translateZ(0); }
#entrance_terms,
#broadcast_terms,
#obs_broadcast_info,
#daily_payout_info,
#electronic_consent_terms {
position: absolute;
top: 250px;
left: 20%;
right: 20%;
background-color: #fff;
color: #7f7f7f;
padding: 20px;
display: none;
border: 2px solid #ccc;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 5px #333;
-moz-box-shadow: 0 1px 5px #333;
-ms-box-shadow: 0 1px 5px #333;
-o-box-shadow: 0 1px 5px #333;
box-shadow: 0 1px 5px #333;
z-index: 1100;
min-width: 700px; }
#entrance_terms#electronic_consent_terms,
#broadcast_terms#electronic_consent_terms,
#obs_broadcast_info#electronic_consent_terms,
#daily_payout_info#electronic_consent_terms,
#electronic_consent_terms#electronic_consent_terms {
min-width: 0; }
#entrance_terms .header,
#broadcast_terms .header,
#obs_broadcast_info .header,
#daily_payout_info .header,
#electronic_consent_terms .header {
text-align: center;
color: #222; }
#entrance_terms p,
#entrance_terms ul,
#broadcast_terms p,
#broadcast_terms ul,
#obs_broadcast_info p,
#obs_broadcast_info ul,
#daily_payout_info p,
#daily_payout_info ul,
#electronic_consent_terms p,
#electronic_consent_terms ul {
line-height: 1.4em !important; }
#entrance_terms .esignature_container,
#broadcast_terms .esignature_container,
#obs_broadcast_info .esignature_container,
#daily_payout_info .esignature_container,
#electronic_consent_terms .esignature_container {
padding: 12px 0; }
#entrance_terms .esignature_container .esignature,
#broadcast_terms .esignature_container .esignature,
#obs_broadcast_info .esignature_container .esignature,
#daily_payout_info .esignature_container .esignature,
#electronic_consent_terms .esignature_container .esignature {
display: inline-block;
padding-left: 2px;
white-space: pre;
text-decoration: underline; }
#entrance_terms .scroll,
#broadcast_terms .scroll,
#obs_broadcast_info .scroll,
#daily_payout_info .scroll,
#electronic_consent_terms .scroll {
height: 200px;
overflow: auto;
padding: 0 15px 0 10px;
border: 1px solid #ccc;
margin: 0 auto;
text-align: left; }
#entrance_terms .scroll p,
#broadcast_terms .scroll p,
#obs_broadcast_info .scroll p,
#daily_payout_info .scroll p,
#electronic_consent_terms .scroll p {
margin-block-start: 1em !important;
margin-block-end: 1em !important;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important; }
.darkmode #entrance_terms a, .darkmode #broadcast_terms a, .darkmode #obs_broadcast_info a, .darkmode #daily_payout_info a, .darkmode #electronic_consent_terms a {
color: #68b5f0; }
#entrance_terms .footer,
#broadcast_terms .footer,
#obs_broadcast_info .footer,
#daily_payout_info .footer,
#electronic_consent_terms .footer {
text-align: center;
color: #222; }
#entrance_terms .footer a,
#broadcast_terms .footer a,
#obs_broadcast_info .footer a,
#daily_payout_info .footer a,
#electronic_consent_terms .footer a {
width: 200px;
height: 30px;
line-height: 30px;
font-weight: bold;
background-color: orange;
margin: 10px 5px 0 5px;
display: inline-block;
text-align: center; }
#entrance_terms .footer .exit_entrance_terms,
#broadcast_terms .footer .exit_entrance_terms,
#obs_broadcast_info .footer .exit_entrance_terms,
#daily_payout_info .footer .exit_entrance_terms,
#electronic_consent_terms .footer .exit_entrance_terms {
background-color: #ccc; }
.entrance-terms--shown,
.age-gate--shown {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: black;
visibility: hidden; }
.entrance-terms--shown.lg-tv-black-overlay,
.age-gate--shown.lg-tv-black-overlay {
background-color: black !important;
visibility: hidden !important; }
.entrance-terms--shown.lg-tv-black-overlay #entrance_terms_overlay #age_gate_overlay,
.age-gate--shown.lg-tv-black-overlay #entrance_terms_overlay #age_gate_overlay {
background: transparent url("../../images/overlay_black.png?1ad136cac9cf") repeat top left !important; }
@supports (filter: blur(5px)) or (-webkit-filter: blur(5px)) {
.entrance-terms--shown,
.age-gate--shown {
background-color: white;
visibility: visible; }
.entrance-terms--shown #entrance_terms_overlay,
.entrance-terms--shown #age_gate_overlay,
.age-gate--shown #entrance_terms_overlay,
.age-gate--shown #age_gate_overlay {
background-color: rgba(0, 0, 0, 0.75);
background-image: none; } }
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
.entrance-terms--shown #entrance_terms_overlay,
.entrance-terms--shown #age_gate_overlay,
.age-gate--shown #entrance_terms_overlay,
.age-gate--shown #age_gate_overlay {
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); } }
@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
.entrance-terms--shown *:not(#base):not(#entrance_terms_overlay):not(#age_gate_overlay):not(
#entrance_terms_overlay *
):not(#age_gate_overlay *),
.age-gate--shown *:not(#base):not(#entrance_terms_overlay):not(#age_gate_overlay):not(
#entrance_terms_overlay *
):not(#age_gate_overlay *) {
filter: blur(5px);
-webkit-filter: blur(5px); } }
#entrance_terms {
display: block; }
#entrance_terms_overlay {
position: fixed;
overflow: auto;
display: block;
background-color: black; }
#entrance_terms_overlay #entrance_terms {
min-width: 400px;
top: 20%; }
@media (max-width: 900px) {
#entrance_terms_overlay #entrance_terms {
left: 10%;
right: 10%; } }
@media (max-width: 600px) {
#entrance_terms_overlay #entrance_terms {
left: 5%;
right: 5%; } }
@media (max-height: 800px) {
#entrance_terms_overlay #entrance_terms {
top: 10%; } }
@media (max-height: 600px) {
#entrance_terms_overlay #entrance_terms {
top: 5%; } }
.list .thumbnail_label,
.list .thumbnail_label_featured {
display: inline-block;
position: absolute;
right: 3px;
padding: 1px 3px 1px 3px;
text-align: center;
overflow: hidden;
color: #fff;
font: 10px "UbuntuRegular", Arial, Helvetica, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none; }
.theme-external .thumbnail_label_recommender {
display: none; }
.list .thumbnail_label {
bottom: 76px; }
.list .thumbnail_label_featured {
bottom: 76px;
border-bottom: 2px solid #dd7f21; }
.list .thumbnail_label_exhibitionist {
background-color: #6d85b5; }
.list .thumbnail_label_recorded {
background-color: #4f4f4f; }
.list .thumbnail_label_offline {
background-color: #4f4f4f; }
.list .thumbnail_label_plug {
background-color: #900; }
.list .thumbnail_label_c {
background-color: #0c6a93; }
.list .thumbnail_label_c_promoted {
background-color: #0471a1; }
.list .thumbnail_label_c_private_show {
background-color: #c00; }
.list .thumbnail_label_c_gaming {
background-color: #7f26b1; }
.list .thumbnail_label_c_new {
background-color: #71b404; }
#age-gate-signup {
background-color: white;
border-radius: 8px;
box-sizing: border-box;
font-size: 14px;
max-width: 930px;
width: 95vw;
display: flex;
overflow: auto;
scrollbar-width: none; }
#age-gate-signup::-webkit-scrollbar {
display: none; }
#age-gate-signup .left-half {
padding: 20px 30px;
background-color: rgba(44, 170, 44, 0.05);
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 140px;
flex: 1 2 265px; }
#age-gate-signup .right-half {
min-width: 500px;
height: 570px;
padding: 20px;
flex: 1 0 500px; }
#age-gate-signup .right-half iframe {
width: 100%;
height: 100%;
border: none;
scrollbar-width: none;
display: none; }
#age-gate-signup .right-half iframe::-webkit-scrollbar {
display: none; }
#age-gate-signup .text-container {
margin-top: 80px; }
#age-gate-signup .text-container img.verified-check {
height: 40px; }
#age-gate-signup .text-container h2 {
color: #222429;
font-family: UbuntuBold, Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.4em; }
#age-gate-signup .text-container p {
margin-bottom: 2.4em;
color: black; }
#age-gate-signup .link-row {
margin-bottom: 10px; }
#age-gate-signup .link-row .login {
padding: 5px 16px 5px 0;
margin-right: 16px;
white-space: nowrap;
display: inline-block; }
#age-gate-signup .link-row .age-gate-signup-dismiss {
padding: 5px 0 5px 1px;
white-space: nowrap;
display: inline-block; }
.multi-av {
position: relative;
color: #222429;
max-width: 450px !important;
box-sizing: border-box; }
.multi-av .age-gate-tooltip {
z-index: 1; }
.multi-av .age-gate-info-icon.blue {
background-image: url("../../images/info-icon-blue.svg?c505a0c772ca") !important;
width: 14px !important;
height: 14px !important;
position: relative;
top: 1px; }
.multi-av .header {
font-size: 20px;
line-height: 28px;
margin-bottom: 8px; }
.multi-av .yoti-logo {
width: 45px; }
.multi-av #av-choice-submit {
border: none !important;
font-size: 16px;
line-height: 24px;
display: block;
text-align: center;
padding: 8px 32px;
margin: 30px 0 0 0;
cursor: pointer; }
.multi-av #av-choice-submit:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .multi-av #av-choice-submit:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .multi-av #av-choice-submit:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .multi-av #av-choice-submit:is(select) {
background-color: #202c39; }
.darkmode .multi-av #av-choice-submit:is(select):focus {
outline: #68b5f0 auto 1px; }
.multi-av #av-choice-submit, .darkmode .multi-av #av-choice-submit {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.multi-av #av-choices {
margin-top: 20px; }
.multi-av #av-choices .show-more-verification-options {
display: inline-block;
font-size: 14px;
cursor: pointer; }
.multi-av #av-choices .show-more-verification-options img {
position: relative;
top: -2px;
margin-left: 3px; }
.multi-av #av-choices #yoti-div {
display: none; }
.multi-av #av-choices #id-scan-div {
display: none; }
.multi-av #av-choices #cc-div {
display: none; }
.multi-av #av-choices .choice-div {
border: none;
background-color: #f8f9fa;
height: 60px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
cursor: pointer; }
.multi-av #av-choices .choice-div.highlight {
border: 1px solid #306a91;
background-color: white; }
.multi-av #av-choices .choice-div .left-half {
display: flex;
align-items: center; }
.multi-av #av-choices .choice-div input {
margin: 0 12px;
position: relative;
top: 1px;
width: 12px;
height: 12px; }
.multi-av #av-choices .choice-div label span {
color: #222429;
font-size: 14px;
line-height: 20px; }
.multi-av #av-choices .choice-div label img {
position: relative;
margin-right: 4px; }
.multi-av #av-choices .choice-div label[for="choice-verifymy-email"] img {
top: 5px; }
.multi-av #av-choices .choice-div label[for="choice-incode-id"] img {
top: 2px; }
.multi-av #av-choices .choice-div label[for="choice-incode-face"] img {
top: 4px; }
.multi-av #av-choices .choice-div label[for="choice-yoti"] img.yoti-logo {
width: 75px;
top: 3px; }
.multi-av #av-choices .choice-div label[for="choice-yoti"] img.smartphone-logo {
top: 4px; }
.multi-av #av-choices .choice-div label[for="choice-cc"] img {
top: 4px; }
.multi-av #av-choices .choice-div .recommended-text {
color: #288a09;
font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 142.857% */
justify-content: center;
text-align: center; }
@media (max-width: 375px) {
.multi-av #av-choices .choice-div .recommended-text {
display: none; } }
.multi-av #av-choices .choice-div .right-half {
margin-right: 12px; }
.multi-av #av-choices .choice-div .right-half .age-gate-info-icon {
background-image: url("../../images/info-icon-gray.svg?c505a0c772ca");
position: relative;
top: 1px; }
.multi-av #av-choices .choice-div .right-half .age-gate-tooltip {
width: 290px;
right: unset;
left: -145px;
z-index: 1;
font-size: 12px;
position: absolute; }
.verify-cc-home {
display: none;
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
max-width: 400px;
padding: 30px 30px 0;
box-sizing: border-box;
position: relative; }
.verify-cc-home .top-container {
margin-left: 10px; }
.verify-cc-home .back-to-methods {
font-size: 14px;
line-height: 22px;
margin-bottom: 15px;
cursor: pointer;
color: #306a91;
display: inline-block; }
.verify-cc-home .back-to-methods img {
position: relative;
top: 1px;
margin-right: 6px; }
.verify-cc-home .title {
font-size: 20px;
line-height: 28px;
font-family: UbuntuBold, Arial, Helvetica, sans-serif;
color: #f47321;
margin-bottom: 10px; }
.verify-cc-home .description {
font-size: 13px;
line-height: 18px;
color: #6e6f70; }
.under-modal {
font-size: 12px;
position: absolute;
bottom: -64px;
width: calc(100% - 60px) !important;
padding: 20px 0;
color: white;
font-size: 14px;
display: block;
text-align: center; }
.under-modal a {
color: white; }
#ag_signup {
display: none;
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
padding: 30px;
box-sizing: border-box;
position: relative; }
#ag_signup .age-gate-account {
text-align: center; }
#age_gate_overlay {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-y: auto; }
#age_gate_home {
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 1.2em;
line-height: 1.4em;
max-width: 400px;
padding: 30px; }
#age_gate_home strong {
font-family: UbuntuBold, Arial, Helvetica, sans-serif; }
#age_gate_home .age-gate-header {
margin-bottom: 1.2em; }
#age_gate_home .age-gate-header strong {
font-size: 1.4em; }
#age_gate_home .age-gate-header span.branding {
color: #ccc;
float: right; }
#age_gate_home .age-gate-header .incode-logo,
#age_gate_home .age-gate-header .yoti-logo {
display: inline-block;
height: 11px;
margin-left: 2px;
vertical-align: baseline; }
#age_gate_home .age-gate-tooltip-container {
display: inline;
position: relative; }
#age_gate_home .age-gate-info-icon {
align-self: center;
background: url(../../images/info-icon-black.svg?1ad136cac9cf) center center/contain no-repeat;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 12px;
margin-left: 4px;
width: 12px; }
#age_gate_home .age-gate-tooltip {
background: white;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
left: 0;
margin: 0 auto;
max-width: 600px;
padding: 0 15px;
position: absolute;
right: 0;
visibility: hidden; }
#age_gate_home .age-gate-info-icon:hover + .age-gate-tooltip,
#age_gate_home .age-gate-info-icon:active + .age-gate-tooltip,
#age_gate_home .age-gate-info-icon:focus + .age-gate-tooltip,
#age_gate_home .age-gate-tooltip:hover,
#age_gate_home .age-gate-tooltip:active,
#age_gate_home .age-gate-tooltip:focus {
visibility: visible; }
#age_gate_home .age-gate-subtext {
color: #999;
font-size: 0.9em; }
#age_gate_home a.age-gate-verify,
#age_gate_home span.age-gate-account {
display: block;
text-align: center;
width: 100%; }
#age_gate_home a.age-gate-verify {
font-size: 1.1em;
height: 40px;
line-height: 40px;
margin-bottom: 30px;
width: 100%; }
#age_gate_home a.age-gate-verify:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #age_gate_home a.age-gate-verify:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #age_gate_home a.age-gate-verify:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #age_gate_home a.age-gate-verify:is(select) {
background-color: #202c39; }
.darkmode #age_gate_home a.age-gate-verify:is(select):focus {
outline: #68b5f0 auto 1px; }
#age_gate_home a.age-gate-verify, .darkmode #age_gate_home a.age-gate-verify {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
:root {
--cbt-scroll-down-button-base-bg: rgba(0, 0, 0, 0.8);
--cbt-scroll-down-button-highlight-bg: rgba(46, 46, 46, 0.8); }
@keyframes flashScrollDownButton {
0%,
20% {
background-color: var(--cbt-scroll-down-button-highlight-bg); }
100% {
background-color: var(--cbt-scroll-down-button-base-bg); } }
.scrollDownButtonWrapper {
position: absolute;
display: "flex";
justify-content: center;
width: 100%;
pointer-events: none; }
.scrollDownButtonWrapper .scrollDownButton {
display: flex;
pointer-events: all;
box-sizing: border-box;
padding: 8px MIN(5%, 16px);
border-radius: 4px;
background-color: var(--cbt-scroll-down-button-base-bg);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: #ffffff;
cursor: pointer; }
.scrollDownButtonWrapper .scrollDownButton.flash {
animation-name: flashScrollDownButton;
animation-duration: 1s;
animation-timing-function: ease-in-out; }
.scrollDownButtonWrapper .scrollDownButton:hover {
background-color: var(--cbt-scroll-down-button-highlight-bg); }
.scrollDownButtonWrapper .scrollDownButton svg {
margin-right: 8px;
vertical-align: text-top;
flex-shrink: 0; }
.scrollDownButtonWrapper .scrollDownButton .scrollDownText {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
min-width: 0; }
.darkmode #entrance_terms {
background-color: #1c2733;
border-color: #17202a; }
.darkmode #entrance_terms .header {
color: #68b5f0; }
.darkmode #entrance_terms .scroll {
color: #b3b3b3;
border-color: #6e6f70; }
#entrance_terms .footer #close_entrance_terms:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #entrance_terms .footer #close_entrance_terms:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #entrance_terms .footer #close_entrance_terms:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #entrance_terms .footer #close_entrance_terms:is(select) {
background-color: #202c39; }
.darkmode #entrance_terms .footer #close_entrance_terms:is(select):focus {
outline: #68b5f0 auto 1px; }
#entrance_terms .footer #close_entrance_terms, .darkmode #entrance_terms .footer #close_entrance_terms {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
#entrance_terms .footer .exit_entrance_terms {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
border-radius: 4px; }
#entrance_terms .footer .exit_entrance_terms:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #entrance_terms .footer .exit_entrance_terms:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #entrance_terms .footer .exit_entrance_terms:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #entrance_terms .footer .exit_entrance_terms:is(select) {
background-color: #202c39; }
.darkmode #entrance_terms .footer .exit_entrance_terms:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #entrance_terms .footer .exit_entrance_terms {
color: #b3b3b3;
border: 1px solid #b3b3b3; }
.broadcastTermsModal {
background-color: #ffffff;
border-color: #cccccc;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.darkmode .broadcastTermsModal {
background-color: #1c2733;
border-color: #17202a; }
.broadcastTermsModal .header {
color: #0b5d81; }
.darkmode .broadcastTermsModal .header {
color: #68b5f0; }
.broadcastTermsModal .body {
border-color: #cccccc; }
.darkmode .broadcastTermsModal .body {
color: #b3b3b3;
border-color: #2a323f; }
.darkmode .broadcastTermsModal .body a {
color: #68b5f0; }
.broadcastTermsModal .acceptLink:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .broadcastTermsModal .acceptLink:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .broadcastTermsModal .acceptLink:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .broadcastTermsModal .acceptLink:is(select) {
background-color: #202c39; }
.darkmode .broadcastTermsModal .acceptLink:is(select):focus {
outline: #68b5f0 auto 1px; }
.broadcastTermsModal .acceptLink, .darkmode .broadcastTermsModal .acceptLink {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.blackOverlay {
background-color: black; }
.transparentOverlay {
background-color: rgba(0, 0, 0, 0.4); }
.darkmode div#broadcast_terms {
background-color: #2a2c2e;
color: #cbcbcb; }
.darkmode div#broadcast_terms a,
.darkmode div#broadcast_terms p strong {
color: #68b5f0; }
.darkmode div#broadcast_terms .footer a {
color: #2a2c2e; }
.darkmode .BioContents .bioHeader, .darkmode #tabs_content_container .bioHeader, .darkmode .psContainer .bioHeader {
color: #ffffff; }
.BioContents .tokenText,
#tabs_content_container .tokenText,
.psContainer .tokenText {
color: #ffffff; }
.darkmode .BioContents a, .darkmode #tabs_content_container a, .darkmode .psContainer a {
color: #68b5f0; }
.darkmode #PhotoVideos:focus {
outline: none; }
.darkmode #PhotoVideos .title {
color: #ffffff; }
#PhotoVideos .link,
#PhotoVideos .showMoreText {
color: #0a5a83; }
.darkmode #PhotoVideos .link, .darkmode #PhotoVideos .showMoreText {
color: #68b5f0; }
#PhotoVideos .createdAt {
color: #555555; }
.darkmode #PhotoVideos .createdAt {
color: #b3b3b3; }
#PhotoVideos .buttonBorder {
border-color: #000000; }
#PhotoVideos .buttonBorder.rgba {
border-color: rgba(0, 0, 0, 0.35); }
#PhotoVideos .buttonBgColor {
background-color: #488839; }
#PhotoVideos .buttonBgColor.gradient {
background: linear-gradient(#57a863 26.52%, #488839 75.14%); }
#PhotoVideos .buttonBgColor.grey {
background-color: #8b8b8b; }
#PhotoVideos .buttonBgColor.grey.gradient {
background: linear-gradient(#a9a9a9 29.7%, #8b8b8b 70.67%); }
#PhotoVideos .lockOverlayBg {
background-color: #333333; }
#PhotoVideos .lockOverlayBg.rgba {
background-color: rgba(0, 0, 0, 0.7); }
#PhotoVideos .previewText {
color: white; }
#PhotoVideos .errorMessage {
color: #000000;
background-color: #ffd0b8;
border-color: #cccccc; }
#PhotoVideos .videoProcessing {
color: red; }
#PhotoVideos .purchasedBadge {
color: #ffffff;
background-color: #6d85b5; }
#PhotoVideos .popoutIcon {
background: url(../../tsdefaultassets/popout.svg?1ad136cac9cf) no-repeat center; }
.darkmode #PhotoVideos .popoutIcon {
background: url(../../tsdefaultassets/popout_darkmode.svg?1ad136cac9cf) no-repeat center; }
.darkmode #PhotoVideos #broadcaster_links a, .darkmode #PhotoVideos #staff_links a {
color: #68b5f0; }
#PhotoVideos .psToggleSort {
color: #306a91; }
.darkmode #PhotoVideos .psToggleSort {
color: #68b5f0; }
#PhotoVideos .psDropDownArrow {
width: 10px;
height: 7px;
padding-left: 2px;
padding-bottom: 3px;
margin-left: 4px;
display: inline-block;
background-repeat: no-repeat;
background-size: 75%;
background-position: center;
background-image: url(../../tsdefaultassets/arrowdown_blue.svg?1ad136cac9cf); }
.darkmode #PhotoVideos .psDropDownArrow {
background-image: url(../../tsdefaultassets/darkmode_arrowdown_blue.svg?1ad136cac9cf); }
.psSortingDropdown .psSortingContainer {
background: var(--wl-tab-inactive-color, #fff); }
.darkmode .psSortingDropdown .psSortingContainer {
background: #222429; }
.psSortingDropdown .psSortingContainer .psSortingOption {
color: var(--wl-tab-inactive-font-color, #525252); }
.darkmode .psSortingDropdown .psSortingContainer .psSortingOption {
color: #b3b3b3; }
.psSortingDropdown .psSortingContainer .psSortingOption:hover {
background: var(--wl-tab-active-color, #fceadc);
color: var(--wl-tab-active-font-color, #525252); }
.darkmode .psSortingDropdown .psSortingContainer .psSortingOption:hover {
background: #303a42;
color: #b3b3b3; }
.darkmode #shareTab .title {
color: #ffffff; }
#shareTab .urlInput {
border-color: #b1b1b1; }
#shareTab .urlInput:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #shareTab .urlInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #shareTab .urlInput:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #shareTab .urlInput:is(select) {
background-color: #202c39; }
.darkmode #shareTab .urlInput:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #shareTab .urlInput {
border-color: #6e6f70;
background-color: #202c39;
color: #ffffff; }
.darkmode .appsTab a {
color: #68b5f0; }
.appsTab .table {
border-color: #e0e0e0; }
.darkmode .appsTab .table {
border-color: #2d3e50; }
.appsTab .header {
background-color: #c9c9c9; }
.darkmode .appsTab .header {
color: #ffffff;
background-color: grey; }
.appsTab .noneSelected {
color: #808080; }
.darkmode .appsTab .noneSelected {
color: #b3b3b3; }
.appsTab .deactivate {
color: #af0000; }
.darkmode .appsTab .deactivate {
color: #fe3d39; }
.appsTab .orText {
color: #dc5500; }
.appsTab .row:hover td {
background-color: rgba(128, 128, 128, 0.2); }
.appsTab .popoutIcon {
background: url(../../images/asp/appdir-popout.svg?baed1f65a57c) no-repeat center; }
.darkmode .appsTab .popoutIcon {
background: url(../../images/asp/appdir-popout-darkmode.svg?baed1f65a57c) no-repeat center; }
.appsTab .popoutLabel {
color: #306a91;
font-size: 14px;
font-family: "UbuntuMedium"; }
.darkmode .appsTab .popoutLabel {
color: #68b5f0; }
.appCollection .sort {
color: #808285; }
.darkmode .appCollection .sort {
color: #b3b3b3; }
.appCollection .clearSearchButton {
background: url(../../images/asp/close.svg?1ad136cac9cf); }
.appCollection .searchInput::-webkit-search-cancel-button {
-webkit-appearance: none; }
.appCollection .aspCard, .appCollection .featuredCard {
border: 1px solid #ebecec; }
.appCollection .aspCard .summary, .appCollection .featuredCard .summary {
color: #606367; }
.darkmode .appCollection .aspCard .summary, .darkmode .appCollection .featuredCard .summary {
color: #b3b3b3; }
.appCollection .aspCard .author, .appCollection .featuredCard .author {
color: #808080; }
.darkmode .appCollection .aspCard .author, .darkmode .appCollection .featuredCard .author {
color: #888888; }
.appCollection .featuredCard {
background-color: #ffffff; }
.darkmode .appCollection .featuredCard {
background-color: inherit; }
.appCollection .featuredCard.highlight {
background-color: #f8f9fa; }
.darkmode .appCollection .featuredCard.highlight {
background-color: #17202a; }
.appCollection .featuredCard .textHighlight {
color: blue; }
.darkmode .appCollection .featuredCard .textHighlight {
color: #68b5f0; }
.appCollection .aspPagination {
color: #525252;
border-color: #acacac; }
.appCollection .aspPagination .pageBtn {
border: 1px solid #a7a7a7;
background-color: #ffffff; }
.appCollection .aspPagination .highlight {
background-color: #c9c9c9; }
.darkmode .appPage a {
color: #68b5f0; }
.appPage .container {
background-color: #f8f9fa;
border: 1px solid #ebecec; }
.darkmode .appPage .container {
background-color: #1c2733;
border: none; }
.appPage .back {
background: url(../../images/asp/arrowleft.svg?1ad136cac9cf) no-repeat center; }
.appPage .subText, .appPage .description {
color: #606367; }
.darkmode .appPage .subText, .darkmode .appPage .description {
color: #888888; }
.appPage .description {
background-color: #ffffff; }
.darkmode .appPage .description {
background-color: #000000; }
.appPage .appForm {
background-color: #ffffff;
border: 1px solid #ffffff; }
.darkmode .appPage .appForm {
background-color: #202c39;
border: none; }
.appPage .appForm .chevronDown {
background: url(../../images/asp/chevron_down.svg?1ad136cac9cf) no-repeat center; }
.appPage .appForm .chevronUp {
background: url(../../images/asp/chevron_up.svg?1ad136cac9cf) no-repeat center; }
.appPage .formError {
color: #ff0000; }
.darkmode .appPage .formError {
color: #ffa6a6; }
.appPage .footer {
background-color: #e5e5e5; }
.darkmode .appPage .footer {
background-color: #253543; }
.aspPanel {
border-color: #e0e0e0; }
.darkmode .aspPanel {
border-color: #2d3e50; }
.aspPanel .header {
color: #ffffff;
background-color: #2e698f; }
.darkmode .aspPanel .header {
background-color: #2e698f; }
.aspPanel .headerBadge {
color: #3e688c;
background-color: #ffffff; }
.darkmode .aspPanel .headerBadge {
color: #68b5f0;
background-color: #2b3856; }
.aspPanel .notice {
background-color: #fff7d9;
border: 1px solid #d8a217; }
.darkmode .aspPanel .notice {
background-color: #1c2733;
border: 1px solid #2d3e50; }
.aspPanel .activeStatus {
color: #005b14; }
.darkmode .aspPanel .activeStatus {
color: #90ee90; }
.aspPanel .row:hover td {
background-color: rgba(128, 128, 128, 0.2); }
.darkmode .responsiveQrCode {
mix-blend-mode: lighten;
filter: invert(1); }
.darkmode .GamesTab a {
color: #68b5f0; }
.GamesTab .deactivate {
color: #af0000; }
.darkmode .GamesTab .deactivate {
color: #fe3d39; }
.GamesTab .orText {
color: #dc5500; }
.GamesTab .tabSection {
border: 1px solid #efefef; }
.darkmode .GamesTab .tabSection {
border: none; }
.OBSBroadcastInfo input#obs_token {
border: none;
width: 90%;
text-align: center;
color: #7f7f7f; }
.OBSBroadcastInfo .infoOverlay {
background-color: #000000; }
.OBSBroadcastInfo #obs_broadcast_info {
color: #7f7f7f;
background-color: #ffffff;
border-color: #cccccc; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info {
color: #b3b3b3;
background-color: #1c2733;
border-color: #17202a; }
.OBSBroadcastInfo #obs_broadcast_info .supportLink {
color: #0a5a83; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .supportLink {
color: #68b5f0; }
.OBSBroadcastInfo #obs_broadcast_info .warning {
color: #0a5a83; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .warning {
color: #68b5f0; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll {
border-color: #6e6f70; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll hr {
border-color: #6e6f70; }
.OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue {
background-color: transparent; }
.OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(select) {
background-color: #202c39; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue {
color: #b3b3b3; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:focus {
color: #ffffff; }
.OBSBroadcastInfo #obs_broadcast_info .scroll .rtmpUrl {
color: #0b5d81; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .rtmpUrl {
color: #68b5f0; }
.OBSBroadcastInfo #obs_broadcast_info .button:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(select) {
background-color: #202c39; }
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(select):focus {
outline: #68b5f0 auto 1px; }
.OBSBroadcastInfo #obs_broadcast_info .button, .darkmode .OBSBroadcastInfo #obs_broadcast_info .button {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.GameInfoBar {
color: #49494f;
background-color: white; }
.GameInfoBar .gameImage {
border-right: solid 1px #efefef; }
.GameInfoBar .stopStreamingButton {
border: 1px solid #49494f; }
.darkmode .GameInfoBar {
color: #b3b3b3;
background-color: #2a2c2e; }
.darkmode .GameInfoBar a {
color: #68b5f0; }
.darkmode .GameInfoBar .gameImage {
border-right: solid 1px #666666; }
.darkmode .GameInfoBar .stopStreamingButton {
border: 1px solid #b3b3b3; }
.darkmode .OBSInfoSection a {
color: #68b5f0; }
.GameSelection {
background-color: white;
color: #49494f; }
.GameSelection .searchBar {
border: 1px solid #acacac; }
.GameSelection .title {
color: #272f35; }
.GameSelection .selectGameButton {
border: 1px solid #49494f; }
.darkmode .GameSelection {
background-color: #202223;
color: #b3b3b3;
border: 1px solid #2e3137; }
.darkmode .GameSelection .searchBar {
border: 1px solid #2e3137; }
.darkmode .GameSelection .searchBar input[type="text"] {
background-color: inherit;
color: inherit; }
.darkmode .GameSelection .title {
color: white; }
.darkmode .GameSelection .selectGameButton {
border: 1px solid #b3b3b3; }
.darkmode .TokenStatsTab {
color: #b3b3b3; }
.TokenStatsTab .lightText {
color: #666666; }
.darkmode .TokenStatsTab .lightText {
color: #b3b3b3; }
.TokenStatsTab .tokenStatsTable {
color: #525252; }
.darkmode .TokenStatsTab .tokenStatsTable {
color: #d1d1d1;
border-color: #2d3e50; }
.TokenStatsTab .tokenStatsTable table,
.TokenStatsTab .tokenStatsTable td,
.TokenStatsTab .tokenStatsTable th {
border-color: #e0e0e0; }
.darkmode .TokenStatsTab .tokenStatsTable table, .darkmode .TokenStatsTab .tokenStatsTable td, .darkmode .TokenStatsTab .tokenStatsTable th {
border-color: #2d3e50; }
.TokenStatsTab .tokenStatsTable .rowHeader {
background-color: #e0e0e0; }
.darkmode .TokenStatsTab .tokenStatsTable .rowHeader {
background-color: #2d3e50; }
.TokenStatsTab .tokenStatsTable .rowOdd {
background-color: #ffffff; }
.darkmode .TokenStatsTab .tokenStatsTable .rowOdd {
background-color: #2a323f; }
.TokenStatsTab .tokenStatsTable .rowEven {
background-color: #f8f9fa; }
.darkmode .TokenStatsTab .tokenStatsTable .rowEven {
background-color: #202c39; }
.TokenStatsTab .tokenStatsTable .transactionMessage {
color: #666666; }
.darkmode .TokenStatsTab .tokenStatsTable .transactionMessage {
color: #b3b3b3; }
.TokenStatsTab .loadMoreButton {
all: unset;
outline: revert;
color: #68b5f0;
cursor: pointer;
margin-bottom: 4px; }
.TokenStatsTab .loadMoreButton.disabled {
color: #666666;
cursor: default; }
.darkmode .TokenStatsTab .loadMoreButton.disabled {
color: #b3b3b3; }
.MembershipsTab .membershipLightText {
color: #717171; }
.darkmode .MembershipsTab .membershipLightText {
color: #b3b3b3; }
.MembershipsTab .membershipHeader {
border-bottom-color: #4c4c4c;
width: 640px; }
.darkmode .MembershipsTab .membershipHeader {
color: #ffffff;
border-bottom-color: #6e6f70; }
.MembershipsTab .username {
color: #e45900; }
.MembershipsTab:has(.MembershipFeedbackForm) td {
vertical-align: top; }
.MembershipsTab:has(.MembershipFeedbackForm) .membershipHeader {
width: 830px; }
.SatisfactionRating {
background-color: #ffffff; }
.darkmode .SatisfactionRating {
background-color: #2d3e50; }
.SatisfactionRating.modern .satisfactionSpan {
text-shadow: none; }
.SatisfactionRating.modern .voteText {
text-shadow: none; }
.SatisfactionRating .satisfactionSpan {
color: #7f7f7f;
text-shadow: 1px 1px 0px #94d2e6; }
.darkmode .SatisfactionRating .satisfactionSpan {
color: #b3b3b3;
text-shadow: none; }
.SatisfactionRating .voteText {
text-shadow: 1px 1px 0px #bababa; }
.darkmode .SatisfactionRating .voteText {
text-shadow: none; }
.SatisfactionRating .highPercent {
color: #298a08; }
.SatisfactionRating .mediumPercent {
color: #af5c01; }
.SatisfactionRating .lowPercent {
color: #af0101; }
.SatisfactionRating .commentDate {
color: #6c6c78; }
.darkmode .SatisfactionRating .commentDate {
color: #a7a7a7; }
.SatisfactionRating .ratingHistory {
border-color: #0b5d81; }
.darkmode .SatisfactionRating .ratingHistory {
background-color: #1c2733;
border-color: #2d3e50;
color: #b3b3b3; }
.SatisfactionRating .ratingHistory .positiveVote {
background-color: #eeeeee;
border-color: #888888; }
.darkmode .SatisfactionRating .ratingHistory .positiveVote {
background-color: #2d3e50;
border-color: #2d3e50; }
.SatisfactionRating .ratingHistory .negativeVote {
background-color: #ffe9e5;
border-color: #888888; }
.darkmode .SatisfactionRating .ratingHistory .negativeVote {
border-color: #2d3e50;
background-color: #202c39; }
.roomCard {
border-color: #acacac; }
.darkmode .roomCard {
border-color: #202c39; }
.roomCard .cardTitle {
border-bottom-color: #acacac; }
.darkmode .roomCard .cardTitle {
border-bottom-color: #2d3e50; }
.roomCard li.cams {
background: url(../../images/cam.svg?1ad136cac9cf) no-repeat 0 50%;
background-size: auto; }
.darkmode .roomCard li.cams {
background: url(../../images/cam_white.svg?1ad136cac9cf) no-repeat 0 50%;
background-size: auto; }
.roomCard li.location {
background: url(../../images/location.svg?1ad136cac9cf) no-repeat 0 50%;
background-size: auto; }
.darkmode .roomCard li.location {
background: url(../../images/location_white.svg?1ad136cac9cf) no-repeat 0 50%;
background-size: auto; }
.roomCard .age {
float: left;
color: #49494f;
padding: 0 6px 0 0;
font: 1em/1.333em "UbuntuMedium", Arial, Helvetica, sans-serif; }
.darkmode .roomCard .age {
color: #b3b3b3; }
.roomCard .age_gender_container {
display: flex;
height: 17px; }
.roomCard .genderf,
.roomCard .genderm,
.roomCard .genderc,
.roomCard .genders,
.roomCard .genderx {
width: 14px;
height: 14px;
display: inline-block;
float: left; }
.roomCard .genderf {
background: url(../../images/ico-female.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain; }
.roomCard .genderm {
background: url(../../images/ico-male.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain; }
.roomCard .genderc {
background: url(../../images/ico-couple.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain; }
.roomCard .genders {
background: url(../../images/ico-trans.svg?1ad136cac9cf) no-repeat 100% 0;
background-size: contain; }
.roomCard .genderx {
background: url(../../images/ico-blank.png?1ad136cac9cf) no-repeat 100% 0;
background-size: contain; }
.thumbnail_flag {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 6px;
margin-top: 2px;
height: 17px; }
.thumbnail_flag .fi {
border-radius: 2px;
display: flex; }
.notificationsModal {
background-color: #e0e0e0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); }
.darkmode .notificationsModal {
color: #6e6f70;
background-color: #202c39;
border: 1px solid #2a323f;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
.notificationsModal .divotTop .divotBackground {
border-bottom-color: #e0e0e0; }
.darkmode .notificationsModal .divotTop .divotBackground {
border-bottom-color: #202c39; }
.notificationsModal .divotTop .divotBorder {
border-bottom-color: #e0e0e0; }
.darkmode .notificationsModal .divotTop .divotBorder {
border-bottom-color: #2a323f; }
.notificationsModal .title {
color: #0c6a93; }
.darkmode .notificationsModal .title {
color: #ffffff; }
.notificationsModal .confirmButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .notificationsModal .confirmButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .notificationsModal .confirmButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .notificationsModal .confirmButton:is(select) {
background-color: #202c39; }
.darkmode .notificationsModal .confirmButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.notificationsModal .confirmButton, .darkmode .notificationsModal .confirmButton {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.notificationsModal .denyButton {
background-color: transparent;
color: #494949;
border: none; }
.notificationsModal .denyButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .notificationsModal .denyButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .notificationsModal .denyButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .notificationsModal .denyButton:is(select) {
background-color: #202c39; }
.darkmode .notificationsModal .denyButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .notificationsModal .denyButton {
color: #b3b3b3; }
.notificationsModal .denyButton:hover {
text-decoration: underline; }
.followButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .followButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .followButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .followButton:is(select) {
background-color: #202c39; }
.darkmode .followButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.followButton, .darkmode .followButton {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.followButton:hover {
text-decoration: underline; }
.unfollowButton {
color: #ffffff;
background-color: #8b8b8b;
border-color: #8b8b8b;
border-right-color: #474747; }
.darkmode .unfollowButton {
color: #b3b3b3;
background-color: #202c39;
border-color: #2d3e50; }
.unfollowButton:hover {
text-decoration: underline; }
.notificationBtnMenu {
background-color: #fff;
color: #49494f; }
.darkmode .notificationBtnMenu {
background-color: #1c2733;
color: #b3b3b3; }
.notificationBtnMenu .notification-item {
border-color: #acacac;
color: #49494f; }
.darkmode .notificationBtnMenu .notification-item {
border-color: #2d3e50;
color: #b3b3b3; }
.notificationBtnMenu .notification-item.selected {
color: #f47321; }
.notificationBtnMenu .notification-item:hover {
background-color: #fceadc; }
.darkmode .notificationBtnMenu .notification-item:hover {
background-color: #885336; }
.notificationBtnMenu .title {
background-color: #fafafa;
border-color: #acacac; }
.darkmode .notificationBtnMenu .title {
background-color: #1c2733;
border-color: #2d3e50;
color: #ffffff; }
.notificationBtnMenu .bookend {
border-color: #acacac; }
.darkmode .notificationBtnMenu .bookend {
border-color: #2d3e50; }
.FollowNotificationButton {
background-color: #8b8b8b;
border-color: #8b8b8b; }
.darkmode .FollowNotificationButton {
color: #b3b3b3;
background-color: #202c39;
border-color: #2d3e50; }
.notification-btn-icon.all {
background-image: url(../../images/follower/alarm-bell-ring-black.svg?1ad136cac9cf); }
.notification-btn-icon.all.static {
background-image: url(../../images/follower/alarm-bell-ring-white.svg?1ad136cac9cf); }
.darkmode .notification-btn-icon.all {
background-image: url(../../images/follower/alarm-bell-ring-grey.svg?1ad136cac9cf); }
.notification-btn-icon.smart {
background-image: url(../../images/follower/alarm-bell-black.svg?1ad136cac9cf); }
.notification-btn-icon.smart.static {
background-image: url(../../images/follower/alarm-bell-white.svg?1ad136cac9cf); }
.darkmode .notification-btn-icon.smart {
background-image: url(../../images/follower/alarm-bell-grey.svg?1ad136cac9cf); }
.notification-btn-icon.none {
background-image: url(../../images/follower/alarm-bell-off-black.svg?1ad136cac9cf); }
.notification-btn-icon.none.static {
background-image: url(../../images/follower/alarm-bell-off-white.svg?1ad136cac9cf); }
.darkmode .notification-btn-icon.none {
background-image: url(../../images/follower/alarm-bell-off-grey.svg?1ad136cac9cf); }
#FollowSettingsModal .button {
background-color: #f47321;
color: #ffffff;
border-color: #cd5d26; }
#FollowSettingsModal .textInput {
border-color: #acacac;
color: #525252;
background-color: #ffffff; }
.darkmode #FollowSettingsModal .textInput {
color: #b3b3b3;
background-color: #1f2c39;
border-color: #2d3e50; }
#FollowSettingsModal .popularBadge {
background-color: #e0e0e0; }
.darkmode #FollowSettingsModal .popularBadge {
background-color: #1c2733; }
#FollowSettingsModal .greenCheckbox {
background-color: #090; }
#FollowSettingsModal .errorMessage {
color: #cc0000; }
#FollowSettingsModal .verifyLink {
color: #306a91; }
.darkmode #FollowSettingsModal .verifyLink {
color: #68b5f0; }
.fanclubButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .fanclubButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .fanclubButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .fanclubButton:is(select) {
background-color: #202c39; }
.darkmode .fanclubButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.fanclubButton, .darkmode .fanclubButton {
background-color: #009900;
color: #ffffff;
border: 1px solid #288a09;
border-radius: 4px; }
.fanclubButton a {
color: #ffffff; }
#satisfactionScore.modern.enabled {
text-shadow: none; }
#satisfactionScore.modern.disabled {
color: #4c4c4c;
background-color: #c9c9c9;
text-shadow: none; }
.darkmode #satisfactionScore.modern.disabled {
background-color: transparent; }
#satisfactionScore.enabled {
background-color: #ffffff;
color: #0a5a83;
text-shadow: #94d2e6 1px 1px 0px; }
.darkmode #satisfactionScore.enabled {
background-color: #2a323f;
color: #68b5f0;
text-shadow: none; }
#satisfactionScore.disabled {
background-color: #bbbbbb;
color: #777777;
text-shadow: #bababa 1px 1px 0px; }
.darkmode #satisfactionScore.disabled {
background-color: #202c39;
color: #6e6f70;
text-shadow: none; }
.darkmode #satisfactionScore.disabled .satisfactionLabel {
color: #b3b3b3; }
#satisfactionScore .highPercent {
color: #298a08; }
#satisfactionScore .mediumPercent {
color: #af5c01; }
#satisfactionScore .lowPercent {
color: #af0101; }
#satisfactionComment {
background-color: var(--wl-bg-color, #ffffff);
border-color: #0b5d81;
color: var(--wl-text-color, #777777); }
.darkmode #satisfactionComment {
background-color: #1c2733;
border-color: #1c2733;
color: #b3b3b3; }
#satisfactionComment .divot .divotBorder {
border-color: #0b5d81; }
.darkmode #satisfactionComment .divot .divotBorder {
border-color: #1c2733; }
#satisfactionComment .divot .divotBackground {
border-color: #ffffff; }
.darkmode #satisfactionComment .divot .divotBackground {
border-color: #1c2733; }
#satisfactionComment .header {
color: var(--wl-h1-color, #0b5d81);
background-color: #e0e0e0; }
.darkmode #satisfactionComment .header {
color: #ffffff;
background-color: #2d3e50; }
#satisfactionComment .textBox {
border-color: #777777;
color: #000000; }
#satisfactionComment .textBox:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #satisfactionComment .textBox:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #satisfactionComment .textBox:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #satisfactionComment .textBox:is(select) {
background-color: #202c39; }
.darkmode #satisfactionComment .textBox:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #satisfactionComment .textBox {
border-color: #2d3e50;
color: #ffffff;
background-color: transparent; }
#satisfactionComment .submitBtn:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #satisfactionComment .submitBtn:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #satisfactionComment .submitBtn:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #satisfactionComment .submitBtn:is(select) {
background-color: #202c39; }
.darkmode #satisfactionComment .submitBtn:is(select):focus {
outline: #68b5f0 auto 1px; }
#satisfactionComment .submitBtn, .darkmode #satisfactionComment .submitBtn {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.gender-tab.active a,
.gender-tab a.active,
a.gender-tab.active,
div.gender-tab.active,
.gender-tab a.hover,
a.gender-tab.hover,
div.gender-tab.hover,
#main .top-section .sub-nav li.active a,
#main .top-section .sub-nav li a.active,
#main .top-section .sub-nav li a.hover,
#main .top-section .sub-nav li a:hover:not(.hover-event) {
border: 1px solid #8bb3da;
background: #fff;
color: #dc5500;
border-bottom-color: transparent; }
.darkmode .gender-tab.active a, .darkmode .gender-tab a.active, .darkmode a.gender-tab.active, .darkmode div.gender-tab.active, .darkmode .gender-tab a.hover, .darkmode a.gender-tab.hover, .darkmode div.gender-tab.hover, .darkmode #main .top-section .sub-nav li.active a, .darkmode #main .top-section .sub-nav li a.active, .darkmode #main .top-section .sub-nav li a.hover, .darkmode #main .top-section .sub-nav li a:hover:not(.hover-event) {
color: #68b5f0;
border: 1px solid #2d3e50;
background-color: #17202a;
border-bottom-color: transparent; }
.gender-tab.collapsed,
.gender-tab.collapsed a {
background: transparent !important;
border: none !important;
border-bottom: 1px solid transparent !important; }
.darkmode .gender-tab.collapsed {
background-color: transparent; }
.gender-tab a,
a.gender-tab,
div.gender-tab,
#main .top-section .sub-nav li a {
color: #5e81a4;
background: #dde9f5;
border-color: #8bb3da; }
.darkmode .gender-tab a, .darkmode a.gender-tab, .darkmode div.gender-tab, .darkmode #main .top-section .sub-nav li a {
background-color: #202c39;
color: #b3b3b3;
border-color: #2d3e50; }
.gender-tab a.hover:not(.active),
a.gender-tab.hover:not(.active),
div.gender-tab.hover:not(.active),
#main .top-section .sub-nav li a.hover:not(.active) {
cursor: pointer; }
.gender-tab a:hover:not(.hover-event, .active),
a.gender-tab:hover:not(.hover-event, .active),
div.gender-tab:hover:not(.hover-event, .active),
#main .top-section .sub-nav li a:hover:not(.hover-event, .active) {
cursor: pointer; }
.gender-tab a.active,
a.gender-tab.active,
div.gender-tab.active,
#main .top-section .sub-nav li a.active {
cursor: default; }
.darkmode .headline .buttons li.active a, .darkmode .headline .buttons li:hover a {
color: #68b5f0;
border-color: #2d3e50; }
.darkmode .headline .buttons li a {
background-color: #202c39;
color: #b3b3b3;
border: 1px solid #2d3e50;
border-bottom-color: transparent; }
.followedContainer a {
background-color: transparent; }
.darkmode #main .top-section, .darkmode #main .headline .buttons {
background: #17202a;
border-bottom-color: #2d3e50; }
#main .top-section #search_icon .search_svg,
#main .headline .buttons #search_icon .search_svg {
width: 14px;
height: 14px;
display: inline-block;
position: relative;
top: 1px;
background-image: url(../../images/search.svg?1ad136cac9cf);
background-repeat: no-repeat; }
.darkmode #main .top-section #search_icon .search_svg, .darkmode #main .headline .buttons #search_icon .search_svg {
background-image: url(../../images/search_dm.svg?1ad136cac9cf); }
.darkmode .content_header .standout {
color: #68b5f0; }
.darkmode #main .block {
background-color: #202c39; }
.darkmode #main .block .info-user > div:not(:first-child) h2, .darkmode #main .block .info-user > div:not(:first-child) a {
color: #68b5f0 !important; }
.darkmode #main .block .info-user > div:not(:first-child) .defaultTooltipColor {
color: #b3b3b3 !important; }
.darkmode #main .block .previous_winners .form strong {
color: unset; }
.previous_winners {
min-height: 800px; }
#main .content .searching-overlay {
background-color: #f1f2f2; }
.darkmode #main .content .searching-overlay {
background-color: #2a2c2e; }
#roomTabs {
border: 1px solid #acacac;
background-color: #ffffff; }
#roomTabs.modern, .darkmode #roomTabs {
border: none; }
.darkmode #roomTabs {
background-color: #202c39; }
#roomTabs .tabBar {
background-color: #7f7f7f; }
#roomTabs .tabBar.modern {
background-color: #c9c9c9; }
.darkmode #roomTabs .tabBar {
background-color: #17202a; }
#roomTabs .link {
color: #0b5d81; }
.darkmode #roomTabs .link {
color: #68b5f0; }
#roomTabs .label {
color: #0a5a83; }
.darkmode #roomTabs .label {
color: #ffffff; }
#roomTabs .contentText {
color: #000000; }
#roomTabs .contentText.bioContentText {
padding-bottom: 9px; }
.darkmode #roomTabs .contentText {
color: #b3b3b3; }
#roomTabs .separator {
color: #222222; }
.darkmode #roomTabs .separator {
color: #b3b3b3; }
#roomTabs .fanclubMessage {
color: #494949; }
.darkmode #roomTabs .fanclubMessage {
color: #b3b3b3; }
#roomTabs .psContainer {
color: #0a5a83; }
.darkmode #roomTabs .psContainer {
color: #68b5f0; }
#roomTabs .previewBorder {
color: #cccccc; }
.darkmode #roomTabs .previewBorder {
color: #2a2c2e; }
.tabLink {
color: #4c4c4c;
background-color: #c9c9c9; }
.darkmode .tabLink {
color: #b3b3b3;
background-color: #17202a; }
.tabLink.tabOpen, .tabLink.active {
color: #dc5500;
background-color: #ffffff; }
.darkmode .tabLink.tabOpen, .darkmode .tabLink.active {
color: #f47321;
background-color: #202c39; }
.tabLink.tabCollapsed {
background-color: transparent; }
.room-tabs-dropdown-border {
border-color: #7f7f7f; }
.room-tabs-dropdown-border.modern {
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }
.darkmode .room-tabs-dropdown-border {
border-color: #17202a;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }
.opt-in-flag-display {
align-items: center;
display: flex;
height: auto; }
span.auto-refill-section-strong {
font-family: UbuntuMedium, Arial, Helvetica, sans-serif; }
form .field {
border-color: #b1b1b1;
background-color: transparent; }
form .field:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode form .field:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode form .field:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode form .field:is(select) {
background-color: #202c39; }
.darkmode form .field:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode form .field {
border-color: #6e6f70;
color: #ffffff; }
form .fieldError {
color: #d50000; }
.darkmode form .fieldError {
color: #d50000; }
form input[type="submit"] {
-webkit-appearance: none; }
form input[type="submit"]:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode form input[type="submit"]:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode form input[type="submit"]:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode form input[type="submit"]:is(select) {
background-color: #202c39; }
.darkmode form input[type="submit"]:is(select):focus {
outline: #68b5f0 auto 1px; }
form input[type="submit"], .darkmode form input[type="submit"] {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.standardEmoticonsModal {
background-color: #ffffff;
border-color: #0b5d81; }
.darkmode .standardEmoticonsModal {
background-color: #000000;
border-color: #202223; }
.standardEmoticonsModal .emoticonsHeader {
color: #0b5d81;
background-color: #e0e0e0; }
.darkmode .standardEmoticonsModal .emoticonsHeader {
color: #68b5f0;
background-color: #333639; }
.standardEmoticonsModal .uploadLink {
color: #dc5500; }
.standardEmoticonsModal .divot .divotBorder {
border-top-color: #0b5d81; }
.darkmode .standardEmoticonsModal .divot .divotBorder {
border-top-color: #202223; }
.standardEmoticonsModal .divot .divotBackground {
border-top-color: #ffffff; }
.darkmode .standardEmoticonsModal .divot .divotBackground {
border-top-color: #000000; }
.chatReport {
color: #454545; }
.darkmode .chatReport {
color: #b3b3b3; }
.chatReport .headerDiv {
color: #005b85; }
.darkmode .chatReport .headerDiv {
color: #68b5f0; }
.chatReport textarea {
background-color: transparent;
border-color: #b4b4b4; }
.chatReport textarea:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport textarea:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport textarea:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport textarea:is(select) {
background-color: #202c39; }
.darkmode .chatReport textarea:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .chatReport textarea {
border-color: #2d3e50;
color: #ffffff; }
.chatReport .submitButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport .submitButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport .submitButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport .submitButton:is(select) {
background-color: #202c39; }
.darkmode .chatReport .submitButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.chatReport .submitButton, .darkmode .chatReport .submitButton {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.chatReport .cancelSpan {
background-color: transparent;
color: #494949;
border: none; }
.chatReport .cancelSpan:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport .cancelSpan:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport .cancelSpan:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport .cancelSpan:is(select) {
background-color: #202c39; }
.darkmode .chatReport .cancelSpan:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .chatReport .cancelSpan {
color: #b3b3b3; }
.chatReport .cancelSpan:hover {
text-decoration: underline; }
.chatReport .closeReportLink {
color: #0a5a83; }
.darkmode .chatReport .closeReportLink {
color: #68b5f0; }
.chatReport .ignoreUserLink {
color: #0a5a83; }
.darkmode .chatReport .ignoreUserLink {
color: #68b5f0; }
.chatReport .ignoreUserLink.disabled {
color: #454545; }
.darkmode .chatReport .ignoreUserLink.disabled {
color: #b3b3b3; }
.emoticonPreviewModal {
background-color: #ffffff;
color: #494949; }
.darkmode .emoticonPreviewModal {
background-color: #1c2733;
color: #b3b3b3; }
.emoticonPreviewModal .closeButton {
background: url(../../tsdefaultassets/close.svg?1ad136cac9cf) no-repeat center center;
background-size: cover; }
.darkmode .emoticonPreviewModal .closeButton {
background: url(../../tsdefaultassets/close-white.svg?1ad136cac9cf) no-repeat center center;
background-size: cover; }
.emoticonPreviewModal .cancelButton {
background-color: transparent;
color: #494949;
border: none; }
.emoticonPreviewModal .cancelButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .emoticonPreviewModal .cancelButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .cancelButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .emoticonPreviewModal .cancelButton:is(select) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .cancelButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .emoticonPreviewModal .cancelButton {
color: #b3b3b3; }
.emoticonPreviewModal .cancelButton:hover {
text-decoration: underline; }
.emoticonPreviewModal .reportButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .emoticonPreviewModal .reportButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .reportButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .emoticonPreviewModal .reportButton:is(select) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .reportButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.emoticonPreviewModal .reportButton, .darkmode .emoticonPreviewModal .reportButton {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.emoticonPreviewModal .categorySelect:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .emoticonPreviewModal .categorySelect:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .categorySelect:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .emoticonPreviewModal .categorySelect:is(select) {
background-color: #202c39; }
.darkmode .emoticonPreviewModal .categorySelect:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .emoticonPreviewModal .categorySelect {
background-color: transparent;
color: #b3b3b3 !important;
-webkit-appearance: menulist; }
.emoticonPreviewModal .hrefColor {
color: #0a5b83; }
.darkmode .emoticonPreviewModal .hrefColor {
color: #68b5f0; }
img.emoticonImage {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
display: inline-block; }
.mediaPreviewModal {
background-color: #ffffff;
color: #49494f; }
.darkmode .mediaPreviewModal {
background-color: #1c2733;
color: #b3b3b3; }
.mediaPreviewModal .closeButton {
background: url(../../tsdefaultassets/close.svg?1ad136cac9cf) no-repeat center center;
background-size: cover; }
.darkmode .mediaPreviewModal .closeButton {
background: url(../../tsdefaultassets/close-white.svg?1ad136cac9cf) no-repeat center center;
background-size: cover; }
.chatReport {
color: #454545; }
.darkmode .chatReport {
color: #b3b3b3; }
.chatReport .headerDiv {
color: #005b85; }
.darkmode .chatReport .headerDiv {
color: #68b5f0; }
.chatReport textarea {
background-color: transparent;
border-color: #b4b4b4; }
.chatReport textarea:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport textarea:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport textarea:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport textarea:is(select) {
background-color: #202c39; }
.darkmode .chatReport textarea:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .chatReport textarea {
border-color: #2d3e50;
color: #ffffff; }
.chatReport .submitButton:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport .submitButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport .submitButton:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport .submitButton:is(select) {
background-color: #202c39; }
.darkmode .chatReport .submitButton:is(select):focus {
outline: #68b5f0 auto 1px; }
.chatReport .submitButton, .darkmode .chatReport .submitButton {
background-color: #306a91;
color: #ffffff;
border: 1px solid #306a91;
border-radius: 4px; }
.chatReport .cancelSpan {
background-color: transparent;
color: #494949;
border: none; }
.chatReport .cancelSpan:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .chatReport .cancelSpan:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .chatReport .cancelSpan:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .chatReport .cancelSpan:is(select) {
background-color: #202c39; }
.darkmode .chatReport .cancelSpan:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .chatReport .cancelSpan {
color: #b3b3b3; }
.chatReport .cancelSpan:hover {
text-decoration: underline; }
.chatReport .closeReportLink {
color: #0a5a83; }
.darkmode .chatReport .closeReportLink {
color: #68b5f0; }
.chatReport .ignoreUserLink {
color: #0a5a83; }
.darkmode .chatReport .ignoreUserLink {
color: #68b5f0; }
.chatReport .ignoreUserLink.disabled {
color: #454545; }
.darkmode .chatReport .ignoreUserLink.disabled {
color: #b3b3b3; }
.broadcaster {
color: #dc5500; }
.broadcaster.mentionHl {
color: #fff;
background-color: #dc5500; }
.mod {
color: #dc0000; }
.mod.mentionHl {
color: #fff;
background-color: #dc0000; }
.inFanclub {
color: #090; }
.inFanclub.mentionHl {
color: #fff;
background-color: #090; }
.tippedTonsRecently {
color: #804baa; }
.tippedTonsRecently.mentionHl {
color: #fff;
background-color: #804baa; }
.tippedALotRecently {
color: #be6aff; }
.tippedALotRecently.mentionHl {
color: #fff;
background-color: #be6aff; }
.tippedRecently {
color: #1e5cfb; }
.tippedRecently.mentionHl {
color: #fff;
background-color: #1e5cfb; }
.hasTokens {
color: #69a; }
.hasTokens.mentionHl {
color: #fff;
background-color: #69a; }
.defaultUser {
color: #939393; }
.defaultUser.mentionHl {
color: #fff;
background-color: #939393; }
.darkmode .checkboxComponent input:focus-visible {
outline-color: #68b5f0; }
.checkboxComponent.toggle .toggleButton {
background-color: white; }
.transparentCheckbox {
background-color: transparent;
border-color: #a8a8a8; }
.darkmode .transparentCheckbox {
background-color: #17202a;
border-color: #2d3e50; }
.transparentCheckbox.disabled {
background-color: #f8f9fa;
border-color: #efefef; }
.darkmode .transparentCheckbox.disabled {
background-color: #202c39;
border-color: #2d3e50; }
.transparentCheckbox.checked {
background: url(../../tsdefaultassets/settings-checkmark-white.svg?1ad136cac9cf) no-repeat center center/60%, #306a91;
border-color: #033e58; }
.transparentCheckbox.checked.disabled {
background-color: #d1d1d1;
border-color: #efefef; }
.darkmode .transparentCheckbox.checked.disabled {
background-color: #17202a;
border-color: #2d3e50; }
.darkmode .draggableCanvasWindow .transparentCheckbox {
border-color: #b3b3b3; }
.draggableCanvasWindow .transparentCheckbox.checked {
background: url(../../tsdefaultassets/round-white-checkmark.svg?1ad136cac9cf) no-repeat center center, #b3b3b3; }
.fieldTextArea,
.fieldInput:not(.transparentCheckbox) {
border-color: #b1b1b1;
background-color: #ffffff; }
.fieldTextArea:focus,
.fieldInput:not(.transparentCheckbox):focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .fieldTextArea:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode .fieldInput:not(.transparentCheckbox):is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .fieldTextArea:is(textarea, input, button):focus, .darkmode .fieldInput:not(.transparentCheckbox):is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .fieldTextArea:is(select), .darkmode .fieldInput:not(.transparentCheckbox):is(select) {
background-color: #202c39; }
.darkmode .fieldTextArea:is(select):focus, .darkmode .fieldInput:not(.transparentCheckbox):is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode .fieldTextArea, .darkmode .fieldInput:not(.transparentCheckbox) {
border-color: #6e6f70;
color: #ffffff !important; }
.fieldTextArea.disabled,
.fieldInput:not(.transparentCheckbox).disabled {
background-color: rgba(0, 0, 0, 0.05);
color: #b3b3b3; }
.darkmode .fieldTextArea.disabled, .darkmode .fieldInput:not(.transparentCheckbox).disabled {
background-color: #6e6f70;
color: #b3b3b3; }
.highlightLabel {
color: #dc5500; }
.highlightField {
background-color: #ffffd3; }
.highlightFieldContainer {
border-color: #dc5500;
background-color: #ffffd3; }
.darkmode .highlightFieldContainer {
background-color: transparent; }
.multiSelectDropdown {
position: relative; }
.multiSelectDropdown .checkboxesDropdown {
bottom: auto !important;
top: auto !important; }
.multiSelectDropdown .helpText {
margin-top: 0.2em;
overflow-x: auto; }
.activeChoicesContainer {
box-sizing: border-box;
border: 1px solid #b1b1b1;
border-radius: 4px;
padding: 2px;
line-height: 18px;
margin-top: 4px;
width: 235px;
min-height: 24px;
background-color: #ffffff; }
.activeChoicesContainer:hover {
cursor: pointer; }
.activeChoicesContainer:focus, .activeChoicesContainer.dropdown-shown {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .activeChoicesContainer:focus, .darkmode .activeChoicesContainer.dropdown-shown {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.activeChoicesContainer:has(.activeChoiceElement) {
padding-bottom: 0px; }
.darkmode .activeChoicesContainer {
background-color: transparent;
border: 1px solid #6e6f70; }
.activeChoicesContainer .dropdownMenuIcon {
height: 18px;
width: 18px;
background: url(../../images/profile/dropdown-menu-icon.svg?c505a0c772ca);
float: right; }
.darkmode .activeChoicesContainer .dropdownMenuIcon {
background: url(../../images/profile/dropdown-menu-icon_dm.svg?c505a0c772ca); }
.activeChoicesContainer .activeChoiceElement {
padding: 2px 7px;
height: 12px;
margin: 0px 2px 1px 0px;
color: #306a91;
border-radius: 4px;
background: #e0eefb;
border: 1px solid #e0eefb;
display: inline-block;
line-height: 12px; }
.darkmode .activeChoicesContainer .activeChoiceElement {
background: #67b5f0;
color: #17202a;
border: 1px solid #67b5f0; }
.checkboxesDropdown {
box-sizing: border-box;
flex-direction: column;
padding: 12px 16px 12px 16px;
box-shadow: 0px 2px 6px 0px #00000040;
width: 235px;
height: 262px;
border-radius: 4px;
background: #fff;
margin-top: 6px;
position: absolute;
overflow-y: scroll;
z-index: 4; }
.darkmode .checkboxesDropdown {
background: #253441; }
.checkboxesDropdown .transparentCheckbox {
border: 1px solid #e0eefb;
border-radius: 4px;
margin-right: 8px; }
.darkmode .checkboxesDropdown .transparentCheckbox {
border-color: #2d3e50; }
.checkboxesDropdown .transparentCheckbox.disabled {
border-color: #efefef; }
.checkboxesDropdown .transparentCheckbox.disabled + .checkFieldName {
color: #a7a7a7; }
.darkmode .checkboxesDropdown .transparentCheckbox.disabled {
border-color: #2d3e50; }
.darkmode .checkboxesDropdown .transparentCheckbox.disabled + .checkFieldName {
color: #6e6f70; }
.checkboxesDropdown .checkFieldName {
display: inline-block; }
.siteNotice .wrapper,
.dismissible_notice,
.message {
border-color: #cccccc;
background-color: #ffffd3; }
.darkmode .siteNotice .wrapper, .darkmode .dismissible_notice, .darkmode .message {
background-color: #1c2733;
border-color: #2d3e50;
color: #ffffff; }
.darkmode .siteNotice .wrapper a, .darkmode .dismissible_notice a, .darkmode .message a {
color: #68b5f0; }
.conversationList {
color: #494949; }
.hasDarkBackground .conversationList, .darkmode .conversationList {
color: #ffffff;
background-color: #202c39; }
.draggableCanvasWindow .conversationList {
background-color: unset; }
.conversationList .conversationBodyRoot {
border-bottom-color: #e0e0e0; }
.darkmode .conversationList .conversationBodyRoot {
border-bottom-color: #2d3e50; }
.conversationList .conversationBodyRoot .sendDmPrompt {
color: #222222; }
.darkmode .conversationList .conversationBodyRoot .sendDmPrompt {
color: #ffffff; }
.conversationList .conversationBodyRoot .cautionMessage {
color: #525252; }
.darkmode .conversationList .conversationBodyRoot .cautionMessage {
color: #b3b3b3; }
.conversationListItem {
border-color: #e0e0e0;
background-color: transparent; }
.darkmode .conversationListItem {
border-color: #2d3e50; }
.conversationListItem .replyIconSvg svg {
fill: #49494f; }
.darkmode .conversationListItem .replyIconSvg svg, .hasDarkBackground .conversationListItem .replyIconSvg svg {
fill: #ffffff; }
.darkmode .conversationListItem .messageDiv, .hasDarkBackground .conversationListItem .messageDiv {
color: #ffffff; }
.conversationListItem.currentConvo {
background-color: #d5ebf8; }
.darkmode .conversationListItem.currentConvo, .hasDarkBackground .conversationListItem.currentConvo {
background-color: #2d3e50; }
.conversationListItem.unreadBg {
background-color: #fceadc; }
.darkmode .conversationListItem.unreadBg, .hasDarkBackground .conversationListItem.unreadBg {
background-color: #885336; }
.conversationListItem.selected {
background-color: #e0e0e0; }
.darkmode .conversationListItem.selected, .hasDarkBackground .conversationListItem.selected {
background-color: #434649; }
.conversationListItem .closeBtnContainer {
fill: #888; }
.conversationListItem .closeBtnContainer:hover {
fill: #222; }
.darkmode .conversationListItem .closeBtnContainer:hover, .hasDarkBackground .conversationListItem .closeBtnContainer:hover {
fill: #d1d1d1; }
.conversationListItem .timeString {
color: #6c6c78; }
.darkmode .conversationListItem .timeString {
color: #888; }
.avatarBubble div {
color: #ffffff; }
.avatarBubble .broadcaster {
background-color: #dc5500; }
.avatarBubble .mod {
background-color: #dc0000; }
.avatarBubble .inFanclub {
background-color: #090; }
.avatarBubble .tippedTonsRecently {
background-color: #804baa; }
.avatarBubble .tippedALotRecently {
background-color: #be6aff; }
.avatarBubble .tippedRecently {
background-color: #1e5cfb; }
.avatarBubble .hasTokens {
background-color: #69a; }
.avatarBubble .defaultUser {
background-color: #939393; }
.PMControlBar {
background-color: #ffffff;
border-bottom-color: #bdbdbd;
color: #494949; }
.darkmode .PMControlBar {
background-color: #202c39;
border-bottom-color: #2d3e50;
color: #b3b3b3; }
.PMControlBar .backButton {
color: #0471a1; }
.darkmode .PMControlBar .backButton {
color: #68b5f0; }
.SearchBar {
border-color: #e0e0e0; }
.darkmode .SearchBar {
border-color: #2d3e50; }
.SearchBar .searchUserInput {
color: #000000;
border-color: #bdbdbd; }
.SearchBar .searchUserInput:focus {
border-color: #000000; }
.darkmode .SearchBar .searchUserInput {
border-color: #2d3e50; }
.darkmode .SearchBar .searchUserInput, .hasDarkBackground .SearchBar .searchUserInput {
color: #ffffff; }
.darkmode .SearchBar .searchUserInput:focus, .hasDarkBackground .SearchBar .searchUserInput:focus {
border-color: #ffffff; }
.noteIconSvg svg {
stroke: #6c6c78;
fill: transparent;
color: transparent; }
.darkmode .noteIconSvg svg, .draggableCanvasWindow .noteIconSvg svg {
stroke: #b3b3b3; }
.isTip .noteIconSvg svg {
stroke: #6c6c78; }
.followerStarSvg svg {
fill: #ffc72c;
stroke: black;
stroke-width: 1px; }
#ChatTabContainer {
border: 1px solid #acacac;
background-color: #fff; }
#ChatTabContainer.modern, .darkmode #ChatTabContainer {
border: none; }
#ChatTabContainer.modern.embedChatTabContainer {
border-right-color: #e0e0e0; }
.darkmode #ChatTabContainer {
background-color: #202c39; }
#ChatTabContainer #tab-row {
background-color: #7f7f7f;
border-bottom: none; }
.darkmode #ChatTabContainer #tab-row {
background-color: #17202a; }
#ChatTabContainer .refreshUsersLink {
color: #0a5a83; }
.darkmode #ChatTabContainer .refreshUsersLink {
color: #68b5f0; }
.ChatTabContents .message-list {
background-color: #fff;
color: #494949; }
.darkmode .ChatTabContents .message-list {
background-color: transparent;
color: #ffffff; }
.ChatTabContents .message-list .msg-text {
color: #494949; }
.darkmode .ChatTabContents .message-list .msg-text {
color: #ffffff; }
.ChatTabContents .message-list .msg-text .roomNotice {
color: #494949; }
.darkmode .ChatTabContents .message-list .msg-text .roomNotice {
color: #ffffff; }
.ChatTabContents .message-list .msg-text .roomNotice.titleChange {
color: #dc5500; }
.darkmode .ChatTabContents .message-list .msg-text .roomNotice.titleChange {
color: #f47321; }
#FVChatTabContents .roomNotice,
.theatermodePureChat .roomNotice {
color: #aaaaaa; }
#FVChatTabContents .roomNotice.titleChange,
.theatermodePureChat .roomNotice.titleChange {
color: #f47321; }
.ChatTabContents .chat-input-div,
.ChatTabContents .inputDiv,
#SplitModeChatSettingsTab .chat-input-div,
#SplitModeChatSettingsTab .inputDiv,
#UserListTab .chat-input-div,
#UserListTab .inputDiv,
#FVChatTabContents .chat-input-div,
#FVChatTabContents .inputDiv,
#FVChatSettingsTab .chat-input-div,
#FVChatSettingsTab .inputDiv {
background-color: #ffffff; }
.darkmode .ChatTabContents .chat-input-div, .darkmode .ChatTabContents .inputDiv, .darkmode #SplitModeChatSettingsTab .chat-input-div, .darkmode #SplitModeChatSettingsTab .inputDiv, .darkmode #UserListTab .chat-input-div, .darkmode #UserListTab .inputDiv, .darkmode #FVChatTabContents .chat-input-div, .darkmode #FVChatTabContents .inputDiv, .darkmode #FVChatSettingsTab .chat-input-div, .darkmode #FVChatSettingsTab .inputDiv {
background-color: #2a323f; }
#FVChatTabContents .chat-input-div,
#FVChatSettingsTab .chat-input-div {
background-color: #ffffff; }
.darkmode #FVChatTabContents .chat-input-div, .darkmode #FVChatSettingsTab .chat-input-div {
background-color: #2a323f; }
.pureChat #FVChatTabContents .chat-input-div, .pureChat #FVChatSettingsTab .chat-input-div {
background-color: rgba(0, 0, 0, 0.15); }
.pureChat #FVChatTabContents .chat-input-div .chat-input-form,
.pureChat #FVChatTabContents .chat-input-div .chat-input-field, .pureChat #FVChatSettingsTab .chat-input-div .chat-input-form,
.pureChat #FVChatSettingsTab .chat-input-div .chat-input-field {
color: #ffffff; }
#FVChatTabContents .chat-input-div .chat-input-form,
#FVChatTabContents .chat-input-div .chat-input-field,
#FVChatSettingsTab .chat-input-div .chat-input-form,
#FVChatSettingsTab .chat-input-div .chat-input-field {
color: #000000; }
.darkmode #FVChatTabContents .chat-input-div .chat-input-form, .darkmode #FVChatTabContents .chat-input-div .chat-input-field, .darkmode #FVChatSettingsTab .chat-input-div .chat-input-form, .darkmode #FVChatSettingsTab .chat-input-div .chat-input-field {
color: #ffffff; }
#FVChatTabContents .chat-input-div .tip-button:focus,
#FVChatSettingsTab .chat-input-div .tip-button:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(textarea, input, button):focus, .darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(select), .darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(select) {
background-color: #202c39; }
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(select):focus, .darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(select):focus {
outline: #68b5f0 auto 1px; }
#FVChatTabContents .chat-input-div .tip-button, .darkmode #FVChatTabContents .chat-input-div .tip-button,
#FVChatSettingsTab .chat-input-div .tip-button, .darkmode #FVChatSettingsTab .chat-input-div .tip-button {
background-color: #009900;
color: #ffffff;
border: 1px solid #288a09;
border-radius: 4px; }
#FVChatTabContents .msg-text,
#FVChatSettingsTab .msg-text {
color: #ffffff; }
.darkmode #FVChatTabContents .msg-text, .darkmode #FVChatSettingsTab .msg-text {
color: #dedede; }
.pureChat #FVChatTabContents .msg-list-wrapper-fvm, .pureChat #FVChatSettingsTab .msg-list-wrapper-fvm {
text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.pureChat #FVChatTabContents .msg-list-wrapper-fvm .pureChatColor, .pureChat #FVChatSettingsTab .msg-list-wrapper-fvm .pureChatColor {
color: var(--pureChatColor); }
.pureChat #FVChatTabContents .msg-list-wrapper-fvm .pureHidden, .pureChat #FVChatSettingsTab .msg-list-wrapper-fvm .pureHidden {
visibility: hidden; }
.msg-link {
color: #0a5a83; }
.darkmode .msg-link, .hasDarkBackground .msg-link {
color: #68b5f0; }
.bright-background .msg-link {
color: #0a5a83; }
.appPreview {
color: #000000;
background-color: #ffffff;
border: 1px solid #ebecec; }
.darkmode .appPreview {
color: #ffffff;
background-color: #17202a;
border: 1px solid #2d3e50; }
.appPreview .subText, .appPreview .appPage .description, .appPage .appPreview .description {
color: #808285; }
.darkmode .appPreview .subText, .darkmode .appPreview .appPage .description, .appPage .darkmode .appPreview .description {
color: #b3b3b3; }
#FVChatSettingsTab .chat-settings-input, #SplitModeChatSettingsTab .chat-settings-input {
border-color: #b1b1b1; }
#FVChatSettingsTab .chat-settings-input:focus, #SplitModeChatSettingsTab .chat-settings-input:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(select), .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(select) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(select):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-input, .darkmode #SplitModeChatSettingsTab .chat-settings-input {
border-color: #6e6f70;
color: #ffffff; }
#FVChatSettingsTab .chat-settings-select, #SplitModeChatSettingsTab .chat-settings-select {
-webkit-appearance: menulist; }
#FVChatSettingsTab .chat-settings-select:focus, #SplitModeChatSettingsTab .chat-settings-select:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(select), .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(select) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(select):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-select, .darkmode #SplitModeChatSettingsTab .chat-settings-select {
color: #ffffff !important; }
#FVChatSettingsTab .tooltip-info-icon, #SplitModeChatSettingsTab .tooltip-info-icon {
cursor: pointer;
height: 10px;
width: 10px;
display: inline-block;
align-self: center;
border-radius: 50%;
margin-left: 4px;
background: url(../../images/info-icon-black.svg?1ad136cac9cf) no-repeat center; }
.darkmode #FVChatSettingsTab .tooltip-info-icon, .darkmode #SplitModeChatSettingsTab .tooltip-info-icon {
background: url(../../images/info-icon-white.svg?1ad136cac9cf) no-repeat center; }
#SplitModeChatSettingsTab .chat-settings-input {
background-color: transparent; }
#SplitModeChatSettingsTab .link {
color: #0a5a83; }
.darkmode #SplitModeChatSettingsTab .link {
color: #68b5f0; }
#FVChatSettingsTab {
color: #ffffff; }
.darkmode #FVChatSettingsTab .chat-settings-input:not(.slider, .colorSwatch) {
background-color: #202c39;
border-color: #2a323f; }
#FVChatSettingsTab .manage-ignored-link {
color: #85ffff; }
.darkmode #FVChatSettingsTab .manage-ignored-link {
color: #68b5f0; }
#FVChatSettingsTab .chat-input-div {
background-color: #ffffff; }
.darkmode #FVChatSettingsTab .chat-input-div {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-input-div .chat-input-field {
color: #ffffff; }
#FVChatSettingsTab .tooltip-info-icon {
cursor: pointer;
height: 10px;
width: 10px;
display: inline-block;
align-self: center;
border-radius: 50%;
margin-left: 4px;
background: url(../../images/info-icon-white.svg?1ad136cac9cf) no-repeat center; }
.BaseTabsContainer .inputDiv {
background-color: transparent;
border-color: #acacac; }
.darkmode .BaseTabsContainer .inputDiv {
border-color: #2d3e50; }
.BaseTabsContainer .inputDiv .msg-input {
color: #000; }
.darkmode .BaseTabsContainer .inputDiv .msg-input {
color: #ffffff; }
#tab-row {
background-color: #7f7f7f; }
#ChatTabContainer.modern #tab-row, .draggableCanvasWindow .modern #tab-row {
background-color: #c9c9c9; }
.darkmode #ChatTabContainer.modern #tab-row, .darkmode .draggableCanvasWindow .modern #tab-row {
background-color: #17202a;
border-bottom: none; }
.darkmode #tab-row {
background-color: #17202a;
border-bottom: 2px solid #17202a; }
.tab {
background-color: #c9c9c9; }
.darkmode .tab {
background-color: transparent; }
.tab:hover {
background-color: #fff;
color: #dc5500; }
.darkmode .tab:hover {
background-color: #202c39;
color: #f47321; }
.tab.active {
background-color: #fff;
color: #dc5500;
cursor: default; }
.darkmode .tab.active {
background-color: #202c39;
color: #f47321; }
.tab.collapsed {
background-color: transparent; }
.tab.collapsed:hover {
background-color: #c9c9c9; }
.darkmode .tab.collapsed:hover {
background-color: #17202a; }
.chat-tabs-dropdown-border {
border-color: #c9c9c9;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }
.darkmode .chat-tabs-dropdown-border {
border-color: #17202a; }
.auth_option {
color: #0373a3;
text-decoration: none; }
.auth_option div {
display: flex;
justify-content: center;
align-items: center;
height: 32px;
box-sizing: border-box;
border: 1px solid #525252;
border-radius: 4px;
color: #525252;
margin-bottom: 8px;
vertical-align: middle; }
.mobile .auth_option div {
height: 46px; }
.auth_option p {
font-size: 14px;
line-height: 16px;
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
margin: 0 0 0 8px !important; }
.mobile .auth_option p {
font-size: 16px;
line-height: 24px; }
.or_separator p {
color: #a7a7a7;
overflow: hidden;
text-align: center;
font-size: 14px;
line-height: 22px; }
.or_separator p:before, .or_separator p:after {
background-color: #efefef;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%; }
.or_separator p:before {
right: 0.5em;
margin-left: -50%; }
.or_separator p:after {
left: 0.5em;
margin-right: -50%; }
.or_separator.darker p:before, .or_separator.darker p:after {
background-color: #cbcbcb; }
body.embed-blurred-login-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0; }
@supports (filter: blur(5px)) and (-webkit-filter: blur(5px)) {
body.blurred-login-overlay-shown,
.blurred-login-overlay {
background: rgba(255, 255, 255, 0.75);
visibility: visible; }
body.isIpad.blurred-login-overlay-shown,
body.isIpad .blurred-login-overlay {
background: none; }
body.darkmode.blurred-login-overlay-shown {
background-color: #17202a; }
body.darkmode.blurred-login-overlay-shown .blurred-login-overlay {
background: rgba(0, 0, 0, 0.75); }
body.isIpad.darkmode.blurred-login-overlay-shown .blurred-login-overlay {
background: rgba(0, 0, 0, 0.5); } }
@supports (backdrop-filter: blur(3px)) or (-webkit-backdrop-filter: blur(3px)) {
.blurred-login-overlay {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px); }
body.isIpad .blurred-login-overlay {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); }
body.isIpad.darkmode .blurred-login-overlay {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px); } }
#id_login_btn {
cursor: pointer;
opacity: 1;
color: #ffffff;
font: 16px ubuntumedium, Arial, Helvetica, sans-serif;
width: 100%;
height: 36px;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #a8a8a8;
background-color: #f47321;
-webkit-appearance: none; }
#id_login_btn[disabled] {
cursor: auto;
opacity: 0.5; }
form .button, button.ajax_button {
display: block;
padding: 0px 30px 2px 15px;
margin: 15px 0px 0px 137px;
width: auto;
height: 28px;
border: 1px solid #b1b1b1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #fff;
font: 1.16em/1em "UbuntuMedium", Arial, Helvetica, sans-serif;
background-color: var(--wl-signup-bg-color, #f47321);
background-image: url(../../images/arrow-white-v2.gif?1ad136cac9cf);
background-repeat: no-repeat;
background-position: right 50%; }
form .button:hover, button.ajax_button:hover {
background-color: var(--wl-signup-bg-color, #ff6300);
text-decoration: underline;
cursor: pointer; }
form .button:disabled, button.ajax_button:disabled, form .disabled.button, button.disabled.ajax_button {
background-color: #bababa;
cursor: default; }
form .button:disabled:hover, button.ajax_button:disabled:hover, form .disabled.button:hover, button.disabled.ajax_button:hover {
text-decoraton: none; }
.checkboxComponent.transparentCheckbox {
border-radius: 2px;
border-style: solid;
border-width: 1px;
display: inline-block; }
.checkboxComponent.toggle {
box-sizing: content-box;
cursor: pointer;
display: inline-block;
position: relative;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.4s ease 0s;
user-select: none;
vertical-align: middle;
-webkit-tap-highlight-color: transparent; }
.checkboxComponent.toggle .toggleButton {
border-radius: 100%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
display: block;
overflow: hidden;
position: absolute;
top: 0;
transition: left 0.2s; }
.checkboxComponent input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
border: none;
border-radius: inherit;
outline-offset: 1px;
pointer-events: none; }
.checkboxComponent input[type="checkbox"]:focus-visible {
outline-offset: 1px;
outline-style: solid;
outline-width: 2px; }
.checkboxFieldLabel .checkboxComponent {
margin: 0px 3px 0px 0px;
transform: translateY(4px); }
.checkboxFieldLabel {
padding: 0px 10px 0px 0px; }
.overlayModalOverlay {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1100;
background-color: rgba(0, 0, 0, 0.4); }
.overlayModalElement {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.big_form_button {
font: 18px "UbuntuBold", Arial, Helvetica, sans-serif;
line-height: 32px;
padding: 3px 35px 2px 35px;
cursor: pointer;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative; }
.big_form_button:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode .big_form_button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode .big_form_button:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode .big_form_button:is(select) {
background-color: #202c39; }
.darkmode .big_form_button:is(select):focus {
outline: #68b5f0 auto 1px; }
.big_form_button, .darkmode .big_form_button {
background-color: var(--wl-signup-bg-color, #f47321);
color: #ffffff;
border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
border-radius: 4px; }
.big_form_button:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 0;
background-image: url(../../images/arrow-white-v2.gif?1ad136cac9cf);
background-repeat: no-repeat;
background-position: center; }
.big_form_button:hover {
background-color: var(--wl-signup-bg-color, #ff6300);
text-decoration: underline; }
.big_form_button--small-text {
font-size: 16px; }
.big_form_button--full-width {
width: 100%; }
.big_form_button--margin {
margin: 13px auto 20px auto; }
.big_form_button--blue {
color: var(--wl-text-color, #6783a3);
border: 1px solid var(--wl-content-bgcolor, #b1b1b1);
background-color: var(--wl-content-bgcolor, #dfe9f4); }
.big_form_button--blue:after {
background-image: url(../../images/arrow-blue.gif?1ad136cac9cf); }
.big_form_button--blue:hover {
background-color: var(--wl-content-bgcolor, #cde0f5); }
.big_form_button a {
color: #fff; }
.search_autocomplete::-ms-clear {
display: none; }