html, body, .IM-Content, .IM-Chat { 
    background-color:   #ffffff;
}
html, body {
    height: 100vh;
}
body, .nav, .search-container, .tab-content, .tab-pane, .broadcaster, .chat, .chatroom_window {position:relative;}
body {
    padding-top:    0px;
    background:     rgb(243, 243, 243);
    overflow-y:     hidden;
}

.IM-Header {
    position:   relative;
    z-index:    4000;
}

.messenger-page {
    height: 100%; 
}

body.viewer-page {
    min-height: 360px;
}

.messenger-body {
    min-width:  490px;
    height:     100%;
}

.messenger-view {
    height: 100%;
}

.dialog {
    position:   absolute;
    z-index:    1000;
    width:      100%;
}

.warning .modal-content{
    border: 1px solid #FE9F25;
}

.standard-upsell {
    background-color:   #FEEACB;
    padding:            5px;
    height:             85px;
    position:           relative;
}
.standard-upsell .action-button,
.warning-dlg .action-button {
    text-align: center;
    display:    inline;
}

.standard-upsell .action-button {
    position:   absolute;
    right:      5px;
    bottom:     5px;
}

.warning-dlg .warning-buttons {
    display:    block;
    text-align: center;
}

.warning-dlg .warning-title{
    background: #FE9F25;
    color: #FFF;
    padding: 5px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -31px;
}
.warning-dlg .btn.btn-text:hover,
.warning-dlg .btn.btn-text:focus,
.warning-dlg .btn.btn-text.focus {
    color: #333333;

}
.warning .modal-header button{
    display: none;
}
.warning .sub-title{
    color: #666;
}
.warning .lightbox-wrapper{
    position:       absolute;
    width:          400px;
    left:           50%;
    margin-left:    -200px;
}

.modal-dialog {
    width: auto;
}

.controls-container {
    min-height: 40px;
    position:   relative;
	background: rgb(243, 243, 243);
    fill: #666666;
}

.controls-container .tab-button {
    float:            left;
    clear:            none;
    border:           1px solid transparent;
    border-bottom:    none;
    position:         relative;
    height:           inherit;
    vertical-align:   middle;
    bottom:           0px;
    padding:          12px 10px 4px;
    margin-right:     1px;
    background-color: #E9E9E9
}

.controls-container .tab-button.active {
    background-color:   #ffffff;
	border: 1px solid #dddddd;
    border-bottom: none;
}

.controls-container .tab-button .badge.badge-sm{
	position:absolute;
	top: 5px;
	left:20px;
	height: 14px;
	min-width: 14px;
	padding: 1px 2px;
	border-radius: 7px;
}

.clear-search-button {
    background-color:   #ffffff;
    border:             none;
    position:           absolute;
    top:                0px;
    right:              30px;
    display:            none;
    z-index:            100;
}

.component-container {
    background-color:   #ffffff;
    position:           relative;
    float:              left;
    clear:              both;
    margin:             0px;
    padding:            0px;
    height:             calc(100% - 50px);
    width:              100%;
}

.with-search .component-container {
   height:             calc(100% - 115px);
}

.half-page {
    position:   absolute;
    height:     auto;
    top:        0px;
    bottom:     0px;
    left:       0px;
    right:      0px;
}

.expanded .half-page.left {
    right:  50%;
}

.half-page.left {
    overflow-y: auto;
}

.broadcasting.broadcast-pos-sw .half-page.left {
    bottom: 241px;
}

.half-page.right {
    display:    none;
    left:       50%;
}

.expanded .half-page.right {
    display:    block;
}

.nav-tabs {
   height:      39px;
}

.tab-pane {
	border:     none;
	padding:    0;
	height:     100%;
	display:    inline-block;
    overflow-y: auto;
}

.search-container {
	padding:    5px 10px 10px 5px;
	height:     35px;
	width:      200px;
    z-index:    200;
}

/*
.bs-component .search-container {
    display: none;
}

.bs-component.search .search-container {
    display: block;
}
*/

.refresh-counter {
    padding:	3px;
}

.tab_count {
    font-size:  11px;
    padding-left: 5px;
}

.tab_count.total_count,
.tab_count.friends_count {
    margin: -30px 0 0 20px;
    display: block;
    line-height: 30px;
    min-height: 30px;
}

.tab-content {
	height:     calc(100% - 82px);
    z-index:    1000;
}

.messenger-passport {
    height: 155px;

}

.IM-Content .tab-content {
    padding-top: 2px;
}

.broadcasting > .tab-content {
	height: calc(100% - 293px);
}

.broadcasting.search > .tab-content {
	height: calc(100% - 327px);
}


.broadcasting_content .messenger_container.tab_content_rows {
    position:   absolute;
    top:        0px;
    bottom:     0px;
    left:       0px;
    right:      0px;
}

.broadcasting_content .messenger_container.tab_content_rows .tab-content {
    height:     auto;
    position:   absolute;
    top:        32px;
    bottom:     0px;
    left:       0px;
    right:      0px;
}
.with-search .messenger_container{
	border-top: 1px solid #e5e5e5;
    min-height: 672px;
}
[data-click] {
    cursor:     pointer;
}
.no-results  {
    font-weight:    bold;
    position:       absolute;
    top:            45px;
    text-align:     center;
    width:          100%;
}

.nav_tabs > span.blue.grey:before,
.nav_tabs > span.grey:before {
    color:  #666666;
}

.tab-pane .num-viewers {

}

.messenger_row button {
    padding-left:   0px;
}

.messenger_row button[data-click="launchViewer"]{
    position: absolute;
    right: 100px;
    top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index:999;
    width: 18px;
    height:18px;
    margin-top: 7px;
    padding: 0;
    margin-right: 11px;
}
.messenger_row button[data-click="launchViewer"]::before{
  position:absolute;
  width:100%;
  height:100%;
  content:' ';
  top:0;
  left:0;
  z-index:999;
  
}
.member_cell_container.passport-container .act-btn[data-click="launchViewer"]  svg,
.messenger_row button[data-click="launchViewer"] svg{
  margin:0;
}
.messenger_row .sprite-close ,
.messenger_row .sprite-circle-block {
    /*right:          50px;*/
    right:      80px;
    display:    none;
}

.messenger_row:hover .sprite-circle-block {
    display:    initial;
}

.start_broadcast {
    margin-right:   5px;
    padding:        2px;
}

.messenger_row button.sprite-badge-broadcasting {
    /*right:          25px;*/
	right: 80px;
}
.messenger_row button.sprite-badge-broadcasting-sound {
    /*right:          28px;*/
	right: 80px;
}

.messenger_row button.sprite-web-cam-sound{
    /*right:          28px;*/
	right: 80px;
}

