
.smi-comments-container						{width:100%; margin:50px auto; position:relative;}
.smi-comments-container .smi-comments-form	{width:100%; float:left; margin-bottom: 3px;}
.smi-comments-container .smi-comments-title	{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-user	{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-user .smi-comments-nick	{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-user p						{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-user .smi-comments-login	{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-textarea	{width:100%; height:200px; float:left; resize:none; padding:5px; box-sizing: border-box;}
.smi-comments-container .smi-comments-form .smi-comments-button		{display:block; float:right; cursor:pointer; border-radius: 4px; margin-top: 6px; box-shadow: 0 2px 2px #c8c8c8;}

.smi-comments-container .smi-comments-form .smi-comments-user-login									{float:left;}
.smi-comments-container .smi-comments-form .smi-comments-user-login	.smi-comments-user-name			{}
.smi-comments-container .smi-comments-form .smi-comments-user-login	.smi-comments-user-name span	{color: #f08b00; font-family: 'Roboto Condensed', sans-serif;}

.smi-comments-container .smi-comments-refresh	{width:100%; float:left; text-align:center;}
.smi-comments-container .smi-comments-refresh a	{display:block; text-align:center; border-radius: 4px; box-shadow: 0 2px 2px #c8c8c8;}

.smi-comments-container .smi-comments-list {float: left; width: 100%; position: relative;}
.smi-comments-container .smi-comments-list .smi-comments-post {float: left; width: 100%;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-header {float: left; width: 100%;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-author 		{display: block; float: left;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-vote 		{float: right;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-vote .smi-comments-vote-plus 	{display: block; float: left;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-vote .smi-comments-vote-sum 	{display: block; float: left;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-vote .smi-comments-vote-minus 	{display: block; float: left;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-text 			{float: left; line-height: 15px; width: 95%; font-size:12px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; word-wrap: break-word;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-text span		{display:none;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-text-full		{height:auto;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-text-full span	{display:inline;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom	{float: left; width: 100%;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-data				{float:left;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-delete			{float:right; display:block;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-delete span		{display:none;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-delete:hover span	{display:inline;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-report			{float:right; display:block;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-report span		{display:none;}
.smi-comments-container .smi-comments-list .smi-comments-post .smi-comments-post-bottom .smi-comments-report:hover span	{display:inline;}

.smi-comments-container .smi-comments-load		{width:100%; float:left; text-align:center;}
.smi-comments-container .smi-comments-load a	{display:block; text-align:center; border-radius: 4px; box-shadow: 0 2px 2px #c8c8c8;}
#smi_comments_layer_report_id .smi-comments-layer-content .exit {box-shadow: 0 2px 2px #c8c8c8;}
#smi_comments_layer_report_id .smi-comments-layer-content .ok {box-shadow: 0 2px 2px #c8c8c8;}
.smi-comments-container .smi-comments-form .smi-comments-button {box-shadow: 0 2px 2px #c8c8c8;}

#smi_comments_layer_report_id 	{bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; display:none;}
#smi_comments_layer_report_id .smi-comments-layer-content {background-color: #fff; border: 1px solid #c8c8c8; height: 200px; left: 50%; margin-left: -150px; margin-top: -100px; position: fixed; top: 50%; width: 300px; z-index: 2;}
#smi_comments_layer_report_id .smi-comments-layer-bg 		{background-color: rgba(255, 255, 255, 0.9); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%;}

.smi-comments-container .smi-comments-first {border-radius: 50%;display: block; float: left; height: 50px; margin-top: 8px; overflow: hidden; text-align: center; width: 50px; background:url("../gfx/sprite.png") 0 0 scroll #F08B00;}
.smi-comments-container .smi-comments-first img	{ max-width:100%; width:100%;}
.smi-comments-container .smi-comments-second {margin-left: 65px;}

/*paginacja*/
.smi-comments-container .smi-comments-pagin {width: 100%; text-align: center; float: left; margin:10px 0 0 0;}
.smi-comments-container .smi-comments-pagin .smi-pagin-page {width: 34px; height: 34px; border-left: 1px solid #dddddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: inline-block; font-size: 14px; line-height: 34px; color: #f08b00; text-decoration: none; font-family: 'Roboto', sans-serif; overflow: hidden;
	-webkit-transition:	all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition:  all 0.3s ease-in-out 0s;
	-ms-transition:  all 0.3s ease-in-out 0s;
	transition:  all 0.3s ease-in-out 0s;
        }
.smi-comments-container .smi-comments-pagin a:hover {background: #f08b00; color: #fff;}
.smi-comments-container .smi-comments-pagin .smi-pagin-page.smi-pagin-active {background: #f08b00; color: #fff;}
.smi-comments-container .smi-comments-pagin .smi-pagin-page.smi-pagin-active:hover {cursor: default;}
.smi-comments-container .smi-comments-pagin a i {line-height: 34px;}
.smi-comments-container .smi-comments-pagin a:last-of-type {border-right: 1px solid #dddddd;}

.smi-comments-container .smi-comments-write-img {border-radius: 50%; display: block; float: left; overflow: hidden; clear: both; width:50px; height:50px;}
.smi-comments-container .smi-comments-write-img img	{ width:100%;}
.smi-comments-container .smi-comments-write {margin-left: 65px;}
.smi-comments-container .smi-comments-regulamin {float: right; margin: 10px 0; color: #000; text-decoration:underline;}
.smi-comments-container .smi-comments-regulamin:hover {text-decoration: none;}
.smi-comments-container .smi-comments-hr {float: left; width: 100%;}
.smi-comments-container .smi-comments-bany {float: left; margin-left: 10px;}
.smi-comments-container .smi-comments-bany a {text-decoration: none; color: #f22726;}
.smi-comments-container .smi-comments-red {color: #f22726 !important;}
.smi-comments-container .smi-comments-hidden {background: #adadad; background: rgba(174, 174, 174, 0.9); width: 100%; height: 100%; position: absolute; display: block; text-align: center; color: #000; text-decoration: none; padding-top: 30px; box-sizing: border-box; font-size: 22px; z-index: 100;}
.smi-comments-container .smi-comments-hidden span {color: #f22726;}
.smi-comments-container .smi-comments-red {color: #f22726;}

@media all and (max-width: 670px) {
    .smi-comments-container {padding: 0 5px;}
}