body {
    background-color: #111827;
    /* color: #e5e7eb; */
    color: rgb(221, 229, 235);
}

h1,
h2,
h3,
h4,
h5,
h6,a, td, tr, th {
    color: #e5e7eb !important;
}

a:hover {
    color: #a5beef !important;
}


.modal form input:not(.form-control), .modal form select:not(.form-select), .modal form textarea:not(.form-control) {
    background: #111827a3;
}

textarea.form-control, textarea.form-control:active, textarea.form-control:focus {
    background-color: color(srgb 0.0803 0.1164 0.2025);
}

.line::before {
    background-color: rgb(40, 50, 72) !important;
}
.line::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) !important;
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) !important;
}
#order .main-form .line::after {
    background: linear-gradient(to left, rgb(31, 40, 62) 50%, rgba(255, 255, 255, 0) 100%) !important;
    background: -webkit-linear-gradient(to left, rgb(31, 40, 62) 50%, rgba(255, 255, 255, 0) 100%) !important;
}
#order .main-form .line::before {
    background: rgb(143, 171, 201) !important;
}

.toastify {
    background: linear-gradient(to right, rgba(59, 200, 130, 0.98) 0.42%, rgba(61, 155, 83, 0.93));
}

.bordered, .box, .order-info:nth-child(2), .modal-header {
	border-color: #37425c !important;
}

.box-shadow, .bg-white, .bordered.row, .box-shadow {
    background: #1f283e !important;
	color: #e5e7eb !important;
}
.theme-switcher i {
	color: #fff !important;
	text-shadow: 0 0 13px #fff !important;
}

.navbar.sticky-top .navigation {
	background: linear-gradient(220deg, rgba(132, 92, 50, 0.6), rgba(66, 55, 11, 0.6) 73%) !important;
}

.bg-lightgreen {
    background: linear-gradient(to right,#414c66 0,#425075 100%) !important;
    background: -moz-linear-gradient(to right,#414c66 0,#425075 100%) !important;
    background: -webkit-linear-gradient(to right,#414c66 0,#425075 100%) !important;
}
.bg-light {
    background: rgba(107, 116, 140, 0.13);
}

span.bg-light {
    color: #bccbd9 !important;
}

.product-item.single {
    background-color: #111827ea !important;
}

/* .navbar.sticky-top {
    background: rgba(26, 45, 71, 0.85);
} */
.navbar-toggler-line {
    background: white !important;
}

.in-apps {
    /* background: linear-gradient(180deg, #111827 0%, transparent 20%, transparent 80%, #111827 100%); */
    background: linear-gradient(180deg, #111827 0%, #111827 20%, #111827 80%, #111827 100%);
}
.in-apps::after {
    opacity: 0.9;
    background-image: radial-gradient(circle farthest-side,rgba(10,153,255,.18) 0,rgba(29,30,41,0) 100%);
}
.text-gradiented {
	background-image: linear-gradient(90deg, #37c7ff 0%, #8f4bff);
}


.invert-in-dark {
    filter: invert(100%);
}

.modal-content {
	box-shadow: 0 0 2rem #16213bbc !important;
}

ul.account-navigation-menu li.active{border-color:rgb(101, 121, 175)}


header {

    box-shadow: 0px 11px 22px 0px #20355e4d;
    background: #1f283e;

    .cursor-pointer svg {
        filter: invert(100%);
    }

    .menu i {
        color: white !important;
    }

}


ul li.accordion-list-item.open {
    background-color:#6b748c21 !important
}
ul li.accordion-list-item:not(.open) {
    background-color:#6b748c10 !important
}

.single .features .feature h3 {
    color: black !important;
}



/* backgrounds */

    .container-fluid > .shadow {
        background: linear-gradient(0deg, #111827 0%, transparent 100%) !important;
    }

    .bubble {
        background: rgba(2, 12, 33, 0.742);
    }

    .bubble.reply {
        background: rgba(2, 12, 33, 0.342);
    }

    #order .account-selection-box h3 {
        color: white !important;
    }
    #order .form-title::before, #order .submit-order::before {
        background: #1f283e !important;
    }

    #order .submit-order .btn.select {
        box-shadow: 0 0 15px 0px #ac6221 !important
    }

    #order .colorized {
        text-shadow: 0 0 15px #ac405d;
    }

    #order form .submit-order svg {
        filter: invert(100%);
    }


    #order input[type="text"]:active, #order input[type="text"]:focus, #order input[type="text"]:hover {
        color: whitesmoke !important;
    }

    #order input[type="text"]::placeholder{
        color: rgba(245, 245, 245, 0.8) !important;
    }

    #order input[type="text"], #order form .submit-order {

        /* background: rgba(0, 0, 0, 0.3) !important; */
        background: rgb(27, 36, 56) !important;
        color: white;
        /* background: rgb(55, 66, 91) !important; */
    }

    #order .bg-gradient {
        background: linear-gradient(318deg, rgb(236, 149, 72), rgb(213, 164, 136) 73%) !important
    }

    #order .product-field .guide-button {
        background: #eb964b !important;
        color: white !important;
    }



    .bg-orange {
        background-color: rgba(153, 112, 65, 0.21) !important;
    }
    .bg-red {
        background-color: rgba(147, 43, 43, 0.32) !important;
    }
    
    .bg-orange-melo {
        background-color:#e8e4d8 !important
    }

    .bg-blue-melo {
        background-color:#dae2ea !important
    }

    .bg-red-melo {
        background-color:#e7dcde !important
    }

    .bg-disabled {
        background: rgba(234, 234, 234, 0.1);
    }

    .text-disabled {
        color: rgba(166, 166, 166, 0.6);
    }

    .text-secondary {
        color: white !important
    }

    span.bg-green {
        background: #00ff7014;
        font-weight: 600 !important;
    }

    .bg-violet {
        background-color: rgba(252, 226, 254, 0.11) !important;
    }

    .navbar.sticky-top .navigation li.active {
        background: rgba(238, 144, 61, 0.96);
    }

    .game .body::after {
        opacity: .2 !important;
    }

    .game .logo::before {
        background: linear-gradient(190deg, rgb(206, 125, 39) 0%, rgb(202, 90, 46) 100%);
        background: -webkit-linear-gradient(190deg, rgb(206, 125, 39) 0%, rgb(202, 90, 46) 100%);
        background: -moz-linear-gradient(190deg, rgb(206, 125, 39) 0%, rgb(202, 90, 46) 100%);
        box-shadow: 0px 0 30px #a8693b;
    }
    .game .body::before {
        /* background: rgb(99, 102, 241, .8); */
        background: rgb(59, 68, 145);
    }
    .game .body {
        background: #30445e4f;
        /* border: 1px solid #ffffff08; */
        box-shadow: 0 0 30px rgb(27, 38, 56);
    }

    .giftcard-type-item .overlay-wrapper .overlay {
        background: rgba(97, 133, 179, 0.3);
        border: 1px solid rgba(34, 76, 106, 0.2);
    }

    .giftcard-type-item .overlay hr {
        background: #8ea4ce;
    }

    .giftcard-type-item .product-info .countries img {
        border: 3px solid rgba(74, 123, 200, 0.24);
    }

    .giftcard-type-item .overlay-wrapper .overlay::after {
        background: linear-gradient(90deg,hsla(222, 78.3%, 69.2%, 0.13),hsla(222.4, 72.1%, 67.6%, 0.13) 77%,hsla(216.5, 45.1%, 44.3%, 0.5) 92%,hsla(0,0%,100%,0));
        background: -webkit-linear-gradient(90deg,hsla(222, 78.3%, 69.2%, 0.13),hsla(222.4, 72.1%, 67.6%, 0.13) 77%,hsla(216.5, 45.1%, 44.3%, 0.5) 92%,hsla(0,0%,100%,0));
        background: -moz-linear-gradient(90deg,hsla(222, 78.3%, 69.2%, 0.13),hsla(222.4, 72.1%, 67.6%, 0.13) 77%,hsla(216.5, 45.1%, 44.3%, 0.5) 92%,hsla(0,0%,100%,0));
    }

    .btn.bg-dark {
        background: #090e1aa6 !important;
    }

    

    .bg-info {
        background: #13cdf22e !important;
        color: #13cdf2e8 !important;
    }


    .bg-violet {
        background-color: rgba(252, 226, 254, 0.11) !important;
    }

