/**
 * JComments - Joomla Comment System
 *
 * @version 4.0
 * @package JComments
 * @author Sergey M. Litvinov (smart@joomlatune.ru) & exstreme (info@protectyoursite.ru) & Vladimir Globulopolis
 * @copyright (C) 2006-2022 by Sergey M. Litvinov (http://www.joomlatune.ru) & exstreme (https://protectyoursite.ru) & Vladimir Globulopolis (https://xn--80aeqbhthr9b.com/ru/)
 * @license GNU/GPL: http://www.gnu.org/copyleft/gpl.html
 */

/* Progressbar */
.jcomments-progressbar {
	margin: 0 auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	height: 2em;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
}

.jcomments-progressbar-label {
	position: absolute;
	left: 50%;
	top: 4px;
}

.jcomments-progressbar-value {
	height: 100%;
	text-align: right;
	padding: 0.3em 0.3em 0 0;
}

span.gi {
	color: #d7d7d7;
	font-weight: bold;
	margin-right: 5px;
}

/* Set styles for custom bbcode icons. Do not use styles from frontend as it will broke table. */
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover {
	width: 23px;
	height: 23px;
	display: inline-block;
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-image: url(../images/tmpl/default/jc_bbcodes.gif);
	text-decoration: none;
	border: none !important;
}

#jc a.bbcode-empty {
	background-position: 0 0;
}

#jc a.bbcode-youtube {
	background-position: -330px 0 !important;
}

#jc a.bbcode-google {
	background-position: -360px 0 !important;
}

#jc a.bbcode-wiki {
	background-position: -390px 0 !important;
}

#jc a.bbcode-facebook {
	background-position: -420px 0 !important;
}

#jc a.bbcode-flickr {
	background-position: -450px 0 !important;
}

#jc a.bbcode-instagram {
	background-position: -480px 0 !important;
}

#jc a.bbcode-vimeo {
	background-position: -510px 0 !important;
}

/* CSS for jQuery More plugin v2.0.0. */
.more-hidden {
	display: none;
}

.more-link {
	padding: 0.125em;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	text-decoration: none;
}

.more-link img {
	border: none;
}