.useful-article {  }
.useful-article button { cursor: pointer; color:#2a006f; border:1px solid #2a006f; font-size: 16px; line-height: 30px; padding: 0 10px; width: 100px; border-radius: 3px; background:#fff; margin:5px;}

.knowledge-base { background-color: #f0f0f0 !important; border-radius: 5px; padding: 35px; max-width: 95%; box-sizing: border-box}

.CTA-button { display: none }

a.label-tag { display: inline-block; text-decoration: none; color: #fff; background: #fa6400; border-radius: 2px; padding: 2px 8px; font-size: 14px; line-height: 16px; white-space: nowrap; margin: 3px 3px 0 0 }
a.label-tag:hover, a.label-tag.on-article:hover { background-color: #260c4f; text-decoration: none; color: #fff; border-color: #fff}
a.label-tag.on-article { background: #fff; color:#fa6400; border: 1px solid #fa6400; font-size: 11px; line-height: 13px; padding: 1px 6px  }

.nnx-col a { color: #fa6400; text-decoration: none; display: inline-block; padding: 0 2px }
.nnx-col a:hover { background: #ffede1; color: #fa6400 }
.nnx-col a[download] { background: #ffede1; padding: 0px 5px; border: 1px solid rgba(250, 101, 0, 0.62); border-radius: 3px }
.nnx-col a[download]:hover { background:#fa6400; color: #fff  }

.nnx-col h2 { font-weight: 600; font-size: 28px; padding-bottom: 5px !important; color:#2a006f; margin: 0; padding: 0; text-align: left  }
.nnx-col h3 { margin: 0; padding: 10px 0 0 0; text-align: left }

.nnx-col hr { border:none; height:0; border-top:1px dotted silver }

.col-article { width: 60%; float: left; margin-left: 5%}
.col-releated { width: 25%; float:right; margin-top:45px; /* background: #f4f4f4; */opacity: 1; transition: opacity .3s ease-in-out; border-radius: 3px; box-sizing: border-box; overflow: hidden}
.col-releated:hover { opacity: 1}
.col-releated .text-box.theme-box > h3 { font-size: 16px }


.blog-list { max-width: 800px; margin: 0 auto }

.article-box { width: 100%; padding: 15px 0 25px 0; /*border-bottom: 1px dotted silver*/}
.article-box * { text-align: left !important}
.article-box a { text-decoration: none }
.article-box a:hover { text-decoration: underline }
.article-box span.date { font-size: 12px; color: rgba(38, 12, 80, 0.58) }
.article-box h2.title { font-size: 24px; font-weight: 600; margin:0; padding: 0 !important; color:#260c4f  }
.article-box p.perex { font-size: 15px; font-weight: 400; padding: 0 0 8px 0; margin: 0; line-height: 19px; color: #6c6c6c; text-align: left !important }
.article-box p.perex.search-results u { background: #ececec; text-decoration: none}

.article-header { font-weight: 600; font-size: 40px; padding-bottom: 5px !important; color:#2a006f; text-align: left !important   }
.article-perex { background: #f4f4f4; padding: 15px !important; font-weight: 600; margin-bottom: 25px; text-align: left !important  }

/*
.article-sidebar { padding: 15px; border-bottom: 1px dotted silver; box-sizing: border-box}
.article-sidebar * { text-align: left }
.article-sidebar a { text-decoration: none }
.article-sidebar a:hover { text-decoration: underline }
.article-sidebar h3.title { font-size: 16px; line-height: 18px; font-weight: 600; margin:0; padding: 0 0 5px 0; color:#260c4f }
.article-sidebar p.perex { font-size: 13px; font-weight: 400; padding: 0; margin: 0; line-height: 14px; color: #6c6c6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
*/
.article-sidebar { box-sizing: border-box; padding: 12px 0; border-bottom: 1px solid #e7e7e7 }
.article-sidebar * { text-align: left }
.article-sidebar a { text-decoration: none }
.article-sidebar a:hover { text-decoration: underline }
.article-sidebar h3.title { font-size: 16px; line-height: 18px; font-weight: 500; margin:0; padding: 0 0 5px 0; color:#260c4f }
.article-sidebar p.perex { font-size: 13px; font-weight: 400; padding: 0; margin: 0; line-height: 14px; color: #6c6c6c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }



.section-releated { background:#e9e9e9 }
.releated-boxes { width: 100%; margin-left: 3%; box-sizing: border-box; margin-bottom: 50px; padding-top: 25px }
.releated-boxes div { background: whitesmoke; transition:all .3s ease-in-out; width: 30%; height: 200px; overflow: hidden; margin:20px 1.5%; float: left; border-radius: 3px; overflow: hidden }
.releated-boxes div:hover { background: #fff }
.releated-boxes div a { text-decoration: none}
.releated-boxes div a h3 { cursor: pointer; color: #2a006f; font-weight: 600; font-size: 18px; line-height: 24px; padding: 15px;  }
.releated-boxes div a h3:hover { color: #4300ab }
.releated-boxes div p { font-weight: normal; color: #393939; font-size: 15px; line-height: 20px; padding:0 15px; text-align: left; color:   }



.blog-search {  }
.blog-search input[type=text] { }

/* extras */
.ulli-block {display: block; position:relative; padding-left: 35px; min-height: 20px; font-weight: 400; margin:12px 0 12px 0;  }
.ulli-block i.fa { position: absolute; left:3px; top:4px; color:#f97110; font-size: 100%  }
.ulli-block i.fa.bigger { font-size: 125% }

.blog-content .date { opacity: .5; font-size: 12px}
.blog-content img { margin: 8px 0; max-width: 100% }
.blog-content code { display: inline-block; background: #f3f3f3; padding: 15px; font-size: 13px; line-height: 20px }
.blog-content code.inline { padding: 1px 5px; margin: 1px 0; border-radius: 2px; color: #000; vertical-align: middle }
.blog-content code.inline.js { background-color: #ffea7e }
.blog-content code.inline.css { background-color: #7dd1ff }

.ml-version { display: inline-block; font-size: 12px; font-weight: bold; line-height: 18px; padding: 1px 5px; border-radius: 3px; color: #2a006f; background: #f0f0f0 }


@media screen and (max-width: 950px) {
	.col-article { width: 95%}
	.col-releated { display: none }
}




@media screen and (max-width: 750px) {
    .article-header { font-size: 30px}	
	.theme-box { background: #f6f6f6; padding: 15px 25px }	
	.releated-boxes div { width: 47%; }
}


@media screen and (max-width: 550px) {
    .article-header { font-size: 30px}	
	.theme-box { background: #f6f6f6; padding: 15px 25px }	
	.releated-boxes div { width: 100%; margin: 0; height: auto }
}