@font-face {
    font-family: 'WorkSans ExtraBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: local('WorkSans ExtraBoldItalic'), url('WorkSans-ExtraBoldItalic.ttf') format('truetype');
}
.for-desktop {
	*display: block;
	visibility: visible;
}


.for-mobile {
	display: none;
}

.logotyp {
    font-family: 'WorkSans ExtraBoldItalic';
    float: left;
    padding: 0px 12px 0px 0px !important;
    line-height: 25px;
    color: #fff;
    font-size: 22px;
    text-decoration: none; 
	text-transform: uppercase;
	margin-top: 14px;
}


.logotyp:hover,
.logotyp:focus,
.logotyp:active {
    color: #fff;
    text-decoration: none;
    background: none;
    outline: none;
}


ul.categories-footer-browse {
    margin-left: 0;
	border-right: 1px solid #e5e5e5;
}
ul.categories-footer-browse {
	text-align: left;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 20px;
	list-style: none outside none;
	margin-bottom: 0;
	white-space: nowrap;

}
ul.categories-footer-browse li{
    width: 125px;
	    float: left;
}
ul.footer-right li{
	float: left;
	margin-left: 20px;
}
ul.footer-right {
	list-style: none outside none;
}


.modal_tutorial .span3 {
	margin: 15px;
}

.modal_tutorial .nav-tabs > .active > a{
	cursor: pointer !important;
	background: #eee !important;
}

.modal_tutorial .nav-tabs > .active > a:hover{
	background: #f3f3f3;
}

.modal_tutorial .span6 {
	width: 510px; 
	margin-top: 15px;
}
.modal_tutorial .tab-content {
	width: 515px; font-size: 12px; overflow: hidden;
}

.modal_tutorial .tab-pane .inside {
	height: 450px; 
	overflow-y: auto; 
	margin-bottom: 10px;
}	

.modal_tutorial #android textarea {
	border-radius: 0px 4px 4px 0px;
	width: 390px;
	height: 60px;
	margin-bottom: 0px;
}
	
.modal_tutorial #android .input-prepend .add-on {
	height: 60px;
}

.modal_tutorial #android .input-prepend .add-on > div {
	margin-top: 19px;
}

.modal_tutorial .input-prepend .add-on {
	width: 100px;
}

.modal_tutorial .input-prepend .span2{
	width: 390px;
}



.channel .options {
	position: absolute;
	right: 4px; 
	z-index: 9;
	padding: 2px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	background-color: rgba(0, 0, 0, 0.54);
	border-radius: 2px;
}

.channel:hover .desc .details {
    max-height: 100px;
    opacity: 1;
}


.channel:hover .desc {
    background-color: rgba(0, 0, 0, 0.6);
}

.channel > a #preview {
	display: none;
	position: relative;
	height: 100%;
	background-image: url("/style/img/no_signal.gif");
	text-align: center;
}
.channel > a #preview video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 100;
  left: 0;
}
.channel > a #preview img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 99;
}
.channel > a #preview .iconform {
	color: #fff;
	font-size: 100px;
	z-index: 99;
	position: relative;
	top: calc(50% - 50px);	
}
.channel > a #preview span {
	font-size: 30px;
	color: #fff;
	position: relative;
	top: calc(50% - 20px);
	font-weight: unset;
}	


.channeltablesolid .input-prepend .add-on:first-child {
	width: 100px;
}
.channeltablesolid .input-prepend input {
	width: 319px;
	cursor: pointer;
}

.hr-titles {
	font-size: 15px;
	float: left;
	padding-right: 5px;
	margin-top: -33px;
	background: #fff;
}


.eventstable .icon-question-sign {
    margin: 0px;
}

.modal_channels_table a, .modal_channels_table input {
	color: #333333;
	cursor: pointer;
}

.modal_channels_table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.modal_channels_table button{
	*min-width: 86px;
}

.modal_channels_table th {
	text-decoration: none;
}
.modal_channels_table th,
.modal_channels_table td {
	padding: 5px;
	text-align: left;
}
.modal_channels_table td:nth-child(1),
.modal_channels_table th:nth-child(1) {
	min-width: 40px;
	padding-left: 10px;
}
.modal_channels_table td:nth-child(2),
.modal_channels_table th:nth-child(2) {
	min-width: 105px;
	white-space: nowrap;
}
.modal_channels_table td:nth-child(3),
.modal_channels_table th:nth-child(3) {
	width: 95px;
}

.modal_channels_table td:nth-child(4),
.modal_channels_table th:nth-child(4) {
	width: 95px;
}

.modal_channels_table td:nth-child(5),
.modal_channels_table th:nth-child(5) {
	width: 100px;
}

.modal_channels_table td:nth-child(6),
.modal_channels_table th:nth-child(6) {
	width: 120px;
}

.modal_channels_table td:nth-child(7),
.modal_channels_table th:nth-child(7) {
	width: 108px;
}

.modal_channels_table thead {
	color: #000;
	font-weight: bold;
}
.modal_channels_table thead tr {
	display: block;
	position: relative;
}
.modal_channels_table tbody {
	display: block;
	overflow: auto;
	width: 100%;
	height: 371px;
	border-top: 1px solid #ddd;
}
.modal_channels_table tbody tr:nth-child(even) {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


.modal_channels_table .dropdown-menu {
	margin-left: -115px;
}















.modal_subscribers_table {
	width: 100%;
	min-width: 999px;
	table-layout: fixed;
	border-collapse: collapse;
	     
}

.modal_subscribers_table button{
	min-width: 86px;
}

.modal_subscribers_table th {
	text-decoration: none;
}
.modal_subscribers_table th,
.modal_subscribers_table td {
	padding: 5px;
	text-align: left;
}
.modal_subscribers_table td:nth-child(1),
.modal_subscribers_table th:nth-child(1) {
	min-width: 153px;
	padding-left: 10px;
}
.modal_subscribers_table td:nth-child(2),
.modal_subscribers_table th:nth-child(2) {
	min-width: 150px;
}
.modal_subscribers_table td:nth-child(3),
.modal_subscribers_table th:nth-child(3) {
	width: 150px;
}

.modal_subscribers_table td:nth-child(4),
.modal_subscribers_table th:nth-child(4) {
	width: 150px;
}

.modal_subscribers_table td:nth-child(5),
.modal_subscribers_table th:nth-child(5) {
	width: 60px;
}

.modal_subscribers_table td:nth-child(5),
.modal_subscribers_table th:nth-child(5) {
	width: 60px;
}


.modal_subscribers_table td:nth-child(6),
.modal_subscribers_table th:nth-child(6) {
	width: 120px;
}

.modal_subscribers_table thead {
	color: #000;
	font-weight: bold;
}
.modal_subscribers_table thead tr {
	display: block;
	position: relative;
}
.modal_subscribers_table tbody {
	display: block;
	overflow: auto;
	width: 100%;
	height: 371px;
	border-top: 1px solid #ddd;
}
.modal_subscribers_table tbody tr:nth-child(even) {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}











































.post ~ .post {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
    margin: 20px 0px;
	overflow: hidden;
}

.post {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
    margin-top: 55px;
	overflow: hidden;
}
.post-title {
    margin: 0 0 10px;
    word-break: break-word;
    overflow: hidden;
}

.post-title {
    font-size: 20px;
    line-height: 26px;
}

.post-title a {
    font-size: 20px;
    line-height: 26px;
}


.post-meta {
    margin: 0 0 15px;
	color: #888;
}

.post-meta i{
    margin-top: -1px;
}


.post-data {
margin-right: 5px;
display: inline;
}
.post-views {
display: inline;
}
.post-body {
    display: inline-block;
    width: 100%;
    word-break: break-word;
}

.post-foot {
    margin: 15px 0 0;
}





body.dark-mode .event_poster .event.live:before {
    background-color: #ff5353;
}
body.dark-mode .event.premium {
  background-color: #e5f282 !important;
}
body.dark-mode .event.premium.future .when_event {
  color: #606060;
}
body.dark-mode .event.premium.future .when_event i {
	background-image: url("../img/glyphicons-halflings.png");
}


body.dark-mode .table > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(1) {
	 border-top: none;
}


body.dark-mode a.btn {
	color: #fff;
}

	
body.dark-mode {
  background-color: #272b30 !important;
  color: #fff !important;
}

body.dark-mode .form-signin {
  background-color: #3a3f44;
  border: 1px solid #3c3c3c;
}

body.dark-mode #vform {
background-color: #5c636a;
border-right: 1px solid #6f6f6f;
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  border-left: 1px solid #3c3c3c;
  color: #fff;
}

body.dark-mode a {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

body.dark-mode .modal_footer {
  background-color: #3a3f44;
  box-shadow: none;
}

body.dark-mode .modal_channels_table thead {
  color: #fff;
}

body.dark-mode .modal_channels_table tbody {
  border-top: 1px solid #3c3c3c;
}

body.dark-mode .modal_channels_table tbody tr:nth-child(2n) {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .table th, body.dark-mode .table td {
  border-top: 1px solid #3c3c3c;
}

.broadcast > td:nth-child(1) {
	border-top: 1px solid #fff;
}
body.dark-mode .broadcast > td:nth-child(1) {
	border-top: 1px solid #202328;
}

body.dark-mode .caret {
  border-top: 4px solid #fff;
}

body.dark-mode #TB_window {
  color: #fff;
}

body.dark-mode #TB_title {
  border-bottom: 1px solid #3c3c3c;
}


body.dark-mode #FollowChannel .iconform {
	color: #fff !important;
}

body.dark-mode .dropdown-language-menu {
  background-color: #3a3f44;
}

body.dark-mode .dropdown-language-menu .flagicons a:hover, body.dark-mode .dropdown-language-menu .flagicons:focus {
  color: #d0d0d0;
  text-decoration: none;
}


body.dark-mode .dropdown-language-menu .flagicons:hover {
  background-color: #43484d;
}

body.dark-mode .navbar .nav > li > .dropdown-language-menu:after {
  border-bottom: 10px solid #3a3f44;
}


body.dark-mode .input-append .btn {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
}

body.dark-mode .input-prepend .btn {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
}

body.dark-mode #inputfile, body.dark-mode #inputfile2 {
	border-left: 1px solid #6f6f6f;
}

body.dark-mode .btn-group .btn.active {
	  background-color: #6c7379;
}

body.dark-mode [class^="icon-"], body.dark-mode [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}
body.dark-mode #toggle-theme i {
	background-image: url("../img/glyphicons-halflings-white.png") !important;
}
 #toggle-theme i {
	background-image: url("../img/glyphicons-halflings-white.png") !important;
}

body.dark-mode #event-features .span4 img {
	filter: invert(1) hue-rotate(180deg);
}

body.dark-mode .nav > li > a:hover, body.dark-mode .nav > li > a:focus {
  background-color: #171717;
}

body.dark-mode .well .nav > li > a:hover, body.dark-mode .well .nav > li > a:focus {
  background-color: #43484d;
}

body.dark-mode .nav-list > .active > a, body.dark-mode .nav-list > .active > a:hover, body.dark-mode .nav-list > .active > a:focus {
  background-color: #43484d;
}

body.dark-mode .well {
  background-color: #3a3f44;
  border: 1px solid #3c3c3c;
}


body.dark-mode .MyChannelsPage .channeltablesolid {
	border-top: 1px solid #272b30;
}


body.dark-mode .breadcrumb {
  padding: 8px 0px;
  margin: 0px;
  list-style: none;
  background-color: #3a3f44;
}


body.dark-mode .breadcrumb-bar {
  background-color: #3a3f44 !important;
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .breadcrumb > .active {
  color: #fff;
  text-shadow: none;
}

body.dark-mode .table-striped tbody > tr:nth-child(2n+1) > td, body.dark-mode .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #3a3f44;
}

body.dark-mode .headline-box {
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .feature-section {
  background: #272b30;
}

body.dark-mode .main-section {
  background: #272b30;
}

body.dark-mode .ch-box {
  background: #3a3f44;
}

body.dark-mode .table .table {
  background-color: #272b30;
}
body.dark-mode .table-bordered {
  border: 1px solid #3c3c3c;
}

body.dark-mode .eventstable tr th {
  border-bottom: 1px solid #3c3c3c;
}
body.dark-mode .table-bordered th, body.dark-mode .table-bordered td {
  border-left: 1px solid #3c3c3c;
}

body.dark-mode .eventstable .eventstablesolid {
	border-top: 1px solid #272b30;
}

body.dark-mode .ch-box .ch-in span a{
	color:#fff; 
	cursor: pointer;
}

body.dark-mode hr {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3b3e44;
}

body.dark-mode .footer {
  border-top: 1px solid #3c3c3c;
}

body.dark-mode ul.categories-footer-browse {
  border-right: 1px solid #3c3c3c;
}

body.dark-mode .dropdown-menu {
  background-color: #3a3f44;
}

body.dark-mode .dropdown-menu > li > a {
  color: #fff;
}

body.dark-mode .dropdown-menu li a:hover {
  background-color: #43484D;
  color: #fff !important;
}

body.dark-mode .dropdown-menu .divider {
  background-color: #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
}



body.dark-mode .navbar-inverse .navbar-inner {
	background-color: #171717;
  background-image: none;
}

body.dark-mode .playersize {
  border: none !important; 
	
}


body.dark-mode .close {
  color: #fff;
  text-shadow: 0 1px 0 #fff;
}

body.dark-mode #countrieslist, body.dark-mode .playlists div{
  overflow: auto; 
  height: 100px; 
  background: #272b30; 
  width: 291px;
  border: 1px solid #3c3c3c;
}

#countrieslist, .playlists div{
  overflow: auto; 
  height: 100px; 
  background: #f6f6f6; 
  width: 291px;
}

body.dark-mode #countrieslist label, body.dark-mode .controls.playlists label {
  color: #fff;
}


body.dark-mode .dropdown-categories-menu {
  background-color: #3a3f44;
}


body.dark-mode .dropdown-menu > li > a:hover, body.dark-mode .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, body.dark-mode .dropdown-submenu:focus > a {
  background-color: #43484d;
  color: #fff;
}

body.dark-mode .dropdown-categories-menu > li > a {
	  color: #fff;
}

body.dark-mode .dropdown-categories-menu li a:hover {
  background-color: #43484D;
  color: #fff;
}

