/**
 * Licensed to the .NET Foundation under one or more agreements.
 * The .NET Foundation licenses this file to you under the MIT license.
 */
 html,
 body {
   font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
   height: 100%;
 }
 button,
 a {
   color: #337ab7;
   cursor: pointer;
 }
 button:hover,
 button:focus,
 a:hover,
 a:focus {
   color: #23527c;
   text-decoration: none;
 }
 a.disable,
 a.disable:hover {
   text-decoration: none;
   cursor: default;
   color: #000000;
 }
 
 h1, h2, h3, h4, h5, h6, .text-break {
     word-wrap: break-word;
     word-break: break-word;
 }
 
 h1 mark,
 h2 mark,
 h3 mark,
 h4 mark,
 h5 mark,
 h6 mark {
   padding: 0;
 }
 
 .inheritance .level0:before,
 .inheritance .level1:before,
 .inheritance .level2:before,
 .inheritance .level3:before,
 .inheritance .level4:before,
 .inheritance .level5:before,
 .inheritance .level6:before,
 .inheritance .level7:before,
 .inheritance .level8:before,
 .inheritance .level9:before {
     content: '↳';
     margin-right: 5px;
 }
 
 .inheritance .level0 {
     margin-left: 0em;
 }
 
 .inheritance .level1 {
     margin-left: 1em;
 }
 
 .inheritance .level2 {
     margin-left: 2em;
 }
 
 .inheritance .level3 {
     margin-left: 3em;
 }
 
 .inheritance .level4 {
     margin-left: 4em;
 }
 
 .inheritance .level5 {
     margin-left: 5em;
 }
 
 .inheritance .level6 {
     margin-left: 6em;
 }
 
 .inheritance .level7 {
     margin-left: 7em;
 }
 
 .inheritance .level8 {
     margin-left: 8em;
 }
 
 .inheritance .level9 {
     margin-left: 9em;
 }
 
 .level0.summary {
   margin: 2em 0 2em 0;
 }
 
 .level1.summary {
   margin: 1em 0 1em 0;
 }
 
 span.parametername,
 span.paramref,
 span.typeparamref {
     font-style: italic;
 }
 span.languagekeyword{
     font-weight: bold;
 }
 
 .hljs {
   display: inline;
   background-color: inherit;
   padding: 0;
 }
 /* additional spacing fixes */
 .btn + .btn {
   margin-left: 10px;
 }
 .btn.pull-right {
   margin-left: 10px;
   margin-top: 5px;
 }
 .table {
   margin-bottom: 10px;
 }
 table p {
   margin-bottom: 0;
 }
 table a {
   display: inline-block;
 }
 
 /* Make hidden attribute compatible with old browser.*/
 [hidden] {
   display: none !important;
 }
 
 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3 {
   margin-top: 15px;
   margin-bottom: 10px;
   font-weight: 400;
 }
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
   margin-top: 10px;
   margin-bottom: 5px;
 }
 .navbar {
   margin-bottom: 0;
 }
 #wrapper {
   min-height: 100%;
   position: relative;
 }
 /* blends header footer and content together with gradient effect */
 .grad-top {
   /* For Safari 5.1 to 6.0 */
   /* For Opera 11.1 to 12.0 */
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
   /* Standard syntax */
   height: 5px;
 }
 .grad-bottom {
   /* For Safari 5.1 to 6.0 */
   /* For Opera 11.1 to 12.0 */
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   /* Standard syntax */
   height: 5px;
 }
 .divider {
   margin: 0 5px;
   color: #cccccc;
 }
 hr {
   border-color: #cccccc;
 }
 header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1000;
 }
 header .navbar {
   border-width: 0 0 1px;
   border-radius: 0;
 }
 .navbar-brand {
   font-size: inherit;
   padding: 0;
 }
 .navbar-collapse {
   margin: 0 -15px;
 }
 .subnav {
   min-height: 40px;
 }
 
 .inheritance h5, .inheritedMembers h5{
   padding-bottom: 5px;
   border-bottom: 1px solid #ccc;
 }
 
 article h1, article h2, article h3, article h4{
   margin-top: 25px;
 }
 
 article h4{
   border: 0;
   font-weight: bold;
   margin-top: 2em;
 }
 
 article span.small.pull-right{
   margin-top: 20px;
 }
 
 article section {
   margin-left: 1em;
 }
 
 /*.expand-all {
   padding: 10px 0;
 }*/
 .breadcrumb {
   margin: 0;
   padding: 10px 0;
   background-color: inherit;
   white-space: nowrap;
 }
 .breadcrumb > li + li:before {
   content: "\00a0/";
 }
 #autocollapse.collapsed .navbar-header {
   float: none;
 }
 #autocollapse.collapsed .navbar-toggle {
   display: block;
 }
 #autocollapse.collapsed .navbar-collapse {
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 #autocollapse.collapsed .navbar-collapse.collapse {
   display: none !important;
 }
 #autocollapse.collapsed .navbar-nav {
   float: none !important;
   margin: 7.5px -15px;
 }
 #autocollapse.collapsed .navbar-nav > li {
   float: none;
 }
 #autocollapse.collapsed .navbar-nav > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
 #autocollapse.collapsed .collapse.in,
 #autocollapse.collapsed .collapsing {
   display: block !important;
 }
 #autocollapse.collapsed .collapse.in .navbar-right,
 #autocollapse.collapsed .collapsing .navbar-right {
   float: none !important;
 }
 #autocollapse .form-group {
   width: 100%;
 }
 #autocollapse .form-control {
   width: 100%;
 }
 #autocollapse .navbar-header {
   margin-left: 0;
   margin-right: 0;
 }
 #autocollapse .navbar-brand {
   margin-left: 0;
 }
 .collapse.in,
 .collapsing {
   text-align: center;
 }
 .collapsing .navbar-form {
   margin: 0 auto;
   max-width: 400px;
   padding: 10px 15px;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 .collapsed .collapse.in .navbar-form {
   margin: 0 auto;
   max-width: 400px;
   padding: 10px 15px;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 .navbar .navbar-nav {
   display: inline-block;
 }
 .docs-search {
   background: white;
   vertical-align: middle;
 }
 .docs-search > .search-query {
   font-size: 14px;
   border: 0;
   width: 120%;
   color: #555;
 }
 .docs-search > .search-query:focus {
   outline: 0;
 }
 .search-results-frame {
   clear: both;
   display: table;
   width: 100%;
 }
 .search-results.ng-hide {
   display: none;
 }
 .search-results-container {
   padding-bottom: 1em;
   border-top: 1px solid #111;
   background: rgba(25, 25, 25, 0.5);
 }
 .search-results-container .search-results-group {
   padding-top: 50px !important;
   padding: 10px;
 }
 .search-results-group-heading {
   font-family: "Open Sans";
   padding-left: 10px;
   color: white;
 }
 .search-close {
   position: absolute;
   left: 50%;
   margin-left: -100px;
   color: white;
   text-align: center;
   padding: 5px;
   background: #333;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   width: 200px;
   box-shadow: 0 0 10px #111;
 }
 #search {
   display: none;
 }
 
 /* Search results display*/
 #search-results {
   max-width: 960px !important;
   margin-top: 120px;
   margin-bottom: 115px;
   margin-left: auto;
   margin-right: auto;
   line-height: 1.8;
   display: none;
 }
 
 #search-results>.search-list {
   text-align: center;
   font-size: 2.5rem;
   margin-bottom: 50px;
 }
 
 #search-results p {
   text-align: center;
 }
 
 #search-results p .index-loading {
   animation: index-loading 1.5s infinite linear;
   -webkit-animation: index-loading 1.5s infinite linear;
   -o-animation: index-loading 1.5s infinite linear;
   font-size: 2.5rem;
 }
 
 @keyframes index-loading {
     from { transform: scale(1) rotate(0deg);}
     to { transform: scale(1) rotate(360deg);}
 }
 
 @-webkit-keyframes index-loading {
     from { -webkit-transform: rotate(0deg);}
     to { -webkit-transform: rotate(360deg);}
 }
 
 @-o-keyframes index-loading {
     from { -o-transform: rotate(0deg);}
     to { -o-transform: rotate(360deg);}
 }
 
 #search-results .sr-items {
   font-size: 24px;
 }
 
 .sr-item {
   margin-bottom: 25px;
 }
 
 .sr-item>.item-href {
   font-size: 14px;
   color: #093;
 }
 
 .sr-item>.item-brief {
   font-size: 13px;
 }
 
 .pagination>li>a {
   color: #47A7A0
 }
 
 .pagination>.active>a {
   background-color: #47A7A0;
   border-color: #47A7A0;
 }
 
 .fixed_header {
   position: fixed;
   width: 100%;
   padding-bottom: 10px;
   padding-top: 10px;
   margin: 0px;
   top: 0;
   z-index: 9999;
   left: 0;
 }
 
 .fixed_header+.toc{
   margin-top: 50px;
   margin-left: 0;
 }
 
 .sidenav, .fixed_header, .toc  {
   background-color: #f1f1f1;
 }
 
 .sidetoc {
   position: fixed;
   width: 260px;
   top: 150px;
   bottom: 0;
   overflow-x: hidden;
   overflow-y: auto;
   background-color: #f1f1f1;
   border-left: 1px solid #e7e7e7;
   border-right: 1px solid #e7e7e7;
   z-index: 1;
 }
 
 .sidetoc.shiftup {
   bottom: 70px;
 }
 
 body .toc{
   background-color: #f1f1f1;
   overflow-x: hidden;
 }
 
 .sidetoggle.ng-hide {
   display: block !important;
 }
 .sidetoc-expand > .caret {
   margin-left: 0px;
   margin-top: -2px;
 }
 .sidetoc-expand > .caret-side {
   border-left: 4px solid;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   margin-left: 4px;
   margin-top: -4px;
 }
 .sidetoc-heading {
   font-weight: 500;
 }
 
 .toc {
   margin: 0px 0 0 10px;
   padding: 0 10px;
 }
 .expand-stub {
   position: absolute;
   left: -10px;
   font-weight: bold;
 }
 .expand-stub + a {
   font-weight: bold;
 }
 .toc .nav > li > a.sidetoc-expand {
   position: absolute;
   top: 0;
   left: 0;
 }
 .toc .nav > li > a {
   color: #666666;
   margin-left: 5px;
   display: block;
   padding: 0;
 }
 .toc .nav > li > a:hover,
 .toc .nav > li > a:focus {
   color: #000000;
   background: none;
   text-decoration: inherit;
 }
 .toc .nav > li.active > a {
   color: #337ab7;
 }
 .toc .nav > li.active > a:hover,
 .toc .nav > li.active > a:focus {
   color: #23527c;
 }
 
 .toc .nav > li> .expand-stub {
   cursor: pointer;
 }
 
 .toc .nav > li.active > .expand-stub::before,
 .toc .nav > li.in > .expand-stub::before,
 .toc .nav > li.in.active > .expand-stub::before,
 .toc .nav > li.filtered > .expand-stub::before {
     content: "-";
 }
 
 .toc .nav > li > .expand-stub::before,
 .toc .nav > li.active > .expand-stub::before {
     content: "+";
 }
 
 .toc .nav > li.filtered > ul,
 .toc .nav > li.in > ul {
   display: block;
 }
 
 .toc .nav > li > ul {
   display: none;
 }
 
 .toc ul{
   font-size: 12px;
   margin: 0 0 0 3px;
 }
 
 .toc .level1 > li {
   font-weight: bold;
   margin-top: 10px;
   position: relative;
   font-size: 16px;
 }
 .toc .level2 {
   font-weight: normal;
   margin: 5px 0 0 15px;
   font-size: 14px;
 }
 .toc-toggle {
   display: none;
   margin: 0 15px 0px 15px;
 }
 .sidefilter {
   position: fixed;
   top: 90px;
   width: 260px;
   background-color: #f1f1f1;
   padding: 15px;
   border-left: 1px solid #e7e7e7;
   border-right: 1px solid #e7e7e7;
   z-index: 1;
 }
 .toc-filter {
   border-radius: 5px;
   background: #fff;
   color: #666666;
   padding: 5px;
   position: relative;
   margin: 0 5px 0 5px;
 }
 .toc-filter > input {
   border: 0;
   color: #666666;
   padding-left: 20px;
   padding-right: 20px;
   width: 100%;
 }
 .toc-filter > input:focus {
   outline: 0;
 }
 .toc-filter > .filter-icon {
   position: absolute;
   top: 10px;
   left: 5px;
 }
 .toc-filter > .clear-icon {
   position: absolute;
   top: 10px;
   right: 5px;
 }
 .article {
   margin-top: 120px;
   margin-bottom: 115px;
 }
 
 #_content>a{
   margin-top: 105px;
 }
 
 .article.grid-right {
   margin-left: 280px;
 }
 
 .inheritance hr {
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .article img {
   max-width: 100%;
 }
 .sideaffix {
   margin-top: 50px;
   font-size: 12px;
   max-height: 100%;
   overflow: hidden;
   top: 100px;
   bottom: 10px;
   position: fixed;
 }
 .sideaffix.shiftup {
   bottom: 70px;
 }
 .affix {
   position: relative;
   height: 100%;
 }
 .sideaffix > div.contribution {
   margin-bottom: 20px;
 }
 .sideaffix > div.contribution > ul > li > a.contribution-link {
   padding: 6px 10px;
   font-weight: bold;
   font-size: 14px;
 }
 .sideaffix > div.contribution > ul > li > a.contribution-link:hover {
   background-color: #ffffff;
 }
 .sideaffix ul.nav > li > a:focus {
   background: none;
 }
 .affix h5 {
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 10px;
   font-size: 12px;
 }
 .affix > ul.level1 {
   overflow: hidden;
   padding-bottom: 10px;
   height: calc(100% - 100px);
 }
 .affix ul > li > a:before {
   color: #cccccc;
   position: absolute;
 }
 .affix ul > li > a:hover {
   background: none;
   color: #666666;
 }
 .affix ul > li.active > a,
 .affix ul > li.active > a:before {
   color: #337ab7;
 }
 .affix ul > li > a {
   padding: 5px 12px;
   color: #666666;
 }
 .affix > ul > li.active:last-child {
   margin-bottom: 50px;
 }
 .affix > ul > li > a:before {
   content: "|";
   font-size: 16px;
   top: 1px;
   left: 0;
 }
 .affix > ul > li.active > a,
 .affix > ul > li.active > a:before {
   color: #337ab7;
   font-weight: bold;
 }
 .affix ul ul > li > a {
   padding: 2px 15px;
 }
 .affix ul ul > li > a:before {
   content: ">";
   font-size: 14px;
   top: -1px;
   left: 5px;
 }
 .affix ul > li > a:before,
 .affix ul ul {
   display: none;
 }
 .affix ul > li.active > ul,
 .affix ul > li.active > a:before,
 .affix ul > li > a:hover:before {
   display: block;
   white-space: nowrap;
 }
 .codewrapper {
   position: relative;
 }
 .trydiv {
   height: 0px;
 }
 .tryspan {
   position: absolute;
   top: 0px;
   right: 0px;
   border-style: solid;
   border-radius: 0px 4px;
   box-sizing: border-box;
   border-width: 1px;
   border-color: #cccccc;
   text-align: center;
   padding: 2px 8px;
   background-color: white;
   font-size: 12px;
   cursor: pointer;
   z-index: 100;
   display: none;
   color: #767676;
 }
 .tryspan:hover {
   background-color: #3b8bd0;
   color: white;
   border-color: #3b8bd0;
 }
 .codewrapper:hover .tryspan {
   display: block;
 }
 .sample-response .response-content{
   max-height: 200px;
 }
 footer {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1000;
 }
 .footer {
   border-top: 1px solid #e7e7e7;
   background-color: #f8f8f8;
   padding: 15px 0;
 }
 @media (min-width: 768px) {
   #sidetoggle.collapse {
     display: block;
   }
   .topnav .navbar-nav {
     float: none;
     white-space: nowrap;
   }
   .topnav .navbar-nav > li {
     float: none;
     display: inline-block;
   }
 }
 @media only screen and (max-width: 768px) {
   #mobile-indicator {
     display: block;
   }
   /* TOC display for responsive */
   .article {
     margin-top: 30px !important;
   }
   header {
     position: static;
   }
   .topnav {
     text-align: center;
   }
   .sidenav {
     padding: 15px 0;
     margin-left: -15px;
     margin-right: -15px;
   }
   .sidefilter {
     position: static;
     width: auto;
     float: none;
     border: none;
   }
   .sidetoc {
     position: static;
     width: auto;
     float: none;
     padding-bottom: 0px;
     border: none;
   }
   .toc .nav > li, .toc .nav > li >a {
     display: inline-block;
   }
   .toc li:after {
     margin-left: -3px;
     margin-right: 5px;
     content: ", ";
     color: #666666;
   }
   .toc .level1 > li {
     display: block;
   }
 
   .toc .level1 > li:after {
     display: none;
   }
   .article.grid-right {
     margin-left: 0;
   }
   .grad-top,
   .grad-bottom {
     display: none;
   }
   .toc-toggle {
     display: block;
   }
   .sidetoggle.ng-hide {
     display: none !important;
   }
   /*.expand-all {
     display: none;
   }*/
   .sideaffix {
     display: none;
   }
   .mobile-hide {
     display: none;
   }
   .breadcrumb {
     white-space: inherit;
   }
 
   /* workaround for #hashtag url is no longer needed*/
   h1:before,
   h2:before,
   h3:before,
   h4:before {
       content: '';
       display: none;
   }
 }
 
 /* For toc iframe */
 @media (max-width: 260px) {
   .toc .level2 > li {
     display: block;
   }
 
   .toc .level2 > li:after {
     display: none;
   }
 }
 
 /* Code snippet */
 code {
   color: #717374;
   background-color: #f1f2f3;
 }
 
 a code {
   color: #337ab7;
   background-color: #f1f2f3;
 }
 
 a code:hover {
   text-decoration: underline;
 }
 
 .hljs-keyword {
   color: rgb(86,156,214);
 }
 
 .hljs-string {
   color: rgb(214, 157, 133);
 }
 
 pre {
   border: 0;
 }
 
 /* For code snippet line highlight */
 pre > code .line-highlight {
   background-color: #ffffcc;
 }
 
 /* Alerts */
 .alert h5 {
     text-transform: uppercase;
     font-weight: bold;
     margin-top: 0;
 }
 
 .alert h5:before {
     position:relative;
     top:1px;
     display:inline-block;
     font-family:'Glyphicons Halflings';
     line-height:1;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     margin-right: 5px;
     font-weight: normal;
 }
 
 .alert-info h5:before {
     content:"\e086"
 }
 
 .alert-warning h5:before {
     content:"\e127"
 }
 
 .alert-danger h5:before {
     content:"\e107"
 }
 
 /* For Embedded Video */
 div.embeddedvideo {
     padding-top: 56.25%;
     position: relative;
     width: 100%;
 }
 
 div.embeddedvideo iframe {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
 }
 
 /* For printer */
 @media print{
   .article.grid-right {
     margin-top: 0px;
     margin-left: 0px;
   }
   .sideaffix {
     display: none;
   }
   .mobile-hide {
     display: none;
   }
   .footer {
     display: none;
   }
 }
 
 /* For tabbed content */
 
 .tabGroup {
   margin-top: 1rem; }
   .tabGroup ul[role="tablist"] {
     margin: 0;
     padding: 0;
     list-style: none; }
     .tabGroup ul[role="tablist"] > li {
       list-style: none;
       display: inline-block; }
   .tabGroup a[role="tab"] {
     color: #6e6e6e;
     box-sizing: border-box;
     display: inline-block;
     padding: 5px 7.5px;
     text-decoration: none;
     border-bottom: 2px solid #fff; }
     .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] {
       border-bottom: 2px solid #0050C5; }
     .tabGroup a[role="tab"][aria-selected="true"] {
       color: #222; }
     .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus {
       color: #0050C5; }
     .tabGroup a[role="tab"]:focus {
       outline: 1px solid #0050C5;
       outline-offset: -1px; }
   @media (min-width: 768px) {
     .tabGroup a[role="tab"] {
       padding: 5px 15px; } }
   .tabGroup section[role="tabpanel"] {
     border: 1px solid #e0e0e0;
     padding: 15px;
     margin: 0;
     overflow: hidden; }
     .tabGroup section[role="tabpanel"] > .codeHeader,
     .tabGroup section[role="tabpanel"] > pre {
       margin-left: -16px;
       margin-right: -16px; }
     .tabGroup section[role="tabpanel"] > :first-child {
       margin-top: 0; }
     .tabGroup section[role="tabpanel"] > pre:last-child {
       display: block;
       margin-bottom: -16px; }
 
 .mainContainer[dir='rtl'] main ul[role="tablist"] {
   margin: 0; }
 
 /* Color theme */
 
 /* These are not important, tune down **/
 .declaration, .fieldValue, .parameters, .returns {
   color: #a2a2a2;
 }
 
 /* Major sections, increase visibility **/
 #fields, #properties, #methods, #events {
     font-weight: bold;
     margin-top: 2em;
 }
 
 @media print {
   @page {
     margin: .4in;
   }
 }
 