body {
    background-color: #1b2635;
    color: #dee2e6;
}

/* default link color */

a { color: #8ed6fb; }

.gdoc-markdown code {
    background-color: #111822;
}

/*
.gdoc-markdown .highlight {
    overflow: hidden;
}

.gdoc-markdown .highlight:hover {
    overflow-x: scroll;
}
*/

.gdoc-markdown .highlight pre code {
    background-color: rgba(233,236,239,0);
}


.gdoc-markdown .highlight pre {
    /*width: 1920px;*/
    background-color: #111822!important;
    /*margin: 1rem 0 0 0;*/
    /*padding: 5px;*/
}

.gdoc-markdown table tr td code {
    background-color: rgba(233,236,239,0);
}

a:visited { color: #73bfb8; }

.gdoc-page__header a {
    color: #8ed6fb;
}

.gdoc-page__header a:visited {
    color: #407ad6;
}

.gdoc-nav {
    background-color: rgb(35, 48, 68)
}

.gdoc-nav nav {
    padding: 1rem 1rem 1rem 1rem;
    position: fixed;
    height: 100%;
    overflow: auto;
}

.gdoc-nav__entry {
    color: #dee2e6;
}

.gdoc-nav__entry:hover {
    color: #8ed6fb;
}

.gdoc-nav__entry:visited {
  color: #dcfffe
}

.gdoc-nav__list li {
    margin: 1rem 0;
}

.gdoc-page {
    padding: 1rem 1rem;
}

/* site header */

.gdoc-header { display: none; }


.gdoc-page__header {
    background: #233044;
}

.gdoc-search__input {
    background: #1b1f22;
    color: #dee2e6;
}

.gdoc-search__entry:visited {
  color: #407ad6
}

/* page links */

.gdoc-page__footer a, .gdoc-page__footer a:visited { color: #407ad6; }

.gdoc-page__header a, .gdoc-page__header a:visited { color: #407ad6; }



/* site footer */

.gdoc-footer { display: none; }


/* custom shortcodes */

/* button */

.gdoc-button { color: #495057; }

.gdoc-button:hover { background-color: #eb8771; border-color: #e66a4e; color: #ffffff; }



/* hint */

.gdoc-hint.info { background: #d1d7e8; border-color: #324b99; color: black; }

.gdoc-hint.warning { background: #fef5dc; border-color: #e4ba48; color: black; }

.gdoc-hint.danger { background: #fae1db; border-color: #cf5f46; color: black; }

.chroma {
    color: #b9d1ea;
}

.chroma .k {
    color: #9094cc;
}

.chroma .kc {
    color: #9094cc;
}

.chroma .o {
    color: #9094cc;
}

.chroma .nt {
    color: #9094cc;
}

.chroma .err {
    color: #a61717;
    background-color: rgba(255, 255, 255, 0);
}

.docs-image {
    display: inline-block;
}

/*
.gdoc-markdown table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #dfe3e5;
	margin-bottom: 1.25rem;
	table-layout: auto;
	font-size: 16px
}

.gdoc-markdown table th {
	background: #cbdfff;
	text-align: left;
	padding: .4rem .625rem;
	font-weight: 400
}

.gdoc-markdown table th:not(:first-of-type) {
	border-left: 1px solid #dfe3e5
}

.gdoc-markdown table td {
	padding: .4625rem .625rem;
	border-right: 1px solid #dfe3e5;
	border-bottom: 1px solid #dfe3e5
}

.gdoc-markdown table td:first-child {
	white-space: nowrap
}

.gdoc-markdown table tr:nth-child(even) td {
	background: #f7faff
}
*/

.gdoc-markdown table th {
	background: #031024;
}

.gdoc-markdown table tr td, .gdoc-markdown table tr th {
    border: 1px solid #334054;
}

.gdoc-markdown table tr:nth-child(odd) td {
	background: #2b3440
}
.gdoc-markdown table tr:nth-child(even) td {
	background: #1b2430
}

/* copied from Docker container */

.docs-image--no-shadow .screenshot {
    box-shadow: none;
    border: none;
}

.screenshot {
	border: 1px solid #000;
	border-radius: .25rem;
	cursor: pointer;
	position: relative;
	box-shadow: 0 2px 7px 0 rgba(168, 168, 168, .5);
	margin-bottom: 1rem;
	display: inline-block;
	max-height: unset
}

.screenshot img {
	display: block
}

.screenshot .screenshot__animated-gif {
	display: none
}

.screenshot:hover .screenshot__zoom>img {
	opacity: 1
}

.screenshot:hover .screenshot__animated-gif {
	display: block
}

.screenshot:hover .screenshot__still {
	display: none
}

.screenshot:hover .screenshot__play {
	display: none
}

.screenshot--round {
	border: none;
	padding-top: 1rem;
	box-shadow: none
}

.screenshot--round img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 1px solid #000;
	box-shadow: 0 0 20px #111
}

.screenshot--transparent {
	border: none;
	padding-top: 1rem;
	box-shadow: none
}

.screenshot__zoom>img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transition: opacity .3s ease 0s
}

.screenshot__play .fa-play {
	opacity: .35;
	font-size: 1.5rem;
	color: #fefefe;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

/* custom scrollbar */

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #636e72;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}


/*
::-webkit-scrollbar {
  width: 8px;
  background: #2d3436;
}

::-webkit-scrollbar-thumb {
  background: #636e72;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
*/