/**
* IBM Confidential
* OCO Source Materials
* IBM Business Platform: Dashboard
* (C) Copyright IBM Corp. 2020, 2021
* The source code for this program is not published or otherwise divested of its trade secrets,
* irrespective of what has been deposited with the U.S. Copyright Office
**/
@import "../lib/@ba/ba-ui-carbon-toolkit/essentials/colors/colors";
@import "../lib/@ba/ba-ui-carbon-toolkit/essentials/spacing/spacing";

.textDialog {
	.bx--select-input,
	.bx--text-input {
		background-color: $field-02;
	}
	
	.ba-common-iconButtonToggleGroup {
		.ba-common-iconButtonToggleGroup__title .ba-common-truncatedText__text {
			display: none;
		}
		.ba-common-toolbar button {
			background-color: $field-02;
			color: $black;
			&.is-checked {
				background-color: $ui-05;
				color: $white;
			}
		}
	}
}

.dashboardTextFormatView {
	&--content {
		padding: $space-s;
	}

	&--buttons {
		padding: $space-xl 0 0;

		button {
			height: 40px;
			width: 100%;

			&.dashboardTextFormatView__cancel {
				background-color: $interactive-02;
			}

			&.dashboardTextFormatView__ok {
				background-color: $interactive-01;
			}
		}
	}

	&__row {
		padding-bottom: $space-s;
	}

	&__firstCellInRow {
		padding-right: $space-s;
	}
}

.colorSwatchIcon {
	cursor: pointer;
	height: 40px;
	width: 40px;

	&--withBorder {
		border: 1px solid $ui-03;
	}
}

.colorPicker {
	position: static;	//see https://jsw.ibm.com/browse/BAUICOMMON-285
}

.colorPaletteFlyout {
	padding: 0.3em;
	width: 166px;
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	-ms-high-contrast-adjust: none;
}

$cell-size: 16px;

.colorPalette {
	display: inline-block;
	width: $cell-size;
	height: $cell-size;
	margin: 2px 1.6px;
	border: 1px solid $gray1;
	&:hover{
		cursor: pointer;
	}
}