/* 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! */
.ContestStats .statsContainer {
  color: #0c6a93; }
  .darkmode .ContestStats .statsContainer {
    color: #68B5F0; }

.ContestStats .statText {
  color: #0b5d81; }
  .darkmode .ContestStats .statText {
    color: #68B5F0; }

.ContestStats .statData {
  color: #000000; }
  .darkmode .ContestStats .statData {
    color: #B3B3B3; }

.ContestStats .topRow {
  color: #dc5500; }

.ContestStats .otherRows {
  color: #0c6a93; }
  .darkmode .ContestStats .otherRows {
    color: #68B5F0; }

.ContestStats .rowBorder {
  border-bottom: 1px solid #cccccc; }

/* Note this is a theme file -- Only color css allowed here! */
.darkmode #shareTab .title {
  color: #FFFFFF; }

#shareTab .urlInput {
  border-color: #b1b1b1; }
  .darkmode #shareTab .urlInput:focus {
    outline: none;
    box-shadow: 0 0 0 2px #68B5F0; }
  .darkmode #shareTab .urlInput {
    border-color: #6E6F70;
    background-color: #202C39;
    color: #ffffff; }

.darkmode .AppsBotsTab a {
  color: #68B5F0; }

.AppsBotsTab .noneSelected {
  color: #808080; }
  .darkmode .AppsBotsTab .noneSelected {
    color: #6E6F70; }

.AppsBotsTab .deactivate {
  color: #af0000; }
  .darkmode .AppsBotsTab .deactivate {
    color: #FE3D39; }

.AppsBotsTab .orText {
  color: #dc5500; }

.darkmode .aspPanel a {
  color: #68B5F0; }

.aspPanel .input {
  background-color: transparent;
  border-color: #b1b1b1; }
  .darkmode .aspPanel .input {
    border-color: #2D3E50;
    color: #FFFFFF !important;
    background-color: #202C39; }

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

.aspPanel .aspCard, .aspPanel .featuredCard, .aspPanel .installedCard {
  border: 1px solid #EBECEC; }
  .aspPanel .aspCard .summary, .aspPanel .featuredCard .summary, .aspPanel .installedCard .summary {
    color: #606367; }
    .darkmode .aspPanel .aspCard .summary, .darkmode .aspPanel .featuredCard .summary, .darkmode .aspPanel .installedCard .summary {
      color: #B3B3B3; }
  .aspPanel .aspCard .author, .aspPanel .featuredCard .author, .aspPanel .installedCard .author {
    color: #808080; }
    .darkmode .aspPanel .aspCard .author, .darkmode .aspPanel .featuredCard .author, .darkmode .aspPanel .installedCard .author {
      color: #888888; }

.aspPanel .installedCard {
  background-color: #F8F9FA; }
  .darkmode .aspPanel .installedCard {
    background-color: #17202A;
    border: none; }
  .aspPanel .installedCard .meatballBtn {
    background: url(../../images/asp/meatballmenu-off.svg?b4976d06f59d) no-repeat center; }
    .aspPanel .installedCard .meatballBtn.active {
      background: url(../../images/asp/meatballmenu-on.svg?87e76997a99d) no-repeat center; }
    .darkmode .aspPanel .installedCard .meatballBtn {
      background: url(../../images/asp/meatballmenu-off-darkmode.svg?dd5cab397516) no-repeat center; }
      .darkmode .aspPanel .installedCard .meatballBtn.active {
        background: url(../../images/asp/meatballmenu-on-darkmode.svg?5fb69df5d1b0) no-repeat center; }
  .aspPanel .installedCard .updateNotice {
    color: #FF0000; }
    .darkmode .aspPanel .installedCard .updateNotice {
      color: #FFA6A6; }

.aspPanel .featuredCard {
  background-color: #FFFFFF; }
  .darkmode .aspPanel .featuredCard {
    background-color: inherit; }
  .aspPanel .featuredCard.highlight {
    background-color: #F8F9FA; }
    .darkmode .aspPanel .featuredCard.highlight {
      background-color: #17202A; }

.aspPanel .aspPagination {
  color: #DC5500; }
  .darkmode .aspPanel .aspPagination {
    color: #B3B3B3; }
  .aspPanel .aspPagination .pageBtn {
    background-color: #EDEDED;
    border: 1px solid #CECECE; }
    .darkmode .aspPanel .aspPagination .pageBtn {
      background-color: #253543;
      border: 1px solid transparent; }
  .aspPanel .aspPagination .highlight {
    color: #6D6D6D;
    background-color: #FFFFFF;
    border: 1px solid transparent; }
    .darkmode .aspPanel .aspPagination .highlight {
      color: #68B5F0;
      background-color: inherit; }
  .aspPanel .aspPagination .arrow, .aspPanel .aspPagination .rightArrow, .aspPanel .aspPagination .leftArrow {
    border: 1px solid #F1D2BF; }
    .darkmode .aspPanel .aspPagination .arrow, .darkmode .aspPanel .aspPagination .rightArrow, .darkmode .aspPanel .aspPagination .leftArrow {
      border: 1px solid transparent; }
  .aspPanel .aspPagination .leftArrow {
    background: #F9EBDD url(../../images/asp/page-arrow-left.svg?1aa60553579c) no-repeat 50% 50%; }
    .darkmode .aspPanel .aspPagination .leftArrow {
      background: #253543 url(../../images/asp/page-arrow-left-darkmode.svg?038c879e9aaa) no-repeat 50% 50%; }
  .aspPanel .aspPagination .rightArrow {
    background: #F9EBDD url(../../images/asp/page-arrow-right.svg?a5b015d6b722) no-repeat 50% 50%; }
    .darkmode .aspPanel .aspPagination .rightArrow {
      background: #253543 url(../../images/asp/page-arrow-right-darkmode.svg?bd857ca89be1) no-repeat 50% 50%; }

.darkmode .aspPanel .appPage a {
  color: #68B5F0; }

.aspPanel .appPage .container {
  background-color: #F8F9FA;
  border: 1px solid #EBECEC; }
  .darkmode .aspPanel .appPage .container {
    background-color: #1C2733;
    border: none; }

.aspPanel .appPage .back {
  background: url(../../images/asp/arrowleft.svg?aa693bd28022) no-repeat center; }
  .darkmode .aspPanel .appPage .back {
    background: url(../../images/asp/arrowleft-darkmode.svg?66612977b6ae) no-repeat center; }

.aspPanel .appPage .subText, .aspPanel .appPage .description {
  color: #606367; }
  .darkmode .aspPanel .appPage .subText, .darkmode .aspPanel .appPage .description {
    color: #888888; }

.aspPanel .appPage .description {
  background-color: #FFFFFF; }
  .darkmode .aspPanel .appPage .description {
    background-color: #000000; }

.aspPanel .appPage .appForm {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF; }
  .darkmode .aspPanel .appPage .appForm {
    background-color: #202C39;
    border: none; }
  .aspPanel .appPage .appForm .chevronDown {
    background: url(../../images/asp/chevron_down.svg?f730e78ee68d) no-repeat center; }
    .darkmode .aspPanel .appPage .appForm .chevronDown {
      background: url(../../images/asp/chevron_down-darkmode.svg?a300160d1612) no-repeat center; }
  .aspPanel .appPage .appForm .chevronUp {
    background: url(../../images/asp/chevron_up.svg?672bc569c6e9) no-repeat center; }
    .darkmode .aspPanel .appPage .appForm .chevronUp {
      background: url(../../images/asp/chevron_up-darkmode.svg?a2f9ab8cf480) no-repeat center; }

.aspPanel .appPage .formError {
  color: #FF0000; }
  .darkmode .aspPanel .appPage .formError {
    color: #FFA6A6; }

.aspPanel .appPage .footer {
  background-color: #E5E5E5; }
  .darkmode .aspPanel .appPage .footer {
    background-color: #253543; }

.quickMenu {
  color: #48484E;
  background-color: #FFFFFF;
  border: 1px solid #F0F0F0; }
  .darkmode .quickMenu {
    color: #B3B3B3;
    background-color: #202C39;
    border: 1px solid #2D3E50; }
  .quickMenu .headerDescription {
    color: #808285; }
  .quickMenu .highlight {
    background-color: #CBCBCB; }
    .darkmode .quickMenu .highlight {
      color: #B3B3B3;
      background-color: #253543; }
  .quickMenu .cog {
    background: url(../../images/asp/cog.svg?364279be9d84) no-repeat center; }
    .darkmode .quickMenu .cog {
      background: url(../../images/asp/cog-darkmode.svg?4d8076535b5a) no-repeat center; }
  .quickMenu .bin {
    background: url(../../images/asp/bin.svg?013957289abb) no-repeat center; }
    .darkmode .quickMenu .bin {
      background: url(../../images/asp/bin-darkmode.svg?dfe9897e6c89) no-repeat center; }

.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 .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; }
    .darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:focus {
      outline: none;
      box-shadow: 0 0 0 2px #68B5F0; }
    .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 {
    background-color: #F47321;
    color: #FFFFFF;
    border: 1px solid #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; }

.BroadcastContestStats .statsContainer {
  color: #0c6a93; }
  .darkmode .BroadcastContestStats .statsContainer {
    color: #68B5F0; }

.BroadcastContestStats .statText {
  color: #0b5d81; }
  .darkmode .BroadcastContestStats .statText {
    color: #68B5F0; }

.BroadcastContestStats .statData {
  color: #000000; }
  .darkmode .BroadcastContestStats .statData {
    color: #B3B3B3; }

.BroadcastContestStats .topRow {
  color: #dc5500; }

.BroadcastContestStats .otherRows {
  color: #0c6a93; }
  .darkmode .BroadcastContestStats .otherRows {
    color: #68B5F0; }

.BroadcastContestStats .rowBorder {
  border-bottom: 1px solid #cccccc; }

.darkmode .BroadcastContestStats {
  color: #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; }
  .darkmode .MembershipsTab .membershipHeader {
    color: #FFFFFF;
    border-bottom-color: #6E6F70; }

.MembershipsTab .username {
  color: #e45900; }

.NewMembershipsTab .newMembershipHeader {
  color: #000000;
  border-bottom-color: #EFEFEF; }
  .darkmode .NewMembershipsTab .newMembershipHeader {
    color: #FFFFFF;
    border-bottom-color: #6E6F70; }

.NewMembershipsTab .tr {
  color: #49494F; }
  .darkmode .NewMembershipsTab .tr {
    color: #B3B3B3; }

.NewMembershipsTab .durationCol, .NewMembershipsTab .sinceStyle, .NewMembershipsTab .cantRenewMessage {
  color: #CBCBCB; }
  .darkmode .NewMembershipsTab .durationCol, .darkmode .NewMembershipsTab .sinceStyle, .darkmode .NewMembershipsTab .cantRenewMessage {
    color: #B3B3B3; }

.NewMembershipsTab .supporterDescriptions {
  color: #6C6C78; }
  .darkmode .NewMembershipsTab .supporterDescriptions {
    color: #B3B3B3; }

.SatisfactionRating {
  background-color: #FFFFFF; }
  .darkmode .SatisfactionRating {
    background-color: #2D3E50; }
  .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: #aaaaaa; }
  .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 .tagNewColor {
    color: #ffffff;
    background-color: #71b404; }
  .roomCard li.cams {
    background: url(../../images/cam.svg?aee4a41ba664) no-repeat 0 0;
    background-size: auto; }
    .darkmode .roomCard li.cams {
      background: url(../../images/cam_white.svg?282a760aab80) no-repeat 0 0;
      background-size: auto; }
  .roomCard li.location {
    background: url(../../images/location.svg?5021cfc1ff61) no-repeat 0 0;
    background-size: auto; }
    .darkmode .roomCard li.location {
      background: url(../../images/location_white.svg?339f27869359) no-repeat 0 0;
      background-size: auto; }
  .roomCard .age {
    float: left;
    color: #49494F;
    padding: 2px 6px 0 0;
    font: 1em/1.333em 'UbuntuMedium', Arial, Helvetica, sans-serif; }
    .darkmode .roomCard .age {
      color: #B3B3B3; }
  .roomCard .age_gender_container {
    float: right;
    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; }

/* 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 {
    background-color: #306A91;
    color: #FFFFFF;
    border: 1px solid #306A91;
    border-radius: 4px; }
  .notificationsModal .denyButton {
    color: #494949; }
    .darkmode .notificationsModal .denyButton {
      color: #B3B3B3; }
    .notificationsModal .denyButton:hover {
      text-decoration: underline; }

.followButton {
  background-color: #F47321;
  color: #FFFFFF;
  border: 1px solid #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); }

.whiteModal {
  background-color: #FFFFFF;
  color: #525252;
  border-color: #EFEFEF; }
  .darkmode .whiteModal {
    background-color: #1F2C39;
    color: #B3B3B3;
    border-color: #29323F; }
  .whiteModal .divot {
    color: #EFEFEF; }
    .darkmode .whiteModal .divot {
      color: #29323F; }
    .whiteModal .divot .divotBackground {
      color: #FFFFFF; }
      .darkmode .whiteModal .divot .divotBackground {
        color: #1F2C39; }

.grayModal {
  background-color: #F8F9FA;
  color: #525252;
  border-color: #ACACAC; }
  .darkmode .grayModal {
    background-color: #17202A;
    color: #B3B3B3;
    border-color: #2A323F; }
  .grayModal .notNow {
    background-color: #FFFFFF;
    border-color: #525252; }
    .darkmode .grayModal .notNow {
      background-color: #202C39;
      border-color: #B3B3B3; }
  .grayModal .divot {
    color: #ACACAC; }
    .darkmode .grayModal .divot {
      color: #2A323F; }
    .grayModal .divot .divotBackground {
      color: #F8F9FA; }
      .darkmode .grayModal .divot .divotBackground {
        color: #17202A; }

#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 {
  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.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: #ffffff;
  border-color: #0b5d81;
  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: #0b5d81;
    background-color: #e0e0e0; }
    .darkmode #satisfactionComment .header {
      color: #FFFFFF;
      background-color: #2D3E50; }
  #satisfactionComment .textBox {
    border-color: #777777;
    color: #000000; }
    .darkmode #satisfactionComment .textBox:focus {
      outline: none;
      box-shadow: 0 0 0 2px #68B5F0; }
    .darkmode #satisfactionComment .textBox {
      border-color: #2D3E50;
      color: #ffffff;
      background-color: transparent; }
  #satisfactionComment .submitBtn {
    background-color: #F47321;
    color: #FFFFFF;
    border: 1px solid #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, .followed-tab.active, .followed-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 .followed-tab.active, .darkmode .followed-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; }

.followedContainer a {
  background-color: transparent; }

.darkmode #main .top-section {
  background: #17202A;
  border-bottom-color: #2D3E50; }

#main .top-section #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 {
    background-image: url(../../images/search_dm.svg?3492defa25bc); }

#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; }
    .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; }
    .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; }
  .darkmode .room-tabs-dropdown-border {
    border-color: #17202A;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }

/* Note this is a theme file -- Only color css allowed here! */
.floatingPlayer {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 1px 1px;
  border-color: #ACACAC; }
  .darkmode .floatingPlayer {
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
    border-color: #2A323F; }
  .floatingPlayer .header {
    background-color: #ffffff; }
    .floatingPlayer .header a {
      color: #306A91; }
    .darkmode .floatingPlayer .header {
      background-color: #2D3E50; }
      .darkmode .floatingPlayer .header a {
        color: #68B5F0; }
    .floatingPlayer .header .optionsArea .darkOptionsIcon {
      display: none; }
    .darkmode .floatingPlayer .header .optionsArea .lightOptionsIcon {
      display: none; }
    .darkmode .floatingPlayer .header .optionsArea .darkOptionsIcon {
      display: block; }
    .floatingPlayer .header .optionsArea:hover {
      background-color: #e3e3e3; }
      .darkmode .floatingPlayer .header .optionsArea:hover {
        background-color: #888888; }
    .floatingPlayer .header .closeArea .darkCloseIcon {
      display: none; }
    .darkmode .floatingPlayer .header .closeArea .lightCloseIcon {
      display: none; }
    .darkmode .floatingPlayer .header .closeArea .darkCloseIcon {
      display: block; }
    .floatingPlayer .header .closeArea:hover {
      background-color: #e3e3e3; }
      .darkmode .floatingPlayer .header .closeArea:hover {
        background-color: #888888; }
  .floatingPlayer .menuBubble {
    background-color: #ffffff;
    color: #666666;
    border-color: #efefef; }
    .floatingPlayer .menuBubble .darkAdvancedOptionsIcon {
      display: none; }
    .darkmode .floatingPlayer .menuBubble {
      background-color: #2D3E50;
      color: #B3B3B3;
      border-color: #2A323F; }
      .darkmode .floatingPlayer .menuBubble .lightAdvancedOptionsIcon {
        display: none; }
      .darkmode .floatingPlayer .menuBubble .darkAdvancedOptionsIcon {
        display: inline-block; }
    .darkmode .floatingPlayer .menuBubble .link {
      color: #68B5F0; }
    .floatingPlayer .menuBubble .caret {
      border-bottom-color: #ffffff; }
      .darkmode .floatingPlayer .menuBubble .caret {
        border-bottom-color: #2D3E50; }

#SearchInput input.search_input {
  border-color: #BDBDBD; }
  .darkmode #SearchInput input.search_input {
    color: #FFFFFF;
    border-color: #6E6F70;
    background-color: #17202A; }

#SearchInput .suggestionsDiv {
  border-color: #bdbdbd; }
  .darkmode #SearchInput .suggestionsDiv {
    border-color: #2A323F;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  #SearchInput .suggestionsDiv a {
    color: #494949; }
    .darkmode #SearchInput .suggestionsDiv a {
      color: #B3B3B3; }
  #SearchInput .suggestionsDiv .statusText {
    color: #6C6C78; }
    .darkmode #SearchInput .suggestionsDiv .statusText {
      color: #cbcbcb; }
  #SearchInput .suggestionsDiv .icon-online {
    background: url(../../tsdefaultassets/search_online_broadcaster.svg?e5b99c9c4dd7) no-repeat center center; }
    .darkmode #SearchInput .suggestionsDiv .icon-online {
      background: url(../../tsdefaultassets/search_online_broadcaster_dm.svg?cf182a59dbea) no-repeat center center; }
  #SearchInput .suggestionsDiv .icon-offline {
    background: url(../../tsdefaultassets/search_offline_broadcaster.svg?caa457f278fe) no-repeat center center; }
    .darkmode #SearchInput .suggestionsDiv .icon-offline {
      background: url(../../tsdefaultassets/search_offline_broadcaster_dm.svg?728f6cbf906d) no-repeat center center; }
  #SearchInput .suggestionsDiv .icon-hashtag {
    background: url(../../tsdefaultassets/search_hashtag.svg?11e0ce450c3e) no-repeat center center; }
    .darkmode #SearchInput .suggestionsDiv .icon-hashtag {
      background: url(../../tsdefaultassets/search_hashtag_dm.svg?fd60e5e9daaa) no-repeat center center; }
  #SearchInput .suggestionsDiv div.broadcaster_suggestion,
  #SearchInput .suggestionsDiv div.hashtag_suggestion {
    background-color: #fcfcfc;
    border-bottom-color: #EFEFEF;
    color: #494949; }
    .darkmode #SearchInput .suggestionsDiv div.broadcaster_suggestion, .darkmode #SearchInput .suggestionsDiv div.hashtag_suggestion {
      background-color: #202C39;
      border-bottom-color: #6E6F70;
      color: #B3B3B3; }
    #SearchInput .suggestionsDiv div.broadcaster_suggestion:hover, #SearchInput .suggestionsDiv div.broadcaster_suggestion.active,
    #SearchInput .suggestionsDiv div.hashtag_suggestion:hover,
    #SearchInput .suggestionsDiv div.hashtag_suggestion.active {
      background-color: #efefef; }
      .darkmode #SearchInput .suggestionsDiv div.broadcaster_suggestion:hover, .darkmode #SearchInput .suggestionsDiv div.broadcaster_suggestion.active, .darkmode #SearchInput .suggestionsDiv div.hashtag_suggestion:hover, .darkmode #SearchInput .suggestionsDiv div.hashtag_suggestion.active {
        background-color: #885336; }

.darkmode #main .paging li.active a, .darkmode #main .paging li:hover a:not(.prev):not(.next) {
  background: transparent;
  border: 1px solid transparent;
  color: #68B5F0; }

.darkmode #main .paging li a {
  border: 1px solid #2A323F;
  background: #202C39;
  color: #B3B3B3; }

.darkmode #main .paging li a.prev, .darkmode #main .paging li a.prev:hover {
  border: 1px solid #2A323F;
  background: #202C39 url(../../images/arrow-left_dm.svg?b9699c1795b0) no-repeat 50% 50%; }

.darkmode #main .paging li a.next {
  border: 1px solid #2A323F;
  background: #202C39 url(../../images/arrow-right_dm.svg?2ab10858e309) no-repeat 50% 50%; }

.darkmode #main .endless_page_template h2 {
  color: #68b5f0 !important; }

.darkmode #main .top-section a {
  color: #68B5F0; }

.darkmode #main .top-section .advanced_search_button {
  background-image: url(../../images/option_cog_dark.svg?d90e9837f711); }

.darkmode #main .content a {
  color: #68B5F0; }

.darkmode #main .content #hashtag_ticker, .darkmode #main .content .searching-keyword p {
  color: #B3B3B3; }

.darkmode #main .content div.advanced_search_options select:focus {
  outline: none;
  box-shadow: 0 0 0 2px #68B5F0; }

.darkmode #main .content div.advanced_search_options {
  background-color: #17202A;
  border-color: #2D3E50; }
  .darkmode #main .content div.advanced_search_options h2 {
    color: #F47321; }
  .darkmode #main .content div.advanced_search_options label, .darkmode #main .content div.advanced_search_options .label {
    color: #FFFFFF; }
  .darkmode #main .content div.advanced_search_options select {
    background-color: #202C39;
    border-color: #2D3E50;
    color: #B3B3B3; }

.darkmode #main .content #room_list .room_list_room {
  background-color: #202C39;
  border: 1px solid #202C39;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }

.darkmode #main .content #room_list .room_list_room .title {
  color: #B3B3B3;
  border-bottom-color: #2D3E50; }

.darkmode #main .content #room_list .room_list_room .age {
  color: #B3B3B3; }

.darkmode #main .content #room_list .room_list_room .sub-info {
  color: #6E6F70; }

#main .content #room_list .room_list_room .sub-info li.cams {
  background: url(../../images/cam.svg?aee4a41ba664) no-repeat 0 50%;
  background-size: auto; }
  .darkmode #main .content #room_list .room_list_room .sub-info li.cams {
    background: url(../../images/cam_white.svg?282a760aab80) no-repeat 0 50%;
    background-size: auto; }

#main .content #room_list .room_list_room .sub-info li.location {
  background: url(../../images/location.svg?5021cfc1ff61) no-repeat 0 50%;
  background-size: auto; }
  .darkmode #main .content #room_list .room_list_room .sub-info li.location {
    background: url(../../images/location_white.svg?339f27869359) no-repeat 0 50%;
    background-size: auto; }

.darkmode #main .content #room_list .room_list_room .subject {
  color: #B3B3B3; }

.darkmode #main .content #room_list .room_list_room a, .darkmode #main .content #room_list #hashtag_ticker a, .darkmode #main .content #room_list .dismissable_notice a, .darkmode #main .content #room_list .advanced_search_button_shell a {
  color: #68b5f0; }

#search_icon {
  display: inline;
  position: relative;
  float: right;
  right: 10px;
  top: 3px;
  height: 25px;
  width: 25px;
  z-index: 2; }
  #search_icon:hover {
    cursor: pointer; }
  #search_icon div {
    position: relative;
    top: 5px;
    left: 3px;
    width: 12px; }

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

.search_input:-ms-input-placeholder {
  color: #d3d3d3; }

li.advanced_search_button_shell {
  display: inline;
  position: relative;
  top: 7px;
  right: -1px;
  font: 13px "UbuntuMedium", Arial, Helvetica, sans-serif;
  float: right;
  -webkit-text-size-adjust: none; }
  li.advanced_search_button_shell img {
    width: 14px;
    height: 14px; }

div.advanced_search_options {
  position: relative;
  background: none repeat scroll 0 0 #f0f1f1;
  padding: 10px 5px 10px 5px;
  border: 1px solid #acacac;
  margin-bottom: 15px;
  font-size: 11px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 2000px;
  transition: max-height 0.6s ease; }
  div.advanced_search_options h2 {
    color: #dc5500;
    font: 1.2em/1.4em "UbuntuBold", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    margin-left: 15px; }
  div.advanced_search_options h3 {
    color: #000000;
    font-weight: bold;
    width: 100%;
    text-align: left; }
  div.advanced_search_options .button {
    margin: 0;
    line-height: 27px; }
  div.advanced_search_options p.label {
    margin-bottom: 0px;
    margin-top: 0px; }
  div.advanced_search_options .wide {
    width: 200px;
    margin-bottom: 18px; }
    div.advanced_search_options .wide form {
      width: 150px; }
  div.advanced_search_options .section {
    vertical-align: top;
    padding-left: 25px;
    padding-top: 10px;
    display: inline-block; }
  div.advanced_search_options .checkboxes {
    width: 400px; }
  div.advanced_search_options #filter_location_form label,
  div.advanced_search_options #filter_options_form label,
  div.advanced_search_options #animate_thumbnails_form label,
  div.advanced_search_options #floatingplayer_options_form label {
    padding: 3px 0 4px; }
  div.advanced_search_options input[type="checkbox"]:hover,
  div.advanced_search_options label:hover {
    cursor: pointer; }
  div.advanced_search_options .checkboxes > div {
    vertical-align: top;
    display: inline-block; }

div.advanced_search_options.collapsed {
  padding: 0;
  border: 0;
  height: 0;
  margin: 0;
  max-height: 0; }

.advanced_search_region {
  color: #4e8aaa; }

.advanced_search_button {
  background: url(../../images/option_cog_light.svg?f3f15f08ca28) no-repeat center;
  background-size: contain;
  height: 16px;
  width: 16px;
  display: inline-block; }

#main > .content {
  margin: 0 15px; }
  #main > .content .c-1 {
    margin-left: 0px; }