/* CSS HEX */
--imperial-red: #f94144ff;
--orange-crayola: #f3722cff;
--carrot-orange: #f8961eff;
--coral: #f9844aff;
--saffron: #f9c74fff;
--pistachio: #90be6dff;
--zomp: #43aa8bff;
--dark-cyan: #4d908eff;
--paynes-gray: #577590ff;
--cerulean: #277da1ff;

.rounded-pill {
border-radius: 50rem!important;
}

.bg-green {
background-color: darkgreen !important;
}

.bg-orange {
background-color: #f77f00 !important;
}


.bg-red {
background-color: #dc2f02 !important;
}

.chip {
	padding: 8px 10px;
	border-radius: 15px;
	font-weight: 600;
	font-size: 12px;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	margin: 2px 10px;
	cursor: pointer;
}

.chip.imperial-red { background: #f94144ff; color: whitesmoke; }
.chip.orange-crayola { background: #f3722cff; color: whitesmoke; }
.chip.carrot-orange { background: #f8961eff; color: whitesmoke; }
.chip.coral { background: #f9844aff; color: whitesmoke; }
.chip.saffron { background: #f9c74fff; color: black; }
.chip.pistachio { background: #90be6dff; color: black; }
.chip.zomp { background: #43aa8bff; color: black; }
.chip.dark-cyan { background: #4d908eff; color: black; }
.chip.paynes-gray { background: #577590ff; color: whitesmoke; }
.chip.cerulean { background: #277da1ff; color: whitesmoke; }

.chip.primary{
	background: #2F4058;
	color: whitesmoke;
}

.chip.secondary{
	background: #242933;
	color: #777;
}

.chip.warning{
	background:#FEB904;
	color: whitesmoke;
}
.chip.danger{
	background: #DA605B;
	color: whitesmoke;
}

.chip.info{
	background: #5FD6D4;
	color: whitesmoke;
}