body
{
    font-family: "Inter",
    -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

    line-height: 1.6;
    font-size: 17px;
}

.black-code
{
    color:black;
    background: transparent;
    font-size:1.8rem;
    padding: 0;
}

#logo
{
  height: 100%;
  padding: 5px;
}

.cross-promotion-row .cross-promotion-item + .cross-promotion-item:before,
.contact-list .contact-list-item + .contact-list-item:before
{
  content:"|";
}

#toc, .cross-promotion, .gradient-box
{
  border: 1px solid;
  box-shadow: -3px 3px 0px 0px rgba(0, 0, 0, 0.10);
}

.cross-promotion {
    font-size: 1.3rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 1rem;
}

#getit-box
{
  margin:20px 0px;
  padding:20px;
}

h1, .h1
{
    font-weight: 800;
}

h2,h3,.h2,.h3,.nav
{
    font-weight: 700;
}

.nav>li>a {
    padding: 15px 9px;
}

.code-table
{
  font-size: 1.3rem;
}

.article {
    margin-top: 90px;
}

th
{
    font-size: 1.2rem;
}

.breadcrumb {
  padding: 0px;
  font-weight: 700;
}

#toc
{
  margin: 0px 10px 10px 10px;
  padding: 15px 15px 20px 15px;
}

.footer
{
    font-size: 1.2rem;
    text-align: center;
    padding: 10px 0px;
    background-color: #f8f8f8;
}

.subnav {
    min-height: 0;
}

.breadcrumb > li + li:before {
    content: "»";
}

.toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before {
    content: "✛";
}

.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: "−";
}

.sidetoc, .sidefilter, .toc, body .toc, .sidenav
{
  background-color: transparent;
  border-left:none;
  border-right: none;
}

.affix > ul > li > a:before {
  content: "⇒";
  font-size: 16px;
  top: 2px;
  left: -3px;
}

.affix ul ul > li > a:before {
  content: "»";
  font-size: 14px;
  top: 0px;
  left: 4px;
}

.flip-in-diag-2-tl {
	-webkit-animation: flip-in-diag-2-tl 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.1s both;
	        animation: flip-in-diag-2-tl 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.1s both;
}
@-webkit-keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
            transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
            transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

td, th{
    font-size: 1.2rem;
}

.alert {
    padding: 10px 15px;
}

.alert>p {
  font-size:1.3rem;
}

/* @media (min-width: 768px)
{
.navbar>.container {
  width:850px;
}
}

@media (min-width:992px)
{
.navbar>.container {
  width:initial;
}
} */

div.embeddedvideo, p > img
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.fade-in-top-1 {
	-webkit-animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
	        animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}
.fade-in-top-2 {
	-webkit-animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
	        animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
}
.fade-in-top-3 {
	-webkit-animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
	        animation: fade-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}