.appliesto {background-color:#3D578C;color:#fff}

div.header
{
        background-image:none;
	background-color: #FFF;
	border-bottom: 0px;
}

/*
body, table, div, p, dl {
    font-size: 16px;
    font-family: Open Sans, Calibri, Arial, Sans-Serif;
	color: #474747;
	line-height: 20px;

}
*/

a.code {
 color: #1c99c7;
}

a.el {
 font-weight: normal;
}

.contents a:visited, a:visited.code {
	color: #16779a;
}

.title {
    font-size: 1.34em
}

h1 {
    font-size: 1.25em
}

h2 {
    font-size: 1.15em
}

h3 {
    font-size: 1.05em
}

h4 {
    font-size: 1em
}

table.memberdecls, table.directory, table.memname {
 margin:0px;
 border:0px;
 -moz-box-shadow: 0 0px 0px #d1d1d1;
 -webkit-box-shadow: 0 0px 0px #d1d1d1;
 box-shadow: 0 0px 0px #d1d1d1;
}

table.memberdecls tr {
 padding-left:0px;
}

table.memberdecls tr:hover td, table.memname tr:hover td {
 background: inherit;
}

table.directory tr.even, table.directory tr.odd {
 background: inherit;
}

table.memberdecls td, table.directory td, table.directory td.desc {
 border:0px;
 padding: 2px 0px 0px;
}

table.memberdecls td.memSeparator {
 background-color:#inherit;
 padding:2px;
 border-bottom: 1px dotted #DEE4F0;
}

.mdescLeft, .mdescRight,
.memItemLeft, .memItemRight,
.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
	background-color: inherit;
}

div.levels {
 display:none;
}

table.retval {
border:#ccc 1px solid;
}


table.memname td, table.params td, table.retval td {
padding:5px;
border:0px;
}

div.fragment div.line {
font-size: 14px;
line-height:18px;
}

