:root {
	--default-serif: 'Roboto Slab',Serif;
	--default-sans-serif: 'Open Sans',Verdana,Sans-Serif;
	--default-label-font: 'Josefin Sans',Verdana,Sans-Serif;
	--default-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	
	--default-font-family: var(--default-sans-serif);
	--heading-font-family: var(--default-sans-serif);
	--input-font-family: var(--default-sans-serif);
	--button-font-family: var(--default-serif);
	--default-label-font: 'Josefin Sans',Sans-Serif;
	
	--default-font-weight: normal;
	--default-icon-background: rgba(0,0,40,0.5);
	
	--subtle-background-shade: rgba(255,255,255,0.03);
	
	--subtle-box-shadow: 0 0 1px rgba(234, 225, 225, 0.5);
	--normal-box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(234, 225, 225, 0.4);
	
	--normal-text-shadow: 2px 2px rgba(0,0,0,0.1);
	
	--header-background-color: rgba(80,80,80,0.2);
    --header-text-color: #FFFFFF;
	--footer-background-color: rgba(0,0,0,1);
    --footer-text-color: #FFFFFF;
}

:root {
	--scrollbar-background-color: rgba(80,80,80,1);
	--scrollbar-thumb-color: #404040;
	--scrollbar-thumb-hover-color: #606060;
	--scrollbar-border-color: transparent;
	--scrollbar-corner-color: #404040;
}

:root {
	--tooltip-background-color: #FFFFFF;
	--tooltip-text-color: #FF0000;
	--tooltip-border: 1px solid #FF0000;
	--tooltip-border-radius: 4px;
}

:root {
	--range-slider-thumb-color: #4a90e2;
}

:root {
	--table-row-header-background-color: rgba(37,41,46,1);
    --table-row-header-text-color: #FFFFFF;
	
	--table-row-background-odd: rgba(65,60,70,0.2);
    --table-row-text-odd: #FFFFFF;
    --table-row-background-even: rgba(40,40,40,0.2);
    --table-row-text-even: #EEEEEE;
	--table-row-background-hover: rgba(90,90,90,1);
    --table-row-color-hover: #EEEEEE;

    --table-row-selected-background-color: rgb(233, 233, 233);
    --table-row-selected-text-color: #202020;
	
	--table-row-border-color: rgba(128,128,128,0.1);
	--table-row-vertical-border-color: rgba(128,128,128,.1);
	
	--table-default-font-size: 1rem;
}

:root {
	--panel-background-color: rgba(50,50,50,1);

	--panel-active-header-background-color: rgba(92, 92, 92, 0.9);
	--panel-active-header-text-color: #FFFF00;
	
	--select-background-color: rgba(90,90,90,1);
	--select-text-color: #EEEEEE;
	
	--single-button-panel-background: rgba(45,45,45, 0.2);
}

:root {
	--default-border-radius: 1px;
}

:root {
	--form-control-background-color: #606060;
	--form-control-color: #FFFFFF;
	--form-control-border-color: #404040;
	--form-control-border-focus-color: #909090;
	--form-control-outline-color: #909090;
	--button-outline-color: #F8FECD;
	
	--form-control-placeholder-color: #909090;
	--form-control-background-disabled-color: #808080;
	--form-control-disabled-color: #DDDDDD;
}

:root {
	/* === BASE BUTTON === */
	--button-box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	--button-background-color: rgb(30, 41, 59);   /* slate-800 */
	--button-text-color: rgb(226, 232, 240);      /* slate-200 */
	--button-border: 1px solid rgba(148,163,184,0.25);
	--button-border-radius: 3px;

	/* === ACTIVE (SELECTED, NOT DESTRUCTIVE) === */
	--btn-background-color-active: rgba(99,102,241,0.22); /* indigo tint */
	--btn-color-active: rgb(199, 210, 254);               /* indigo-200 */

	/* === GENERIC BUTTON === */
	--btn-background-color: rgb(30, 41, 59);
	--btn-color: rgb(226, 232, 240);

	/* === DEFAULT / FALLBACK === */
	--btn-background-color-default: rgb(30, 41, 59);
	--btn-hover-background-color-default: rgba(148,163,184,0.22);
	--btn-hover-color-default: rgb(241, 245, 249);
	--btn-color-default: rgb(226, 232, 240);
}


