@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.message {
    /* background: rgb(0, 119, 255); */
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 6px;
    text-align: center;
    /* font-size: 15px; */
    font-weight: bold;
    color: #656b67;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: -22px;
    /* text-shadow: 0px -1px rgba(0, 0, 0, 0.12); */
}
.middle{
  text-align: center;
}

.inner {
  background: #09c999;
  padding: 1em;
  border-radius: 10px;
  width: 250px;
  clip-path: circle(7% at 90% 20%);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  float: right;
  /* margin-top: 10px; */
}
.inner:hover {
  clip-path: circle(75%);
  background: #00B6FF;
}
.inner h1 {
  color: white;
  margin: 0;
}
.inner p {
  color: white;
  font-size: 0.9rem;
}
.inner span {
  float: right;
  color: white;
  font-weight: bold;
  transition: color 0.5s;
  /* position: relative; */
  margin-right: 4%;
  margin-top: 5px;
}
.inner:hover span {
  color: rgb(255 255 255 / 0%);
}
.song_container {margin-bottom:10px;}
.song_container img {
	float:left;
	width:160px;
	height:160px;
	border:5px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.song_info {float:left;margin-left:15px;width: 40%;max-width: 100%;}
.song_info li {display:block;line-height: 23px;border-bottom:1px dashed #ddd;color:#4d4d4d;width:365px}

#contenttt {
	border-radius: 7px;
	float: left;
	max-width: 100%;
	margin-top: 10px;
}
#left {float: right;width: 354px;margin-right: 1px;margin-left: -11px;}
.content_title h2 span {font-size:12px;vertical-align:middle;}
.content_title {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, hsla(0,0%,96%,1) 0%, hsla(0,0%,94%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,94%,1)));
    background: -webkit-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
    background: -o-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
    background: -ms-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
    background: linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 );
    padding: 15px 20px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}
.item {
	display: inline-block;
	width: 20vw;
	height: 20vw;
	margin: 2vw;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0,0,0,.8);
	text-shadow: 1px 1px 5px rgba(0,0,0,.6);
	font: 400 15vw "Rajdhani", sans-serif;
	color: #fff;
}
.category_block {
	background: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 7px;
}

