* {
    font-size: 12px;
    font-family: "Gmarket Sans", sans-serif;
}
a {
    color: #03a9f4;
    text-decoration: none;
}
p {
    line-height: 1.6;
}

body {
    --bs-body-bg: #0f0f14;
    background-color: #0f0f14;
    min-height: 100vh;
}

ul {
    margin: 0;
    padding: 0;
}
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-vertical .menu-inner > .menu-item {
    margin: 3px;
}
.bg-menu-theme .menu-header .menu-vertical .menu-header {
    margin: 0;
}
.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
    color: #fff !important;
    font-weight: 800;
}

.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ffffff;
}

.pie-btn3 {
    border-radius: 3px;
    padding: 5px 20px !important;
    background: #40b97d !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn {
    display: inline-block;
    font-weight: 800;
    line-height: 1.53;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.4375rem 0.4375rem;
    font-size: 0.9375rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease-in-out;
}

.btn-lose {
    border-radius: 3px;
    padding: 0px 5px !important;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-win {
    border-radius: 3px;
    padding: 0px 5px !important;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-refund {
    border-radius: 3px;
    padding: 0px 5px !important;
    background: #f4c1cc !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-add {
    border-radius: 3px;
    padding: 0px 5px !important;
    background: #40b97d !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-bet {
    border-radius: 3px;
    padding: 0px 5px !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}

.btn-win {
    background-color: #452e36 !important;
    color: #f06445 !important;
}

.badge.bg-outline-danger {
    background-color: #2d3749 !important;
    color: #4fc9da !important;
    padding: 0.325rem 0.5rem;
}

.btn-lose {
    background-color: #2d3749 !important;
    color: #4fc9da !important;
}

.badge.bg-outline-primary {
    background-color: #2d3e35 !important;
    color: #b8d935 !important;
    padding: 0.325rem 0.5rem;
}

.btn-bet {
    background-color: #3f3a2b !important;
    color: #e8c444 !important;
    padding: 0.325rem 0.5rem;
}

.scroll-x {
    overflow-x: scroll;
}

.scroll-x table * {
    word-break: keep-all;
    text-align: center;
}

.scroll-x table {
    min-width: 1000px;
}

.layout-navbar > div:first-child > a {
    background: transparent !important;
    color: #000 !important;
}

.dropdown-menu * {
    color: #000 !important;
}

@media (max-width: 1199px) {
    .layout-page {
        padding-left: 0 !important;
    }
}

.table > :not(caption) > *:not(.renderedMarkdown) > * {
    color: #ffffff;
}

.btn-info {
    color: #4fc9da !important;
    background-color: #2d3749 !important;
    border-color: #2d3749 !important;
    font-weight: 800;
}

.btn-primary {
    color: #fff;
    background-color: #2477ff;
    border-color: #2477ff;
}

.rounded-help {
    color: #f06445 !important;
    background-color: #452e36 !important;
    border-color: #452e36 !important;
    justify-content: center;
}

section.swagger-ui {
    background-color: #1e1e2d;
    border: 1px dashed #495074 !important;
    padding: 1em;
    border-radius: 0.5rem;
}

code {
    background-color: unset !important;
}

.swagger-ui section h3,
.swagger-ui .info h1,
.swagger-ui .info h2,
.swagger-ui .info h3,
.swagger-ui .info h4,
.swagger-ui .info h5,
.swagger-ui .renderedMarkdown p:not(.opblock *),
.swagger-ui .opblock-tag {
    color: #ccc;
}

#search-form {
    margin-top: 1em;
}

.swagger-ui .opblock .opblock-summary-path {
    max-width: 100%;
}

#navbar-collapse > ul > li.nav-item.navbar-dropdown.dropdown-user.dropdown > a {
    background: url(/favicon/user_info.png) no-repeat center center;
    font-weight: 800;
    border-radius: 20px;
    width: 40px;
    height: 40px;
}

.swagger-ui .table [data-code] * {
    color: #697a8d !important;
}

#header-mobile-only-icon {
    height: 30%;
}

@media (min-width: 1200px) {
    #header-mobile-only-icon {
        display: none;
    }
}

.bg-light {
    --bs-light-rgb: 35, 52, 70;
}

select.form-control option {
    background-color: #fff !important;
    color: #000 !important;
}

.form-control {
    transition: none !important;
}

.form-control:disabled {
    background-color: #000;
}

html:not(.layout-menu-collapsed)
    .bg-menu-theme
    .menu-inner
    .menu-item
    .menu-link:not(.active):hover {
    color: #ffffff !important;
    background-color: #323248 !important;
}

.btn-outline-success {
    background-color: #474761;
}

#money-trade-tab-nav {
    width: 100%;
    padding: 0;
}

#money-trade-tab-nav > .nav-item {
    width: 50%;
    text-align: center;
}

#money-trade-tab-nav > .nav-item .nav-link {
    border-radius: 0;
    color: #fff;
}

#money-trade-tab-nav > .nav-item .nav-link.active {
    background-color: #474761;
}

#money-trade-tab-nav > .nav-item .nav-link:not(.active) {
    background-color: rgba(0, 0, 0, 0.2);
}

.money-trade-submit-button {
    color: #fff !important;
}

.card {
    background-color: #1e1e2d !important;
    border: 1px dashed #495074 !important;
    border-radius: 0.5rem !important;
    color: #fff !important;
}

.card-header {
    background-color: transparent !important;
}

* {
    --game-type-page-margin: 1rem;
    --vendor-page-margin: 1rem;
    --pp-header-row-background-color: #333;
    --pp-header-row-text-color: #fff;
    --pp-header-background-color: #333;
    --pp-input-background-color: #515151;
    --pp-input-text-color: #fff;
    --pp-action-row-background-color: #70797e;
    --pp-item-row-background-color: #333;
    --pp-item-row-text-color: #fff;
    --pp-header-row-border-color: #676767;
    --pp-input-border-color: #676767;
}

span.pp {
    --pp-badge-background-color: #ddd;
    --pp-badge-text-color: #333;
}
