/* Legacy styles */
span.guilabel {
  font-weight: bold;
}

/* Accordion panels */
.panel-default{
   border: 0.5px solid #ddd;
   border-radius: 4px;
   margin-top: 1em;
}

.panel-heading .title:after{
    content: "\f078";
    /*f067 for plus sign instead of chevron*/
    color: #999;
    font-family: FontAwesome;
    font-size: 0.6em;
    font-weight:100;
    margin-left: 10px;
    vertical-align: 10%;
    font-style: normal;
}

.panel-heading.active .title:after{
    content: "\f077";
    /*f068 for minus sign instead of chevron*/
}

.panel-heading {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px;
    padding-bottom: 1px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.panel .section{
    margin-bottom: 20px;
}

/* Add a background color to the title if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.panel-heading.active, .panel-heading:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel-body {
    padding: 10px;
    /*background-color: white;*/
    display: none;
}

/*Paligo custom*/

#article-comments{
  display:none;
}

.article-body code.sgmltag-element, .article-body code.sgmltag-attribute{
color: #1486d2;
  background: transparent;
    border: none;
    border-radius: inherit;
    padding: 0px;
    margin: 0px;
}

code.sgmltag-attribute:before{
content: '@';
}

.article-info .table th,
.article-info .table th a {
  color:inherit;
  font-size: inherit;
  font-weight: 700;
  text-align: left;
}

.article-info  td.tableheader{
    font-weight: bold;
    font-size: inherit;
}

.article-info .section h1 {
		font-weight: 700;
    font-size: 36px;
}

.article-info .section h2 {
		font-weight: 700;
    font-size: 32px;

  margin-bottom: 0px;
  text-align: left;
}

/*.article-info .titlepage h3.title*/
.article-info h3{
 		font-weight: 500;
    font-size: 24px;
    color: #2C2D30;
    line-height: 27px;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 40px;
}

/*Accordion titles:*/
 .article-info .panel-heading h1, .article-info .panel-heading h2, .article-info .panel-heading h3, .article-info .panel-heading h4,
 .article-info .panel-heading h5, .article-info .panel-heading h6, .article-info .panel-heading .title{
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-bottom: none;
    margin-top: 0px;
}


.article-info .section h4 {
		font-weight: 700;
    font-size: 18px;
}

.article-info .section h5 {
		font-weight: 700;
    font-size: 16px;
}



.promoted-articles-item {
  display:inline!important;
}

.article-info .informaltable.wide {
    width: 150%;
}

.taxonomy-business:before{
content: 'Business';
background-color:#42A5F5;
}

.taxonomy-professional:before{
content: 'Professional';
background-color:#f9b300;

}

.taxonomy-business:before, .taxonomy-professional:before{
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    font-size: 10px;
    display: block;
    margin-bottom: 10px;
    width: 70px;
}

dt, dd{
    display: inline-block;
}

dt{
    vertical-align: top;
    /*color: #54a1e5;*/
    width: 30%;
    padding-right: 10px;
    margin-top: 1em;
  	font-weight:600;
}

dt em {
 		font-style: normal;
}

dd{
    width: 60%;
}

.caption p {
    margin-top: 0px;
    font-style: italic;
    margin-bottom: 2em;
}

.article-info h4, .procedure .title{
  font-weight: 600;
  font-style: italic;
  margin-top: 40px;
}


h1.article-title{
 font-weight:900;
}


.article-info .note h3.title, .article-info .tip h3.title, .article-info .warning h3.title, .article-info .caution h3.title, .article-info .important h3.title{
 		margin-top: 0.5em;
    font-size: 18px;
  	line-height:inherit;
  	padding:0px;
  	border-bottom: none;
    margin-bottom: 0px;
}

.article-info .note, .article-info .tip, .article-info .warning, .article-info .caution,.article-info .important{
  	display: block;
    padding: 12px 18px 12px 65px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    /* -webkit-background-clip: padding-box; */
    /* background-clip: padding-box; */
    border: 1px;
    border-style: solid;
    line-height: 1.5rem;
    margin-top: 18px;
    margin-bottom: 18px;
    position: relative;

    border-color: #2ab27b;
    background-color: #E7F6F0;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.article-info .note:before, .article-info .tip:before, .article-info .warning:before, .article-info .caution:before, .article-info .important:before{
    content: '\f040';
    color: #2ab27b;
    font-size: 28px;
    font-weight: 300;
    position: absolute;
    left: 20px;
    top: 22px;
    vertical-align: middle;
    font-family: FontAwesome;
}


.article-info .important:before{
    content: '\f05a';
}



.article-info .tip{
    border-color: #3aa3e3;
    background-color: #F0F7FB;

}

.article-info .tip:before{
    content: '\f0d0';
    color: #3aa3e3;
}

/*Warning*/
.article-info .warning{
    border-color: #ffb74d;
    background-color: #ffebcc;

}

.article-info .warning:before{
    content: '\f071';
    color: #ffb74d;
}

/*Caution*/
.article-info .caution{
    border-color: #ffe81a;
    background-color: #fdffcc;

}

.article-info .caution:before{
    content: '\f071';
    color: #ffe81a;
}





.article-info .keycap {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
}

.article-info .keycap strong, .article-info .keycap em, .article-info .keycap i {
    font-style: normal;
  	font-weight:normal;
}

.article-body img{

    border: 1px solid #DEDEDE;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    max-width: 100%;
}


/* .article-author, .article-subscribe, .article-unsubscribe{
  display:none!important;
} */

.article-content{
 margin-top:0px!important;
}

.article-header{
 margin-bottom:0px!important;
}

.no-image-border img{
 	border:none;
  box-shadow:none;
}

.article-info .informaltable td, .article-info .table td, .article-info .alternate td{
  padding-left:1em;
  padding-right:1em;
}


.article-info .table table, .article-info .informaltable table,
.article-info .alternate table, tr, td, th{
    border: none!important;
}

.article-info .table table>tbody+tbody,
.article-info .informaltable table>tbody+tbody,
.article-info .alternate table>tbody+tbody{
    border: none!important;
}

/*.article-info .table table tr:nth-child(even),
.article-info .informaltable table tr:nth-child(even),
.article-info .alternate table tr:nth-child(even){
    background-color: #F7F7F7;
}
*/
.article-info .informaltable th, .article-info .table th,
.article-info .alternate table th {
		border-bottom: thin solid #555!important;
}

.article-info .zd-article .informaltable td, .article-info .table td{
  vertical-align: top;
    border-bottom: 0.5px solid #eee!important;

}

span.remark{
 display:none;
}

.zd-article ol, .zd-article ul {
    margin-bottom: 2em!important;
}

.article-info .alternate table {
		width: 130% /* Only used for the keyboard shortcuts*/
}

/* body{
     font-family: "Lato","Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 17px;
     -webkit-font-smoothing: antialiased;
     -webkit-margin-after: 12px;
     -webkit-margin-before: 0px;
     -webkit-margin-end: 0px;
     -webkit-margin-start: 0px;
} */

.article-info .keycap{
		font-size: 0.85rem;
}

.article-info .keycap em{
  	font-style: normal;
}

/* Special for callout icons */
.content-container .calloutlist img, .content-container .co img {
	width: 1em;
	margin-top: 0.2em;
}

/* If not using images for callouts, make sure the color of the callout number is not changed by a highlight plugin */
.co span{
    color:#54a1e5!important;
}


/*End Paligo custom*/