/**
* IBM Confidential
* OCO Source Materials
* IBM Business Platform: Dashboard
* (C) Copyright IBM Corp. 2018, 2020
* 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
**/

$formatMarginValue: 16px;

.popoverFormatDialogContainer {
	font-weight: $fw-regular;
	font-style: normal;
	@include theming(color, interactive-02);
		.content {
			width: 100%;
			@include theming(background-color, ui-01);
			height: 100%;
		}
}

.formatDialog {
	.ba-theme-waca {
		height: 100%;
		.content {
			display: flex;
			flex-direction: column;
			border-top: 1px solid;
			@include theming(border-top-color, ui-03);
			overflow: visible;
			.selectionLabel {
				font-weight: $fw-regular;
				font-style: normal;
				font-size: $baseFontSize;
				padding: 8px;
				margin-left: $formatMarginValue;
			}
			.formatContent {
				display: flex;
				height: inherit;
				border-top: 1px solid;
				@include theming(border-top-color, ui-03);
				margin: 0 $formatMarginValue 0 $formatMarginValue;
				.formatView {
					display: flex;
					flex-grow: 1;
					.formatTypes {
						display: flex;
						flex-direction: column;
						padding: 0 16px 0 8px;
						border-right: 1px solid;
						@include theming(border-right-color, ui-03);
						margin: $formatMarginValue 0 $formatMarginValue 0;
						.ba-radio {
							height: auto;
							padding-bottom: 16px;
						}
					}
					.formatProperties {

						&.formatAutoProp {
							display: flex;
							justify-content: center;
							align-items: center;
						}
						padding: 0 0 16px 16px;
						flex-grow: 1;
						width: 0;
						overflow-y: auto;
						.ba-common-checkbox__label, .ba-common-paragraph {
							font-size: $caption-size;
						}
						.ba-common-select__wrapper, .ba-common-input__wrapper {
							padding-top: 16px;
							.ba-common-label {
								font-size: $caption-size;
								margin-bottom: 3px;
							}
						}
						.ba-common-input__wrapper {
							.ba-common-input__label {
								display: flex;
								align-items: center;
								margin-bottom: 3px;
								.ba-common-label {
									margin-bottom: 0;
								}
									.ba-common-tooltip {
									margin-left: 8px
								}
								.ba-common-textInput {
									width: 100%;
								}
							}
						}
						.ba-common-select {
							.ba-common-button__label {
								font-size: $caption-size;
							}
						}
		  			}
				}
			}
  		}
	}
}