.common-dropdown .selectCaret {
	position: absolute;
	right: 0px;
}

.common-dropdown.open .selectCaret {
	content: url(/Dashboard/icons/adminPanel/accessibility/dropdown-caret-up.svg);
}

.common-dropdown.closed .selectCaret {
	content: url(/Dashboard/icons/adminPanel/accessibility/dropdown-caret-down.svg);
}

.common-dropdown {
	position: relative;
	background-color: white;
	border-radius: 4px !important;
	border: 1px solid #6F6F6F;
	color: #4D4D4D;
	padding-left: 10px;
	cursor: pointer;
    align-content: center;
    outline: none !important;
}

.common-dropdown:focus, .common-dropdown:focus-visible {
	border: 1px solid #0B6F85;
	box-shadow: 0px 0px 4px 0px rgba(11, 111, 133, 0.25);
}

.common-dropdown.disabled-dropdown {
	pointer-events: none;
	background-color: #F5F5F5;
}

.common-dropdown-selected-option {
    overflow: hidden;
    text-overflow: ellipsis;
}

.common-dropdown-menu {
	position: absolute;
	left: -1px;
    width: inherit;
	background-color: white;
	border: 0.2px solid rgba(234, 234, 234, 1);
	border-radius: 4px !important;
	z-index: 1;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.common-dropdown-menu > div {
	align-content: center;
	padding: 0px 10px;
	white-space: nowrap;
}

.common-dropdown-menu > div:last-child {
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.common-dropdown-menu > div:focus {
    background-color: #E7F1F3 !important;
}
.common-dropdown-menu > div:hover {
    background-color: #ECECEC !important;
}