body.dark-mode .dropdown-menu > li > a:hover, body.dark-mode .dropdown-menu > li > a:focus {
  color: #fff !important;
}

body.dark-mode .dropdown-categories-menu > li > a:hover, body.dark-mode .dropdown-categories-menu > li > a:focus {
  color: #fff !important;
}


body.dark-mode .navbar .nav > li > .dropdown-menu::after {
border-bottom: 10px solid #3a3f44;
}
	
body.dark-mode .bootstrap-select > .dropdown-menu::after {
  border-bottom: 10px solid #3a3f44;
}	
	
body.dark-mode .navbar .nav > li > .dropdown-categories-menu::after {
border-bottom: 10px solid #3a3f44;
}




body.dark-mode .container .sbox {
  background: #272b30;
  border: 1px solid #3c3c3c;
  margin-top: 0px;
}



body.dark-mode .container .sbox.info .title {
  background: #272b30;
}

body.dark-mode .container .sbox.info .title .channelPicture {
  border: 1px solid #3c3c3c;
}

body.dark-mode .container .sbox.info .stat:nth-child(1) {
	border-left: 1px solid #3a3f44;
}


body.dark-mode .container .sbox.info .stats {
  background-color: #3a3f44;
}


body.dark-mode .container .sbox.info .stat {
  border-left: 1px solid #c6c6c647;

}

body.dark-mode .container .sbox.info .title .inside p > span {
  color: #fff;
}

body.dark-mode .container .sbox.info .title h2 {
  color: #fff;
}

body.dark-mode .container .sbox.info .stat strong {
  color: #fff;
}



body.dark-mode .profile-headline-box {
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .fb {
  border-left: solid 1px #3c3c3c;
  border-right: solid 1px #3c3c3c;
}



body.dark-mode .name {
  color: #fff;
}




body.dark-mode .panel {
  height: 50px;
  background: #272b30;
  color: #fff;
  margin-bottom: 15px;
  border-top: solid 1px #3c3c3c;
  border-left: solid 1px #3c3c3c;
  border-right: solid 1px #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
  border-radius: 0 0px 15px 15px;
}






body.dark-mode .left-panel-notifications .widget-head {
  color: #fff;
  border-bottom: 1px solid #3c3c3c;
}


body.dark-mode .left-panel-notifications {
  border-right: 1px solid #3c3c3c;
}




body.dark-mode .left-panel-notifications .widget-content .link.active {
  background: #43484d;
}

body.dark-mode .left-panel-notifications .widget-content .link {
  color: #fff;
}

body.dark-mode .left-panel-notifications .widget-content .link:hover {
  background: #43484d;
  font-weight: 700;
}




body.dark-mode .right-panel-notifications .widget-box {
  background: none;
}


body.dark-mode .stats-block {
  background-color: #3a3f44;
  border: 1px solid #3c3c3c;
}

body.dark-mode .stats-content .value {
  color: #fff;
}

body.dark-mode .stats-content .title {
  color: #d0d0d0;
}


body.dark-mode .input-daterange .add-on {
  background-color: #5c636a;
  border: 1px solid #3c3c3c;
}


body.dark-mode .input-append .add-on, body.dark-mode .input-prepend .add-on {
  background-color: #3a3f44;
  border: 1px solid #3c3c3c;
  text-shadow: none;
}



body.dark-mode .date-picker-wrapper::after {
  border-bottom: 10px solid #3a3f44;
}

body.dark-mode .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #fff;
}

body.dark-mode .date-picker-wrapper {
  border: 1px solid #3c3c3c;
  background-color: #3a3f44;
}

body.dark-mode .date-picker-wrapper b {
  color: #d0d0d0;
}


body.dark-mode .date-picker-wrapper .month-wrapper {
  border: 1px solid #3c3c3c;
  background-color: #272b30;
}

body.dark-mode .date-picker-wrapper .month-element {
  color: #fff;
}




body.dark-mode .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #fff;
}



body.dark-mode .date-picker-wrapper .month-wrapper table .day.toMonth.hovering, body.dark-mode .date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #43484D;
}

body.dark-mode .date-picker-wrapper .drp_top-bar .apply-btn {
	background: #5c636a;
	background-image: none;
	border-color: #6c757d;
}

body.dark-mode .date-picker-wrapper .drp_top-bar .apply-btn:active
{
	background-image: none;
	color: #ffffff;
	background-color: #5c636a;
}

body.dark-mode .date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #5c636a;

}

















body.dark-mode #TB_window {
  background-color: #202328;
}


body.dark-mode table.modal_channels_table {
  background-color: #202328;
}

body.dark-mode #TB_iframeContent {
  background-color: #272b30 !important;
}








body.dark-mode .signup-panel h4 {
  color: #fff;
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .signup-panel form {
  border-right: 1px solid #3c3c3c;
}


body.dark-mode .comment-box .comment-name {
  color: #fff;
}

body.dark-mode .comment-box .comment-head {
  background: #3a3f44;
  border-bottom: 1px solid #3c3c3c;
}


body.dark-mode .comments-list .comment-box::before {
  border-color: transparent #3a3f44;
}

body.dark-mode .comments-list .comment-box::before, body.dark-mode .comments-list .comment-box::after {
  border-color: transparent #3a3f44;
}

body.dark-mode .comment-box .comment-content, body.dark-mode .comment-box-poster .comment-content {
  color: #fff;
}


body.dark-mode .comment-box .comment-content, body.dark-mode .comment-box-poster .comment-content {
  background-color: #3a3f44;
}

body.dark-mode .comments-list .comment-box, body.dark-mode .comments-list .comment-box-poster {
  border: 1px solid #3c3c3c;
}

body.dark-mode .comments-list .comment-box-poster::before, body.dark-mode .comments-list .comment-box-poster::after {
  border-color: transparent #3a3f44;
}



body.dark-mode .container .sbox.info .stat {
  color: #d0d0d0;
}




body.dark-mode .table-hover tbody tr:hover > td, body.dark-mode .table-hover tbody tr:hover > th {
  background-color: #2c3035;
}


body.dark-mode .nav-tabs > .active > a, body.dark-mode .nav-tabs > .active > a:hover, body.dark-mode .nav-tabs > .active > a:focus {
  background-color: #272b30;
  border: 1px solid #3c3c3c;
  border-bottom-color: transparent;
}

body.dark-mode .nav-tabs {
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .nav-tabs > li > a:hover, body.dark-mode .nav-tabs > li > a:focus {
	border: 0;
}

body.dark-mode .box-info {
  color: #d0d0d0;
}

body.dark-mode .box-info {
  background: #272b30;
}

body.dark-mode .user-profile .header-cover {
  border-top: solid 1px #3c3c3c;
  border-left: solid 1px #3c3c3c;
  border-right: solid 1px #3c3c3c;
}


body.dark-mode .users-profile-box .row {
  border-left: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .description-block.border {
  border-left: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
}






body.dark-mode .dropdown-share-menu {
  background-color: #3a3f44;
}









body.dark-mode .alert-success {
  color: #fff;
  background-color: #468847;
  border-color: #468847;
  text-shadow: none;
}

body.dark-mode .alert-info {
  color: #fff;
  background-color: #3a87ad;
  border-color: #3a87ad;
  text-shadow: none;
}

.alert-danger, .alert-error {
  color: #fff;
  background-color: #b94a48;
  border-color: #b94a48;
  text-shadow: none;
}

body.dark-mode .videotdsolid {
	border-top: 1px solid #272b30 !important; 
	
}


body.dark-mode .video_details span {
  color: #d0d0d0;
}



body.dark-mode .video-actions-toolbar {
	background-color: #3a3f44;
	border: 1px solid #3c3c3c;
}

body.dark-mode .wizard-steps {
	background-color: #3a3f44;
}

body.dark-mode .wizard-nav-list > li > a {
	background-color:#3a3f44;
	color:#d0d0d0 !important;
}
body.dark-mode .wizard-nav-list li.active > a {
	background-color: #43484d !important;
}
body.dark-mode .wizard-nav-list > li > a:hover, body.dark-mode .wizard-nav-list > li > a:focus {
  background-color: #3a3f44;
}

body.dark-mode .wizard-modal-footer {
	background-color: #3a3f44;
	box-shadow: none;
}

body.dark-mode .event_poster .event {
  background-color: #3a3f44;
  border: 1px solid #3c3c3c;
}

body.dark-mode .event_poster .event .when a {
  color: #d0d0d0;
}




body.dark-mode #events_headline {
  background: #3a3f44;
  border-top: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
  border-left: 1px solid #3c3c3c;
}

body.dark-mode #events_list {
  border: 1px solid #3c3c3c;
  background-color: #272b30;
  border-left: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
}

body.dark-mode #event_content {
  background: #3a3f44;
  border: 1px solid #3c3c3c;
}

body.dark-mode #events_right_side {
  background: #484f55;
  border-left: 1px solid #3c3c3c;
  height: 50px;
  position: absolute;
  right: 1px;
  text-align: left;
  top: 1px;
  width: 120px;
  cursor: pointer;
}

body.dark-mode #subscribe_now strong {
  color: #fff;
}



body.dark-mode .event_categories {
  color: #d0d0d0;
}

body.dark-mode .event_start_date {
  color: #d0d0d0;
}


body.dark-mode .event_duration {
  color: #d0d0d0;
}

body.dark-mode .event_users {
  color: #d0d0d0;
}

body.dark-mode #events_headline h3 {
  text-shadow: none;
}


body.dark-mode .btn {
  color: #fff !important;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #6c757d;
  border-color: #6c757d;
  border-bottom-color: #6c757d;
  background-image: none;
  background-color: #5c636a;
}

body.dark-mode .btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 #00000040;
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top,#62c462,#51a351);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
  background-image: -webkit-linear-gradient(top,#62c462,#51a351);
  background-image: -o-linear-gradient(top,#62c462,#51a351);
  background-image: linear-gradient(to bottom,#62c462,#51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: #0000001a #0000001a #00000040;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

body.dark-mode .btn-success:hover, body.dark-mode .btn-success:focus, body.dark-mode .btn-success:active, body.dark-mode .btn-success.active, body.dark-mode .btn-success.disabled, body.dark-mode .btn-success[disabled] {
  color: #fff;
  background-color: #51a351 !important;
}

body.dark-mode .btn-danger {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
	background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
	background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
	background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

body.dark-mode .btn-danger:hover, body.dark-mode .btn-danger:focus, body.dark-mode .btn-danger:active, body.dark-mode .btn-danger.active, body.dark-mode .btn-danger.disabled, body.dark-mode .btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f !important;
}


body.dark-mode .btn:hover, body.dark-mode .btn:focus, body.dark-mode .btn:active, body.dark-mode .btn.active, body.dark-mode .btn.disabled, body.dark-mode .btn[disabled] {
  color: #fff;
  background-color: #7f878e;
}




body.dark-mode .modal_subscribers_table tbody {
	border-top: 1px solid #3c3c3c;
}

body.dark-mode .modal_subscribers_table tbody tr:nth-child(even) {
	border-top: 1px solid #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
}










body.dark-mode .vplaylist {
  background: none;
}


body.dark-mode .vplaylist .head {
  background: #3a3f44;
}

body.dark-mode .vplaylist .vlist .active-item {
  background-color: #3a3f44;
}


body.dark-mode .vplaylist .vlist .item {
  border-bottom: solid 1px #3c3c3c;
}


body.dark-mode #uploading {
  background: #272b30 none repeat scroll 0% 0%;
}

body.dark-mode #complete .mask {
  background: #272b30 none repeat scroll 0% 0%;
  border-radius: 0;
}

body.dark-mode #complete i {
  color: #84ce6a !important;
}

body.dark-mode .chosen-container-multi .chosen-choices {
  border: 1px solid #3c3c3c;
  background-color: #272b30;
}

body.dark-mode .chosen-container-multi .chosen-choices li.search-choice {
	border: 1px solid #6c757d;
	background-color: #5c636a;
	background-image: none;
	box-shadow: none;
	color: #fff;
}

body.dark-mode .chosen-container .chosen-drop {
	border: 1px solid #3c3c3c;
	background: #3a3f44;
	box-shadow: inset 0 1px 1px #00000013;
}

body.dark-mode .chosen-container .chosen-results li.highlighted {
  background-color: #43484d;
  background-image: none;
  color: #fff;
}

body.dark-mode .chosen-container .chosen-results {
  color: #fff;
}

body.dark-mode .chosen-container-multi .chosen-drop .result-selected {
  color: #d0d0d0;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    content: '×';
	font-size: 17px;
}
body.dark-mode .btn-danger {
	color: #fff;
  background-color: #da4f49;
  border-color: #bd362f #bd362f #802420;
}

body.dark-mode .btn:hover.btn-danger {
	background-color: #bd362f;
}

body.dark-mode .btn.btn-danger [class^="icon-"] {
  filter: none;
}

body.dark-mode .btn:hover.btn-danger, body.dark-mode .btn:active.btn-danger{
  background-color: #bd362f;
}



body.dark-mode .plans-section {
  background: #272b30;
}

body.dark-mode .plans-section .your-plan {
  background: #3a3f44;
}

body.dark-mode .plans-section table.plan-detail {
  background: #3a3f44;
  color: #d0d0d0 !important;
}


body.dark-mode .plans-section table.plan-detail td.name-table {
  border-right: 1px solid #3c3c3c;
  font-weight: bold;
  width: 90px;
  font-size: 20px;
  padding: 20px 15px;
}

body.dark-mode .plans-section table.plan-detail td.title-table {
  border-bottom: 1px solid #3c3c3c;
}



body.dark-mode .plans-section .your-plan .amount, body.dark-mode .plans-section .your-plan .currency {
  color: #fff;
}

body.dark-mode .signup-panel .iconform.fa.fa-check,  body.dark-mode .wizard-input-section .iconform.fa.fa-check{
	color: #84ce6a !important;
}



body.dark-mode .signup-panel .iconform.fa.fa-times {
	color: #ff5c59 !important;
}

body.dark-mode .help-block, body.dark-mode .help-inline {
  color: #d0d0d0;
}


