openecomp-ui/resources/scss/components/_selectActionTable.scss

.select-action-table-view {
	.svg-icon-wrapper {
		flex-direction: row;

		&::before {
			content:"";
		}
		.svg-icon {
			margin-left: 5px;
			margin-right: 5px;
			width:16px;
			height:16px;
		}
	}
	.dummy-icon {
		background-color: $white;
		fill: $white;
		.locked {
			fill: $white;
		}
	}

	.select-action-table-controllers {
		display: flex;
		.svg-icon-wrapper {
			&:hover {
				cursor: pointer;
			}
			&:first-child {
				margin-left: auto;
			}
		}
	}
	.select-action-table {
		display: flex;
		flex-direction: column;
		border-color: $light-gray;

		.select-action-table-headers {
			display: flex;
			background-color: $tlv-light-gray;
			border-color: inherit;
			.select-action-table-header {
				@extend .body-1-semibold;
				flex: 1;
				border-top: 1px solid;
				border-right: 1px solid;
				border-color: inherit;
				padding: 8px 0 7px 20px;
				&:first-child {
					border-left: 1px solid;
					border-color: inherit;
				}
			}
		}
		.select-action-table-row-wrapper {
			display: flex;
			flex-direction: row;
    		margin-bottom: 14px;
			.svg-icon-wrapper.trashO {
				.svg-icon {
				  fill: $dark-gray;
				}
			}
		  	.svg-icon-wrapper.errorCircle {
			  .svg-icon {
				fill: $red;
			  }
			}
		  	.svg-icon-wrapper.checkCircle {
			  .svg-icon {
				fill: $green;
			  }
			}
			.svg-icon-wrapper.hideDelete {
				.svg-icon {
					fill: $white;
				}
			}
			.select-action-table-row {
				display: flex;
				flex: 1;
				border: 1px solid;
				border-color: $light-gray;
				&.has-error {
					border-color: $red;
				}

				.select-action-table-cell {
					flex: 1;
					border-right: 1px solid;
					border-color: $light-gray;
					@extend .body-1;
					.dropdown-multi-select {
						.form-group {
							.Select{
								&.is-open {
									border: 1px solid $blue;
								}
							}
						}
					}
					.form-group {
						margin: 0;
						.Select-control {
							height:36px;
							border: none;
							.is-open {
								border-left-color: $blue;
								border-right-color: $blue;
							}
							.Select-value, .Select-placeholder, .Select-input {
								padding-left: 20px;
								padding-right: 50px;
								padding-top: 4px;

							}
							.Select-placeholder {
								color: $dark-gray;
							}
							.Select-arrow-zone {
								padding-right: 15px;
							}
						}
					}
					&:last-child {
						border-right: none;
					}
				}
				.Select-menu-outer {
						border-left: 1px solid $blue;
						border-right: 1px solid $blue;
						border-bottom: 1px solid $blue;
						overflow: auto;
						.Select-menu {
							.Select-option {
								overflow: hidden;
								text-overflow: ellipsis;
								border-bottom: 1px solid $light-gray;
								&:hover {
									background-color: $blue;
									color: $white;
									&.is-focused {
										background-color: $blue;
									}
									&.is-focused {
										background-color: $blue;
									}
								}
								&.is-selected {
									background-color: transparent;
								}
								&.is-focused {
									background-color: transparent;
								}
							}
						}
					}
			}
		}
	}
}