html, body {
    background: #0f0f14;
}

* {
    font-size: 12px;
    font-family: "Gmarket Sans", sans-serif;
}

body {
    color: #fff;
}

a {
    color: #03a9f4;
    text-decoration: none;
}
p {
    line-height: 1.6;
}

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: 12px;
    border-radius: 0.375rem;
    transition: all 0.2s ease-in-out;
}

.btn-lose {
    border-radius: 3px;
    padding: 2px 5px 0px 5px !important;
    background: #1198c5 !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-win {
    border-radius: 3px;
    padding: 2px 5px 0px 5px !important;
    background: #e35858 !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}
.btn-refund {
    border-radius: 3px;
    padding: 2px 5px 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: 2px 5px 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: 2px 5px 0px 5px !important;
    background: #000000 !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.4s;
    margin: 1px;
}

.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: #fff;
}

.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: transparent;
    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;
}

.form-control {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out;
}

.form-control[readonly],
.form-control:disabled {
    background-color: #000;
}

.form-group {
    display: flex;
}

#money-trade-quick-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.5em;
    margin: 1em 0;
}

#money-trade-quick-buttons .btn {
    width: 100%;
}

#dashboard-summaries {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1em;
}

@media (max-width: 650px) {
    #bet-transactions-form,
    #bet-transactions-form2,
    #games-form,
    #general-page-form {
        display: grid !important;
        justify-content: unset !important;
        margin-top: 1em;
        margin-bottom: 1em;
        grid-gap: 1em;
    }

    #bet-transactions-form > .form-group,
    #bet-transactions-form2 > .form-group,
    #games-form > .form-group,
    #general-page-form > .form-group {
        display: grid !important;
        grid-gap: 1em;
    }

    #bet-transactions-form > .form-group:not(.without-grid),
    #bet-transactions-form2 > .form-group:not(.without-grid),
    #games-form > .form-group:not(.without-grid),
    #general-page-form > .form-group:not(.without-grid) {
        grid-template-columns: 1fr 1fr;
    }

    #bet-transactions-form *:not(i),
    #bet-transactions-form2 *:not(i),
    #branch-daily-stats-quick-buttons *:not(i),
    #games-form *:not(i),
    #general-page-form *:not(i) {
        margin: 0 !important;
        width: 100% !important;
        text-align: center !important;
        justify-content: center;
    }

    #games-form .rounded-help,
    #general-page-form .rounded-help {
        justify-content: center !important;
    }

    #money-trade-quick-buttons {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #money-trade-quick-buttons > .submit {
        width: 100%;
    }

    #dashboard-summaries {
        grid-template-columns: 1fr;
    }
}

#money-trade-submit-button-container input {
    width: 100%;
}

.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;
}

tfoot {
    background-color: rgb(50 50 72);
}

.btn-secondary:hover {
    font-size: 12px !important;
}

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;
}