.ccComboBoxSelectedValueDiv {
	
	overflow: hidden;
	
	white-space: break-spaces;
	
	word-break: break-all;
	
	height: var(--ccInputHeight);
	
	width: 100%;
}

.ccComboBoxDropDownDiv {
	
	position: absolute;

	z-index: 1000;

	display: none;
	
	height: 200px;
	max-height: 200px;

	width: 100%;
	
	border: solid 1px #C5C5C5;
		
	box-sizing: border-box;

	background-color: #FFFFFF;

	padding: 5px;
	margin: 5px 0px 0px 0px;
	
	border-radius: var(--ccFormElementBorderRadius);
}

.ccComboBoxSearchInput {

/*	padding-left: 30px !important;*/

	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: calc(100% - 5px);
}

input.ccComboBoxSearchInput:hover, input.ccComboBoxSearchInput:active, input.ccComboBoxSearchInput:focus {
	
	outline: 0px;
	
	border: solid 1px #2196F3;
}

.ccComboBoxOptionsList {
	
	font-family: var(--ccFontFamily);
	font-size: 15px;
	
	color: #5A5A5A;
	
	line-height: 20px;

	overflow-x: hidden;
	overflow-y: auto;
	
	height: 150px;
	max-height: 150px;
	
	margin-top: 5px;
}

.ccComboBoxOption {
	
/*	padding: 2px 5px;*/
	
	cursor: pointer;
	
	padding-top: 2px;
}

.ccComboBoxOption:hover {
	
	background-color: #F4F5FA;
}

.ccComboBoxOptionSelected {
	
	background-color: #F2F2F2;
}