:root {
	--color-tag-border-red: #d32f2f;
	--color-tag-border-magenta: #c2185b;
	--color-tag-border-purple: #7b1fa2;
	--color-tag-border-blue: #1976d2;
	--color-tag-border-cyan: #0097a7;
	--color-tag-border-green: #388e3c;
	--color-tag-border-yellow: #f57c00;
	--color-tag-border-grey: #616161;
	--color-tag-border-cool-gray: #455a64;
	
	--radius-lg: 8px;
	--radius-xl: 12px;
}

/*
 *	Add borders to the tags with complementary colors
 */
.hid-galaxy .hid-tag.hid-tag--red { 
    border: 1px solid var(--color-tag-border-red);
}
.hid-galaxy .hid-tag.hid-tag--magenta { 
    border: 1px solid var(--color-tag-border-magenta);
}
.hid-galaxy .hid-tag.hid-tag--purple { 
    border: 1px solid var(--color-tag-border-purple);
}
.hid-galaxy .hid-tag.hid-tag--blue { 
    border: 1px solid var(--color-tag-border-blue);
}
.hid-galaxy .hid-tag.hid-tag--cyan { 
    border: 1px solid var(--color-tag-border-cyan);
}
.hid-galaxy .hid-tag.hid-tag--green { 
    border: 1px solid var(--color-tag-border-green);
}
.hid-galaxy .hid-tag.hid-tag--yellow { 
    border: 1px solid var(--color-tag-border-yellow);
}
.hid-galaxy .hid-tag.hid-tag--grey { 
    border: 1px solid var(--color-tag-border-grey);
}
.hid-galaxy .hid-tag.hid-tag--cool-grey { 
    border: 1px solid var(--color-tag-border-cool-gray);
}

/* Remove the pointer on the default tag as they normally are not clickable so it is confusing */
.hid-galaxy .hid-tag:not([data-disabled="true"]):hover {
    cursor: default;
}

/* Add a data element to indicate it is clickable */
.hid-galaxy .hid-tag[data-clickable="true"]:not([data-disabled="true"]):hover {
    cursor: pointer;
}

/*
 *	Set the tables back to standard colors vs light grey
 */
.hid-galaxy .hid-table__th, .hid-galaxy .hid-table__td {
    color: inherit;
}

/*
 * Missing medium loader (used on account and other async views)
 */
.hid-galaxy .hid-loader__medium {
  width: var(--layout-06);
  height: var(--layout-06);
  border-width: 3px;
}
.hid-galaxy .hid-loader__medium--thin-border {
  border-width: 3px;
}

/* Make the modal box have larger rounded corners */
.hid-galaxy .hid-modal__container {
	border-radius: var(--radius-lg);
}

/* Fix the button text being shifted up due to line-height being set to 1.2 */
.hid-galaxy .hid-button {
	line-height: 1;
}

.hid-galaxy .hid-text-center-imp {
    text-align: center !important;
}