body.dark-mode textarea, body.dark-mode input[type="text"], body.dark-mode input[type="password"], body.dark-mode input[type="datetime"], body.dark-mode input[type="datetime-local"], body.dark-mode input[type="date"], body.dark-mode input[type="month"], body.dark-mode input[type="time"], body.dark-mode input[type="week"], body.dark-mode input[type="number"], body.dark-mode input[type="email"], body.dark-mode input[type="url"], body.dark-mode input[type="search"], body.dark-mode input[type="tel"], body.dark-mode input[type="color"], body.dark-mode .uneditable-input, body.dark-mode .bootstrap-tagsinput{
  background-color: #5c636a;
  border-left: 1px solid #3c3c3c;
  color: #fff;
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  border-right: 1px solid #6f6f6f;
}

body.dark-mode textarea:focus, body.dark-mode input[type="text"]:focus, body.dark-mode input[type="password"]:focus, body.dark-mode input[type="datetime"]:focus, body.dark-mode input[type="datetime-local"]:focus, body.dark-mode input[type="date"]:focus, body.dark-mode input[type="month"]:focus, body.dark-mode input[type="time"]:focus, body.dark-mode input[type="week"]:focus, body.dark-mode input[type="number"]:focus, body.dark-mode input[type="email"]:focus, body.dark-mode input[type="url"]:focus, body.dark-mode input[type="search"]:focus, body.dark-mode input[type="tel"]:focus, body.dark-mode input[type="color"]:focus, body.dark-mode .uneditable-input:focus {
  border-color: #b9b9b9cc;
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px #00000013, 0 0 8px #b1b1b199;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(177, 177, 177, 0.6);
  box-shadow: inset 0 1px 1px #00000013, 0 0 8px #b1b1b199;
}

body.dark-mode .btn-group.open .btn.dropdown-toggle {
  background-color: #5c636a;
}












body.dark-mode select {
  background-color: #5c636a;
  border: 1px solid #6c757d;
  color: #fff;
}





body.dark-mode .nav-tabs.nav-stacked > li > a {
  border: 1px solid #3c3c3c;
}

body.dark-mode .nav-tabs.nav-stacked > li > a:hover, body.dark-mode .nav-tabs.nav-stacked > li > a:focus {
  border-color: #3c3c3c;
}

body.dark-mode .left-panel-support .nav-tabs > .active > a {
  background-color: #43484d !important;
}


body.dark-mode .right-panel-notifications .widget-box .content {
  border-bottom: 1px solid #3c3c3c;
  background: #272b30;
}

body.dark-mode .right-panel-notifications .widget-box .content:hover {
  background: #43484d;
}

body.dark-mode .right-panel-notifications .widget-box {
  color: #d0d0d0;
}

body.dark-mode .accordion-group {
  border: 1px solid #3c3c3c;
}

.accordion-inner {
  border-top: 1px solid #797979;
}

body.dark-mode .title-panel-support {
  border-bottom: 1px solid #3c3c3c;
}

body.dark-mode .modal_subscribers_table thead {
	color: #fff;
}




body.dark-mode .pagination > .active > a, body.dark-mode .pagination > .active > span {
  color: #fff;
}
body.dark-mode .pagination > li > a:hover, body.dark-mode .pagination > li > a:focus, body.dark-mode .pagination > .active > a, body.dark-mode .pagination > .active > span {
  background-color: #6c7379;
}



body.dark-mode .pagination > li > a, body.dark-mode .pagination > li > span {
  background-color: #5c636a;
  
  border-color: #6c757d;
  border-bottom-color: #6c757d;
  background-image: none;  
}



body.dark-mode .footer-links-meet-us {
  border-right: 1px solid #3c3c3c;
}





body.dark-mode .user-sex > div > img{
	filter: invert(1) hue-rotate(180deg);
}

body.dark-mode .content.unread-msg {
	background: #43484d !important;
}






.footer-links-explore {
	display: inline;
    list-style: outside none none;
    text-align: left;
    font-size: 12px;
    margin: 0px;
    line-height: 20px;
    white-space: nowrap;
}

.footer-links-meet-us {
  display: block;
  list-style: outside none none;
  text-align: left;
  font-size: 12px;
  margin: 0px;
  line-height: 20px;
  white-space: nowrap;
  border-right: 1px solid #e5e5e5;
}















.main-section {
	background: #fff; 
}

.footer {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
}


































.footer #social-links  {
	width: 310px;
}


.footer #social-links a {
	margin: 15px 8px 10px 10px;
	display: block;
	width: 64px;
	height: 64px;
	float: left;
}


.footer #social-links a:first-child {
	margin: 15px 8px 10px 0px;
}
.footer #social-links a:nth-child(4) {
	margin: 15px 0px 10px 10px;
}




.like{
    display:inline-block;
    background:#3b5998;
    padding:0px 10px;
    border-radius:2px;
    color:#fff;
    cursor:pointer;
    float:left;
    height:25px;
    line-height:25px;
}
.like:hover{
    background:#444;
}
.counter{
    background:#fafafa;
    border:1px solid #aaa;
    float:left;
    padding:0px 8px;
    border-radius:2px;
    margin-left:8px;
    height: 23px;
    line-height:23px;
}
.counter:before{
    display:block;
    float:left;
    content:' ';
    width:6px;
    height:6px;
    background:#fafafa;
    margin-left:-12px;
    border-right:10px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    margin-top:8px;
    border-left:1px solid #aaa;
    border-bottom:1px solid #aaa;
}





form .stars {
  background: url("stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
}
 
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}


#channel-password-form {
width: 322px; 
margin: auto; 
padding: 10px;
}

.channel-left {
	float: left;
	max-width: 640px;
	margin-top: 20px;
}
.channel-right {
	float: right;
	width: 360px;
	margin-top: 20px;
}


.channel-right .nav-tabs > .active > a,
.channel-right .nav-tabs > li > a {
border-radius: 3px 3px 0px 0px;
}

.channel-right .nav {
	margin-bottom: 10px;
}




.player-container .player-main {
padding: 20px 0px;
margin: 0px auto;
width: 1010px;
}

.player-background{
    background: #272b30;
}

.player-main {
   /* overflow: hidden;*/
}

/*//////////////////////////*/


.background-chat {
	background: none;
	#overflow: hidden;
}

.chat-icon {
  position: fixed;
  bottom: 35px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  z-index: 10000;
  transition: transform 0.3s ease;
}

.chat-icon:hover {
  transform: scale(1.1);
}


#channel-chat-container.open {
  left:  0 !important;;
}

.channel-callback-iframe{
	position: absolute;
	width:0;
	height:0;
	border:0;
}

.btn-mini.options {
*background: #00000047;
*color: #fff;
*border-bottom: solid 1px #00000047;
}

.channel-chat {
    float: right;
}
.channel-chat-iframe {
	border: none;
	width: 360px;
	height: 360px;
	padding-left: 10px;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}


#channel-chat-container {
	width: 100%;
	height: 100%;
}



#channel-chat-container .tabs {
	position: relative;
}

#channel-chat-container .tabs .settings{
	position: absolute; 
	right: 0px; 
	top: 5px;
}


#channel-chat-wrapper {
	width: 100%;
	height: 700px;
}

#channel-chat-container .rank {
	font-size: 12px;
	color: #fff;
	padding-bottom: 10px;
	line-height: 10px;
	background-repeat: no-repeat;
}

.admin {
	background-image: url('/style/img/chat/broadcaster.png');
	padding-left: 17px;
}
}

.broadcaster {
	background-image: url('/style/img/chat/broadcaster.png');
	padding-left: 20px;
}

.user {
	background-image: url('../images/icons/chat/user_user.png');
}

.guest {
	background-image: url('../images/icons/chat/user_anonymous.png');
}




#channel-chat-bottom {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.channel-chat-zone {
	float: left;
}
	
	
.channel-chat-zone .input-append { 
margin-bottom: 0px;
}



.channel-chat-zone textarea {
    background-color: #2D2B2C;
    width: 250px !important;
    height: 50px;
    border: solid #999 1px;
    color: #999;
}

#channel-chat-content {
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    overflow-y: scroll;
}


#channel-chat-content .timestamp {
    color: #A9A9A9; 
	font-size: 10px;
}

#channel-chat-content.hidetimestamps .timestamp {
    display: none;
}

#channel-chat-message {
	font-size: 12px;
	padding-bottom: 2px;
	color: #fff;
	line-height: 20px;
}

#channel-chat-container .nav{
    margin-bottom: 10px;
}

#channel-chat-container .nav-tabs {
    border-bottom: 1px solid #3c3c3c;
}
#channel-chat-container .nav-tabs > .active > a {
  background-color: #272b30;
  color: #fff;
  border-color: #3c3c3c #3c3c3c transparent #3c3c3c;
}

#channel-chat-container .nav-tabs > .active > a:hover {
  border-color: #3c3c3c #3c3c3c #272b30 #3c3c3c;
  background-color: transparent;
  color: #fff;
}

#channel-chat-container .nav-tabs > li > a {
    border-radius: 4px 4px 0 0;
	color: #d0d0d0;
}

#channel-chat-container .nav-tabs > li > a:focus {
  background-color: #272b30;
  color: #fff;
  border-color: #3c3c3c #3c3c3c transparent #3c3c3c;
}

#channel-chat-container .nav-tabs > li > a:hover {
    border-color: transparent transparent #3c3c3c transparent;
    background-color: rgba(0,0,0,0.25);
    color: #d0d0d0;
}



#chatSettings {
position: absolute;
left: 0px;
z-index: 1;
height: 100%;
width: 100%;
}

#chatSettings #menu {
  background: #272b30;
  height: 100%;
  width: 100%;
  border: 1px solid #3c3c3c;
}

#chatSettings #menu span{
	position: absolute; 
	top: 5px;
	right: 10px;
	cursor: pointer;
	opacity: 0.5;
}

#chatSettings #menu span:hover {
    opacity: 1;
}

#chatSettings #menu span img {
    width: 10px;
}

#chatSettings #menu #timestamps {
	padding: 10px 20px 10px;
	color: #fff; 
	font-size: 12px; 
	margin-left: 5px;
}

#chatSettings #menu #timestamps input {
	margin: 0;
}

#chatSettings #menu #color {
    padding: 20px 20px 0px;
}



#chatSettings #menu #color #title {
	color: #fff; 
	font-size: 12px; 
	padding-left: 5px;	
}

#chatSettings #menu #color #picker {
	width: 12px; 
	height: 12px; 
	cursor: pointer; 
	margin: 2px; 
	float: left
}


#emojiWrapper {
position: absolute;
bottom: 47px;
right: 20px;
}


#emojiWrapper #emojiContents {
    background: #444;
    overflow-y: scroll;
    height: 170px;
}
#emojiWrapper #emojiContents ul {
	margin: 0px;
    padding: 5px;
    overflow: hidden;

}
#emojiWrapper #emojiPicker {
width: 100%;
height: 209px;
overflow: hidden;
border: solid 1px #424040;
}
#emojiWrapper #emojiContents li {
    float: left;
    list-style: none;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-right: 6px;
    cursor: pointer;
}
#emojiWrapper #emojiMenu {
    background: #444;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
}

#emojiWrapper #emojiMenu li {
    float: left;
    list-style: none;
    cursor: pointer;
    padding: 6px;
}

#emojiWrapper #emojiMenu > li.active {
background-color: rgba(0,0,0,.3);
}



.emoji {
    font-size: inherit;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}



	
	
#channel-chat-content img{
	width: 26px;
}


.emojilist {
	display: none
}
.emojilist li img:hover {
	    border-radius: 2px;
    box-shadow: 0px 0px 3px 2px #6c6c6c;
}

#emojiWrapper span {
	position: absolute; 
	right: 10px; 
	top: 8px; 
	cursor: pointer;
	opacity: 0.5;
}
#emojiWrapper span:hover {
	opacity: 1;
}
#emojiWrapper span img {
	width: 10px;
}

#viewiersList strong {
	color: #fff !important;
}


.channel-chat-zone .input-append .add-on {
    background-color: #fff !important;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #ccc !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}


.channel-chat-zone input[type="text"] {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #fff !important;
	background: #fff !important;
	color: #555 !important;
}

.channel-chat-zone input[type="text"]:focus {
	box-shadow: none;
}


.channel-chat-zone i {
	background-image: url(/style/img/smile.png); 
	background-repeat: no-repeat; 
	display: inline-block; 
	width: 14px; 
	height: 14px; 
	margin-top: 1px; 
	line-height: 14px; 
	vertical-align: text-top; 
	cursor: pointer;
}

#channel-chat-content #welcome-message {
	color: #ffffff; 
	padding: 3px 0px 3px 3px;
}












































































































































/*//////////////////////////*/



.hero-container {
    width: 940px;
    margin: 20px auto 40px;
    padding: 0px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #333;
    box-shadow: 0px 0px 4px #292929 inset;
}




.container .sbox .buttons{
	position: absolute;right: 15px;top: 27px;
}
.container .sbox {
margin-bottom: 0px;
float: left;
box-sizing: border-box;
margin-top: 20px;
width: 100%;
background: #FFF;
border: 1px solid #DBDBDB;
border-radius: 3px;
}

.sbox {
    color: #505050;
**overflow: hidden**;
    margin-bottom: 20px;
}		
.container .sbox.info .title {
background: #FFF;
box-shadow: none;
}

###.container .sbox.info .title .inside p > span {
###margin-bottom: 10px;
###margin-top: 10px;
###float: left;
###overflow-wrap: anywhere;	
###}
.container .sbox.info .title .inside {
padding: 15px;
}

.container .sbox.info .title .channelPicture {
float: left;
overflow: hidden;
margin-right: 5px;
border: 1px solid #D7D3C6;
border-radius: 25px;
position: relative;
background-image: url("/style/img/no_signal.gif");
}

.container .sbox.info .title .channelPicture img {
	width: 48px;
	height: 48px;
}

.container .sbox.info .title h2 {
#margin: 0px;
word-wrap: break-word;
font-size: 18px;
line-height: 25px;
display: inline-block;
font-weight: bold;
word-break: break-word;
max-width: 270px;
}

.container .sbox.info .title h2.name {
max-width: 500px;
}
.container .sbox.info .title p {
    font-size: 12px;
	margin: 10px 0 0 0;
}
.container .sbox.info .title .category {
    line-height: 24px;
}
.container .sbox.info .title .category i{
    margin-right: 4px;
    background-position: -400px -250px;
}
.container .sbox.info .stats {
clear: both;
padding: 0px 15px;
min-height: 52px;
background-color: #F7F7F7;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07) inset;

}

