#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.0;
}

#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:.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?a401ab051e4c) 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?057b802f7fc7) 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?0437047d9c3a) 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:.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?17e6f95d8e2a) no-repeat 95% 50%;
}
.actions li .prev{
  padding:0 5px 0 13px;
  background:#fceadb url(../../images/arrow-left.gif?ce3332e1d85f) 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;
}
.list .thumbnail_label, .list .thumbnail_label_featured{
  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;
}
.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;
}
.thumbnail_label_recommender {
  display: none;  /* Hide "Recommended" thumbnail labels by default except in internal theme */
}
.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;
}
* 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?818c9c4c368f) no-repeat 100% 0; background-size: contain;}
.list .title .genderm{background:url(../../images/ico-male.svg?251793534c73) no-repeat 100% 0; background-size: contain;}
.list .title .genderc{background:url(../../images/ico-couple.svg?b74df354b80e) no-repeat 100% 0; background-size: contain;}
.list .title .genders{background:url(../../images/ico-trans.svg?4984008acb01) no-repeat 100% 0; background-size: contain;}
.list .title .genderx{background:url(../../images/ico-blank.png?c807e40114dc) 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:.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?5dccbc881a52) no-repeat 0 50%;
  width: 145px;
  height: 16px;
  overflow: hidden;
}
.sub-info li.cams{
  background:url(../../images/ico-cams.png?829027f88094) 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?ce3332e1d85f) 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?70f424c35037) no-repeat 50% 50%;
  width: 11px;
}

.darkmode li a.prev, li a.prev:hover {
  background: #2a2c2e url(../../images/arrow-left_dm.svg?b9699c1795b0) no-repeat 50% 50%;
}

.darkmode li a.next {
  background: #2a2c2e url(../../images/arrow-right_dm.svg?2ab10858e309) 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:.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: 1.0em 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/* fonts */
@font-face {
  font-family: 'UbuntuRegular';
  src: url('../../fonts/ubuntur-webfont.eot?1188017abdc0');
  src: url('../../fonts/ubuntur-webfont.eot?&1188017abdc0#iefix') format('eot'),
  url('../../fonts/ubuntur-webfont.woff?896a82003cd1') format('woff'),
  url('../../fonts/ubuntur-webfont.ttf?37cf452b3f58') format('truetype'),
  url('../../fonts/ubuntur-webfont.svg?396700312810#webfontH0ji1hXa') format('svg');
  font-weight: normal;
  font-style: normal;
  }
@font-face {
  font-family: 'UbuntuBold';
  src: url('../../fonts/ubuntub-webfont.eot?a870ebadce32');
  src: url('../../fonts/ubuntub-webfont.eot?&a870ebadce32#iefix') format('eot'),
  url('../../fonts/ubuntub-webfont.woff?6455d1004bc5') format('woff'),
  url('../../fonts/ubuntub-webfont.ttf?abee57aeee27') format('truetype'),
  url('../../fonts/ubuntub-webfont.svg?693d742037eb#webfontOIyUgfKw') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'UbuntuMedium';
  src: url('../../fonts/ubuntum-webfont.eot?d8f8ba0da549');
  src: url('../../fonts/ubuntum-webfont.eot?&d8f8ba0da549#iefix') format('eot'),
  url('../../fonts/ubuntum-webfont.woff?a7fc63c36394') format('woff'),
  url('../../fonts/ubuntum-webfont.ttf?b720a4d699c2') format('truetype'),
  url('../../fonts/ubuntum-webfont.svg?c08a26c0b9c4#webfontl8qOUOft') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UbuntuLight';
  src: url('../../fonts/ubuntul-webfont.eot?&e88fce520190#iefix') format('eot'),
  url('../../fonts/ubuntul-webfont.woff?ab8a55e7d148') format('woff'),
  url('../../fonts/ubuntul-webfont.ttf?107b250100bf') format('truetype'),
  url('../../fonts/ubuntul-webfont.svg?273b9d2d1b08') 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?5486d7000fe4) 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?9c4a611ea03e) no-repeat;
    background-size: 225px 48px;
    height: 48px;
  }
}

.company-name-US {
  background: url(../../images/multimediallc.png?19aba66985a8) 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?f5eca179f90c) no-repeat;
    background-size: 113px 15px;
  }
}

.icon_following {
  background: url(../../images/following-hover.png?c8a176cf1dcb) no-repeat;
  opacity: .7;
}

