.code-copy {
    position: relative;
    width: 78px;
    text-align: left;
    padding-left: 5px;
}

.link {
    width: 100px;
}

.badge {
    border-radius: .4rem !important;
}

.code-copy span {
    position: absolute;
    right: 1px;
    top: 1px;
}

#loader{
    display: none !important;
}
#features .item {

    background-color: #f8f9fa;

}

.navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 1px 2px 0 rgba(61, 60, 67, 0.3), 0 1px 3px 1px rgba(61, 60, 67, 0.15);


}
.navbar .nav-link:hover{
color: #0044b8 !important;
}

.navbar-toggler {
    outline: none !important;
    box-shadow: none !important;
    border: none;
}

.announce div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
font {
    color: #000000 !important;
}

.announce a {
    color: #495A9C !important;
    text-decoration: none !important;
}


.game-page #game-table tbody td.gift span {
    width: auto !important;
}

@media only screen and (max-width: 1024px) {
    .game-page #game-table tbody td.gift span {
        width: auto !important;
    }

    .navbar .navbar-collapse {
        background-color: #ffffff !important;
    }

    .navbar .navbar-collapse .nav-item.dropdown ul.dropdown-menu {
        background-color: #f9f9f9;
    }

    .navbar .navbar-collapse .nav-item.dropdown ul.dropdown-menu .dropdown-item {
        color: #000000;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff !important;
        background-color: #f5f5f5 !important;
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #000000 !important;
        background-color: #f1f1f1 !important;
    }

}


@media only screen and (max-width: 768px) {
    #giftsTbody .desc {
        max-width: 250px;
    }

}



@media only screen and (max-width: 500px) {
    .code-copy {
        position: relative;
        width: 65px;
        text-align: left;
        padding-left: 5px;
    }

    .code-copy span {
        position: absolute;
        right: 2px;
        top: 2px;
    }

    .link {
        width: 90px;
    }

}


@media only screen and (max-width: 470px) {
    #giftsTbody .desc {
        max-width: 180px;
    }

}


@media only screen and (max-width: 420px) {
    #giftsTbody .desc {
        max-width: 130px;
    }

}