﻿body {
/*    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
*/    color: #333;
    background-color: #fff;
    background: var(--bg-color);
    color: #fff;
    background-color: black;
}

 
.w-panel > .w-header {
    color: white;
    background-color: black;
    border-color: black;
}

.w-tab {
    color: white;
    background-color: black;
}
.w-tab .w-tab-header {
    background-color: #3b3b41;
}

.w-tab .w-tabpage-header {
    border-color: silver;
    background-color: black;
}

    .w-tab .w-tabpage-header.active {
        background-color: black;
    }
    .w-tab .w-tab .w-tabpage-header.active {
        background: silver;
        color: black;
    }
    .w-tab .w-tabpage-header.active {
        background-color: black;
        border: 3px solid white;
    }

    .w-tab .w-tabpage-header.active {
        color: white;
    }

    .w-tab .w-tabpage-header.active {
        color: white;
    }

    .w-tab .w-tabpage-header.record-count-0 {

    }
.w-panel-collapsable {
    background-color: #0c0c24;
}

.site-mode-studio-run .w-site-sub-header {
    background-color: transparent;
}

.dataform-theme-classic-100 .w-site-sub-header {
    background-color: white;
}
.w-content-box > .w-value-field {
    background-color: #10263b;
    color: #d3dbf2;
}

.w-container-of-content-box > .w-value-field {
    background-color: #243354;
    color: #d3dbf2;
}

.form-header {
    background-color: rgba(0, 0, 0, 0.03);
    color: black;
    border-bottom: 0px solid silver;
}
    .form-header.w-002 {
        border-top: 1px solid silver;
        background-color: rgba(0, 0, 0, 0.03);
    }
    .form-header.w-003 {
        border-bottom: 1px solid silver;
        background-color: rgba(0, 0, 0, 0.03);
    }
.w-show-wallets{
    color:white;
} 
.w-tab .w-tab > .w-tab-header .w-badge {
    background: #fefefe;
    color: black;
}

.w-panel {
    border-color: black;
}

.w-panel > .w-header {
    color: white;
    background-color: black;
    border-color: black;
}
/*TEMP*/
body {
    background-color: rgb(238, 242, 246);
    color: black;
} 
.w-panel > .w-header {
    color: inherit;
    background-color: #e0e0e0;
    border-color: black;
} 
.w-tab {
    color: black;
    background-color:white;
}
    .w-tab .w-tab-header {
        background-color: white;
        color: inherit;
    }

    .w-tab .w-tabpage-header {
        border-color: rgb(30, 136, 229);
        background-color: white;
    }

    .w-tab .w-tabpage-header.active {
        background-color: white;
    }

        .w-tab .w-tabpage-header.active {
            background-color: white;
            border: 3px solid rgb(21, 101, 192);
        }

    .w-tab .w-tabpage-header.active {
        color: black;
    }

    .w-tab .w-tabpage-header.active {
        color: black;
    }

    .w-tab .w-tabpage-header.record-count-0 {

    }

.w-panel-collapsable {
    background-color: white;
}




.w-content-box > .w-value-field {
    background-color: rgba(0, 0, 0, 0.03);
    color: black;
 }
.w-content-box > .w-value-field {
    border-bottom: 1px solid silver;
}
.w-panel-collapsable > .w-value-field {
    border-bottom-color: transparent;
}
.w-panel-collapsable.open > .w-value-field {
    border-bottom-color: silver;
}
.w-container-of-content-box > .w-value-field {
    background-color: #919191;
    color: white;
}
.control-type-panel.w-content-box {
    font-size: small;
}
.control-type-panel.w-content-box > .w-value-field {
    font-weight: bold;
}
.w-site .walletconfigactionsdisplaypanelcomponentclass .button-content-box {
/*    color: black;
    background-color: #f0f0f0;*/
}
    .w-site .walletconfigactionsdisplaypanelcomponentclass .button-content-box > .w-value-field {
        background-color: rgba(20, 40, 52, 1);
        background-color: rgba(0, 0, 0, 0.03);
        background-image: url('/assets1/cards/subsystem/card-10.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        color: white;
    }
    .w-site .walletconfigactionsdisplaypanelcomponentclass .button-content-box > .w-datagrid-row > .w-button {
        /*color: black;
        background-color: transparent;*/
    }
    .w-site .walletconfigactionsdisplaypanelcomponentclass .button-content-box:hover > .w-datagrid-row > .w-button {
        /*color: black;
        background-color: #e4ebed;*/
    }
.w-show-wallet-settings,
.w-show-wallets {
    color: white;
}

.dev-support-container,
.wallet-select-box {
    background-image: url(/assets1/cards/subsystem/card-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.w-html-dropdown-list > .w-list-item,
.collapse-as-badge-medium > .w-content > .w-html-dropdown-list > .w-list-item {
    background: red;
/*    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(229, 232, 233, 1) 100%);
*/    padding:5px 7px;
    margin:0px;
    text-align:left;
    border-radius:0px;
    border-width:0px;
    width:100%;
}

.w-site .control-type-label.w-datagrid-row,
.w-content-box > .w-datagrid-row .w-title-field,
.w-content-box > .w-datagrid-row .w-value-field {

}
.w-content-box > .w-datagrid-row .w-value-field {
    background-color: transparent;
}
.w-content-box > .w-datagrid-row .w-title-field {
    background-color: #fffbfb;
    color: black;
}

.hamburger-container,
.w-modal {
    color: black;
    background-color: white;
}
.main-display-panel-holder .hamburger-container > .w-title-field::after,
.list-item-collapsible > .w-list-item.open > .w-item-header::after {
    color: white;
    top: auto;
    margin-right: 0px;
    background-color: var(--accent1-color);
    margin-top: 4px;
}
.list-item-collapsible > .w-list-item.open > .w-item-header:hover::after {
    box-shadow: 1px 2px 2px white;
}

.w-tab .w-tab .w-tabpage-header {
    background: #d1e1f9;
    color: black;
    border-radius: 5px;
}
 
.w-tab .w-tab .w-tabpage-header.active {
    background: #91c7f5;
}

.w-tab .w-tab > .w-tab-header .w-badge {
    background: #005be8;
    color: white;
}


.w-panel {
    border-color: silver;
    background-color: transparent;
    color:black;
}


.w-panel > .w-header {
    color: black;
    background-color: white;
    border-color: silver;
}
.w-global-settings-menu-item > .w-header {
    color: white;
}
    .w-global-settings-menu-item > .w-header .w-icon-text {
        padding-left:10px;
    }

.w-opener-icon {
    color: rgb(30, 136, 229);
    background-color: rgb(255, 255, 255);
}
.w-closer-icon {
    color: rgb(30, 136, 229);
    background-color: rgb(255, 255, 255);
}
.w-closer-icon,
.w-opener-icon {
    border-radius: 10px;
}
.w-black{
    color:black;
}

.w-site-wos-header {
/*    background-color: rgb(21, 101, 192);
*/    height: 55px;    
}

 
.modal-page-status-open .w-site-wos-header {
    position:fixed;
    top:0px;
    width:100%;
    z-index:9000;
}