.icon_not_following {
  background: url(../../images/following-off.png?e2f3a7174c61) no-repeat;
  opacity: .5;
}

.icon_update_following {
  background: url(../../images/following-update.gif?8a00b582b46c) no-repeat;
  opacity: .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?ea2a5b0c3c09) no-repeat;
}

@media (hover: none) {
  .icon_following:not(.no_hover):hover {
    background: url(../../images/following-hover.png?c8a176cf1dcb) no-repeat;
    opacity: .7;
  }

  .icon_not_following:not(.no_hover):hover {
    background: url(../../images/following-off.png?e2f3a7174c61) no-repeat;
    opacity: .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;
}

.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/1.0em 'UbuntuMedium', Arial, Helvetica, sans-serif;
  background-color: var(--wl-signup-bg-color, #F47321);
  background-image: url(../../images/arrow-white-v2.gif?75bde39356c3);
  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?5bbd9994802d) no-repeat 2px 50%;
  font:.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: .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;
}

/* Note this is a theme file -- Only color css allowed here! */
/* Note this is a theme file -- Only color css allowed here! */
@import url(../../css/twemoji-sprite-1.css?c4df0605225e);
@import url(../../css/twemoji-sprite-2.css?d91d0c579235);
.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; }

/* Note this is a theme file -- Only color css allowed here! */
#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?fa74da7e69d7) no-repeat center; }
      .darkmode .dmListDropdownRoot .header .popoutIcon {
        background: url(../../tsdefaultassets/popout_darkmode.svg?4ed4b17ed080) 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; }

/* Note this is a theme file -- Only color css allowed here! */
.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-bg-color, #CD5D26);
      border-radius: 4px; }
    .dmWindow .dmWindowInput .sendButton.disabled {
      opacity: .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: .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: .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; }

/* Note this is a theme file -- Only color css allowed here! */
.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?5e3e40bb292b) no-repeat center; }
      .darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmPopoutIcon {
        background: url(../../tsdefaultassets/popout-grey.svg?37347d0904cf) no-repeat center; }
    .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
      background: url(../../tsdefaultassets/ignore-user-d.svg?02a8f1bed31a) no-repeat center; }
      .darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
        background: url(../../tsdefaultassets/ignore-user.svg?4ca83bc3b789) no-repeat center; }
    .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
      background: url(../../tsdefaultassets/report-msg-d.svg?eb708f4209bb) no-repeat center; }
      .darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
        background: url(../../tsdefaultassets/report-msg.svg?9f05fef58682) no-repeat center; }

/* Note this is a theme file -- Only color css allowed here! */
.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-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?b790c690d4c9) no-repeat center center; }
    .darkmode .userFeedbackForm .closeControl {
      background: transparent url(../../tsdefaultassets/close-dark.svg?6933d007232e) 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; }

/* Note this is a theme file -- Only color css allowed here! */
.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; }

.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; }

/* Note this is a theme file -- Only color css allowed here! */
/* Note this is a theme file -- Only color css allowed here! */
.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?d12655f82ca4);
  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; }

