/* Theme modified by VivoQuants's Design Team for documentation sites */

/* body */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  }

/* main content */

#main {
  margin-top: 43px;
}

.bd-content {
  padding-left: 24px;
  padding-right: 24px;
}

.container-fluid {
    padding-right: 16px;
    padding-left: 16px;
}

li.deprecate{
  display: none;
}

.deprecate{
  display: none;
}

h2 {
    font-size: 28px;
    line-height: 32px;
    color: #111111;
}

h3 {
    font-size: 28px;
    line-height: 32px;
    color: #111111;
}

figcaption {
    padding-bottom: 16px;
    padding-top: 8px;
    max-width: 100%;
    margin-bottom: 8px;
    font-style: normal;
    color: #454545;
    font-size: 13px;
}

code {
    font-size: 16px;
    color: #4C82C1;
    background-color: #E1EAF0;
}

/* Table of content */

div#toc ul {
  max-width: 100%;
  border-radius: 0;
  background-color: #f2f2f2;

}

div#toc ul li {
  list-style-type: none;
}

div#toc ul li ul li::before {
    content: " ";
}

div#toc >ul::before {
  font-size: 16;
  color: #111111;
  font-weight: 400;
  line-height: 24px;
}

/* Links */

a {
  color: #4C82C1;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

a:hover {
  color: #4682C7;

}

a:active {
  color: #3975BB;
}

a:visited {
  color: #00277A;
}

/* Navbar */
.navbar {
  margin-bottom: 0;
  height: 64px;
  background-color: #102D75;
  border-color: #102D75;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-bottom: 0;
}

.topnavlinks {
    padding-top: 8px;
}

.navbar-header {
  height: 40px;
}
.navbar-brand {
  text-decoration: none;
}

.navbar-header .projectTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}

.vqLogo {

}

.vqLogo img {
  width: 32px;
  height: 32px;
  margin-top: -6px;
}

.navbar-inverse .navbar-toggle {
    border-color: #102D75;
    margin-right: 0;
}

.navbar-inverse .navbar-toggle:hover {
  border-color: #4C82C1;
  background-color: #4C82C1;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #102D75 !important;
    border: 0px solid #102D75;
}

.collapse.in {
    background-color: #dfeaf1;
    margin-top: 16px;
    padding-bottom: 8px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* sidebar */
.bd-sidebar {
  background-color: #CCDAFD;
  height: calc(100vh - 41px);
  overflow: auto;
}

ul#mysidebar {
  width: auto;
  position: relative;
  padding-top: 8px;
  margin-left: -16px;
  margin-right: -15px;
}

.nav li > a > span:after {
    content: url(icons/expand_more_black_24dp.svg);
}

.nav li.active > a > span:after {
    content: url(icons/expand_less_black_24dp.svg);
}

.bd-sidebar .nav li.alc-folderItem {
  border-bottom: 1px solid #bdbdbd;
  background-color: #CCDAFD;
  margin: 0;
  padding: 8px 8px;
  color: #111111;
}

.bd-sidebar .nav li a {
  background-color: #CCDAFD;
  color: #102D75;
}

.bd-sidebar .nav li.alc-folderItem a:focus {
  background-color: #CCDAFD;
}

.bd-sidebar .nav ul li {
    background-color: #CCDAFD;
    padding: 0;
    margin: 0;

}

.bd-sidebar .nav ul li.active a {
    background-color: #e5ecff;
    border-left: 4px solid #102D75;
    color: #111111;
}

.bd-sidebar .nav ul li a {
    border-top: none;
    padding-left: 32px;
    background-color: #CCDAFD;
    border-left: 4px solid #CCDAFD;
    color: #102D75;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    line-height: 24px;
    font-size: 13px;
    margin-right: -5px;
    margin-left: -8px;
}

.bd-sidebar .nav ul li.active ul.alc-subfolderContent li a  {
    border-left: 4px solid #f2f2f2;
    padding-left: 48px;
}
.bd-sidebar .nav>.active>a,
.bd-sidebar .nav>.active:hover>a {
  color: #102D75;
}

.bd-sidebar .nav ul li.active ul.alc-subfolderContent li.active a {
  color: #000000;
  background-color: #e8e8e8;
  border-left: 4px solid #4C82C1;
}


.bd-sidebar .nav ul li a:hover {
  background-color: #9eb4f9;
}

.bd-sidebar .nav li.sidebarTitle {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #111111;
  border-bottom: none;
  padding-left: 16px;
}

/* footer */
footer {
  margin: 8px 0;
  padding: 4px 0;
}

footer .footer {
  text-align: left;
  font-size: 10px;
  line-height: 16px;
  color: #111111;
}

footer .footer img {
  height: 20px;
  margin-top: -5px;
}

footer .alc-feedback {
  font-size: 13px;
  line-height: 16px;
  height: 24px;
  text-align: right;
  color: #666666;
  float: right;
}

.alc-footerBrand {
  padding-right: 8px;
  display: inline-block;
  height: 20px;
}