.messenger_preview.selected_cell .sprite-eye,
.messenger_preview.selected_cell .sprite-lips,
.messenger_preview.selected_cell .sprite-like,
.messenger_preview.selected_cell .sprite-imc,
.messenger_preview.selected_cell .sprite-badge-broadcasting,
.messenger_preview.selected_cell .sprite-badge-broadcasting-sound,
.messenger_preview.selected_cell .sprite-broadcast,
.messenger_preview.selected_cell .sprite-circle-block,
.messenger_preview.selected_cell .sprite-close {
    top: 50%;
}

.btn.mute .icon.sound,
.btn.sound .icon.mute {
    display: none;
}

.btn.mute .icon.mute {
    display: block;
}

div.broadcast-button,
div.alert-help {
    float:          right;
    padding:        5px;
    z-index:        201;
    margin-top:     3px;
}

.alert-help button.btn-link {
    margin:     0px;
    padding:    0px 8px 0px 0px;
	line-height: 25px;
}

.alert-help svg {
    width: 21px;
    height: 21px;
    position: relative;
    top: 3px;
}
.alert-help .icon.mute {
    top: 0;
}

.nav > li a {
    padding:    6px 15px;
}

.btn {
	font-size:		12px;
	line-height:	normal;
}

.btn::before{
	line-height: 0px;
}

.btn.sort-label,
.btn.sort-label:hover {
	color:	#333333;
	cursor:	default;
}

.open > .smileys-menu {
    top:    -190px;
}

.bubble-smileys {
    width: 260px;
    height: 190px;
    overflow-y: auto;
}

.emoticon {
    width: auto;
    height: auto;
}

a.emoticon {
    margin: 2px;
    float: none;
}

a.emoticon.ff-smiley {
    display: block;
    float: left;
    height: 24px;
    width: 48px;
    margin: 2px;
    text-align: center;
    vertical-align: middle;
}

a.emoticon.bdsm-smiley {
    display:        block;
    width:          100px;
    height:         24px;
    float:          left;
    text-align:     center;
    vertical-align: middle;
}

.username-search .input-group-btn > .btn {
    padding: 6px 6px 0px 6px;
}

.messenger-search-button:before {
    font-size: 16px;
    line-height: 14px;
}

.messenger-view-more {
    width:      100%;
    z-index:    100;
}

.username-search .form-control, .username-search .form-control.addon {
	padding:0;
	height:25px;
}
.form-group {
    margin:0;
}
.input-group-addon {
	padding:9px;
}
#source-button {
	display:none !important;
}
.im-users {
	position:absolute;
	top:40px;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
}
.panel, .well {
	margin-bottom:0;
}
.im-viewers {
	position:absolute;
	top:0px;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
}
.chat-viewers {
	position: relative;
    /*absolute;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;*/
}

.IM-Chat {
	width:50%;
	float:left;
	background:#fff;
}

.IM-Chat .member_cell_container {
	margin:5px 5px 0 5px;
	width: calc(100% - 10px);
}
.IM-Content.chatting,
.IM-Content.broadcasting {
    width:  50%;
    float:  right;
}

.messenger-broadcast-button {
    cursor: pointer;
}

.broadcaster {
	width:      100%;
	background: #fff;
    z-index:    3000;
}
.video-container .broadcast-controls {
	position:           absolute;
    right:              0px;
    left:               0px;
    bottom:             0px;
    width:              100%;
    padding:            5px;
    background-color:   #999999;
    opacity:            0.7;
    visibility:         hidden;
}

.broadcast-controls.open {
    opacity:    0.9;
}

a.broadcast_options_mute {
    float: right;
}

.broadcaster:hover .broadcast-controls,
.video-container:hover .broadcast-controls,
.broadcast-controls.open {
    visibility: visible;
}

.video-container {
    width:  320px;
    margin: 0px auto;
}

.sprite-check:before {
	font-size:12px;
	margin-right:5px;
}
.chat {
	height:     auto;
    bottom:     0px;
    top:        0px;
    position:   absolute;
    left:       0px;
    right:      0px;
}

.broadcasting .chat {
    position:   absolute;
    height:     auto;
    bottom:     10px;
   /*top:        245px;*/
    width:      auto;
    right:      5px;
    left:       5px;
}

.messenger-body {
    height: 100%;
}

.btn-group.messenger-filter {
	margin:	5px;
}

.messenger-filter-form {
    display:        block;
    width:          369px;
    height:         100%;
    line-height:    12px;
}
.messenger-controls {
    background-color:   #ffffff;
}

.messenger-controls .dropdown-menu {
    padding:    10px;
}
.viewers-sortby .dropdown-menu a,
.messenger-controls .dropdown-menu a {
    display:     inline;
    line-height: 30px;
}

.viewers-sortby .dropdown-menu,
.messenger-sortby .dropdown-menu {
    min-width: 205px;
}

.btn.viewers-sort-current {
    text-overflow:  ellipsis;
    overflow:       hidden;
    max-width:      105px;
	color:			#333;
}

.btn.viewers-sort-current:hover {
    color:  #333333;
}
.controls-wrapper {
    width: 100%;
}
.controls-wrapper .icon.refresh {
    width: 10px;
    height: 10px;
}
.expanded .controls-wrapper {
    width:      50%;
    min-width:  353px;
}

.messenger-filter-form .collapsible .filter_section {
    display: none;
}

.messenger-filter-form .collapsible.open .filter_section {
    display: block;
}

.messenger-filter-form .messenger_filter_container,
.messenger-filter-form  #filter_find_button_container {
    display:    block;
    float:      left;
    clear:      both;
    width:      100%;
    margin:     2px;
    position:   relative;
}

.messenger-filter-form .left_column {
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
	margin-right: 10px;
}

.messenger-filter-form .filter_section_header {
    display:        block;
    float:          left;
    clear:          both;
    font-weight:    bold;
    margin-bottom:  3px;
    cursor:         pointer;
	width: 100%;
}

.messenger-filter-form .filter_section_left {
    float: left;
    clear: left;
    height: 100%;
    width: 50%;
}

.messenger-filter-form .filter_section_right {
    float: left;
    clear: none;
    height: 100%;
}

.messenger-filter-form .filter_section_deselect {
    float: left;
    clear: both;
    color: #3366CC;
    cursor: pointer;
}

.messenger_filter_container label {
    display:    block;
    float:      left;
    clear:      both;
    margin:     0px 0px 7px 0px;
}

.messenger_filter_container label,
.messenger_filter_container input,
.messenger_filter_container select,
.messenger_filter_container textarea {
  font-size:    13px;
  font-weight:  normal;
  line-height:  normal;
}

#filter_find_sex_container label[for="find_sex_7"] {
    text-transform: uppercase;
}

#filter_find_show_container label {
    text-transform: capitalize;
}

.messenger-filter-form label input {
   margin: 2px;
}

.messenger-filter-form label input[type=checkbox] {
   vertical-align: middle;
}

