body{
    background-color:#171717;
}
.logo-okd img {
    height: 60px;
}
.main-header,.col-news {
    background: linear-gradient(0deg, #000000 0%, #393939 100%) !important;
}
.col-news{
    background:#16191E !important;
}
.btn-danger {
    background: linear-gradient(to bottom, #21EF00  ,#067204) !important;
}

.fill {
    --color: #21EF00;
    --hover: #067204;
}

.pulse {
    --color: #21EF00;
    --hover: #067204;
}

.btn-outline-danger {
    border: 2px solid #21EF00 !important;
}

.btn-outline-danger:hover {
    background-color: #21EF00 !important;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #21EF00 !important;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    background-color: #21EF00 !important;
}

.text-danger {
    color: #21EF00   !important;
}
a.text-danger:hover {
    color: #21EF00 !important;
}
.lastWinner .text-danger {
    color: #21EF00   !important;
}
.nav-scroller {
    background: linear-gradient(to bottom, #21EF00 ,#067204) !important;
}

.animated-lastwin {
    background-image: linear-gradient(transparent, transparent),
        linear-gradient(180deg, #067204, #21EF00 50%, #067204);
}
.menu-brand-games li a{
    background: #000000;
}
.form-search .input-group,
.menu-brand-games li a.active {
    border: 2px solid #21EF00 !important;
}
.btn-danger{
    border: 2px solid #21EF00;
}
.ribbon,
.ribbon:before,
.ribbon:after {
    background: #21EF00;
}

.list-menu-livedealer li a.active img,.list-menu-livedealer a.active img {
    border: 2px solid #21EF00 !important;
}

.hovicon.effect-5:hover{
    color: #21EF00;
}

.bg-footer{
    background:#242424;
}
.bg-footer-2{
    background: #000000;
}
.col-brand:hover h4{
    color: #21EF00 !important
}
.col-brand img:hover, .col-brand video:hover,.box video{
    border: 2px solid #21EF00;
}
@media (max-width: 991px){
        .col-menu-main {
            background-color: #000103;
        }
}
@media (max-width: 767px) {
    .logo-okd img {
        height: 40px;
    }
    .profile{
        background-color: #0B0D10;
    }
    .balance {
        background-color: #000103;
    }
}

.swiper-pagination-bullet-active {
    background: linear-gradient(
        0deg, #21EF00 0%, #067204 100%) !important;
    opacity: 1;
}


.banking {
    max-width: 800px;
}

.banking .nav-pills .nav-link {
    background-color: #303337;
    color: #C1C2C3;
    padding: 15px;
}

.banking .nav-pills .nav-link {
    border-radius: 0;
}

.banking .nav-pills .nav-item:first-of-type a {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.banking .nav-pills .nav-item:last-of-type a {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.banking .nav-pills .nav-link.active,
.banking .nav-pills .show>.nav-link {
    background: linear-gradient(180deg, #21EF00 0%, #067204 100%) !important;
    color: #000000;
}

.tab-pane {
    background-color: #303337;
    color: rgba(255, 255, 255, 0.67);
    border-radius: 10px;
}

h1 {
    font-size: 25px;
}

.row-bank {
    background-color: #373B40;
    box-shadow: -1px 5px 8px rgba(0, 0, 0, .16);
}

.row-bank img {
    max-height: 60px;
}

.bank-account {
    font-size: 16px;
    color: #FFF;
}

.bank-number {
    font-size: 26px;
}

.form-banking {
    max-width: 480px;
    padding: 15px;
    margin: auto;
    min-height: 490px;
    position: relative;
}

.form-banking .btn {
    padding: 10px;
}

.row-bank .col-4 {
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 15px;
}


.form-banking input.form-control {
    height: 53px;
    color: rgba(255, 255, 255, 0.6);
    background-color: #404246;
    border-color: #404246;
    text-align: center;
    border-radius: 0;
}
.menu-games{
    background-color: #2A2A2A !important;
}
@media only screen and (max-width: 575px) {
    .form-banking {
        padding: 0;
    }

    p {
        font-size: 14px;
    }
}

.btn-copy-bank {
    padding: 5px !important;
    border-radius: 50%;
}

.form-footer {
    padding-left: 15px;
    padding-right: 15px;
}

.box-channel:hover{
    border: 2px solid #21EF00;
}

.menu-main .nav-item{
    background: linear-gradient(to bottom, #21EF00  ,#067204);
}

li.active .icon-profile{
    background-image: url(../lobby/images/svg/user.svg);
}

li.active .icon-history{
    background-image: url(../lobby/images/svg/date.svg);
}
li.active .icon-password{
    background-image: url(../lobby/images/svg/password.svg);
}
li.active .icon-deposit{
    background-image: url(../lobby/images/svg/deposit.svg);
}
li.active .icon-withdraw{
    background-image: url(../lobby/images/svg/withdraw.svg);
}

.menu-bottom .nav-item.active .icon-slot {
    background-image: url('../../dist/images/icons/icon-slot.svg');
}

.menu-bottom .nav-item.active .icon-casino {
    background-image: url('../../dist/images/icons/icon-casino.svg');
}

.menu-bottom .nav-item.active .icon-sport {
    background-image: url('../../dist/images/icons/icon-sport.svg');
}

.menu-bottom .nav-item.active .icon-shooting {
    background-image: url('../../dist/images/icons/icon-shooting.svg');
}


.nav-item.active .icon-buyspin {
    background-image: url('../../dist/images/icons/icon-buyspin.svg');
}

.nav-item.active .icon-tournament {
    background-image: url('../../dist/images/icons/icon-toru.svg');
}

.nav-item.active .icon-hot {
    background-image: url('../../dist/images/icons/icon-hot.svg');
}

.menu-bottom .main-icon a{
    background: linear-gradient(to bottom,  #21EF00 ,#067204) !important;
}
.typeMenu li a.active, .sortMenu li a.active{
    background-image: unset !important; 
}
.marquee{
    background-color: transparent;
}

.menu-main .nav-item.active{
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #21EF00, #067204 50%, #21EF00) !important;
}

.box-channel.active {
    border: 2px solid #21EF00 !important;
}

.box-channel:hover input~.checkmark {
    background: linear-gradient(0deg, #067204 0%, #21EF00 100%) !important;
}

.box-channel.active .checkmark {
    background: linear-gradient(0deg, #067204 0%, #21EF00 100%) !important;
}

.btn-danger:hover,.btn-danger:focus{
    border-color: #067204;
}