body {
    background-color: rgb(28, 28, 33) !important;
    color: rgb(191, 191, 191);
}

.footer {
    background-color: rgb(28, 28, 33) !important;
    color: white;
}

.tiles-border {
    background-color: rgb(28, 28, 33);
    border-right: 1px solid rgb(191, 191, 191) !important;
    border-left: 1px solid rgb(191, 191, 191) !important;
}

.card-title {
    color: rgb(229, 154, 154);
}

/*styles for outer box of forum categories*/
.sp-box {
    padding: 10px 10px !important;
    position: relative !important;
}

.tiles2 {
    background-color: rgb(28, 28, 33);
    color: rgb(191, 191, 191);
    border-color: rgb(191, 191, 191);
}

.sp-box {
    background-color: hsla(0,0%,12%,1);
}

.gs-card {
    background-color: rgb(28, 28, 33);
    border-color: rgb(191, 191, 191);
}

.text-color {
    color: rgb(191, 191, 191) !important;
}

.background-color {
    background-color: rgb(31, 31, 31) !important;
}

a.nav-link.dropdown-toggle.active {
    color: rgba(191, 191, 191, 0.9) !important;
}

.dropdown-item {
    color: rgba(191, 191, 191, 0.5) !important;
}

ul .nav-link.dropdown-item.active {
    color: rgba(191, 191, 191, 0.9) !important;
    background-color: rgba(191, 191, 191, 0.2) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(191, 191, 191, 0.5) !important;
}

li.nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(191, 191, 191, 0.9) !important;
}

.dropdown-menu {
    background-color: rgb(28,28,33);
}

.dropdown-item:hover {
    background-color: rgba(191, 191, 191, 0.5);
}

#contactUS:hover {
    background-color: rgba(191, 191, 191, 0.5);
}

.white-text {
    color: white;
}

#ForumThreadQueryType, #SortBy, #productType, #productName, #generation, .element-margin {
    color: white;
    background-color: rgb(28,28,33);
}

.card, .vs-template, .search-form, .list-group-flush, .list-group-item, .list-group {
    background-color: rgb(28,28,33);
    color: white !important;
}

.card-title {
    color: rgb(229,154,154);
}

.card, .vs-template {
    border: groove;
    border-width: 2px;
    border-color: rgb(191,191,191);
}

a.link {
    color: #99C8E6 !important;
}

div.search-form {
    background-color: rgb(33, 33, 33);
}

.form-control {
    background-color: rgb(28, 28, 33);
    color: white;
}

div.icon-bar a {
    background-color: antiquewhite;
}

.card-header {
    color: white !important;
}

.modal-content {
    background-color: rgb(28, 28, 33) !important;
    color: rgb(191,191,191);
}

.announcement-bg {
    background-color: #62bb47 !important;
}

.div-social{
    fill : #FFFFFF;
}

div.mycard:hover {
    background-color: darkslategray !important;
}

.white-svg{
    filter : brightness(0) invert(1);
}

table.dataTable {
    color: rgb(191, 191, 191);
}

table.dataTable tbody tr {
    background-color: rgb(28, 28, 33) !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: darkslategray;
    color: rgb(191, 191, 191);
}

.icon-edit {
    color: rgb(191, 191, 191) !important;
}

td .btn {
    color: rgb(191, 191, 191) !important;
}

.dataTables_info {
    color: rgb(191, 191, 191) !important;
}

a.previous {
    color: darksalmon !important;
}

label {
    color: rgb(191, 191, 191) !important;
}

label.error {
    color: red !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: unset !important;
}

.form-control:disabled {
    background-color: unset !important;
    border-color: rgb(191, 191, 191) !important;
}

.form-control {
    color: rgb(191, 191, 191) !important;
}