#filter_find_sex_right,
#filter_find_bodytype_right,
#filter_find_orientation_right,
#filter_find_race_right {
    float: left;
    clear: none;
    height: 100%;
}

.messenger-filter-form #filter_find_apply_container label {
    font-weight: bold;
}


.chat .panel-footer, .chatroom_window .panel-footer {
	position:   absolute;
    bottom:     55px;
    left:       0px;
    right:      0px;
    margin:     0px 5px;
}


.chat .chat-interactions {
    bottom:             0px;
    position:           absolute;
    padding:            3px 0 0 0;
    width:              auto;
    left:               0px;
    right:              0px;
    margin:             0px;
    float:              left;
    text-align:         left;
    font-size:          0px;
    background-color:   #f5f5f5;
    border-top:         1px solid #dddddd;
}
.chat .chat-interactions a {
    text-align:     center;
    font-size:      12px;
    line-height:    2.2em;
}

.chat-controls {
    top:    initial;
    bottom: 50px;
}

.chat_window {
	position:   absolute;
	bottom:     80px;
	top:        160px;
	min-height: 75px;
	left:       0px;
	right:      0px;
	margin:     5px;
	padding:    0px;
	border:     1px solid #ccc;
    overflow:   auto;
    font-size:  14px;
}
.messenger-page .chat .panel-footer{
	border: 1px solid #CCC;
}

.viewer-page .member_cell_btn.panel-footer span.btn-action {
    margin: 4px 0;
}

.chat_window.standard-member{
	bottom: 100px;

}

.chat .panel-footer.standard-member{
	bottom: 75px;
}


.chat_window .content {
    /*height: 100%;*/
    margin: 5px;
}

.chat_window.standard-member .content {
    height: calc(100% - 95px);
}

.chat_textarea, .chatroom_textarea {
	position:   absolute;
	bottom:     10px;
	left:       5px;
	width:      97%;

}
.chatroom_window {
	position:   absolute;
	bottom:     50px;
	top:        278px;
	min-height: 75px;
	left:       0px;
	right:      0px;
	margin:     0px 5px 5px 5px;
	padding:    5px;
	border:     1px solid #ccc;
	font-size:  12px;

}

.expanded .chat .chatroom_window {
    left: 50%;
}

.message {
    margin-bottom:  5px;
}

.chat_window .message_text {
    display:        inline;
}

.broadcast_invite_container .broadcast_button {
    margin-left:    10px;
}

.viewer,
.him {
    max-width:      75%;
    width:          60%;
    clear:          both;
    float:          left;
    background:     #efefef;
    padding:        10px;
    border-radius:  10px;
    word-wrap:      normal;
}

.system-message .date {
    display:    none;
}

.date {
    display:        block;
    float:          right;
    margin-top:     5px;
    margin-left:    3px;
    font-size:      9px;
}

.delivery {
    float:          right;
    display:        none;
    clear:          both;
    font-size:      9px;
    margin-right:   10px;
    margin-top:     -4px
}

.content .delivery:last-child {
    display:    block;
}

.viewer strong{
	font-style:italic;
}
.viewer-handle,
.him .name {
	font-weight:    700;
	color:          #3366cc;
	cursor:         pointer;
    width:          auto;
}

.him .name {
    margin-right:   2px;
}
.chat-viewers .member_cell_container {
	margin:0;
	width:100%;
}
.viewer.no-hide {
	display:inline-table !important;
}
/*.sprite-mute:before { content: '\e84e'; }*/
.active_content .sprite-close {
    right:  0px;
}
/*
.sprite-close:before {
	color:#fff;
	position:absolute;
	right:5px;
	top:3px;
}
*/
.adressee span{
	margin-right:5px;
}
.adressee span:after{
	content: ',';
}
.bc,
.me {
    float:          right;
    text-align:     left;
    width:          auto;
    max-width:      80%;
    clear:          both;
    background:     #ccd9f2;
    padding:        5px 10px;
    border-radius:  10px;
    word-wrap:      normal;
}

.system-message .name,
.composing .name,
.me .name {
    display:    none;
}

.system-message {
    float:      left;
    background: none;
    color:      #333333;
    padding:    5px 0px 1px 5px;
    width:      100%;
    max-width:  100%;
}

.system-message .message_text {
    font-style: italic;
}

.whisper {
	font-weight:700;
	font-style: italic;
}
.red:before {
	color: #f41002 !important;
}
.floating_menu {
	position:   absolute;
	left:       20px;
    right:      5px;
    max-width:  340px;
	z-index:    99;
	display:    none;
	padding:    0px;
    top:        67px;
}
.fm_menu {
	border:1px solid #ddd;
	height:30px;
	overflow:hidden;
	/*box-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);*/
    box-shadow:     2px 2px 2px #CCCCCC;
}
.fm_arrow {
    display:none;
	position:       relative;
	border-top:     1px solid #ddd;
	border-left:    1px solid #ddd;
	left:           5px;
	background:     #f5f5f5;
	width:          10px;
	height:         10px;
	transform:      rotate(45deg);
	margin-bottom:  -5px;
}
.report {
	position:absolute;
	right:-36px;
	bottom:6px;
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:5px;
	display:none;
	width:auto;
	height:60px;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
}
 #chats .label, #incoming .label {
	font-size:10px;
/*	position:absolute;
	right:0;
	top:0;
	padding:3px;
	margin:0;
*/
}
.im_footer {
	text-align:center;
}
.chat_window .alert,
.chatroom_window .alert {
	position:absolute;
	left:0;
	top:0;
	right:0;
	padding: 10px;
}
.alert-dismissible .close {
	right:0;
}
.incoming .badge {
	position:absolute;
	top:3px;
	left:50%;
	z-index:999;
}

/* merge */
.active_state_inline > .inactive,
.active_state > .inactive {
   display:none;
}

.active_state > .active {
   display:block;
}

 .active_state_inline > .active {
   display:inline-block;
}

/*.messenger_row.highlight_cell {
    background-color:   #FBFCC1;
}*/

/* ConfirmID label css-messenger_v15 */
.confirmid_label {
    position:       absolute;
    top:            0px;
    left:           0px;
    font-size:      14px;
    background:     #9476B7;
    color:          #ffffff;
    padding:        0px 2px;
    text-transform: uppercase;
    line-height:    20px;
    z-index:        100;
}

.collapsed .confirmid_label{
	font-size:      7px;
    line-height:    10px;
    width:          48px;
}

.messenger_preview.collapsed .title_message.incoming_message {
    display: inline-block;
}

.btn-action {
	width: 25%;
	display: inline-block;
	text-align: center;
}

.btn-action .btn-text {
    display: none;
}

li.badge_container.v16 {
    overflow: visible;
}

.member_cell_info li {
	list-style:none;
        line-height: 1.3em;
    max-width: 260px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-height: none;
}

.member_cell_info .handle {
    cursor: pointer;
}