/* Note this is a theme file -- Only color css allowed here! */
.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-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 {
  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?0437047d9c3a) 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?588dc80f5af1) 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?1a695b98c8a7); }
      .darkmode #header #user_information.uip_v2 a.uip_btn .token_img {
        background-image: url(../../images/uip_tokens_darkmode.svg?5a603b1e7789); }
    #header #user_information.uip_v2 .user_information_header_icon.anonymous {
      background-image: url(../../images/gendericons/anon_dark.svg?7a02cebefc89); }
      .darkmode #header #user_information.uip_v2 .user_information_header_icon.anonymous {
        background-image: url(../../images/gendericons/anon.svg?00993266cf7f); }
    #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?d52de6552c38); }
      .darkmode #header #user_information .user_information_header_arrowdown.uip_v2 {
        background-image: url(../../images/arrowdown_grey.svg?8d913e8950f8); }
    #header #user_information .user_information_icon {
      background: center/contain no-repeat; }
    #header #user_information .chat_bubble {
      background-image: url(../../images/chat-bubble-gray.svg?7d187139b245); }
    #header #user_information .chat_bubble.active {
      background-image: url(../../images/chat-bubble-normal.svg?9ca8fb9daa5e); }
    #header #user_information .chat_bubble.has_unread {
      background-image: url(../../images/chat-bubble-new.svg?1a2e10645f4a); }
    #header #user_information .notification_bell {
      background-image: url(../../images/bell_inactive.svg?b7c610114958); }
      .darkmode #header #user_information .notification_bell {
        background-image: url(../../images/darkmode_bell_inactive.svg?62c64de3f3a4); }
    #header #user_information .notification_bell.has_unseen {
      background-image: url(../../images/bell_notification.svg?7c8c88191e0c); }
      .darkmode #header #user_information .notification_bell.has_unseen {
        background-image: url(../../images/darkmode_bell_notification.svg?f91063ab46c7); }
    #header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
      background-image: url(../../images/bell_notification_black.svg?9f7cd01adff1); }
      .darkmode #header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
        background-image: url(../../images/darkmode_bell_notification.svg?f91063ab46c7); }
    #header #user_information .notification_bell.active {
      background-image: url(../../images/bell_active.svg?6e820b132257); }
      .darkmode #header #user_information .notification_bell.active {
        background-image: url(../../images/darkmode_bell_active.svg?be025e95b1a2); }
  #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 .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: .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; }
  .gender-tab ahover, .active .gender-tab a, a.gender-tabhover, .active a.gender-tab, .sub-nav li > ahover, .active .sub-nav li > a {
    text-decoration: none;
    background: #fff;
    color: #dc5500;
    border-bottom: 1px solid #fff;
    cursor: default; }

.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: .833em/1.2em 'UbuntuRegular', Arial, Helvetica, sans-serif;
  text-align: center;
  background: url(../../images/bg-footer-holder.webp?cc1e09ef1e7a) 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.webp?f035b6ed9178) 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 ul li form input[type="submit"]:focus {
            outline: none; }
  .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?32f8dfba1611) 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?01811869745d) 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?e691b5a2dd4a); }
  .darkmode .footer-holder .twitter-x-icon {
    background-image: url(../../images/socialmediaicons/social-media-twitter-x-white.svg?b56166e93901); }

.footer-holder .facebook-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url(../../images/socialmediaicons/social-media-facebook.svg?a1bbe472dcbb); }
  .darkmode .footer-holder .facebook-icon {
    background-image: url(../../images/socialmediaicons/social-media-facebook_dm.svg?1b501e9442dc); }

.footer-holder .instagram-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url(../../images/socialmediaicons/social-media-instagram.svg?735b15ea9ff4); }
  .darkmode .footer-holder .instagram-icon {
    background-image: url(../../images/socialmediaicons/social-media-instagram_dm.svg?d771b2e44d25); }

.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 .emoticonImage img {
  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?4979f19d01ae) 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: .9em;
    float: right; }

/**
 * Generic mixins
 */
