.userbox { padding: 20px; margin-bottom: 5px; text-align: center; }
.userbox ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0; }
.userbox ul li { margin: 12px 0; }
.userbox ul li a { text-decoration: none; }
.userbox ul li i.icon16 { margin-top: 0.1em; margin-right: 0.5em; }
.userbox .userpic { display: block; margin: 0px auto 10px; border-radius: 50%; width: 96px; }
.userbox .kudos { margin-top: 5px; }
.userbox input[type="submit"] { font-size: 1.2em; }



.form-group.topic-tags {
	width: 100%;
	margin-right: 0;	
}


.topic-tags label {
	float: left;
	margin: 12px 0px 0px 0px;
	display: inline-block;
}

div.tagsinput { 
	padding: 9px 5px;
	width: 100% !important;
	overflow-y: auto;
	display: inline-block;
	height: 43px!important;
}
div.tagsinput span.tag { 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	display: block; 
	float: left; 
	padding: 5px; 
	text-decoration:none; 
	margin: -4px 5px 5px 0px;
	font-family: helvetica;  
	font-size:13px;
}

div.tagsinput span.tag a { 
	font-weight: bold; 
	text-decoration:none; 
	font-size: 11px;  
}

div.tagsinput input { 
	width:80px; 
	margin:0px; 
	font-family: helvetica; 
	font-size: 13px; 
	border:1px solid transparent; 
	padding: 2px /* 5px */; 
	background: transparent; 
	color: #000; 
	outline:0px;  
	margin-right:5px; 
	margin-bottom:5px; 
}

div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

.error-box {border: 2px solid red}
.error-box .redactor-box {margin-bottom: 0}

ul.auth-type { padding: 0 0 10px !important; list-style: none; }
ul.auth-type li { padding-right: 10px; display: inline-block; float: left\9; display: inline\9; }
ul.auth-type li a { padding: 5px 6px; }
ul.auth-type li a img { margin-right: 5px; top: 4px; position: relative; }



/* Homepage
----------- */


ul.category-list li .count { float: right; }
ul.category-list li img.category-logo { max-width: 40px; max-height: 40px; position: absolute; left: 10px; top: 10px; }

.topic-stream { padding-top: 10px; }
.topic-stream .sorting { margin-top: 0; }
.topic-stream ul.topics { margin-top: 0; }


/* Topic page
------------- */

/*.credentials {
	margin-bottom: 25px;
}*/

.credentials a,
.credentials span { display: inline-block; vertical-align: middle; padding-left: 0; text-decoration: none; margin-top: -4px; }
.comment_credentials .userpic { 
	width: 20px; 
	height: 20px; 
	display: inline-block; 
 	border-radius: 50%;
 	margin: 0px 2px -2px 0px;
}

