/*--import variables here--*/
 


.cc-feedback-banner {
	  background-color: var(--white-color);
	  border-bottom: 1px solid rgba(75, 122, 160, .3);
}


.cc-feedback-banner .cc-icon {
	margin-right: 15px;
}


.cc-feedback-banner-overlay {
	background-color: var(--white-color);
	border-radius: 12px;
	height: 74px;
	padding: 0px 18px;
	transition: all 180ms ease;
}


.cc-feedback-banner-overlay .material-icons {
    margin-right: 15px;
}


.cc-feedback-banner-overlay .actions .material-icons {
	margin-right: 0;
}



.cc-progress {
	background-color: rgba(75,122,160,.2);
}

.cc-progress-bar {
	background-color: var(--secondary-color);
}

.cc-progress-bar.cc-success-bkg {
	background-color: var(--success-color);
}

.cc-progress-bar.cc-in-progress-bkg {
	background-color: rgba(var(--rgba-success-color),.5);
}


.cc-body-feedback {
	border-radius: 16px;
	display: inline-block;
	font-weight: 500;
	height: 40px;
	padding: 0 1rem 0 1rem;
	text-transform: uppercase;
}

.cc-body-feedback .material-icons {
	margin-right: 10px;
}




@media (min-width: 320px) {
	.cc-feedback-banner-overlay {
		width: 100%;
	}
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.cc-feedback-banner-overlay {
		width: 600px;
	}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1560px) {

	
}