/* Static inline styles extracted from active public templates.
   Loaded before components.css so the modern component layer can normalize colors/layout. */

/* extracted from music/newview.php */
#thecommentEmbed{margin-right:-20px!important;}
div#thecommentEmbed>iframe{overflow:-moz-scrollbars-none!important;-ms-overflow-style:none!important;scrollbar-width:none!important;}
div#thecommentEmbed>iframe::-webkit-scrollbar{display:none!important;}


/* extracted from music/newview.php */
.mmpostheader{padding-top:15px}.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;ffont-family:Hind!important}span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px}.details{font-family:Open Sans,Helvetica,sans-serif!important;ffont-family:Hind!important;ffont-family:unset!important;ffont-size:17px!important;font-weight:450;}.admin-author-name img.commentavatar.top{margin-left:0;height:30px;width:30px;margin-bottom:2px}img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0}.cchart-li a img{bborder-radius:4px;width:60px;height:60px!important;mmargin-right:0;ppadding-right:0}.chart-li a{padding:7px 0}.chart-list .chart-li:first-of-type a{padding:10px 0 7px}.chart-list .chart-li:last-of-type a{padding-bottom:7px}.chart-li .chart-body{padding-top:5px}.chart-li:first-of-type{padding-top:0}.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px}.artistname{font-size:13px!important;color:#64707d!important;ccolor:#888!important}h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block}h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical}.chart-list li.chart-li:not(:last-child){border-bottom:unset}.chart-list{border-top:unset}.cchart-list:before{content:"";display:block;margin:0 0 0 30%;text-align:right;width:70%;ppadding-top:10px;border-bottom:1px solid rgba(0,0,0,.1)}.chart-body{padding-bottom:0;padding-top:0}.chart-list li.chart-li:last-of-type{bborder-bottom:1px solid rgba(0,0,0,.1); border-bottom: 1px solid var(--border-color);}.cchart-list li.chart-li:first-of-type{padding-top:20px}li.chart-li:not(:last-of-type):after{content:"";display:block;margin:0 0 0 23%;text-align:right;width:77%;ppadding-top:20px;bborder-bottom:1px solid rgba(0,0,0,.1);border-bottom: 1px solid var(--border-color);}


/* extracted from music/view.php */
.mmpostheader{padding-top:15px}.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;font-family:Hind!important}span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px}.details{ffont-family:Open Sans!important;font-family:Hind!important}.admin-author-name img.commentavatar.top{margin-left:0;height:30px;width:30px;margin-bottom:2px}img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0}.cchart-li a img{bborder-radius:4px;width:60px;height:60px!important;mmargin-right:0;ppadding-right:0}.chart-li a{padding:7px 0}.chart-list .chart-li:first-of-type a{padding:10px 0 7px}.chart-list .chart-li:last-of-type a{padding-bottom:7px}.chart-li .chart-body{padding-top:5px}.chart-li:first-of-type{padding-top:0}.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px}.artistname{font-size:13px!important;color:#64707d!important;ccolor:#888!important}h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block}h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical}.chart-list li.chart-li:not(:last-child){border-bottom:unset}.chart-list{border-top:unset}.cchart-list:before{content:"";display:block;margin:0 0 0 30%;text-align:right;width:70%;ppadding-top:10px;border-bottom:1px solid rgba(0,0,0,.1)}.chart-body{padding-bottom:0;padding-top:0}.chart-list li.chart-li:last-of-type{border-bottom:1px solid rgba(0,0,0,.1)}.cchart-list li.chart-li:first-of-type{padding-top:20px}li.chart-li:not(:last-of-type):after{content:"";display:block;margin:0 0 0 20%;text-align:right;width:80%;ppadding-top:20px;border-bottom:1px solid rgba(0,0,0,.1)}


/* extracted from music/album.php */
#thecommentEmbed{margin-right:-20px!important;}
div#thecommentEmbed>iframe{overflow:-moz-scrollbars-none!important;-ms-overflow-style:none!important;scrollbar-width:none!important;}
div#thecommentEmbed>iframe::-webkit-scrollbar{display:none!important;}


/* extracted from music/album.php */
.mu-o-unit-c{border-bottom:unset;}
.mu-o-unit-c:not(:last-of-type):after {

content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 17%;
text-align: right; /* This will center the border. */
width: 83%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
bborder-bottom: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid var(--border-color); /* This creates the border. Replace black with whatever color you want. */
}


.mmpostheader{padding-top:15px;}

.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;ffont-family:Hind!important;}
span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px;}

