@import "style/root.css";
@import "style/body.css";
@import "style/footer.css";
@import "style/header.css";
@import "style/banner.css";
@import "style/menu.css";
@import "style/lobby.css";
@import "style/promo.css";
@import "style/modal.css";
@import "style/game-overlay.css";
@import "style/event.css";
@import "style/info.css";
@import "style/referral-program.css";
@import "style/vip.css";
@import "style/register.css";
@import "style/download.css";
@import "style/responsive.css";
p{
    color: var(--text-color);
}
img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

h5 {
    color: var(--primary-color);
}

.container {
    max-width: 1080px;
}

.body {
    padding-top: 6%;
    padding-bottom: 3%;
    color: var(--text-color);
}

.btn-primary {
    background: var(--btn-primary);
    border: 1px solid transparent;
}

.btn-primary:hover {
    background: var(--btn-primary-hover);
    border: 1px solid transparent;
}

.btn-secondary {
    background: none;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-secondary:hover {
    background: var(--primary-color);
    border: 1px solid transparent;
    color: #ffffff !important;
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.dropdown-menu {
    min-width: 200px;
    
}
.dropdown-menu {
    right: 0;
    left: auto;
    position: absolute;
    background-color: var(--header-bg);
    border-color: var(--border-color);
}
.dropdown-item {
    color: var(--text-color);
}
.dropdown-item:hover {
    background: var(--background-color);
    color: var(--primary-color);
}
.btn-danger {
    background-color: var(--primary-color) !important;
}
.card{
    background: var(--header-bg);
    border: 1px solid var(--border-color);
}
label{
    color: var(--primary-color);
}
.list-group-item{
    background: var(--background-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}
.text-muted{
    color: var(--text-color)!important;
}
.border{
    border: 1px solid var(--primary-color)!important;
}
.text-danger{
    color: var(--primary-color)!important;
}
.btn-outline-danger{
    border-color: var(--primary-color);
    color: var(--primary-color);
}