/* Made by Szarkan https://wiki.catcraftmc.ru */

:root {
    --white: #dbdbdb;
    --black: #1b1821;
    --shade: #353535;
    --blue: #2A354F;
}

body, html {
    background-color: #1b1921 !important;
}

.product-card, .server-card {
    background: var(--black) !important;
    border: 2px solid var(--shade) !important;
}

.select-server-card {
    background: var(--black);
    border: 2px solid var(--shade) !important;
}

.server-name {
    color: var(--white);
}

.server-badge {
    color: var(--white);
    background: var(--blue);
}

.card-image {
    filter: opacity(0.35);
    -webkit-filter: opacity(0.35);
}

.card-body {
    padding: 28px;
}

.form-control, .modal-content, .bg-soft {
    background-color: var(--black) !important;
}


.text-muted {
    color: var(--white);
}

.text-dark, .text-dark:hover {
    color: var(--white) !important;
}

.text-black a:not(.btn), .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h6, .text-black .h1, .text-black .h2, .text-black .h3, .text-black .h4, .text-black .h5, .text-black .h6, .text-black .display-1, .text-black .display-2, .text-black .display-3, .text-black .display-4, .title, .category, .item-price, .item-title, .modal-title, .label, label, .input-group .form-control, .text-soft, .text-soft:hover, .text-black, .text-black:hover, h4, p, .text-black h5 {
    color: var(--white) !important;
}

h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"] {
    color: var(--white) !important;
}

p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"] {
    color: var(--black) !important;
}

.cart-cost {
    color: white !important;
}

.cart-item-actions {
    border: 2px solid var(--shade) !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}