.category_block ul {display:block;}
.category_block ul li {width:230px;}
.category_block ul li span.first {
	display:block;
	background: #ffffff;
	background: -moz-linear-gradient(top,  hsla(214,73%,55%,1) 0%, hsla(214,100%,38%,1) 100%);
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(0deg 0% 100%)), color-stop(100%,hsl(0deg 0% 92%))); */
	/* background: -webkit-linear-gradient(top,  hsla(214,73%,55%,1) 0%,hsla(214,100%,38%,1) 100%); */
	background: -o-linear-gradient(top,  hsla(214,73%,55%,1) 0%,hsla(214,100%,38%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(214,73%,55%,1) 0%,hsla(214,100%,38%,1) 100%);
	background: linear-gradient(top,  hsla(214,73%,55%,1) 0%,hsla(214,100%,38%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3680e0', endColorstr='#0053c0',GradientType=0 );
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	/* -webkit-border-top-right-radius: 4px; */
	/* -webkit-border-top-left-radius: 4px; */
	/* border-top-left-radius: 4px; */
	/* border-top-right-radius: 4px; */
	color: #989c9f;
	/* border-bottom:1px solid #2e2e2e; */
	width: 250px;
	height: 17px;
	padding: 15px 10px;
	font-size: 15px;
	font-weight:bold;
	/* border-radius: 7px 7px 0px 0px; */
}
.category_block ul li a {
	display:block;
	border-bottom:1px solid #2e2e2e;
	padding:8px 10px;
	color:#999999;
	font-size:12px;
	font-weight:bold;
}
.category_block ul li:last-child a {
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.category_block ul li a:hover {background:#1a1a1a;color:#fff;width:210px;}
.category_block ul li a.active {background:#1a1a1a;color:#fff;}
.category_block ul li a.active:hover {
	background: #f77b27;
	background: -moz-linear-gradient(top,  hsla(24,93%,56%,1) 0%, hsla(19,91%,51%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(24,93%,56%,1)), color-stop(100%,hsla(19,91%,51%,1)));
	background: -webkit-linear-gradient(top,  hsla(24,93%,56%,1) 0%,hsla(19,91%,51%,1) 100%);
	background: -o-linear-gradient(top,  hsla(24,93%,56%,1) 0%,hsla(19,91%,51%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(24,93%,56%,1) 0%,hsla(19,91%,51%,1) 100%);
	background: linear-gradient(top,  hsla(24,93%,56%,1) 0%,hsla(19,91%,51%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77b27', endColorstr='#f4590f',GradientType=0 );
}


.topuser_block {
	background: #ffffff;
	margin-top:10px;
	border-radius: 7px;
}

.topuser_block .title {padding:10px;/* background: -webkit-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%); */-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;-webkit-border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom: 1px solid #dddddd;}
.topuser_block .title h2 {
	color: #000000;
	font-size:14px;
	/* text-shadow: 1px 1px 10px #9b9b9b; */
}

ul.topuser_list {padding:10px;padding-top:0px;/* border-radius: 7px; */}
ul.topuser_list li {
	margin-top: 10px;
	display:block;
	overflow: hidden;
	width: 240px;
	height: 50px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  hsla(0,0%,96%,1) 0%, hsla(0,0%,93%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1)));
	background: -webkit-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: -o-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee',GradientType=0 );
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #e0e0e0;
	padding:5px;
	clear:both;
}
ul.topuser_list li a {color:#4d4d4d}
ul.topuser_list li a:hover {color: #0095d7;text-decoration:underline;}
ul.topuser_list li:hover {background:#fff}
ul.topuser_list li div.photo {float:left;width:50px;margin-right:10px;}
ul.topuser_list li div.inner {float:left;width: 138px;}
ul.topuser_list li div.photo img {width:50px;height:50px;}


#content_blocks {margin-top:10px;}
#content_blocks .left_block {
	float:left;
	width: 355px;
	margin-right:10px;
	background-color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 7px;
}
#content_blocks .right_block {
	float:right;
	width: 355px;
	background-color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 7px;
}
.cont_block_title {
	/* background: #00bbff; */
	/* background: -webkit-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%); */
	background: -o-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
	background: linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 );
	padding:10px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	/* -webkit-border-top-right-radius: 4px; */
	/* -webkit-border-top-left-radius: 4px; */
	/* border-top-left-radius: 4px; */
	/* border-top-right-radius: 4px; */
	/* border-bottom: 1px solid #dddddd; */
	border: 1px
 solid #e0e0e0;
}
.cont_block_title h2 {
	color: #616161;
	font-size: 15px;
	/* text-shadow: -1px 0px 0px #000000; */
	margin-left: 25px;
}

ul.music_list2 li {
	margin-top: 10px;
	display: block;
	overflow: hidden;
	width: 325px;
	height: 50px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  hsla(0,0%,96%,1) 0%, hsla(0,0%,93%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1)));
	background: -webkit-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: -o-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	background: linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee',GradientType=0 );
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #e0e0e0;
	padding:5px;
	clear:both;
}
ul.music_list2 li a {color:#4d4d4d}
ul.music_list2 li a:hover {color: #0095d7;text-decoration:underline;}
ul.music_list2 li:hover {background:#fff}
ul.music_list2 li div.photo {float:left;width:50px;margin-right:10px;}
ul.music_list2 li div.inner {float:left;width: 265px;}
ul.music_list2 li div.photo img {width:50px;height:50px;}

.banner {
  background: #19b1e9;
}

.banner__content {
  padding: 5px;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 15px;
}

.banner__text {
  /* flex-grow: 1; */
  line-height: 1.4;
  font-family: "Quicksand", sans-serif;
}

.banner__close {
  background: none;
  border: none;
  cursor: pointer;
}

.banner__text,
.banner__close > span {
  color: #ffffff;
}

.btn{
  display: inline-block;
  width: 40px;
  height: 40px;
  /* background: #f1f1f1; */
  margin: 5px;
  border-radius: 30%;
  box-shadow: 0 5px 15px -5px #00000070;
  color: #3c4952;
  overflow: hidden;
  position: relative;
}
.btn i{
  line-height: 40px;
  font-size: 23px;
  transition: 0.2s linear;
}
.btn:hover i{
  transform: scale(1.3);
  color: #f1f1f1;
}
.btn::before{
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: #3c4952;
  transform: rotate(45deg);
  left: -110%;
  top: 90%;
}
.btn:hover::before{
  animation: aaa 0.7s 1;
  top: -10%;
  left: -10%;
}
@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}
body {color: #333;font-family: Arial, Helvetica, sans-serif;font-size:13px;margin:0;padding:0;background: #e6e6e6;/* background-image: url(images/centerfon.png); */}
img {border-radius: 3px;}

h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
h3 { font-size: 28px; margin: 0; }
h4 { font-size: 24px; margin: 10px 0 0 0; }

h1, h3, h4, h5 {
font-weight: 300;
}
a {color: #000;text-decoration: none;}
a:hover {color: #40c1fb;}
code, pre {
word-wrap: break-word;
}
code.api-request {
background: #f2f2f2;
}
option:hover {
cursor: pointer;
}
table {
border-collapse:collapse;
}
table, td, th {
border: 1px solid #CCC;
padding: 3px;
}

img { border: 0 }

form {margin: 0 0 0 0; /* Firefox fix - creates a blank space on the edit user page *//* background: #fff; */color: #6B6B6B;/* overflow: hidden; */border-radius: 7px;}
input, textarea, select{font-family: inherit;}
/* Selectie */
::selection {background: #3fc1fc;color:#fff;}
::-moz-selection {
background:#000;
color:#fff;
}
::-webkit-selection {
background:#000;
color:#fff;
}
input[type="submit"] {color: #fff;font-size: 13px;background: #28d063;border: 0px solid #ffffff;text-align: center;width: auto;padding: 8px 10px 8px 10px !important;text-decoration: none;margin: 0;border-radius: 7px;cursor: pointer;text-transform: uppercase;font-weight: 700;outline: none;font-weight: bold;}
input[type="submit"]:hover {
		    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	box-shadow: 0px 0px 20px 0px #bfbfbf;
	background: #03A9F4;
border: 0px solid #AAA;
color: #fff;
}
input[type="submit"]:active{/* border: 1px solid #888; *//* background: #888; */color: #FFF !important;}
input:-webkit-autofill {
box-shadow: 0 0 0 1100px white inset;
}
/* This fixes the ugly native rounded corners & shadows on iOS */
input[type="text"], input[type="submit"], textarea {-webkit-appearance: none;}
select {
max-width: 175px;
outline: 0;
}
.row-top {
background: #fff;
padding: 20px 0 10px 0;
border-bottom: 1px solid #c3c3c3;
overflow: auto;
}
.row-page {border-bottom: 0;width: 100%;margin: 0 auto;max-width: 1100px;overflow: hidden;/* padding: 0 10px; */box-sizing: border-box;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 10px;}
.row-body {border-bottom: 0;width: 100%;margin: 0 auto;max-width: 1100px;overflow: hidden;/* padding: 0 10px; */box-sizing: border-box;border-radius: 4px;}
.row-footer {
padding: 20px 0 10px 0;
overflow: auto;
}
.row-body .one { width: 8.333%; }
.row-body .two { width: 16.667%; }
.row-body .three { width: 25%; }
.row-body .four {/* width: 33.333%; */}
.row-body .five { width: 41.667%; }
.row-body .six {/* width: 50%; */}
.row-body .seven { width: 58.333%; }
.row-body .eight { width: 66.667%; }
.row-body .nine { width: 75%; }
.row-body .ten { width: 83.333%; }
.row-body .eleven { width: 91.667%; }
.row-body .twelve { width: 100%; }

.row-page .three { width: 25%; float: right; }
.row-page .nine { width: 75%; float: left; }
.row-page .stats-container {/* width: 25%; */padding-top: 10px;}
.row-body .stats-container {/* padding-top: 10px; */}
.row-page .twelve {width: 100%;}
.row-page .table-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-mail { width: 45%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-edit { width: 8%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-delete { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-category-name { width: 83%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-type { width: 13%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-report-message { width: 20%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-safe { width: 10%; padding: 5px 0; word-wrap: break-word;}
.admin-rows { width: 100%; float: left; overflow: auto; }
.admin-rows a { cursor: pointer }
.dash-stats {
width: 33.333%;
}
.editt-buttonn:hover {
    background: #0079fe;
    border-color: #0079fe;
    color: #FFF;
}
.editt-buttonn, .back-button {
    margin: 20px 20px 10px;
    border: 3px solid #ffffff;
    /* height: 50px; */
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    color: #ffffff;
    /* cursor: pointer; */
    /* width: 200px; */
    font-size: 16px;
    /* font-weight: bold; */
    margin-left: 6px;
}
.dash-half {/* width: 50%; */float: left;}
.stats-values {
font-size: 14px;
font-weight: bold;
}
.dashboard-info {
margin-top: 10px;
float: left;
width: 100%;
}
.dashboard-info a {color: #000000;font-weight: bold;}
.dashboard-info a:hover {
color: #03A9F4;	
}
.neutral {
color: #999;
}
.positive {
color: #27ae60;
}
.negative {color: #795548;}
.dash-values {
font-size: 22px;
}
.chart {display: table;table-layout: fixed;width: 80px;height: 30px;margin: 0;padding: 15px 0 0 0;}
.chart li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 30px;
padding-right: 1px;
}
.chart span {margin: 0 0;display: block;background: #3bc8e7;}
.chart span:hover {background: #3bc8e7;}
.stats-container h3 {
font-weight: 400;
font-size: 22px;
}
.payment-content {
padding: 5px 0;
width: 100%;
float: left;
}
.payment-row {
padding: 5px 0;
}
.list-content {padding-bottom: 5px;/* overflow: auto; */clear: both;margin-top: 17px;}
.list-button {
margin: 2px 0 0 0 !important;
}
.page-button {
float: left !important;
margin: 10px 10px 0 0 !important;
}
.report-title {/* font-size: 18px; */}
.report-content {
padding: 5px 0;
width: 100%;
float: left;
white-space: pre-line;
}
.report-content img {
margin-bottom: -2px;
}
.manage-users-container {padding: 11px 16px;border-bottom: 1px solid #EEE;}
.manage-users-container a {
text-decoration: none;
cursor: pointer;
}
.manage-users-image img {width: 35px;float: left;}
.manage-users-content {
padding: 0 55px 0 45px;
word-break: break-all;
}
.manage-users-buttons {
float: right;
overflow: auto;
margin-top: -35px;
}
.manage-users-buttons a {
float: right;
}
.manage-list-name {font-size: 14px;padding-bottom: 5px;}
.manage-list-buttons {
margin-top: -30px;
}
.row-top .threeads {
width: 33.3333%;
}
.row-one {
float: left;
width: 15%;
}
.row-two {
float: left;
width: 10%;
}
.row-three {
float: left;
width: 60%;
word-break:break-all;
}
.row-four {
float: left;
width: 15%;
text-align: right;
}
.row-welcome {border-bottom: 0;width: 100%;margin: 0 auto;overflow: auto;background-size: cover;background-position: center;}
.background-1 {/* background-image: url('images/vau.png'); */background-color: #ffffff;margin-top: 10px;}
@-webkit-keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
@-moz-keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
@keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
.row {
width: 100%;
margin: 0 auto;
max-width: 1100px;
overflow: auto;
}
.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }

.column, .columns {
	 /* float: left; */
	 /* min-height: 1px; */
	 float: left;
	 width: 45%;
	 padding: 10px 10px;
	 border-left: 2px solid #03A9F4;
	 margin: 15px5px;
	 min-height: 1px;
	 position: relative;
}
.columnn, .columnss {
	  float: left; 
	 min-height: 1px; 
	 position: relative;
}


[class*="column"] + [class*="column"]:last-child {/* float: right; */}

[class*="column"] + [class*="column"].end { float: left; }

.header {margin: 0 auto;max-width: 1100px;/* overflow: auto; */padding: 0 10px;}
.topbar {position: fixed;top: 0;right: 0;left: 0;z-index: 1000;/* width: 1000px; */max-width: 100%;margin: 0 auto;height: 55px;box-shadow: 0 2px 10px rgb(0 0 0 / 11%);background: #ffffff;/* margin-bottom: 40px; *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(0deg 0% 100%)), color-stop(100%,hsl(214deg 15% 79%))); *//* border-bottom: 2px solid #0000001f; */}
.topbar_margin {
width: 100%;
height: 55px;
}
input, button, select, textarea {
    background: none;
    border: 2px solid #f1f1f1;
    padding: 4px 5px;
    /* font-size: .9rem; */
    outline: none;
    color: #1f3d4e;
    /* text-transform: uppercase; */
    /* font-weight: 700; */
}

.bottombar {position: fixed;bottom: 0;right: 0;left: 0;z-index: 1000;/* width: 1000px; */margin: 0 auto;height: 55px;/* background-image: -webkit-linear-gradient( 
90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(166 188 200) 0%, rgba(32, 167, 196, 0) 100%); */background-image: -ms-linear-gradient(90deg, rgb(22, 26, 46) 0%, rgb(237, 63, 179) 0%, rgb(59, 200, 231) 0%, rgba(32, 167, 196, 0) 100%);/* background-image: url(images/player_bg.jpg); */background: rgb(255 255 255);/* border-top: 1px solid #CCC; */}
.bottombar-container {
margin: 0 auto;
max-width: 1100px;
padding: 0 10px;
}
.menu-image {
float: right;
height: 55px;
font-size: 12px;
color: #fff;
padding: 0 6px;
cursor: pointer;
}
.menu-image:hover {
background: rgb(0 0 0 / 0%)
}
.menu-image:active {
background: rgb(0 0 0 / 0%);
}
.menu-image-active {background: rgb(210 221 228 / 0%);}
.menu_hover_messages, .menu_hover_notifications {
background: rgba(0, 0, 0, .12);
}
.menu_visitor {
float: right;
margin-top: 20px;
padding-right: 10px;
color: #fff;
}
.menu_arrow {
margin: 25px 0 0 5px;
float: right;
min-width: 10px;
min-height: 5px;
background: url('images/downarrow.png') no-repeat;
background-size: 10px;
}
.dil_arrow {
    margin: 10px 55px 0 0;
    float: right;
    min-width: 10px;
    min-height: 10px;
    background: url(images/downarrow.png) no-repeat;
    background-size: 10px;
}
.menu-dd-container {
max-width: 1120px;
width: 100%;
top: 55px;
position: absolute;
display: none;
padding-right: 20px;
box-sizing: border-box;
}
.menu-dd-content {background: #ffffff;min-width: 165px;width: auto;float: right;margin-right: 0px;box-shadow: 0px 7px 20px rgba(0,0,0,0.5);}
.menu-dd-row {padding: 10px 10px 10px;/* text-align: right; */}
.menu-dd-row:hover {/* background: #ffffff; */background: #7d7d7d1f;color: #000000;}
.menu-dd-extra {/* color: #03a9f4; */}
.menu-dd-mobile {
display: none;
}
.menu-divider {height:1px;width: 100%;background: rgba(51, 51, 51, 0.08);}
.menu-dd-content a {color: #000000;text-decoration: none;width: 100%;}
.menu-dd-content a:hover {color: #03a9f4;}
.menu_img {
float: right;
width: 30px;
height: 30px;
margin-top: 12px;
}
.menu_img img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.menuu_img img {width: 100px;height: 100px;/* padding: 5px; */border: 2px solid #bfbfbfc2;border-radius: 7px;}

.menu_btn {padding: 0px 10px 0px 10px;float: right;height: 55px;}
.menu_btn img {/* margin-top: 16px; *//* width: 20px; *//* height: 20px; */}
.menu_btn:hover {/* background: #e9e9e9bd; */}
.menu_btn:active {
background: rgb(209 209 209 / 35%);
}
.menu-btn {padding: 5px 10px;margin: 13px 0px 0 5px;float: right;color: #000000;border: 1px solid #9e9e9e;border-radius: 3px;/* background-color: #2196f3; */cursor: pointer;}
.menu-btn:hover, .menu-btn:active {border: 1px solid #3bc8e7;background: #3bc8e7;color: #FFF;-webkit-transition: all 0.4s ease-in-out;box-shadow: 0px 0px 15px 0px #40c1fb;}
.search-input {
float: left;
}
.search-input {
float: left;
}
.search-input input {
 border-radius: 50px;
 outline: none;
 border: 0;
 padding: 8px 0px 8px 27px;
 margin-top: 12px;
 margin-left: 5px;
 border: 1px
 solid #9e9e9e78;
 /* background: #f1f1f1; */
 width: 200px;
 color: #9b9b9b;
 transition: .3s;
 background-image: url(images/icons/search.png);
 background-repeat: no-repeat;
 background-size: 20px;
 background-position: 3px 7px;
 }
.search-input input:hover, .search-input input:focus {background: #edf2fa;transition: .6s;background-image: url(images/icons/searchh.png);background-repeat: no-repeat;background-size: 20px;background-position: 3px 7px;border: 1px solid #33baf7;}
.search-container, .search-list-container {max-width: 500px;width: 100%;display: none;top: 55px;/* margin: 0 auto; */color: #BBB;padding: 0 10px;box-sizing: border-box;}
.search-list-container .search-content {
background: #FFF;
}
.search-container a {color: #000;}
.search-container a:hover {text-decoration: none;cursor: pointer;color: #03a9f4;}
.search-content {z-index: 999;top: 55px;background: #ffffff;/* overflow: auto; */}
.search-content .notification-inner, .search-content .track-inner {padding: 5px 29px;/* border-bottom: 1px solid #333; */border-radius: 10px;}
.search-content .track-inner:hover {background: #eeeeee;}
.search-results {width: 100%;float: left;background-color: #ffffff;/* border: 1px solid #00a3f6; */-webkit-transition: all 0.4s ease-in-out;box-shadow: 6px 13px 11px 6px #00000038;border-radius: 10px;}
.search-results .subscribe_btn, .search-results .edit_profile_btn, .search-results .sub-loading, .search-results .message_btn {
position: inherit;
}
.search-results .sound-inner {
border-top: 1px solid #EEE;
}
.search-image img {
width: 25px;
float: left;
overflow:auto;
}
.search-text {
padding: 2px 0 5px 35px;
}
.search-icons {
float: right;
margin-top: -20px;
}
.search-icons img {
width: 15px;
height: 15px;
}
.hashtag {
border-bottom: 1px solid #333;
overflow: auto;
}
.hashtag-inner {
padding: 10px 20px;
}
.hashtag a {
cursor: pointer;
float: left;
width: 100%;
overflow: auto;
}
.hashtag a:hover {
background: #2b2b2b;
text-decoration: none;
}
.content {
background: #FFF;
overflow: auto;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.cover-container {
padding: 0;
}
.cover-content {border-bottom: 1px solid #EEE;background: #fff;color: #6B6B6B;overflow: auto;/* background: #ffffff url(images/icons/muz.png) 30px center no-repeat; */}
.cover-image {float: left;top: 0;padding-top: 200px;width: 100%;}
.cover-image img {
width: 100%;
}
.cover-description {width: 100%;float: left;overflow: auto;min-height: 0px;}
.cover-description-content {
margin-left: 20px;
padding-bottom: 5px;
margin-right: 10px;
}
.cover-avatar-content {width: 112px;margin: 0 0 0px 20px;overflow: auto;}
.cover-avatar {float: left;position: absolute;margin-top: -160px;width: 112px;border-radius: 10px;}
.cover-avatar a {
overflow: hidden;
height: 106px;
float: left;
}
.cover-avatar img {width: 100%;margin-bottom: -3px;padding: 5px;border: 2px solid #ffffff;border-radius: 20px;}
.cover-description-buttons {margin: 7px 20px 0 0;position: absolute;width: 100px;right: 0;}
.cover_t {
    background: url(images/icons/nurlan/musiqi.png) no-repeat right;
    background-size: 16px;
}
.cover_l {
    background: url(images/icons/nurlan/like.png) no-repeat 8px 2px;
    background-size: 16px;
}
.cover_p {background:url(images/icons/nurlan/playlists.png) no-repeat 10px 2px;
          background-size:16px;
}
.cover_v {
    background: url(images/icons/nurlan/baxis.png) no-repeat 12px 3px;
    background-size: 14px;
}
.cover_g{background:url(images/icons/nurlan/dostluq.png) no-repeat 10px 2px;
background-size:16px;
}
.cover_s {background:url(images/icons/nurlan/dostluq.png) no-repeat 10px 2px;
background-size:16px;
}
.cover_d{background:url(images/icons/nurlan/downloads.png) no-repeat 10px 2px;
background-size:16px;
}
.buttonCover {display: inline-block;width: 20px;padding: 0 0 0 10px;height: 20px;vertical-align: middle;}
a.cover-button-active {
    background: #eff3f5;
    color: #0a0909;
    border: 0px solid #28a6f9;
}
a:hover {
}
.cover-buttons {/* float: left; */margin: 5px 0px 0px 10px;/* background: #ffffff url(images/icons/muz.png) 35px center no-repeat; */background-size: 16px;}
a.cover-button {
    float: left;
    text-decoration: none;
    margin: 0 8px 8px 0;
    color: #000000;
    padding: 5px 10px;
    border: 1px solid #b9b9b9;
    /* box-shadow: 1px 1px 1px 1px #00000024; */
    border-radius: 10px;
    font-weight: 500;
    text-transform: uppercase;
 }
.cover-text-container {float: left;font-size: 22px;margin: -146px 60px 0 140px;position: absolute;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cover-text-container a {
padding: 3px 5px;
color: #FFF;
}
.cover-text-container a:hover {
color: #FFF;
}
.cover-text-container img {
margin: 0 0 -2px 7px;
width: 17px;
height: 17px;
}
.cover-username {
}
.cover-location {
padding: 3px 5px; 
font-size: 14px; 
color: #FFF;
display: inline-block;
}
.message-container {
border-right: 1px solid #EEE;
}
.message-container a {
color: #666;
text-decoration: none;
}
.message-container a:hover {color: #2bb2d1;}
.message-content {color: #000;background-color: #ffffff;}
.message-inner, .sidebar-inner {
padding: 10px 20px;
}
.track-inner, .list-inner {padding: 5px 5px;}
.divider {height: 1px;width: 100%;/* background: #EEE; */}
.list-container {
 /* border-bottom: 1px solid #EEE; */
 /* border-right: 1px solid #EEE; */
 overflow: auto;
 padding: 5px 5px 5px 10px;
 background-color: white;
 margin-top: 10px;
 border-radius: 7px;
 /* width: 100%; */
 /* border: 1px
 solid #28a6f9; */
 /* box-shadow: 0px 0px 3px 0px #797979; */
 }
.sound-inner {
padding: 10px;
}
.track-actions {
width: 100%;
overflow: auto;
}
.track-actions-content {padding: 5px 0 0 0;}
.track-actions-content a {
color: #666;
}
.track-actions-content a:hover {
color: #333;
}
.track-actions a {
cursor: pointer;
}
.list-avatar {
 width: 60px;
 float: left;
 overflow:auto;
 }
.list-avatar img {
 width: 50px;
 border-radius: 100px;
 border: 1px
 solid #28a6f9;
 padding: 3px;
 }
.track-author {
padding: 0 0 3px 0;
}
.track-author a {color: #444;cursor: pointer;font-weight: bold;text-decoration: none;}
.track-author a:hover {
color: #3bc8e7;
}
.message-message {
padding-top: 5px;
word-wrap: break-word;
}
.list-top {padding: 2px 0 5px 70px;}
.list-time {
overflow: auto;
color: #AAA;
font-size: 12px;
padding-top: 1px;
}
.track-actions-container {padding: 0px 0 0 0px;}
.message-reply-container {/* width: 100%; */padding-top: 10px;overflow: auto;padding: 10px 10px;background-color: #d1f2f973;border-radius: 20px 5px;border: 1px solid #49b3e7;margin: 20px;}
.message-reply-container .delete_btn, .message-reply-container .report_btn {
display: none;
}
.message-reply-container:hover .delete_btn, .message-reply-container:hover .report_btn {
display: block;
}
.message-reply-content {
color: #666;
padding-top: 2px;
}
.message-reply-author {
float: left;
padding-right: 10px;
}
.comments-container {
padding: 10px 0 0 0;
}
.comment-active {
border-bottom: 3px solid #fe4646;
}
.chat-container .message-reply-author {
padding-right: 0;
}
.chat-container iframe {
margin-top: 5px;
display: block;
}
.message-reply-author a {color: #3bc8e7;cursor: pointer;font-weight: bold;}
.message-reply-message {
padding: 0 15px 10px 42px;
word-wrap: break-word;
}
.message-comment-box-container {
padding: 20px 0 0 0;
overflow: auto;
width: 100%;
}
.message-comment-box-form {
padding: 0 0 5px 42px;
}
.comment-reply-textarea {
padding: 6px 7px;
color: #6B6B6B;
font-size: 13px;
overflow: hidden;
width: 100%;
resize: none;
box-sizing: border-box;
border: 1px solid #DDD;
max-width: 100%;
outline: 0;
min-height: 32px;
border-radius: 3px;
height: 32px;
}
.comment-reply-textarea:focus {
border: 1px solid #49b3e7;
}
.message-reported {
padding-bottom: 5px;
}
.blocked-button {
float: right;
font-weight: normal;
font-size: 13px;
text-transform: capitalize;
}
.blocked-button a {
cursor: pointer;
color: #999;
text-decoration: none;
}
.blocked-button a:hover {
color: #666;
text-decoration: underline;
}
.unblock-button a {
color: #666;
}
.unblock-button a:hover {
color: #000;
}
.playlist-button {padding: 5px 8px 5px 26px;margin-right: 5px;border: 1px solid #ffffff;overflow: hidden;border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/playlist_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;display: inline-block;float: left;}
.playlist-button:hover {background: #ffffff url(images/icons/playlist_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.share-button {padding: 5px 8px 5px 26px;margin-right: 5px;border: 1px solid #ffffff;overflow: hidden;border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/share_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;display: inline-block;float: left;}
.share-button:hover {background: #ffffff url(images/icons/share_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.delete-button {padding: 5px 8px 5px 18px;margin-right: 5px;/* border: 1px solid #DDD; */overflow: auto;border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/delete_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;width: auto;display: inline-block;float: left;}
.delete-button:hover {background: #efefef00 url(images/icons/delete_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.buy-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/buy_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
float: left;
}
.buy-button:hover {
background: #EFEFEF url('images/icons/buy_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.private-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/private_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
float: left;
}
.private-button:hover {
background: #EFEFEF url('images/icons/private_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.public-button {padding: 5px 8px 5px 18px;margin-right: 5px;/* border: 1px solid #DDD; */overflow: auto;border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/public_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;width: auto;display: inline-block;float: left;}
.public-button:hover {background: #efefef00 url(images/icons/public_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.shuffle-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/shuffle_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
float: left;
}
.shuffle-button:hover {
background: #EFEFEF url('images/icons/shuffle_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.shuffle-button-active, .shuffle-button-active:hover {
background: #EFEFEF url('images/icons/shuffle_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.like-button {padding: 5px 8px 5px 26px;margin-right: 5px;border: 1px solid #ffffff;overflow: hidden;border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/like_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;display: inline-block;float: left;}
.like-button:hover {background: #ffffff url(images/icons/like_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.liked-button {
padding: 5px 8px 5px 26px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: #f1f1f1 url('images/icons/like_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
display: inline-block;
float: left;
}
.liked-button:hover {
background: #f1f1f1 url('images/icons/like_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.download-button {padding: 5px 8px 5px 25px;margin-right: 5px;border: 1px solid #ffffff;/* overflow: auto; */border-radius: 3px;cursor: pointer;height: 15px;background: url('images/icons/download_btn_n.png') 5px center no-repeat;background-size: 17px;color: #777777;width: auto;display: inline-block;float: left;}
.download-button:hover {background: #ffffff url(images/icons/download_btn_h.png) 5px center no-repeat;background-size: 17px;color: #000;}
.loading-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/loader.gif') 5px center no-repeat;
background-size: 15px;
width: auto;
display: inline-block;
float: left;
}
.small-loader {
background: url('images/loader.gif') no-repeat;
background-size: 15px;
float: right;
width: 15px;
height: 15px;
margin-top: 1px;
}
.vertical-divider {
padding: 0 10px;
color: #EEE;
float: right;
font-size: 12px;
}
.counter {width: auto;padding: 0 0 0 10px;height: 17px;float: right;color: #A8A8A8;background-size: 17px;background-repeat: no-repeat;background-position: 10px 0;font-size: 12px;}
.views_counter {
background-image: url('images/icons/views.png');
}
.comments_counter {
background-image: url('images/icons/comment_n.png');
}
.downloads_counter {background-image: url('images/icons/download_n.png');}
.like_btn {
background-image: url('images/icons/like_n.png');
}
.comments_counter:hover, .like_btn:hover, .views_counter:hover, .downloads_counter:hover {
color: #777;
}
.like_btn_extended {
float: none;
display: inline;
margin-right: 6px;
padding-right: 0;
}
.playlist-title {
font-size: 15px;
word-wrap: break-word;
}
.playlist-play-content {
padding: 2px 0 10px 0;
float: left;
}
.playlist-content a {
text-decoration: none;
}
.playlist-content-info {
padding-left: 100px;
}
.playlist-buttons-container {
font-size: 12px;
}
.playlist-actions-container {
padding: 10px 0 0 100px;
}
.playlist-actions {
width: 100%;
overflow: auto;
}
.playlist-actions-content {
font-size: 12px;
float: left;
padding: 1px 0 10px 0;
}
.playlist-artwork {
}
.playlist-artwork img {
width: 75px;
}
.playlist-stats {
float: right;
padding: 6px 0 10px 0;
}
.tracks-small-icon {
background: url(images/icons/tracks_small.png) no-repeat left center;
background-size: 12px;
padding-left: 15px;
color: #666;
float: left;
}
.liked-content {
color: #777;
line-height: 22px;
}
.liked-content a {
color: #555;
text-decoration: none;
}
.liked-content a:hover {
color: #000;
}
.like_user_avatar {
float: none;
display: inline;
margin-right: 6px;
}
.like_user_avatar img {
vertical-align: middle;
width: 16px;
height: 16px;
margin-top: -4px;
}
.like_text_snippet {
color: #999;
margin-top: 2px;
overflow: auto;
}
.comment-btn {
float: right;
display: none;
}
.comment-btn a {
float: right;
border-radius: 3px;
padding: 5px 10px;
color: #BFBFBF;
cursor: pointer;
text-decoration: none;
border: 1px solid;
border-color: #BFBFBF;
font-weight: bold;
}
.comment-btn a:hover {
border-color: #44b3e8;
color: #fff;
background: #48b4e9;
}
.comment-btn a:active {background: #48b4e9;border-color: #48b4e9;color: #FFF;}
.close_btn {width: 17px;height: 17px;float: right;background: url('images/icons/close.png');background-size: 17px;cursor: pointer;}
.close_btn:hover {
background: url('images/icons/close_h.png');
background-size: 17px;
background:#48b4e9;
}
.delete_btn {width: 17px;height: 17px;float: right;background: url('images/icons/delete.png');background-size: 17px;cursor: pointer;}
.delete_btn:hover {
background: url('images/icons/delete_h.png');
background-size: 17px;
}
.report_btn {
width: 17px;
height: 17px;
float: right;
background: url('images/icons/report.png');
background-size: 17px;
cursor: pointer;
}
.report_btn:hover {
background: url('images/icons/report_h.png');
background-size: 17px;
}
.subscribe_btn {/* background-color: rgb(255 255 255 / 60%); */background-image: url(images/icons/subscribe.png);background-size: 25px;background-position: center;color: #6B6B6B;/* border-radius: 3px; */width: 25px;height: 25px;float: right;cursor: pointer;margin-left: 5px;/* border: 1px solid #DDD; */}
.subscribe_btn:hover {/* background-color: #f1f1f1; */background-image: url(images/icons/subscribe_h.png);}
.subscribe_btn:active, .subscribe_btn:focus {/* background-color: #DDD; */.sub-loadingbackground-image: url(images/icons/subscribe_h.png);}
.unsubscribe {
background-image: url(images/icons/unsubscribe.png);
}
.unsubscribe:hover, .unsubscribe:active {
background-image: url(images/icons/unsubscribe_h.png);
}
.sub-loading {
background-color: #fff;
background-image: url(images/loader.gif);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
margin-left: 5px;
}
.list-container .sub-loading {
border: 1px solid #DDD;
}
.edit_profile_btn {
background-color: rgba(255, 255, 255, 0.6);
background-image: url(images/icons/profile_edit.png);
background-size: 25px;
background-position: center;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
margin-left: 5px;
border: 1px solid #DDD;
}
.edit_profile_btn:hover {
background-color: #f1f1f1;
background-image: url(images/icons/profile_edit_h.png);
}
.edit_profile_btn:active, .edit_profile_btn:focus {
background-color: #DDD;
background-image: url(images/icons/profile_edit_h.png);
}
.message_btn {
background-color: #FFF;
background-image: url(images/icons/message_btn.png);
background-size: 25px;
background-position: center;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
border: 1px solid #DDD;
}
.message_btn:hover {
background-color: #f1f1f1;
background-image: url(images/icons/message_btn_h.png);
}
.message_btn:active, .message_btn:focus {
background-color: #DDD;
background-image: url(images/icons/message_btn_h.png);
}
.cover-content .message_btn, .cover-content .edit_profile_btn, .cover-content .subscribe_btn {
border: 0;
background-color: rgba(255, 255, 255, 0.6);
}
.cover-content .message_btn:hover, .cover-content .edit_profile_btn:hover, .cover-content .subscribe_btn:hover {
background-color: #FFF;
}
.cover-content .message_btn:active, .cover-content .message_btn:focus, .cover-content .edit_profile_btn:active, .cover-content .edit_profile_btn:focus, .cover-content .subscribe_btn:focus, .cover-content .subscribe_btn:active {
background-color: #DDD;
}
.load-more-comments, .load-more-chat {
padding: 5px 0;
text-align: center;
height: 17px;
}
.load-more-comments a, .load-more-chat a {
color: #999;
text-decoration: none;
cursor: pointer;
}
.load-more-comments a:hover, .load-more-chat a:hover {
color: #666;
}
.load-more-comments img, .load-more-chat img {
width: 85px;
vertical-align: center;
}
.last-comment-wrong {
border-bottom: 1px solid #eee;
padding-bottom: 5px;
}
.comments_preloader {
width: 100%;
}
.delete_preloader img, .comments_preloader img {
width: 85px;
}
.message-reply-avatar {
width: 32px;
float: left;
overflow:auto;
}
.message-reply-avatar img {border-radius: 50px;width: 32px;height: 32px;}
.button-normal {background: #f5f5f5;/* color: #2b2c2c; */border-radius: 7px;overflow: auto;padding: 6px 10px;cursor: pointer;text-decoration: none;border: 1px solid #c9c9c98c;display: inline;text-transform: uppercase;}
    
.button-normal:hover {border: 1px solid #00bbff;color: #fff;background-color: #00bbff;}
.button-normal:active {
border: 1px solid #03a9f4;

color: #FFF;
}
#load-more{padding:5px 0;width:100%;margin:10px 0;}
.load-more-comments{padding:15px 0 6px;height:30px}
.load_more{text-align:center}
.load_more a{display:block;text-align:center;background:#fff;border-radius:25px;padding:10px 15px;margin:0 auto;width:85%;border:1px solid #6e6d6d;cursor:pointer;text-decoration:none}
.load_more a:hover{border-color:#40c1fb;background:#40c1fb;color:#fff}.load_more a:active{border-color:#40c1fb;background:#40c1fb;color:#fff}
.load_more img{width:85px}.new-message{box-shadow:0 1px 1px #ccc;border:1px solid #bfbfbf;background:#fff;color:#6b6b6b;border-radius:3px;overflow:auto;padding:5px 10px;cursor:pointer;text-decoration:none;text-align:center}
.new-message {
box-shadow: 0px 1px 1px #CCC;
border: 1px solid #BFBFBF;
background: #fff;
color: #6B6B6B;
border-radius: 3px;
overflow: auto;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
text-align: center;
}
.new-message:hover {
border: 1px solid #AAA;
color: #888;
}
.new-message:active {
box-shadow: #CCC 0px 1px 3px inset;
}
.new-message-url a {
color: #898F9C;
text-decoration: none;
}
.new-message-url a:hover {
color: #666;
}
.timeago, .timeago-standard {color: #b3b3b3;display: inline-block;}
.timeago:hover, .timeago-standard:hover {
color: #666
}
.pro-icon {
background: url('images/icons/pro.png') no-repeat;
}
.pro-small {
background-size: 13px;
width: 13px;
height: 13px;
display: inline-block;
margin: 0 0 -2px 3px;
}
.pro-normal {
background-size: 17px;
width: 17px;
height: 17px;
display: inline-block;
margin: 0 0 -2px 0;
}
.pro-onayli {
    background-size: 14px;
    width: 20px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px 0;
    margin-left: 2px;
}
.sidebar-container {padding: 0 0 10px 0;margin-left: -1px;/* border-left: 1px solid #eee; */border-radius: 5px;}
.sidebar-content {background: #ffffff;color: #ffffff;overflow: hidden;border-radius: 7px;/* padding: 10px; */margin-bottom: 10px;}
.sidebar-header {font-size: 13px;color: #000000;border-bottom: 1px solid rgba(158, 158, 158, 0.32);padding: 10px 10px 10px 20px;border-radius: 5px 5px 0 0;text-transform: uppercase;font-weight: 700;background: -webkit-linear-gradient(top, hsl(0deg 0% 100%) 0%,hsl(0deg 0% 100%) 100%);}
.sidebar-text {font-size: 13px;color: #000000;/* border-bottom: 1px solid rgba(158, 158, 158, 0.32); */padding: 20px 10px 10px 20px;border-radius: 5px 5px 0 0;text-transform: uppercase;font-weight: 700;/* background: -webkit-linear-gradient(top, hsl(0deg 0% 100%) 0%,hsl(0deg 0% 100%) 100%); */}
.sidebar-header a {color: #777;text-decoration: none;}
.sidebar-header a:hover {
color: #222;
}
.sidebar-header-extra {float: right;}
.sidebar-header-extra a {color: #262b30;}
.sidebar-header-extra a:hover {color: #3bc8e7;}
.sidebar-subscriptions {
width: 33.333%;
float: left;
}
.sidebar-subscriptions img {
width: 100%;
margin-bottom: -4px;
}
.sidebar-subscriptions-padding {
padding: 5px;
}
.sidebar-suggestions {width: 100%;float: left;}
.sidebar-suggestions a {
text-decoration: none;
color: #888;
}
.sidebar-suggestions a:hover {
color: #000;
}
.sidebar-suggestions-inner {
padding: 10px 20px 0 20px;
overflow: auto;
}
.sidebar-suggestions-image {
float: left;
width: 35px;
}
.sidebar-suggestions-image img {/* width: 35px; */border-radius: 3px;}
.sidebar-suggestions-info {
margin: 0 30px 0 45px;
}
.sidebar-suggestions-small {
font-size: 11px;
padding-top: 5px;
cursor: default;
}
.sidebar-suggestions-track {
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar-suggestions-track a {
color: #333;
}
.sidebar-suggestions-tracks {
background: url('images/icons/tracks_small.png') no-repeat center left;
background-size: 12px;
padding: 0 20px 0 15px;
float: left;
color: #8A8A8a;
}
.sidebar-suggestions-followers {
background: url('images/icons/followers.png') no-repeat center left;
background-size: 14px;
padding: 0 20px 0 17px;
float: left;
color: #8A8A8a;
}
.sidebar-link img {
vertical-align: middle;
margin-right: 7px;
height: 20px;
width: 20px;
margin-top: -3px;
}
.sidebar-link a {padding: 8px 20px 4px 20px;display: block;text-decoration: none;color: #1f3d4e;height: 23px;}
.sidebar-link a:hover {background: #fbfbfb;color: #03A9F4;}
.sidebar-link-divider {
padding: 0 20px;
}
.sidebar-report a {color: #000;font-size: 14px;text-decoration: none;}
.sidebar-report a:hover {color: #333;}
.ic-tag a {background: #03a9f400;color: #03a9f4;border-radius: 3px;padding: 5px;float: left;font-size: 13px;/* margin: 0 10px 10px 0; */text-decoration: none;}
.sidebar-tag a {background: #03a9f400;color: #0070c0;border-radius: 3px;padding: 5px;float: left;font-size: 13px;/* margin: 0 10px 10px 0; */text-decoration: none;}
.sidebar-tag a:hover {/* background: #d6e4ee; */color: #03a9f4;}
.sidebar-stats-container {padding: 10px 10px 0 5px;/* font-size: 10px; *//* font-weight: bold; */color: #3c4952;overflow: auto;padding: 10px;}
.sidebar-stats-box {width: 15%;float: left;/* padding: 5px; *//* padding-top: 13px; *//* background-color: #ededed; *//* text-transform: uppercase; */}
.sidebar-stats-today {color: #3fc1fc;}
.sidebar-text-right {/* text-align: center; */font-size: 20px;padding: 9px 0 0 5px;}
 .sidebar-stats-boxx {width: 50%;float: left;/* padding: 5px; */padding-top: 13px;/* background-color: #ededed; *//* text-transform: uppercase; */}
.sidebar-text-rightt {text-align: right;font-size: 20px;/* font-weight: normal; */padding: 8px 0 0 0;height: 40px;/* background-color: #ededed; */}
.sidebar-stats-box-rightt {text-align: right;}
.upload-status-bar, .sidebar-stats-bar {margin-top: 13px;height: 3px;width: 100%;overflow: hidden;background: #e3e7ed;float: left;border-radius: 0.25rem;}
.upload-status-bar {
margin-top: 11px;
}
.sidebar-stats-divider {
margin-top: 13px;
float: left;
}
.upload-status-bar-percentage, .sidebar-stats-bar-percentage {background-color: #01aef5;height: 3px;border-radius: 42px;}
.upload-text {font-size: 15px;font-weight: bold;color: #777;overflow: auto;text-transform: uppercase;}
.sidebar-users {
cursor: pointer;
}
.sidebar-users img {
vertical-align: middle;
margin-right: 7px;
}
img.sidebar-status-icon {
height: 25px;
width: 12px;
}
.sidebar-users a {
margin-top: -1px;
padding: 5px 10px 5px 10px;
border-top: 1px solid #EEE;
display: block;
text-decoration: none;
color: #898F9C;
}
.sidebar-users a:hover {
background: #f1f1f1;
color: #666;
}
.sidebar-link-active a, .sidebar-link-active a:hover {background: #f7f7f7;color: #40c1fb;}
.sidebar-online-users {
float: left;
width: 25%;
}
.sidebar-online-users a {
text-decoration: none;
}
.sidebar-online-users img {
width: 100%;
border-radius: 5px;
}
.sidebar-online-users-padding {
padding: 10px 10px 0 0;
}
.sidebar-online-users-inner {
overflow: hidden;
padding: 0 10px 0 20px;
}
.plus-button {
overflow: auto;
background: #FFF;
border-radius: 5px;
border: 2px solid #BBB;
color: #BBB;
text-align: center;
line-height: 40px;
height: 42px;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}
.plus-sign {
margin-left: -5px;
}
.plus-button:hover {
color: #fff;
background: #BBB;
}
.sidebar-chat-list {
max-height: 456px;
overflow: auto;
}
.sidebar-header input {
outline: 0;
border: 1px solid #FFF;
background: url('images/icons/search.png') no-repeat top right;
background-size: 12px;
width: 100%;
margin: 0;
padding: 0;
height: 16px;
}
.sidebar-divider {
height:1px;
width: 100%;
background: #EEE;
float: left;
}
.sidebar-list {
margin-top: -1px;
padding: 7px 10px;
border-top: 1px solid #EEE;
font-size: 12px;
}
.sidebar-list img {
width: 20px;
height: 20px;
margin-left: 3px;
vertical-align: middle;
}
.sidebar-description {padding: 10px 20px 0 20px;word-wrap: break-word;background: #fff;color: #000000;overflow: hidden;/* border-radius: 7px; */padding: 20px;font-size: 15px;/* width: 280px; */}
.sidebar-license {
margin-top: 3px;
}
.sidebar-social-container {overflow: auto;padding: 0 20px 0 20px;}
.social-icon {width: 100%;border-radius: 10px;height: 34px;}
.share-social-icon {height: 34px;width: 34px;border-radius: 7px;}
.website-icon {background: #EEE url('images/icons/social/website.png') center center no-repeat;background-size: 30px;}
.website-icon:hover {background: #c6d6e100 url(images/icons/social/website_h.png) center center no-repeat;background-size: 30px;}
.facebook-icon {background: #eeeeee00 url(images/icons/social/instagram.png) center center no-repeat;background-size: 30px;}
.facebook-icon:hover {background: #3b579d url('images/icons/social/facebook_h.png') center center no-repeat;background-size: 30px;}
.twitter-icon {background: #eeeeee00 url(images/icons/social/facebook.png) center center no-repeat;background-size: 30px;}
.twitter-icon:hover {background: #55acee url('images/icons/social/twitter_h.png') center center no-repeat;background-size: 30px;}
.gplus-icon {
background: #EEE url('images/icons/social/instagram.png') center center no-repeat;
background-size: 18px;
}
.gplus-icon:hover {
background: #000 url('images/icons/social/instagram_h.png') center center no-repeat;
background-size: 18px;
}
.youtube-icon {background: #eeeeee00 url(images/icons/social/whatsapp.png) center center no-repeat;background-size: 30px;}
.youtube-icon:hover {background: #CC201F url('images/icons/social/youtube_h.png') center center no-repeat;background-size: 30px;}
.vimeo-icon {
background: #EEE url('images/icons/social/vimeo.png') center center no-repeat;
background-size: 18px;
}
.vimeo-icon:hover {
background: #1ab7ea url('images/icons/social/vimeo_h.png') center center no-repeat;
background-size: 18px;
}
.soundcloud-icon {
background: #EEE url('images/icons/social/soundcloud.png') center center no-repeat;
background-size: 18px;
}
.soundcloud-icon:hover {
background: #F7640F url('images/icons/social/soundcloud_h.png') center center no-repeat;
background-size: 18px;
}
.lastfm-icon {
background: #EEE url('images/icons/social/lastfm.png') center center no-repeat;
background-size: 18px;
}
.lastfm-icon:hover {
background: #D00A01 url('images/icons/social/lastfm_h.png') center center no-repeat;
background-size: 18px;
}
.tumblr-icon {background: #ffffff00 url(images/icons/social/tiktok.png) center center no-repeat;background-size: 30px;}
.tumblr-icon:hover {background: #37465d url('images/icons/social/tumblr_h.png') center center no-repeat;background-size: 30px;}
.reddit-icon {
background: #EEE url('images/icons/social/reddit.png') center center no-repeat;
background-size: 18px;
}
.reddit-icon:hover {
background: #ff4500 url('images/icons/social/reddit_h.png') center center no-repeat;
background-size: 18px;
}
.linkedin-icon {
background: #EEE url('images/icons/social/linkedin.png') center center no-repeat;
background-size: 18px;
}
.linkedin-icon:hover {
background: #0e76a8 url('images/icons/social/linkedin_h.png') center center no-repeat;
background-size: 18px;
}
.myspace-icon {
background: #EEE url('images/icons/social/myspace.png') center center no-repeat;
background-size: 18px;
}
.myspace-icon:hover {
background: #018CDD url('images/icons/social/myspace_h.png') center center no-repeat;
background-size: 18px;
}
.pinterest-icon {
background: #EEE url('images/icons/social/pinterest.png') center center no-repeat;
background-size: 18px;
}
.pinterest-icon:hover {
background: #D0383F url('images/icons/social/pinterest_h.png') center center no-repeat;
background-size: 18px;
}
.email-icon {
background: #EEE url('images/icons/social/email.png') center center no-repeat;
background-size: 18px;
}
.email-icon:hover {
background: #666 url('images/icons/social/email_h.png') center center no-repeat;
background-size: 18px;
}
.social-icon-container {width: 20%;float: left;}
.social-icon-padding {padding: 0 10px 10px 0;}
.share-icon-container {
float: left;
}
.share-icon-container a {
cursor: pointer;
}
.share-icon-container .social-icon-padding {
padding: 5px 5px 0 0;
}
.sidebar-social img {
margin-right: 3px;
width: 16px;
height: 16px;
vertical-align: top;
font-size: 12px;
}
.sidebar-list a {
color: #6B6B6B;
}
.sidebar-avatar {
width: 50px;
float: left;
}
.sidebar-avatar img {
border-radius: 3px;
}
.sidebar-avatar-desc {
height: 42px;
margin-left: 60px;
padding-top: 8px;
font-size: 12px;
}
.sidebar-avatar-edit a {
font-size: 12px;
color: #666;
font-weight: normal;
}
.page-header {padding: 8px 23px;margin: 10px 0px 10px 0px;font-size: 15px;/* font-weight: bold; */text-transform: uppercase;font-weight: 700;color: #000000;background-color: #fff;border-radius: 7px;}
.page-header-extra {/* border-right: 1px solid #EEE; *//* border-bottom: 1px solid #DDD; */background: #ffffff;border-radius: 5px;/* background: -webkit-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,94%,1) 100%); */}
.message-form-private {
float: right;
}
.private-profile-content {border-right: 1px solid #EEE;background: #fff;color: #6B6B6B;/* overflow: auto; */border-radius: 7px;}
.selected-files {
border-bottom: 1px solid #EEE;
padding: 5px 10px;
display: none;
color: #a9a9a9;
}
.header-loader {
float: right;
}
.chat-container {
height: 410px;
padding: 0 20px;
overflow: auto;
}
.chat-form-inner {
padding: 10px 20px;
}
.chat-form-inner input {
border: 0;
outline: 0;
width: 100%;
resize: none;
height: 25px;
min-height: 25px;
max-width: 100%;
overflow: hidden;
}
.chat-error {padding: 20px;background-color: #0095ff24;}
textarea {
width: 100%;
max-width: 500px;
height: 100px;
box-sizing: border-box;
}
.logo {height:50px;width:130px;float:left;font-size:31px;color:rgb(106 155 197);font-weight:200;font-family:system-ui;padding:5px 0 0 55px;margin:0 20px;background:url(images/logo.png) no-repeat left;background-size:40px;}
.relative{position:relative;}
.info {
border: 1px solid #38A8FF;
background: #BEDBFF;
border-radius: 3px;
color: #2A4E9B;
width: 91%;
padding: 5px 7px;
}
.page-settings-container {
padding: 0 0 10px 0;
border-right: 1px solid #EEE;
}
.page-login-container {
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
.page-container {/* border-right: 1px solid #EEE; */padding: 0 0 10px 0;background-color: #ffffff;margin: 0 0 10px 0;border-radius: 12px;}
.page-content {background: #ffffff;color: #000000;/* overflow: auto; */border-radius: 7px;padding: 0px 0px 10px 10px;}
.page-inneraz {padding: 10px 10px;overflow: auto;font-size: 14px;color: #72553c;}
.page-input-container {width: 100%;overflow: auto;padding: 10px 10px;}
.page-input-container input, .page-input-container select, .page-input-container textarea, input.playlist-input {padding: 8px 8px;border: 1px solid #BFBFBF;border-radius: 5px;outline: none;margin: 0;}
.yazi-name {
    overflow: auto;
    line-height: 1.6;
    font-size: 13px;
    border-radius: 3px;
    margin-bottom: 5px;
    color: #aaa;
}
.page-input-container input:hover, .page-input-container select:hover, .page-input-container textarea:hover {border: 1px solid #12b7f6;}
.page-input-container input:focus, .page-input-container select:focus, .page-input-container textarea:focus  {
border: 1px solid #888;
}
.page-input-container input[type="submit"] {
margin-top: 0;
}
.page-input-container input[type="file"] {
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
}
.page-input-container input[type="file"]:hover {
border: 1px solid #AAA;
}
.page-input-content {width: 100%;padding-left: 23px;box-sizing: border-box;}
.page-input-left {
padding-left: 0;
}
.page-input-title, .page-input-title-img {text-align: right;width: 135px;margin-right: 10px;margin-top: 4px;display: inline-block;vertical-align: top;float: left;color: #1f3d4e;} 
.page-input-title-img img {border-radius: 7px;margin-top: 5px;border: 2px solid #ccc;}
.page-input-sub {/* color: #1f3d4e; *//* font-size: 11px; */padding-top: 14px;}
.report-checkbox {
padding-bottom: 10px;
max-width: 500px;
}
.report-checkbox textarea {
min-height:100px;
}
.report-checkbox input {
float: left;
}
.report-checkbox label {
padding-left: 5px;
}
.page-title {/* font-size: 18px; */}
.page-input-title-img-wall {width: 98%;}
.page-input-title-img-wall img {
width: 100%;
}
.stats-boxes-container {
overflow: auto;
width: 100%;
padding-bottom: 10px;
}
.container-short {
overflow: auto;
}
.container {
padding: 15px 0;
overflow: auto;
width: 100%;
float: left;
}
.chart-container {
padding-left: 15px;
}
.chart img {
width: 100%;
}
.preloader {
padding: 10px 0;
width: 36px;
height: 36px;
margin: 0 auto;
}
.preloader-normal {
width: 110px;
height: 10px;
}
.preloader-dark {
width: 110px;
height: 10px;
background: url('images/preloader_dark.gif');
}
.preloader-retina {
width: 85px;
height: 8px;
background: url('images/preloader.gif');
background-size: 85px 8px;
}
.preloader-retina-large {
width: 50px;
height: 20px;
background: url('images/preloader.gif');
background-size: 50px 20px;
}
.preloader-center {
margin: 0 auto;
}
.preloader-left {
display: inline-block;
}
.retrieving-results {
display: inline;
}
.footer {padding: 0px 0 0px 0;}
.footer-container {font-size: 13px;color: #919191;padding: 10px 15px;background-color: #e7e7e7;}
.footer-links, .footer-languages {padding-bottom: 5px;color: #000000;float: right;margin-top: 15px;}
.footer-links a, .footer-languages a {
color: #7E7E7E;
}
.footer-links a:hover, .footer-languages a:hover {color: #fff;}
.footer-links span:not(:last-child):after, .footer-languages span:not(:last-child):after {
content: " - ";
}
.pages-content {
padding: 20px;
}
.text-inputs {
padding: 3px 0;
}
.ads1 {
margin-top: 10px;
width: 100%;
height: auto;
float: left;
}
.info-message {
width: 100%;
text-align: center;
padding: 20px 0;
font-size: 16px;
}
.error {
padding: 5px;
border: 1px solid #cc0000;
background: #ffc0cf;
color: #b40a34;
border-radius: 3px;
margin: 0 0 10px 0;
}
.theme-content {
color: #999;
width: 100%;
float: left;
}
.theme-inner {
padding: 10px 0;
}
.theme-icon {
width: 60px;
float: left;
overflow: auto;
}
.theme-icon img {
border-radius: 3px;
width: 60px;
}
.theme-top {
padding: 5px 0 5px 70px;
}
.forgot-password {
padding-top: 4px;
float: right;
font-size: 12px;
}
.forgot-password a {
color: #AAA;
}
.forgot-password a:hover {
color: #666;
}
.register-captcha img {
border-radius: 3px;
width: 75px;
float: right;
border: 1px solid #BFBFBF;
}
.welcome-content {/* background: #d8d8d8; */border: 0;/* padding: 40px 0; *//* border-bottom: 1px solid #EEE; */}
.welcome-content .row-body, .welcome-pro .row-body {padding: 0 0px;background-color: white;border-radius: 7px;/* padding: 30px; */margin-top: 10px;}
.wc-lc {overflow: auto;padding: 0 0 0 0;}
.wc-lc .row-body {padding-top: 50px;background-color: white;border-radius: 7px;padding: 30px;margin-top: 10px;}
.welcome-pro {
padding: 25px 0;
}
.welcome-bg-0 {
background: #FFF;
}
.welcome-bg-1 {
background: #f5f5f5;
}
.welcome-inner {overflow: auto;padding: 0 30px;}
.welcome-tracks {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;/* width: 100%; */margin: 10px;max-width: 700px;/* background-color: #ffffff; */padding: 5px 16px 0px 0px;border-radius: 7px;}
.welcome-tracks .welcome-track .welcome-pseudo {display: inline-flex;flex-direction: column;margin-bottom: 10px;position: relative;/* border-radius: 5px; */overflow: hidden;box-shadow: 0 0 1rem rgba(0,0,0,.03)!important;}
.welcome-items-width {max-width: 357px;/* width: 16%; */}
.welcome-tracks .song-titles {
padding: 0;
}
.welcome-tracks .song-title div {font-size: 12px;/* font-weight: bold; */padding: 0;}
.welcome-tracks .song-title div, .welcome-tracks .song-author {/* white-space: nowrap; *//* overflow: hidden; */text-overflow: ellipsis;width: 600px;/* color: rgb(0 0 0); */margin-top: -60px;margin-left: 115px;margin-bottom: 62px;}
.welcome-track {margin: 0px 0px 10px 5px;position: relative;box-sizing: border-box;overflow: hidden;margin-top: 0px;display: block;overflow: hidden;width: 345px;height: 70px;/* background: #ffffff; */background: -moz-linear-gradient(top, hsla(0,0%,96%,1) 0%, hsla(0,0%,93%,1) 100%);/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1))); */-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;/* border: 1px solid #e0e0e0; */padding: 3px;/* clear: both; *//* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); */}
.welcome-track a {overflow: hidden;}
.welcome-track img {/* width: 100%; */z-index: 1;display: block;width: 50px;}
ul.music_list li a {color:#4d4d4d}
ul.music_list li a:hover {color: #0095d7;text-decoration:underline;}
ul.music_list li:hover {background:#fff}
ul.music_list li div.photo {float:left;width:50px;margin-right:10px;}
ul.music_list li div.inner {float:left;width: 272px;}
ul.music_list li div.photo img {width:50px;height:50px;}

.welcome-player-container {width: 50px;height: 50px;/* position: absolute; *//* left: 0; *//* top: 0; *//* right: 0; *//* bottom: 0; *//* margin: auto; *//* z-index: 99; */}
.welcome-player-background {/* display: none; *//* position: absolute; */margin-left: 65px;margin-top: -50px;/* z-index: 99; */right: 0;/* bottom: 0; *//* background: rgb(0 187 255 / 0%); *//* background-image: -webkit-linear-gradient( 
90deg, rgb(59 200 231) 0%, rgb(52, 218, 200) 0%, #3fc1fc 0%, rgb(0 0 0 / 0%) 100%); */background-image: -ms-linear-gradient( 90deg, rgb(22, 26, 46) 0%, rgb(52, 218, 200) 0%, #ff4865 0%, rgba(32, 167, 196, 0) 100%);/* position: absolute; *//* bottom: 0; *//* left: 0; *//* right: 0; *//* height: 50px; *//* background: linear-gradient(0deg,rgba(4, 4, 4, 0.61),transparent); *//* pointer-events: none; */}
.welcome-track.current-song .welcome-pseudo .welcome-player-button,
.welcome-track.current-song .welcome-pseudo .welcome-player-background,
.welcome-pseudo:hover .welcome-player-button,
.welcome-pseudo:hover .welcome-player-background {
display: block;
}
.welcome-track .player-controls {padding: 0;width: 35px;height: 35px;position: absolute;/* z-index: 99; */}
.welcome-track .welcome-player-button {
padding: 0;
}
.welcome-track .song-play-btn {position: absolute;/* z-index: 999; */}
.welcome-track .player-controls a.jp-play, .welcome-track .player-controls a.jp-pause {
margin: 0;
}
.welcome-track .jp-progress, .welcome-track .jp-time-holder {
display: none !important;
}
.wc-button {
padding-top: 15px;
line-height: 30px;
}
.welcome-message {float: left;width: 100%;color: #000;margin: 5px 0;/* text-align: center; */}
.welcome-title {
font-size: 34px;
font-weight: normal;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.welcome-desc {/* font-size: 15px; *//* font-weight: normal; *//* line-height: 1.5em; *//* max-width: 650px; *//* margin: 0px auto; */color: #704c1f;/* text-shadow: 0 2px 10px rgba(0,0,0,0.3); */}
.welcome-tagline {
font-size: 18px;
padding-bottom: 17px;
}
.text-primary {
color: #FF6060 !important;
}
.text-muted {color: #313a40!important;}
.text-dark {color: #000000 !important;}
.text-center {
text-align: center !important;
}
.welcome-button {margin: -5px 10px 0 0;min-height: 24px;display: inline-block;float: right;}
.welcome-button:last-child {margin-right: 0;}
.welcomee-buttonn a {padding: 8px 1px;border: 2px solid #ffffff;color: #ffffff;border-radius: 3px;font-weight: 600;font-size: 30px;cursor: pointer;display: block;width: 200px;margin-left: -7px;margin-top: 10px;}
.welcomee-buttonn a:hover {background: #0079fe;border: 2px solid #0079fe;color: #FFF;}
.welcome-button a {padding: 10px 10px;border: 1px solid #ffffff;color: #b5b5b5;border-radius: 3px;font-weight: 600;font-size: 10px;cursor: pointer;display: block;}
.welcome-button a:hover {/* background: #0079fe; *//* border: 1px solid #0079fe; */color: #FFF;-webkit-transition: all .3s ease;transition: all .3s ease;}
.welcome-message .welcome-button a {border: 1px solid #FFF;/* background: #3bc8e7; */color: #ffffff;border-radius: 20px;}
.welcome-message .welcome-button a:hover {
 border: 1px solid #ffffff;
 /* background: #ffffff; */
 color: #3c4952;
 border: 1px
 solid #3bc8e7;
 background: #3bc8e7;
 color: #ffffff;
 border-radius: 20px;
 transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;
 box-shadow: 0px 0px 20px 0px #3bc8e7;
 }
.welcome-section-title {font-weight: 600;font-size: 20px;margin: 0 auto;display: inline-flex;}
.welcome-section-title .pro-icon {
align-self: center;
margin: 0 10px;
}
.welcome-section-desc {font-size: 14px;margin: auto;max-width: 500px;text-align: center;}
.welcome-bar {
border-bottom: 1px solid #DDD;
padding: 20px 0;
background: #fff;
}
.welcome-menu {
text-align: center;
font-size: 15px;
}
.welcome-menu a {
margin: 0 20px 0 0;
}
.welcome-box {
width: 100%;
float: left;
box-sizing: border-box;
padding: 0 0 50px 0;
color: #666;
}
.welcome-box:first-child {
padding: 25px 0 0 0;
}
.welcome-box-section {
font-size: 22px;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
}
.welcome-centered-text {
text-align: center;
}
.welcome-box-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.welcome-box-desc {
padding: 3px 0 0 0;
font-size: 15px;
}
.welcome-title {font-size: 15px;}
.welcome-desc {/* font-size: 16px; *//* padding-top: 20px; */}
.welcome-button a {padding: 7px 11px;border: 1px solid #aeaeaea1;color: #000000;border-radius: 3px;/* font-weight: bold; */cursor: pointer;display: inline-block;}
.welcome-button a:hover {/* background: #ffffff; */border: 1px solid #00a3f6;color: #00b6f4;}
.welcome-learn {
margin: 0 auto 3px auto;
font-size: 14px;
}
.welcome-arrow {
padding: 0 0 40px 0;
background: url('images/downarrow_large.png') center bottom no-repeat;
background-size: 25px;
width: 25px;
margin: 0 auto;
cursor: pointer;
}
.welcome-bar {
border-bottom: 1px solid #e6e6e6;
padding: 20px 0;
background: #fff;
}
.welcome-menu {
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.welcome-menu a {
color: #888;
margin: 0 10px 0 10px;
border: 2px solid #eee;
padding: 7px 10px;
border-radius: 3px;
}
.welcome-menu a:hover {
background: #EEE;
color: #555;
}
.welcome-box {width: 33.333%;float: left;box-sizing: border-box;padding: 10px 50px 0 50px;}
.welcome-box-section {color: #000000;font-size: 20px;font-weight: bold;/* text-transform: uppercase; */text-align: center;}
.welcome-centered-text {
text-align: center;
}
.welcome-full-section {
color: #666;
font-size: 20px;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.welcome-box-title {font-size: 15px;font-weight: bold;/* text-transform: uppercase; */text-align: center;color: #666;}
.welcome-box-desc {padding: 10px 0 0 0;font-size: 14px;color: #666;text-align: center;}
.feature-image {
width: 32px;
height: 32px;
margin: 20px auto 15px auto;
border-radius: 5px;
padding: 10px;
}
.features-upload {background: #f1f1f1 url(images/icons/features/upload.png) center center no-repeat;background-size: 32px;}
.features-audience {
background: #f1f1f1 url('images/icons/features/audience.png') center center no-repeat;
background-size: 32px;
}
.features-stats {
background: #f1f1f1 url('images/icons/features/stats.png') center center no-repeat;
background-size: 32px;
}
.features-explore {
background: #f1f1f1 url('images/icons/features/explore.png') center center no-repeat;
background-size: 32px;
}
.features-share {
background: #f1f1f1 url('images/icons/features/share.png') center center no-repeat;
background-size: 32px;
}
.features-organize {
background: #f1f1f1 url('images/icons/features/organize.png') center center no-repeat;
background-size: 32px;
}
.notification-box {/* padding: 5px 10px 10px 10px; *//* border: 0px solid; *//* position: relative; *//* margin: 10px 20px 0 20px; *//* color: #fff; *//* border-radius: 3px; */}
.notification-box a {
color: #FFF;
}
.notification-box a:hover {
color: #F6F6F6;
}
.notification-box-modal {
margin: 10px 10px 0 10px;
}
.notification-box {padding: 5px 10px 10px 10px;border: 0px solid;position: relative;margin: 10px 20px 20px 20px;color: #fff;border-radius: 3px;}
.notification-box a {color: #FFF;margin-left: 22px;}
.notification-box a:hover {
color: #F6F6F6;
}
.notification-box-modal {
margin: 10px 10px 0 10px;
}
.notification-box h5 {
font-size: 20px;
margin: 0;
}
.notification-box-error {
background: #FF5757;
}
.notification-box-success {
background: #27ae60;
}
.notification-box-info {
background: #3498db;
}
.notification-box > p {
padding-top: 5px;
padding-right: 20px;
margin: 0;
}
.notification-close {
padding: 5px 4px;
position: absolute;
right: 0;
top: 5px;
background: url(images/icons/close_h.png) no-repeat center left;
background-size: 17px;
width: 17px;
height: 17px;
cursor: pointer;
opacity: 0.75;
}
.notification-close:hover {
opacity: 1;
}
.notification-container {
max-width: 1120px;
width: 100%;
margin: 0 auto;
display: none;
top: 55px;
color: #AAA;
padding: 0 10px;
box-sizing: border-box;
}
.notification-content {background: #ffffff;max-width: 350px;width: 100%;float: right;}
.notification-content a {color: #000;text-decoration: none;}
.notification-content a:hover {
color: #03A9F4;
}
.notification-inner {
padding: 10px;
}
.notification-container .notification-row {float: left;width: 100%;border-top: 1px solid #e4e4e4;border-right: 0;}
.notification-row {
float: left;
width: 100%;
border-top: 1px solid #EEE;
border-right: 1px solid #EEE;
}
.notification-image {
float: left;
}
.notification-text {
padding-left: 39px;
}
.notification-text img {
vertical-align: bottom;
width: 15px;
height: 15px;
}
.notification-text .chat-snippet {
font-style: italic;
word-wrap: break-word;
}
.notification-container .notification-unread {
background: #252525;
}
.notification-unread {
background: #F1F1F1;
}
.notification-container .notification-padding {
padding: 5px 10px;
overflow: auto;
}
.notification-padding {
padding: 10px 20px;
overflow: auto;
}
#notifications-content .timeago {
float: none;
}
#notifications-content .timeago:hover {
text-decoration: none;
color: #999;
cursor: default;
}
#notifications-content img.notifications {
height: 33px;
width: 33px;
border-radius: 3px;
margin-right: 5px;
}
#notifications-content {
max-height: 435px;
overflow: auto;
}
#notifications-page .timeago {
float: none;
}
#notifications-page .timeago:hover {
text-decoration: none;
}
#notifications-page img.notifications {
height: 33px;
width: 33px;
border-radius: 3px;
margin-right: 5px;
}
.sidebar-button-container {/* width: 100%; */background: #fff;color: #6B6B6B;overflow: hidden;border-radius: 7px;padding: 10px;}
.sidebar-button-container a {
text-decoration: none;
}
.edit-button, .back-button {/* margin: 0px 10px 0px 0px; */margin: 10px 20px 10px 20px;border: 1px solid #4bb5e9;height: 30px;border-radius: 10px;text-align: center;line-height: 30px;color: #53b9ea;cursor: pointer;}
.edit-icon {background: url('images/icons/edit_n.png') no-repeat;background-size: 20px;width: 32px;padding: 0px 15px 10px 15px;/* margin-left: -10px; */}
.edit-button:hover {background: #4bb5e9;border-color: #48b4e9;color: #FFF;transition: all .2s ease;}
.edit-button:hover .edit-icon {
background: url('images/icons/edit_h.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.back-icon {background: url('images/icons/back_n.png') no-repeat;background-size: 20px;width: 32px;padding: 2px 15px 10px 15px;margin-left: -10px;}
.back-button:hover {
background: #27AE60;
border-color: #27AE60;
color: #FFF;
}
.back-button:hover .back-icon {
background: url('images/icons/back_h.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.upload-ust {margin: 10px 20px 10px 20px;border: 0px solid #48b4e9;/* height: 20px; */border-radius: 50px;text-align: center;line-height: 30px;color: #ffffff;cursor: pointer;background-color: #3fc1fc;width: 293px;}
.upload-ust:hover {
	    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	box-shadow: 0px 0px 20px 0px #3be76e;
	background: #3cd742;border-color: #0079fe;color: #FFF;}
.upload-icon {background: url('images/icons/upload_n.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;margin-left: -10px;}
.upload-ust:hover .upload-icon {background: url('images/icons/upload_h.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;margin-left: -10px;}


.upload-button {margin: 10px 20px 10px 20px;border: 0px solid #48b4e9;/* height: 20px; */border-radius: 50px;text-align: center;line-height: 35px;color: #ffffff;cursor: pointer;font-size: 17px;background-color: #3fc1fc;}
.upload-button:hover {
	    transition: all 0.4s ease-in-out;
	    -webkit-transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	    -o-transition: all 0.4s ease-in-out;
	    box-shadow: 0px 0px 3px 0px #00b5fb;
	    background: #3cd74200;
	    /* border-color: #0079fe; */
	    color: #03A9F4;
	    }
.upload-icon {background: url('images/icons/upload_n.png') no-repeat;background-size: 30px;width: 32px;padding: 5px 25px 5px 10px;margin-left: -10px;}
.upload-button:hover .upload-icon {background: url('images/icons/upload_h.png') no-repeat;background-size: 30px;width: 32px;padding: 5px 25px 5px 10px;margin-left: -10px;}
.sidebar-fa-image {
float: left;
}
.sidebar-fa-image img {width: 30px;height: 30px;border-radius: 6px;/* border: 1px solid #28a6f9; *//* padding: 3px; */}
.sidebar-fa-text {font-size: 12px;padding-left: 37px;margin-top: 7px;}
.sidebar-fa-text .timeago {
float: none;
display: inline-block;
}
.sidebar-fa-content {
max-height: 336px;
overflow: auto;
}
.sidebar-fa-content a {/* color: #00bbff; */}
.sidebar-fa-content .notification-row {
border: 0;
}
.sidebar-fa-content .notification-padding {
padding: 10px 20px 0px 20px;
}
.input_hidden {
position: absolute;
left: -9999px;
}
.selected {
background-color: #DFDFDF;
}
#values {
float: left;
}
#values label {
display: inline-block;
cursor: pointer;
}
#values label:hover {
background-color: #efefef;
}

#values label img {
padding: 7px 5px 6px 5px;
width: 24px;
height: 24px;
}
.button-image {
width: 34px;
height: 40px;
background-image: url('images/icons/events/camera.png');
background-repeat: no-repeat;
background-position: 50% 35%;
overflow: hidden;
float: left;
cursor: pointer;
margin-right: 4px;
background-size: 24px;
}
.button-image:hover {
background-color: #efefef;
}
.inputImage {
opacity: 0.0;
height: 40px;
cursor: pointer;
width: 33px; /* Move it to the left so that the cursor: pointer gets active (it sends the Choose file outside of the view) */
}
#notifications_btn, #messages_btn {cursor: pointer;/* width: 16px; */}
.notificatons-number-container {
float: left;
margin-right: 5px;
}
.admin-notifications-number {
background: #FF3434;
padding: 3px 5px;
border-radius: 3px;
font-weight: normal;
color: #FFF;
font-size: 10px;
margin-left: 3px;
}
.notifications-number {
background: #FF3434;
border-radius: 3px;
padding: 2px 3px;
font-size: 10px;
position: absolute;
margin: -30px 0 0 9px;
color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
#more_users, #more_reports, #more_payments {
width: 100%;
float: left;
padding: 15px 0 5px 0;
}
#share, #playlist, #delete, #connect {position:fixed;z-index: 101;top: 40%;left:50%;margin: -143px 0 0 -189px;width: 324px;display: none;}
#playlists {
max-height: 138px;
}
.modal-input input {border: 1px solid #c9c9c9;padding: 10px;border-radius: 7px;width: 100%;box-sizing: border-box;-webkit-appearance: none;outline: 0;}
.modal-input input:focus, .modal-input input:hover {
border: 1px solid #959595;
}
.modal-checkbox input {margin: 5px 5px 0 0;float: left;width: 14px;height: 14px;input[type=checkbox] + label {    display: block;margin: 0.2em;cursor: pointer;padding: 0.2em;  }input[type=checkbox] {    display: none;  }input[type=checkbox] + label:before {    content: "\2714";border: 0.1em solid #000;border-radius: 0.2em;display: inline-block;width: 1em;height: 1em;padding-left: 0.2em;padding-bottom: 0.3em;margin-right: 0.2em;vertical-align: bottom;color: transparent;transition: .2s;  }input[type=checkbox] + label:active:before {    transform: scale(0);  }input[type=checkbox]:checked + label:before {    background-color: MediumSeaGreen;border-color: MediumSeaGreen;color: #fff;  }input[type=checkbox]:disabled + label:before {    transform: scale(1);border-color: #aaa;  }input[type=checkbox]:checked:disabled + label:before {    transform: scale(1);background-color: #bfb;border-color: #bfb;  }}
.modal-checkbox label {margin-top: 2px;float: left;}
input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  /* padding: 0.2em; */
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #9a9a9a;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.5em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
  transition: .8s;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
.modal-connect input {
margin: 0 0 7px 0;
}
.modal-captcha {
display: inline-block;
}
.modal-captcha input {
width: 195px;
}
.modal-background {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.62);position: fixed;overflow: auto;left: 0;top: 0;display: none;z-index: 100;}
.modal-container {background: #fff;width: 376px;border: 1px solid #BFBFBF;border-radius: 7px;overflow: auto;}
.modal-inner {
padding: 10px;
overflow: auto;
width: 100%;
box-sizing: border-box;
}
.modal-menu-container {
padding: 10px 10px 0 10px;
overflow: auto;
}
.modal-menu-item {color: #000000;padding: 7px 10px;cursor: pointer;margin: 0 10px 10px 0;border: 1px solid #00000054;border-radius: 7px;font-weight: bold;text-transform: uppercase;float: left;}
.modal-menu-item:last-child {
margin-right: 0;
}
.modal-menu-item:hover {
background: #EEE;
border-color: #EEE;
color: #777;
}
.modal-menu-item-active {background: #40c1fb;border-color: #40c1fb;color: #fff;}
.modal-loading, .header-loader {
width: 110px;
height: 10px;
background: url('images/preloader.gif');
background-size: 110px 10px;
float: right;
margin-top: 12px;
display: none;
}
.modal-desc {
padding: 0 0 5px 0;
color: #666;
}
.modal-desc img {
width: 85px;
}
.modal-btnn {margin: 10px 10px 10px 10px;overflow: auto;float: right;/* width: 200px; */}
.modal-btnn a {float: right;border-radius: 3px;padding: 5px 20px;color: #676767;cursor: pointer;text-decoration: none;border: 2px solid #EEE;font-weight: bold;text-transform: uppercase;}
.modal-btnn a:hover {border-color: #3bc8e7;background: #3bc8e7;}
.modal-btnn a {margin: auto;/* border-radius: 7px; */padding: 5px 8px;color: #787878;cursor: pointer;text-decoration: none;border: 1px solid;border-color: #9e9e9e;font-weight: bold;display: block;font-size: 10px;}
.modal-btnn a:hover {border-color: #3bc8e7;color: #ffffff;}
.modal-btnn a:active {background: #3bc8e7; */border-color: #ffffff;color: #FFF;}
.modal-btnn-active a {color: #3bc8e7;border-color: #3bc8e7;}
.modal-btnn-active a:hover {border-color: #3bc8e7;background: #3bc8e7;color: #FFF;}
.modal-btnn-enable a {
color: #27AE60;
border-color: #27AE60;
}
.modal-btn {margin: 10px 10px 10px 10px;overflow: auto;float: right;/* width: 200px; */}
.modal-btn a {float: right;border-radius: 3px;padding: 5px 20px;color: #676767;cursor: pointer;text-decoration: none;border: 2px solid #EEE;font-weight: bold;text-transform: uppercase;}
.modal-btn a:hover {border-color: #3bc8e7;background: #3bc8e7;}
.modal-btn a {margin: auto;border-radius: 7px;padding: 8px 15px;color: #787878;cursor: pointer;text-decoration: none;border: 1px solid;border-color: #9e9e9e;font-weight: bold;display: block;}
.modal-btn a:hover {border-color: #3bc8e7;color: #ffffff;}
.modal-btn a:active {background: #3bc8e7; */border-color: #ffffff;color: #FFF;}
.modal-btn-active a {color: #40c1fb;border-color: #40c1fb;}
.modal-btn-active a:hover {border-color: #40c1fb;background: #40c1fb;color: #FFF;transition: .6s;}
.modal-btn-enable a {
color: #27AE60;
border-color: #27AE60;
}
.modal-btn-enable a:hover {
border-color: #27AE60;
background: #27AE60;
color: #FFF;
}
.modal-btn-facebook a {
color: #FFF;
border-color: #3B5998;
background: #3B5998;
}
.modal-btn-facebook a:hover {
border-color: #476abf;
background: #476abf;
color: #FFF;
}
.tab-share, .tab-embed, .tab-login, .tab-register {
display: none;
}
.tab-delete {
padding: 5px 0;
width: 100%;
}
.dummy-player {
width: 100%;
padding-bottom: 10px;
overflow: auto;
}
.dummy-artwork {
float: left;
}
.dummy-artwork img {
width: 50px;
}
.dummy-play-btn {
float: left;
background: url("images/player.png") 0 0 no-repeat;
background-size: 60px;
height: 20px;
width: 20px;
margin-left: 10px;
}
.dummy-author {
float: left;
width: 80px;
height: 7px;
background: #d9d9d9;
margin: 0 0 4px 6px;
}
.dummy-title {
float: left;
width: 140px;
height: 9px;
background: #c2c2c2;
margin: 0 0 0 6px;
}
.dummy-seek {
float: left;
width: 220px;
height: 3px;
background: #c2c2c2;
margin: 7px 0 0 10px;
}
.dummy-avatars {
float: left;
width: 10px;
height: 10px;
background: #c2c2c2;
margin: 10px 0 0 10px;
}
.playlist-entry {
padding: 5px 8px 5px 26px;
margin: 0 0 5px 0;
border: 1px solid #DDD;
width: 100%;
box-sizing: border-box;
float: left;
display: inline;
border-radius: 3px;
cursor: pointer;
background: url('images/icons/playlist_add_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.playlist-entry:hover {
background: #EFEFEF url('images/icons/playlist_add_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.playlist-entry-loading {
padding: 5px 8px 5px 26px;
margin: 0 0 5px 0;
border: 1px solid #DDD;
width: 100%;
box-sizing: border-box;
float: left;
display: inline;
border-radius: 3px;
cursor: pointer;
color: #777777;
font-size: 12px;
background: url('images/loader.gif') 5px center no-repeat;
background-size: 17px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.playlist-added {
background: url('images/icons/playlist_added.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.playlist-added:hover {
background: #EFEFEF url('images/icons/playlist_remove.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
input.playlist-input {
-webkit-appearance: none;
padding: 5px 8px;
min-width: 100px;
float: left;
}
input.playlist-input:focus, input.playlist-input:hover {
border: 1px solid #AAA;
}
.playlist-save {color: #a0a0a0;font-weight: bold;padding: 5px 10px;margin-left: 10px;float: left;box-sizing: border-box;overflow: hidden;}
.playlist-save:hover {border-color: #0bf;color: #fff;}
.playlist-save:active {
border-color: #888;
color: #000;
}
#profile-card {background: #fff;border: 0px solid #E6E6E6;/* width: 500px; */margin: 0 auto;border-radius: 10px;position: absolute;display: none;z-index: 999;box-shadow: 0px 7px 20px rgb(0 0 0 / 50%);}
#profile-card .preloader-retina {
margin-bottom: 10px;
}
.profile-card-padding {
padding: 20px 10px 10px 10px;
}
.profile-card-cover img {
width: 100%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.profile-card-avatar {
margin: -94px 0 0 10px;
}
.profile-card-avatar a {
height: 80px;
width: 80px;
}
.profile-card-avatar img {
width: 80px;
height: 80px;
}
.profile-card-info {
margin: -93px 0 0 100px;
height: 100px;
position: relative;
}
.profile-card-info .cover-text-container {
font-size: 16px;
color: #FFF;
position: relative;
margin: 0;
}
.profile-card-buttons {
overflow: auto;
right: 0;
padding: 10px 10px 10px 10px;
}
.profile-card-buttons .sub-loading {
border: 1px solid #DDD;
}
.profile-card-buttons-container {
width: 60px;
float: right;
}
.profile-card-stats {
float: left;
font-size: 15px;
color: #666;
margin: 3px 15px 0 3px;
vertical-align: top;
}
.profile-card-stats img {
margin-right: 5px;
vertical-align: bottom;
cursor: pointer;
}
.profile-card-stats a {
color: #666;
text-decoration: none;
}
.profile-card-username {overflow: auto;/* float: left; */padding-top: 10px;}
.profile-card-username img {
width: 13px;
height: 13px;
}
.profile-card-location {overflow: auto;color: #FFF;float: left;min-width: 180px;}
.track-likes {
padding: 7px 0 4px 0;
}
.likes-plus {
background: url('images/icons/likes_plus.png') no-repeat;
background-size: 25px;
overflow: auto;
width: 25px;
height: 25px;
display: inline-block;
}
.track-stats {float: right;/* padding-top: 10px; */}
.track-buttons-container {font-size: 12px;float: left;padding-top: 5px;}
a.menu-button {
    color: #000000;
    float: left;
    text-decoration: none;
    margin: 17px 8px;
    padding: 5px 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
a.menu-button:hover {color: #00a7f6;padding-bottom: 5px;transition: .3s;}
a.menu-button-active {color: #000;/* padding-bottom: 18px; */}

a.ust-button {
    color: #000000;
    float: left;
    text-decoration: none;
    /* margin: 0px 5px; */
    padding: 5px 6px;
    font-size: 11px;
    text-transform: uppercase;
    /* font-weight: 700; */
}
a.ust-button:hover {color: #00a2f6;padding-bottom: 5px;}
a.ust-button-active {color: #000;/* padding-bottom: 18px; */}

a.dil-aze {
    color: #ffffff;
    /* float: left; */
    text-decoration: none;
    /* margin: 15px 5px; */
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    /* background-color: #3bc8e7; */
    border-radius: 5px;
}
a.dil-aze:hover {background-color: #3bc8e7;color: #ffffff;padding-bottom: 5px;}
a.dil-aze-active {color: #f00;padding-bottom: 5px;}


#topbar-track-info {padding: 5px 10px;overflow: auto;}
#topbar-artwork {/* background: #c9d6e194; */border-radius: 8px;top: 10px;width: 45px;height: 45px;float: left;}
#topbar-artwork img {width: 45px;height: 45px;}
#topbar-track-details {margin-left: 55px;box-sizing: border-box;}
.topbar-song-name {font-size: 12px;/* text-overflow: ellipsis; */overflow: hidden;white-space: nowrap;}
.topbar-author-name {font-size: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.topbar-author-name a {
color: #8D8D8D;
}
.topbar-author-name a:hover {
color: #000;
}
#loading-bar {position: fixed;z-index: 2147483647;top: 0;left: -6px;width: 0;height: 4px;/* background: #ffffff; */background-image: -webkit-linear-gradient( 
348deg, #2196f3 0%, #2196f3 0%, #2196f3 0%, rgb(32 167 196 / 47%) 100%);-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;-moz-transition: width 500ms ease-out,opacity 400ms linear;-ms-transition: width 500ms ease-out,opacity 400ms linear;-o-transition: width 500ms ease-out,opacity 400ms linear;-webkit-transition: width 500ms ease-out,opacity 400ms linear;transition: width 500ms ease-out,opacity 400ms linear;}
#loading-bar dd, dt {
position: absolute;
box-shadow: #03A9F4 1px 0 6px 1px;
}
#loading-bar dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
#loading-bar dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
#content {/* border-bottom: 1px solid #DDD; *//* border-bottom: 1px solid #DDD; *//* background: #ebebeb; */}
.body-content {/* background: #FFF; *//* overflow: auto; *//* border-left: 1px solid #DDD; *//* border-right: 1px solid #DDD; */}
.song-container {background: #ffffff;margin: 10px 0px 10px 0px;border: 1px solid #E6E8EB;/* border-radius: 7px; */box-shadow: 0 1px 1px rgba(0,0,0,.04);overflow: auto;padding: 10px 20px 0px 20px;position: relative;}

.flexTracks {
    /* position: relative; */
    /* left: 0; */
    /* width: 100%; */
    /* right: 0; */
    /* background: rgb(255 255 255); */
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 auto; */
    /* text-align: center; */
}
.top-number {
position: absolute;
top: 1px;
right: 5px;
width: 30px;
color: #888;
font-weight: bold;
text-align: right;
max-width: 25px;
}
.song-container-page {
border-bottom: none;
}
.song-container a, .embed-container a {
text-decoration: none;
}
.song-top {padding: 0 0 0 60px;min-height: 38px;}
.song-play-btn {width: 35px;height: 35px;float: left;background: url('images/player.png') no-repeat 0 0;background-size: 105px;cursor: pointer;/* text-indent: -9999px; */}
.song-play-btn:hover {
background: url('images/player.png') no-repeat -35px 0;
background-size: 105px;
}
.player-controls a.jp-play, .player-controls a.jp-pause {
width: 35px;
height: 35px;
text-indent: -9999px;
position: absolute;
margin-top: -35px;
left: 0;
outline: 0;
cursor: pointer;
}
.player-controls a.jp-play {background: url('images/player.png') no-repeat -70px 0;background-size: 105px;}
.player-controls a.jp-play:hover {
background: url('images/player.png') no-repeat -35px 0;
background-size: 105px;
}
.player-controls a.jp-pause {
background: url('images/player.png') no-repeat -70px -35px;
background-size: 105px;
display: none;
}
.player-controls a.jp-pause:hover {
background: url('images/player.png') no-repeat -35px -35px;
background-size: 105px;
}
.player-controls div.jp-audio div.jp-progress {
top: 15px;
}
.lyrics_f {
    position: absolute;
    background: #ffffff6b url(images/lyrics_f.png) no-repeat center;
    background-size: 20px;
    border-radius: 4px;
    margin: 3px;
    width: 20px;
    height: 20px;
}
.notplay {
    position: absolute;
    background: #ffffff6b url(images/lyrics_f.png) no-repeat center;
    background-size: 20px;
    border-radius: 4px;
    margin: 0px;
    width: 20px;
    height: 20px;
}
.author {
    position: absolute;
    background: url(images/author.png) no-repeat center;
    background-size: 10px;
    border-radius: 4px;
    margin: 1px;
    width: 10px;
    height: 10px;
}
.song-art {float: left;/* width: 50px; */}
.song-art a {
float: left; /* Cover the whole image with anchor */
}
.song-KOn7 {
    overflow: hidden;
    padding: 20px 20px;
    background: rgb(255 255 255);
    position: relative;
    text-align: left;
    flex: 35%;
    /* margin: 10px 0px 0px 0; */
}
.song-titles {padding: 0 0 0 45px;}
.song-title {font-size: 15px;word-wrap: break-word;}
.song-titleaz {font-size: 13px;word-wrap: break-word;}
.song-timeago {
overflow: auto;
float: right;
font-size: 12px;
}
.song-author {font-size: 12px;color: #727272;margin-left: 15px;}
.song-author a {color: #4b93b1;/* margin-top: 100px; */}
.song-author a:hover {color: #40c1fb;}
.song-tag {float: right;font-size: 12px;margin-top: 4px;}
.song-tag a {/* background: #ffffff; */color: #b4b4b4;border-radius: 3px;padding: 3px 5px;text-decoration: none;}
.song-tag a:hover {/* background: #DDD; */color: #666;}
.song-container div.jp-audio div.jp-type-single div.jp-progress, .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .embed-container div.jp-audio div.jp-type-single div.jp-progress, .embed-container div.jp-audio div.jp-type-single div.jp-time-holder {left: 0;width: 100%;color: #3c4952;height: 2px;}
.song-container div.jp-audio, .embed-container div.jp-audio {
width: 100%;
}
.song-container .jp-audio, .embed-container .jp-audio {
display: block;
}
.player-controls {padding: 0 0 0px 60px;}
.song-container div.jp-audio div.jp-time-holder, .embed-container div.jp-audio div.jp-time-holder {/* top: 25px; */}
.embed-container {
background: #FFF;
overflow: auto;
}
.embed-container .track-likes {
padding: 23px 0 0 0;
margin-bottom: 0;
}
.embed-powered-by {
overflow: auto;
float: right;
}
.embed-powered-by a {
color: #999;
}
.embed-powered-by a:hover {
color: #666;
}
.embed-error-title {
margin: 0 auto;
padding-top: 80px;
width: 250px;
text-align: center;
}
.embed-error-desc {
margin: 0 auto;
padding-top: 5px;
width: 250px;
text-align: center;
}
.embed-error a {
color: #FFF;
text-decoration: none;
}
.embed-error a:hover {
color: #F6F6F6;
}
.user-stats {color: #444;background: #ffffff;}
.stats-column-title {
font-weight: bold;
}
.user-stats-row {
padding: 10px 20px 0 0;
}
.user-stats-row-count {
width: 20px;
color: #999;
font-weight: bold;
display: block;
float: left;
}
.user-stats-title {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 80%;
box-sizing: border-box;
padding-right: 5px;
}
.user-stats-title a {
text-decoration: none;
}
.user-stats-title img {
width: 17px;
height: 17px;
padding-right: 3px;
vertical-align: bottom;
}
.user-stats-count {
display: inline-block;
min-width: 25px;
text-align: right;
float: right;
font-weight: bold;
}
.small-info {
padding-top: 10px;
font-size: 12px;
color: #777;
width: 100%;
display: inline-block;
}
.track-info-container {padding: 0px 20px;overflow: auto;}
.track-info-art {
float: left;
width: 112px;
}
.track-info-inputs {padding: 0 0 0 120px;}
.track-info-input {
padding: 0 0 15px 0;
overflow: auto;
}
.track-info-title {
float: left;
width: 100%;
}
.track-info-input input, .track-info-input textarea, .track-info-input select {padding: 6px 8px;border: 1px solid #BFBFBF;border-radius: 7px;outline: none;margin: 0;width: 100%;max-width: none;margin-top: 5px;float: left;box-sizing: border-box;}
.track-info-input input:hover, .track-info-input input:focus, .track-info-input textarea:hover, .track-info-input textarea:focus {border: 1px solid #00b0f5;}
.track-info-input select {
width: 100px;
display: block;
margin-right: 10px;
}
.track-info-input input[type="radio"] {
width: auto;
margin: 3px 5px 0 0;
float: left;
display: block;
border: 0;
}
.track-info-radio, .license-container {
width: 100%;
margin-top: 5px;
float: left;
}
.license-container {
margin-top: 10px;
}
.license-box-container {
width: 50%;
overflow: auto;
float: left;
padding-right: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
.license-box-container:last-child {
padding-right: 0;
}
.license-box-content {
border: 1px solid #BFBFBF;
padding: 10px 10px 10px 35px;
background: url('images/icons/playlist_add_n.png') 10px 10px no-repeat;
background-size: 17px;
cursor: pointer;
border-radius: 5px;
}
.license-box-content:hover {
border: 1px solid #AAA;
background: url('images/icons/playlist_add_h.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-active {
background: url('images/icons/playlist_added.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-active:hover {
background: url('images/icons/playlist_remove.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-title {
color: #666;
}
.license-box-desc {
color: #999;
font-size: 12px;
padding-top: 5px;
width: 100%;
overflow: auto;
}
.license-icon {
width: 15px;
height: 15px;
display: inline-block;
}
.license-cc-icon {
background: url('images/icons/license_cc.png') no-repeat;
background-size: 15px;
}
.license-at-icon {
background: url('images/icons/license_at.png') no-repeat;
background-size: 15px;
}
.license-nc-icon {
background: url('images/icons/license_nc.png') no-repeat;
background-size: 15px;
}
.license-nd-icon {
background: url('images/icons/license_nd.png') no-repeat;
background-size: 15px;
}
.license-sa-icon {
background: url('images/icons/license_sa.png') no-repeat;
background-size: 15px;
}
.edit-menu {
margin: 0 0 10px 0;
overflow: auto;
border-bottom: 1px solid #EEE;
}
.edit-menu-item {color: #777;transition: .3s;padding: 7px 10px;float: left;cursor: pointer;margin: 0 10px 10px 0;border: 1px solid #00000036;text-transform: uppercase;border-radius: 6px;font-weight: 600;font-size: 12px;}
.edit-menu-item:hover {color: #03A9F4;/* background: #EEE; */border-color: #01aef5;}
.edit-menu-item-active {
	color: #03A9F4;
	/* background: #65656500; */
	border-color: #03A9F4;
	transition: .3s;
	}
.upload-btn {float: left;width: 90%;box-sizing: border-box;text-align: center;cursor: pointer;margin-top: 5px;padding: 6px 0;/* text-transform: uppercase; */font-weight: 700;}
.upload-btn input {width: 100px;position: absolute;left: 20px;height: 20px;margin-top: -6px;opacity: 0.0;cursor: pointer;}
.upload-btn input::-webkit-file-upload-button { cursor: pointer; }

.upload-btn-selected {
 border: 1px solid #28d063;
 background: #28d063;
 color: #FFF;
 }
.upload-btn-selected:hover {
}
.upload-btn-selected:active {
color: #666;
}
.upload-btn-text {/* padding: 0px 10px; */width: 100%;float: left;text-align: center;box-sizing: border-box;font-size: 12px;}
#upload-success {
max-width: 300px;
color: #777;
margin: 0 auto;
}
.upload-title {
font-size: 18px;
text-align: center;
margin: 20px auto 0 auto;
}
.upload-desc {
font-size: 14px;
text-align: center;
margin: 20px auto;
}
.go-pro-title {
font-weight: bold;
}
.go-pro-widget-container {color: #777;padding: 20px;background-color: white;border-radius: 7px;}
.go-pro-widget-desc {
padding: 5px 0 0 0;
}
.go-pro-container {
padding-top: 30px;
text-align: center;
width: 100%;
overflow: auto;
}
.go-pro-welcome {
padding-top: 20px;
}
.go-pro-desc {
font-size: 15px;
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.go-pro-btn {
min-height: 40px;
padding-top: 20px;
}
.go-pro-widget-btn {
min-height: 30px;
padding-top: 15px;
}
.go-pro-welcome-btn {
min-height: 30px;
padding-top: 25px;
}
.go-pro-go-pro-btn {
min-height: 0;
padding-top: 0;
display: inline-block;
}
.go-pro-btn a, .wc-button a {border-radius: 3px;padding: 5px 10px;color: #03a9f4;border: 1px solid #03a9f4;cursor: pointer;text-decoration: none;font-weight: bold;}
.go-pro-btn a:hover, .wc-button a:hover {
border-color: #03A9F4;
background: #03A9F4;
color: #FFF;
}
.go-pro-header {/* background: url('images/pro.png') bottom left; */background: #03a9f4;color: #FFF;padding: 30px 20px;text-align: center;}
.go-pro-header-title {font-size: 24px;text-transform: uppercase;font-weight: 700;}
.go-pro-header-desc {font-size: 15px;text-transform: uppercase;font-weight: 700;}
.current-plan {
padding: 10px 0 0 0;
font-size: 14px;
text-align: center;
}
.current-plan-option {
color: #777;
font-weight: bold;
text-transform: capitalize;
}
.plans-container {
width: 50%;
overflow: auto;
float: left;
}
.feature-container {border-radius: 5px;background: #f0f0f0;padding: 15px;overflow: auto;margin: 20px 20px 10px 20px;font-size: 15px;}
.feature-description {margin: 10px 20px 20px 20px;padding: 15px;}
.feature-option {
width: 50%;
float: left;
}
.plan-option {
width: 25%;
float: left;
}
.plan-info {
width: 50%;
float: left;
}
.plan-history-title {
font-size: 15px;
margin: 20px 20px 10px 20px;
padding: 0 15px;
}
.plan-history-container {
margin: 0 20px 20px 20px;
padding: 15px;
}
.plan-history {
width: 25%;
float: left;
font-size: 13px;
}
.plan-option-free {color: #000000;}
.plan-option-pro {
color: #308D30;
font-weight: bold;
}
select.plan-options {border: 1px solid #03a9f4;padding: 5px;border-radius: 3px;margin: 10px 5px 0 0;}
.player-element {
float: left;
margin-right: 10px;
}
.player-nine {width: 65%;float: left;padding: 10px 0;overflow: hidden;height: 35px;}
.player-nine a {
outline: 0;
margin-right: 10px;
cursor: pointer;
}
.player-three {width: 25%;float: left;overflow: auto;/* background-color: #42cdff; *//* border-radius: 0px 12px 12px 0px; */}
.top-player .jp-gui {
display: flex;
}
.top-player .jp-progress {
flex: 1;
}
.player-container-left {width: 128px;display: flex;}
.player-container-middle {
height: 35px;
display: flex;
flex: 1;
}
.player-container-right {
width: 71px;
}
#prev-button, #next-button {
float: left;
margin-right: 11px;
}
/* Start Player CSS */
div.jp-audio {width: 100%;float: left;}
#content div.jp-audio {
float: none;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */

div.jp-interface {position: relative;width:100%;}

div.jp-audio div.jp-type-single div.jp-interface {/* height: 7px; */}
.player-nine .jp-interface {
height: 35px !important;
}
a.jp-play, a.jp-pause {
width: 35px;
height: 35px;
float: left;
margin-right: 16px;
}
a.jp-play {
background: url("images/player.png") 0 0 no-repeat;
background-size: 105px;
}
a.jp-play:hover {
background: url("images/player.png") -35px 0 no-repeat;
background-size: 105px;
}
a.jp-pause {
background: url("images/player.png") 0 -35px no-repeat;
display: none;
background-size: 105px;
}
a.jp-pause:hover {
background: url("images/player.png") -35px -35px no-repeat;
background-size: 105px;
}
/* @end */

/* @group progress bar */
div.jp-progress {overflow:hidden;background-color: #fff;}
div.jp-audio div.jp-progress {
position: absolute;
top: 15px;
height: 5px;
}
div.jp-audio div.jp-type-single div.jp-progress {width: 50%;margin: 0 15px 0 0;top: 15px;float: left;position: relative;}
.player-nine .jp-progress {
margin: 15px 0 0 0 !important;
top: 0 !important;
}
div.jp-seek-bar {
width:0px;
height:100%;
cursor: pointer;
background: #CCC;
}
div.jp-play-bar {width:0px;height:100%;background: #00bbff;position: absolute;}
div.jp-audio {font-size: 1.25em;/* line-height: 1.6; */}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
width: 100%;
height: 5px;
background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, #f1f1f1 5px, #f1f1f1 10px);
background-size: 28px 28px;
animation: seeking .5s linear infinite, seeking-in .5s linear;
}
@keyframes seeking {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 28px 0;
	}
}
@keyframes seeking-in {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}
/* @end */

/* @group volume controls */
a.jp-mute, a.jp-unmute, a.jp-volume-max {
width: 15px;
height: 35px;
float: left;
}
a.jp-mute {
background: url("images/player.png") 0 -175px no-repeat;
background-size: 105px;
}
a.jp-mute:hover {
background: url("images/player.png") -35px -175px no-repeat;
background-size: 105px;
}
a.jp-unmute {
background: url("images/player.png") -70px -175px no-repeat;
background-size: 105px;
display: none;
}
a.jp-unmute:hover {
background: url("images/player.png") -70px -175px no-repeat;
background-size: 105px;
}

div.jp-volume-bar {overflow: hidden;width: 46px;height: 2px;cursor: pointer;margin-top: 15px;float: left;background: #fff;}
div.jp-audio div.jp-volume-bar {
top: 15px;
left: 405px;
}
div.jp-audio-stream div.jp-volume-bar {
top:37px;
left:92px;
}
div.jp-video div.jp-volume-bar {
top:17px;
left:72px;
}
div.jp-volume-bar-value {width:0px;height: 2px;background: #acbbc5;}
.prev-button {
background: url("images/player.png") 0 -70px no-repeat;
background-size: 105px;
width: 15px;
height: 35px;
cursor: pointer;
display: inline-block;
}
.prev-button:hover {
background: url("images/player.png") -35px -70px no-repeat;
background-size: 105px;
}
.prev-button-disabled, .prev-button-disabled:hover {
background: url("images/player.png") -70px -70px no-repeat;
background-size: 105px;
cursor: default;
}
.next-button {
background: url("images/player.png") 0 -105px no-repeat;
background-size: 105px;
width: 15px;
height: 35px;
cursor: pointer;
display: inline-block;
}
.next-button:hover {
background: url("images/player.png") -35px -105px no-repeat;
background-size: 105px;
}
.next-button-disabled, .next-button-disabled:hover {
background: url("images/player.png") -70px -105px no-repeat;
background-size: 105px;
cursor: default;
}
/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {position:absolute;top: 2px;display: none;}
div.jp-audio div.jp-type-single div.jp-time-holder {left: 5px;width: 245px;}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left:166px;
width:130px;
}
div.jp-current-time, div.jp-duration {width: 60px;font-size: .64em;}
#current-time, #duration-time {
width: 45px;
float: left;
height: 35px;
line-height: 35px;
font-size: 11px;
}
#current-time {text-align: right;margin-right: 17px;color: black;}
#duration-time {text-align: left;margin-left: 17px;margin-right: 10px;color: black;}
div.jp-current-time {float: left;display:inline;}
div.jp-duration {
float: right;
display:inline;
text-align: right;
}

/* @end */

div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}

div.jp-jplayer {
background-color: #000000;
}

a.jp-repeat {
background: url("images/player.png") 0 -140px no-repeat;
background-size: 105px;
float: left;
display: inline-block;
width: 15px;
height: 35px;
}

a.jp-repeat:hover {
background: url("images/player.png") -35px -140px no-repeat;
background-size: 105px;
}

a.jp-repeat-off {
background: url("images/player.png") -70px -140px no-repeat;
background-size: 105px;
float: left;
width: 15px;
height: 35px;
}

a.jp-repeat-off:hover {
background: url("images/player.png") -70px -140px no-repeat;
background-size: 105px;
}
/* @end */

/* @group NO SOLUTION error feedback */
.jp-no-solution {
padding:5px;
font-size:.8em;
background-color:#eee;
border:2px solid #009be3;
color:#000;
display:none;
}

.jp-no-solution a {
color:#000;
}

.jp-no-solution span {
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}
/* @end */
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 28px 0;
}
}
.category-selector select {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#cookie-law-banner {
width: 100%;
color: #FFF;
position: fixed;
z-index: 1001;
font-size: 12px;
bottom: 55px;
}
.cookie-law-banner-top {
top: 0;
}
.cookie-law-banner-bottom {
bottom: 0;
}
#cookie-law-content {
margin: 0 auto;
max-width: 1100px;
padding: 0 10px;
line-height: 47px;
}
.cookie-law-button {
float: right;
background: rgba(255, 255, 255, 0.90);
color: #000;
padding: 5px 10px;
margin: 10px 0 10px 10px;
border-radius: 5px;
line-height: normal;
}
.cookie-law-button:hover {
background: #FFF;
}
.cookie-law-button a {
text-decoration: none;
}
.cookie-law-banner-black {
background: rgba(0, 0, 0, 0.85);
}
.cookie-law-banner-gray {
background: rgba(138, 138, 138, 0.85);
}
.cookie-law-banner-brown {
background: rgba(112, 85, 38, 0.85);
}
.cookie-law-banner-red {
background: rgba(195, 30, 30, 0.85);
}
.cookie-law-banner-blue {
background: rgba(35, 111, 206, 0.85);
}
.cookie-law-banner-green {
background: rgba(46, 138, 45, 0.85);
}
.cookie-law-banner-yellow {
background: rgba(220, 205, 20, 0.85);
}
.cookie-law-banner-orange {
background: rgba(220, 131, 20, 0.85);
}
.cookie-law-banner-purple {
background: rgba(152, 20, 220, 0.85);
}
.cookie-law-banner-pink {
background: rgba(255, 41, 199, 0.85);
}
.rtl .cookie-law-button {
float: left;
margin: 10px 10px 10px 0;
}
.rtl body {
direction: rtl;
}
.rtl .page-button {
float: right !important;
margin: 10px 0 0 10px !important;
}
.rtl .logo {
float: right;
margin: 5px 0 5px 10px;
}
.rtl .search-input, .rtl a.menu-button {
float: right;
}
.rtl a.menu-button {
margin: 0 5px 0 15px;
}
.rtl .menu-image, .rtl .menu_btn {
float: left;
}
.rtl .menu-dd-container {
padding-right: 0;
padding-left: 20px;
}
.rtl .menu-dd-content {
float: left;
}
.rtl .menu-dd-row {
text-align: left;
}
.rtl .menu_arrow {
margin: 25px 5px 0 0;
float: left;
}
.rtl .notification-content {
float: left;
}
.rtl .notification-image {
float: right;
}
.rtl #notifications-content img.notifications, .rtl #notifications-page img.notifications {
margin-right: 0;
margin-left: 5px;
}
.rtl .close_btn {
float: left;
}
.rtl .sidebar-link img, .rtl .sidebar-users img {
margin-right: 0;
margin-left: 7px;
}
.grid-container {display: flex;overflow: auto;width: 100%;float: left;border-radius: 5px;}
.grid-content {flex: 75;position: relative;/* border-bottom: 1px solid #DDD; *//* background: #ffffff; *//* background-image: url(images/centerfon.png); */}
.grid-sidebar {flex: 37;position: relative;margin: 10px 0px 10px 10px;}
.rtl .song-container, .rtl .page-header-extra, .rtl .list-container, .rtl .notification-row, .rtl .page-container, .rtl .message-container {
border-right: 0;
border-left: 1px solid #EEE;
}
.rtl .sidebar-container {
padding: 0 0 10px 0;
margin-left: 0;
border-left: 0;
margin-right: -1px;
border-right: 1px solid #eee;
}
.rtl .sidebar-suggestions-info {
margin: 0 45px 0 30px;
}
.rtl .sidebar-suggestions, .rtl .sidebar-suggestions-image {
float: right;
}
.rtl .sidebar-suggestions-tracks, .rtl .sidebar-suggestions-followers {
float: right;
padding: 0 17px 0 20px;
background-position-x: right;
}
.rtl .subscribe_btn, .rtl .edit_profile_btn, .rtl .sub-loading {
float: left;
margin: 0 5px 0 0;
}
.rtl .sidebar-fa-image {
float: right;
}
.rtl .sidebar-fa-text {
padding-left: 0;
padding-right: 37px;
}
.rtl .sidebar-stats-box {
float: right;
}
.rtl .sidebar-text-right {
text-align: left;
}
.rtl .upload-icon, .rtl .upload-button:hover .upload-icon, .rtl .edit-icon, .rtl .edit-button:hover .edit-icon, .rtl .back-icon, .rtl .back-button:hover .back-icon {
padding-left: 20px;
padding-right: 15px;
background-position-x: right;
margin-left: 0;
margin-right: -10px;
}
.rtl .song-art {
float: right;
}
.rtl .song-top {
padding: 0 132px 0 0;
}
.rtl .song-play-btn {
float: right;
}
.rtl .song-timeago, .rtl .song-tag {
float: left;
}
.rtl .song-titles {
padding: 0 45px 0 0;
}
.rtl .player-controls {
padding: 0 132px 10px 0;
}
.rtl .track-actions-container {
padding: 10px 132px 0 0;
}
.rtl .track-buttons-container, .rtl .like-button, .rtl .liked-button, .rtl .public-button, .rtl .private-button, .rtl .playlist-button, .rtl .delete-button, .rtl .share-button {
float: right;
}
.rtl .like-button, .rtl .liked-button, .rtl .share-button, .rtl .playlist-button {
padding: 5px 26px 5px 8px;
background-position: right 5px center;
}
.rtl .like-button, .rtl .liked-button, .rtl .public-button, .rtl .private-button, .rtl .playlist-button, .rtl .delete-button, .rtl .share-button, .rtl .download-button, .rtl .buy-button, .rtl .loading-button, .rtl .shuffle-button {
margin-right: 0;
margin-left: 5px;
}
.rtl .track-stats {
float: left;
}
.rtl .counter {
padding: 0 30px 0 0;
float: left;
background-position: right 10px center;
}
.rtl .sidebar-header-extra {
float: left;
}
.rtl a.cover-button {
float: right;
margin: 0 0 0 20px;
}
.rtl .cover-buttons {
float: right;
margin: 0 20px 0 0;
}
.rtl .social-icon-container {
float: right;
}
.rtl .player-controls a.jp-play, .rtl .player-controls a.jp-pause {
margin-right: 0;
margin-left: 16px;
left: auto;
}
.rtl .song-container div.jp-audio div.jp-type-single div.jp-progress, .rtl .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .rtl .embed-container div.jp-audio div.jp-type-single div.jp-progress, .rtl .embed-container div.jp-audio div.jp-type-single div.jp-time-holder, div.jp-audio div.jp-type-single div.jp-progress {direction: ltr;height: 2px;}
.rtl .playlist-entry, .rtl .playlist-entry-loading {
padding: 5px 26px 5px 8px;
}
.rtl .playlist-entry, .rtl .playlist-entry-loading {
background-position: right 5px center;
}
.rtl .modal-loading, .header-loader {
float: left;
}
.rtl .modal-menu-item {
float: right;
margin-right: 0;
margin-left: 10px;
}
.rtl .share-icon-container {
float: right;
}
.rtl .share-icon-container .social-icon-padding {
padding: 0 0 0 10px;
}
.rtl .modal-btn {
margin: 10px 0 10px 10px;
float: left;
}
.rtl .modal-checkbox input {
margin: 5px 0 0 5px;
float: right;
}
.rtl .modal-checkbox label {
float: right;
}
.rtl .dummy-artwork {
float: right;
}
.rtl .dummy-play-btn {
float: right;
margin-left: 0;
margin-right: 10px;
}
.rtl .dummy-author {
float: right;
margin: 0 6px 4px 0;
}
.rtl .dummy-title {
float: right;
margin: 0 6px 0 0;
}
.rtl .dummy-seek {
float: right;
margin: 7px 10px 0 0;
}
.rtl .dummy-avatars {
float: right;
margin: 10px 10px 0 0;
}
.rtl .cover-description-content {
margin-left: 10px;
margin-right: 20px;
}
.rtl .cover-description-buttons {
margin: -60px 0 0 20px;
right: auto;
left: 0;
}
.rtl .cover-content .message_btn, .rtl .cover-content .edit_profile_btn, .rtl .cover-content .subscribe_btn {
float: left;
}
.rtl .cover-text-container {
margin-right: 125px;
margin-left: 60px;
}
.rtl .cover-avatar-content {
margin: 0 20px 10px 0;
}
.rtl .top-track:before {
top: 0;
right: auto;
left: 0;
border-right: 40px solid transparent;
border-left: 0;
}
.rtl .top-number {
right: auto;
left: 5px;
text-align: left;
}
.rtl .list-avatar, .rtl .playlist-actions-content {
float: right;
}
.rtl .message_btn, .rtl .playlist-stats {
float: left;
}
.rtl .list-top {
padding: 2px 70px 5px 0;
}
.rtl .playlist-actions-container {
padding: 10px 100px 0 0;
}
.rtl .playlist-content-info {
padding-right: 100px;
padding-left: 0;
}
.rtl .tracks-small-icon {
background-position-x: right;
padding-right: 15px;
padding-left: 0;
}
.rtl .sidebar-tag a {
float: right;
margin: 0 0 10px 10px;
}
.rtl .page-input-title, .rtl .page-input-title-img {
text-align: left;
margin-right: auto;
margin-left: 10px;
float: right;
}
.rtl .notification-box > p {
padding-right: 0;
padding-left: 20px;
}
.rtl .notification-close {
right: auto;
left: 0;
background-position-x: right;
}
.rtl .dash-half {
float: right;
}
.rtl .column, .rtl .columns {
float: right;
}
.rtl .admin-stats-column {
float: right;
padding: 0 10px 0 0;
}
.rtl .admin-stats-right-column {
text-align: left;
padding: 0 0 0 10px;
}
.rtl .page-input-content {
padding-right: 95px;
padding-left: 0;
}
.rtl .edit-menu-item {
float: right;
margin-right: auto;
margin-left: 15px;
}
.rtl .message-reply-avatar, .rtl .message-reply-author {
float: right;
}
.rtl .message-reply-message {
padding: 0 42px 10px 15px;
}
.rtl .delete_btn, .rtl .blocked-button {
float: left;
}
.rtl .sidebar-header input {
background-position-x: left;
}
.rtl .manage-users-image img {
float: right;
}
.rtl .manage-users-buttons {
float: left;
}
.rtl .modal-btn a {
float: left;
}
.rtl .manage-users-content {
padding: 0 45px 0 55px;
word-break: break-all;
}
.rtl select.plan-options {
margin: 10px 0 0 5px;
}
.rtl .feature-option, .rtl .plan-option, .rtl .plan-history {
float: right;
}
.rtl .user-stats-title img {
padding-left: 3px;
padding-right: 0;
}
.rtl .user-stats-title {
padding-left: 5px;
padding-right: 0;
}
.rtl .user-stats-count {
float: left;
}
.rtl .user-stats-row {
padding: 10px 0 0 20px;
}
.rtl .sidebar-stats-box-right {
text-align: left;
}
.rtl .track-info-input input, .rtl .track-info-input textarea, .rtl .track-info-input select {
float: right;
}
.rtl .track-info-input select {
margin-left: 10px;
margin-right: 0;
}
.rtl .track-info-input input[type="radio"] {
margin: 3px 0 0 5px;
}
.rtl .license-box-container {
float: right;
padding-right: 0;
padding-left: 10px;
}
.rtl .track-info-inputs {
padding: 0 132px 0 0;
}
.rtl .track-info-art {
float: right;
}
.rtl .upload-btn-text {
float: right;
}
.rtl .upload-btn input {
right: 20px;
}
.rtl .page-input-left {
padding-right: 0;
}
.rtl .profile-card-stats {
float: right;
margin: 3px 3px 0 15px;
}
.rtl .profile-card-buttons-container {
float: left;
}
.rtl .profile-card-stats img {
margin-left: 5px;
margin-right: 0;
}
.rtl .search-image img {
float: right;
}
.rtl .search-text {
padding: 2px 35px 5px 0;
}
.rtl .search-icons {
float: left;
}
.rtl .register-captcha img {
float: left;
}
.rtl .forgot-password {
float: left;
}
.rtl .welcome-track .player-controls {
padding: 0;
}
.rtl .welcome-track {
}
.rtl .feature-image svg {
float: right;
margin-left: 20px;
margin-right: 0;
}
.rtl .menu-btn {
margin: 13px 10px 0 0;
float: left;
}
.rtl .profile-card-info .cover-text-container {
margin: 0;
float: right;
}
.rtl .profile-card-location {
float: right;
}
.rtl .cover-text-container img {
margin: 0 7px -2px 0;
}
.rtl .profile-card-avatar {
margin: -94px 10px 0 0;
}
.rtl .profile-card-info {
margin: -93px 100px 0 0;
}
.rtl .profile-card-username {
float: right;
}
.rtl .report_btn {
float: left;
}
.rtl .message-reply-author {
padding-left: 10px;
padding-right: 0;
}
.rtl .message-comment-box-form {
padding: 0 42px 5px 0;
}
.rtl .comment-btn {
float: left;
}
.rtl .playlist-save {
margin-right: 10px;
margin-left: 0;
float: left;
}
.rtl input.playlist-input {
float: right;
}
.rtl .report-checkbox label {
padding-left: 0;
padding-right: 5px;
}
.rtl .report-checkbox input {
float: right;
}
.rtl .embed-powered-by {
float: left;
}
.rtl .player-nine {
float: right;
}
.rtl .player-three {
float: left;
}
.rtl #topbar-artwork {
float: right;
}
.rtl #topbar-track-details {
margin-left: 0;
margin-right: 45px;
}
.rtl .player-container-right {
direction: ltr;
}
.rtl .player-buttons {
float: right;
}
.rtl #prev-button, .rtl #next-button {
margin-left: 11px;
margin-right: 0;
}
.rtl .prev-button, .rtl .next-button {
background-position-x: 5px;
}
.rtl .prev-button:hover, .rtl .prev-button:hover, .rtl .next-button:hover, .rtl .next-button:hover {
background-position-x: -30px;
}
.rtl .prev-button-disabled, .rtl .next-button-disabled:hover, .rtl .next-button-disabled, .rtl .next-button-disabled:hover {
background-position-x: -65px;
}
.rtl .top-player a.jp-play, .rtl .top-player a.jp-pause {
margin-left: 16px;
margin-right: 0;
}
.rtl .top-player .jp-mute, .rtl .top-player .jp-unmute {
margin-right: 10px;
margin-left: 0;
}
.rtl .top-player .jp-repeat, .rtl .top-player .jp-repeat-off {
margin-left: 10px;
margin-right: 0;
}
.rtl #duration-time {
text-align: right;
margin-left: 10px;
margin-right: 17px;
}
@media only screen and (max-device-width: 768px), only screen and (device-width: 768px) and (device-height: 768px), only screen and (width: 768px) and (orientation: landscape), only screen and (device-width: 768px), only screen and (max-width: 768px) {
    .body-content, .page-container, .page-settings-container {
    border: 0;
    }
    .header {
    max-width: 1080px;
    padding: 0 10px;
    }
    .menu-button {
    display: none;
    }
    .row-body, .row-page {
    padding: 0;
    }
    .row-body .two, .row-body .six {
    width: 100%;
    }
    .row-body .ten {
    width: 100%;
    }
    .row-body .twenty {
    width: 100%;
    }
    .row .three, .welcome-box {
    width: 100%;
    }
    .row-body .threeads {
    width: 100%;
    }
    .row-body .threeads img {
    width: auto;
    height: auto;
    }
    .row-body .nine {
    width: 100%;
    }
    .row-body .three {
    width: 100%;
    }
    .row .four {
    width: 100%;
    }
    .row .eight {
    width: 100%;
    }
    .row .six {
    width: 100%;
    }
    .row .seven {
    width: 100%;
    }
    .row-page .three {
    width: 100%;
    }
    .row-page .nine {
    width: 100%;
    }
    .body {
    border: 0;
    }
    .search-container, .search-list-container, .notification-container {
    padding: 0;
    }
    .footer-links, .footer-languages {
    padding: 0;
    }
    .footer-container {
    line-height: 25px;
    }
    .inputs-container {
    padding: 30px 10px 30px 20px;
    }
    .report-checkbox  {
    padding-left: 0;
    }
    .row-body .five {
    width: 100%;
    }
    .row-one {
    float: left;
    width: 100%;
    padding: 3px 0;
    }
    .row-two {
    float: left;
    width: 100%;
    padding: 3px 0;
    }
    .row-three {
    float: left;
    width: 100%;
    padding: 3px 0;
    text-align: left;
    }
    .row-four {
    float: left;
    width: 100%;
    padding: 3px 0;
    text-align: left;
    }
    .cover-container {
    height: auto;
    }
    .cover-text-container {
    font-size: 18px;
    margin: -130px 0 5px 100px;
    }
    .cover-text-container img {
    width: 14px;
    height: 14px;
    margin: 0 0 -2px 4px;
    }
    .cover-description-buttons {
    float: right;
    overflow: auto;
    display: block;
    width: 65px;
    }
    #values {
    width: 230px;
    }
    .page-input-title {
    width: 100%;
    text-align: left;
    padding: 3px 0;
    }
    .page-input-sub {
    padding: 3px 0;
    width: 100%;
    min-width: 100%;
    }
    .page-input-content {
    width: 100%;
    padding-left: 0;
    }
    .row-page .stats-container, .row-body .stats-container {
    width: 100%;
    }
    .admin-rows { border-bottom: 1px solid #ccc; }
    .row-page .table-id, .row-page .table-user, .row-page .table-mail, .row-page .table-edit, .row-page .table-delete { width: 100%; }
    .row-page .table-report-id, .row-page .table-report-type, .row-page .table-user, .row-page .table-category-name, .row-page .table-report-message, .row-page .table-report-safe { width: 100%; }
    .subslist {
    right: 20px;
    }
    .subslist_message {
    right: 53px;
    }
    .notification-container, .search-container {
    position: absolute;
    }
    .notification-content {
    max-width: none;
    }
    .search-input input {
    width: 100px;
    }
    .menu-dd-container {
    right: 0;
    width: 100%;
    padding: 0;
    }
    .menu-dd-content {
    /* min-width: auto; */
    width: 100%;
    /* float: right; */
    }
    .menu-dd-row {
    padding: 15px;
    text-align: left;
    }
    .search-results {
    }
    .search-content .notification-inner, .search-content .track-inner, .hashtag-inner {
    padding: 10px 15px;
    }
    .chat-container  {
    height: 300px;
    }
    .sidebar-chat-list {
    max-height: 350px;
    }
    .cover-description-content {
    margin-left: 20px;
    }
    .cover-avatar {
    width: 86px;
    margin-top: -125px;
    }
    .cover-avatar a {
    float: left;
    overflow: hidden;
    height: 86px;
    }
    .welcome-message, .dash-stats {
    width: 100%;
    }
    .song-top {
    height: auto;
    min-height: auto;
    padding: 0 0 0 60px;
    }
    .song-art img {
    /* width: 86px; */
    }
    .player-controls, .track-actions-container {
    padding: 0 0 0px 60px;
    }
    .track-actions-content {
    padding-top: 11px;
    }
    .song-tag, .song-timeago, .embed-powered-by, .embed-container .track-actions-content {
    display: none;
    }
    .action-text {
    display: none;
    }
    .liked-button, .like-button, .playlist-button, .share-button, .buy-button, .delete-button, .public-button, .private-button, .download-button, .loading-button {
    width: auto;
    margin: 0 5px 5px 0;
    float: left;
    }
    .liked-button, .like-button, .playlist-button, .share-button {
    padding-right: 1px;
    margin-right: 5px;
    }
    .playlist-stats {
    padding: 10px 0;
    }
    .song-container {
    /* padding: 20px 15px 0 15px; */
    }
    .song-container, .page-login-container {
    border-left: 0;
    border-right: 0;
    }
    .song-title {
    font-size: 13px;
    }
    .message-reply-container .delete_btn, .message-reply-container .report_btn {
    display: block;
    }
    div.jp-audio div.jp-type-single div.jp-interface {
    /* height:21px; */
    }
    .embed-container div.jp-audio div.jp-type-single div.jp-interface {
    height:21px;
    padding-bottom: 20px;
    }
    .admin-stats-image, .license-box-desc {
    display: none;
    }
		.wcf {
		width: 100%;
		}
    .stats-column-title {
    padding-top: 10px;
    }
    .upload-btn-text {
    font-size: 12px;
    }
    .user-stats-row {
    padding: 10px 0 0 0;
    }
    .license-box-container {
    width: 100%;
    padding-right: 0;
    }
    #upload-success {
    max-width: 100%;
    }
    .welcome-content .row-body, .welcome-pro .row-body {
    padding: 0 10px;
    }
    .welcome-content, .welcome-pro {
    /* padding: 40px 10px; */
    }
    .welcome-box-title {
    font-size: 18px;
    }
		.welcome-items-width {
		/* max-width: 167px; */
		}
    .footer {
    padding: 0 10px 55px 10px;
    }
    .menu-dd-mobile {
    display: block;
    }
    .go-pro-container {
    text-align: left;
    padding-top: 20px;
    }
    .go-pro-desc {
    max-width: 100%;
    margin: 0;
    }
    .current-plan, .welcome-centered-text {
    text-align: left;
    }
    #topbar-artwork {
    /* float: right; */
    }
    #topbar-track-info {
    /* padding-right: 0; */
    }
    #current-time, .player-container-middle, .player-container-right, .topbar-song-name, .topbar-author-name {
    display: none !important;
    }
    .player-nine a {
    margin: 0 10px;
    }
    a.jp-play, a.jp-pause {
    margin-right: 16px;
    }
    #load-more {
    border-right: 0;
    /* max-width: 100%; */
    }
    .wc-lc {
    padding: 0 0 0 0;
    }
    .wc-lc .row-body {
    padding: 50px 20px 0 20px;
    }
    .player-container-left {
    width: 200px;
    }
    .player-container-middle {
    display: none;
    }
    .grid-container {
    flex-direction: column;
    }
    .grid-content, .grid-sidebar {
    flex: 1;
    }
    .rtl .liked-button, .rtl .like-button, .rtl .playlist-button, .rtl .share-button {
    padding-left: 1px;
    }
    .rtl .song-top {
    padding: 0 106px 0 0;
    }
    .rtl .player-controls, .rtl .track-actions-container {
    padding: 0 106px 10px 0;
    }
    .rtl .song-container, .rtl .page-login-container {
    border-left: 0;
    border-right: 0;
    }
    .rtl .song-container, .rtl .page-header-extra, .rtl .list-container, .rtl .notification-row, .rtl .page-container, .rtl .message-container, .rtl .sidebar-container {
    border-left: 0;
    border-right: 0;
    margin: 0;
    }
    .rtl .menu-dd-container {
    padding-left: 0;
    }
    .rtl .cover-text-container {
    margin: -130px 100px 5px 0;
    }
    .rtl #prev-button, .rtl #next-button, .rtl .top-player a.jp-play, .rtl .top-player a.jp-pause, .rtl .top-player .jp-repeat, .rtl .top-player .jp-repeat-off {
    margin-right: 10px;
    }
    .rtl #topbar-artwork {
    float: left;
    }
    .rtl #topbar-track-info {
    padding-left: 0;
    }
    .rtl .liked-button, .rtl .like-button, .rtl .playlist-button, .rtl .share-button, .rtl .buy-button, .rtl .delete-button, .rtl .public-button, .rtl .private-button, .rtl .download-button, .rtl .loading-button {
    float: right;
    }
}
@media only screen and (max-device-width: 480px), only screen and (device-width: 480px) and (device-height: 480px), only screen and (width: 480px) and (orientation: landscape), only screen and (device-width: 480px), only screen and (max-width: 480px) {
    .search-input input {
    width: 85px;
    }

}
#sec {/* padding: 50px 0; *//* background: #fff; */text-align: center;/* word-wrap: break-word; */}
#sec h2 {
font-weight: 200;
font-size: 30px;
color: #FF6060;
}
#sec ul {
margin: 0;
display: flex;
justify-content: center;
list-style: none;
}
#sec ul li {/* padding: 40px 40px 40px 0; *//* width: 100px; */width: 100%;max-width: 100%;}
#sec ul li:hover span {
color: #2196F3;
}
#sec ul li:hover p {
color: #555;
}
#sec ul li:hover h3 {
color: #3185ad;
}
#sec ul li:hover h3:after {
width: 25px;
}
#sec ul li span {
font-size: 2.6em;
display: block;
transition: color .3s;
color: #A2A2A2;
}
#sec ul li span:before, #sec ul li span:after {
position: static;
}
#sec ul li h3 {transition: color .3s;font-weight: 600;font-size: 22px;margin: 0 auto;display: inline-flex;}
#sec ul li p {color: #000000;text-indent: 1em;font-size: 14px;line-height: 26px;transition: color .3s;}