: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: 'Roboto Slab', system-ui, -apple-system, BlinkMacSystemFont;
	--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(255,255,255,0.3);
	
	--subtle-background-shade: rgba(0,0,0,0.03);
	
	--subtle-box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
	--normal-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	
	--normal-text-shadow: 1px 1px rgba(0,0,0,0.1);
	
	--header-background-color: rgba(245,245,245,0.5);
    --header-text-color: #000000;
	--footer-background-color: rgba(245,245,245,1);
    --footer-text-color: #000000;
}

:root {
	--scrollbar-background-color: #F8F8F8;
	--scrollbar-thumb-color: #EEEEEE;
	--scrollbar-thumb-hover-color: #DDDDDF;
	--scrollbar-border-color: #EAEAEA;
	--scrollbar-corner-color: #EAEAEA;
}

:root {
	--tooltip-background-color: #006EBB;
	--tooltip-text-color: #FFFFFF;
	--tooltip-border: none;
	--tooltip-border-radius: 2px;
}

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

:root {
	--table-row-header-background-color: #FAFAFA;
    --table-row-header-text-color: #000000;

    --table-row-background-odd: rgba(255,255,255,1);
    --table-row-text-odd: #000000;
    --table-row-background-even: rgba(250,250,250,1);
    --table-row-text-even: #102030;
	--table-row-background-hover: rgba(230,230,230,1);
    --table-row-color-hover: #000000;

    --table-row-selected-background-color: rgb(233, 233, 253);
    --table-row-selected-text-color: #202020;

    --table-row-border-color: rgba(220,220,220,0.1);
	--table-row-vertical-border-color: rgba(220,220,220,0.1);
	
	--table-default-font-size: 1rem
}

:root {
	--panel-background-color: rgba(255,255,255,0.9);
	
	--panel-active-header-background-color: rgba(200, 200, 200, 0.2);
	--panel-active-header-text-color: #000000;
	
	--select-background-color: rgba(200, 200, 200, 0.9);
	--select-text-color: #000000;
	
	--single-button-panel-background: rgba(245,245,245, 0.8);
}

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

:root {
	--form-control-background-color: #FFFFFF;
	--form-control-color: #495057;
	--form-control-border-color: #dee4ea;
	--form-control-border-focus-color: #80bdff;
	--form-control-outline-color: #80bdff;
	--button-outline-color: #0080CD;
	
	--form-control-placeholder-color: #CCC;
	--form-control-background-disabled-color: #e9ecef;
	--form-control-disabled-color: #808080;
}

:root {
	--opaque-background-color: rgba(255,255,255,1);
	--controls-background-color: rgba(200,200,220,0.01);
    --content-background-color: #FFFFFF;
    --content-text-color: #000000;
	--content-backdrop-filter: blur(5px);
	
	--auth-content-background-color: rgba(245, 245, 255, 1);
	
	--popup-background-color: rgba(255,255,255,0.95);
	--popup-text-color: #202020;
	--popup-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	
	--heading-background-color: rgba(0,0,0,0);

	--heading-text-background-color: transparent;
	--heading-text-color: rgb(30, 41, 59);
	
	--subheading-text-background-color: rgba(240, 240, 240, 0.5);
	--subheading-text-color: #205080;
	--subheading-border-radius: 0px;
}

:root {
	/* === BASE BUTTON === */
	--button-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	--button-background-color: rgb(248, 250, 252); /* slate-50 */
	--button-text-color: rgb(30, 41, 59);          /* slate-800 */
	--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.34); /* indigo tint */
	--btn-color-active: rgb(30, 64, 175);                 /* indigo-800 */

	/* === GENERIC BUTTON === */
	--btn-background-color: rgb(248, 250, 252);
	--btn-color: rgb(30, 41, 59);

	/* === DEFAULT / FALLBACK === */
	--btn-background-color-default: rgb(248, 250, 252);
	--btn-hover-background-color-default: rgba(148,163,184,0.18);
	--btn-hover-color-default: rgb(15, 23, 42);
	--btn-color-default: rgb(30, 41, 59);
}



