.news{
	padding:25px 15px;
}
.news .date{
	font-size:.9em;
	opacity:.5;
}
.newsbreadcrumb {
    margin-top: -15px;
    font-size: .75em;
    padding: 4px 0;
    list-style: none;
    color: #999;
}
.newsbreadcrumb > li {
    display: inline-block;
    margin-right: 15px;
}

a.newsheader {
	display: inline-block;
	width: 100%;
	background-size: cover;
	background-position: center center;
	padding-bottom: 43%;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	background-color:#ccc;
}
a.newsheader.main {
	padding-bottom:35%;
}
ul.newscategories.nav li, ul.labcategories.nav li{
	margin-right:6px;
}
ul.newscategories.nav li.active a, ul.labcategories.nav li.active a{
	background:rgba(0,0,0,.025);
	border:1px solid rgba(0,0,0,.05);
}
ul.newscategories.nav li a, ul.labcategories.nav li a{
	border-radius:3px;
	border:1px solid rgba(0,0,0,0);
}
img.news-article-header{
	width:100%;
	max-height:250px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	margin:.7em 0 1.5em;
	background-color:#ccc;
}
.row.news-article-signature{
	margin-top:30px;
	margin-bottom:20px;
}
.row.news-article-signature h4.title{
	font-size:12px;
	color:#bbb;
}
.row.news-article-signature span.avatar{
	background-size:cover;
	margin-right:5px;
	background-position:center center;
	vertical-align:middle;
	display:inline-block;
	border-radius:999px;
	border:2px solid #aaa;
	width:44px;
	height:44px;
}
.row.news-article-signature span.author{
	color:#aaa;
}
.blog{
	padding:25px 15px;
}
.blog .date{
	font-size:.9em;
	opacity:.5;
}
.blogbreadcrumb {
    margin-top: -15px;
    font-size: .75em;
    padding: 4px 0;
    list-style: none;
    color: #999;
}
.blogbreadcrumb > li {
    display: inline-block;
    margin-right: 15px;
}

a.blogheader {
	display: inline-block;
	width: 100%;
	background-size: cover;
	background-position: center center;
	padding-bottom: 43%;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	background-color:#ccc;
}
a.blogheader.main {
	padding-bottom:35%;
}
ul.blogcategories.nav li, ul.labcategories.nav li{
	margin-right:6px;
}
ul.blogcategories.nav li.active a, ul.labcategories.nav li.active a{
	background:rgba(0,0,0,.025);
	border:1px solid rgba(0,0,0,.05);
}
ul.blogcategories.nav li a, ul.labcategories.nav li a{
	border-radius:3px;
	border:1px solid rgba(0,0,0,0);
}
img.blog-article-header{
	width:100%;
	max-height:250px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	margin:.7em 0 1.5em;
	background-color:#ccc;
}
.row.blog-article-signature{
	margin-top:30px;
	margin-bottom:20px;
}
.row.blog-article-signature h4.title{
	font-size:12px;
	color:#bbb;
}
.row.blog-article-signature span.avatar{
	background-size:cover;
	margin-right:5px;
	background-position:center center;
	vertical-align:middle;
	display:inline-block;
	border-radius:999px;
	border:2px solid #aaa;
	width:44px;
	height:44px;
}
.row.blog-article-signature span.author{
	color:#aaa;
}
.panel-sidebar.kata_side_infopanel i.panel-minimise{
	display:none;
}
.panel-sidebar.kata_side_infopanel.feature, .panel-sidebar.kata_side_infopanel.feature > .panel-heading, .panel-sidebar.kata_side_infopanel.feature > .panel-footer{
	border-color:#bda;	
}
.panel-sidebar.kata_side_infopanel.bugfix, .panel-sidebar.kata_side_infopanel.bugfix > .panel-heading,  .panel-sidebar.kata_side_infopanel.bugfix > .panel-footer{
	border-color:#e2c1c0;
}
.panel-sidebar.kata_side_infopanel.rate, .panel-sidebar.kata_side_infopanel.rate > .panel-heading,  .panel-sidebar.kata_side_infopanel.rate > .panel-footer{
	border-color:#bbc8ee;
}
.panel-sidebar.kata_side_infopanel .panel-title {
	font-size:1.15em;
}
.panel-sidebar.kata_side_infopanel > .panel-heading {
    background-color: #fff;
	border-bottom:1px solid #eee;
}
.panel-sidebar.kata_side_infopanel > .panel-body span.frame{
	display:table;
	margin:0 auto;
	text-align:center;
	color:#aaa;
	vertical-align:middle;
	padding:20px 0;
}
.panel-sidebar.kata_side_infopanel > .panel-body span.line{
	display:table-row;
}
.panel-sidebar.kata_side_infopanel > .panel-body span.line:first-child{
	display:table-row;
	font-size:.8em;
}
.panel-sidebar.kata_side_infopanel > .panel-body span.cell{
	display:table-cell;
	padding:4px 3px;
}
.panel-sidebar.kata_side_infopanel > .panel-body span.line:last-child span.cell:first-child{
	font-size:1.45em;
}

