:root {
    --form-control-background: #2c2c2c;
    --form-control-border: #242424;
}

.input-group-prepend .input-group-text, .form-control, .form-control:focus {
    background: #2c2c2c;
    border: none !important;
    color: white;
}

body {
    color: #8898aa;
}

.bg-dark {
    background-color: #2c2c2c !important;
}

.section-dark {
    background-color: #2c2c2c;
}

.card-pricing ul li b {
    color: white;
}

.table {
    color: white;
}

.nav-pills .nav-item .nav-link {
    color: white;
}

.bg-darker {
    background-color: rgba(38,38,38) !important;
}

.section-darker {
    background-color: rgba(38,38,38);
}

.bg-darkest {
    background-color: rgba(28,28,28) !important;
}

.section-darkest {
    background-color: rgba(28,28,28);
}

.navbar-collapse::before {
    background: none;
}

.navbar-collapse {
    background: #2c2c2c;
}

.section-dark, .section-darker, .section-darkest {
    color: white;
}

.info .info-title {
    color: rgb(200,200,200);
}

.card-collapse .card .card-header a[data-toggle="collapse"] {
    color: rgb(200,200,200);
}

.card-dark {
    background-color: #2c2c2c;
    color: white;
}

.card-outline {
    background-color: transparent;
    border: 0.2rem solid #2c2c2c;
    border-radius: 0.1875rem;
    color: white;
}

.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--form-control-background);
}
.tooltip .tooltip-inner {
    text-align: left;
    background-color: var(--form-control-background);
    color: white;
}