.cc-list {
	background-color: #fff;
	border-bottom: 1px solid rgba(var(--rgba-secondary-color),.3);
	color: var(--primary-dark-color);
	display: block;
	padding: 0px 15px;
}

.cc-list.cc-list-active, .cc-list.cc-list-active:hover {
	background-color: var(--secondary-color) !important;
	color: var(--white-color) !important;
}


.cc-list.cc-info-list {
	padding: 0px 0px;
}



.cc-list.cc-list-hover:hover {
	background-color: rgba(var(--rgba-secondary-color),.1);
	color: var(--primary-dark-color);
	cursor: pointer;
	text-decoration: none;
}


.cc-list-md {
	font-size: 14px;
	min-height: 50px;
}

.cc-list-sm {
	min-height: 40px;
}

.cc-list-sm .cc-icon-right {
	margin-left: 12px;
}

.cc-list-lg {
	min-height: 70px;
}

.cc-list .cc-icon-placeholder {
	background-color: #ccc;
	display: inline-block;
	font-size: 28px;
	height: 28px;
	margin-right: 15px;
	width: 28px;
}


.cc-info-list .cc-info-list-label {
    color: var(--primary-dark-color);
    font-weight: 500;
    width: 20%;
}

.cc-info-list .cc-info-list-label .material-icons {
    margin-right: 15px;
}



.cc-info-list .cc-info-list-info {
    width: 80%;
}


.cc-drag-drop .cc-list:hover {
	box-shadow: 0px 2px 14px rgba(var(--rgba-shadow-color), 0.4);
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.cc-list .cc-list-information .material-icons {
	margin-right: 15px;
}

.cc-list .cc-list-information .material-icons:hover {
	color: var(--primary-light-color);
	cursor: default;
}


.cc-drag-drop .cc-list:hover {
	 box-shadow: 0px 2px 14px rgba(var(--rgba-shadow-color), 0.4);
	 cursor: pointer;
	 position: relative;
	 z-index: 1;
}

.cc-drag-drop .cc-list:hover > .cc-delete-list {
  display: inline-block;
}

.cc-list.cc-list-no-padding {
	padding: 0px 0px;
}


.cc-list-icon-detail.cc-list-icon-detail-md {
  background-color: var(--white-color);
  min-height: 54px;
}

.cc-list-icon-detail-md .cc-p-large-regular {
	margin-bottom: 0;
}

.cc-list-icon-detail-md .cc-default-thumbnail-bkg {
	height: 54px;
	min-width: 54px;
	width: 54px;
}

.cc-list-icon-detail-md .cc-details {
	margin-left: 15px;
}

.cc-list-detail-checkbox {
	border-bottom: 1px solid rgba(var(--rgba-secondary-color),.3);
}


.cc-open-search-list {
	height: 74vh;
	overflow-y: auto;
}


/*always have media queries at the bottom of the file like so*/


/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}