.panel-sidebar.kata_side_infopanel > .panel-body span.line:last-child span.cell:last-child img{
	width:78%;
}
.panel-sidebar.kata_side_infopanel > .panel-footer{
	padding:0;
	background-color:#fff;
	border-top: 1px solid #eee;
}
.panel-sidebar.kata_side_infopanel > .panel-footer > a {
	display:block;
	padding:10px 15px;
	color: #888;
	transition:background-color ease-in-out .1s;
	background-color:rgba(0,0,0,0);
}
.panel-sidebar.kata_side_infopanel > .panel-footer > a:hover, .panel-sidebar.kata_side_infopanel > .panel-footer > a:active, .panel-sidebar.kata_side_infopanel > .panel-footer > a:focus {
	text-decoration:none;
	background-color:rgba(0,0,0,.02);
}
.panel.kata_featurepanel .btn[data-toggle="collapse"] .fa.fa-angle-down{
	transition:transform ease-in-out .3s;	
	transform:rotate(-180deg);
	margin-left:1px;
}
.panel.kata_featurepanel .btn[data-toggle="collapse"].collapsed .fa.fa-angle-down{
	transform:rotate(0deg);	
}
/*KATA USERTIPS SENDER START*/
.kata_tipstitle{
	text-transform:uppercase;
	font-size:.9em;
	opacity:.6;
	margin-top: 1.8em;
	letter-spacing: .1em;
}
.well.kata_usertips_container span.usertips{
padding:10px;display:block;max-height:170px;overflow:auto;
}
.well.kata_usertips_container span.usertips hr{
	margin-top:8px;
	margin-bottom:8px;
}
.well.kata_usertips_container span.usertips span.tip{
	display:inline-block;
	padding:6px 14px;
	background:white;
	border-radius:8px;
	border:1px solid rgba(0,0,0,.1);
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
 	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	max-width:100%;
}
.well.kata_usertips_container span.usertips span.tip small{
	white-space:nowrap;
	opacity:.6;
	margin-right:.6em;
}
.well.tip-sender{
	position:relative;
	border-radius:999px;
}
.well.tip-sender span.placeholder{
	font-size:1em;
	pointer-events: none;
	position:absolute;
	top:1.45em;
	right:65px;
	opacity:1;
	transition:all ease-in-out .2s;
}
.well.tip-sender span.placeholder.go_up{
	font-size:.75em;
	top:.35em;
	opacity:.6;
}
.well.tip-sender a.sendtip{
	margin-left:-40px;
	position:absolute;
	top:.9em;
}
.copy2clipboard{
	display:none;
}
/*KATA USERTIPS SENDER START END*/

.docs-article ul, .docs-article ol{
	margin-top:5px;
}
.docs-article ul ul, .docs-article ol ol{
	margin-top:0;
	margin-bottom:5px;
	padding-left:25px;
}
.blog-article-header{
	max-width:100%;
	margin-bottom:0px;
}
.panel-body.docs-sidebar-links ul{
	padding-left:15px;
	list-style:none;
	margin-top:-5px;
}
.lab-article ul, .lab-article ol{
	margin-top:5px;
}
.lab-article ul ul, .lab-article ol ol{
	margin-top:0;
	margin-bottom:5px;
	padding-left:25px;
}
.news-article ul, .news-article ol{
	margin-top:5px;
}
.news-article ul ul, .news-article ol ol{
	margin-top:0;
	margin-bottom:5px;
	padding-left:25px;
}
news-article-header{
	max-width:100%;
	margin-bottom:0px;
}
.blog-article ul, .blog-article ol{
	margin-top:5px;
}
.blog-article ul ul, .blog-article ol ol{
	margin-top:0;
	margin-bottom:5px;
	padding-left:25px;
}
.blog-article img{
	max-width:100%;
	margin-bottom:0px;
}

/*CHANGELOG PAGE*/
.panel-changelog .panel-title a{
	display:block;
	padding:10px 40px 10px 15px;
	position:relative;
}
.panel-changelog .panel-title a[data-toggle="collapse"]{
	text-decoration:none;
}
.panel-changelog .panel-title a[href]::after {
	font-size:18px;
    font-family: FontAwesome, "Font Awesome 5 Pro";
	font-weight: bold;
    position: absolute;
    right: 15px;
    content: "\f056";
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 0;
    height: 0;
}
.panel-changelog .panel-title a[href]:focus {
	color:inherit;
}
.panel-changelog .panel-title a[href]:focus:hover {
	color:#f90;
}

