/* @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); */
.form-control {
    background-color: #131129 !important;
    color: white !important;
    /* border-color: #424242 !important */
    border: 2px solid #424242 !important;
}

.card {
    background-color: #13112170 !important;
    border-radius: 17px !important;
    /* background: #1d1933c2; */
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-color: #13112170 !important;
    -webkit-background-color: #13112170 !important;
    ;
    border: 2px solid rgb(75, 85, 99);
}

body {
    background-size: cover;
    background-color: white;
    /* background-size: cover; */
    background-image: url('../img/crypto_1.jpg');
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.myfont,
body,
* {
    /* font-family: "Oswald", serif; */
    font-family: 'Rubik', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-optical-sizing: auto;
    color: white !important;
}

.roudtab {
    /* border-collapse: separate !important; */
    /* Allows border-radius to work */
    border-spacing: 0;
    /* Removes gaps between cells */
    border: 2px solid rgb(75, 85, 99);
    color: white !important;
    background: #131129;
    /* Outer border */
    border-radius: 12px;
    /* Round outer table */
    overflow: hidden;
    /* Ensures the effect is visible */
}

/* Round only the top-left and top-right corners */
.roudtab tr:first-child th:first-child,
.roudtab tr:first-child td:first-child {
    border-top-left-radius: 12px;
}

.roudtab tr:first-child th:last-child,
.roudtab tr:first-child td:last-child {
    border-top-right-radius: 12px;
}

/* Round only the bottom-left and bottom-right corners */
.roudtab tr:last-child th:first-child,
.roudtab tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.roudtab tr:last-child th:last-child,
.roudtab tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

/* Add consistent styling for table cells */
.roudtab th,
.roudtab td {
    font-weight: 700;
    padding: 5px !important;
    color: white !important;
    border: 2px solid rgb(75, 85, 99) !important;
    /* background: rgba(255, 255, 255, 0.1); */
    /* Light transparent background */
    text-transform: uppercase;
}

/* .frosted,
                tr,
                th,
                td, */
.darkbg {
    /* font-size: large; */
    /* padding: 4px !important; */
    /* text-align: center; */
    color: white !important;
    /* background: #fff; */
    border: 2px solid rgb(75, 85, 99) !important;
    box-shadow: inset 0 0 5px rgba(126, 46, 46, 0.05);
    border-radius: 12px !important;
    /* text-align: center; */
    text-transform: uppercase;
    background: #131129;
    background: -webkit-linear-gradient(to right, #131129, #131129) !important;
    background: linear-gradient(to right, #131129, #131129) !important;
}

.form-control {
    background-color: #131129 !important;
    color: white !important;
    /* border-color: #424242 !important */
    border: 2px solid #424242;
}

.content-wrapper {
    padding: 0 10px;
}

/* [data-theme=light] body,
                [data-theme=light] .login-wrapper, */
.body,
.login-wrapper,
[data-theme=dark] body {
    background-image: url('../img/crypto_1.jpg') !important;
    /* background-color: #e1e4e9; */
    background-color: #000 !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    /* background-image: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%) */
    /* background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%); */
}

.frosted,
tr,
th,
td,
.darkbg {
    /* font-size: large; */
    padding: 4px !important;
    text-align: center;
    color: white !important;
    /* background: #fff; */
    border: 2px solid rgb(75, 85, 99) !important;
    box-shadow: inset 0 0 5px rgba(126, 46, 46, 0.05);
    border-radius: 12px !important;
    /* text-align: center; */
    text-transform: uppercase;
    background: #131129;
    background: -webkit-linear-gradient(to right, #131129, #131129) !important;
    background: linear-gradient(to right, #131129, #131129) !important;
}

.btn,
.button-76 {
    /* background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb); */
    /* box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px; */
    /* background-color: #cf245f; */
    /* background-image: linear-gradient(to bottom right, #fcd34d, #ef4444, #ec4899); */
    border: 2px solid rgb(75, 85, 99) !important;
    border-radius: 0.25rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    /* font-family: ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    /* font-size: 1.125rem !important; */
    font-weight: 600;
    /* line-height: 1.75rem; */
    padding: 5PX;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

[data-theme=dark] body .table {
    color: rgba(255, 255, 255, 0.7);
    border: none;
}

[data-theme=dark] body .card {
    background-color: #13112170 !important;
}

.btn-success {
    color: #ffffff;
    background-color: #096733;
    border-color: #062a0c;
}

form label {
    color: #75787D;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: normal;
    /* font-weight: 500; */
}