.details{ffont-family:Hind!important;font-weight:450;}


img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.cchart-li a img{margin-right:4px;max-height:100℅;vertical-align:middle;border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.chart-li a{padding:5px 0;}

.chart-list .chart-li:first-of-type a{padding:10px 0 0;}

.chart-list .chart-li:last-of-type a{padding-bottom:10px;}

.chart-li .chart-body{padding-top:5px}

.chart-li:first-of-type{padding-top:0px;}

.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px;}

.aartistname{font-size:13px!important;color:#888888!important;}

.artistname{font-size:13px!important;color:#64707D!important;ccolor:#888!important;}

h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block;}

h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.cchart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 30%;
text-align: right; /* This will center the border. */
width: 70%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body{padding-bottom:0px;padding-top:0px;}

.chart-list li.chart-li:last-of-type{bborder-bottom:1px solid rgba(0,0,0,0.1);border-bottom: 1px solid var(--border-color);}

.cchart-list li.chart-li:first-of-type{padding-top:20px;}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 23%;
text-align: right; /* This will center the border. */
width: 77%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
bborder-bottom: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid var(--border-color); /* This creates the border. Replace black with whatever color you want. */
}


/* extracted from video/singleview.php */
.mmpostheader{padding-top:15px;}

.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;font-family:Hind!important;}
span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px;}

.details{font-family:Hind!important;}

.admin-author-name img.commentavatar.top{margin-left:0px;height:20px;width:20px;margin-bottom:2px;}

img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.cchart-li a img{bborder-radius:4px;width:60px;height:60px!important;mmargin-right:0;ppadding-right:0;}

.chart-li a{padding:7px 0;}

.chart-list .chart-li:first-of-type a{padding:10px 0 7px;}

.chart-list .chart-li:last-of-type a{padding-bottom:7px;}

.chart-li .chart-body{padding-top:5px}

.chart-li:first-of-type{padding-top:0px;}

.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px;}

.artistname{font-size:13px!important;color:#64707D!important;ccolor:#888!important;}

h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block;}

h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.cchart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 30%;
text-align: right; /* This will center the border. */
width: 70%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body{padding-bottom:0px;padding-top:0px;}

.chart-list li.chart-li:last-of-type{border-bottom:1px solid rgba(0,0,0,0.1);}

.cchart-list li.chart-li:first-of-type{padding-top:20px;}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 20%;
text-align: right; /* This will center the border. */
width: 80%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


/* extracted from video/singleview2.php */
.mmpostheader{padding-top:15px;}

.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;font-family:Hind!important;}
span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px;}

.details{font-family:Hind!important;}

.admin-author-name img.commentavatar.top{margin-left:0px;height:20px;width:20px;margin-bottom:2px;}

img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.cchart-li a img{bborder-radius:4px;width:60px;height:60px!important;mmargin-right:0;ppadding-right:0;}

.chart-li a{padding:7px 0;}

.chart-list .chart-li:first-of-type a{padding:10px 0 7px;}

.chart-list .chart-li:last-of-type a{padding-bottom:7px;}

.chart-li .chart-body{padding-top:5px}

.chart-li:first-of-type{padding-top:0px;}

.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px;}

.artistname{font-size:13px!important;color:#64707D!important;ccolor:#888!important;}

h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block;}

h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.cchart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 30%;
text-align: right; /* This will center the border. */
width: 70%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body{padding-bottom:0px;padding-top:0px;}

.chart-list li.chart-li:last-of-type{border-bottom:1px solid rgba(0,0,0,0.1);}