.container .sbox.info .stat a {
	
	text-transform: none !important;
}



.container .sbox.info .stat:first-child {
    border-left: medium none;
	margin-left: -10px;
}
.container .sbox.info .stat:last-child {
	padding-bottom: 2px;
}


.container .sbox.info .stat {
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #888;
    border-left: 1px solid #D4D4D4;
    font-size: 10px;
	flex-direction: column;
	float: left;
}

.container .sbox.info .stat strong {
    display: block;
    margin-bottom: 2px;
    color: #2C2C2C;
    font-size: 16px;
}


.container .sbox.info .follow {
    float: right;
    margin: 9px 14px 8px 9px;
}


.more-text {
    display: inline;
}

.visible-text {
    display: inline;
}

.show-more-btn {
    color: #0088cc;
    cursor: pointer;
    text-decoration: none;
    display: inline;
    margin-left: 3px;
}

.show-more-btn:hover {
    text-decoration: underline;
}




.user-sex {
	display: inline-block;
	position: relative;
}

.user-sex > div {
	position: absolute; 
	top: -12px; 
	width: 70px; 
	font-size: 12px;
}

.user-sex > div > img{
	*filter: invert(1) hue-rotate(180deg);
}

.content.unread-msg {
	background: #EBEEF5 !important;
}









































.navbar a.brand {
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: -2000px;
    background: url("/style/img/addstream.gif") no-repeat scroll 0px 0px / 60px 60px transparent;
    margin: -5px -5px 0px -5px;
    padding: 0px;
    position: relative;
    z-index: 1000;
}


.search-form {
    margin: 11px 0px 0px 10px;
    float: left;
}


.navbar .nav {
    margin: 0 !important;
}

.navbar-inner {
	height: 50px !important;
	width: 100%;
	padding-right: 60px;
}

.navbar .nav > li > a {
    padding: 12px 16px !important;
	line-height: 21px;
	font-size: 13px;
}


.masthead {
    padding: 70px 0px 80px;
    margin-bottom: 0px;
    color: #FFF;
}
.jumbotron {
    position: relative;
    padding: 40px 0px;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
    background: linear-gradient(45deg, #020031 0%, #6D3353 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2) inset, 0px -3px 7px rgba(0, 0, 0, 0.2) inset;
}

.jumbotron .container {
    position: relative;
    z-index: 2;
}

.masthead h1 {
    font-size: 120px;
    line-height: 1;
    letter-spacing: -2px;
}
.jumbotron h1 {
    font-size: 80px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.masthead p {
    font-size: 40px;
    font-weight: 200;
    line-height: 1.25;
}
.jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 30px;
}

.masthead-links {
    margin: 0px;
    list-style: outside none none;
}

.masthead-links li {
    display: inline;
    padding: 0px 10px;
    color: rgba(255, 255, 255, 0.25);
}

.jumbotron a {
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease-in-out 0s;
}






.row-fluid .thumbnails:nth-child(3n+1) {
    margin-left: 0px;
}


.acc-header {
display: inline-block;
width: 100%;
	
}


.acc-header h1 {
font-size: 24px;
float: left;
line-height: 15px;
}

.MyChannelsPage h3 {
line-height: 0px;

}


.MyChannelsPage h3 a {
text-decoration: none;
}


.MyChannelsPage .btn-group .dropdown-menu {
min-width: 209px;
margin: 0 0 0 -125px;
cursor: pointer;
}

.MyChannelsPage .channeltablesolid {
	border-top: 1px solid #fff;
}

.MyChannelsPage h1 .rl {
    float: right;
    font-size: 16px;
}

.MyChannelsPage table td.rank {
    font-weight: bold;
    text-align: center;
    font-size: 23px;
    width: 50px;
}

.MyChannelsPage table td {
    vertical-align: middle;
    padding: 3px;
}

.zebra-striped {
	font-size: 12px;
	margin-top: -12px;
}

.zebra-striped tr:first-child > td{
	    border-top: medium none;
}


.panel-channel-thumbnail {
	position: relative;
	background-image: url("/style/img/no_signal.gif");
	width: 100px;
	height: 75px;
	cursor: pointer;
}

.panel-channel-thumbnail img {
	width: 100px;
	height: 75px;
}

.panel-channel-badges {
    margin: 4px;
	position: absolute;
}

.panel-channel-badges .status {
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	padding: 2px 4px;
	border-radius: 0px;
	float: left;
}


.panel-channel-badges .live {
    background-color: #E74C3C;
}

.panel-channel-badges .rec {
    background-color: #5aba42;
}
.panel-channel-badges .chat {
    background-color: #616f8b;
}

.panel-channel-badges .event {
    background-color: #3C86E7;
}

.panel-channel-badges .premium {
	background-color: #E47523;
}

.panel-channel-badges .quality {
	font-family: "Arial";
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	color: #fff;
	float: right;
}


.panel-channel-quality {
	position: absolute;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	color: #fff;
	bottom: 4px;
	right: 4px;
	background: #000;
	padding: 2px 4px;
}

.panel-channel-title {
	margin-top: 5px; float: left;
}

.panel-channel-title a {
	color: inherit; 
	font-size: 15px; 
	font-weight: 700;
}



body {
  background-color: #f8f8f8;
  #background-color: #fff;
  color: #000;
  transition: background-color 0.05s ease-out, color 0.05s ease-out;
}




.nav-tabs > li > a {
border-radius: 0px 0px 0px 0px;
}

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
    left: auto;
    right: 8px;
}

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
    left: auto;
    right: 8px;
}
.navbar .nav > li > .dropdown-menu:after {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -9px;
}


.dropdown-menu {

border-radius: 0px;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
top: 103%;
float: left;
min-width: 160px;
padding: 5px 0px;
margin: 2px 0px 0px;
font-size: 14px;
text-align: left;
}

.dropdown-menu li a {
    font-size: 13px;
    line-height: 24px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu li a:hover {
    background-color: #EFEFEF;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626 !important;
    text-decoration: none;
}







input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}









.open > .dropdown-categories-menu {
  display: block;
}


.dropdown-categories-menu {
position: absolute;
left: 0px;
display: none;
border-radius: 0px;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
top: 103%;
padding: 5px 0px;
margin: 2px 0px 0px;
font-size: 14px;
text-align: left;
width: 650px;
list-style: outside none none;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;

}

.dropdown-categories-menu > li > a {
display: block;
line-height: 1.42857;
color: #333;
float: left;
white-space: nowrap;
padding: 5px 30px;
width: 130px;
font-size: 13px;
}

.dropdown-categories-menu li a:hover {
    background-color: #EFEFEF;
}
.dropdown-categories-menu > li > a:hover, .dropdown-categories-menu > li > a:focus {
    color: #262626 !important;
    text-decoration: none;
}

.navbar .nav > li > .dropdown-categories-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-categories-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}


.navbar .pull-right > li > .dropdown-categories-menu:after, .navbar .nav > li > .dropdown-categories-menu.pull-right:after {
    left: auto;
    right: 8px;
}

.navbar .pull-right > li > .dropdown-categories-menu:after, .navbar .nav > li > .dropdown-categories-menu.pull-right:after {
    left: auto;
    right: 8px;
}
.navbar .nav > li > .dropdown-categories-menu:after {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -9px;
}





.open > .dropdown-share-menu {
  display: block;
}


.dropdown-share-menu {
	position: absolute;
	right: 0px;
	display: none;
	border-radius: 0px;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 5px;
	margin: 2px 0px 0px;
	font-size: 14px;
	text-align: left;
	list-style: outside none none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	max-width: 205px;
}


.dropdown-share-menu .socialshareicons {
    float: left;
	margin: 5px 4px 4px 5px;
}










.navbar .nav > li > .dropdown-language-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-language-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}


.navbar .pull-right > li > .dropdown-language-menu:after, .navbar .nav > li > .dropdown-language-menu.pull-right:after {
    left: auto;
    right: 4px;
}


.navbar .nav > li > .dropdown-language-menu:after {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
}




.open > .dropdown-language-menu {
  display: block;
}


.dropdown-language-menu {
	width: 50px;
	padding: 5px 0px;
	position: absolute;
	right: 0px;
	display: none;
	border-radius: 0px;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin: 2px 5px 0px;
	text-align: left;
	list-style: outside none none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}


.dropdown-language-menu .flagicons {
	text-align: left;
    margin-left: 8px;
	color: #fff;
	font-size: 12px;
}



.dropdown-language-menu .flagicons:hover {
    background-color: #EFEFEF;
}
.dropdown-language-menu .flagicons a:hover, .dropdown-language-menu .flagicons:focus {
    color: #262626;
    text-decoration: none;
}







.dropdown-language-menu .flagicons img{
	width: 16px; 
	height: 11px; 
	border: none;
}



























.more-videos {
	margin-left: -5px;
	margin-top: -5px;
}







.thumbnail .preview .title {
*position: absolute;
width:100%;
font-size: 11px;
display: block;
padding: 4px 6px;
background: none repeat scroll 0% 0% #333;
color: #FEFEFE;
margin: -28px 0px 0px;
}


/*

.box {
    border: 1px solid #D6D6D6;
    box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.1);
    margin-bottom: 15px;
    border-radius: 3px 3px 0px 0px;
    overflow: visible;
    position: relative;
}
*/
.box-title {
    padding: 10px 15px;
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #FDFDFD, #F6F6F6);
    border-bottom: 1px solid #D6D6D6;
    color: #555;
    text-shadow: 0px 1px 0px #FFF;
    font-size: 14px;
    font-weight: bold;
}

.nopadding {
    padding: 0px;
}

.nopadding .form-horizontal {
    margin-bottom: 0px;
}

.nopadding .form-horizontal .form-actions {
    margin: 0px;
    border-top: 0px none;
}

.nopadding .form-horizontal .controls {
    padding: 15px 0px 15px 20px;
    border-left: 1px solid #EEE;
    background-color: #FFF;
}

.nopadding .form-horizontal .control-group {
    border-bottom: 1px solid #EEE;
    margin-bottom: 0px;
    background-color: #F7F7F7;
}

.nopadding .form-horizontal .control-label {
    padding: 15px 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

.box-content {
    background-color: #FFF;
    *padding: 15px;
}















.profilebox {
  max-width: 1010px;
  position: relative;
  background: #FFF;
  border: 1px solid #D5D5D5;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.profilebox .image {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  /*border: 5px solid #FFF; */
}

.profilebox .user {
  position: relative;
  padding: 0px 5px 5px;
}


.profilebox.user .left {
padding-top: 13px;
position: absolute;
}


.profilebox .user .avatar {
    left: 20px;
    top: -63px;
    z-index: 2;
    background-color: #F5F5F5;
    padding: 3px;
    position: absolute;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}


.profilebox .user h2 {
  font-size: 16px;
  line-height: 20px;
  display: block;
  float: left;
  margin: 4px 0px 0px 135px;
  font-weight: bold;
}

.profilebox .user .actions {
  float: right;
}

.profilebox .user .actions .btn {
  margin-bottom: 0px;
}

.profilebox .info {
  float: left;
  margin-left: 20px;
}

.img-profile{
    height:100px;
    width:100px;
}

.img-cover{
    width: 100%;
    height:100%;
}












.margin-top-medium {
    margin-top: 20px;
}
.page-header {
    width: 100%;
    display: inline;
    background: #F6F6F6 none repeat scroll 0% 0%;
    border-radius: 6px;
    border: medium none;
    margin: 50px 0px 0px;
    padding: 15px 0px;
    clear: both;
    float: left;
}

.page-header h1 {
    float: left;
    font-size: 26px;
    clear: none;
    padding: 0px;
    margin: 0px 20px;
}





.DeleteFollowed {
	position: absolute;
	z-index: 99;
	right: 5px;
	top: 9px;
}
.DeleteFollowed a {
padding: unset !important;
width: unset !important;
  height: unset !important;
}














.feature-section {
background: #272b30;
max-height: 383px;
overflow: hidden;
}

.featured  {
	max-width: 1010px;
	margin: auto;
}

.channels {
margin-bottom:10px;
margin-left: -5px;
}

.featured .channels .span3 {
	padding-right: 33px;
}

.featured .channels .span7 {
    width: 508px;
}

.main.channels,
.events.channels,
.profile.channels, 
.tags.channels {
max-width: 1010px;
margin-left: 0px;
}

.main.channels .row,
.events.channels .row,
.featured.channels .row,
.profile.channels .row {
margin-left: 0px
}

.main.channels .row [class*="span"],
.events.channels .row [class*="span"],
.featured.channels .row [class*="span"],
.profile.channels .row [class*="span"] {
	margin-left: 0px;
}

.events.channels .row .span3{
width: 200px;
}


.events.channels #event_box {
	margin: 5px 0px 0px 5px;
}


.main.channels .row .span3,
.profile.channels .row .span3,
.featured.channels .row .span3{
width: 252px;
}

.featured.channels .row .span6{
width: 505px;

}

.featured.channels .row .span4 {
width: 336.6px;
}