.overlay {
  background: transparent url(../../images/overlay_black.png?4979f19d01ae) 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?4979f19d01ae") 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%; } }
#age-gate-signup {
  background-color: white;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  max-width: 400px;
  padding: 30px;
  width: 95vw; }
  @media (max-width: 768px) {
    #age-gate-signup {
      padding: 25px; } }
  #age-gate-signup img.verified-check {
    height: 20px; }
  #age-gate-signup h2 {
    color: black;
    font-family: UbuntuBold, Arial, Helvetica, sans-serif;
    font-size: 1.4em; }
  #age-gate-signup p {
    margin-bottom: 2.4em; }
  #age-gate-signup a.age-gate-signup-save {
    display: block;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center; }
    #age-gate-signup a.age-gate-signup-save:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode #age-gate-signup a.age-gate-signup-save:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
      background-color: #202C39; }
    .darkmode #age-gate-signup a.age-gate-signup-save:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68B5F0; }
    .darkmode #age-gate-signup a.age-gate-signup-save:is(select) {
      background-color: #202C39; }
      .darkmode #age-gate-signup a.age-gate-signup-save:is(select):focus {
        outline: #68B5F0 auto 1px; }
    #age-gate-signup a.age-gate-signup-save, .darkmode #age-gate-signup a.age-gate-signup-save {
      background-color: var(--wl-signup-bg-color, #F47321);
      color: #FFFFFF;
      border: 1px solid var(--wl-signup-bg-color, #CD5D26);
      border-radius: 4px; }

.cb-logo {
  position: absolute;
  width: 90px;
  left: 25px;
  top: 25px; }

#pg13-age-gate {
  background-color: transparent;
  max-width: 609px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden; }
  #pg13-age-gate .pg13-preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../../images/age-gate-pg13-var1.png?de4a29bbab0d");
    position: relative;
    height: 209px; }
    #pg13-age-gate .pg13-preview .img-header {
      color: white;
      font-size: 20px;
      line-height: 28px;
      font-family: UbuntuBold, Arial, Helvetica, sans-serif;
      position: relative;
      top: 45%;
      text-align: center;
      margin: 0 30px; }
  #pg13-age-gate strong {
    font-family: UbuntuBold, Arial, Helvetica, sans-serif; }
  #pg13-age-gate .message-container {
    background-color: white;
    display: flex;
    padding: 25px;
    column-gap: 20px; }
    #pg13-age-gate .message-container .verify-message {
      font-size: 14px;
      line-height: 20px; }
    #pg13-age-gate .message-container .left-container {
      width: 50%; }
      #pg13-age-gate .message-container .left-container .explicit {
        font-size: 20px;
        line-height: 28px; }
    #pg13-age-gate .message-container .right-container {
      width: 100%; }
      #pg13-age-gate .message-container .right-container .buttons-div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px; }
        #pg13-age-gate .message-container .right-container .buttons-div .logged-in-text {
          color: #6E6F70; }
        #pg13-age-gate .message-container .right-container .buttons-div .age-gate-verify {
          white-space: nowrap;
          margin-left: 6px; }
  #pg13-age-gate .age-gate-info-icon {
    background-image: url("../../images/info-icon-blue.svg?db82c50bec35");
    align-self: center;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 13px;
    margin-left: 4px;
    margin-bottom: -1px; }
  #pg13-age-gate .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;
    z-index: 1; }
  #pg13-age-gate .age-gate-info-icon:hover + .age-gate-tooltip,
  #pg13-age-gate .age-gate-info-icon:active + .age-gate-tooltip,
  #pg13-age-gate .age-gate-info-icon:focus + .age-gate-tooltip,
  #pg13-age-gate .age-gate-tooltip:hover,
  #pg13-age-gate .age-gate-tooltip:active,
  #pg13-age-gate .age-gate-tooltip:focus {
    visibility: visible; }
  #pg13-age-gate a.age-gate-verify {
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    display: block;
    text-align: center;
    padding: 5px 32px; }
    #pg13-age-gate a.age-gate-verify:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode #pg13-age-gate a.age-gate-verify:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
      background-color: #202C39; }
    .darkmode #pg13-age-gate a.age-gate-verify:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68B5F0; }
    .darkmode #pg13-age-gate a.age-gate-verify:is(select) {
      background-color: #202C39; }
      .darkmode #pg13-age-gate a.age-gate-verify:is(select):focus {
        outline: #68B5F0 auto 1px; }
    #pg13-age-gate a.age-gate-verify, .darkmode #pg13-age-gate a.age-gate-verify {
      background-color: var(--wl-signup-bg-color, #F47321);
      color: #FFFFFF;
      border: 1px solid var(--wl-signup-bg-color, #CD5D26);
      border-radius: 4px; }
  #pg13-age-gate .age-gate-subtext {
    color: #999;
    font-size: 13px; }

.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?db82c50bec35") !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-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 .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-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 {
        width: 75px;
        top: 3px; }
      .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?00bc780983de");
          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; }

.pg13-wrapper {
  display: flex;
  flex-direction: column; }
  .pg13-wrapper .pg13-preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .pg13-wrapper .pg13-preview .img-header {
      color: white;
      font-family: UbuntuBold, Arial, Helvetica, sans-serif;
      position: relative;
      text-align: center; }
  .pg13-wrapper .pg13-modal {
    display: flex; }
    .pg13-wrapper .pg13-modal.left-img .pg13-preview {
      width: 279px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      background-image: url("../../images/age-gate-pg13-var2.png?6cb745d3cc31"); }
      .pg13-wrapper .pg13-modal.left-img .pg13-preview .img-header {
        font-size: 20px;
        line-height: 28px;
        top: 45%;
        margin: 0 30px; }
    .pg13-wrapper .pg13-modal.left-img #age_gate_home {
      border-radius: unset;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }
    .pg13-wrapper .pg13-modal.top-img {
      flex-direction: column;
      margin: 10px; }
      .pg13-wrapper .pg13-modal.top-img .pg13-preview {
        height: 160px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-image: url("../../images/age-gate-pg13-var2-mobile.png?b3f95e8da077"); }
        .pg13-wrapper .pg13-modal.top-img .pg13-preview .img-header {
          font-size: 1.25em;
          line-height: 1.75em;
          top: 40%;
          margin: auto; }
        .pg13-wrapper .pg13-modal.top-img .pg13-preview .cb-logo {
          width: 90px;
          left: 15px;
          top: 15px;
          position: absolute; }
      .pg13-wrapper .pg13-modal.top-img #age_gate_home {
        border-radius: unset;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin: 0; }
  .pg13-wrapper .age-gate-account.under-modal {
    position: relative;
    bottom: unset;
    width: unset !important; }
  .pg13-wrapper #age_gate_home .age-gate-account.under-modal {
    display: none; }

