/**************************************/
/**************** Root ****************/
/**************************************/
:root {
    --sidebar: #11152C;
    --documentation: #192132;
    --navbar: #222e45;
    --search: rgb(40, 47, 82);
}

html, body {
    color: #F8FAFC;
    background-color: var(--documentation);
}

.medium-zoom-overlay {
    background-color: var(--documentation) !important;
}

/**************************************/
/**************** Cards ***************/
/**************************************/
.card.is-default {
    background-color: #2F365F;
    color: #F8FAFC;
    border: none;
}

/**************************************/
/********** Documentation *************/
/**************************************/
.documentation {
    color: #B8C2CC;
}

.documentation h1 {
    color: #F8FAFC;
}

.documentation h2 a, a:hover {
    color: #DAE1E7!important;
}

.documentation a {
    color: #3490DC;
}

/**************************************/
/************** Tables ****************/
/**************************************/
table {
    background-color: #11152D;
    color: #F8FAFC;
}

table tr, table td, table th {
    border-width: 1px;
    border-color: #272e56;
}

table tr:hover, table td:hover, table th:hover {
    background-color: #1D2244;
}

/**************************************/
/*************** Search ***************/
/**************************************/
.search-box {
    border: none;
}

.search-box input input:focus {
    background: var(--search);
    color: var(--white);
}

.search-box input:focus {
    background: var(--search);
    color: var(--white);
}

.internal-autocomplete-result {
    background: var(--search);
}

.internal-autocomplete-result ul li .page-title {
    color: var(--white);
}

/**************************************/
/*************** Sidebar **************/
/**************************************/
.sidebar {
    border: none;
    background-color: #222e45;
}

.sidebar>ul>li>h2 {
    padding: 1.25rem;
    color: #F8FAFC;
    font-size: 1rem;
    margin-bottom: 0;
}

/**************************************/
/*************** Switch **************/
/**************************************/
.switch-label {
    border-color: var(--navbar);
}