.channel {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.channel::after {
  display: table;
}

.channel a {
  padding: 5px 0px 5px 5px;
}

.channel a:hover .desc {
  background-color: rgba(0, 0, 0, 0.6);
}

.channel a:hover .details {
  max-height: 100px;
  opacity: 1;
}

.channel .head {
position: absolute;
width: 100%;
}

.channel .head .channel-badges {
	margin: 4px;
}
.channel .head .channel-badges .status {
	float:left;
	display: inline-block;	
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	padding: 2px 4px;
	border-radius: 0px;
}
.channel .head .channel-badges .live {
	background-color: #E74C3C;
}

.channel .head .channel-badges .dvr {
	background-color: #2aa242;
}

.channel .head .channel-badges .chat {
  background-color: #616f8b;
}

.channel .head .channel-badges .offline {
	background-color: #929292;
}

.channel .head .channel-badges .event {
	background-color: #3C86E7;
}

.channel .head .channel-badges .premium {
	background-color: #E47523;
}

.channel .head .channel-badges .quality {
	font-family: "Arial";
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	color: #fff;
	float: right;
}

.channel a:hover .channel-badges .quality {
display: none;
}


.channel a:hover .channel-badges .options {
display: block;
}

.channel.box.large {
width: 507px;
height: 378px;
}

.channel.box.medium {
width: 337.7px;
height: 252px;
}


.list > .channel.box.small{
width: 253.7px;
height: 189px;	
}

.grid > .channel.box.small{
width: 337.7px;
height: 252px;
}

.channel.box.small {
width: 253.7px;
height: 189px;
}


.channel.box.event {
width: 253.7px;
height: 189px;
}

.channel.box.event.show {
display: block;
}

.channel.box.event.hide {
display: none;
}


.channel.box img {
  height: 100%;
  min-width: 100%;
}



.channel .thumb,
.channel a {
  width: 100% !important;
  height: 100% !important;
  display: block;
  overflow: hidden;
}

.channel .thumb {
  margin: 0px;
  background-image: url("/style/img/no_signal.gif");
  position: relative;
}

.channel .desc {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 0px;
  right: 0px;
  background: transparent url("/style/img/shadow.png") repeat-x scroll center bottom;
  transition: all 0.2s linear 0s;
}

.channel .descwrap {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

.channel .post-title {
  margin: 0px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #FEFEFE;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.channel a:hover .post-title  {
  white-space: normal;
}

.channel .desc .details {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: all 0.2s linear 0s;
}

.channel .desc .details p {
	color: #CCC;
	margin: 2px 0px;
	line-height: 18px;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.channel .desc .details .meta {
  ***margin: 2px 0px;
  color: #999;
  font-size: 13px;
}

.channel .desc .details .meta i {
  font-size: 13px;
}

.channel .desc .details .meta span {
  display: inline;
}


.headline-box {
	margin-bottom: 15px;
	margin-top: 45px;	
	border-bottom: 1px solid #EEE;

}


.profile-headline-box {
	margin-bottom: 15px;
	margin-top: 15px;	
	border-bottom: 1px solid #EEE;

}


.headline-box .headline-in, .profile-headline-box .headline-in  {
	padding: 0px 0px 10px 10px;
}
.headline-box .headline {
	padding: 0px 0px 10px 0px;
}

.headline-box .headline #title{
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.headline-box .headline-in span, .profile-headline-box .headline-in span  {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.bootstrap-select.headline-box .headline-in span {
	font-weight: 0;
	font-size: 12px;
	line-height: 0px;
}


.acc-box {
	margin: 0px 0px 20px;
}


.acc-box .acc-in {
	height: 30px;
	padding: 0px 3px 0px 3px;
}

.acc-box .acc-in span {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}


.ch-box {
	background: #F6F6F6 none repeat scroll 0% 0%;
	margin: 5px 0px 0px 5px;
}



.ch-box .ch-in {
	padding: 10px 15px;
}



.ch-box .ch-in span {
	font-size: 17px;
	font-weight: 700;
}

.ch-box .ch-in span a{
	color:#000; 
	cursor: pointer;
}





.channel .head .channel-badges .duration {
position: absolute;
right: 5px;
padding: 0px 5px;
background: #000;
font-weight: 700;
color: #FFF;
}

.channel a:hover .channel-badges .duration {
*display: none;
}




.channel .desc .play-icon {
    display: none;
}
	
.channel a:hover .desc .play-icon {
    display: block;
}

.channel .desc .play-icon i {
	color: #fff; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin: -21px 0px 0px -18px;
}




.users-profile-box {
float: left;
cursor: pointer;
margin: 5px 0px 0px 5px;
}

	
.users-profile-box .row {
border-radius: 0px 0px 3px 3px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.users-profile-box .descriptions {
display: flex;
justify-content: space-between;
}

.box-info {
	position: relative;
	background: #fff;
	color: #5b5b5b;
}




.user-profile .header-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
	max-width: 247px;
    height: 80px;
    overflow: hidden;
    z-index: 1;
	border-radius: 3px 3px 0px 0px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.user-profile .header-cover  img{
    height: 133px;
	width: 247px;
}

.user-profile .user-profile-inner {
    z-index: 2;
	overflow: hidden;
    position: relative;
	height: 80px;
}




.user-profile .user-profile-inner img.profile-avatar {
width: 50px;
height: 50px;
background: #fff;
margin-top: 15px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
	
}
.user-profile .user-profile-inner h5 {
position: absolute;
top: 20px;
left: 65px;
color: rgb(255, 255, 255);
text-shadow: 1px 1px rgb(0, 0, 0);
}

.border-right{
float: left;
width: 65px;
margin-top: 5px;
max-height: 60px;
}


.description-block{
	display: block;
	margin: 10px 0px;
	text-align: center;	
}


.description-block.border{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


.description-header{
margin: 0px;
font-weight: 600;
font-size: 13px;
line-height: 5px;
}


.description-text{
	text-transform: uppercase;
	font-size: 9px;
}



.yes_no  {
	padding-left: 0px;
}

.yes_no input {
    display: none;
	
}

.yes_no label.first {
    border-radius: 3px 0 0 3px;
	width: 30px;
}

.yes_no label.second {
width: 30px;
}

.modal-body form {
	width: 500px;
	margin: auto;
}
.modal_login_content {
	margin: auto;
	width: 289px;
	height: 220px;
}
.modal_footer {
	text-align: center;
}
.modal_footer a#create-account {
	text-align: center !important;
}
.modal_footer a {
	cursor: pointer;
}
.modal_footer p {
	margin-bottom: 0px;
}

.modal_footer {
	/*text-align: right;*/
	background-color: #F5F5F5;
	/*border-top: 1px solid #DDD;*/
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 1px 0px #FFF inset;
	padding: 15px 0px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}


.modal_btable {
	padding: 0px 20px 20px;
}


.modal_alert {
	padding: 0px 20px 0 20px;
}

.modal_footer .buttons {
padding-left: 20px;
padding-right: 20px;
}

.modal_pick_block {
	width: 244px;
	padding: 10px 0px 0px;
}

	
.left {
    float: left !important;
}
.right {
    float: right !important;
}








.date-filter {
    text-align: right;
    margin-bottom: 15px;
}

.date-filter > span {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    height: 40px;
    margin-right: 30px;
    font-size: 14px;
    cursor: pointer;
    opacity: 0.6;
}

.date-filter > span:hover {
    color: #A1D600;
    opacity: 1;
}







.stats-block {
	height: 47px;
	overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    background-color: #F7F7F7;
    border: 1px solid #DBDBDB;
}

.stats-content {
float: left;
border-right: 1px solid rgba(198, 198, 198, 0.28);
padding: 3px 10px;
}

.stats-content:last-child {
    border-right: medium none;
}

.stats-content .title {
	font-size: 11px;
	opacity: 0.7;
	text-transform: uppercase;
	color: #888;
}

.stats-content .value {
font-weight: 600;
margin-bottom: 2px;
color: #414141;
font-size: 16px;
opacity: 0.8;
}



































































.fb {
	background: #435e9c;
	color:white; 
	height:315px; 
}


.line {outline:1px solid black;}

.profilePhoto {
	border:3px solid lightgrey;
	display: block;
	left: 20px;
	margin-top: 220px;
	width: 130px;
	height: 130px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.profilePhoto img{
	width: 130px; 
	height: 130px; 
	background-color: white;
}

.panel {
	height: 50px;
	background:#F5F5F5;
	color:black;
	margin-bottom: 15px;
	border-top: solid 1px #dfdfdf;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	border-radius: 0 0px 15px 15px;
}

.name {
	color: #1c2a47;
	font-size: 22px;
	font-weight: bold;
margin-top: 15px;

}


.btn.btn-group-first {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.about-details {
	height:75px;
	background: #f1f3f8;
	border:1px solid lightgrey;
	border-left:none;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;

}

.details p  {
	margin-top:6px;
	margin-left:40px;
	font-size:12px;
	line-height: 8px;
}

.navi {
	width:100%;
	background:#08c;
	height:40px;
	margin-bottom:2px;
	border-bottom:1px solid black;
	text-align:center;
	color:white;
	line-height: 40px;
	font-size: 20px;
}

.label {
	padding:5px;
}



.social-profile {
	float: left;
	padding: 0px 0px 5px 5px;
	font-size: 12px;
}

.social-profile a{
	width: 100% !important;
	height: 100% !important;
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.social-profile .box {
    border: 1px solid #D7D7D7;
    background: #FFF none repeat scroll 0% 0%;
    width: 60px;
    border-radius: 3px;
	cursor: pointer;
}

.social-profile .avatar {
	display: block;
	padding: 10px 10px 0px;
	overflow: hidden;
	background-color: #FFF;
}

.social-profile .avatar img {
	width: 40px;
	height: 40px;
}

.social-profile .username {
text-align: center;
font-weight: bold;
color: #686868;
}



































































































































 




.comments-list {
	margin-top: 20px;
	position: relative;
	width: 640px;
	margin-left: 0px;
	
}


.ccccccccccomments-list:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #c7cacb;
	position: absolute;
	left: 32px;
	top: 0;
	padding-top: 20px;
}

.ccccccccccomments-list:after {
	content: '';
	position: absolute;
	background: #c7cacb;
	left: 27px;
	width: 7px;
	height: 7px;
	border: 3px solid #dee1e3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.comments-list li {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.comments-list .comment-avatar {
	background: #fff;
	width: 65px;
	height: 65px;
	position: relative;
	float: left;
	border: 3px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
	background: #ddd;
}

.comment-main-level {
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}


.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}

.comments-list .comment-box, .comments-list .comment-box-poster {
	width: 547px;
	float: right;
	position: relative;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
}


.comments-list .comment-box:before, .comments-list .comment-box:after {
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    display: block;
    border-width: 10px 12px 10px 0px;
    border-style: solid;
    border-color: transparent rgb(236, 236, 236);
    top: 8px;
    left: -11px;

}

.comments-list .comment-box:before {
	border-width: 11px 13px 11px 0;
	border-color: transparent rgba(0,0,0,0.05);
	left: -12px;
}


.comments-list .comment-box-poster:before, .comments-list .comment-box-poster:after {
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    display: block;
    border-width: 10px 12px 10px 0px;
    border-style: solid;
	border-color: transparent rgb(249, 249, 249);
	top: 8px;
	left: -11px;
}
.comments-list .comment-box-poster:before {
	border-width: 11px 13px 9px 0;
	border-color: transparent rgba(41, 41, 41, 0.1);
	left: -14px;
}
.comment-box .comment-head {
	background: #ECECEC;
	padding: 5px 0px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
	float: right;
	*margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	opacity: 0.7;
}

.comment-box .comment-head i:hover {
	color: #03658c;
	opacity: 1;
}

.comment-box .comment-head span {
	float: right;
	font-size: 13px;
	cursor: pointer;
	position: relative;
	margin: 0px 5px 0 0;
}

.comment-box .comment-name {
	color: #283035;
	font-size: 14px;
	font-weight: 700;
	float: left;
    margin: 0px 10px 0px 10px;
}
}

.comment-box .comment-name a {
	color: #283035;
}

.comment-box .comment-head small {
	float: left;
	color: #999;
	font-size: 11px;
	position: relative;
	top: 1px;
}

.comment-box .comment-content, .comment-box-poster .comment-content {
	background-color: #F7F7F7;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07) inset;
	padding: 12px;
	font-size: 15px;
	color: #595959;
border-radius: 0px 0px 3px 3px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
	content: 'autor';
	background: #03658c;
	color: #FFF;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: 700;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#pagination li > a {
    cursor: pointer;
}


#switch-lights {
z-index:101;
}


#switch-lights.turnedOff {
background-image:url("/style/img/lights-off.png");
}


#lights-off {
background:#000;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:100;
}


	
	
.VideosPage, .EventsPage, .ChannelsPage, .TagsPage {
	margin-left: -5px;
}


.VideosPage.pad {
	margin-top: 15px;
}

#perPageSelect {
	width: auto;
}

.TagsPage .cloud{
	padding: 10px;
	
}
.TagsPage .ch-box{
	margin-bottom: 10px;
	
}


.ProfilePage {
	margin-left: -5px;
	margin-top: -20px;
}

#video-container {
	float: left;
    margin-top: 20px;
	z-index: 102;
	position: relative;
	width: 640px;
}

#video-container .jwplayer{
min-height: 360px;
}

.video-page-right {
    float: right;
    width: 360px;
    margin-top: 20px;
}


.video-page-meta {
    float: left;
    width: 640px;
    max-width: 640px;


}


.video-page-meta .sbox {

}



.video {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
  cursor: pointer;
}

.video:after {
  display: table;
}

.video a {
  padding: 5px 0px 5px 5px;
}

.video a:hover .desc .play-icon {
    display: block;
}
.video .desc .play-icon i {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0px 0px -18px;
}
.video .desc .play-icon {
    display: none;
}

.video a:hover .desc {
  background-color: rgba(0, 0, 0, 0.6);
}

.video a:hover .details {
  max-height: 100px;
  opacity: 1;
}

.video .head {
position: absolute;
width: 100%;
}

.video .head .video-badges {
	margin: 4px;
}
.video .head .video-badges .status {
	float:left;
	display: inline-block;	
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	padding: 2px 4px;
	border-radius: 0px;
}
.video .head .video-badges .live {
	background-color: #E74C3C;
}

.video .head .video-badges .offline {
	background-color: #929292;
}

.video .head .video-badges .event {
	background-color: #3C86E7;
}

.video .head .video-badges .premium {
	background-color: #E47523;
}

.video .head .video-badges .quality {
	font-family: "Arial";
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	color: #fff;
	float: right;
}

.video a:hover .video-badges .quality {
display: none;
}




.video .head .video-badges .duration {
	float: right;

    padding: 0px 5px;
    background: #000;
    font-weight: 700;
    color: #FFF;
}


.video .head .video-badges .disc-space {
    position: absolute;


    padding: 0px 5px;
    background: #000;
    font-weight: 700;
    color: #FFF;
}

.video.box.medium {
width: 253.7px;
height: 189px;
}

.video.box.small {
width: 203px;
height: 140px;
}

.video.box.tiny {
width: 182.5px;
height: 135px;
}


.video.box img {
  height: 100%;
  min-width: 100%;
}



.video .thumb,
.video a {
  width: 100% !important;
  height: 100% !important;
  display: block;
  overflow: hidden;
}

.video .thumb {
	margin: 0px;
	background-image: url("/style/img/no_signal.gif");
	position: relative;
}

.video .desc {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 0px;
  right: 0px;
  background: transparent url("/style/img/shadow.png") repeat-x scroll center bottom;
}