#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?a8153a214a15) 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-bg-color, #CD5D26);
      border-radius: 4px; }

.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-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-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; }

/* Note this is a theme file -- Only color css allowed here! */
/* Note this is a theme file -- Only color css allowed here! */
.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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?fa74da7e69d7) no-repeat center; }
  .darkmode #PhotoVideos .popoutIcon {
    background: url(../../tsdefaultassets/popout_darkmode.svg?4ed4b17ed080) 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?ac299e35c90a); }
  .darkmode #PhotoVideos .psDropDownArrow {
    background-image: url(../../tsdefaultassets/darkmode_arrowdown_blue.svg?4c0f9c6565ba); }

.darkmode .psSortingDropdown .psSortingContainer {
  background: #222429; }

.psSortingDropdown .psSortingContainer .psSortingOption {
  background: #fff;
  color: #525252; }
  .darkmode .psSortingDropdown .psSortingContainer .psSortingOption {
    background: #222429;
    color: #B3B3B3; }

.psSortingDropdown .psSortingContainer .psSortingOption:hover {
  background: #FCEADC; }
  .darkmode .psSortingDropdown .psSortingContainer .psSortingOption:hover {
    background: #303A42; }

/* Note this is a theme file -- Only color css allowed here! */
.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); }

.appCollection .sort {
  color: #808285; }
  .darkmode .appCollection .sort {
    color: #B3B3B3; }

.appCollection .clearSearchButton {
  background: url(../../images/asp/close.svg?37f41bd2d69f); }

.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?aa693bd28022) 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?f730e78ee68d) no-repeat center; }
  .appPage .appForm .chevronUp {
    background: url(../../images/asp/chevron_up.svg?672bc569c6e9) 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 .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-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; }

.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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?aee4a41ba664) no-repeat 0 50%;
    background-size: auto; }
    .darkmode .roomCard li.cams {
      background: url(../../images/cam_white.svg?282a760aab80) no-repeat 0 50%;
      background-size: auto; }
  .roomCard li.location {
    background: url(../../images/location.svg?5021cfc1ff61) no-repeat 0 50%;
    background-size: auto; }
    .darkmode .roomCard li.location {
      background: url(../../images/location_white.svg?339f27869359) 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?818c9c4c368f) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderm {
    background: url(../../images/ico-male.svg?251793534c73) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderc {
    background: url(../../images/ico-couple.svg?b74df354b80e) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genders {
    background: url(../../images/ico-trans.svg?4984008acb01) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderx {
    background: url(../../images/ico-blank.png?c807e40114dc) 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; }

/* Note this is a theme file -- Only color css allowed here! */
/* Note this is a theme file -- Only color css allowed here! */
.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-bg-color, #CD5D26);
  border-radius: 4px; }

.unfollowButton {
  color: #ffffff;
  background-color: #8b8b8b;
  border-color: #8b8b8b;
  border-right-color: #474747; }
  .darkmode .unfollowButton {
    color: #B3B3B3;
    background-color: #202C39;
    border-color: #2D3E50; }

.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?e0f4045214c5); }
  .notification-btn-icon.all.static {
    background-image: url(../../images/follower/alarm-bell-ring-white.svg?6adba4a48565); }
  .darkmode .notification-btn-icon.all {
    background-image: url(../../images/follower/alarm-bell-ring-grey.svg?dbe47dc3d92a); }

.notification-btn-icon.smart {
  background-image: url(../../images/follower/alarm-bell-black.svg?281ea1ddd63e); }
  .notification-btn-icon.smart.static {
    background-image: url(../../images/follower/alarm-bell-white.svg?6fc221c99185); }
  .darkmode .notification-btn-icon.smart {
    background-image: url(../../images/follower/alarm-bell-grey.svg?41b1ce278423); }

.notification-btn-icon.none {
  background-image: url(../../images/follower/alarm-bell-off-black.svg?69c6917c7525); }
  .notification-btn-icon.none.static {
    background-image: url(../../images/follower/alarm-bell-off-white.svg?a03b66ab9bcd); }
  .darkmode .notification-btn-icon.none {
    background-image: url(../../images/follower/alarm-bell-off-grey.svg?f68550b4cde7); }

#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; }

/* Note this is a theme file -- Only color css allowed here! */
#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-bottom-color: #0b5d81; }
    .darkmode #satisfactionComment .divot .divotBorder {
      border-bottom-color: #1C2733; }
  #satisfactionComment .divot .divotBackground {
    border-bottom-color: #e0e0e0; }
    .darkmode #satisfactionComment .divot .divotBackground {
      border-bottom-color: #2D3E50; }
  #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-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 {
  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 {
    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, a.gender-tab:hover, div.gender-tab:hover,
  #main .top-section .sub-nav li a:hover {
    cursor: pointer; }

.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?45db19d3993d);
  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?3492defa25bc); }