:root {
	--error-background-color: #000000;
    --error-text-color: #FFFFFF;
	--error-border-bottom: 4px double #FF0000;
	--highlight-background-color: rgba(245,245,255,0.6);
    --highlight-text-color: #DD0000;
    --highlight-line-color: #FF0000;
	
	--range-slider-background-color: #808080;
}

:root {
	--opaque-background-color: rgba(50,50,50,1);
	--controls-background-color: rgba(250,250,250,0.1);
    --content-background-color: rgba(50,50,50,0.95);
    --content-text-color: rgba(255,255,255,0.8);
	--content-backdrop-filter: blur(5px);
	
	--auth-content-background-color: rgba(30, 40, 80, 1);
	
	--popup-background-color: #505050;
	--popup-text-color: #DDDDDD;
	--popup-box-shadow: rgba(200,200,200, 0.5) 0.25px 0.25px 3px 1.5px, rgba(200,200,200, 0.5) -0.25px -0.25px 3px 1.5px;
	
	--heading-background-color: rgba(80, 80, 80, 0);
	--heading-text-color: rgb(241, 245, 249);
	--heading-text-background-color: transparent;
	
	--subheading-text-background-color: rgba(85, 85, 85, 0.5);
	--subheading-text-color: #BBBBBB;
	--subheading-border-radius: 0px;
}

:root {
	--body-background-color: rgba(28,28,28,0.9);
	--body-text-color: #FFFFFF;

	--text-input-background-color: rgba(57,57,57,1);
    --text-input-border-color: rgba(80,80,80,1);
    --text-input-color: rgba(255,255,255,1);

    --btn-hover-background-color: rgb(255, 20, 20);
    --btn-hover-text-color: #FFFFFF;

	--border-color: rgba(60,60,60,1);
	--accented-border-color: rgba(255,255,255,0.4);
	--subtle-border-color: rgba(255,255,255,0.05);
	--splitter-color: #303030;

    --highlight-background-color: transparent;
    --highlight-text-color: #FFFF00;
    --highlight-line-color: #FFFF00;

    --gripper-color: #94D7FE;
	--categorize-link-icon: url(../../../../colors/dark/images/64/toolbar/link.png);
	--decategorize-link-icon: url(../../../../colors/dark/images/64/toolbar/link-remove.png);
}

