#toolbox {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    opacity: .2;
    transition: .2s ease;
}

#toolbox:hover {
    opacity: 1;
}


body.blackyellow .loading::after {
    border-bottom-color: yellow;
    border-left-color: yellow;
}


body.blackyellow .modal.active .modal-overlay {
    background-color: rgba(249, 249, 247, 0.75);
}



body.blackyellow {
    background-color: #202020;
    background-image: url("data:image/png;base64,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");
    background-repeat: repeat;
    background-attachment: fixed;
    color: rgb(190, 190, 190);

    /* --color-card-bg: #423f30; */
    --color-card-bg: #111;
    --color-link: yellow;
    --color-focus: yellow;
}

body.blackyellow .btn-action {
    border-color: var(--color-link);
    color: var(--color-link);
    background-color: var(--color-card-bg);
}

body.blackyellow .btn-action:hover,
body.blackyellow .btn-action:focus,
body.blackyellow .btn-action:active {
    border-color: var(--color-link);
    color: var(--color-link);
    background-color: #333;
}

body.blackyellow .btn.btn-primary {
    background: yellow;
    /* border-color: yellow; */
    border: none;
    color: black;
}

body.blackyellow .btn.btn-primary:hover,
body.blackyellow .btn.btn-primary:focus,
body.blackyellow .btn.btn-primary:active {
    background: rgba(255, 255, 0, 0.7);
    /* border-color: rgba(255, 255, 0, 0.7); */
    /* color: yellow; */
}

body.blackyellow .btn.btn-link:hover,
body.blackyellow .btn.btn-link:focus,
body.blackyellow .btn.btn-link:active {
    background: rgba(255, 255, 0, 0.3);
    /* color: black !important; */
}




body.blackyellow h1,
body.blackyellow h2,
body.blackyellow h3,
body.blackyellow h4,
body.blackyellow h5,
body.blackyellow h6 {
    color: rgb(238, 238, 238);
}

body.blackyellow .card,
body.blackyellow .empty {
    background-color: var(--color-card-bg);
    border-color: var(--color-card-bg);
    transition: .2s ease;
}

body.blackyellow .card:hover {
    background-color: #29271e;
    border-color: gold;
}

body.blackyellow .modal-container {
    background-color: var(--color-card-bg);
}

body.blackyellow .modal-container .modal-header {
    color: rgb(190, 190, 190);
}

body.blackyellow .form-select,
body.blackyellow .chip {
    color: var(--color-card-bg);
}

body.blackyellow a,
body.blackyellow .btn.btn-link {
    color: var(--color-link);
}

body.blackyellow a.active,
body.blackyellow a:active,
body.blackyellow a:focus,
body.blackyellow a:hover,
body.blackyellow .btn.btn-link.active,
body.blackyellow .btn.btn-link:active,
body.blackyellow .btn.btn-link:focus,
body.blackyellow .btn.btn-link:hover {
    color: var(--color-focus);
}

body.blackyellow .tab .tab-item a.active,
body.blackyellow.tab .tab-item.active a {
    color: var(--color-link);
    border-bottom-color: var(--color-link);
}

body.blackyellow .table.table-striped tbody tr:nth-of-type(2n+1) {
    background: rgba(0, 0, 0, .1);
}

body.blackyellow .table.table-hover tbody tr:hover {
    background: rgba(0, 0, 0, .2);
}

body.blackyellow .table td,
body.blackyellow .table th {
    border-bottom-color: #2F2F2F;
}

body.blackyellow .navbar {
    background: #101010;
}

body.blackyellow .form-input,
body.blackyellow .form-select,
body.blackyellow .form-select option {
    background-color: #101010 !important;
    border-color: #0D0D0D;
    color: rgb(200, 200, 200);
}

body.blackyellow .input-group .input-group-addon {
    background-color: #101010;
    border-color: #0D0D0D;
}

body.blackyellow .form-input::placeholder {
    color: rgb(200, 200, 200);
}

body.blackyellow code {
    background-color: #101010;
}

body.blackyellow code.code {
    color: #d73e48;
}

body.blackyellow pre.code {
    color: #d7d8d9;
}

body.blackyellow .tab {
    border-color: #4F4F4F;
}

body.blackyellow .form-input:focus,
body.blackyellow .form-select:focus {
    box-shadow: 0 0 0 .1rem rgba(217, 208, 85, 0.2);
}

body.blackyellow .timeline .timeline-item .timeline-icon::before {
    border-color: gold;
}

.chip.tooltip:hover {
    overflow: visible;
    overflow-y: none;
}

.chip {
    background-color: rgb(20, 20, 20);
    color: rgb(190, 190, 190) !important;
    border: 1px solid #222;
    border-radius: .2rem;
}

.autocomplete {
    position: relative;
    display: inline-block;
    width: 100%;
}

.autocomplete-items {
    position: absolute;
    border: none;
    z-index: 99;
    top: 120%;
    left: 0;
    right: 0;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: rgb(31, 30, 12);
}

.autocomplete-items div:hover {
    background-color: #181818;
}

.autocomplete-active {
    background-color: #181818 !important;
}

.hide {
    display: none;
}