:root {
	--error-background-color: rgba(245,245,255,0.6);
    --error-text-color: #DD0000;
	--error-border-bottom: 1px solid #FF0000;
	--highlight-background-color: rgba(255,245,255,0.6);
    --highlight-text-color: #FF4040;
    --highlight-line-color: #FFDDDD;
	
	--range-slider-background-color: #BBCCDD;
}

:root {
	
	--btn-radius: 3px;
	--btn-dlg-background-color: #005C94;
	--btn-dlg-color: #FFFFFF;
	
	--border-color: rgba(200,200,200,0.3);
	--accented-border-color: rgba(80,80,50,0.3);
	--splitter-color: #EAEAEA;
	--subtle-border-color: rgba(0,0,0,0.05);
	
    --body-background-color: rgba(255,255,255,1);
    --body-text-color: #000000;

	--text-input-background-color: rgba(255,255,255,1);
    --text-input-border-color: rgba(235,235,235,1);
    --text-input-color: rgba(0,0,0,1);
	
	--btn-hover-background-color: rgb(255, 255, 225, 0.9);
    --btn-hover-text-color: #000000;

    --gripper-color: #94D7FE;
	
	--categorize-link-icon: url(../../../../colors/light/images/64/toolbar/link.png);
	--decategorize-link-icon: url(../../../../colors/light/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: #f1f5f9;     /* indigo-500 */
	--btn-user-bg-hover: rgba(99,102,241,0.12);
	--btn-user-text: #334155;
	--btn-user-text-hover: #4338ca;
}

:root {
	--btn-user-danger-bg: rgb(255, 230, 230);        /* red-600 */
	--btn-user-danger-bg-hover: rgb(235, 230, 200);  /* red-700 */
	--btn-user-danger-text: rgb(255, 255, 255);
	--btn-user-danger-text-hover: rgb(255, 255, 255);
}


:root {
	--dashboard-heading-color: rgb(30, 41, 59);
}

:root {
	/* MONITOR (core workflow) - calm blue */
	--btn-background-color-monitor: #e0f2fe;
	--btn-hover-background-color-monitor: #bae6fd;
	--btn-hover-color-monitor: #075985;
	--btn-color-monitor: #0369a1;

	/* SETTINGS - neutral slate */
	--btn-background-color-settings: #f1f5f9;
	--btn-hover-background-color-settings: #e2e8f0;
	--btn-hover-color-settings: #0f172a;
	--btn-color-settings: #334155;

	/* TOOLS - muted violet */
	--btn-background-color-tools: #ede9fe;
	--btn-hover-background-color-tools: #ddd6fe;
	--btn-hover-color-tools: #4c1d95;
	--btn-color-tools: #5b21b6;

	/* VERIFY / REPAIR - amber (attention) */
	--btn-background-color-verify: #fef3c7;
	--btn-hover-background-color-verify: #fde68a;
	--btn-hover-color-verify: #78350f;
	--btn-color-verify: #92400e;

	/* AUTH (login/logout/security) - red reserved */
	--btn-background-color-auth: #fee2e2;
	--btn-hover-background-color-auth: #fecaca;
	--btn-hover-color-auth: #7f1d1d;
	--btn-color-auth: #991b1b;
	
	 /* DISPLAY GROUP (table view selectors) - cool indigo */
	--btn-background-color-display-group: #eef2ff;
	--btn-hover-background-color-display-group: #e0e7ff;
	--btn-active-background-color-display-group: #c7d2fe;

	--btn-color-display-group: #3730a3;
	--btn-hover-color-display-group: #312e81;
	--btn-active-color-display-group: #1e1b4b;

	--btn-border-color-display-group: #c7d2fe;
	--btn-focus-ring-display-group: rgba(99, 102, 241, 0.45);
	
	--settings-card-heading-color: rgb(30, 64, 175);
	--setings-card-hover-background-color: rgb(248, 250, 252);
}

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

  --btn-color-primary: #1e40af;
  --btn-hover-color-primary: #1e3a8a;
  --btn-active-color-primary: #172554;

  --btn-border-color-primary: rgba(37, 99, 235, 0.35);
  --btn-focus-ring-primary: rgba(37, 99, 235, 0.35);


  /* SUCCESS – light green-tinted */
  --btn-background-color-success: rgba(22, 163, 74, 0.10);
  --btn-hover-background-color-success: rgba(22, 163, 74, 0.18);
  --btn-active-background-color-success: rgba(22, 163, 74, 0.26);

  --btn-color-success: #166534;
  --btn-hover-color-success: #14532d;
  --btn-active-color-success: #052e16;

  --btn-border-color-success: rgba(22, 163, 74, 0.35);
  --btn-focus-ring-success: rgba(22, 163, 74, 0.35);


  /* DANGER – light red-tinted */
  --btn-background-color-danger: rgba(220, 38, 38, 0.10);
  --btn-hover-background-color-danger: rgba(220, 38, 38, 0.18);
  --btn-active-background-color-danger: rgba(220, 38, 38, 0.26);

  --btn-color-danger: #991b1b;
  --btn-hover-color-danger: #7f1d1d;
  --btn-active-color-danger: #450a0a;

  --btn-border-color-danger: rgba(220, 38, 38, 0.35);
  --btn-focus-ring-danger: rgba(220, 38, 38, 0.35);
}