.member_cell_info .handle {
    cursor: pointer;
}

.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_info li.handle a {
    color: rgb(51, 102, 204);
}

.viewer b.whisper-link,
.viewer span.gender {
    font-size:12px;
}

.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_info li .distance,
.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_info li .location{
    font-size: 11px;
}


.member_cell_info .title_message{
	max-width: 180px;
}

.member_cell_info .title_message.incoming_message:before,
.member_cell_info .title_message.incoming_message:after {
    content: '';
}

.member_cell_info .looking-for-person{
	max-width: 180px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member_cell_image a {
    cursor: pointer;
}

.filter_active.Nasty .filter.rating10,
.filter_active.Nasty .filter.rating20,
.filter_active.Nasty .filter.rating30,
.filter_active.Nasty .filter.rating40,
.filter_active.Nasty .filter.rating50,
.filter_active.Nasty [img_rating="10"],
.filter_active.Nasty [img_rating="20"],
.filter_active.Nasty [img_rating="30"],
.filter_active.Nasty [img_rating="40"],
.filter_active.Nasty [img_rating="50"] {
    position:   relative;
}

.member_cell_image .filter_box{
	width: 100%;
}

.activity_container .btn-action {
    cursor: pointer;
}

.virtual_gift_popup .modal {
  margin: 0;
  top: 1%;
}
.virtual_gift_popup .modal-dialog {
  width: 700px;
  max-height:calc(100% - 40px);
  overflow-y: hidden;
}
.virtual_gift_popup .gallery {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 52vh;
}

/* lightbox-popup styles */
.lightbox-popup{
	display: none;
}
.bubble-file .modal,
.lightbox-popup .modal{
	display: block;
}

.bubble-file .modal-backdrop,
.lightbox-popup .modal-backdrop{
	opacity: 0.6;
}
/*top fans lightbox */
.lightbox-popup.top_fan_lightbox .modal-dialog {
    left:           0px;
    margin-left:    auto;
    margin-top:     auto;
    right:          0px;
    top:            0px;
    bottom:         0px;
    width:          auto;
    overflow-y:     auto;
    overflow-x:     hidden;
	position: absolute;
}
.lightbox-popup.top_fan_lightbox .modal{
    left:           10px;
    margin-left:    auto;
    margin-top:     auto;
    right:          10px;
    top:            10px;
    bottom:         10px;
    width:          auto;
    overflow-y:     hidden;
    overflow-x:     hidden;
    z-index: 1100;
}
.messenger-page .lightbox-popup.top_fan_lightbox .top_fan_icon_frame .points_spent{
    z-index:100;
}
.messenger-page .points_spent .stat-badge .sprite-topfan{
    position: relative;
    top: 6px;
}

.active_state > .active {
   display:initial;
}
.member_cell_right .active_state_inline > .active {
   display:initial;
}
 .active_state_inline > .active {
   display:initial;
}

.member_cell_right .active_state > .inactive,
.member_cell_right .active_state_inline > .inactive,
.active_state_inline > .inactive,
.active_state > .inactive {
   display:none;
}

.member_cell_right .inactive_state > .active ,
 .inactive_state > .active,
.member_cell_right .inactive_state_inline > .active ,
 .inactive_state_inline > .active {
   display:none;
}
.member_cell_right .inactive_state > .inactive ,
 .inactive_state > .inactive {
   display:initial;
}

.member_cell_right .inactive_state_inline > .inactive ,
 .inactive_state_inline > .inactive {
   display:initial;
}

.footer{
	display:none;
}

.vice_ajax_spinner {
    display:    none;
}

.loading {
    position:   relative;
    top:        -25px;
    z-index:    100;
}

#update_filter_button:focus,
#update_filter_button.focus {
    color:  inherit;
}

/*[class^="sprite-"]:before, [class*=" sprite-"]:before {
   color: #999;
}*/

.white:before {
   color: #FFFFFF;
}



.admin_tag {
    margin:             0px 10px;
    padding:            0px 10px;
    overflow:           hidden;
    background-color:   #ff0000;
    color:              #ffffff;
}

.viewers-bar{
	background:#EFEFEF;
	position: relative;
    line-height: 30px;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 14px;
	color: #333333;
    border: 1px solid #e3e3e3;
}

.viewers-bar .whisper{
	position: absolute;
	right: 50px;
    top: 2px;
	display:none;
}

.viewers-bar.show-whisper .whisper{
	display: block;
}

.viewers-bar .viewers-sortby {
    margin-top: 3px;
}

.viewers-list{
	/*padding-left: 5px;*/
    overflow-y: auto;
    /*height: 525px;*/
}

.broadcasting.incoming .viewers-list > div {
    display: none;
}

.viewers-list .member_cell_btn.expandable {
	background: #AA0000;
}
.viewers-list .member_cell_btn.expandable .activity_container a {
	padding:    9px 0 0 0;
	font-size:  10px;
}
.viewers-list .member_cell_btn.expandable .open-btn.open{
	display :none;
}
.viewers-list .member_cell_btn.expandable .open-btn {
    width: 20px;
    left: auto;
    right: 0;
}
.viewers-list .member_cell_container .badge_container.v16 .tooltip {
    margin-top: -1px;
}
.viewers-list .member_cell_container .badge_container.v16 > span {
    margin-right: 3px;
}
.viewers-list .member_cell_container .badge_container.v16 svg {
    margin: auto;
}
.viewers-list .member_cell_btn.expandable .icon.more-v {
    width: 100%;
}
.viewers-list .member_cell_container .whisper.btn{
	position: absolute;
	right: 40px;
        top: 15px;
}
.viewers-list .member_cell_container .icon.whisper {
    width: 20px;
    height: 20px;
}
.member_cell_btn.expandable .icon.more-v {
    height: 100%;
    width: 40%;
}
.whisper-bar .activity_container{
	font-size:14px;
	height:28px;
	line-height: 28px;
	padding:0px 5px;
	background: #F5F5F5;
	color: #333333;
}
.whisper-bar .activity_container.chatroom_to{
	background: #4C66a4;
	color: #FFFFFF;
}
.whisper-bar .activity_container .sprite-close{
	zoom: 0.8;
	/*float: right;*/
}
.group-chat .chatroom_window{
	position: fixed;
	left: 50%;
	top: 40px;
	z-index: 100;
	bottom: 0;
	padding: 0;
	border:none;
    margin: 5px 5px 5px 15px;
	background: #FFF;

}

.group-chat .chatroom_window .floating_menu {
    padding-top:    0px;
}

.group-chat .chatroom_window .panel-footer{
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #CCCCCC;
	height:30px;
}


.group-chat .chatroom_window .floating_menu .panel-footer {
    height:     auto;
    position:   relative;
    top:        initial;
    bottom:     initial;
    min-height: 62px;
}

