@charset "UTF-8";

body {color:#666666;}

#pcontent {margin-top:10px; position:relative;}
.filler {width:100%; box-sizing:border-box; min-height:200px; float:right; margin:0px; margin-bottom:10px; }
.fillerOuter { width:100%; padding-left: 420px; box-sizing:border-box; }

#pheader {display:block;}

#pprofiletop {height:270px; padding:0px; background-color:#1a1a1a; background-position:center right; background-repeat:no-repeat; position:relative; overflow:hidden;}
#pprofiletop.communitymain {height:120px;  background:#1a1a1a;}

#profileschanger {}
#profileschanger .psch-l {display:block; position:absolute; top:100px; left:-35px; z-index:100; box-sizing:border-box; width:70px; height:70px; border-radius:50%; background:#333;
color:#fff; font-size:46px; padding-left:17px;}
#profileschanger .psch-r {display:block; position:absolute; top:100px; right:-35px; z-index:100; box-sizing:border-box; width:70px; height:70px; border-radius:50%; background:#333;
color:#fff; font-size:46px; padding-left:25px;}

#profileschanger .psch-l:hover,#profileschanger .psch-r:hover {background:#ae0000;transition: all 0.2s;}

#up-main-header {text-align: center; height:120px; width:35%; min-width:500px; margin:0 auto; background-image: url('/new/commbg.png'); background-color:#1a1a1a; background-position:left; background-repeat:no-repeat;}

#up-main-header h1 {color:#fff; font-size:60px; line-height:60px; margin:30px 20px 0px 0px; padding:0px; letter-spacing:-2px; display: inline-block; vertical-align:middle; text-shadow:0px 0px 8px #000;}
#up-main-header h1 a {color:inherit;} 
#up-main-header .h1register {background:#FC0; border-radius:10px; color:#fff; font-size:26px; line-height:42px; margin:30px 0px 0px 0px; padding:0px 20px; letter-spacing:-2px; display: inline-block; vertical-align: middle; box-shadow:0px 0px 8px #000;}
#up-main-header .h1register:hover {background:#ae0000;}
#up-main-header span {text-transform:uppercase; display:block;}

#pprofiletophead {margin:20px; padding:10px; background:rgba(0,0,0,0.65); width:200px; border:1px solid #666; float:left; z-index:5; position:relative;}
#pprofiletopheadinner {width:200px; height:200px; box-sizing:border-box; line-height:200px; text-align:center; font-size:160px; color:#fff; text-transform: uppercase; text-align: center; vertical-align: middle; position:relative;}
#pprofiletopheadinner:hover .profileimgoverlay {opacity: 0.7; line-height:20px !important;}
.profileimgoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #ae0000;
}
.piotext {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#pprofiletophead img {width:200px; height:200px;}

#pprofiletopinfo {width:50%; position: absolute; bottom: 30px; left:270px; z-index:2;}
#pprofiletopinfo h1 {font-size:30px; color:#fc0; line-height:35px; height:35px; padding:0px; padding-top:5px; margin:0px; width:400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-shadow: 1px 1px 1px #000;}
#pprofiletopinfo h2 {font-size:14px; line-height:20px; padding:0px; margin:0px; color:#fff; text-shadow: 1px 1px 1px #000;}
#pprofiletopinfo #userisonline {background:lime; width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:5px; margin-bottom:4px; xbox-shadow: 0px 0px 2px 2px lime;}


#subscribeuser .subscribebutton{padding:5px 10px; margin:5px 0px; border-radius:5px;}
#subscribeuser .subscribebutton:before {  font-family: 'epicons' !important; content:"\e927"; font-size:11px; padding-right: 5px;}

.profile-icon-usercircle {width:14px; position:relative; padding-right:2px;}
.profile-icon-usercircle:before {font-family: 'epicons', sans-serif; font-style:normal; content:"\f2be"; color:#999; font-size:18px;} 


#aboutmebig {position: absolute; top: 15px; right:20px; width:33%; font-size:30px; line-height: 40px; color:#fff; text-shadow: 1px 1px 1px #000; text-align:right;}
#aboutmebig span {background:#000; padding: 2px 15px; box-shadow: 10px 0px 0px #000, -10px 0px 0px #000; box-decoration-break: clone;}
#aboutmebig span:empty {display:none;}

#pprofiletopbtn {position:absolute; bottom:30px; right:30px; width:33%;  text-align:right; float:right; text-align: right; color:#FFF; font-size:12px; font-weight:bold; 
		 text-shadow: 1px 1px 1px #000; color:#ccc; z-index:3;}
#pprofiletopbtn div {display:inline-block; margin-left:20px;}
#pprofiletopbtn div span {display:block; font-size:25px; text-align: right; color:#FFF;}
#pprofiletopbtn a {margin-left:20px; line-height:20px;}

 .hdchannel #pprofiletopbtn {background-image: linear-gradient(to right, rgba(0,0,0,0.0) , rgba(0,0,0,0.8)); right:0px; padding:10px 0px; bottom:20px;}
 .hdchannel #pprofiletopbtn div {margin-right:0px; padding-right:20px;}


.headimgshadow {position:absolute; bottom:0; left:0; height:40px; width:100%;  z-index:2;
                background-image: linear-gradient(to right, rgba(26,26,26,1), transparent);
                background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.8), transparent);
                background-image:    -moz-linear-gradient(to top, rgba(0,0,0,0.8), transparent);
                background-image:     -ms-linear-gradient(to top, rgba(0,0,0,0.8), transparent);
                background-image:      -o-linear-gradient(to top, rgba(0,0,0,0.8), transparent);
                background-image:         linear-gradient(to top, rgba(0,0,0,0.8), transparent); 
}
.headimggradient {position:absolute; bottom:0; right:1012px; height:270px; width:700px; 
                background-image: -webkit-linear-gradient(to right, rgba(26,26,26,1), transparent);
                background-image:    -moz-linear-gradient(to right, rgba(26,26,26,1), transparent);
                background-image:     -ms-linear-gradient(to right, rgba(26,26,26,1), transparent);
                background-image:      -o-linear-gradient(to right, rgba(26,26,26,1), transparent);
                background-image:         linear-gradient(to right, rgba(26,26,26,1), transparent);
                border-left:10px solid #1a1a1a; z-index:1; }


#channel-head {border:1px solid #333; background-position:top; width:100%; position:relative; height:330px; background-position: center right;
  background-repeat: no-repeat;}