.video .descwrap {
position: absolute;
bottom: 10px;
left: 10px;
width: 90%;
height: 23px;

}


.video .descwrap .options {
position: absolute;
display: none;
width: 100%;
left: -5px;
}

.video a:hover .descwrap .options {
display: block;
}

.video a:hover .descwrap .post-title {
display: none;
}


.video .post-title {
font-family: "Lato", Helvetica, Arial, sans-serif;
color: #FEFEFE;
font-size: 20px;
font-weight: 700;
text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
margin: 0px;
word-break: break-word;
white-space: nowrap;
text-overflow: ellipsis;
}

.video .desc .details {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: all 0.2s linear 0s;
}

.video .desc .details p {
  color: #CCC;
  margin: 2px 0px;
  line-height: 18px;
  font-size: 16px;
  letter-spacing: normal;
  word-wrap: break-word;
}

.video .desc .details .meta {
  ***margin: 2px 0px;
  color: #999;
  font-size: 13px;
}

.video .desc .details .meta i {
  font-size: 13px;
}

.video .desc .details .meta .timestamp_timeago {
  display: inline;
  margin-left: 6px;
}

 





.rec_logo {
    animation: blink 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
	width: 23px;
	margin-top: -4px;
}

@keyframes blink {  
  from { opacity: 1; }
  to { opacity: 0; }
}














#countrieslist label, .controls.playlists label {
  margin-left: 5px;
}





#events_container {
    padding: 20px 0px 0px 0px;
	width: 100%;
	float: left;
}

#events_list {
border: 1px solid #DBDBDB;
background-color: #F7F7F7;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07) inset;
border-radius: 0px 0px 3px 3px;
border-left: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
}


#events_headline {
    height: 30px;
    position: relative;
    padding: 0px 10px;
    background: #f8f8f8;
    border-radius: 3px 3px 0px 0px;
    border-top: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
}

#events_headline h3 {
text-shadow: rgb(255, 255, 255) 0px 1px 1px;
text-transform: uppercase;
margin: 0px;
font-size: 10px;
line-height: 30px;
}




#events_content{
max-height: 300px;
padding: 10px 0px;
}


#event_box {
clear: both;
position: relative;
margin: 5px 10px;
}

#event_content {
min-height: 50px;
text-align: left;
background: #fff;
border-radius: 3px;
border: 1px solid #cccccc;
}

#event_content.live{
border-radius: 0px 3px 3px 0px !important;
}

#events_badge {
background: #E74C3C;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
border-radius: 5px 5px 0 0px;
width: 52px;
color: #ffff;
font-size: 12px;
position: absolute;
top: 18px;
left: -33px;
height: 15px;
line-height: 16px;
}

#event_DIV_12 {
display: none;	
color: rgb(204, 204, 204);
float: left;
height: 50px;
text-align: center;
width: 20px;
margin: 0px 2px 0px 8px;
font-weight: bold;
font-size: 18px;
line-height: 50px;
}

#event_url{
display: block;
float: left;
height: 40px;
position: relative;
text-decoration: none;
width: 40px;
padding: 5px;
}


#event_url img {
display: block;
float: left;
height: 40px;
position: relative;
width: 40px;
z-index: 1;
overflow: hidden;
}

#event_content h3 {
height: 18px;
text-align: left;
width: 310px;
margin: 7px 170px 0px 0px;
overflow: hidden;
font-weight: bold;
font-size: 12px;
line-height: 18px;
}

#events_H3_16 a {
text-decoration: none;
}

#event_meta {
color: rgb(130, 187, 237);
text-align: left;
font-size: 10px;
line-height: 18px;
}

#event_details{
    width: 566px;
    height: 15px;
    margin: 0px;
}

.event_categories {
float: left;
height: 12px;
max-width: 100px;
color: #999999;
margin: 0px 10px 9px 0px;
padding: 2px 0px 2px 16px;
font-size: 11px;
line-height: 12px;
cursor: pointer;
}

.event_categories i, .event_start_date i, .event_duration i, .event_users i {
	margin: -2px 0px 0px -16px;
}


#events_A_21, #events_A_23 {
color: rgb(153, 153, 153);
text-decoration: none;
font-size: 11px;
}

.event_start_date {
float: left;
height: 12px;
max-width: 105px;
color: #999999;
margin: 0px 10px 0px 0px;
padding: 2px 0px 2px 16px;
font-size: 11px;
line-height: 12px;
cursor: pointer;
}

.event_duration {
float: left;
height: 12px;
color: #999999;
margin: 0px 10px 0px 0px;
padding: 2px 0px 2px 16px;
font-size: 11px;
line-height: 12px;
color: rgb(153, 153, 153);
cursor: pointer;

}

.event_users {
float: left;
height: 12px;
color: #999999;
margin: 0px 10px 0px 0px;
padding: 2px 0px 2px 16px;
font-size: 11px;
line-height: 12px;
color: rgb(153, 153, 153);
cursor: pointer;

}

#events_right_side {
background: #ECECEC;
border-left: 1px solid #D4D4D4;	
height: 50px;
position: absolute;
right: 1px;
text-align: left;
top: 1px;
width: 120px;
cursor: pointer;
}

#subscribe_now {
    padding: 13px 0px 0px 13px;
}

#subscribe_now span{
color: rgb(153, 153, 153);
font-size: 18px;
}

#subscribe_now strong {
color: rgb(119, 119, 119);
font-size: 34px;
}




#event-features {
	margin: auto;
	padding-top: 20px;
}
#event-features .bs-icon {
    float: left;
    margin: 2px 10px 0 0;
    opacity: 0.8;
}
#event-features h2 {
    font-size: 22px;
	line-height: 10px;
}
#event-features h2, #event-features h3 {
    font-weight: 300;
}







.channel-is-offline {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
}


.channel-is-offline img.bg-offline {
    height: 360px;
	width: 100%;
}


.channel-is-offline .offline-wrapper {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}
.channel-is-offline .parent {
    display: table;
    margin: 0 auto;
    height: 100%;
}


.channel-is-offline .child {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}


.channel-is-offline .message {
    color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
	line-height: 115%;
	background: url(/style/img/overlay_pixel.png);
}
.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}





.right-panel-notifications {
padding: 10px;
float: right;
width: 760px;

}

.right-panel-notifications .widget-box{
margin-bottom: 0px;
box-sizing: border-box;
color: #505050;
background: #FFF;

}


.right-panel-notifications .widget-box .content:hover {
    background:#f0f0f0;
    cursor:pointer;
}

	
.right-panel-notifications .widget-box .content{
    min-height: 50px;
    border-bottom: 1px solid #dbdbdb;
    background: #FFF;
    box-shadow: none;
    padding: 15px;
}



.right-panel-notifications .widget-box .content .avatar {
    float: left;
    overflow: hidden;
    margin-right: 5px;
    border: 1px solid #D7D3C6;
    border-radius: 4px;
}

.right-panel-notifications .widget-box .content .avatar img {
width: 50px; 
height: 50px;
background: #ffffff;
}

.right-panel-notifications .widget-box .content h2 {
    margin: 0px;
	line-height: 0px;
}

.right-panel-notifications .widget-box .content h2  a {
    word-wrap: break-word;
    font-size: 15px;
    line-height: 26px;
    display: inline-block;
    font-weight: bold;
}

.right-panel-notifications .widget-box .content h2  a:hover {
    text-decoration: none;
}

#name-details {
    color: #82bbed;
    text-align: left;
    font-size: 10px;
    line-height: 18px;
}

.left-panel-notifications{
    width: 220px;
    float: left;
    height: 500px;
    padding-top: 15px;
    position: relative;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #d7d7d7;

}

.left-panel-notifications .widget-head{
color: #666;
position: relative;
border-bottom: 1px solid #d7d7d7;
font-weight: bold;
margin-bottom: 10px;
padding: 10px 6px 5px 10px;

}



.left-panel-notifications .widget-title {
display: inline-block;
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-family: inherit;
line-height: 20px;
	
}




.left-panel-notifications .widget-content {
position: relative;
padding: 6px 0px 6px 6px;
	
}


.left-panel-notifications .widget-content .link{
    display: block;
    padding: 4px 0px 4px 4px;
    cursor: pointer;
    line-height: 18px;
    color: #428bca;
	font-size: 13px;
    text-decoration: none;

}
	
	
.left-panel-notifications .widget-content .link:hover{
    background: #f9f9f9;
	font-weight: 700;
}	


.left-panel-notifications .widget-content .link.active{
    background: #f0f0f0;
	font-weight: 700;
}	

.left-panel-notifications .widget-content .link .count-notifications{
position: absolute;
right: 10px;
padding: 0px 4px;
font-weight: normal;
line-height: 16px;
background: #e5e5e5;
border: 1px solid #d7d7d7;
border-radius: 2px;
color: #666;
}
	
	
.text-page-header{
    height: 180px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #202226;
	border-bottom: 12px solid #1e95f9;
	color: #7295B0;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
}	
	
.text-page-header h1 {
	font-size: 33px;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
}	


.text-page-header h3 {
    color: #7295B0;
    font-weight: 300;
    text-align: center;
}

.text-page-header strong {
color: #fff;
font-size: 24.5px;
font-weight: 300;
}


