:root {
 
  --btcpay-neutral-dark-100: #E2E7E8;
  --btcpay-neutral-dark-100-rgb: 226, 231, 232;
  --btcpay-neutral-dark-200: #B9BEC0;
  --btcpay-neutral-dark-200-rgb: 185, 190, 192;
  --btcpay-neutral-dark-300: #949899;
  --btcpay-neutral-dark-300-rgb: 148, 152, 153;
  --btcpay-neutral-dark-400: #707374;
  --btcpay-neutral-dark-400-rgb: 112, 115, 116;
  --btcpay-neutral-dark-500: #4B4D4E;
  --btcpay-neutral-dark-500-rgb: 75, 77, 78;
  --btcpay-neutral-dark-600: #313435;
  --btcpay-neutral-dark-600-rgb: 49, 52, 53;
  --btcpay-neutral-dark-700: #252727;
  --btcpay-neutral-dark-700-rgb: 37, 39, 39;
  --btcpay-neutral-dark-800: #191A1A;
  --btcpay-neutral-dark-800-rgb: 25, 26, 26;
  --btcpay-neutral-dark-900: #121313;
  --btcpay-neutral-dark-900-rgb: 18, 19, 19;
  --btcpay-primary-100: #A3DBEB;
  --btcpay-primary-100-rgb: 163, 219, 235;
  --btcpay-primary-200: #74C9E0;
  --btcpay-primary-200-rgb: 116, 201, 224;
  --btcpay-primary-300: #46B7D6;
  --btcpay-primary-300-rgb: 70, 183, 214;
  --btcpay-primary-400: #18A5CC;
  --btcpay-primary-400-rgb: 24, 165, 204;
  --btcpay-primary-500: #007299;
  --btcpay-primary-500-rgb: 0, 114, 153;
  --btcpay-primary-600: #005880;
  --btcpay-primary-600-rgb: 0, 88, 128;
  --btcpay-primary-700: #003F66;
  --btcpay-primary-700-rgb: 0, 63, 102;
  --btcpay-primary-800: #00254D;
  --btcpay-primary-800-rgb: 0, 37, 77;
  --btcpay-primary-900: #000C33;
  --btcpay-primary-900-rgb: 0, 12, 51;
  --btcpay-red-100: #F8CCCC;
  --btcpay-red-100-rgb: 248, 204, 204;
  --btcpay-red-200: #F19999;
  --btcpay-red-200-rgb: 241, 153, 153;
  --btcpay-red-300: #EB6666;
  --btcpay-red-300-rgb: 235, 102, 102;
  --btcpay-red-400: #E43333;
  --btcpay-red-400-rgb: 228, 51, 51;
  --btcpay-red-500: #DD0000;
  --btcpay-red-500-rgb: 221, 0, 0;
  --btcpay-red-600: #C30000;
  --btcpay-red-600-rgb: 195, 0, 0;
  --btcpay-red-700: #870F00;
  --btcpay-red-700-rgb: 135, 15, 0;
  --btcpay-red-800: #AA0000;
  --btcpay-red-800-rgb: 170, 0, 0;
  --btcpay-red-900: #770000;
   --btcpay-red-000-rgb: 119, 0, 0;
  --btcpay-font-family-base: "inter", "Helvetica Neue", Arial, sans-serif;
  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --btcpay-body-bg: var(--btcpay-neutral-dark-900);
  --btcpay-form-bg: var(--btcpay-neutral-dark-900);
  --btcpay-header-bg: var(--btcpay-neutral-dark-900);
  --btcpay-primary-border: var(--btcpay-primary-100);
  --btcpay-form-text: var(--btcpay-neutral-dark-200);
  --btcpay-form-border: var(--btcpay-neutral-dark-600);
  --btcpay-bg-dark: var(--btcpay-neutral-dark-800);
  --btcpay-body-border-light: var(--btcpay-neutral-dark-400);
  --btcpay-body-text-muted: var(--btcpay-neutral-dark-200);
  --btcpay-secondary-text-hover: var(--btcpay-primary-100);
  --btcpay-secondary-text-active: var(--btcpay-primary-300);
  --btcpay-body-link: var(--btcpay-primary-100);
  --btcpay-header-link-active: var(--btcpay-primary-100);
  --btcpay-header-link-accent: var(--btcpay-primary-100);
  --btcpay-success: var(--btcpay-primary-400);
  --btcpay-success-border: var(--btcpay-primary-400);
  --btcpay-danger: var(--btcpay-red-800);
  --btcpay-toggle-bg: var(--btcpay-neutral-dark-500);
  --btcpay-toggle-bg-active: var(--btcpay-primary-300);
  --btcpay-secondary-border-active: var(--btcpay-neutral-dark-100);
  --btcpay-form-bg-addon: var(--btcpay-black);
  --btcpay-nav-link: var(--btcpay-neutral-dark-300);
  --btcpay-nav-link-accent: var(--btcpay-neutral-dark-100);
  --btcpay-card-cap-bg: var(--btcpay-neutral-dark-900);
  --btcpay-toast-header-bg: var(--btcpay-neutral-dark-900);
  --btcpay-warning: var(--btcpay-neutral-dark-800);
  --btcpay-warning-border: var(--btcpay-red-800);
  --btcpay-warning-accent: var(--btcpay-red-800);
  --btcpay-warning-text: var(--btcpay-neutral-dark-100);
  --btcpay-pagination-active-bg: var(--btcpay-neutral-dark-700);
  --btcpay-form-border-hover: var(--btcpay-primary-100);
  --btcpay-primary: var(--btcpay-brand-primary-300);
  --btcpay-nav-border-active: var(--btcpay-white);
  --btcpay-primary-rgb: 163, 219, 235;
  --btcpay-primary-bg-active: var(--btcpay-neutral-dark-700);
 --btcpay-body-bg-light: var(--btcpay-neutral-dark-900);
 --btcpay-primary-shadow: rgba(226, 231, 232, 0.5);
 --btcpay-primary-accent-rgb: 163, 219, 235;
}


