@import '../css/base/index.css';
@import '../css/components/index.css';


[data-bs-theme=light] {
    --es-ens-color: #280ea9;
    --es-msg-explain: #0f51b0;
    --es-badge-evm-method: #21c1e2;
    --es-badge-evm-ext: #cfa526;
    --es-tr-failed-row-color: var(--bs-body-color);
    --es-tr-failed-row-bg: #f7eeee;
    --es-nav-link-font-size: 0.78515625rem;
    --es-nav-toggle-color: #081D35;
    --es-nav-toggle-bg-color: #e9ecef;
    --es-nav-toggle-hover-bg-color: #dee2e6;
    --bs-warning-rgb: 228, 118, 27;
}

    [data-bs-theme=light] body {
        overscroll-behavior-y: none;
    }

[data-bs-theme=dark] {
    --bs-body-color: var(--bs-gray-200);
    --bs-secondary-rgb: 173,181,189;
    --bs-warning-rgb: 228,118,27;
    --es-ens-color: #d8d1ff;
    --es-msg-explain: var(--bs-link-color);
    --es-badge-evm-method: #067086;
    --es-badge-evm-ext: #8a6e19;
    --es-tr-failed-row-color: var(--bs-body-color);
    --es-tr-failed-row-bg: #463838;
    --es-nav-link-font-size: 0.78515625rem;
    --es-nav-toggle-color: var(--bs-gray-300);
    --es-nav-toggle-bg-color: var(--bs-gray-700);
    --es-nav-toggle-hover-bg-color: var(--bs-gray-500);
}

    [data-bs-theme=dark] .bg-secondary {
        --bs-bg-opacity: 0.3;
        background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
    }

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-size: .875rem;
    background-image: url('../images/bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 0 left 0;
}


@media (max-width: 768px) {
    body {
        background-image: url('../images/bg.svg');
        background-size: cover;
        background-position: top 0 left 0;
    }
}

.card-header-title {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
}

#loading-spin {
    position: fixed;
    left: 50%;
    top: 35%;
    z-index: 1000;
    height: 3rem;
    width: 3rem;
}

.mini-denom {
    font-size: 0.6rem;
}

img#btn-search-all {
    max-width: 20px;
    max-height: 20px;
    background: transparent;
}

a {
    text-decoration: none;
}

    a.black {
        color: var(--bs-color-black);
    }

table > thead > tr > th {
    cursor: default;
}

.display-none {
    display: none;
}

.text-monospace {
    font-family: monospace;
}

div.tab-switcher {
    cursor: pointer;
    font-weight: bold;
    color: var(--bs-link-color);
}

    div.tab-switcher:hover {
        text-decoration: underline;
    }

.not-verified {
    font-size: 0.6rem;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important;
    font-style: italic;
}

.msg-explain a {
    color: var(--es-msg-explain);
}

.msg-explain:hover a {
    color: #0d6efd;
}


.hash-tag {
    max-width: 171px;
    display: inline-block;
    vertical-align: bottom;
}

.rem050 {
    font-size: .50rem;
}

.rem075 {
    font-size: .75rem;
}

.rem090 {
    font-size: 0.90rem;
}

.rem105 {
    font-size: 1.05rem;
}

.rem120 {
    font-size: 1.2rem;
}

.rem150 {
    font-size: 1.5rem;
}

.rem300 {
    font-size: 3rem;
}

span.cens {
    color: var(--es-ens-color);
}

div.val-ut-ct {
    max-width: 100px;
    text-align: center;
}

div.val-cm-ct {
    max-width: 120px;
    text-align: center;
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.cum-sh-container {
    max-width: 200px;
    clear: both;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cum-sh-cum {
    height: 100%;
    background: rgba(189, 111, 155, 0.2);
}

.cum-sh-fill {
    height: 100%;
    background: rgba(189, 111, 155, 0.6042);
}

img[alt="escan-logo"] {
    width: 145px;
    height: auto;
}

#nav_tabs > li > a {
    color: var(--bs-body-color);
}

    #nav_tabs > li > a.active {
        color: var(--bs-link-color);
    }

    #nav_tabs > li > a:hover {
        color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    }

div.decoded-tx-input > p {
    font-size: 0.8rem;
}

.red-star {
    color: var(--bs-danger);
    font-size: 0.8rem;
}

.button-toggle-theme {
    cursor: pointer;
}

.df-cursor {
    cursor: default;
}

span.evm-ext-tag {
    cursor: default;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}

.badge-evm-method {
    background-color: var(--es-badge-evm-method);
}

.badge-evm-ext {
    background-color: var(--es-badge-evm-ext);
}

tr.failed-row {
    --bs-table-color: var(--es-tr-failed-row-color) !important;
    --bs-table-bg: var(--es-tr-failed-row-bg) !important;
}

.color-inherit {
    color: inherit !important;
}

.simple-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.nav-toggle {
    font-size: var(--es-nav-link-font-size);
    color: var(--es-nav-toggle-color);
    background-color: var(--es-nav-toggle-bg-color);
}

    .nav-toggle:hover {
        color: var(--es-nav-toggle-color);
        background-color: var(--es-nav-toggle-hover-bg-color);
    }

i.icon-verified-contract {
    position: absolute !important;
    top: -0.4rem;
    right: -0.4rem;
}

.rem070 {
    font-size: 0.7rem;
}

div.sum-box-col {
    height: 200px;
}

div.sum-box-element {
    height: 70px;
    padding: 10px;
}

span.sum-box-ele-title {
    display: block;
}

.hr-space-lg {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    opacity: .2;
}

@media (min-width: 768px) {
    .border-md-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

@media (min-width: 992px) {
    .border-lg-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 10px;
    border: none;
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #555;
}


body.dark-theme {
    background: #1D1918;
    background-image: none;
}

img.default-token-logo {
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: -3px;
}