table.fieldtable, table.params, table.retval {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

table.fieldtable th {
        border:none;
	border-bottom:1px solid #A8B8D9;
}

table.blank, table.blank tr th, table.blank tr td {
	border:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

table.blank tr:hover td {
	background: #ffffff;	
}


#projectlogo
{
	text-align: left;
	vertical-align: middle;
	border-collapse: separate;
}
 
#projectname
{
    font-size: 40px;
    font-family: Open Sans, Calibri, Arial, Sans-Serif;
	margin: 0px;
	padding: 2px 0px;
}
    
#projectbrief
{
    font-size: 30px;
	margin: 0px;
	padding: 0px;
}

#titlearea
{
	border-bottom: 1px solid #e0e0e0;
}

.label a, .item a
{
	border-bottom: none;
	
}

#nav-tree {
  background-image: none;
  background-color: #f2f2f2;
  margin-top: 11px;
}

div.contents {
	margin-left: 30px;
	margin-right: 30px;

}

div.header {
	margin-left: 20px;
}

table td.doclinks a {
    font-size: 12px;
    font-style: italic;
    color: #e97c25;
    border: 1px solid #e97c25;
    padding: 2px 5px;
    text-decoration: none;
}

table td.docselected a {
    background: #e97c25;
    color: #fff;
}

table td.doclinkintro {
    font-size: 12px;
    font-style: italic;
}


/* nordic.css */
.p {
	margin-top: .3em;
}

/* fix for table spacing  */
td p.p {
	margin: 0em;
	padding: 0px;
} 
dt.line_sep {
	border-top: solid #c9c9c9 1px;
	padding-top: 5px;
	
}

a
{
    color: #1c99c7;
    text-decoration: none;
	border-bottom: 1px #e5e5e5 solid;
	
}

a:visited
{
   color: #16779a;
}
a:hover
{
   color: #none;
   text-decoration: underline;
   border: none;
}

a:active
{
   
}

ul.ul {
	margin-top: 4px;
	margin-bottom: 10px;
}


a[href*='.pdf'] {
background:transparent url(./pdf.png) center left no-repeat;
padding-left:22px;
line-height:18px;
}


a[href*='.zip'] {
background:transparent url(./zip_s.png) center left no-repeat;
padding-left:22px;
line-height:18px;
}


a[href*='.msi'] {
background:transparent url(./msi_s.png) center left no-repeat;
padding-left:22px;
line-height:18px;
}

table a:link {
	color: #1c99c7;
    text-decoration: none;
	border-bottom: 1px #e5e5e5 solid;
}
table a:visited {
	color: #16779a;
}
table a:active,
table a:hover {
	color: #none;
   text-decoration: underline;
   border: none;
}
table {
	font-family:Calibri, Arial, Sans-Serif;
	color:#474747;
	font-size:16px;
	margin-left: auto;
	margin-right: auto;
	border:#ccc 1px solid;
	

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding:10px 15px 10px 10px;
	border-top:1px solid #7eceed;
	border-bottom:1px solid #7eceed;
	border-right:1px solid #7eceed;
	border-left:1px solid #7eceed;

	background: #7eceed;
	background: -webkit-gradient(linear, left top, left bottom, from(#7eceed), to(#7eceed));
	background: -moz-linear-gradient(top,  #7eceed,  #7eceed);
}

table th.center {
	text-align: center;
}
table tr {
	text-align: left;
	
}
table td {
	padding:5px 5px 5px 10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;

}
table tr:hover td {
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}




img {
	border: 0;
	margin-left: auto;
	margin-right: auto;
	max-width:100%;
}


/* make svg files scale in IE. compatible with Dita OT v2.0 
img:not(.png) {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
*/


/* make svg files scale in IE */
embed.image:not(.png):not(.gif):not(.jpg) {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

svg {
	position: absolute;
	top: 0;
	left: 0;

}

caption {
	caption-side: bottom;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 35px;
	
	}
	
figdesc {
	caption-side: bottom;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 20px;
	
	}	

/* to get figure captions to appear below the image and center */	
	
div.fig {
    display: table; 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 55px;
}	

div.fig span.figcap {
    display:table-footer-group;
    text-align:center;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
	font-style: normal;
}
div.fig div.imagecenter {
    display:table-row-group;
}


/* fix to hide borders in image maps (Chrome only) */
img.map, map area{
    outline: none;
}


/* fix placement of <sup>&reg;</sup> */ 
sup {
    line-height: 1em;
}

.sdkversion span {
    font-size: 12px;
    font-style: italic;
    color: #e97c25;
    border: 1px solid #e97c25;
    padding: 2px 5px;
}

.sdkversion {
    text-align: right;
}

.whichSDs span,.whichnRF span {
    font-size: 12px;
    font-style: italic;
    color: #e97c25;
    border: 1px solid #e97c25;
    padding: 2px 5px;
 }

.whichSDs.nRF52 span,.whichnRF.nRF52 span {
    color: #e97c25;
    border-color: #e97c25;
}

.whichSDs.nRF52840 span,.whichnRF.nRF52840 span {
    color: #0081B7;
    border-color: #0081B7;
}

.whichSDs.nRF51 span,.whichnRF.nRF51 span {
    color: #7f7f7f;
    border-color: #7f7f7f;
}

div.whichnRF {
    padding-bottom: 5px;
}

span.whichnRF{
    font-size: 12px;
    font-style: italic;
    color: #e97c25;
    border: 1px solid #e97c25;
    padding: 2px 5px;
}

span.whichnRF.nRF52 {
    color: #e97c25;
    border-color: #e97c25;
}

span.whichnRF.nRF52840 {
    color: #0081B7;
    border-color: #0081B7;
}

span.whichnRF.nRF51 {
    color: #7f7f7f;
    border-color: #7f7f7f;
}

.orange {
	color: #e97c25;
}

hr {
    margin-top:20px;
    border-top:1px solid #8EA7B0;
}


.directory td.entry {
        white-space: normal;
        width:50%;
}

/* overrides */
.topicfooter {
    text-align: right;
//    margin-top: 1px;
    padding-right: 10px;
    box-shadow: inset 0px 1px 0px 0px #e0e0e0;
    font-size: 13px;
}
   .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .flex-row {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row; 
        flex-direction:row; 
    }
    .justify-space-between{
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
    .doc-content-container{
        color: #fff;
    }
    .doc-content-container .nav-bar{
        height: 80px;
        padding: 0 30px 0 20px;
        background: #1b73b8;
        z-index: 9;
        position: relative;
    }
    .fixed-navbar{
        position: fixed !important;
        width: 100%;
        top: 0;
        left: 0;
    }
    .doc-content-container .nav-bar .doc-name .name{
        display: inline-block;
        position: relative;
        padding-left: 20px;
        font-size:20px; 
    }
    .doc-content-container .nav-bar  .doc-name .name:after {
        position: absolute;
        content: "";
        background: #ff0000;
        z-index: 99;
        border-radius: 100%;
        width: 10px;
        height: 10px;
        top: 8px;
        left: 0;
    }
    .doc-content-container .nav-bar .operate {
        padding-right: 280px;
    }
    .doc-content-container .nav-bar .operate>div{
        display: inline-block;
    }
    .doc-content-container .nav-bar .operate>div.link-wraper>div{
        display: inline-block;
    }
    .doc-content-container .nav-bar .operate>div.link-wraper>div>a{
        display: inline-block;
        padding-left: 24px;
        margin-left: 30px;
        background-size: 23%;
    }
    .doc-content-container .nav-bar .operate .version{
        background: url(version.svg) no-repeat 0 center;
        background-size: 15%;
        position: relative;
        font-size: 12px;
        padding-left: 24px;
    } 
    .doc-content-container .nav-bar .operate .download>a{
        background: url(pdf.svg) no-repeat 0 center;
    } 
    .doc-content-container .nav-bar .operate .product>a{
        background: url(product-icon.png) no-repeat 0 center;
    } 
    .doc-content-container .nav-bar .operate .contact>a{
        background: url(contact-icon.png) no-repeat 0 center;
    } 
    .doc-content-container .nav-bar .operate a{
        color: #fff;
        font-size: 12px;
    }
    .doc-content-container .nav-bar .operate .version .choose-version{
        display: inline-block;
        position: relative;
    }
    .doc-content-container .nav-bar .operate .version .choose-version .active-version{
        position: relative;
        display: inline-block;
        padding-right:20px;
        cursor: pointer;
    }
    .doc-content-container .nav-bar .operate .version .choose-version .active-version:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        right: 0;
       /* top: 10px;*/
    }
    .doc-content-container .nav-bar .operate .version .choose-version .filter-version {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 105%;
        min-width: 64px;
        box-shadow: 0 0 1px rgba(0,0,0,.03), 0 8px 26px -4px rgba(0,0,0,.1), 0 -18px 35px -19px rgba(0,0,0,.2);
        background: #fff;
        color: #333;
        padding-top: 2px;
    }
    .doc-content-container .nav-bar .operate .version .choose-version .filter-version>span{
        display: inline-block;
        width: 100%;
        padding-left: 5px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding-left: 5px;
    }
    .doc-content-container .nav-bar .operate .version .choose-version .filter-version>span:hover{
        background: #3598db;
        color: #fff;
    }

    .doc-content-container .doc-content{
        position: relative;
    }
    .doc-content-container .doc-content .list{
        width: 350px;
        padding:24px 0;
        background: #f2f2f2;
        position: fixed;
        top: 180px;
        bottom: 0;
        z-index: 10;
        overflow: auto;
    }
    .doc-content-container .doc-content .list .toggle-list{
        position: absolute;
        top: 7px;
        right: 4px;
        width: 6px;
        height: 20px;
        background: transparent;
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc;
        cursor: pointer;
        display: none;
    }
    .doc-content-container .doc-content .list .toggle-list:after{
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        border-left: 2px solid #ccc;
        left: -6px;
        top: 0;
    }
    .doc-content-container .doc-content .list .search-wraper{
        background: #e4e4e4;
        height: 26px;
        border-radius: 10px;
        position: relative;
        padding-left: 8px;
        margin: 0 20px;
    }
     .doc-content-container .doc-content .list .search-result-tooltip{
        display: block;
        overflow: hidden;
        height: 0;
        position: relative;
        padding: 4px 30px;
        font-size: 12px;
        color: #333;
        -webkit-transition: height 0.4s ease;
        -o-transition: height 0.4s ease;
        transition: height 0.4s ease;
    }
    .doc-content-container .doc-content .list .search-result-tooltip .no-result{
        color: #d00707;
    }
    .doc-content-container .doc-content .list .search-result-tooltip .count{
        color: #388a34;
        margin: 0 5px;
    }
    .doc-content-container .doc-content .list .search-wraper input{
        display: block;
        position: relative;
        z-index: 2;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
        outline: 0;
        background: transparent;
        padding-left: 20px;
        border: 0;
        border-radius: 10px;
        box-shadow: none;
    }
    .doc-content-container .doc-content .list .search-wraper span#btn-search{
        position: absolute;
        top: 6px;
        left: 8px;
        cursor: pointer;
        background: url(../images/search-icon.png) no-repeat 0 center;
        width: 13px;
        height: 13px;
        z-index: 99;
        background-size: cover;
    }
    .doc-content-container .doc-content .list .search-wraper span#close-search{
        display: none;
        position: absolute;
        top: 6px;
        right: 10px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        z-index: 99;
    }
    .contents>.textblock {
        line-height: 20px !important;
    }
    #MSearchBox {
    white-space : nowrap;
    float: none;
    
    right: 0px;
    width: 100%;
    height: 24px;
    z-index: 102;
    display: inline;
    position: absolute;
}


#nav-path {
	border:none !important;
}

.arrow {
	color:#666 !important;
	font-size: 7px !important;
}

#nav-tree .item:not(.selected):hover .arrow {
	color:#33bbb8 !important;
}

#nav-tree .item:hover .arrow {
	color:#fff !important;
}

.selected .arrow {
	color: white !important;
}

#projectname {
	font: 100% Tahoma, Arial,sans-serif;
	margin: 19px 0 0 0;
}

#nav-tree {
	margin-top:32px;
}

#nav-tree-contents {
	margin:0;
}