* {
    --btcpay-scrollbar-color: var(--btcpay-neutral-dark-500);
    scrollbar-color: var(--btcpay-scrollbar-color);
}

#mainNav {
    --btcpay-scrollbar-color: var(--btcpay-neutral-dark-500);
}


.btcpay-pills input:checked + label, .btcpay-pill.active {
    color: var(--btcpay-body-text-active);
    background: var(--btcpay-primary-300);
    border-color: var(--btcpay-primary-100);
}


.btcpay-pills label, .btcpay-pill {
    border: 1px solid var(--btcpay-neutral-dark-100);
}

.btn-primary {
    --btcpay-btn-bg: var(--btcpay-primary-300);
	--btcpay-btn-hover-bg: var(--btcpay-primary-200);
    --btcpay-btn-hover-border-color: var(--btcpay-white);
	--btcpay-btn-active-bg: var(--btcpay-primary-600);
    --btcpay-btn-active-border-color: var(--btcpay-primary-800);
}

.accordion-button span {
    color: var(--btcpay-white);
}




#mainNav .accordion-button {
    color: var(--btcpay-white);
}

#mainNav .navbar-nav > li.nav-item .nav-link {
    display: inline-flex
;

    color: var(--btcpay-body-text-muted);
}

/* this guy didn't work - won't overwrite */
.text-success {
    --btcpay-text-opacity: 1;
    color: var(--btcpay-primary-300) !important;

}



.truncate-center-id {
    background: var(--btcpay-neutral-dark-900);
    border: 1px solid var(--btcpay-neutral-dark-500);
}

.icon.icon-info {
    position: relative;
    top: -.05em;
    color: var(--btcpay-primary-100);
}

.btn[data-clipboard], .btn[data-clipboard-target] {
    color: var(--btcpay-primary-100);
}


.btn-secondary {
    --btcpay-btn-color: var(--btcpay-neutral-dark-100);
    --btcpay-btn-bg: var(--btcpay-secondary);
    --btcpay-btn-border-color: var(--btcpay-neutral-dark-400);
    --btcpay-btn-hover-color: var(--btcpay-white);
    --btcpay-btn-hover-bg: var(--btcpay-secondary-bg-hover);
    --btcpay-btn-hover-border-color: var(--btcpay-white);
    --btcpay-btn-focus-shadow-rgb: var(--btcpay-secondary-shadow);
    --btcpay-btn-active-color: var(--btcpay-white);
    --btcpay-btn-active-bg: var(--btcpay-secondary-bg-active);
    --btcpay-btn-active-border-color: var(--btcpay-secondary-border-active);
    --btcpay-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btcpay-btn-disabled-color: var(--btcpay-secondary-text);
    --btcpay-btn-disabled-bg: var(--btcpay-secondary);
    --btcpay-btn-disabled-border-color: var(--btcpay-secondary-border);
	--btcpay-body-bg-hover: var(--btcpay-neutral-dark-800);
}

.table {
    --btcpay-table-color: var(--btcpay-neutral-dark-100);
    --btcpay-table-border-color: var(--btcpay-neutral-dark-400);
    --btcpay-table-hover-bg: var(--btcpay-neutral-dark-700);
}


.dropdown-item:hover, .dropdown-item:focus {
    color: var(--btcpay-dropdown-link-hover-color);
    background-color: var(--btcpay-neutral-dark-800);
}