.group-chat .chatroom_window .floating_menu.no-viewer  .panel-footer {
    font-size:  initial;
    text-align: center;
}

.group-chat .chatroom_window .floating_menu .panel-footer a {
    line-height:    normal;
}

.group-chat .chatroom_window .floating_menu .panel-footer img {
    height: 60px;
    width:  60px;
}

.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_image {
    width:  60px;
}

.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_info {
    margin-bottom:  0;
    height:         60px;
    right:          0px;
    left:           61px;
    position:       absolute;
}

.group-chat .chatroom_window .floating_menu .panel-footer .member_cell_info li {
    font-size:      10px;
    line-height:    1.5em;
    font-weight:    normal;
    color:          #333333;
}

.group-chat .chatroom_textarea{
	left: 0;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	border-top: 0;
	bottom: 5px;

}

.group-chat .chatroom_textarea svg,
.chatwindow .chatroom_textarea svg {
    fill: #666666;
}

.interaction-tools{
	position:       absolute;
    top:            35px;
    right:          5px;
	z-index:        100;
    left:           20px;
    max-width:      340px;
    height:         35px;
    max-height:     35px;
    background:     #EFEFEF;
    line-height:    30px;
	border:         1px solid #CCCCCC;
    box-shadow:     2px 0px 2px #CCCCCC;
}
button.btn.itools:before{
	color: #f41002;
}

.interaction-tools button.btn.btn-link {
    margin:     6px auto;
    padding:    0px;
    width:      15%;
}
.interaction-tools:after {
    content:  '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #EFEFEF;
    position: absolute;
    left: 0px;
    top: -10px;
}

.interaction-tools:before {
    content:  '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #CCCCCC;
    position: absolute;
    left: -1px;
    top: -10px;
    width: 17px;
}

.interaction-tools.above {
    top: -87px;
}
.above {
    top: -55px;
}

.interaction-tools.above:before {
    content:        '';
    border-left:    7px solid transparent;
    border-right:   7px solid transparent;
    border-top:     10px solid #CCCCCC;
    border-bottom:  none;
    position:       absolute;
    left:           -1px;
    top:            92px;
    width:          17px;
}

.interaction-tools.above:after {
    content:        '';
    border-left:    7px solid transparent;
    border-right:   7px solid transparent;
    border-top:     10px solid #EFEFEF;
    border-bottom:  none;
    position:       absolute;
    left:           0px;
    top:            92px;
}

.im-int{
	position: relative;
}
.im-int .viewer{
	float:none;
}
.imc-broadcaster {
    background: #333;
	height:     240px;
	position:   absolute;
    display:    none;
}

.expanded .imc-broadcaster {
	width:  50%;
}

.broadcast-pos-ne .imc-broadcaster {
    right:  0px;
    top:    0px;
    width:  50%;
}

.broadcasting .imc-broadcaster {
    display: block;
}

.broadcasting.whos_online .imc-broadcaster {
    top: -60px;
}

.broadcasting.broadcast-pos-ne .half-page.right {
    top: 240px;
}

.broadcasting .half-page.right .alert.buzz {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.broadcasting.broadcast-pos-ne.whos_online .half-page.right {
    top: 180px;
}

.broadcaster-wrapper{
	width: 320px;
	margin: auto;
}
.broadcaster-ctrls {
    position: absolute;
    line-height: 35px;
    width:  100%;
    bottom: 0px;
	background: rgba(0,0,0,0.5);
	padding: 0 5px;
}
.broadcaster-ctrls .ctrls-r{
	float: right;
}
.broadcaster-ctrls svg {
    top: 4px;
    left: 0;
    position: relative;
}

.ctrls.mic-mute{
	display:none;
}

.audio-off .ctrls.mic{
	display:none;
}
.audio-off .ctrls.mic-mute{
	display:inline-block;
}
.survey-popup .modal-header{
	border-bottom: none;
}
.survey-title{
	color: #999;
}
.survey-form{
	margin-bottom: 10px;
}
.survey-submit{
	float: right;
}
.survey-btns{
	height: 20px;
}
.survey-popup .modal-dialog{
	width: 360px;
}
.expanded .controls-container .btn.crls-r{
	margin-right: 20px;
}
.controls-container .btn.crls-r{
	float: right;
	height:27px;
	margin-top:5px;
	margin-right:5px;
	line-height:20px;
}
.broadcasting-v{
	display:none;
}
.broadcasting .broadcasting-h{
	display: none;
}
.broadcasting-h svg{
    width: 1em;
    height: 1em;
    position: relative;
    top: 1px;
    left: 0;
    margin-right: 8px;
}
.broadcasting .broadcasting-v{
	display: block;
}
.broadcasting-v svg {
    float: left;
}

.broadcasting_type_menu {
    margin-left:    10px;
}

.expanded .broadcasting_type_menu {
    right:  56px;
}

.gchat-conv{
	overflow-y: auto;
	padding:    5px;
	border:     1px solid #cccccc;
}

.gchat-conv p{
	word-break: normal;
}
.gchat-conv .viewer{
	text-align:     left;
	width:          auto;
	max-width:      86%;
	float:          none;
	display:        inline-block;
    overflow:       hidden;
    text-overflow:  ellipsis;
}

.chatroom_window .gchat-conv > div {
	width: 100;
	clear: both;
}
.group-chat .gchat-conv{
	font-size: 14px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 75px;
}
.group-chat .gchat-conv .whisper{
	height: 735px;
	font-size: 12px;
}
.group-chat .input-group-addon{
	padding:5px 18px;
}
.virtual_gift_popup .modal-header,
.tip-popup .modal-header{
	border-bottom: none;
}
.gchat-conv .system-message{
	font-style: italic;
	text-align: right;
}

[class^="sprite-"]:before, [class*="sprite-"]:before {
    font-size: 18px;
	margin: 0px;
}
.tab-button [class^="sprite-"]:before,
.tab-button [class*="sprite-"]:before {
    font-size: 20px;
height:20px;
}

.messenger-passport .act-btn{
	display:none;
}
.member_cell_container.passport-container .act-btn svg {
    margin: 4px 0 0 -3px;
}
.member_cell_container.passport-container .act-btn .icon.badge-broadcasting,
.member_cell_container.passport-container .act-btn .icon.badge-broadcasting-sound {
    position: absolute;
    right: 100px;
}
.member_cell_container.passport-container .act-btn .icon.badge-broadcasting,
.member_cell_container.passport-container .act-btn .icon.badge-broadcasting-sound{
    position:relative;
    right:0;
    top:0;
}

.chatwindow .messenger-passport button.sprite-badge-broadcasting-sound,
.chatwindow .messenger-passport button.sprite-badge-broadcasting{
	display: block;
}

.chat_textarea .input-group-addon {
    padding: 5px 18px;
}

.message .message_text{
	word-wrap: normal;
}
.member_cell_btn.expandable .activity_container a span:before{
	font-size: 18px;
}
.messenger-filter-form .caret{
	right: 5px;
	top: 5px;
	position: absolute;
}
.messenger-filter-form .caret.toggle-sprite-arrow-up{
   border-bottom: 4px dashed;
   border-bottom : 4px solid \9;
   border-top: 0px;
}

#filter_find_age_container{
	vertical-align: middle;
    line-height: 30px;
}