.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; }

/* Note this is a theme file -- Only color css allowed here! */
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-bg-color, #CD5D26);
    border-radius: 4px; }

/* Note this is a theme file -- Only color css allowed here! */
.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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?9a87e6f7a4de) no-repeat center center;
    background-size: cover; }
    .darkmode .emoticonPreviewModal .closeButton {
      background: url(../../tsdefaultassets/close-white.svg?b0389426f1cb) 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; }

.emoticonImage img {
  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?9a87e6f7a4de) no-repeat center center;
    background-size: cover; }
    .darkmode .mediaPreviewModal .closeButton {
      background: url(../../tsdefaultassets/close-white.svg?b0389426f1cb) no-repeat center center;
      background-size: cover; }

/* Note this is a theme file -- Only color css allowed here! */
/* Note this is a theme file -- Only color css allowed here! */
.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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?ae5c98f6a38e) 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?de510ac7d460) 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; }

.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 {
    border: 2px solid #2C52C0;
    padding: 1px; }
    .darkmode .activeChoicesContainer:focus, .darkmode .activeChoicesContainer.dropdown-shown {
      border: 2px solid #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?223bff19c388);
    float: right; }
    .darkmode .activeChoicesContainer .dropdownMenuIcon {
      background: url(../../images/profile/dropdown-menu-icon_dm.svg?74792e824bc1); }
  .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 #acacac;
    border-radius: 4px;
    margin-right: 8px; }
    .darkmode .checkboxesDropdown .transparentCheckbox {
      border: 1px solid #2D3E50; }

.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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; }

/* Note this is a theme file -- Only color css allowed here! */
.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; }

/* Note this is a theme file -- Only color css allowed here! */
#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?a8153a214a15) no-repeat center; }
  .darkmode #FVChatSettingsTab .tooltip-info-icon, .darkmode #SplitModeChatSettingsTab .tooltip-info-icon {
    background: url(../../images/info-icon-white.svg?dd889667270a) 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?dd889667270a) 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/1.0em 'UbuntuMedium', Arial, Helvetica, sans-serif;
  background-color: var(--wl-signup-bg-color, #F47321);
  background-image: url(../../images/arrow-white-v2.gif?75bde39356c3);
  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; }

.sprite-twemoji {
  zoom: 0.75;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%) scale(0.75); }

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .05em;
  vertical-align: -0.1em; }

img.emojiButton {
  height: 1em;
  width: 1em;
  vertical-align: text-bottom; }

img.emojiToneChoice {
  height: 1em;
  width: 1em; }

img.emojiChat {
  height: 1.1em;
  width: 1.1em;
  margin: 0 .05em 0 .05em;
  vertical-align: -0.1em; }

.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-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?75bde39356c3);
    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?5064c292cfa2); }
    .big_form_button--blue:hover {
      background-color: var(--wl-content-bgcolor, #CDE0F5); }
  .big_form_button a {
    color: #FFF; }

.search_autocomplete::-ms-clear {
  display: none; }