.icon-link-out {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;

  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'>\
<path d='M8 4H4.75C4.34 4 4 4.34 4 4.75V15.25C4 15.66 4.34 16 4.75 16H15.25C15.66 16 16 15.66 16 15.25V12' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<path d='M11 4H16V9' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<path d='M16 4L9 11' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}

:root {
	--btn-user-bg: rgb(45,60,60);
	--btn-user-bg-hover: rgb(0, 0, 0, 0.15); /* indigo-300 */
	--btn-user-text: rgb(15, 23, 42);      /* slate-900 */
	--btn-user-text-hover: rgb(15, 23, 42);
}

:root {
	--btn-user-danger-bg: rgb(128, 115, 115);
	--btn-user-danger-bg-hover: rgb(239, 68, 68);   /* red-500 */
	--btn-user-danger-text: rgb(15, 23, 42);        /* slate-900 */
	--btn-user-danger-text-hover: rgb(15, 23, 42);
}



:root {
	--dashboard-heading-color: rgb(241, 245, 249); 
}

:root {
	/* MONITOR (core workflow) – cool blue */
	--btn-background-color-monitor: rgba(56,189,248,0.12);
	--btn-hover-background-color-monitor: rgba(56,189,248,0.22);
	--btn-hover-color-monitor: #e0f2fe;
	--btn-color-monitor: #7dd3fc;

	/* SETTINGS – neutral slate */
	--btn-background-color-settings: rgba(148,163,184,0.10);
	--btn-hover-background-color-settings: rgba(148,163,184,0.20);
	--btn-hover-color-settings: #f8fafc;
	--btn-color-settings: #cbd5e1;

	/* TOOLS – muted violet */
	--btn-background-color-tools: rgba(167,139,250,0.12);
	--btn-hover-background-color-tools: rgba(167,139,250,0.22);
	--btn-hover-color-tools: #ede9fe;
	--btn-color-tools: #c4b5fd;

	/* VERIFY / REPAIR – amber (attention) */
	--btn-background-color-verify: rgba(251,191,36,0.14);
	--btn-hover-background-color-verify: rgba(251,191,36,0.24);
	--btn-hover-color-verify: #fef3c7;
	--btn-color-verify: #fde68a;

	/* AUTH (login/logout/security) – red */
	--btn-background-color-auth: rgba(248,113,113,0.14);
	--btn-hover-background-color-auth: rgba(248,113,113,0.24);
	--btn-hover-color-auth: #fee2e2;
	--btn-color-auth: #fca5a5;
	
	/* DISPLAY GROUP (table view selectors) – cool indigo */
	--btn-background-color-display-group: rgba(129,140,248,0.12);
	--btn-hover-background-color-display-group: rgba(129,140,248,0.22);
	--btn-active-background-color-display-group: rgba(129,140,248,0.32);

	--btn-color-display-group: #c7d2fe;
	--btn-hover-color-display-group: #e0e7ff;
	--btn-active-color-display-group: #f8fafc;

	--btn-border-color-display-group: rgba(129,140,248,0.35);
	--btn-focus-ring-display-group: rgba(129,140,248,0.55);
	
	--settings-card-heading-color: color: rgb(165, 180, 252);
}

:root {
  /* PRIMARY – dark blue-tinted */
  --btn-background-color-primary: rgba(37, 99, 235, 0.18);
  --btn-hover-background-color-primary: rgba(37, 99, 235, 0.28);
  --btn-active-background-color-primary: rgba(37, 99, 235, 0.36);

  --btn-color-primary: #c7d2fe;
  --btn-hover-color-primary: #e0e7ff;
  --btn-active-color-primary: #f8fafc;

  --btn-border-color-primary: rgba(37, 99, 235, 0.40);
  --btn-focus-ring-primary: rgba(99, 102, 241, 0.50);


  /* SUCCESS – dark green-tinted */
  --btn-background-color-success: rgba(22, 163, 74, 0.18);
  --btn-hover-background-color-success: rgba(22, 163, 74, 0.28);
  --btn-active-background-color-success: rgba(22, 163, 74, 0.36);

  --btn-color-success: #bbf7d0;
  --btn-hover-color-success: #dcfce7;
  --btn-active-color-success: #f0fdf4;

  --btn-border-color-success: rgba(22, 163, 74, 0.40);
  --btn-focus-ring-success: rgba(34, 197, 94, 0.50);


  /* DANGER – dark red-tinted */
  --btn-background-color-danger: rgba(220, 38, 38, 0.18);
  --btn-hover-background-color-danger: rgba(220, 38, 38, 0.28);
  --btn-active-background-color-danger: rgba(220, 38, 38, 0.36);

  --btn-color-danger: #fecaca;
  --btn-hover-color-danger: #fee2e2;
  --btn-active-color-danger: #fef2f2;

  --btn-border-color-danger: rgba(220, 38, 38, 0.40);
  --btn-focus-ring-danger: rgba(248, 113, 113, 0.50);
}

:root {
  /* CANCEL – neutral escape */
  --btn-background-color-cancel: rgba(148, 163, 184, 0.10);
  --btn-hover-background-color-cancel: rgba(148, 163, 184, 0.18);
  --btn-active-background-color-cancel: rgba(148, 163, 184, 0.26);

  --btn-color-cancel: #cbd5e1;
  --btn-hover-color-cancel: #e2e8f0;
  --btn-active-color-cancel: #f8fafc;

  --btn-border-color-cancel: rgba(148, 163, 184, 0.35);
  --btn-focus-ring-cancel: rgba(148, 163, 184, 0.45);
}


:root {
	/* === STATUS COLORS === */

	/* Critical – expired */
	--chart-expired: rgb(248, 113, 113);

	/* Warning – expiring soon */
	--chart-expiring-soon: rgb(251, 191, 36);

	/* Future – expiring later */
	--chart-expiring-later: rgb(167, 139, 250);

	/* OK – healthy / other */
	--chart-ok: rgb(74, 222, 128);

	/* Not checked yet */
	--chart-not-checked: rgb(156, 163, 175); /* slate-400 */

	/* Unknown / missing data */
	--chart-unknown: rgb(125, 211, 252);


	/* === METRIC / NUMBER COLORS === */

	--metric-critical: rgb(248, 113, 113);
	--metric-warning: rgb(251, 191, 36);
	--metric-ok: rgb(74, 222, 128);
	--metric-neutral: rgb(147, 197, 253);


	/* === CHART CHROME === */

	--chart-grid: rgb(55, 65, 81);
	--chart-axis: rgb(156, 163, 175);
	--chart-label: rgb(209, 213, 219);
}


/*

Stroke Colors - Dark Mode

Monitor: rgb(125, 211, 252)
Settings: rgb(203, 213, 225)
Tools: rgb(196, 181, 253)
Verify: rgb(253, 230, 138)
Auth: rgb(252, 165, 165)

*/

#btn-monitor {
	background-image: url(../../colors/dark/images/64/monitor.png);
}

