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

.multiselect-dropdown {
	position: relative;

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

		&.no-border {
			border: 0;
		}

		.dropdown-caret {
			position: relative;
			top: 1.2rem;
		}
	}

	.dropdown-options {
		background-color: $aeap-color-white;
		border: 0.1rem solid $aeap-modal-border;
		color: $aeap-title-secondary;
		cursor: pointer;
		min-width: 100%;
		white-space: nowrap;
		z-index: $zindex-1;

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

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

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