.a-IG {
	@include ma-card;

	.a-IG-header {
		padding: 8px;
		z-index: 800!important;
		background-color: $card-bg-color;
		// toolbar group
		.a-Toolbar-group {
			margin-bottom: 0;

			&.force-show {
				@include showInlineBlock();
			}

			&.force-hide {
				@include hide();
			}

			.a-Button {
				@include btn-flat;
				height: $input-height;
				padding: 0 0.5rem;
				line-height: 16px;

				&[disabled] {
					background-color: transparent!important;
				}

				.icon-menu-drop-down {
					@include hide;
				}
			}

			.a-Toolbar-radioGroup {
				label.a-Button {
					&:before, &:after {
						@include hide;
					}

					&.is-active {
						color: $primary-color;
					}

					.a-Icon {
						height: $input-height;
						line-height: $input-height;
					}
				}
			}

			input.a-Toolbar-input {
				&.a-Toolbar-inputText {
					width: auto;

					&:focus {
						outline: none;
					}
				}
			}
			// select fix
			select.a-Toolbar-selectList {
				@include hide();
			}

			.a-Toolbar-inputText,
			.select-wrapper input.select-dropdown {
				margin: 0 0 8px;
			}

			div.a-Toolbar-selectList {
				background-color: transparent;
				overflow: visible;
				height: inherit;
				padding-right: 0;
				background-image: none;
				border: none;
			}
			// buttons
			// [data-enter-action='search'] {
			//     margin-left: 1rem;
			// }
			[data-action='search'] {
				@include hide();
			}

			[data-action='edit'] {
				label {
					padding: 15px 12px 12px 36px !important;
					font-size: 12px;

					&:before {
						margin-top: 14px;
						margin-left: 8px;
					}
				}
			}
		}
	}

	.a-IG-body {
		.a-GV-w-hdr {
			.a-GV-header {
				text-align: center; // default value
			}
		}
	}

	// borders
	.a-GV-cell,
	.a-GV-controlBreakHeader,
	// .a-GV-header,
	.a-GV-headerGroup
	{
		border: none;
		border-bottom: 1px solid #EAEAEA;
	}
	// row hover
	.a-GV-bdy tbody tr.is-hover {
		background-color: #eeeeee;
	}

	.a-GV-columnItem {
		input:not([type]),
		input[type=date],
		input[type=datetime-local],
		input[type=datetime],
		input[type=email],
		input[type=number],
		input[type=password],
		input[type=search],
		input[type=tel],
		input[type=text],
		input[type=time],
		input[type=url],
		textarea.materialize-textarea {
			border-bottom: none;
			height: auto;
			width: auto;
			font-size: inherit;
			margin: 0;

			&:focus:not([readonly]) {
				border-bottom: none;
				box-shadow: none;
			}
		}

		.color_picker td {
			vertical-align: middle;

			input.color_picker {
				box-shadow: inset 3px 0 3px -1px $primary-color;
				background-color: inherit;
			}
		}
	}
	// selected row
	.a-GV-table tr.is-selected .a-GV-cell {
		background-color: #f5f5f5;
	}

	.a-GV-cell.is-error:not(.is-active),
	.a-GV-cell.is-error:not(.is-active):before {
		color: $error-color;
	}

	.a-GV-row.is-inserted .a-GV-cell {
		background-color: #e3f2fd;
	}

	.a-GV-cell .a-GV-columnItem input:not([type=radio]):not([type=checkbox]):focus,
	.a-GV-cell .a-GV-columnItem select[size='1']:focus,
	.a-GV-floatingItem.is-expanded,
	.a-GV-floatingItem:not(.is-expanded),
	.a-GV-pageButton:focus,
	.a-GV-table .a-GV-cell.is-focused,
	.a-GV-table .a-GV-controlBreakHeader.is-focused,
	.a-GV-table .a-GV-header.is-focused,
	.a-GV-table .a-GV-headerGroup.is-focused {
		border-color: transparent;
		box-shadow: 0 0 2px 1px $radio-empty-color inset;
	}

	.a-GV-table .a-GV-cell.a-GV-rowHeader.is-focused {
		box-shadow: none;
	}

	.a-Button.a-Button--calendar {
		float: right;

		&:focus {
			outline: none;
			background-color: transparent;
		}
	}

	.a-GV-rowSelector {
		height: 22px;
		border: none;
		padding: 0;
		box-shadow: none;
		background-color: transparent;
	}

	.a-GV-rowSelector:hover,
	.is-hover .a-GV-rowSelector {
		border: none;

		&:before {
			opacity: 0;
		}
	}

	.is-selected .a-GV-rowSelector:before {
		opacity: 0;
	}
	// checkboxes
	.a-GV-header [type="checkbox"].filled-in {
		& + label:empty {
			padding-left: 0;
		}

		&:not(:checked):disabled + label:before {
			border: 2px solid transparent;
		}

		&:disabled:not(:checked) + label:after {
			border-color: $radio-empty-color;
			background-color: transparent;
		}

		&:disabled:checked+label:after {
			background-color: $secondary-color;
			border-color: $secondary-color;
		}
	}

	.a-IG-controlsCheckboxLabel {
		border: none;
		box-shadow: none;

		&:active:before,
		&:before,
		&:hover:before {
			opacity: 1;
		}

		&:active {
			background-color: transparent;
			box-shadow: none!important;
		}
	}

	.a-GV-rowSelect + label {
		padding-left: 0;
	}
}