/* In-copy links */
button, a {
  color: #b03121;
}

/* Hover links */
button:hover, button:focus, a:hover, a:focus {
  color: #ff3333;
}

/* Body */
body, p {
  line-height: 1.5;
  color: #333;
  font-weight: 400;
  font-size: 15px;
}

/* Bold */
b, optgroup, strong {
  font-weight: 600;
}

/* Headings */
article h1 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 40px;
  margin-bottom: 35px;
  color: #333;
}

article h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  margin-top: 25px;
}

article h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  margin-top: 30px;
}

article h4 {
  font-size: 18px;
  line-height: 1.5;
  color: #333;
  font-weight: 600;
  border-bottom: none;
  margin-top: 25px;
  margin-bottom: 10px;
}

article h5 {
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 600;
  color: #333;
  margin-top: 20px;
}

article h6 {
  font-size: 14px;
  line-height: 1.25em;
  font-weight: 600;
  color: #9a0000;
  margin-top: 14px;
}

article h1, h2, h3, h4, h5, h6 {
  word-break: keep-all;
}

/* When H3 follows H2 */
article h2 + h3 {
  margin-top: 20px;
}

/* When H4 follows H3 */
article h3 + h4 {
  margin-top: 20px;
}

/* When blockquote follows H1 */
article h1 + blockquote {
  margin-top: 0px;
}

/* When a blockquote follows a table */
table + blockquote {
  margin-top: 15px;
}

/* Bullets */
article > ul > li > p {
  margin-bottom: 0px;
}

article > ul > li {
/*  padding-left: 12px;*/
  display: list-item;
}

article > ol > li {
  padding-left: 5px;
}

article > ol {
  padding-left: 53px;
}

article > ul li ul li p {
  margin-bottom: 0px;
}

article > ul li ul li ul li p {
  margin-bottom: 0px;
}

/* Clickability fix for selector on sm devices */
@media (min-width: 768px) and (max-width: 991px) {
  article h1:first-of-type:before {
    height: 0;
    margin-top: 0;
  }
}

/* First-level bullets margin */
article ul > li:before {
  padding-right: 10px;
}

article ul > li:last-child {
  padding-bottom: 10px;
}

/* Exclude these overrides from tab group headers */
article .tabGroup > ul > li:before {
  content: "";
}
article .tabGroup > ul > li:last-child {
  padding-bottom: 0;
}

/* Second-level bullets */
article ul li ul li {
  display: table;
}
article ul li ul li:before {
  padding-right: 15px;
}

article ul li ul li:first-child {
  padding-top: 7px;
}

article ul li ul li:last-child {
  padding-bottom: 6px;
}

/* Third-level bullets */
article ul li ul li ul li:before {
  padding-right: 10px;
}

/* Bullets inside tables */
/*First level */
table > tbody > tr > td > ul > li {
  padding-right: 7px;
  display: table;
}

/* Second level */
table > tbody > tr > td > ul > li > ul > li {
  content: "\002D ";
  display: table;
  padding-right: 15px;
}

/* Blockquote */
blockquote {
  border-left: 5px solid #F0F3F6;
  font-size: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* Code */
code {
  color: #a94c9d;
  background-color: #f1f1f1;
  border-color: #F0F3F6;
  border-radius: 3px;
  padding-top: 3px;
  padding-right: 7px;
  padding-bottom: 3px;
  padding-left: 7px;
  line-height: 1.4;
}

pre {
  border: 1px solid #a1a1a1;
  padding: 20px;
  margin: 16px auto;
  border-radius: 5px;
  display: block;
  background-color: #f1f1f1;
  font-weight: 400;
}

.fa-code {
  font-size: 19px;
}

/* Images */
.article img {
  max-width: 100%;
  border: solid;
  border-width: thin;
  border-color: #D7DDE4;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Tables */
.table {
  margin-bottom: 20px;
  font-size: 14px;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid #D7DDE4;
  font-size: 14px;
}

th {
  font-weight: 600;
  color: #006d9a;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-bottom: 1px solid #D7DDE4;
  padding-top: 15px;
  font-size: 14px;
}

td:nth-of-type(1) {
  font-weight: 600;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: white;
}

/* Callouts */
.alert {
  color: #333;
  background-color: white;
  border-top: #d7dde4 solid 1px;
  border-right: #d7dde4 solid 1px;
  border-bottom: #d7dde4 solid 1px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
  margin-bottom: 30px;
}

.alert h5 {
  font-size: 18px;
  text-transform: none;
  padding-bottom: 5px;
}
/*
.alert h5:before {
  position:relative;
  top:1px;
  display:inline-block;
  font-family:'FontAwesome';
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right: 8px;
  font-weight: normal;
}

.alert-info h5 {
  color: #6e53a3;
}

.alert-info h5:before {
  content:"\f05a";
}
*/
.alert-info {
  border-left: #6e53a3 solid 8px;
}
/*
.alert-warning h5 {
  color: #f8961d;
}

.alert-warning h5:before {
  content:"\f071";
}
*/
.alert-warning {
  border-left: #f8961d solid 8px;
}
/*
.alert-danger h5 {
  color: #b03121;
}

.alert-danger h5:before {
  content:"\f06a";
}
*/
.alert-danger {
  border-left: #b03121 solid 8px;
}

.label-info {
  background-color: #b03121;
  line-height: 2.25;
}

/* Left-side color on landing page boxes (which are .alert only) */
#install-box, #user-box, #developer-box, #admin-box {
  margin-top: 25px;
}

#install-box, #user-box {
  border-left: #b03121 solid 8px;
}