.cchart-list li.chart-li:first-of-type{padding-top:20px;}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 20%;
text-align: right; /* This will center the border. */
width: 80%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


/* extracted from music/theplaylist.php */
.mu-o-unit-c{border-bottom:unset;}
.mu-o-unit-c:not(:last-of-type):after {

content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 17%;
text-align: right; /* This will center the border. */
width: 83%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.mmpostheader{padding-top:15px;}

.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;font-family:Hind!important;}
span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px;}

.details{font-family:Hind!important;}


img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.cchart-li a img{margin-right:4px;max-height:100℅;vertical-align:middle;border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}

.chart-li a{padding:5px 0;}

.chart-list .chart-li:first-of-type a{padding:10px 0 0;}

.chart-list .chart-li:last-of-type a{padding-bottom:10px;}

.chart-li .chart-body{padding-top:5px}

.chart-li:first-of-type{padding-top:0px;}

.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px;}

.aartistname{font-size:13px!important;color:#888888!important;}

.artistname{font-size:13px!important;color:#64707D!important;ccolor:#888!important;}

h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block;}

h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.cchart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 30%;
text-align: right; /* This will center the border. */
width: 70%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body{padding-bottom:0px;padding-top:0px;}

.chart-list li.chart-li:last-of-type{border-bottom:1px solid rgba(0,0,0,0.1);}

.cchart-list li.chart-li:first-of-type{padding-top:20px;}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 21%;
text-align: right; /* This will center the border. */
width: 79%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


/* extracted from music/theartiste.php */
.mmpostheader{padding-top:15px;}

.mpostheader .div{margin-top:10px;border-top:unset;padding-bottom:15px;font-family:Hind!important;}
span.toright{right:1%;top:16%;position:absolute;font-weight:800!important;font-size:16px;}

.details{ffont-family:Open Sans!important;font-family:Hind!important;}

.admin-author-name img.commentavatar.top{margin-left:0px;height:20px;width:20px;margin-bottom:2px;}

img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}
.cchart-li a img{bborder-radius:4px;width:60px;height:50px!important;mmargin-right:0;ppadding-right:0;}

.details{ffont-family:Open Sans!important;font-family:Hind!important;}

.admin-author-name img.commentavatar.top{margin-left:0px;height:20px;width:20px;margin-bottom:2px;}

img.cli{border-radius:4px;width:60px;height:10px!important;mmargin-right:0;ppadding-right:0;}
.cchart-li a img{bborder-radius:4px;width:60px;height:50px!important;mmargin-right:0;ppadding-right:0;}

.chart-li a{padding:7px 0;}

.chart-list .chart-li:first-of-type a{padding:10px 0 7px;}

.chart-list .chart-li:last-of-type a{padding-bottom:7px;}

.chart-li .chart-body{padding-top:5px}
.chart-li:first-of-type{padding-top:0px;}

.badge-rate{margin-left:0;margin-right:10px;font-size:18px;padding-top:5px;}

.artistname{font-size:13px!important;color:#64707D!important;ccolor:#888!important;}

h2.name-title{font-size:17px!important;font-weight:500!important;wwidth:100px;mmax-width:90%;overflow:hidden;wwhite-space:nowrap;text-overflow:ellipsis!important;lline-height:17px!important;hheight:17px!important;ddisplay:inline-block;}
h2.name-title{text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.cchart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 30%;
text-align: right; /* This will center the border. */
width: 70%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body{padding-bottom:0px;padding-top:0px;}

.chart-list li.chart-li:last-of-type{bborder-bottom:1px solid rgba(0,0,0,0.1);border-bottom:1px solid var(--border-color);}

.cchart-list li.chart-li:first-of-type{padding-top:20px;}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 20%;
text-align: right; /* This will center the border. */
width: 80%; /* Change this to whatever width you want. */
ppadding-top: 20px; /* This creates some space between the element and the border. */
bborder-bottom: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid var(--border-color); /* This creates the border. Replace black with whatever color you want. */
}