#btn-domaintable {
	background-image: url(../../colors/dark/images/64/table.png);
}


#btn-settings {
	background-image: url(../../colors/dark/images/64/settings.png);
}

#btn-reports {
	background-image: url(../../colors/dark/images/64/reports.png);
}

#btn-dashboard {
	background-image: url(../../colors/dark/images/64/dashboard.png);
}

#btn-toolbox {
	background-image: url(../../colors/dark/images/64/toolbox.png);
}

#btn-customtools {
	background-image: url(../../colors/dark/images/64/customtools.png);
}

#btn-sslview {
	background-image: url(../../colors/dark/images/64/sslview.png);
}

#btn-verify {
	background-image: url(../../colors/dark/images/64/verify.png);
}

#btn-logout {
	background-image: url(../../colors/dark/images/64/logout.png);
}


.btn-tb-sslview {
	background-image: url(../../colors/dark/images/64/toolbar/sslview.png);
}

.btn-tb-reports {
	background-image: url(../../colors/dark/images/64/toolbar/reports.png);
}

.btn-tb-monitor {
	background-image: url(../../colors/dark/images/64/toolbar/monitor.png);
}

.btn-tb-logout {
	background-image: url(../../colors/dark/images/64/toolbar/logout.png);
}

.btn-tb-data {
	background-image: url(../../colors/dark/images/64/toolbar/table.png);
}

.btn-tb-toolbox {
	background-image: url(../../colors/dark/images/64/toolbar/toolbox.png);
}

.btn-tb-customtools {
	background-image: url(../../colors/dark/images/64/toolbar/customtools.png);
}

.btn-tb-dashboard {
	background-image: url(../../colors/dark/images/64/toolbar/dashboard.png);
}

.btn-tb-settings {
	background-image: url(../../colors/dark/images/64/toolbar/settings.png);
}


.btn-tb-add {
	background-image: url(../../colors/dark/images/64/toolbar/add-circle-outline.png);
}

.btn-tb-delete {
	background-image: url(../../colors/dark/images/64/toolbar/delete.png);
}


.btn-tb-lookup {
	background-image: url(../../colors/dark/images/64/toolbar/search.png);
}

.btn-tb-parse {
	background-image: url(../../colors/dark/images/64/toolbar/parse.png);
}

.btn-tb-upload {
	background-image: url(../../colors/dark/images/64/toolbar/file-upload.png);
}

.btn-tb-alias {
	background-image: url(../../colors/dark/images/64/toolbar/alias-tag.png);
}