.public-vlist .label.label-success {
    display: none;
}

.private-vlist a.sprite-more-v.open-btn {
    display: none;
}
.private-vlist .whisper.btn{
	display:none;
}

.messenger-filter .tab_count.filter_count {
    padding: 0 2px;
}
.imc-broadcaster .status-alert.alert-warning {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2px 5px;
    background: rgba(255,231,200,0.8);
    font-size: 12px;
}
.imc-broadcaster .private-only{
	display: none;
}

.private .imc-broadcaster .private-only{
	display: block;
}

.video-container .panel {
    margin: 70px auto;
}

.imc-broadcaster .panel {
    margin: 30px auto 65px;
    height: 150px;
}

.no-results.no-active{
	position: relative;
	padding-top: 24px;

}
.broadcasting.private [data-name="MessengerChatsView"]{
	position: absolute;
	left:0px;
	right:0px;
	bottom: 0px;
	top:0px;
	overflow-y: auto;
}

.private.broadcasting .tab-button.broadcasting-v{
	display:none;
}
.messenger_preview .sprite-eye{
	right: 5px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 60px;
  min-height: 18px;
  margin: 0;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  cursor: pointer;
  background-color: #00AF4C;
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 12px;
  color: #FFFFFF;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  top:2px;
  left: 2px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FE9F25;
}

input:checked + .slider  .on{
  display:inline-block;
}

input:checked + .slider  .off{
  display:none;
}

.slider .on{
    display:none;
    padding: 0 20px 0 10px;
    line-height: 18px;
    vertical-align: middle;
}
.slider .off{
    display: inline-block;
    padding: 0 10px 0 20px;
    line-height: 18px;
    vertical-align: middle;
}


input:focus + .slider {
  box-shadow: 0 0 1px #FE9F25;
}

input:checked + .slider:before {
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  left: 100%;
}

/* Rounded sliders */
.slider.round {
  border-radius: 16px;
  line-height: 18px;
}

.slider.round:before {
  border-radius: 50%;
}

.info-help .start-tips [class^="sprite-"]:before,
.info-help .start-tips [class*=" sprite-"]:before{
	color: #333;
}
.info-help{
	padding:10px;
}
.info-help .start-tips{
   list-style-type: none;
   padding-left: 10px;
   margin-top: 5px;
}
.info-help .start-tips li{
	line-height: 30px;
}
.start-tips span {
    display: inline-block;
    margin-right: 5px;
}
.messenger_container .member_cell_container.messenger_row:hover{
	cursor: pointer;
	cursor: hand;
}


/*.pb-tab .half-page.right {
	display: none !important;
}*/

[data-active-tab='broadcaster'] .messenger-view-more {
	display: none;
}

/*.pb-tab .half-page.left {
	right: 0;
}*/

/*.pb-tab .public-vlist{
	right: 50%;
	width: 50%;
	position: absolute;
}*/

/*.pb-tab .viewers-bar {
	width: 50%;
}*/

/*.pb-tab .viewers-list.public-vlist{
	max-height: calc(100% - 100px);

}*/

.pb-tab .group-chat .chatroom_window {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 5px;
}

.pb-tab.broadcasting .half-page.left {
	bottom: 0px;
}

.friends-bar{
	display: none;
}

[data-active-tab='friends'] .friends-bar{
	display: block !important;
}

.incoming-bar{
	display: none;
}

[data-active-tab='incoming'] .incoming-bar{
	display: block !important;
}

button.btn-link.send-im:hover,
button.btn-link.send-im {
	color:		#FFFFFF;
	background:	#00AF4C;
	padding:	5px;
	font-size:	12px;
}

button.send-im:before{
	width: auto;
    content: '';
}

button.send-im svg {
    height: 12px;
    width: 12px;
    position: relative;
    top: 2px;
    left: -2px;
}

.viewers-sortby .dropdown-menu > li.selected,
.messenger-sortby .dropdown-menu > li.selected {
    position:   relative;
}

.viewers-sortby .dropdown-menu > li > a,
.messenger-sortby .dropdown-menu > li > a {
    display:    inline-block;
    width:      100%;
    padding:    0px 10px;
}

.viewers-sortby .dropdown-menu > li.selected > a::after,
.messenger-sortby .dropdown-menu > li.selected > a::after {
    right:      15px;
    position:   absolute;
    top:        5px;
    content:    '\e861';
}

.popover {
    z-index:    2000;
}
 .brd-rating{
	 display: none;
	 height: 30px;
	 width: 160px;
	 margin-left: 25px;
 }
 .pb-tab .brd-rating{
	 display: inline-block;
 }
 .brd-rating>div{
	 display: inline-block;
 }

 .brd-rating [class^="sprite-"]:before,
 .brd-rating [class*=" sprite-"]:before {
    color: #FFFFFF;
 }
 .brd-rating .slider{
	 background: transparent;
 }
 .brd-rating .slider:before{
	 display:none;
 }
 .brd-rating .slider.slider-horizontal{
	 width: 100px;
 }

 .brd-rating .slider.slider-horizontal .slider-track{
	 background: rgba(255,255,255,0.2);
	 height: 20px;
     margin-top: -11px;
 }
 .r-score {
    position: absolute;
    z-index: 5;
    right: 2px;
    top: -8px;
    height: 20px;
    background: transparent;
}

 .member_cell_btn.panel-footer a.gchat-photo{
	 float: right;
	 line-height: 30px;
	 padding-top: 2px;
 }
 .messenger-filter .btn.btn-default{
	 padding: 3px 0px;
 }
 .english .messenger-filter .btn.btn-default{
	 padding: 3px;
 }
 [data-content='ViewersBarPublic']{
	 display: none !important;
 }
 [data-active-tab='broadcaster'] [data-content='ViewersBarPublic']{
	 display: block !important;
 }
 .messenger-page  .half-page.left .status-badge [class^="sprite-"]:before, .status-badge [class*=" sprite-"]:before{
	 font-size:14px;
height:14px;
margin-left:5px;
 }
 .messenger-page .half-page.left .status-badge{
	 margin-right: 2px;
 }
.messenger-page .icon.badge-broadcasting,
.messenger-page .icon.badge-broadcasting-sound {
    margin-top:18px;
}
 .status-badge:last-child {
    margin-right:   0px;
}

 .btn.sort-current{
	 color: #333;
 }