:root {
  /* CANCEL – neutral escape */
  --btn-background-color-cancel: rgba(100, 116, 139, 0.08);
  --btn-hover-background-color-cancel: rgba(100, 116, 139, 0.14);
  --btn-active-background-color-cancel: rgba(100, 116, 139, 0.20);

  --btn-color-cancel: #334155;
  --btn-hover-color-cancel: #1e293b;
  --btn-active-color-cancel: #0f172a;

  --btn-border-color-cancel: rgba(100, 116, 139, 0.30);
  --btn-focus-ring-cancel: rgba(100, 116, 139, 0.35);
}



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

	/* Critical – expired */
	--chart-expired: rgb(220, 38, 38);

	/* Warning – expiring soon */
	--chart-expiring-soon: rgb(245, 158, 11);

	/* Future – expiring later */
	--chart-expiring-later: rgb(124, 58, 237);

	/* OK – healthy / other */
	--chart-ok: rgb(34, 197, 94);

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

	/* Unknown / missing data */
	--chart-unknown: rgb(96, 165, 250); /* blue-400 */


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

	--metric-critical: rgb(220, 38, 38);
	--metric-warning: rgb(245, 158, 11);
	--metric-ok: rgb(34, 197, 94);
	--metric-neutral: rgb(30, 64, 175);


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

	--chart-grid: rgb(226, 232, 240);
	--chart-axis: rgb(148, 163, 184);
	--chart-label: rgb(71, 85, 105);
}



/*

Stroke Colors - Light Mode

Monitor: rgb(2, 132, 199)
Settings: rgb(71, 85, 105)
Tools: rgb(109, 40, 217)
Verify: rgb(180, 83, 9)
Auth: rgb(185, 28, 28)


*/

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

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


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

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

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

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

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

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

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

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



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

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

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

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

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

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

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


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

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




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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-login {
	background-image: url(../../colors/dark/images/64/toolbar/login.png);
	background-color: #1976D2;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 8px;
}

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

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

.btn-login:hover {
	transform: translateY(-1px);
	background-color: #1976D2;
	color: #FFFFFF;
}

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

.btn-saml-login:hover {
	transform: translateY(-1px);
	background-color: #388E3C ;
	color: #FFFFFF;
}

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

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

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

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

.btn-tb-sort-up {
	background-image: url(../../colors/light/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);
}