:root {
    --card-bg: #161616d9;
	--checkmark: #b1b1b1;
    --input-bg: #151414;
    --input-focus: #0f62fe;
    --input-hover: #525252;
    --input-text: #ffffff;
    --nav-bg: #393939;
	--nav-border: #262626;
    --nav-text: #c6c6c6;
    --nav-text-2: #c6c6c6;
    --modal-bg: #161616;
    --modal-header: #262626;
}


[data-theme="dark"] {
    background-color: #121619 !important;
    color: #c1c7cd;
}

[data-theme="dark"] .btn {
    color: rgb(255, 255, 255);
    background-color: var(--nav-bg);
    border-color: var(--nav-bg);
}

[data-theme="dark"] .btn:hover {
    background: #0f62fe;
    border-color: #0f62fe;
}

[data-theme="dark"] .shadow-lg {
    box-shadow: none !important;
}

[data-theme="dark"] .btn-success.disabled {
    color: rgb(255, 255, 255);
    background-color: var(--nav-bg);
    border-color: var(--nav-bg);
}


/* input boxes */

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: var(--input-bg) !important;
    outline: none;
    border: none;
    box-shadow: none;
    color: var(--input-text) !important;
    border: 1px solid var(--input-hover);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] input:active,
[data-theme="dark"] textarea:active,
[data-theme="dark"] select:active {
    box-shadow: none;
    color: var(--input-text);
}

[data-theme="dark"] select:focus {
    border-bottom: 1px solid var(--input-focus) !important;
    color: var(--input-focus) !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px var(--input-bg) inset !important;
    -webkit-text-fill-color: var(--input-text);
    box-shadow: none;
}

[data-theme="dark"] .input-group,
[data-theme="dark"] select {
    border-bottom: 1px solid var(--input-hover);
    border-radius: 0.25rem;
    opacity: 0.55
}

[data-theme="dark"] .input-group:active,
[data-theme="dark"] .input-group:focus-within {
    border-bottom: 1px solid var(--input-focus) !important;
    color: var(--input-focus) !important
}

[data-theme="dark"] .input_icons {
    background: var(--input-bg) !important;
    border: var(--input-bg) !important;
    color: inherit !important
}


/*Text color*/

[data-theme="dark"] .text-light {
    color: #333 !important;
}

[data-theme="dark"] .text-white {
    color: #000 !important;
}

[data-theme="dark"] .text-black,
[data-theme="dark"] .nav-link,
[data-theme="dark"] .dropdown-item {
    color: rgb(232, 232, 232) !important;
}


/*Border color*/

[data-theme="dark"] .border {
    border: 1px solid var(--input-bg) !important;
}


/* nav */

[data-theme="dark"] .navbar-toggler {
    background: #ffffffab!important;
}

[data-theme="dark"] .nav {
    border-bottom: 1px solid var(--nav-border);

}

[data-theme="dark"] .nav-link {
    color: var(--nav-text-2)!important;
    border: none!important;
}

[data-theme="dark"] .nav-pills .nav-link.active,
[data-theme="dark"] .nav-pills .show>.nav-link,
[data-theme="dark"] .btn-secondary {
    background: var( --nav-bg)!important;
    color: var( --nav-text)!important;
    border: none!important;
}

[data-theme="dark"] .card {
    background-color: var(--card-bg);
    border: 1px solid var(--card-bg);
    /* opacity: .9 */
}

[data-theme="dark"] select {
    padding-left: 2em;
    border-radius: .25rem
}

[data-theme="dark"] .checkmark {
    background: var(--checkmark) !important;
}


/* .qr_input_verification {
    border: none
} */

[data-theme="dark"] .modal-content {
    background-color: var(--modal-bg);
}

[data-theme="dark"] .tos_modal .modal-body {
    background: var(--modal-bg) !important;
}

[data-theme="dark"] .tos_modal .modal-header,
[data-theme="dark"] .tos_modal .modal-footer {
    background: var(--modal-header) !important;
}

[data-theme="dark"] #tos_link:hover {
    text-decoration: underline var(--input-hover);
}