/*-----margin to go below filters---------------------*/

.cc-feature-filters {
	margin-bottom: 30px;
}

.cc-feature-filters.cc-chip-clear .cc-btn-chip {
	margin-left: 20px;
}


/*----containers-------------------*/

.cc-feature-container {
	padding: 10px 30px;
}


.cc-container-left {
	width: 840px;
}

.cc-container-narrow {
	margin: auto;
	width: 1500;
}


.cc-container-xs {
	margin: auto;
	width: 720px;
}




.cc-shadow-container {
	border-radius: 14px;
	box-shadow: 0px 2px 7px 0px rgba(var(--rgba-shadow-color), 0.21);
	padding: 30px;
}


.cc-container-sm {
	margin: auto;
	width: 840px;
}

.cc-container-max-1500 {
	margin: auto;
}


.cc-margin-auto {
	margin: auto;
}


/*----spacing-------------------*/

.cc-margin-bottom-md {
	margin-bottom: 2rem;
}


.cc-mb-0 {
	margin-bottom: 0;
}

.cc-mb-sm {
	margin-bottom: 2rem !important;
}

.cc-mb-md {
	margin-bottom: 3rem;
}

.cc-mb-xs {
	margin-bottom: 1rem;
}

.cc-mt-sm {
	margin-top: 2rem;
}

.cc-mt-xs {
	margin-top: 1rem;
}

.cc-mt-md {
	margin-top: 2rem;
}


.cc-mt-lg {
	margin-top: 4rem;
}


.cc-pr-0 {
	padding-right: 0;
}


.cc-container-actions .material-icons.cc-container-edit {
	display: none;
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.cc-container-actions:hover > .material-icons.cc-container-edit {
	display: inline-block;
}



.cc-shadow-padding-lg {
	padding: 2rem;
}

.cc-relative {
	position: relative;
}

.cc-absolute {
	position: absolute;
}



.cc-width-25 {
	width: 25% !important;
}

.cc-width-30 {
	width: 30% !important;
}

.cc-width-50 {
	width: 50%;
}

.cc-width-70 {
	width: 70% !important;
}

.cc-width-75 {
	width: 75%;
}

.cc-width-100 {
	width: 100%;
}

.cc-max-width-95{
	max-width:95px !important;
}




/*------------------------positioning----------------------*/


.cc-bottom-right-fixed {
	bottom: 30px;
	position: fixed;
	right: 30px;
}


/*---------------block inline inline-block----------------------*/

.cc-inline-block {
	display: inline-block;
}




/*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*/

@media (min-width: 320px) {

.cc-bottom-right-fixed {
	bottom: 30px;
	position: fixed;
	right: 0;
	z-index: 2;
}


.cc-container-left-lg {
	width: 1200px;
}


}


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

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.cc-bottom-right-fixed {
	bottom: 30px;
	right: 30px;
}
}


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

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

	.cc-container-max-1500 {
		padding: 0px 30px;
		width: 100%;
	}

	.cc-container-narrow {
	  	margin: auto;
	  	width: 100% !important;
	  }
}

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

	.cc-container-max-1500 {
		padding: 0px 0px;
		width: 1500px;
	}
}


@media (min-width: 1600px) {
	  .cc-container-narrow {
	  	width: 1500px !important;
	  }
	}