.alc-feedback a {
  font-size: 13px;
}

.alc-versionAndUpdated {
  display: inline-block;
}
.alc-brandAndCopyright {
  display: inline;
}

/* Alerts (include: Tip, note, important, warning, end, callouts, faded and shaded )  */

hr.shaded {
    height: 1px;
    border: 0;
    margin-top: 0px;
    background-color: #BDBDBD;
    width: 100%;
    margin-bottom: 0;
}

.alert-info {
    color: #111111;
    background-color: #ECF1F4;
    border-color: #ECF1F4;
    border-radius: 0;
    border-left: 4px solid #102D75;
}

.alert-info i {
  color: #102D75;
  padding-right: 8px;
}

.alert-success {
  color: #111111;
  background-color: #EBF4E7;
  border-color: #EBF4E7;
  border-radius: 0;
  border-left: 4px solid #378E0B;
}

.alert-success i {
  color: #378E0B;
  padding-right: 8px;
}

.alert-warning {
  color: #111111;
  background-color: #FEF5EB ;
  border-color: #FEF5EB;
  border-radius: 0;
  border-left: 4px solid #F89833;
}

.alert-warning i {
  color: #F89833;
  padding-right: 8px;
}

.alert-danger {
  color: #111111;
  background-color: #fce9ea;
  border-color: #fce9ea;
  border-radius: 0;
  border-left: #DF202C;
}

.alert-danger i {
  color: #DF202C;
  padding-right: 8px;

}

/* Tables*/
table {
    max-width: 100%;
    margin-bottom: 24px;
    color: #111111;
    font-size: 16px;
    font-family: lato;
    font-weight: normal;
    border: solid #ededed 1px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    overflow: hidden;
    border-collapse: separate;
}
table thead tr th {
  background-color: #ffffff;
  border-bottom: 1px solid #4C82C1;
  color: #111111;
  font-size: 16px;
  font-family: lato;
  font-weight: normal;
  border-collapse: collapse;
}

table tr {
    border-collapse: collapse;
}

table > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2;
    border-collapse: collapse;
}

/*Tags*/
.btn-default{
    background-color: #EAF0F8;
    color: #4C82C1;
    border: 1px solid #EAF0F8;
    font-size: 13px;
}

.btn-default:hover {
    background-color: #EAF0F8;
    color: #4C82C1;
    border: 1px solid #4C82C1;
    font-size: 13px;
}

.alc-versionId {
  padding-left: 8px;
}

.alc-lastUpdated {
  padding-left: 8px;
}
.alc-footerDivider {
  padding-left: 4px;
}


/*Media Queries*/
/* Top Nav */

@media (max-width: 1200px) {

  ul.navbar-nav {
    margin-top: 0;
  }
}

/* sideNav */

@media (max-width: 992px) {
  ul#mysidebar {
    margin-left: 0;
    margin-right: 0;
  }

  .bd-sidebar {
    max-width: 100%;
    height: auto;
    position: static;
    border: solid 0 #ffffff;
  }

  footer .alc-feedback {
    text-align: left;
    padding-left: 18px;
    padding-bottom: 32px;
  }

  .bd-sidebar .nav li.alc-folderItem:last-child {
    border-bottom: 0 solid #ffffff;
  }
}

.post-content ul li {
  list-style: none;
}

#search-results {
  padding-left: 0;
}

.post-header h1.post-title-main {
  font-size: 32px;
}

.post-content ul#search-results li h3  {
  font-size: 20px;
  line-height: 24px;
  color: #102D75;
  text-decoration: none;
  margin-bottom: 4px;
  margin-top: 18px;
  padding-top: 4px;
}

.post-content ul#search-results li h3:hover, .post-content ul#search-results li h3:active  {
  color: #111111;
  text-decoration: underline;
}

ul#search-results li a:link, ul#search-results li a:visited {
  color: #102D75;
  text-decoration: none;
}

ul#search-results li a:hover, ul#search-results li a:active {
  color: #111111;
  text-decoration: underline;
}

.post-content ul li h3 a {
  color: #102D75;
  text-decoration: none;
}

.header-search-form {
  padding: 8px;
}

@media screen (min-width: 768px) and (max-width: 992px){
  ul#mysidebar {
    margin-left: 0;
    margin-right: 0;
  }

  .bd-sidebar {
    max-width: 100%;
    height: auto;
    padding-right: 16px;
    position: static;
    border: solid 0 #ffffff;
  }

  footer .alc-feedback {
    text-align: left;
    padding-left: 18px;
    padding-bottom: 32px;
  }

  .bd-sidebar .nav li.alc-folderItem:last-child {
    border-bottom: 0 solid #ffffff;
  }
}

@media (max-width: 768px) {
  .col-sm-12 {
    width: 100%;
}
  .navbar-header {
    padding-right: 16px;
  }
}

@media (min-width: 1200px) {

  .collapse.in {
      margin-top: 56px;
    }
}