.panel-changelog .panel-title a[href].collapsed:after{
	content:"\f055";
}
.panel-changelog > .panel-heading{
	padding:0;
}
.panel-changelog{
	background-color:rgba(0,0,0,0);
	font-size:1.1em;
}
.panel-changelog:nth-child(2n){
	background-color:rgba(0,0,0,.012);
}
.panel-group .panel.panel-changelog + .panel{
	margin-top:0;
}
.panel-changelog .panel-body ul{
	margin-bottom:20px;
}
.panel-changelog .panel-body ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: .025em;
    color: rgba(0,0,0,.5);
	padding-left:8px;
}
.panel-changelog .panel-body ul li strong, .panel-changelog .panel-body ul li b {
    color: rgba(0,0,0,.6);
}
.panel-changelog .panel-body ul li strong, .panel-changelog .panel-body ul li a b {
    color: inherit;
}
/*CHANGELOG PAGE END*/
/*BOOTSTRAP EXPANSION*/
.text-xs-center{ text-align: center; }
.text-xs-left{ text-align: left; }
.text-xs-right{ text-align: right; }
@media (min-width: 768px) {
	.text-sm-center{ text-align: center; }
	.text-sm-left{ text-align: left; }
	.text-sm-right{ text-align: right; }
}
@media (min-width: 992px) {
	.text-md-center{ text-align: center; }
	.text-md-left{ text-align: left; }
	.text-md-right{ text-align: right; }
}
@media (min-width: 1200px) {
	.text-lg-center{ text-align: center; }
	.text-lg-left{ text-align: left; }
	.text-lg-right{ text-align: right; }
}

.col-xl-1, .col-xxl-1, .col-xl-2, .col-xxl-2, .col-xl-3, .col-xxl-3, .col-xl-4, .col-xxl-4, .col-xl-5, .col-xxl-5, .col-xl-6, .col-xxl-6, .col-xl-7, .col-xxl-7, .col-xl-8, .col-xxl-8, .col-xl-9, .col-xxl-9, .col-xl-10, .col-xxl-10, .col-xl-11, .col-xxl-11, .col-xl-12, .col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1700px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
	.text-xl-center{ text-align: center; }
	.text-xl-left{ text-align: left; }
	.text-xl-right{ text-align: right; }
}

@media (min-width: 2300px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left;
  }
  .col-xxl-12 {
    width: 100%;
  }
  .col-xxl-11 {
    width: 91.66666667%;
  }
  .col-xxl-10 {
    width: 83.33333333%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-8 {
    width: 66.66666667%;
  }
  .col-xxl-7 {
    width: 58.33333333%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-5 {
    width: 41.66666667%;
  }
  .col-xxl-4 {
    width: 33.33333333%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-2 {
    width: 16.66666667%;
  }
  .col-xxl-1 {
    width: 8.33333333%;
  }
  .col-xxl-pull-12 {
    right: 100%;
  }
  .col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .col-xxl-pull-9 {
    right: 75%;
  }
  .col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .col-xxl-pull-6 {
    right: 50%;
  }
  .col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .col-xxl-pull-3 {
    right: 25%;
  }
  .col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .col-xxl-pull-0 {
    right: auto;
  }
  .col-xxl-push-12 {
    left: 100%;
  }
  .col-xxl-push-11 {
    left: 91.66666667%;
  }
  .col-xxl-push-10 {
    left: 83.33333333%;
  }
  .col-xxl-push-9 {
    left: 75%;
  }
  .col-xxl-push-8 {
    left: 66.66666667%;
  }
  .col-xxl-push-7 {
    left: 58.33333333%;
  }
  .col-xxl-push-6 {
    left: 50%;
  }
  .col-xxl-push-5 {
    left: 41.66666667%;
  }
  .col-xxl-push-4 {
    left: 33.33333333%;
  }
  .col-xxl-push-3 {
    left: 25%;
  }
  .col-xxl-push-2 {
    left: 16.66666667%;
  }
  .col-xxl-push-1 {
    left: 8.33333333%;
  }
  .col-xxl-push-0 {
    left: auto;
  }
  .col-xxl-offset-12 {
    margin-left: 100%;
  }
  .col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxl-offset-9 {
    margin-left: 75%;
  }
  .col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxl-offset-6 {
    margin-left: 50%;
  }
  .col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxl-offset-3 {
    margin-left: 25%;
  }
  .col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxl-offset-0 {
    margin-left: 0;
  }
	.text-xxl-center{ text-align: center; }
	.text-xxl-left{ text-align: left; }
	.text-xxl-right{ text-align: right; }
}
/*BOOTSTRAP EXPANSION END*/

/* Comments Start */
#comments ol {
	list-style: none;
}
#comments .comment-list {
	padding:0;
}
#comments .comment-single {
	padding:15px 0;
}
#comments .reply-body {
	border-left:3px solid #b2b2b2;
	border-bottom:1px solid #f2f2f2;
	padding-left: 15px;
	padding-bottom:15px;
}
#comments .reply-admin {
	border-left:3px solid #f90 !important;
}
#comments .reply-user {
	border-left:3px solid #82c91e !important;
}
#comments p {
	padding:15px 0;
}
#comments .comment-actions > a, #comments .comment-info > span {
	margin-right:15px;
	text-decoration:none;
	color:#acacac;
}
#comments .comment-actions > a:hover {
	cursor:pointer;
}
#respond .cancel-reply {
	color:#f90;
}
#comments .cancel-reply:hover {
	cursor:pointer;
}
#respond.new_comment {
	background-color:#f8f8f8;
	padding:15px;
	margin-top:25px;
}
#respond.new_comment > h3 {
	margin-top:0;
}
#respond .posting-as {
	color:#777;
	padding-bottom:8px;
}
/* Comments End */

.list-group {
  margin-bottom: 0px !important;
}