.btn-tb-download {
	background-image: url(../../colors/dark/images/64/toolbar/file-download.png);
}

.btn-tb-export {
	background-image: url(../../colors/dark/images/64/toolbar/export.png);
}

.btn-tb-portfolio {
	background-image: url(../../colors/dark/images/64/toolbar/portfolio.png);
}

.btn-tb-wcag {
	background-image: url(../../colors/dark/images/64/toolbar/accessibility.png);
}

.btn-tb-lighthouse {
	background-image: url(../../colors/dark/images/64/toolbar/lighthouse.png);
}

.btn-tb-diagnostics {
	background-image: url(../../colors/dark/images/64/toolbar/diagnostics.png);
}

.btn-tb-process {
	background-image: url(../../colors/dark/images/64/toolbar/process-queue.png);
}

.btn-tb-theme {
	background-image: url(../../colors/dark/images/64/toolbar/palette.png);
}

.btn-tb-whois {
	background-image: url(../../colors/dark/images/64/toolbar/whois-parser.png);
}

.btn-tb-columns {
	background-image: url(../../colors/dark/images/64/toolbar/column-setup.png);
}

.btn-tb-bulkedit {
	background-image: url(../../colors/dark/images/64/toolbar/edit.png);
}

.btn-tb-configalerts {
	background-image: url(../../colors/dark/images/64/toolbar/config-alerts.png);
}

.btn-tb-categorize {
	background-image: url(../../colors/dark/images/64/toolbar/categorize.png);
}

.btn-tb-customcolumns {
	background-image: url(../../colors/dark/images/64/toolbar/custom-columns.png);
}

.btn-tb-preview {
	background-image: url(../../colors/dark/images/64/toolbar/pageview.png);
}

.btn-tb-edit {
	background-image: url(../../colors/dark/images/64/toolbar/edit.png);
}

.btn-tb-support {
	background-image: url(../../colors/dark/images/64/toolbar/help.png);
}

.btn-tb-folder-find {
	background-image: url(../../colors/dark/images/64/toolbar/folder-find.png);
}

.btn-tb-folder-filter {
	background-image: url(../../colors/dark/images/64/toolbar/folder-filter.png);
}

.btn-tb-custom {
	background-image: url(../../colors/dark/images/64/toolbar/builder.png);
}

.btn-tb-email {
	background-image: url(../../colors/dark/images/64/toolbar/email.png);
}

.btn-tb-schedule {
	background-image: url(../../colors/dark/images/64/toolbar/schedule.png);
}

.btn-tb-webshots {
	background-image: url(../../colors/dark/images/64/toolbar/camera-alt.png);
}

.btn-tb-cookies {
	background-image: url(../../colors/dark/images/64/toolbar/cookies.png);
}


.functionlogo {
	background-image: url(../../colors/dark/images/256/miscellaneous.png);
}

.icon-domain-column-setup {
	background-image: url(../../colors/dark/images/64/toolbar/column-setup.png);
}

.icon-api-setup {
	background-image: url(../../colors/dark/images/64/toolbar/toolbox.png);
}


.icon-rdap-setup {
	background-image: url(../../colors/dark/images/64/toolbar/rdap-settings.png);
}

.icon-whois-setup {
	background-image: url(../../colors/dark/images/64/toolbar/whois-parser.png);
}

.icon-suffixlist-setup {
	background-image: url(../../colors/dark/images/64/toolbar/suffixlist.png);
}

.icon-proxy-setup {
	background-image: url(../../colors/dark/images/64/toolbar/proxysettings.png);
}

.icon-email-setup {
	background-image: url(../../colors/dark/images/64/toolbar/emailsetup.png);
}

.icon-user-setup {
	background-image: url(../../colors/dark/images/64/toolbar/useradmin.png);
}

.icon-saml-setup {
	background-image: url(../../colors/dark/images/64/toolbar/samlsetup.png);
}

.icon-authentication-setup {
	background-image: url(../../colors/dark/images/64/toolbar/authentication.png);
}