#channel-head .chlogo {position:absolute; width: 200px; height: 200px; border: 2px solid #ccc; background: #666; margin: 30px; float: left;}
#channel-headin {margin-top:270px; border-top:2px solid #000; background:#151515; height:60px;}
#channel-headin h1 {float:left; line-height:50px; padding:0px; padding-top:3px; margin:0px; color:#fff; font-size:30px; margin-left:10px;}
#channel-headin div {float:right; text-align:center; display:block; width:100px; text-transform:uppercase; color:#666; font-size:14px; font-weight:bold; margin-top:10px;}
#channel-headin span {display:block; color:#FFF;}

.hdchannel .fillerOuter {/*padding-left:335px;*/padding-left:340px;}
.hdchannel #profile_sidebar { width: 320px; border:1px solid #333; padding:9px;}


.channelsoc {text-align:center; margin-top:20px;}
.channelsoc a {margin:0 10px; color:#ccc;}
.channelsoc i.fa {font-size:25px;}
.channelsoc .fa-tiktok2 {font-size:22px !important;}

#pnavtop {border:1px solid #333; display:block; background:#181818; height:40px;}
#pnavtop a {color:#fff;width:150px; border-right:1px solid #333; display:block; float:left; line-height:40px; text-align:center; font-weight:bold; font-size:14px; padding:0px;}

#pnavtop a:hover {background:#222;}
#pnavtop .pdrops {background:#222; float:right; border-right:0px; border-left:1px solid #333; border-top:1px solid #3d3d3d;}
#pnavtop .pdrops:hover {background:#333; color:#FFF;}

#middler {width:100%; background: #121212; border-top:2px solid #050505; margin-bottom:20px; line-height: 18px;}
.middlerbox {width:32%; box-sizing:border-box; padding:30px 0px 20px 40px; float:left;}
.middlerbox strong {color:#ccc; font-weight:bold;}
.middlerbox ul {list-style:none; margin:0px; padding:0px;}


#toptopbelprof {height:34px; line-height:34px; background-image: linear-gradient(#222326,#000); margin-top:0px; margin-bottom:17px; clear:both; border:1px solid #333;}

#toptopbelprof  h1 {color:#FFF; font-size:1.7em; line-height:34px; height:34px;  margin:0px; padding:0px; padding-left:20px; display:inline-block;float:left;}
#toptopbelprof  h1 a {color:#FFF; text-decoration:none; padding:0px; }
#toptopbelprof  h1:before {content:"\e913"; font-family: 'epicons', sans-serif; color:#444; font-size:30px; position:absolute; margin-left:-25px; margin-top:-0px;}

#toptopbelprof  h2 {color:#FFF; font-size:1.7em; line-height:34px; height:34px;  margin:0px; padding:0px; padding-left:20px; display:inline-block;float:left;}
#toptopbelprof  h2 a {color:#FFF; text-decoration:none; padding:0px; }
#toptopbelprof  h2:before {content:"\e913"; font-family: 'epicons', sans-serif; color:#444; font-size:30px; position:absolute; margin-left:-25px; margin-top:-0px;}

#toptopbelinprof {line-height:34px; height:34px; display:block; color:#FFF; text-align:left; font-weight:bold; float:right;}
#toptopbelinprof a {width:100px; background-image: linear-gradient(#000,#222326); text-align:center; float:left; border-left:1px solid #333; 
            border-right:0px; color:#CCC; text-decoration:none;}
#toptopbelinprof a:lang(pl) {width:auto; min-width: 80px; padding-left: 10px; padding-right: 10px;}
#toptopbelinprof a:hover {color:#C00;}
#toptopbelinprof a.active {color:#000; background:#d9a83f;}

.toptopbelinsetprof {display:none; line-height: 34px; height: 34px; width:34px; color: #FFF; text-align: left; font-weight: bold; float: right; position:relative; cursor:pointer;}
.toptopbelinsetprof:before {font-family: 'epicons', sans-serif; content:"\e992"; margin-right:0px; font-size:14px; position:absolute; top:0px; left:10px;} 

#toptopbelinprof a {line-height:34px;}

#pagediv {border:0px;}

#toptopbelinprof {display:block; color:#FFF; text-align:left; font-weight:bold; float:right;}
#toptopbelinprof a {line-height:34px; padding-left:15px; padding-right:15px; text-align:center; display:inline-block; border-left:1px solid #333; border-right:0px; color:#CCC; width:auto;}
#toptopbelinprof a:hover {background:#000; color:#C00;}
#toptopbelinprof.activeMobi {display:none; position:absolute; top:35px; right:25px; width:200px; border:0px; box-shadow: 0px 5px 5px  rgba(0,0,0,0.70); z-index:20;}
#toptopbelinprof.activeMobi a{width:200px; padding:0px 10px; background-color:#000; background-image:none; border-bottom:1px solid #333;} 


#cpp-desk-ban {display:block}
#cpp-mobi-ban {display:none;}
#cpp-mobi-ban .channelsoc {display:none;}

.streamevents {}
.streameventsday {padding:20px; background:#171717; margin-bottom: 20px;}
.streameventsday h3 {}

.seheader {font-size: 16px; line-height: 16px; color: #CCC; padding-bottom:9px; border-left:1px solid #ae0000; margin:-20px 20px 20px -19px; padding:20px;}
.seheader h2 {font-weight: bold; font-size: 16px; line-height: 16px; margin:0px; margin-right:5px; padding:0px; display:inline-block;}
.seheader a h2 {color:#FC0;}
.seaction {font-size:12px; color:#FFF;}
.sedate {font-size:12px; color:#666; display:block; padding-top:5px;}
.setitle { color: #CCC; margin-top: 10px; padding-bottom: 10px;}


.profile-icon-calendar {width:14px; position:relative; padding-right:2px;}
.profile-icon-calendar:before {font-family: 'epicons', sans-serif; font-style:normal; content:"\f073"; color:#666; font-size:12px;} 

.wordBreakAll {word-break: break-all;}

.UPinfo { margin: auto auto 10px auto; color:#FFF; }
.UPinfo a { color:#FC0; }
.UPinfoUploadMovie .uploadmovie { color: #FFF; margin: auto auto 10px auto;}
.UPinfoUploadMovie { width:100%; color: #FFF; margin: auto auto 10px auto; padding-left: 40%; }

.achievement { margin-right: 5px; margin-bottom: 25px; width:32.5%; }
.achievementBox { border:1px solid #333; border-radius: 10px; height: 100%; } 
.achievementBox img {margin: auto; }

.pnlleftside {float: left; width: 50%; margin-right: 1%; box-sizing:border-box; padding:10px; min-height:1400px; background:#171717;}
.pnlrightside {float: left; width: 49%; box-sizing:border-box; padding:10px; min-height:1400px; background:#171717;}
.pnlrightsideinner {margin-left:10px;}
.pnlfullsize {box-sizing:border-box; padding:10px; min-height:800px; background:#171717;}

.pnlleftside.avatareditpage {width:360px;}
.pnlrightside.avatareditpage {width:calc(99% - 360px);}


.pbox2 {min-height:200px; border-right:1px solid #333; border-bottom:1px solid #333; margin:0px; margin-bottom:10px; padding:10px; position:relative;}
.pbox2:nth-child(2n) {margin-right:0px; border-right:0px;}

.pbox3 {min-height:200px; margin-bottom: 0px; float:left; border-right:1px solid #333; border-bottom:1px solid #333; border-top:1px solid #333; margin:0px; margin-bottom:10px; padding:10px; position:relative;}
.pbox3:nth-child(3n+2) {margin-right:0px; border-right:0px;}

.thumb label img {border:3px solid #000; cursor:pointer;}
.thumb input[type="radio"] {visibility:hidden;position: absolute;}
.thumb input[type="radio"]:checked+label img {border:3px solid #FF0000}
.thumbselected {border:3px solid #F00}


#profile_sidebar {box-sizing:border-box; margin-right:20px; float:left; min-height:500px; width:400px;}
#profile_sidebar.communitymain {width:375px;}

.fillerOuter.communitymain {padding-left:0px !important; float:left; width:calc(100% - 415px - 320px);}
.filler.communitymain {}
#community-right-sidebar {float:right; width:300px; padding:9px; border:1px solid #333;}


.pbox4 {min-height:200px; float:left; border:1px solid #333; border-bottom:0px; box-sizing:border-box; margin:0px; margin-bottom:10px; padding:10px; position:relative;}
.pbox4:nth-child(3n+3) {margin-right:0px; border-right:0px;}


.plister strong {color:#ccc; font-weight:bold;}
.plister {color:#999;}
.plister {list-style:none; margin:0px; margin-bottom:10px; padding:0px;}
.plister li {border-bottom:1px solid #333; line-height:30px; padding-left:10px;}
.plister li:first-child {background:#171717;}


.phalful {width:200px !important; float:left; border-right:1px solid #333; margin-right:10px;}
.psscrol {height:500px; scrollbar-color: #555 #333;}



.pclear {clear:both;}

.pbelin {background:#171717; line-height:30px; /* ! */ height:30px; border:1px solid #333; box-sizing:border-box;}
.pbelin span {padding-left:10px;}

#toptopbel1 {height:35px;}
.pbelin.plister h2 {font-size:16px; line-height:30px; margin:0px; margin-left: 7px; padding:0px;}
 
#playlistdescription {}
#playlistdescription span {display:inline-block; min-width:30px;}
#playlistdescription p {display:inline-block;}

#playlistdescription span:nth-child(1) {padding-left:20px;}
#playlistdescription span:nth-child(1)::before {content: "\e914"; font-family: 'epicons',sans-serif; color: #404040; font-size: 14px;
  position: absolute; margin-left: -20px; margin-top: -1px;}

#playlistdescription span:nth-child(2) {padding-left:20px;}
#playlistdescription span:nth-child(2)::before {content: "\f0c7"; font-family: 'epicons',sans-serif; color: #404040; font-size: 14px;
  position: absolute; margin-left: -20px; margin-top: 0px;}


.plister h2 {display:inline-block;}
.plister span {color:#404040; font-weight:bold; font-size:14px;}
.plister span:nth-child(2) {/*padding-left:50px;*/ float:right; padding-right:10px;}
.plister span:nth-child(2)::before {content: "\e914"; font-family: 'epicons',sans-serif; color: #404040; font-size: 14px;
  position: absolute; margin-left: -20px; margin-top:0px; font-weight:normal;}

.plister span:nth-child(3) {/*padding-left:30px;*/ float:right;padding-right:30px;} 
.plister span:nth-child(3)::before {content: "\e924"; font-family: 'epicons',sans-serif; color: #404040; font-size: 14px;
  position: absolute; margin-left: -20px; margin-top: 0px; font-weight:normal;}


#playlistdescription {background: #171717;border: 1px solid #333; padding:10px;margin-top: -11px;}
.epwhite #playlistdescription {background: #eaeaea; border:none; border-bottom: 1px solid #ccc;padding:10px;margin-top: -11px;}

#collectionmobelin {}
#collectionmobdata {}




.pinsert {width:100%;}
.sidbseeall {float:right; padding-right:15px;}
.sidbseeall a {color:#fff; background: #ae0000;padding: 3px 8px;border-radius: 2px;}
.epwhite .sidbseeall a {color:#fff; background: #ae0000;padding: 3px 8px;border-radius: 2px;}

.sidbseebtn {display:inline-block; vertical-align: top; padding-right:15px; margin-left:20px;}
.sidbseebtn a {color:#fff; background: #ae0000;padding: 3px 8px;border-radius: 2px;}
.epwhite .sidbseebtn a {color:#fff; background: #ae0000;padding: 3px 8px;border-radius: 2px;}



.plexcontainer {display: flex;  flex-wrap: wrap; align-content:space-between; border:1px solid #333; border-top:0px; padding:10px; width:100%; box-sizing:border-box; margin-bottom:20px;}
.plexcontainer .mb, .plexcontainer .mbphoto {width:49.5% !important; max-width:49.5% !important; display:block !important;}

.up-profilebox {float:left; margin:3px 10px 20px 3px; padding:2px; position:relative; width:100px; overflow:hidden;}
.up-profilebox .uppbi {width:100px;}
.up-profilebox span {display:block;}
.up-profilebox a span {color:#FC0;}

.cr-slider::-moz-range-track {background: rgb(174, 0, 0) !important;}

#panel-edit-tab strong {color:#FFF;}
#panel-edit-tab textarea {font-family:inherit; font-size:14px; margin-bottom:0px !important; width:90%;}
.txtarecounter {display:block; padding-left:5px; margin-bottom:10px; color:#999; font-size:10px;}

#panel-edit-tab input.inp1 {width:310px !important;}
#panel-edit-tab select.inp1 {width:322px !important;}
#panel-edit-tab select.inp2 {width:100px !important; margin-right:11px; height:auto; margin-bottom: 0px;}
#panel-edit-tab label {display:block; margin-bottom:15px;}
#panel-edit-tab label strong {width:150px; text-align:right; padding-right: 10px; display:inline-block;}

.urgentinfo {padding-left:25px !important;}
.urgentinfo:before {font-family: 'epicons', sans-serif; font-style:normal; content: '\f06a'; color:#fff;font-size:18px; margin-left:-20px; position:absolute;}

.tdheader {background:#202020; width:100%; box-sizing:border-box; display: block; padding-left: 10px; line-height:30px; margin-bottom:20px; text-transform: uppercase;}

#panel-edit-tab .pannelbtnylw {color:#fc0;}
.pnlsubmitter {background:rgba(102, 146, 31,0.9); border:0px; padding:10px 40px; cursor:pointer; color:#FFF; border-radius:5px; min-width:160px;}
.pnlsubmitter:hover {background:rgba(102, 146, 31,0.7); box-shadow: 0px 0px 10px rgba(102, 146, 31,0.3);}

.profile-save {width:14px;}
.profile-save:before {font-family: 'epicons', sans-serif; font-style:normal; content:"\f0c7"; color:#fff; margin-right:0px; font-size:16px;}

.pnldeleter {background:rgba(174,0,0,0.9); border:0px; padding:10px 40px; margin-top:10px; cursor:pointer; color:#FFF; border-radius:5px; min-width:160px;}
.pnldeleter:hover {background:rgba(174,0,0,0.7); box-shadow: 0px 0px 20px rgba(174,0,0,0.3);}

#panel-edit-tab input[type="file"] {display: none;}
#panel-edit-tab input[type="radio"]{accent-color:#ae0000;}
#panel-edit-tab input[type="checkbox"]{accent-color:#ae0000;}
.pnluploader {border: 1px solid #999; display: inline-block; padding:12px 12px; cursor: pointer;}
.profile-cloud-upload {width:14px; position:relative; padding-right:20px;}
.profile-cloud-upload:before {font-family: 'epicons', sans-serif; font-style:normal; content:"\e901"; color:#fff; position:absolute; top:-4px; font-size:16px;} 


#avatar-image-edit, #headImage-image-edit  { display: block; width: 100%; }
#save-avatar-button, #save-headImage-button { display:none; }
#save-avatar-button input, #save-headImage-button input { display:none; }
#save-avatar-button label, #save-headImage-button label { display: inline; }

#avatarImagePreview, #headImagePreview { width: 100%; }
#avatarImagePreview {max-width:200px;}
#avatarsList img { cursor: pointer; }
#avatarsList h2 {}

#avatarsList header {text-align: center; margin:auto;}
#avatarsList .btn-default {width:264px; background:rgba(102, 146, 31,0.9); border:0px; padding:10px 40px; margin-bottom:10px; cursor:pointer; color:#FFF; border-radius:5px;}
#avatarsList .btn-default:hover {background:rgba(102, 146, 31,0.7); box-shadow: 0px 0px 10px rgba(102, 146, 31,0.3);}
#avatarsList .btn-primary {background:rgba(102, 146, 31,0.9); border:0px; margin-top:20px; padding:10px 40px; cursor:pointer; color:#FFF; border-radius:5px; min-width:165px;}
#avatarsList .btn-primary:hover {background:rgba(102, 146, 31,0.7); box-shadow: 0px 0px 10px rgba(102, 146, 31,0.3);}

#avatarsList .form-group {display:block; height:30px;  line-height:30px; width:100%; margin-bottom:1px;}
#avatarsList .form-group .col-sm-3 {width:140px; float:left; margin-bottom:0px;}
#avatarsList .form-group .col-sm-9 {width:calc(99% - 140px); float:left;}
#avatarsList .form-group .col-sm-9 label {float:left; margin-bottom:0px;}
#avatarsList .form-group .col-sm-9 select {width:60%; max-width:75%;}



.communityshowmore {clear:both; margin-top:10px; margin-bottom:0px; color:#fff; text-align: center; background: #333; border: 1px solid #444; line-height: 28px; padding: 0 20px 0; color: #ccc; cursor: pointer;  border-radius:3px;}


.streameventsday .mbphoto, .streameventsday .mb { display:block !important; }
.streameventsday .mbphoto:nth-of-type(n+8), 
.streameventsday .mb:nth-of-type(n+8), 
.streameventsday .commbox:nth-of-type(n+5) { display: none !important; }

.streameventsday.showAll .mbphoto:nth-of-type(n+8), 
.streameventsday.showAll .mb:nth-of-type(n+8), 
.streameventsday.showAll .commbox:nth-of-type(n+5) { display: block !important; }

.tablewrapper-table {}
.tablewrapper-table th {padding:5px; background:rgba(0,0,0,0.3)}
.tablewrapper-table td {padding:5px;}
.tablewrapper-table tr td {border-bottom:1px solid rgba(0,0,0,0.3);}

.tablewrapper-table .pnldeleter {margin:0px;}

.dmca-view-notice {font-size:1.2em; margin-bottom:20px;}
.dmca-view-notice a {text-decoration:underline;}
.dmca-view-notice li { padding-top: 0px !important}

#counterNoticeDiv {display:none;font-size:1.2em;  margin-top:50px; max-width:1000px;}
#counterNoticeDiv h3 {border-bottom:1px dotted #ccc; padding-bottom:4px;}
#counterNoticeDiv label {margin:40px 0 5px 0; padding-left:3px; font-weight:bold;}
#counterNoticeDiv label.toconfirm {margin:0; padding-right:10px;  float:left; color:#ae0000;}
#dmca-counter-links label {margin:0; font-weight:normal;}
.toconfirm {margin:0px; }
#counterNoticeDiv .dmca-radiobutton input {display:inline; margin:0; font-weight:normal;}
#counterNoticeDiv .dmca-radiobutton label {display:inline; margin:0 0 20px 0; font-weight:normal;}




@media screen and (max-width:1200px) {

.tablewrapper1, .tablewrapper2{width: 100%; overflow-x: scroll; overflow-y:hidden; scrollbar-color: #b0bac6 rgba(255,255,255,0.5);}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
.tablewrapper1{height: 20px; margin-bottom:20px; }
.tablewrapper2{height: 100%; padding-bottom:40px;}
.twdiv1 {width:1000px; height: 20px; }
.twdiv2 {width:1000px; height: 100%; overflow: auto;}
}  





.selectAsText {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    border: none;
    /* needed for Firefox: */
    overflow:hidden;
    display: inline;
}

.EP-yellow {color: #fc0 !important; }

@media screen and (max-width:1600px) {
    #community-right-sidebar {display:none;}
    .fillerOuter.communitymain {padding-left:0px !important; float:left; width:calc(100% - 395px);}
    
    #profileschanger .psch-l {right:120px; top:20px; left: initial; z-index:10;}
    #profileschanger .psch-r {right:20px; top:20px; z-index:10;}
}    

@media screen and (min-width:850px) and (max-width:1200px) {
    #profile_sidebar { width:300px; }
    .fillerOuter { padding-left: 320px; }
    .plexcontainer .mb, .plexcontainer .mbphoto {width:100% !important; max-width:100% !important; display:block !important;}
}


/* MOBILE */
@media screen and (max-width:850px) {

#up-main-header {width:300px; height:120px;}

#up-main-header h1 {font-size:40px; line-height:40px;}
#up-main-header .h1register {font-size:16px; line-height:32px; margin:30px 0px 0px 0px; padding:0px 20px; letter-spacing:0px;}
#up-main-header span {font-size:20px;}

.fillerOuter { padding-left: 0px;}
.fillerOuter.communitymain {padding-left:0px !important; float:none; width:100%;;}

#profileschanger .psch-l {top:12px; left:10px; width:40px; height:40px; font-size:26px; padding-left: 10px; box-shadow:none;}
#profileschanger .psch-r {top:12px; right:10px; width:40px; height:40px; font-size:26px; padding-left: 14px; box-shadow:none;}


#pprofiletop {height:265px; /*215*/ overflow:hidden; background-size:100%; background-position: top center; background-color:#222;}
#pprofiletopinfo {width:100%; position: absolute; top: 70px; bottom:auto; left:140px;}

#pprofiletopinfo h1 {width:350px; height:25px; line-height:25px; font-size: 22px;}
#pprofiletopinfo h2 {margin-top:3px;}

#pprofiletophead {width:50px; margin:10px;} 
#pprofiletophead img {width:50px; height:50px;}

#pprofiletopheadinner {line-height:90px;font-size:50px;}
#pprofiletopinfo .pdrops {display:block; margin-bottom:10px; margin-right:10px; text-align:center; width:200px; line-height:40px; float:right;}

#pprofiletophead,#pprofiletopheadinner,#pprofiletophead img {width:90px; height:90px;}

#pprofiletopbtn {width:100%; float:none; bottom:10px; right:0px; opacity:0.7; text-align:center;}
#pprofiletopbtn div {margin-right:20px;}
#pprofiletopbtn div span {font-size:20px; text-align:center;}




#aboutmebig {display:none;}
#profilemobilespacer {height:65px; width:100%;}
#pnavtop {height:120px; /*60*/     background: linear-gradient(180deg, rgba(24,24,24,1) calc(50% - 0px), rgba(100,100,100,1) calc(50%), rgba(24,24,24,1) calc(50% + 1px)    );} 
#pnavtop a {width:24%;line-height:60px;}
#pnavtop a:nth-child(4) {border-right:0px !important;}
   
#pnavtop .pdrops {border-top:1px solid #3d3d3d; /*width:24%;*/}

#pnavtop .up-edit-profile-btn {position:absolute; top:10px; right:10px; width:120px; line-height:30px;}

#middler {padding-bottom:20px;}
.middlerbox {width:100%; float:none; padding-left:10px; padding-top:20px; padding-bottom:0px; margin-bottom:0px;}
.middlerbox p {display:inline-block; margin:0px; padding:0px;}
#profile_sidebar {float:none; width:100%; display:block; margin:20px 0px; min-height:50px;display:none;}
#responsive_sidebar {display:none;}
.filler {float:none; width:100%; display:block; margin:20px 0px;}


#channel-headin {height:110px;}
#channel-headin h1 {display: block; clear: both; width: 100%;}
#channel-headin div {text-align:left; float:left; margin-left:10px;}

.hdchannel .fillerOuter {padding-left:0px;}
.hdchannel #profile_sidebar {width:100%;}

#cpp-desk-ban {display:none;}
#cpp-desk-ban .channelsoc {display:block;}
#cpp-mobi-ban {display:block;}
#cpp-mobi-ban .channelsoc {display:block;}

#collectionmobelin {height:65px;}
#collectionmobelin #playlistlike {margin-left:7px;}
#collectionmobdata {}


.pbox2, .pbox3 {flex-basis:100% !important;}
.psscrol br {display: none;}

.commboxtime {text-align:left; padding-left: 11px; float:none; margin-bottom:5px;}

.pnlleftside {float:none; width:100%; min-height:500px;}
.pnlrightside {float:none; width:100%;}
.pnlleftside.avatareditpage, .pnlrightside.avatareditpage {width:100%;}
#panel-edit-tab textarea {width:95% !important;}

#panel-edit-tab label strong {text-align:left;}
.birthdatemobile {display:block !important;}
.pnlrightsideinner {margin-left:0px;}
}





@media screen and (max-width:437px) {
    #pnavtop {height:80px;}
    #pnavtop a {line-height:40px;}
    
    #pprofiletop {height: 240px;}
    #pprofiletopbtn {bottom:10px;}
    
    #pprofiletopbtn div {margin-left:5px; margin-right:5px;}
    #middler {padding-bottom: 10px; margin-bottom:10px;}
    .middlerbox  {float:left; width:50%; padding-top:10px;}
    .filler {margin-top:10px;}
    
    .streamevents .seheader {margin: -20px 20px 0px -19px;}
    .streameventsday {padding-bottom:0px;}
    
    .streamevents .commbox {display:inline-block; margin-bottom:10px;}
}








/* profile */
.epwhite #pcontent {margin-top:0px; background: #ccc; padding:20px;}

.epwhite #pprofiletop.communitymain {background:#404040;}
.epwhite #up-main-header {background-image: url(/new/commbg-white2.png); background-color:#404040;}
.epwhite #up-main-header span {color:#ccc;}
.epwhite .up-profilebox a span {color:#f5f5f5; background:#404040; padding:3px 3px 3px 6px;}

.epwhite #community-right-sidebar {background:#999;}

.epwhite .plexcontainer {background:#eaeaea; border:1px solid #ccc; border-top:0px;}
.epwhite .pbelin {background: #dedede; border:0px; border-bottom:1px solid #ccc; border-top-left-radius:5px; border-top-right-radius:5px;}

.epwhite #pprofiletop {background-color:#404040;}
.epwhite #middler {background:#404040; margin-bottom:0px;}
.epwhite .headimggradient  {border-left: 10px solid #404040;
                            background-image: -webkit-linear-gradient(to right, rgba(64, 64, 64, 1), transparent);
                            background-image:    -moz-linear-gradient(to right, rgba(64, 64, 64, 1), transparent);
                            background-image:     -ms-linear-gradient(to right, rgba(64, 64, 64, 1), transparent);
                            background-image:      -o-linear-gradient(to right, rgba(64, 64, 64, 1), transparent);
                            background-image:         linear-gradient(to right, rgba(64, 64, 64, 1), transparent);
}
.epwhite .headimgshadow {
                background-image: -webkit-linear-gradient(to top, rgba(64,64,64,0.8), transparent);
                background-image:    -moz-linear-gradient(to top, rgba(64,64,64,0.8), transparent);
                background-image:     -ms-linear-gradient(to top, rgba(64,64,64,0.8), transparent);
                background-image:      -o-linear-gradient(to top, rgba(64,64,64,0.8), transparent);
                background-image:         linear-gradient(to top, rgba(64,64,64,0.8), transparent); 
}

.epwhite #middler .middlerbox {color:#999;}


.epwhite .fillerOuter.communitymain {background: #eaeaea; border-top-left-radius:5px; border-top-right-radius:5px;}
.epwhite .fillerOuter.profilemain {background:#eaeaea; border-top-left-radius:5px; border-top-right-radius:5px;}
.epwhite #toptopbelprof {background:none;background: #dedede; border:0px; border-bottom: 1px solid #ccc;}
.epwhite #toptopbelprof h2 {color:#040404;}

.epwhite .toptopbelinsetprof {color:#404040;}
.epwhite #toptopbelinprof a.active {background:#FFF; color:#ae0000;}
.epwhite #toptopbelinprof a {background:#dedede; color:#404040;}
.epwhite #toptopbelinprof a:hover {color:#404040; background:#c8c8c8;}
.epwhite .urgentinfo:before {color:#414141;}
/*.epwhite #categoriesbelin a {background:#cfcfcf; color:#404040; border-left: 1px solid #ccc;}
.epwhite #categoriesbelin a.active {background:#FFF; color:#ae0000;}
.epwhite #categoriesbelin a:hover {color:#404040; background:#c0c0c0;}
.epwhite #categories-list-left span.catname:hover {padding-left:0px;}*/

.epwhite .up-profilebox .uppbi {display:block;}

.epwhite {}
.epwhite {}
.epwhite {}
.epwhite {}
.epwhite {}

.epwhite .pnlfullsize {background:none;}
.epwhite .tdheader{background: #dedede;}
.epwhite .inp1, .epwhite .inp2 {background:#fff; color:#666;}
.epwhite .pnlleftside,
.epwhite .pnlrightside {background:none;}
.epwhite #panel-edit-tab strong {color:#666 !important;}
.epwhite #panel-edit-tab .pannelbtnylw {color:#ae0000;}

.epwhite .filler {background: #eaeaea;}
.epwhite .streameventsday {background:none; border-bottom: 1px solid #ccc;}
.epwhite .communityshowmore {background:#dedede; color:#404040;}
.epwhite .communityshowmore:hover {background:#d8d8d8; color:#404040;}



.epwhite .seheader {border-left: 5px solid #ae0000; margin: -20px 20px 20px -20px;}

.epwhite .seheader a h2,
.epwhite .seaction,
.epwhite .pbelin.plister h2,
.epwhite .profile-icon-usercircle:before
{color:#404040;}



.epwhite .channelsoc i {color:#000;}