@import "../../../theme/color";
@import "../../../theme/dimension";

.multiselect-dropdown {
	.dropdown-label {
		border: 0.1rem solid $aeap-border;
		height: $input-value-height;
		line-height: $input-value-height;
		border-radius: 0.4rem;

		&.no-border {
			border: 0;
		}

		.active-opt-label {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.icon-label {
			height: 2rem;
			width: 2rem;
		}
	}

	.h-40 {
		height: 4rem !important;
	}
	.pointer-events-none {
		pointer-events: none !important;
	}

	.icon-small-dropdown {
		border: 0.1rem solid $aeap-border;
		font-size: 1.3rem;
		line-height: $icon-wrap-circular-background-width;
	}

	.small-dropdown {
		border: 0.1rem solid $aeap-border;
		font-size: 1.3rem;
		height: $small-input-height;
		line-height: $small-input-line-height;
	}

	.unit-revenue-dropdown {
		background-color: $aeap-color-white;
		border: 0 solid $aeap-border;
		font-size: 1.3rem;
		height: $small-input-height;
		line-height: $small-input-line-height;
	}
	.dropdown-options {
		background-color: $aeap-color-white;
		border: thin solid $aeap-modal-border;
		color: $aeap-color-black;
		min-width: 100%;
		white-space: nowrap;
		z-index: $zindex-4;

		.dropdown-option {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

			&:hover {
				background: #c7e3f6;
			}
		}

		.overflow-unset {
			overflow: unset;
		}

		.search-box {
			padding-right: 5.4rem;
		}

		.search-icon {
			position: absolute;
			top: 2.5rem;
			left: 2rem;
			color: $aeap-color-storm-grey;
		}

		.reset-icon {
			position: absolute;
			top: 2.4rem;
			right: 5rem;
			color: $aeap-color-storm-grey;
		}

		.multiple-search-icon {
			position: absolute;
			top: 2.5rem;
			right: 2rem;
			transform: rotate(90deg);
			color: $aeap-color-storm-grey;
		}

		.checkbox {
			border: 0.75rem solid $aeap-checkbox;
		}

		.checkbox-v2 {
			height: 2rem;
			width: 2rem;
			color: $aeap-color-white;
		}

		.deselected {
			border: 0.2rem solid $aeap-checkbox-v2;
			border-radius: 0.2rem;
			background-color: $aeap-color-white;
		}

		.selected {
			color: $aeap-color-navy;

			.checkbox {
				background-color: $aeap-checked;
				border: 0.4rem solid $aeap-checkbox;
				height: 1.5rem;
				width: 1.5rem;
			}

			.checkbox-v2 {
				border-radius: 0.2rem;
				background-color: $aeap-color-primary;
				height: 2rem;
				width: 2rem;
			}
		}

		&.bottomLeft {
			right: 0;
		}

		&.topLeft {
			bottom: 4.8rem;
		}

		&.drop-up {
			bottom: 40px;
		}
	}
	.checkbox-disable {
		pointer-events: none;
	}
	.dropdown-caret {
		color: $aeap-color-storm-grey;
	}
	.max-h-147 {
		max-height: 14.7rem;
	}
}