/* end of backgrounds */


/* inputs */

    input[type="text"], textarea.bg-light, select.bg-light {
        background: #141e34 !important;
        color: white !important;
    }


/* inputs */



/* text colors */

    label.account-label {
        background: #242d42 !important;
    }

    form label:not(.form-check-label, .form-label, .col-12) {
        color: white !important;
    }


    .text-orange {
        color: rgb(244, 176, 111) !important;
    }

    .text-violet {
        color: rgba(255, 190, 245, 0.74) !important;
    }

    .text-muted {
        color: #adbacd !important;
    }

    .text-black {
        color: white !important;
    }

    .text-red {
        color: rgb(236, 54, 54) !important;
    }


/* text colors */



/* alerts */

.alert-danger {
    color: #865055 !important;
    background: #d5c6c8;
    border-color: #d9bbbd;
}

.alert-light {
    background: #141b2a;
    color: #bfc8d7;
}

.alert-warning {
	color: #fff;
	background: #786f6121;
	border-color: #ffecb53d;
}

.alert-secondary {
    color: #ced0d4;
    background: #2d3548;
}


.fill-black {
    fill: white;
}

/* end of alerts */




/* buttons */

    .btn.select {
        background: #ff8e4a !important;
    }

/* end ofbuttons */



/* product */


.product-item.single .buy-section .btn-price {
    background: transparent !important;
    border-color: rgba(94, 109, 155, 0.5);
}

.product-item.single ul.balances li, .product-item.single ul.countries li {
    background-color: color(srgb 0.135 0.178 0.27) !important;
}

.item-counter span.count,
.icon-set ul li a i {
    color: rgb(221, 229, 235) !important
}

.icon-set .menu, .notification-holder .menu {
    background: #1f283ee6 !important;
}

.icon-set .menu,
.notification-holder .menu {
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 10px 5px !important;
}
/* end of product */

/* features */

.single .features .feature p {
    color: rgb(66, 74, 88) !important;
}


    /* comments */


        ul.reaction li {
            font-weight: 600;
            opacity: 1;
            background: #51515159;
        }
        ul.reaction li:first-child {
            background: #37ee6ec3;
        }
        ul.reaction li:last-child {
            background: #f22424be;
        }

    /* end of comments */


/* end of features */






.col-12.bg-light.p-lg-5.p-3.rounded-5.about.content-item::after {
    background: linear-gradient(0deg, rgb(31, 40, 62) 0%, transparent 100%);
}

.bg-dark-blue {
	background: #343a51 !important;
	color: #bcd3ecc4 !important;
    /* backdrop-filter: blur(10px); */
}


footer .community {
    border-color: #374148c7;
}
footer .community button.btn-join {
    background: #335d56 !important;
    color: #6bffbf !important;
}