:root {
    
    --background: #111827;
    --foreground: rgb(221, 229, 235);
    --border-color: rgb(55, 65, 81);
    /* --fields-bg: #1f283ea5; */

}


body {
    background: var(--background);
    color: var(--foreground);
}

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

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

.backcow::before {
    opacity: .4;
}

.bg-festival {
    background: linear-gradient(#1f2e5c59, #223356ca 0%),url('../image/pattern.png');
}


.modal-content.bg-forms {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: linear-gradient(318deg, #041d3ee5, #173764 73%) !important;
    border-color: #0e3977 !important;
}

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

input[type="checkbox"]:not(:checked) {
    border-color: #617399a3 !important;
    background: transparent !important;
}

.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, .bordered.row, .box-shadow {
    background: #1f283ea5 !important;
	color: #e5e7eb !important;
}

.modal-content:not(.login-form) {
    background: rgba(31, 41, 65, 0.84) !important;
    color: #e5e7eb !important;
}

.free-pay-modal .modal-content, .quick-payment-modal .modal-content {
    background: linear-gradient(318deg, rgb(17, 34, 56), rgb(37, 75, 118) 73%) !important;
    -moz-background: linear-gradient(318deg, rgb(17, 34, 56), rgb(37, 75, 118) 73%) !important;
    -webkit-background: linear-gradient(318deg, rgb(17, 34, 56), rgb(37, 75, 118) 73%) !important;
}

.theme-switcher i {
	color: #fff !important;
	text-shadow: 0 0 13px #fff !important;
}

.navbar.sticky-top .navigation {
	background: linear-gradient(220deg, rgba(50, 82, 132, 0.6), rgba(11, 37, 66, 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;
}


.product-item.single:not(.order-sub) {
    background-color: var(--dark-background) !important;
    /* box-shadow: 0 -33px 50px -20px #061526 !important; */
    box-shadow: none !important;
}

/* .navbar.sticky-top {
    background: rgba(26, 45, 71, 0.85);
} */
.navbar-toggler-line {
    background: white !important;
}
.app img:first-child{box-shadow:0 0 60px -10px #3d5982}

.in-apps {
    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, .gradiented {
	background-image: linear-gradient(90deg, #37c7ff 0%, #8f4bff);
            background-image: linear-gradient(90deg, #51a6f0, #af79fb);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
}



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

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


header, .main-menue {

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    box-shadow: 0 7px 42px -10px #062b54 !important;

}
#menu-holder, .swal-overlay--show-modal {
    backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(3, 6, 17, 0.29);
}

#menu-holder a {
    border-color: rgba(43, 59, 82, 0.196);
}

.swal-modal {
    border-radius: 15px;
}

header, .header-link {
    background: #192335 !important;
}
.main-menu, #menu-holder button, .swal-modal {
    background: #1f283ee2 !important
}

.main-menu, #menu-holder button, .swal-title {
    box-shadow: none;
    color: white;
}


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

header .menu i {
    color: white !important;
}

.question-tag-title {
    background: #6b748c21 !important;
}

ul li.accordion-list-item:hover {
    opacity: .5;
}

ul li.accordion-list-item.open {
    background-color: #1b243ada !important
}
ul li.accordion-list-item:not(.open) {
    background-color: #1b243a !important
}

.container-fluid.last {
    background: #1b243a !important;
}

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



/* backgrounds */

    #samplenote {
        background: rgba(160, 177, 219, 0.2) !important;
    }


    .bg-white {
        color: #e5e7eb !important;
        background: #1c2a42 !important
    }

    .bg-light {
        background: rgba(104, 133, 205, 0.23) !important;
        /* background: #1b243a !important; */
    }
    .bg-light.v2 {
        background: #0f182d90 !important;
    }

    span.bg-light {
        background: rgba(107, 116, 140, 0.1) !important;
        color: #bccbd9 !important;
    }

    .bg-orange {
        background-color: rgba(153, 112, 65, 0.21) !important;
    }
    .bg-red {
        background-color: rgba(194, 53, 53, 0.22) !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
    }

    .text-green {
        color: rgba(59, 242, 50, 0.72) !important;
    }

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

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

    .bg-warning {
        color: rgba(247, 227, 10, 0.888) !important;
        background-color: rgba(218, 174, 41, 0.27) !important;
    }

    .container-fluid > .shad {
        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);
    }

    .in-apps-holder {
        background: var(--dark-background) !important;
    }

    #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 25px 0px #314068 !important
    }

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

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

    .buy-section button[type="submit"] {
        border: 0 !important;
        background: linear-gradient(to right,#36bf5f 0,#2fc87d 80%,#33c181 100%) !important;
        box-shadow: 0 0 30px -10px #2fc87d !important;
    }

    #order .bg-gradient {
        background: linear-gradient(318deg, rgb(72, 87, 130), rgb(50, 61, 92) 73%) !important;
        background: -moz-linear-gradient(318deg, rgb(72, 87, 130), rgb(50, 61, 92) 73%) !important;
        background: -webkit-linear-gradient(318deg, rgb(72, 87, 130), rgb(50, 61, 92) 73%) !important;

    }

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

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

    .game .logo::before {
        background: linear-gradient(190deg, rgb(53, 77, 136) 0%, rgb(96, 82, 160) 100%);
        background: -webkit-linear-gradient(190deg, rgb(53, 77, 136) 0%, rgb(96, 82, 160) 100%);
        background: -moz-linear-gradient(190deg, rgb(53, 77, 136) 0%, rgb(96, 82, 160) 100%);
        box-shadow: 0px 0 30px #2b356a;
    }
    .game .body::before {
        background: rgb(59, 68, 145);
    }
    .game .body {
        background: #303d5e4f;
        box-shadow: 0 0 30px rgba(26, 53, 96, 0.24);
    }

    .ptype-item > a:first-child {
        /* box-shadow: 0 0px 42px 10px #19294a !important; */
        box-shadow: none !important;
    }

    .ptype-item .countries span {
        border-color: #19284ab0
    }

    .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, .swal-button--cancel {
        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"], form input[type="text"], form label.alt, .form-select, textarea, select {
        color: white !important;
        background: #070c17b6 !important;
    }

/* inputs */



/* text colors */

    label.account-label {
        background: #1f283ea5 !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, .swal-text, .swal-button--cancel {
        color: #adbacd !important;
    }

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

    .text-red {
        color: rgb(245, 56, 56) !important;
    }



/* text colors */



/* alerts */

    .alert-danger {
        color: #e3979e !important;
        background: #31253c;
        border-color: #2e2438;
    }

    .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 */

    button[type="submit"], button.submit-order, .swal-button--catch {
        background: #40a8d9 !important;
    }

    button[type="submit"] {
        border: 0;
        background: #020e1d;
    }
    button[type="submit"]:hover {
        background: #041932;
    }

/* end ofbuttons */



/* product */


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

.product-item.single .balances .product-item, .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: #1f283e7a !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;
}


/* end of features */






.bottom-gradiented::after {
	background: linear-gradient(to top, #111827, transparent) !important;
	background: -webkit-linear-gradient(to top, #111827, transparent) !important;
	background: -moz-linear-gradient(to top, #111827, transparent) !important;

}

.col-12.bg-light.p-lg-5.p-3.rounded-5.about.content-item::after, #comment-section > div::after {
    background: linear-gradient(to top, rgb(18, 25, 39), transparent) !important;
}

.bg-dark-blue {
	background: #343a51 !important;
	color: #bcd3ecc4 !important;
}


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

#comment-section textarea {
    background: #090e1aa6 !important;
}
    
#comment-section svg {
    filter: invert(0%);
}




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

.transparent-in-dark {
    background: transparent !important;
}