.plan-border {
background: linear-gradient(#63c1ff,#0087ff);
border-radius: 3px;
box-shadow: rgba(0,0,0,0.4) 0 1px 2px;
padding: 6px;
position: relative;
margin-top: 150px;
}

	
.plans-section {
   padding: 20px;
   background: #fff;
   border-radius: 3px;
   overflow: hidden;
}



.plans-section .your-plan {
    float: right;
    width: 300px;
    padding: 0px 20px 0px;
    background: #EEE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 135px;
}
 

.plans-section .your-plan .price {
	color: #4babfc;
	font-weight: 100;
	font-size: 68px;
	text-align: center;
	display: block;
}

.plans-section .your-plan .currency {
	color: #4babfc;
	position: relative;
	top: -20px;
	font-size: 30px;
	left: 10px;
}

.plans-section .your-plan .amount{
	color: #4babfc;
	font-size: 68px;
	line-height: 80px;
}

.plans-section .your-plan .create-event {



}

.plans-section .your-plan .create-event a{
	width: 150px;
	margin: 0 auto;
	display: block;
}


.plans-section .pricing {
   float: left;
   width: 600px;
}

.plan-slider {
    width: 500px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.plans-section table.plan-detail .duration-table{
	padding: 20px 15px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.plans-section table.plan-detail .time-table {
	display: block;
	font-size: 11px;
	color: #888;
	font-style: normal;
	position: absolute;
	margin: 0px 25px;
}

.plans-section table.plan-detail {
    font-family: "proxima-nova", Helvetica, sans-serif;
    color: #484848;
    font-weight: 100;
    background: #EEE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.plans-section table.plan-detail {
    font-family: "proxima-nova", Helvetica, sans-serif;
    color: #484848;
    font-weight: 100;
}
.plans-section table.plan-detail td {
    padding: 10px 15px 30px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.plans-section table.plan-detail td.name-table {
    border-right: 1px solid #DBDBDB;
    font-weight: bold;
    width: 90px;
    font-size: 20px;
	padding: 20px 15px;
}

.plans-section table.plan-detail td.title-table {
    border-bottom: 1px solid #DBDBDB;
    padding: 10px 15px;
    font-size: 13px;
	text-transform: uppercase;
}



























.title-panel-support {
	border-bottom: 1px solid #eee;
	float: right;
	width: 770px;
	margin: 2px 0px 20px;
}


.left-panel-support {
	position: relative;
	padding: 20px 0px;
	float: left;
}

.right-panel-support {
	width: 770px;
	float: right;
	position: relative;
	display: table-cell;
	vertical-align: top;
}

.right-panel-support textarea{
	width: 350px !important;
	height: 323px;
}

.right-panel-support input{
	width: 229px;
}

.right-panel-support select{
	width: 244px;
}

.support-help-block {
	width: 180px; 
	text-align: center;
}

.left-panel-support .nav-tabs > .active > a {
    background-color: #EFEFEF;
}

.support-sidenav {
	width: 220px;
}
.support-sidenav .icon-chevron-right {
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: .25;
}















































































.wizard {
	display:none;	
}

.wizard-dialog {}
.wizard-content {}

.wizard-body {
    padding: 0;
    margin: 0;
    position: absolute;
    max-height: 460px;
    overflow-y: hidden;
    width: 100%;
	max-width: 729px;
}

.wizard-modal-footer {
	text-align: right;
	background-color: #F5F5F5;
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 1px 0px #FFF inset;
	padding: 15px 0px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.wizard-modal-footer .buttons {
    padding-right: 20px;
}

.wizard-header {
	padding: 9px 15px;
	border-bottom: 0;
}

.wizard-header h3 {
	margin: 0;
	line-height: 35px;
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: inherit;
	font-weight: bold;
	text-rendering: optimizelegibility;
	color: rgb(51, 51, 51);
}

.wizard-subtitle {
	font-weight:bold;
	color:#AFAFAF;
	padding-left:20px;
}

.wizard-steps {
	width: 229px;
	height: 460px;
	background-color: #f5f5f5;
	border-bottom-left-radius: 6px;
	position: relative;
	z-index: 99;
}

.wizard-nav-container {
	padding: 0px;
}

.wizard-nav-list {
	margin-bottom: 0;
}

.wizard-nav-link .icon-chevron-right {
	float:right;
	margin-top:12px;
	margin-right:-6px;
	opacity:.25;
}

li.wizard-nav-item.active .icon-chevron-right {
	opacity:1;
}

li.wizard-nav-item {
	line-height:40px;
}

.wizard-nav-list > li > a {
	background-color:#f5f5f5;
	padding:3px 15px 3px 20px;
	cursor:default;
	color:#B4B4B4;
}

.wizard-nav-list > li > a:hover {
	background-color: transparent;
}

.wizard-nav-list > li.already-visited > a.wizard-nav-link {
	color:#08C;
	cursor:pointer;
}

.wizard-nav-list > li.active > a.wizard-nav-link {
	color:white;
}

.wizard-nav-item .already-visited .active {
	background-color:#08C;
}

.wizard-nav-list li.active > a {
	background-color:#08C;
}


.wizard-body form {
	padding: 0;
	margin-top: 15px;
}

.wizard-progress-container {
padding: 10px 20px;
}

.wizard-progress-container .progress {
    width: 189px;
    margin: 0px;
}

.wizard-alert {
    padding: 10px 20px;
} 

.wizard-card-container {
	width: 300px;
	position: absolute;
	top: 15px;
	right: 100px;
}


.wizard-cards {
	width: 500px; 
	height: 450px;
	display: block;
	float: right;
	background: #fff;
}

.wizard-card {}


.wizard-card .iconform {
	position: absolute;
	right: 20px;
	z-index: 2;
	display: block;
	width: 25px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	pointer-events: none;
	font-size: 16px;
}
	
.wizard-card .help-block {
	display: block;
	*margin-top: 10px;
	font-size: 10px;
	line-height: 5px;
}

.wizard-congrats {
	margin: 30px 30px 25px 177px;
}

.wizard-card-overlay {
	overflow-y: initial;
}

.wizard-congrats h1 {
	font-size: 30px;
}
.wizard-congrats h2 {
font-size: 19px;
}
.wizard-congrats i {
font-size: 80px; 
color: rgb(119, 218, 94);
}

.wizard-footer {
	padding:0;
}

.wizard-buttons-container {
	padding:20px;
}

.wizard-cancel {
	margin-left: 12px;
}

.wizard-input-section {
	padding-bottom: 15px;
}

.wizard-dialog .popover.error-popover {
	background-color:#F2DEDE;
	color:#B94A48;
	border-color:#953B39;
}

.wizard-dialog .popover.error-popover .arrow::after {
	border-right-color:#F2DEDE;
}

.wizard-dialog .popover.error-popover .popover-title {
	display:none;
}

.wizard-dialog .popover.error-popover .arrow {
	border-right-color:#953B39;
}

.wizard-input-section {
  #overflow: hidden;
}

.wizard-input-section .input-prepend {
  display: table;
  width: 100%;
  border-collapse: separate;
}

.wizard-input-section .input-prepend .add-on,
.wizard-input-section .input-prepend .input-block-level {
  display: table-cell;
  vertical-align: middle;
}

.wizard-input-section .input-prepend .add-on {
  width: 1%;
  white-space: nowrap;
}

.wizard-input-section .input-prepend .input-block-level {
  width: 95%;
  margin-bottom: 0;
}


.wizard-input-section .input-prepend .add-on {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wizard-input-section .input-prepend .input-block-level {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}





.channel-wraper {
	background: rgba(0, 0, 0, 0.69) none repeat scroll 0% 0%;
}

.channel-header { 
	width: 1010px;
	margin: 0px auto;
}

.channel-meta {
	padding: 10px 0px 35px;
}

.channel-meta h1{
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	float: left;
	margin: 0;
	line-height: 25px;
	padding-right: 10px;
}






.channel-loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
 margin: 50px;
 left: 40%;
}
.channel-loader div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: channel-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.channel-loader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.channel-loader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.channel-loader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes channel-loader {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}







































.channel-ratings{
width: 300px;
}

.channel-rating-result{
float: left; 
margin-top: 5px; 
margin-right: 10px;
color: #fff;
}







.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/style/img/stars.png) left -1000px repeat-x;
}

.star-rating {
	position:relative;
	width:150px;
	height:30px;
	overflow:hidden;
	list-style:none;
	margin: -5px 0 0 -4px;
	padding:0;
	background-position: left top;
}

.star-rating li{
	display: inline;
}

.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:30px;
	line-height:30px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover {
	background-position: left bottom;
}

.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

















#MessageButton{
	border-radius: 0px 3px 3px 0px;
	margin-left: -1px;
	font-size: 12px;	
}







.form-horizontal.messages .control-label {
    width: 60px;
}

.form-horizontal.messages  .controls {
    margin-left: 80px;
	line-height: 30px;
}






.channel-video {
    width: 350px;
    margin: auto;
    padding-top: 5px;
    position: relative;
    overflow: hidden;
}


.channel-video .thumb {
	background-image: url("/style/img/no_signal.gif");
	width: 150px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.channel-video .thumb img{
	width: 150px;
	height: 100px;
	cursor: pointer;
}


.channel-video .duration {
	position: absolute;
	background-color: #000;
	display: inline-block;
	padding: 4px;
	line-height: 14px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0px;
	font-size: 11px;
	left: 100px;
	bottom: 0px;
	z-index: 1;
}



.channel-video .meta{
	width: 195px;
	position: absolute;
	top: 10px;
	right: 0px;
}

.channel-video .meta .title{
	display: block;
	cursor: pointer;
	color: #126aad;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
}

.channel-video .meta span{
	display: block;
	font-size: 11px;
	line-height: 1;
}


.channel-video-null {
	text-align: center;
	padding-top: 5px;
}




















.signup-panel {
	margin: auto;
	width: 712px;
}

.signup-panel .right-info {
	float: right;
}

.signup-panel .right-info .in {
padding: 20px;
}


.signup-panel .right-info .in h2{
	margin: 0px; 
	padding-bottom: 10px; 
	font-size: 22px;
}


.signup-panel form {
	width: 360px;
	float: left;
	border-right: 1px solid #eee;
	padding-right: 10px;
}
.signup-panel .submit{
	float: right; 
	padding: 10px;
}


.signup-panel h4 {
    font-size: 21px;
    color: #333;
	border-bottom: 1px solid #eee;
    width: 369px;
    display: block;
    padding-bottom: 10px;
}

.signup-panel label {
    display: inline;
}



.signup-panel fieldset {
    width: 350px;
	position: relative;
}

.signup-panel fieldset i {
    margin-top: -1px;
}

.signup-panel i {
    margin-top: 1px;
}

.signup-panel p {
    font-size: 14px;
}

.signup-panel .iconform {
	position: absolute;
	right: 10px;
	z-index: 2;
	display: block;
	width: 25px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	pointer-events: none;
	font-size: 16px;
}
.signup-panel .iconform.captcha  {
	left: 210px;
}
.signup-panel .help-block {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 5px;
}
.signup-panel #infohelp_readTerms {
    margin-top: 5px;
}
.signup-panel input#help_secureCode {
	width: 230px;	
}



.bootstrap-select > .dropdown-menu:before {
    position: absolute;
    top: -11px;
    right: 7px;
    display: inline-block;
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0.15);
    content: '';
}
.bootstrap-select > .dropdown-menu:after {
    position: absolute;
    right: 7px;
    display: inline-block;
    content: '';
    top: -9px;
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #ffffff;
    border-left: 9px solid transparent;
}















#events .event_poster {
	margin-top: 5px;
	margin-left: -5px;

}
.event_poster {
    width: auto;
    min-height: 100%;
    height: auto;

}
.event_poster {
    clear: both;
    background: none !important;
	list-style: none;
	 margin: auto;
}

#events .event_poster li {
    float: left;
    margin: 0px 0 5px 5px;
}


#events .event_poster li .event.live {
    padding-top: 2px;
}

.event_poster .event.live {
    background-color: #cf2c34;
    border: 1px solid #cf2c34;
}

.event.premium {
    background-color: #faffd4 !important;
}

.event_poster .event {
    position: relative;
    width: 192px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}



.event_poster .event.live:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 14px;
    left: 50px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);

}
.event_poster .event {

    cursor: pointer;

}



#events .event_poster li .event.live .account_header {
	background: #E28085;
}
#events .event_poster li .event .account_header {
position: relative;
border-bottom: none;
z-index: 2;
}
.event_poster li .event.live .account_header {
    margin: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.event_poster li .event .account_header {
    height: 24px;
    padding: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    margin: 0 -2px;
}

.event_poster li .event .account_header img {
	width: 24px;
	height: 24px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.event_poster li .event .account_header .btn {
    position: relative;
    float: right;
}


#events .event_poster li .event .poster_wrapper {
    position: relative;
    z-index: 1;
}
.event_poster .event .poster_wrapper {
    position: relative;
    height: 150px;
    width: auto;
}


#events .event_poster li .event .poster_wrapper img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.event_poster li .event .poster_wrapper img {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
.event_poster .event .poster_wrapper img {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.event_poster .event .poster_wrapper .description {
position: absolute;
overflow: hidden;
bottom: 0;
width: 100%;
height: 60px;
background-color: rgba(0,0,0,0.7);
color: #ccc;
}

.event_poster .event .poster_wrapper .description h2 {
color: #fff;
font-size: 14px;
white-space: nowrap;
line-height: 12px;
margin: 15px 10px 10px;
}

.event_poster .event .poster_wrapper .description p {
font-size: 11px;
font-weight: normal;
line-height: 10px;
margin-left: 10px;
}

.event_poster .event .poster_wrapper .description p em, .event_poster .event .poster_wrapper .description p a {
    font-weight: normal;
    font-style: normal;
    color: #fff;
}

.event_poster .event.live .when {
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
.event_poster .event .when {
    line-height: 34px;
	text-align: center;
}

.event_poster .event.live .when a {
    color: #fff;
    text-shadow: 0 2px 0 rgba(0,0,0,0.25);
    font-weight: 700;
}
.event_poster .event .when a {
    text-decoration: none;
    color: #404040;
    display: inline-block;
    line-height: 34px;
}

.event_poster .event .when .when_event {
    display: inline-block;
    padding-left: 8px;
}

.eventstable .table {
	margin-bottom: 10px;
}

.eventstable tr th{
border-bottom: 1px solid #dddddd;
}

.eventstable .eventstablesolid {
	border-top: 1px solid #fff;
}

.broadcast_app {
	margin: auto; width: 960px;
}


.broadcast_app_wrapper {
	margin: -5px 0px 0px;
}


.broadcast_app_bar {
	width: 100%; 
	background: #f6f6f6;
}



.broadcast_app_share{
	padding-top: 10px; 
	width: 935px; 
	margin: auto;
}


.broadcast_app_share input[readonly] {
	cursor: pointer;
	width: 333px;
}

.broadcast_app_share .add-on {
width: 107px !important;
}

.broadcast_app_swap {
	width: 100%; 
	height: 30px; 
	background: #E74C3C; 
	color: #fff;
}

.broadcast_app_swap  span {
	cursor: pointer; 
	padding: 5px; 
	text-align: center;
	display: block;
}


.pre-alert {
*margin-top: 20px;
position: absolute;
}


.alert-position {
margin: 0px 35%;
width: 25%;
text-align: center;
font-size: 15px;
position: fixed;
z-index: 99999;
}


.progress .bar {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes;
	
}


.video-tooltip + .tooltip > .tooltip-inner {
	background-color: #000;
}
.video-tooltip + .tooltip > .tooltip-arrow {
	border-bottom-color:#000; 
}

.MyVideosPage table td {
    vertical-align: middle;
    padding: 3px;
}

.panel-video-title {
    margin-top: 11px;
}
.panel-video-title a {
    color: inherit;
    font-size: 15px;
    font-weight: 700;
}
.panel-video-desc{
    font-weight: normal;
    font-size: 11px;
	float: left;
	margin-top: 1px;
}
.panel-video-thumbnail img {
    width: 100px;
    height: 75px;
}
.panel-video-thumbnail {
	position: relative;
	background-image: url("/style/img/no_signal.gif");
	width: 100px;
	height: 75px;
	cursor: pointer;
}

.video_details{
	width: 600px;
	display: flex;
	justify-content: space-between;
}
	
.video_details span{
    float: left;
    height: 12px;
    color: #999999;
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 0px;
    line-height: 15px;
    font-size: 12px;
	margin-bottom: 10px;
}

.videotdsolid {
	border-top: 1px solid #fff !important; 
	padding: 0px 0px 0px 2px;
}




.video-actions-toolbar {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
	min-height: 35px;
}

.per-page-selector-videos, .per-page-selector-channels, .per-page-selector-mychannels {
	margin: 20px 0;
}

.select-all-label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    cursor: pointer;
}

.select-all-checkbox {
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.select-all-label span {
    vertical-align: middle;
}




.table tbody tr td.checkbox-column {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}



.MyVideosPage { 
	padding: 0px 0px 0px 5px;
	margin-left: -5px;
}

.MyVideosPage table td:first-child {
    padding: 11px 3px 11px 3px;
}


.vplaylist .head {
    background: #444;
    border-bottom: solid 1px #333;
    width: 100%;
    padding: 0 5px 0 10px;
    font-size: 13px;
    line-height: 38px;
}
.vplaylist .head span {
	color: #fff;
	text-transform: uppercase;
}

.vplaylist {
	width: 251px;
    background: #282828;
    overflow: hidden;
    height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	float: right;
}

.vplaylist .vlist {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}
.video-js .menu-quality, .modal-dialog .modal-dialog-content, .vplaylist .vlist {
    scrollbar-width: thin;
    scrollbar-color: #555 #ccc;
}

.vplaylist-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}
.vplaylist-content {
height: 321px;
padding: 0;
position: relative;
overflow-y: scroll;
box-sizing: border-box;
overflow-x: hidden;
}
.vplaylist .vlist .item:last-child {
    border-bottom: solid 1px #282828;
}

.vplaylist .vlist .item {
    padding: 8px;
    border-bottom: solid 1px #444;
    cursor: pointer;
    display: table;
    width: 100%;
}
.vplaylist .vlist .item .tmb {
    width: 80px;
    height: 45px;
    display: inline-black;
    background-color: #000;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #444;
    float: left;
    margin-right: 10px;
    pointer-events: none;
}
.vplaylist .vlist .item p {
    font-size: 12px;
    color: #ccc;
    margin: 0;
    pointer-events: none;
    min-height: 30px;
    max-height: 30px;
    overflow: hidden;
}
.vplaylist .vlist .item span {
    font-size: 12px;
	color: #fff;
    margin-top: 3px;
    pointer-events: none;
}
.vplaylist .vlist .active-item {
    background-color: #444;
}
.vplaylist .vlist .last {
    height: 80px;
    width: 100%;
}


.span12.premium .span6 {
	width: 502px;
}

#html5player, #player {
	display: flex;
	*margin-right: 10px;
}


.solid-box {
	border: 3px solid #83bfff;border-radius: 4px;
}

.solid-box > .row{
	padding: 20px;
}

.breadcrumb-bar {
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #e5e5e5;
}

body.dark-mode .wizard-cards {
		background: #272b30;
}

body.dark-mode .msg-form {
border: 1px solid #3c3c3c;
  background: #43484d;
}	
	
	
body.dark-mode .message_write {
  background: #3a3f44;
}

body.dark-mode .chat_area {
  background: #272b30;
  border-right: 1px solid #3a3f44;
  border-bottom: 1px solid #3a3f44;
  border-top: 1px solid #3a3f44;
  border-left: none;
}

body.dark-mode .new_message_head {
  background: #43484d;
}

body.dark-mode .message_section {
  border: none;
}

body.dark-mode .message-item.active {
  background-color: #5c636a;
}
body.dark-mode .member_list li {
  border-bottom: 1px solid #3a3f44;
}

body.dark-mode .member_list li:hover {
  background: #3c4246;

}

body.dark-mode .chat-header {
  background: #3a3f44;
  border-radius: 5px;
  border-bottom: 1px solid #3a3f44;
}

body.dark-mode .member_list ul {
  border: 1px solid #3a3f44;
}

body.dark-mode #custom-div {
  background: #3a3f44;

}

