/*
	This is the color css for the theme. Colors are defined here instead of in the main file, so they can be easier adjusted. 
	To adjust a color, you can change it below or opt for a separate css file to overwrite the color definition. Include that
	css file after this file in the page template.
*/
a {
	color: #2980B9;
}

a:hover, a:visited:hover {
	color: #65bffa;
}

a:visited {
	color: #2980B9;
}

body {
	color: #222;
}

code, pre.nocode {
	background: #fff;
	border: solid 1px #e1e4e5;
}

footer {
	color: #999;
}

hr {
	border-top-color: #e1e4e5;
}

input[type="text"] {
	border-color:  #ccc;
	border-radius: 0;
}

ins {
	background: #ff9;
	color: #000;
}

label {
	color: #999;
}

mark {
	background: #ff0;
	color: #000;
}
/* #endregion*/

/* #region general classes */
.no-highlight {
	color: #333;
}

.toc-footer hr {
	border-color: #ccc;
}
/* #endregion */

/* #region Alert boxes*/
.alert {
	background: #e7f2fa;
}

.alert-title {
	color: #fff;
	background: #6ab0de;
}

.alert.alert-danger {
	background: #fdf3f2;
}

.alert.alert-danger .alert-title {
	background: #f29f97;
}

.alert.alert-warning {
	background: #ffedcc;
}

.alert.alert-warning .alert-title {
	background: #f0b37e;
}

.alert.alert-info {
	background: #e7f2fa;
}

.alert.alert-info .alert-title {
	background: #6ab0de;
}

.alert.alert-neutral {
	background: #f3f6f6;
}

.alert.alert-neutral .alert-title {
	color: #404040;
	background: #e1e4e5;
}

.alert.alert-neutral a {
	color: #2980B9;
}

.alert.alert-tip {
	background:#dbfaf4;
}

.alert.alert-tip .alert-title {
	background:#1abc9c;
}

/* #endregion*/

/* #region Tables*/
.table caption {
	color: #000;
}

.table thead {
	color: #000;
}

.table thead th {
	border-bottom-color: #e1e4e5;
}

.table-secondary {
	color: gray;
}

.table-tertiary {
	color: gray;
}

.table-odd td, .table-striped tr:nth-child(2n-1) td {
	background-color: #f3f6f6;
}

.table-backed {
	background-color: #f3f6f6;
}

.table-bordered-all {
	border-color: #e1e4e5;
}

.table-bordered-all td {
	border-bottom-color: #e1e4e5;
	border-left-color: #e1e4e5;
}

.table-bordered {
	border-color: #e1e4e5;
}

.table-bordered-rows td {
	border-bottom-color: #e1e4e5;
}

.table-horizontal td, .table-horizontal th {
	border-bottom-color: #e1e4e5;
}
/* #endregion*/

/* #region Breadcrumbs*/
.breadcrumbs-extra {
	color: #b3b3b3;
}
/* #endregion*/

/* #region Navigation */
.menu-vertical header {
	color: #2980B9;
}

.menu-vertical ul.currentrelative {
	background-color: #fcfcfc;
}

.menu-vertical li.current {
	background-color: #fcfcfc;
}

.menu-vertical ul.current {
	background-color: #fcfcfc;
}

.menu-vertical li.current a {
	color: #6b6b6b;
}

.menu-vertical li.current.tocentry > a, .menu-vertical li.current > a {
	color: #6b6b6b;
}

.menu-vertical li.current.tocentry ul li > a {
	color: #6b6b6b;
}

.menu-vertical a {
	color: #6b6b6b;
}

.menu-vertical a:hover, .menu-vertical li.on a:hover {
	color: #999;
}

.menu-vertical span, .menu-vertical span > a {
    color: #6b6b6b;
}

.nav-side {
	background: #eee;
}

.nav-top {
	background: #2980B9;
	color: #fff;
}

.nav-top a {
	color: #fff;
}

.nav-top img {
	background-color: #2980B9;
}

.nav-content-wrap {
	background: #fcfcfc;
}

.side-nav-search {
	background-color: #2980B9;
	color: #fcfcfc;
}

.side-nav-search input[type=text] {
	border-color: #2472a4;
}

.side-nav-search img {
	background-color: #2980B9;
}

.side-nav-search > a, .side-nav-search .dropdown > a {
	color: #fcfcfc;
}

.side-nav-search > a:hover, .side-nav-search .dropdown > a:hover {
	background: rgba(255,255,255,0.1);
}

.nav .menu-vertical a {
	color: #b3b3b3;
}

/* #endregion*/

/* #region Tabs*/
/* 
	Tab CSS by Joseph Fusco. http://codepen.io/fusco/pen/Wvzjrm, slightly adjusted to remove the round corners. 
	Shadow colors are defined in theme.css, as they can only be defined with the shadow definition directly.
*/

.tab-wrap {
	background-color: #fff;
}

.tab:checked + label {
	background-color: #fff;
}

.tab + label {
	color: #222;
	background-color: #f2f2f2;
}

.tab + label:hover {
	background-color: #f9f9f9;
}
/* #endregion*/



/* #region media queries*/
@media screen and (max-width: 768px) {
	.body-for-nav {
		background: #fcfcfc;
	}
}

@media screen and (min-width: 1400px) {
	.nav-content {
		background: #fcfcfc;
	}
}

/* #endregion */

/* #region Search results */
#search-results .search li {
	border-bottom-color: #e1e4e5;
}

#search-results .search li:first-child {
	border-top-color: #e1e4e5;
}

#search-results .context {
	color: gray;
}

#mkdocs-search-results article h3
{
    border-top-color: #E1E4E5;
}

#mkdocs-search-query{
    border-color: #D1D4D5;
}
/* #endregion */