.icon-errorlog-setup {
	background-image: url(../../colors/dark/images/64/toolbar/errorlogs.png);
}

.icon-auditlog-setup {
	background-image: url(../../colors/dark/images/64/toolbar/auditlogs.png);
}

.icon-security-setup {
	background-image: url(../../colors/dark/images/64/toolbar/security.png);
}

.icon-scheduler-setup {
	background-image: url(../../colors/dark/images/64/toolbar/lookup-scheduler.png);
}

.icon-webshot-setup {
	background-image: url(../../colors/dark/images/64/toolbar/webshots.png);
}

.icon-branding-setup {
	background-image: url(../../colors/dark/images/64/toolbar/branding.png);
}

.icon-miscellaneous-setup {
	background-image: url(../../colors/dark/images/64/toolbar/miscellaneous.png);
}

.icon-adminreports-setup {
	background-image: url(../../colors/dark/images/64/toolbar/report-manager.png);
}

.icon-dnsalerts-setup {
	background-image: url(../../colors/dark/images/64/toolbar/dnsalerts.png);
}


.btn-tb-dates {
	background-image: url(../../colors/dark/images/64/toolbar/calendar.png);
}

.btn-tb-homepage {
	background-image: url(../../colors/dark/images/64/toolbar/website-info.png);
}

.btn-tb-custom01 {
	background-image: url(../../colors/dark/images/64/toolbar/custom-01.png);
}

.btn-tb-custom02 {
	background-image: url(../../colors/dark/images/64/toolbar/custom-02.png);
}

.btn-tb-custom03 {
	background-image: url(../../colors/dark/images/64/toolbar/custom-03.png);
}

.btn-tb-ipinfo {
	background-image: url(../../colors/dark/images/64/toolbar/network-ipdata.png);
}

.btn-tb-notes {
	background-image: url(../../colors/dark/images/64/toolbar/notes.png);
}

.btn-tb-webvis {
	background-image: url(../../colors/dark/images/64/toolbar/web-visibility.png);
}

.btn-tb-network {
	background-image: url(../../colors/dark/images/64/toolbar/network.png);
}

.btn-tb-registrar {
	background-image: url(../../colors/dark/images/64/toolbar/registrar.png);
}

.btn-login {
	background-image: url(../../colors/light/images/64/toolbar/login.png);
	background-color: #90CAF9;
	color: #121212;
	border-radius: 8px;
}

.btn-auth-2fa {
	background-image: url(../../colors/light/images/64/toolbar/shield.png);
	background-color: #FFB74D;
	color: #000000;
	border-radius: 8px;
}

.btn-saml-login {
	background-image: url(../../colors/light/images/64/toolbar/lock-outline.png);
	background-color: #A5D6A7 ;
	color: #000000;
	border-radius: 8px;
}

.btn-login:hover {
	transform: translateY(-1px);
	background-color: #90CAF9;
	color: #121212;
}

.btn-auth-2fa:hover {
	transform: translateY(-1px);
	background-color: #FFB74D;
	color: #000000;
}

.btn-saml-login:hover {
	transform: translateY(-1px);
	background-color: #A5D6A7 ;
	color: #000000;
}

.btn-tb-domains {
	background-image: url(../../colors/dark/images/custom/domaintext.png);
	width: 56px !important;
	background-size: 56px 24px !important;
}

.btn-tb-ssl {
	background-image: url(../../colors/dark/images/custom/ssltext.png);
}

.btn-tb-clear-filter {
	background-image: url(../../colors/dark/images/64/toolbar/clearfilter.png);
}

.btn-tb-sort-down {
	background-image: url(../../colors/dark/images/64/toolbar/sort-down.png);
}

.btn-tb-sort-up {
	background-image: url(../../colors/dark/images/64/toolbar/sort-up.png);
}

.menu-select {
	background-image: url(../../colors/light/images/64/toolbar/popmenu.png);
}

.menu-select.visible {
	background-image: url(../../colors/light/images/64/toolbar/cancel.png);
}