/* Dodaj do twojego pliku CSS dark mode */
body.dark-mode .highcharts-background {
  fill: #2a2a2a;
}

body.dark-mode .highcharts-title {
  fill: #fff;
}

body.dark-mode .highcharts-subtitle {
  fill: #ccc;
}

body.dark-mode .highcharts-axis-line {
  stroke: #666;
}

body.dark-mode .highcharts-grid-line {
  stroke: #444;
}

body.dark-mode .highcharts-axis-labels text {
  fill: #ccc;
}


/* Poprawiony CSS dla Highcharts dark mode */
body.dark-mode .highcharts-background {
  fill: #272b30;
}

body.dark-mode .highcharts-title {
  fill: #fff !important;
}

body.dark-mode .highcharts-subtitle {
  fill: #ccc !important;
}

body.dark-mode .highcharts-axis-line {
  stroke: #666;
}

body.dark-mode .highcharts-grid-line {
  stroke: #444;
}

/* POPRAWIONE selektory dla etykiet osi */
body.dark-mode .highcharts-axis-labels text,
body.dark-mode .highcharts-xaxis-labels text,
body.dark-mode .highcharts-yaxis-labels text {
  fill: #ccc !important;
}

/* Tytuły osi */
body.dark-mode .highcharts-axis-title {
  fill: #fff !important;
}

/* Dodatkowe selektory dla pewności */
body.dark-mode .highcharts-xaxis-title,
body.dark-mode .highcharts-yaxis-title {
  fill: #fff !important;
}

/* Etykiety na osiach */
body.dark-mode .highcharts-xaxis .highcharts-tick-label,
body.dark-mode .highcharts-yaxis .highcharts-tick-label {
  fill: #ccc !important;
}

/* Uniwersalny selektor dla wszystkich tekstów w wykresach */
body.dark-mode text {
  fill: #ccc !important;
}

/* Wyjątek dla tytułów - mają być białe */
body.dark-mode .highcharts-title text,
body.dark-mode .highcharts-subtitle text {
  fill: #fff !important;
}

body.dark-mode .highcharts-label-box.highcharts-tooltip-box {
	 fill: #3a3f44 !important;
}


body.dark-mode #regions_div {
	filter: invert(1) hue-rotate(180deg) !important;
}

body.dark-mode #regions_div svg > g > rect {
	fill: #272b30 !important;
	filter: invert(1) hue-rotate(180deg) !important;
}


body.dark-mode #regions_div .google-visualization-tooltip path {
	border:solid 1px #3c3c3c !important;
	filter: invert(1) hue-rotate(180deg) !important;
	background-color: #3a3f44 !important;
	fill: #3a3f44 !important;
}

body.dark-mode #regions_div text  {
	fill: #000 !important;
}





/*
body.dark-mode #regions_div .google-visualization-tooltip-action:hover {
    background-color: #eeeeee !important;
    color: #000 !important;
	filter: invert(1) hue-rotate(180deg) !important;
}
body.dark-mode #regions_div > svg > g > g > g > text {
	 fill: #fff !important;
	 stroke: none;
}
body.dark-mode #regions_div path {
*stroke-width:1;
stroke:#606468; 
}

body.dark-mode #regions_div > div > div > div > svg > g > g > g > g > path {
	fill: #3a3f44 !important;
}

body.dark-mode #regions_div svg > g > rect {
	fill: #272b30 !important;
}

body.dark-mode #regions_div svg > g > rect {
	fill: #272b30 !important;
}
body.dark-mode #regions_div .google-visualization-tooltip g {
	fill: #3a3f44; !important
	color: #fff !important;
}
*/


#vform {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px 0 0 4px;
}	

.navbar-inner > .container-fluid {
  display: flex;
  align-items: center; 
  width: 100%;
 max-width: 1200px;
  margin-left: auto;
  margin-right: auto; 
}

.navbar-inner > .container-fluid > * {
  float: none !important;
}

.navbar-inner .brand,
.navbar-inner .nav.pull-right {
  flex-shrink: 0; 
  white-space: nowrap; 
}

.navbar-form-wrapper {
  flex-grow: 1;  
  min-width: 150px; 
  padding: 0 10px 0 0;
}

.navbar-form-wrapper .navbar-search {
  margin-top: 11px;
  margin-bottom: 0;
  width: 60%;
}

.navbar-form-wrapper .search-query {
  width: 100%;
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.dropdown a > .username {
margin-left: 5px;
}

#toggle-theme i {
	cursor: pointer;
}


.dropdown-menu-login .password {
	margin-bottom: 15px;
	float: left;
}
.dropdown-menu-login .username {
	margin-bottom: 15px;
}
.dropdown-menu-login .btn-primary { 
margin-top: -3px;
}
.dropdown-menu-login a.btn {
	margin-top: 60px;
}
.dropdown-menu-login {
  max-width: 220px;
  height: 155px;	
}

.dropdown-menu-login .string.optional { 
float: left;
}
.dropdown-menu-login #user_remember_me {
float: left;
  margin-right: 10px;
}




.navbar-search .btn-group > .btn:first-child {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}





#channel-chat-container .rank.embed {
    color: #888;
}

.dropdown-menu.search {
  margin-left: -73px;
  margin-top: 5px;
}


.dropdown-menu.search::before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: #0003;
  content: '';
}

.dropdown-menu.search::after {
  position: absolute;  /* DODANE */
  top: -9px;
  right: 7px;          /* DODANE - dostosuj pozycję */
  display: inline-block; /* DODANE */
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: '';        /* DODANE - BARDZO WAŻNE! */
}

body.dark-mode .dropdown-menu.search::after {
  border-bottom: 10px solid #3a3f44;
}


.error-border {
    border-color: #FF0000 !important;
    transition: border-color 0.2s ease; /* Płynne przejście */
}



.btn + .btn {
    margin-left: 5px;
}


.form-inline .bootstrap-select {
	#margin: 0 5px;
}




.input-daterange {
	margin: 0 5px;
}







/* style loading bar */
.loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    #background: linear-gradient(to right, #ff0000, #cc0000);
    background: #e15b64;
    z-index: 9999;
    transition: width 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
    opacity: 0;
}

.loading-bar.loading {
    opacity: 1;
    animation: loading-progress 2s ease-in-out;
}

@keyframes loading-progress {
    0% { width: 0%; }
    50% { width: 70%; }
    100% { width: 100%; }
}

.loading-bar.complete {
    width: 100% !important;
    opacity: 0;
    transition: width 0.1s ease, opacity 0.3s ease 0.1s;
}






.list-unstyled {
    list-style: none;
}

.list-unstyled ul li {
    width: 99%;
}

.clearfix::before, .clearfix::after {
    display: table;
    content: " ";
}

#custom-div {
    background: #e8e6e7 none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
}
#custom-div span {
	font-size: 17px;
}



.all_conversation button {
    background: #f5f3f3 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    height: 38px;
    text-align: left;
    width: 100%;
}

.all_conversation i {
    background: #e9e7e8 none repeat scroll 0 0;
    border-radius: 100px;
    color: #636363;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.all_conversation .caret {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0;
}

.all_conversation .dropdown-menu {
    background: #f5f3f3 none repeat scroll 0 0;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.all_conversation ul li {
    border-bottom: 1px solid #dddddd;
    line-height: normal;
    width: 100%;
}

.all_conversation ul li a:hover {
    background: #dddddd none repeat scroll 0 0;
    color:#333;
}

.all_conversation ul li a {
    color: #333;
    line-height: 30px;
    padding: 3px 20px;
}

.member_list .chat-body {
    margin-left: 47px;
    margin-top: 0;
}

.top_nav {
    overflow: visible;
}

.member_list .contact_sec {
    margin-top: 3px;
}

.member_list li {
    padding: 6px;
}

.member_list ul {
    margin: 0;
    border: 1px solid #dddddd;
	min-height: 462px;
}

.chat-img img {
    height: 34px;
    width: 34px;
}

.member_list li {
    border-bottom: 1px solid #dddddd;
    padding: 6px;
}

.member_list li:last-child {
    border-bottom:none;
}

.member_list {
    height: 465px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sub_menu_ {
    background: #e8e6e7 none repeat scroll 0 0;
    left: 100%;
    max-width: 233px;
    position: absolute;
    width: 100%;
}

.sub_menu_ {
    background: #f5f3f3 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: none;
    left: 100%;
    margin-left: 0;
    max-width: 233px;
    position: absolute;
    top: 0;
    width: 100%;
}

.all_conversation ul li:hover .sub_menu_ {
    display: block;
}

.new_message_head button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.new_message_head {
    background: #f5f3f3 none repeat scroll 0 0;
    float: left;
    font-size: 13px;
    font-weight: 600;
	padding: 18px 21px 18px 10px;
    width: 100%;
}

.message_section {
    border: 1px solid #dddddd;
    position: relative; 
}


.chat_area {
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #ddd;
    background: #fafafa;
    display: flex;
    flex-direction: column;
}


.chat_area {
    float: left;
    height: 300px;
    width: 650px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box; 
    padding: 10px; 
    border: 1px solid #ddd; 
    background: #fafafa; 
    position: relative; 
}


.chat_area::-webkit-scrollbar {
    width: 8px;
}

.chat_area::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.chat_area::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.chat_area::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.chat_area li {
    padding: 14px 14px 0;
}

.chat_area li .chat-img1 img {
    height: 40px;
    width: 40px;
}

.chat_area .chat-body1 {
    margin-left: 50px;
}

.chat-body1 p {
    background: #fbf9fa none repeat scroll 0 0;
    padding: 10px;
}

.chat_area .admin_chat .chat-body1 {
    margin-left: 0;
    margin-right: 50px;
}

.chat_area li:last-child {
    padding-bottom: 10px;
}

/* DODANE - style dla wiadomości */
.message-bubble {
    margin-bottom: 10px;
    max-width: 70%;
    display: block;
    clear: both;
    word-wrap: break-word; 
}

.message-bubble.left {
    float: left;
    margin-right: auto;
}

.message-bubble.right {
    float: right;
    margin-left: auto;
}

.message-bubble::after {
    content: "";
    display: table;
    clear: both;
}

.message-bubble > div {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word; 
}

.message_write {
    background: #f5f3f3 none repeat scroll 0 0;
    float: left;
    padding: 15px;
    width: 650px;
    box-sizing: border-box; 
}

.message_write textarea.form-control {
    height: 70px;
    padding: 10px;
    width: 100%; 
    box-sizing: border-box; 
}

.chat_bottom {
    float: left;
    margin-top: 13px;
    width: 100%;
}

.upload_btn {
    color: #777777;
}

.sub_menu_ > li a, .sub_menu_ > li {
    float: left;
    width:100%;
}

.member_list li:hover {
    background: #428bca none repeat scroll 0 0;
    color: #fff;
    cursor:pointer;
}

/* DODANE - dodatkowe style dla formularza wysyłania wiadomości */
.message-form {
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    position: relative;
}

#send-message-form {
    display: flex !important;
    align-items: flex-end;
    gap: 10px;
}


.message-input {
    flex: 1;
    resize: none;
    border: 1px solid #ddd;
    padding: 10px 15px;
    max-height: 100px;
    font-family: inherit;
}

.send-button {
    color: white;
    border: none;
	margin: 10px 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.chat-empty {
    text-align: center;
    color: #666;
    padding: 100px;
}

.chat-empty-icon {
    font-size: 48px;
    margin-bottom: 15px;
    display: block;
}

.chat-panel {
    flex: 1;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.chat-header {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
}

.chat-title {
    margin: 0;
}

.chat-area {
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.message-form {
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    margin-top: 15px;
    #display: none;
}

/* DODANE - responsywne style */
@media (max-width: 768px) {
    .chat_area {
        height: 250px;
        padding: 5px;
    }
    
    .message-bubble {
        max-width: 85%;
    }
}


.message-item {
    cursor: pointer;
    transition: background-color 0.3s;
}

.message-item:hover {
    background-color: #f5f5f5;
}

.message-item.active {
    background-color: #e3f2fd;
    border-left: 4px solid #2196f3;
}



.message-bubble {
    margin-bottom: 10px;
    max-width: 70%;
    display: block;
    clear: both;
}

.message-bubble.left {
    float: left;
    margin-right: auto;
}

.message-bubble.right {
    float: right;
    margin-left: auto;
}

.message-bubble::after {
    content: "";
    display: table;
    clear: both;
}

.chat_area > div {
    #width: 100%;
}

#message-input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0,123,255,0.3);
}



.message-form {
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

.new-message-notification {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.new-message-notification:hover {
    background: #0056b3 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.msg-form {
	display: flex; 
	padding: 10px; 
	background: #fff; 
	border: 1px solid #ddd; 
	border-top: 0; 
	border-radius: 0 0 5px 5px;
}

.member_list ul { display: flex; flex-direction: column; }
.member_list ul li { width: 96%; }

.no-messages-info {
	text-align: center; 
	padding: 40px 20px; 
	color: #666;
	margin-top: 95px;
}
.no-messages-info:hover,
.no-messages-info li:hover {
  background: #fff !important;
  color: #333 !important;
}



.no-messages-info p {
	margin-bottom: 15px;
}
.no-messages-info h4 {
	margin-bottom: 10px; 
	color: #555;
}

		
.no-messages-div-icon {
	font-size: 48px; 
	margin-bottom: 15px; 
	color: #ccc;
}



.sign-in {
  max-width: 300px;
  padding: 19px 29px 20px;
  margin: 20px auto 0px;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px #0000000d;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px #0000000d;
}