#developer-box
{
  border-left: #f8961d solid 8px;
}

#admin-box
{
  border-left: #00a859 solid 8px;
}

/* Navbar */
/* Increase font size top-level nav bar menu items */
.navbar-nav > li > a {
  font-size: 16px;
  padding-top: 10px;
}

.nav > li > a {
  margin-left: 35px;
  padding-top: 15px;
  padding-bottom: 0px;
}

/* Secondary navbar */
.navbar {
  border: none;
}

.navbar-default {
  background-color: #dadada !important;
}

#autocollapse .navbar-brand {
 padding-right: 17px;
}

/* Custom Navbar
   ------------------------------------------------------- */
   .navbar-inverse {
    background-color: 	#ffffff;
    border-color: 	#ffffff;
  }
  .navbar-inverse .navbar-brand {
    color: #555;
  }

  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #e8f6ff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #222;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #555;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #b9241e;
  /*  border-bottom: 4px solid #b03121; */
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #b9241e;
    font-weight: 600;
    background-color: transparent;
  /*    border-bottom: 4px solid #b03121;  */
  }

  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #b9241e;
    font-weight: 600;
    background-color: transparent;
  /*    border-bottom: 4px solid #b03121;  */
  }
  .navbar-inverse .navbar-toggle {
    border-color: #b9241e;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #eee;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #555;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border: none;
  }
  .navbar-inverse .navbar-link {
    color: #b9241e;
  }
  .navbar-inverse .navbar-link:hover {
    color: #555;
  }

  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #222;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #222;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #222;
      background-color: #fff;
    }
  }

/* Breadcrumb */
.breadcrumb {
  margin-left: 10px;
  padding-top: 10px;
  font-size: 14px;
}

/* TOC */
.toc .level1 > li {
  font-weight: normal;
  font-size: 15px;
 }

 .toc .nav > li > a {
   color: #6D6E70;
   padding-top: 10px;
   line-height: 1.2;
 }

.toc .nav > li.active > a {
  color: #b03121;
  border-bottom-width: 4px;
 }

.toc .nav > li > a:hover, .toc .nav > li > a:focus {
  color: #b03121;
}

.toc .nav > li.active > a:hover, .toc .nav > li.active > a:focus {
  color: #b03121;
}

/* little plus or minus in TOC */
.expand-stub {
  margin-top: 6px;
}

.toc .nav > li > .expand-stub {
  margin-top: 6px;
}

 /* 2nd and 3rd level expandable menu items in left-side menu - make same font size as 1st level */
.toc .level2, .toc .level3 {
  font-size: 14px;
}

.toc .level3 {
  padding-left: 5px;
  margin-top: 0px;
}

.toc .level4, .toc .level5, .toc .level6 {
  font-size: 12px;
  padding-left: 5px;
}

.toc ul {
  margin-top: 0px;
}

body .toc {
  overflow-x: unset;
}

/* TOC filter */
.toc-filter {
  border-radius: 0px;
  margin-top: 12px;
  color: #6D6E70;
}

.toc-filter > input {
  font-size: 14px;
  color: #6D6E70;
}

/* Reduce horizontal width of center column */
.col-md-10 {
  width: 75%;
}

/* Move right pane to the left a little */
.col-md-2 {
  padding-left: 0px;
}

/* Move right pane to the left so it is not squished on the right */
.nav > li > a {
  margin-left: 0px;
}

/* Side affix */
/* Align Improve this Doc with top of each page's title heading and top of left column TOC */
.sideaffix {
  margin-top: 70px;
}

/* Contribution link */
.sideaffix > div.contribution > ul > li > a.contribution-link {
  padding-left: 22px;
  font-weight: normal;
}

/* Side nav */
.sidenav,
.toc-toggle {
  padding: 0;
}

/* Side TOC */
.sidetoc, body .toc, .sidefilter, .sidetoggle {
  background-color: #F0F3F6 !important;
}

.sidetoc.shiftup {
  bottom: 0px;
}

.sidetoc, .sidefilter {
  border-left: none;
  border-right: none;
 }

.sidetoggle {
  padding-bottom: 15px;
}

/* Affix */
/* Bootstrap docs like sidebar
   ------------------------------------------------------- */
   .affix h5 {
    display: none;
}

/* Active & hover links */
.affix ul > li > a:hover,
.affix ul > li.active > a,
.affix ul > li > a:focus {
  color: #b03121;
  text-decoration: none;
  background-color: transparent;
  border-left-color: #b03121;
}