.btcpay-status--enabled {
    background-color: var(--btcpay-primary-400);
}

.btcpay-status--enabled:before {
    background-color: var(--btcpay-primary-100);
}

a {
    color: var(--btcpay-primary-100);
    text-decoration: none;
}


.widget input:checked + .btn-link {
    color: var(--btcpay-white);
}


.icon.icon-info:hover {
    color: var(--btcpay-white);
}

.badge-expired {
    background: var(--btcpay-black);
    color: var(--btcpay-neutral-dark-100);
}


.widget {
    border: 0px solid var(--btcpay-body-border-light);
}

.widget .currency-toggle input:not(:checked) + .btn {
    color: (--btcpay-neutral-dark-200);
}


.form-check-input:checked {
    background-color: var(--btcpay-primary-400);
    border-color: var(--btcpay-primary-border);
}


.dropdown .custom-active::after {
    background-color: var(--btcpay-primary-300);
}


.btn-link {

    --btcpay-btn-hover-color: var(--btcpay-white);

}


.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
    fill: var(--btcpay-primary-100)!important;
}




.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: var(--btcpay-primary-100) !important;
}

element.style {
    --label-bg: var(--btcpay-primary-100);

}

.list-group-item-action:hover, .list-group-item-action:focus {

    background-color: var(--btcpay-neutral-dark-800);
}

.btn-outline-secondary {

    --btcpay-btn-hover-color: var(--btcpay-white);
    --btcpay-btn-hover-bg: var(--btcpay-primary-300);
	--btcpay-btn-color: var(--btcpay-primary-100);
	--btcpay-btn-border-color: var(--btcpay-primary-100);

}



.transaction-label, .ts-dropdown.dropdown-menu .transaction-label, .ts-dropdown.dropdown-menu .create.transaction-label, .ts-wrapper.form-control .ts-control > .item.transaction-label {
    border: 1px solid var(--btcpay-primary-100);

}


.transaction-label:focus, .transaction-label:hover, .transaction-label.active, .ts-dropdown.dropdown-menu .transaction-label:focus, .ts-dropdown.dropdown-menu .transaction-label:hover, .ts-wrapper.multi .ts-control > .item.transaction-label:focus, .ts-wrapper.multi .ts-control > .item.transaction-label:hover, .ts-wrapper.multi .ts-control > .item.transaction-label.active {
    color: var(--btcpay-body-text);
    background: var(--btcpay-primary-300);
	
}

.transaction-label:focus a, .transaction-label:focus .transaction-label-info .icon, .transaction-label:focus .transaction-label-action .icon, .transaction-label:hover a, .transaction-label:hover .transaction-label-info .icon, .transaction-label:hover .transaction-label-action .icon, .transaction-label.active a, .transaction-label.active .transaction-label-info .icon, .transaction-label.active .transaction-label-action .icon {
    color: var(--btcpay-white);
}

a:hover {
    color: var(--btcpay-white);
}

.widget .currency-toggle .btn:hover {
    border: 1px solid var(--btcpay-body-border-light);
}

input.btcpay-toggle:not(:disabled):checked:hover, .btcpay-toggle.btcpay-toggle--active:not(:disabled):hover {
    background: var(--btcpay-primary-300);
}

.bg-success {
    --btcpay-bg-opacity: 1;
    background-color: var(--btcpay-black) !important;
}


element.style {
    background-color: var(--btcpay-neutral-dark-300);
  
}

.bg-dark {
    --btcpay-bg-opacity: 1;
    background-color: var(--btcpay-neutral-dark-200) !important;
}

.text-warning {
    color: var(--btcpay-red-200) !important;
}

.btcpay-toggle:not(:disabled):hover {
    background: var(--btcpay-neutral-dark-500);
}

.text-primary {
  
    color: rgba(var(--btcpay-primary-accent-rgb), var(--btcpay-text-opacity)) !important;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--btcpay-primary-100);
}

.alert-info {
    --btcpay-alert-bg: var(--btcpay-neutral-dark-800);
    --btcpay-alert-border-color: var(--btcpay-red-800);
}


.progress, .progress-stacked {
    --btcpay-progress-bg: var(--btcpay-neutral-dark-600);
    --btcpay-progress-bar-bg: var(--btcpay-neutral-dark-300);
}

.bg-warning {

    background-color: var(--btcpay-black) !important;
}

.alert-success {
    --btcpay-alert-bg: var(--btcpay-neutral-dark-800);
}


.text-bg-warning {

    background-color: var(--btcpay-primary-600) !important;
}

.text-bg-info {

    background-color: var(--btcpay-neutral-dark-900) !important;
}


.btcpay-footer {
    display: none;
}

.store-footer, .store-footer a {

    display: none;
}