body {
    background: #15161d;
    padding: 0;
    margin: 0;
    font-family: verdana, arial;
    font-size: 0.85em;
}
.header {
    /*background: #151a30;*/
    /*background: rgb(21,26,48);
    background: linear-gradient(0deg, rgba(21,26,48,1) 0%, #20232C 100%);*/
    background: #394361;
    padding: 10px;
    margin: 10px;
    padding-left: 10px;
    position: relative;
}
.header span.title {
    font-weight: bold;
    font-size: 1.3em;
    font-family: verdana, arial;
    color: #b5b7bd;
}
.header span.title img {
    width: 28px;
    margin-top: -4px;
}
.header span.title a {
    color: #b5b7bd;
    text-decoration: none;
}
.header span.title a:hover {
    color: #fff;
}
.header span.slogan {
    font-size: 0.9em;
    font-family: verdana, arial;
    color: #b5b7bd;
}
.header .menu {
    display: inline-block;
    position: absolute;
    right: 0;
    padding-right: 2em;
}
.header a.menu-item {
    display: inline-block;
    padding: 5px 10px;
    background: #263654;
    color: #b5b7bd;
    text-decoration: none;
    border-radius: 5px;
}
.header a.menu-item:hover {
    color: #fff;
    background: #424a61;
}
.control-bar {
    background: #20232C;
    margin: 0 10px 10px 10px;
    padding: 10px;
    padding-left: 10px;
    position: relative;
}
.control-bar .search-wrapper {
    color: #fff;
    padding: .2em 1em .2em .2em;
}
.control-bar .search-wrapper .form-check {
    display: inline-block;
    min-height: auto;
}
.control-bar form {
    margin: 0;
    margin-block-end: 0em;
}
.side-panel {
    height: 100%;
    background: #20232C;
    /*background: #263654;*/
    color: #fff;
    padding: 10px;
    margin: 0 10px 10px 0;
}
.side-panel .node-info {
    display: none;
}
.side-panel .label {
    margin-top: 10px;
    font-size: 0.8em;
    font-weight: bold;
}
.side-panel .selected-node-name-wrapper {
}
.side-panel a {
    color: #ffeb00;
    text-decoration: none;
}
.side-panel a:hover {
    text-decoration: underline;
}
.side-panel label {
    min-width: 20px;
}
#web {
    width: 98%;
    height: 100%;
    margin: 0 10px 10px 10px;
    background: #20232C;
}
#web:hover {
    cursor: pointer;
}
.row.row-header {
    height: 7%;
}
.row.row-control-bar {
    height: 6%;
}
.row.row-body {
    height: 81%;
}
.row.row-footer {
    height: 6%;
}
#qc-marquee #qc-price-ticker {
    padding-bottom: 0;
}

.donation-wrapper {
    color: #fff;
    width: 300px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #263654;
    padding: 20px;
    font-size: 0.8rem;
}

.progress-wrapper {
    top: 50%;
    left: 35%;
    position: absolute;
    width: 496px;
}
/*.progess-bar {
    width: 100%;
    border: 1px solid white;
    padding: 1px;
}
.progess-bar-value {
    padding: 1px;
    background: #fff;
}*/