/* All active links */
.affix ul > li.active > a,
.affix ul > li.active:hover > a,
.affix ul > li.active:focus >a {
  font-weight: 600;
}

/* Nested active links */
.affix ul ul > li.active > a,
.affix ul ul > li.active:hover > a,
.affix ul ul > li.active:focus > a {
  font-weight: 500;
}

/* All links */
.affix ul > li > a {
  color: #999;
  border-left: 2px solid transparent;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 40px;
  font-size: 13px;
  font-weight: 400;
}

/* Nested links */
.affix ul ul > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
}

/* Hide inactive nested list */
.affix ul ul {
  display: none;
}

/* Show active nested list */
.affix ul > li.active > ul {
  display: block;
}

.affix > ul > li > a:before {
  content: '';
}

.affix ul ul > li > a:before {
  content: '';
}

/* Unhide bottom portion of right-column menu */
.affix > ul.level1 {
  overflow: visible;
}

/* Search form */
.form-control {
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  border-radius: 0px;
}

.form-control:focus {
  border-color: #006d9a;
}

.form-control, output {
  color: #6D6E70;
}

#search {
  border: none;
}

/* Search results */
.sr-item > .item-href {
  color: #a1a1a1;
}

.pagination > .active > a {
  background-color: #b03121;
  border-color: #b03121;
}

.pagination > li > a {
  color: #b03121;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #6D6E70;
  border-color: #D7DDE4;
}

/* Footer */
.footer {
  background-color: #f0f3f6;
  border-top: none;
  font-size: 14px;
}

/* Help button nav bar icon */
#help {
  font-size: 18px;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 12px;
  border-radius: 0px;
  background-color: #384655;
  color: white;
}

/* Custom to custom template from Github */
/* Remove center align from Navbar and Collapsible section */
.collapse.in,
.collapsing {
  text-align: unset;
}

@media (min-width: 768px) {
  .sidetoc, .sidefilter {
    margin-left: -15px;
    border-right: none;
    border-left: none;
  }
}

@media (max-width: 767px) {
  .navbar-collapse {
    text-align: center !important;
  }

  .navbar-collapse li .active {
    border-radius: 20px;
  }
}

/* Collapsible Sections
   ------------------------------------------------------- */
.expander:after {
/*    font-family: 'Glyphicons Halflings'; */
    content: "\e260";
    margin-left: 5px;
    color: grey;
    font-size: small;
}

.expander.collapsed:after {
    content: "\e259";
}

/* Floating buttons
   -------------------------------------------------------
.fab {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 11px 0 0 0;
    border: none;
    outline: none;
    color: #FFF;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
}

.fab:hover {
    transform: scale(1.1);
}

.fab + .fab {
  margin-right: 15px;
}

.contribution-panel {
    z-index: 1000;
    position: fixed;
    right: 30px;
    top: 70px;
}
*/

/* Navbar Hamburger
   ------------------------------------------------------- */
.icon-bar {
    transition: 0.4s;
}

/* Rotate first bar */
.change .icon-bar:nth-of-type(2) {
  transform: rotate(-45deg) translate(-4px, 5px) ;
}

/* Fade out the second bar */
.change .icon-bar:nth-of-type(3) {
  opacity: 0;
}

/* Rotate last bar */
.change .icon-bar:nth-of-type(4) {
  transform: rotate(45deg) translate(-4px, -5px) ;
}

/* Edit button */
.btn-warning {
  background-color: #b03121;
}

/* Logo left top */
svg {
  height: 50px;
  padding: 5px;
  margin-left: 10px !important;
  margin-right: 15px !important;
}

svg:hover path {
    fill: #b03121;
}

.navbar-brand > img {
  height: 40px;
  margin-top: 5px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

/* Version dropdown */
#breadcrumb {
  float:left;
}

#version {
  margin:5px 52px;
  width: 210px;
  float:right;
  font-family: "Segoe UI",Tahoma,Helvetica,sans-serif;
  font-size: 14px;
  padding: 5px;
  color: #6d6e70;
  border: none;
}

/* Navbar underline */
@media (min-width: 768px) {
  .navbar-nav>li.active>a {
    border-bottom: solid 5px #bc3d2d !important;
  }

  .navbar-nav>li>a {
    padding: 14px 30px 11px 30px;
    background-color: #fff !important;
  }

  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #fff !important;
    border-bottom: 5px solid #ddd;
  }
}

/*Home page */
#home-page-subhead {
  font-size: 18px;
  line-height: 1.5;
  color: #333;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
}

/*Home page column headers */
#home-page-col-head, #home-page-col-head-dev {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.5;
  margin-top: 25px;
}
#home-page-col-head {
  color: #b03121;
}

#home-page-col-head-dev {
  color: #f8961d;
}

/* Home page boxes */
.row#home-page {
  margin-right: -30px;
  margin-left: -30px;
}

.article {
	margin-top: 80px;
}

.breadcrumb>li+li:before {
  color:#666;
}