[data-rowtype='incoming'].messenger_row .label-success {
	display: none;
}

 img.photo-msg,
 img.gchat-image {
    max-width:  50px;
    max-height: 50px;
	width: auto;
	height: auto;
}
 [data-active-tab='whos_online'] .vmore-bar{
	display: none !important;
}
.vmore-bar {
	text-align: center;
}
[data-active-tab='whos_online'] [data-name='ViewersListBar'],
[data-active-tab='friends'] [data-name='ViewersListBar'],
[data-active-tab='incoming'] [data-name='ViewersListBar'] {
	display: none !important;
}
.gchat-conv .webcam_invite{
	font-style: italic;
}

 button ._accepted{
	    display: none;
 }
 button.accepted ._accept{
	    display: none;
 }
 button.accepted ._accepted{
	    display: inline-block;
 }

 .bling-btn {
	background: #efefef;
	padding: 3px;
	font-size: 12px;
	float: right;
	width: auto;
	margin: 5px 0;
	color: #000;

}

 .messenger-sortby .btn.sort-label:hover{
	 color: #333;
 }

@media (max-width: 800px) {
	.half-page.right .messenger_preview .member_cell_info {
		max-width: 220px;

	}

}
@media (max-width: 785px) {
	.expanded .messenger_row .member_cell_info{
	    padding-left: 5px;
	    max-width: 235px;
    }
	 .expanded .messenger_row.selected_cell .member_cell_info{
	    width: 150px;
    }

}
@media (max-width: 700px) {

	.expanded button.send-im .launch-conv-txt{
		display:none;
	}
	.english .expanded button.send-im .launch-conv-txt{
		display: inline-block;
	}

	.english .expanded button.send-im:before{
		display:none;
	}

	.expanded .messenger_row button.sprite-badge-broadcasting{
		right: 25px;
	}
    .expanded .messenger_row button.sprite-badge-broadcasting-sound{
	    right: 25px;
    }

	.english .expanded .messenger_row button.sprite-badge-broadcasting{
		right: 50px;
	}
    .english .expanded .messenger_row button.sprite-badge-broadcasting-sound{
	    right: 50px;
    }
    .expanded .messenger_row .member_cell_info{
	    padding-left: 5px;
	    max-width: 235px;
    }
    .expanded [data-rowtype='incoming'].messenger_row .label-success{
	    display:none;
    }
    .expanded .messenger_row.selected_cell .member_cell_info{
	    width: 150px;
    }
    .expanded .messenger_row .sprite-circle-block{
	    right: 50px;
    }
    .expanded .messenger-body{
	    min-width: 640px;
    }

}

.chat-notification-dialog {
	position: 			absolute;
	bottom:				85px;
	height:				30px;
	width:				auto;
	left:				0px;
	right:				0px;
	text-align:			center;
	background-color:	rgba(0,0,0,0.5);
	color:				#ffffff;
	font-size:			14px;
    font-weight:		bold;
    line-height:		30px;
    display:			none;
}

.chat-notification-dialog:hover {
	background-color:	rgba(0,0,0,0.75);
	color:				#ffffff;
	cursor:				pointer;
}
.messenger-sortby {
    margin-right: 10px;
}
.svg-btn svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    position: relative;
    top: -5px;
}


.svg-btn{
    vertical-align: middle;
    float: right;
    float: right;
    padding-right: 10px;;
    display:inline-block;
}


.thumbnails-on .member_cell_btn.panel-footer a.thumb-off{
   display:none;
}
 .member_cell_btn.panel-footer a.thumb-off{
   display:block;
}

.member_cell_btn.panel-footer a.thumb-on{
   display: none;
}
.thumbnails-on .member_cell_btn.panel-footer a.thumb-on{
   display:block;
}

.font-large .gchat-conv .viewer,
.font-large .gchat-conv .bc{
  font-size: 18px;
}
.font-standard .gchat-conv .viewer,
.font-standard .gchat-conv .bc{
  font-size: 14px;
}
.font-small .gchat-conv .viewer,
.font-small .gchat-conv .bc{
  font-size: 13px;
}

.font-extra_large .gchat-conv .viewer,
.font-extra_large .gchat-conv .bc{
  font-size: 24px;
}

.font-btn ul{
   display:none;
}
.font-btn.open ul{
    display:block;
}

.font-btn ul{
  list-style: none;
  font-size: 12px;
}
.font-btn ul li{
  line-height: 20px;
   vertical-align: middle;
}
.font-btn ul li{
   color: #333;
}
.viewer-img img{
  height: 24px;
  width: 24px;
}
.viewer-img {
  display: none;
}

.thumbnails-on .viewer-img{
  display:inline-block;
}
.font-btn .dropdown-menu li a{
    width: 100%;
    text-align: left
}
.svg-btn:hover svg {
    fill: #666;
}
.svg-btn .tooltip {
    min-width: 140px;
}

.font-extra_large .font-btn [data-query='font_size:extra_large'],
.font-standard .font-btn [data-query='font_size:standard'],
.font-large .font-btn [data-query='font_size:large'],
.font-small .font-btn [data-query='font_size:small']{
  background-color: #e9e9e9;
}

.font-large .viewer b.whisper-link,
.font-large .viewer span.gender {
    font-size:18px;
}
.font-extra_large .viewer b.whisper-link,
.font-extra_large .viewer span.gender {
    font-size:24px;
}

.font-extra_large .viewer-img img{
   height: 45px;
   width: 45px;
}
.font-large .viewer-img img{
   height: 35px;
   width: 35px;
}
.font-small .gchat-conv .viewer,
.font-small .gchat-conv .bc{
  margin-bottom: 6px;
}
.carousel-landing-bar {
    background-color: #eee;
    color: #36c;
    font-weight: 700;
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0
}