.comment_credentials .date {
	margin-right: 5px;
}
.credentials .username { margin: 0; }
.credentials .username, .credentials .username a { color: #777; padding: 0; display: inline; text-decoration: none; }
.credentials a.username:hover { color: red; }
.credentials .date,
.credentials .date.aux { float: right; }
.credentials .button-solution { margin-left: 10px; }
.credentials .badge-solution { float: right; margin-right: 10px; }

/*.vote.helpful { float: none; background: #eee; padding: 20px; clear: left; margin-top: 20px; }
.vote.helpful a { float: none; padding: 2px 5px; font-weight: bold; }*/
.vote.helpful textarea { width: 100%; min-height: 100px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 }
 
 .vote.helpful textarea:focus {
 	outline: none;
 }


.meta { 
/*width: 40px; height: 40px; position: absolute; left: 10px; top: 10px; */
	width: 40px;
	/*height: 60px;*/
	float: left;
	margin: 0px 0px 0px -50px;
}

.topic-preview {
	margin: 20px 0;
	padding: 20px;
}

.meta img.userpic { width: 100%; height: auto; }
.meta-ousted { margin-left: 65px; }
.topic-content img,
.topic-content iframe,
.topic-preview img,
.topic-preview iframe { max-width: 100%; }

.topic .edit-links a { margin-right: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; }
.topic .edit-links.aux { padding: 10px 10px 0; }
.topic .edit-links.aux a { margin-left: 10px; margin-right: 0; }
.topic .actions { float: right; font-size: 0.9em; }
.topic .actions a { margin-right: 8px; }

.topic .actions a.aux { float: right; }

.topic.type-forum .meta-ousted { min-height: 70px; }

.f-hide { display: none; }


/* Comments & Answers
--------------------- */


.comment-form { padding: 0; margin-top: 20px; }
.comment-form-fields p { margin: 0 0 10px; }
.comment-form-fields p a { display: inline !important; }
.comment-form-fields label { width: 140px; display: block; clear: left; float: left; margin: 0 10px 0 0; color: #aaa; padding-top: 3px; }
.comment-form-fields input { width: 20em; }
.comment-form .comment-redactor { margin-left: 150px; }
.comment-form .comment-redactor .redactor-box { margin-bottom: 10px; }
.comment-form .comment-redactor .redactor-toolbar:after { clear: none; }
.comment-form .comment-redactor .errormsg { margin-left: 0; margin-bottom: 20px; }
.comment-form .comment-submit { padding:0 0 0 150px; }
.comment-form .userpic { width: 20px; height: 20px; float: left; margin-right: 5px; border-radius: 50%; }
.comment-form ul.menu-h.auth-type li a img { float: left; margin-right: 3px; position: relative; top: 2px; }
.comment-form ul.menu-h.auth-type { padding-bottom: 20px; }

.forum-reply-form .comment { padding-top: 30px; }
.forum-reply-form textarea { width: 100%; margin-bottom: 10px; }
.forum-reply-form .errormsg { margin-left: 0; margin-bottom: 20px; }

.pageless-wrapper { font-style: italic; }
.back-to-root { margin-left: 5px; }

.comments h4 { margin: 0 0 10px; float: left; }
.comments ul { padding-left: 0; list-style: none; }
.comments ul li { clear: left; }
.comments .credentials { margin-bottom: 0; }
.comments .credentials .date { margin: 0 5px; padding-top: 1px; }
.comments .credentials .userpic { 
	margin-right: 5px; 
	width: 20px; 
	margin-top: 3px; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.comments .credentials .userpic.icon16 { min-width: 0; width: 16px; height: 16px; margin: 7px 4px 0; }
.comments .text { margin: 5px 5px 5px 50px; }
.comments .text img,
.comments .text iframe { max-width: 100%; }
.comments .actions { margin: 0 0 5px 50px; font-size: 0.9em; }
.comment_credentials {
	margin-left: 50px;
}
.comments .actions a { margin-left: 8px; }
.comments .actions a.aux { float: right; }
.comments textarea { height: 100px; min-height: 100px; width: 75%; margin-top: 0; }

.comments ul li ul { padding-left: 25px; }

/* shrinked comment reply form view */

.comments ul li ul li .comment.in-reply-to .comment-form-fields label { display: none; }
.comments ul li ul li .comment.in-reply-to .comment-form .comment-redactor { margin-left: 0; }
.comments ul li ul li .comment.in-reply-to .comment-form .comment-submit { padding-left: 0; }

.follow { 
	float: left; 
}
.follow.following .hide-when-following,
.follow.not-following .hide-when-not-following { display: none; }
.follow #button-follow { margin-right: 7px; }
.follow #button-unfollow { margin-left: 7px; }



/* reset default <ul> and <ol> styling for comment content */

.comments ul li .comment ul,
.comments ul li .comment ol { padding-left: 25px; margin-left: 0 !important; }
.comments ul li .comment ul li { list-style: disc; }
.comments ul li .comment ol li { list-style: decimal; }


.comment { 
	padding: 5px 5px 5px 15px; 	 	
	border-left: 5px solid transparent;
}

.comment { min-height: 60px; padding: 10px;}
.comments.answers .text,
 .actions { margin-left: 50px; }
.comments.answers ul li ul { margin-left: 40px; font-size: 0.9em; }
.comments.answers ul li ul li ul { margin-left: 10px; font-size: 1em; }
.comments.answers ul li ul .comment { padding: 5px; }
.comments.answers ul li ul .text,
.comments.answers ul li ul .actions { margin-left: 0px; }

.comments.answers .comment.in-reply-to { margin: 0 0 10px; }
.comments.answers ul li ul .comment.in-reply-to { margin: -3px -3px 10px; padding: 8px 35px 8px 8px; }

.comments ul li .comment .wa-auth-adapters ul { padding-left: 0; margin-top: 5px; }
.comments ul li .comment .wa-auth-adapters ul li { list-style: none; clear: none; }


/* Topic list
------------- */

ul.category-sorting { margin:-5px 0px -10px 0px; }
ul.sorting li { padding-right: 5px; list-style: none; display: inline-block; display:block\9; float:left\9; margin: 0; }
ul.sorting li a { padding: 4px 6px; }
ul.sorting.aux { float: right; clear: none; }

i.sort-desc { height: 0; width: 0; border: 4px solid transparent; border-bottom-color: #000; margin-bottom: 0.2em; display: inline-block; display: block\9; float: left\9; }
i.sort-asc { height: 0; width: 0; border: 4px solid transparent; border-top-color: #000; margin-top: 0.1em; display: inline-block; display: block\9; float: left\9; }



/* Redactor: certain default.css strles reset */

html { overflow: auto !important; /* prevents Redactor's default behavior of setting "overflow: hidden;" on $dropdown:hover event */ }
.topic-form .redactor-toolbar:after { clear: left; }
.comment .redactor-toolbar:after { clear: none; }
.comment .redactor-toolbar { top: 0 !important; visibility: visible !important; width: 100% !important; }
#redactor-modal footer { background: #fff; top: 0; position: statuc; padding: 0; min-height: 0; font-size: 1em; color: #000; }

/* Tags autocomplete */

.ui-widget { font-family: 'Helvetica Neue', Arial, sans-serif !important; }
.ui-corner-all { border-radius: 0 !important; }
.ui-widget-content { background: #fff !important; }
.ui-widget-content a {  }

/* Authors
---------- */

ul.authors li img.userpic { position: absolute; 
	left: 10px;
	width: 40px; 
	text-align: center; 
	padding-top: 0; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
ul.authors li .kudos { float: right; }

ul.author-nav { font-size: 1.1em; list-style: outside none none; padding-left: 0; }
ul.author-nav li { display: inline-block; padding-right: 20px; }
ul.author-nav li a { padding: 2px 5px; }
ul.author-nav li.selected a { background: #eed; }


ul.category-list li, 
ul.list-group li {
	padding-left: 60px;
}

.credentials img.userpic {
	width: 20px;
	height: auto;
}

.bsbadge.float-right {
	margin-top: -3px;
}



.staff_list {
	margin-bottom: 40px;
}

.staff_list li {
	list-style: none;
	padding-left: 5px;
}

.staff_list li img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.staff {
	padding: 2px 4px;
	border-width: 1px;
	border-style: solid;
}

/*.credentials .staff {
	margin-left: 25px;
}*/

.category-name {
	position: relative;
}

/*small.new {
	position: absolute;
	top: -5px;
	right: -65px;
	font-weight: normal;
}

.badges {
	position: absolute;
	top: -5px;
	right: -200px;
	width: 200px;
}*/

#hub small.new,
#hub .badges {
	position: relative;
	width: 100%;
	margin-top: 5px;
}

.badges .label {
	font-weight: normal;
	float: left;
	margin-right: 5px;
}

.category-description p:last-of-type {
	margin-bottom: 0;
}


.theme-credentials {
	width: 100%;
	float: left;
}

.theme-credentials .replies {
	float: right;
}

.theme-credentials .author-meta {
	float: left;
}

.rating-label {
	padding: 2px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.topic .vote.qa {
	margin-left: 15px;
}

.vote.qa {
	float: left;
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 72px;
	position: relative;
	padding: 28px 0;
}

.vote.qa a {
	display: block;
	position: absolute;	
	width: 40px;
	height: 20px;
}

.vote.qa a.plus {
	top: 0;
}

.vote.qa a.minus {
	bottom: -1px;
}

.vote.qa a i {
	line-height: 22px;
	font-size: 30px;
}


.vote.qa strong {
	padding: 2px 9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 15px;
}

.helpful .plus,
.helpful .minus {
	display: inline-block;
	margin: -2px 0px 0px 5px;
}

.comment .credentials {
	text-align: right;
}

h1.title-bg {position: relative; padding-right: 150px;}
h1 .label{
	font-size: 11px;
	font-family: inherit;
	text-transform: none;
	position: absolute;
	right: 10px;
	margin-top: -2px;
	line-height: 16px;
}

.nav-following {
	display: inline-block;
	margin-right: 5px;
}


.title-bg.accent-font.align-left {
	text-align: left;
}

.topic-content {
	font-size: 13px;
}

/*.comment.in-reply-to { background: #eee; margin: -3px -3px 10px; padding: 8px; position: relative; }*/
/*.comment.in-reply-to .actions .aux { display: none; }*/
/*.comment.new { background: #ffc; }*/

/*.comment.featured-comment { background: #eed; }*/



.kudos { display: inline-block; border-radius: 4px; padding: 1px 5px;}


#hub .breadcrumbs .tags {
	margin: 20px 0 -10px 0;
}

#hub .breadcrumbs .tags a {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	height: 30px;
	line-height: 28px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0px 5px 10px 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.tags > span {
	display: inline-block;
	height: 20px;
	line-height: 7px;
	vertical-align: middle;
	text-transform: uppercase;
}

#hub .tags a:after, #hub .tags a:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

#hub .tags a:before {
	margin-top: -15px;
	border-style: solid;
	border-width: 15px 10px 15px 0;
	border-color: transparent;
	left:-11px;
}

#hub .tags a:after {
	border-style: solid;
	border-width: 14px 10px 14px 0;
	border-color: transparent;
	margin-top: -14px;
	left:-10px;
}

#hub .tags a:active,
#hub .tags a:focus {
	box-shadow: none;
}

#hub .badges .label {
	line-height: 0.75;
}

#hub .tags span {
	display: inline-block;
	height: 20px;
	line-height: 7px;
	vertical-align: middle;
	text-transform: uppercase;
}


.comments-header {
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-top-width: 3px;
	border-top-style: solid;
	padding: 20px 0;
	margin: -23px 0 20px;
}

.comments .sorting li {
	clear: none;
}


.comments {
	margin-top: 40px;
}


.comments li li {
	margin-bottom: 0;
}

#topic-and-comments .fa.following {
	font-size: 28px;
	line-height: 6px;
	display: inline-block;
}

.actions a:first-letter {
	text-transform: uppercase;
}


.edit-links {
	padding: 10px 0;
}

.button-solution {
	font-size: 11px;
	line-height: 14px;
	margin: -2px 0px 0px 10px;
}

.helpful {
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.nopad {
	padding: 0 !important;
}

.text .redactor-box,
.text .comment-submit {
	margin-left: 20px;
}

.forum_userpic,
.comment_forum_userpic {
	float: left;
	width: 60px;
	height: auto;
	margin-left: -65px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.comment_forum_userpic {
	margin-left: -5px;
	width: 45px;
}

.forum-reply-form {
	margin-top: 20px;
}

.forum-reply-form .meta-ousted {
	margin-left: 50px; 
}

.forum-reply-form .forum_userpic {
	width: 45px;
	margin-left: -5px;
}

.topic-type {
	padding-bottom: 20px;
	margin: 20px 0;
}

.sorting.topic-type * i.h-glyph16 {
	margin: 2px 2px 0px 0px !important;
}

.comments_stream {
	padding: 5px;
}

.comments_stream li {
	list-style: none;
	padding: 5px;
	
}

.comments_stream li a {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.comments_stream li small.date {
	font-size: 11px;
}


.side .sidenav li a, 
.side .sidenav li ul, 
.side .sidenav li,
.well.side {
	z-index: 200;
}

#user-auth-provider {
	text-align: center;
	padding: 20px 20px 0;	
}

.wa-auth-adapters {
	text-align: center;
	padding: 20px;
}

.author_userpic {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


.topic-content.editor_content,
.cred_line {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.tags_opener {
	cursor: pointer;
}

.tags_opener .fa {
	font-size: 29px;
	line-height: 14px;
}

.tags_holder {
	padding: 15px;
	position: relative;
	text-align: center;
}

.tags_holder a {
	display: inline-block;
	margin: 1px;
	padding: 2px 5px;	
}


@media only screen and (max-width : 991px){
	.date {
		float: none;
	}
}