.carousel-landing-bar img,.carousel-landing-bar svg {
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.carousel-landing-bar .icon {
    margin-top: -3px
}

.carousel-landing-bar [data-active-state="0"] {
    opacity: .3;
    color: #515151;
    cursor: default;
}
.carousel-landing-bar [data-active-state="1"] {
    cursor: pointer;
}

.carousel-landing-bar [data-action=Next],.carousel-landing-bar [data-action=Prev] {
    width: 50%;
    float: left;
    display: inline-block
}

.carousel-landing-bar [data-action=Next]>span,.carousel-landing-bar [data-action=Prev]>span {
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

.carousel-landing-bar [data-action=Next]:active,.carousel-landing-bar [data-action=Prev]:active {
    background-color: #dadada
}

.carousel-landing-bar [data-action=Prev] {
    border-right: 1px solid #dadada
}

.carousel-landing-bar:active {
    background-color: #eee
}

/********* BUZZ MODE *********/
.buzz-bar {
    position: relative;
    margin: 6px;
}
.buzz-bar .ticker-info {
    position: absolute;
    z-index: 99999;
    background: #F5F5F5;
    width: 100%;
    padding: 4px;
}
.buzz.overlay {
  display: none;
  visibility: visible;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.buzz.info.overlay {
  background: #000000;
  z-index: 999;
}
.buzz.surface.overlay {
  background: transparent;
  z-index: 5;
  width: 80%;
  height: 74%;
  margin: 10%;
}
.buzz-off.overlay {
  visibility: visible;
}
.buzz_switch {
  position: absolute;
  z-index: 3;
  top:0;
  right: 0;
}
.buzz_switch .on {
  display: none;
}
.buzz_switch.on .on {
  display: block;
}
.buzz_switch.on .off {
  display: none;
}
.buzz_switch [class^="sprite-"],
.buzz_switch [class*="sprite-"] {
    width: 30px;
    height: 30px;
    display: block;
}

.buzzmode #buzzanim {
    position: fixed;
}
.buzzmode .click-anim { position:absolute;z-index:99999999;
    display: none;
    width: 133px;
    height: 133px;
    background-image: url('https://secureimage.securedataimages.com/images/cams/camsviewer/images/click_anim.png');
    background-position: 20px 10px;
    -webkit-animation: click 0.5s steps(15) infinite;
    -moz-animation: click 0.5s steps(15) infinite;
    -ms-animation: click 0.5s steps(15) infinite;
    -o-animation: click 0.5s steps(15) infinite;
    animation: click 0.5s steps(15) infinite;
}
@keyframes click {
    100% { background-position: -1850px; }
}
.buzzmode {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 10%;
    display: block;
}
.buzzmode .inner {
    display: table;
    position: absolute;
    width: 80%;
    height: 75%;
    border: 1px solid #A961AA;
    margin: 10%;
    top: 0;
    left: 0;
    color: #ffffff;
}
.buzzmode .inner .wrap {
    width: 90%;
    display: table-cell;
    vertical-align: middle;
}
.buzzmode .buzz-off {
    color: #A961AA;
    font-size: 26px;
    display: block;
    padding-top: 30%;
    background: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.buzzmode .title {
    font-size: 24px;
    color: #A961AA;
    display: block;
    font-weight: lighter;
    margin-top: -10px;
}
.buzzmode .buzzmode-icon {
    font-size: 80px;
    color: #A961AA;
    margin-top: 5%;
    display: block;
}

.buzzmode .icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 6px;
    background: #6d316e;
}
.buzzmode .buzz_switch {
    display: none;
    width: 100%;
}
.buzz_switch .text {
  display: none;
}
.buzz_switch.hover .text,
.buzz_switch:hover .text {
  display: block;
  color: #6d316e;
  font-weight: bold;
  text-shadow: 1px 1px 2px #FFFFFF;
  width: 400px;
  text-align: right;
  float: right;
  margin: 9px;
}
.buzzmode .got-it:hover {
    background: #945095;
    transition: background .2s;
}
.buzzmode .got-it {
    display: block;
    width: 40%;
    margin: 10px auto;
    height: 45px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 12px;
    background: #A961AA;
    transition: background .2s;
}
.buzzmode .purple {
    color: #A961AA;
}

[data-content="BuzzRows"] {
    position: absolute;
    z-index: 1000;
    width: 94%;
    display: none;
}

[data-content="BuzzRows"] .buzz_label {
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    margin: 0px;
    padding: 7px 5px;
}
[data-content="BuzzRows"] .buzz_list {
    background: #ffffff;
    min-height: 30px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #cccccc;
    padding: 7px 5px;
    display: none;
}

[data-content="BuzzRows"] .toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 2px;
}

[data-content="BuzzRows"].expanded .buzz_label {
    display: none;
}

[data-content="BuzzRows"].expanded .buzz_list {
    display: block;
}

[data-content="BuzzRows"] .sprite-down-arrow:before {
    font-size: 10px;
    height: 10px;
}

[data-content="BuzzRows"].expanded .sprite-down-arrow {
    position: absolute;
}

[data-content="BuzzRows"].expanded .sprite-down-arrow:before {
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg);
}
.sprite-buzzmode {
    background: url('https://secureimage.securedataimages.com/images/common/svg/07_buzzmode.svg') no-repeat 0 0;
}
.sprite-buzzmode-large {
    fill: #A961AA;
    margin: 0 auto;
}
.sprite-buzzmode-off {
    background: url('https://secureimage.securedataimages.com/images/common/svg/buzzmode_off.svg') no-repeat 0 0;
}
.buzz_switch .sprite-buzzmode {
    margin-bottom: 1px;
}
.buzz_switch .sprite-buzzmode-off {
    margin-top: 1px;
}
.sprite-buzz-tap {
    background: url('https://secureimage.securedataimages.com/images/common/svg/press_tap.svg') no-repeat 0 0;
}
.buzz.info .sprite-buzz-tap {
    width: 50px;
    height: 50px;
    margin: 10px auto;
}
.buzzmode-switch .on {
    display: none;
}
.buzzmode_on .buzzmode-switch .off {
    display: none;
}
.buzzmode_on .buzzmode-switch .on {
    display: block;
}

.controls-container input:focus + .slider {
  box-shadow: 0 0 1px #FE9F25;
}
.controls-container input:checked + .slider:before {
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  left: 100%;
}
.slider.buzzmode-switch {
    background: #a764a8;
    width: 70px;
    padding: 4px 4px 0px;
    margin-right: 10px;
}
.slider.buzzmode-switch:before {
    width: 21px;
    height: 21px;
}
.slider.buzzmode-switch [class^="sprite-"]:before,
.slider.buzzmode-switch [class*="sprite-"]:before {
    position: absolute;
    top: 8px;
    font-size: 15px;
}

.slider.buzzmode-switch .sprite-x:before {
    left: 37px;
}
.slider.buzzmode-switch .sprite-check:before {
    left: 20px;
}
.slider.buzzmode-switch.active_state:before {
    -webkit-transform:translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
}
.controls-container .slider .icon_ctr {
    margin-left: 22px;
}
.slider.buzzmode-switch.active_state {
    background: #800080
}
.buzzmode_ctrl {
    float: right;
    display: none;
    margin-top: 5px;

}
.broadcasting .buzzmode_ctrl {
    display: block;
}
.buzzmode_ctrl [data-toggle="popover"] {
    cursor: pointer;
}
.badge_container svg {
    margin-right: 3px;
}
.won-page-bar {
    background: #f5f5f5;
}
.won-page-bar .view-next, .won-page-bar .view-prev {
    border: none;
}
.won-page-bar .view-next > span, .won-page-bar .view-prev > span {
    border: 1px solid #e5e5e5;
    background: #ffffff;
    padding: 4px 10px;
    display: block;
    width: auto;
    margin: 4px 0 4px 6px;
}
.won-page-bar .view-next > span {
    float: left;
}
.won-page-bar .view-prev > span {
    float: right;
    width: auto;
}
.chatroom-help .text-success a{
    font-weight: 600;
}