/****************************************************************************************
 COLORS
****************************************************************************************/
/** Green */
.green,
.green-hover:hover {
	/*background-color: rgba(46, 204, 113, 1) ;*/
    background-color: rgba(117, 188, 30, 1);
}
.green-text,
.green-text-hover:hover {
	/*color: rgba(46, 204, 113, 1) ;*/
    color: rgba(117, 188, 30, 1);
}
.green-border {
	/*border-color: rgba(46, 204, 113, 1);*/
    border-color: rgba(117, 188, 30, 1);
}
.light-green,
.light-green-hover:hover {
    background-color: rgba(117, 188, 30, 0.5);
}
.light-green-text {
    color: rgba(117, 188, 30, 0.5);
}
.light-green-border {
    border-color: rgba(117, 188, 30, 0.5);
}
.lightest-green {
    background-color: rgba(117, 188, 30, 0.2);
}
.lightest-green-text {
    color: rgba(117, 188, 30, 0.2);
}
.lightest-green-border {
    border-color: rgba(117, 188, 30, 0.2);
}

/** Blue */
.blue,
.blue-hover:hover {
	background-color: rgba(34, 167, 240, 1) ;
}
.blue-text {
	color: rgba(34, 167, 240, 1) ;
}
.blue-border {
	border-color: rgba(34, 167, 240, 1) ;
}
.light-blue {
	background-color: rgba(34, 167, 240, 0.5) ;
}
.light-blue-text {
	color: rgba(34, 167, 240, 0.5) ;
}
.light-blue-border {
	border-color: rgba(34, 167, 240, 0.5) ;
}
.lightest-blue {
	background-color: rgba(34, 167, 240, 0.2) ;
}
.lightest-blue-text {
	color: rgba(34, 167, 240, 0.2) ;
}
.lightest-blue-border {
	border-color: rgba(34, 167, 240, 0.2) ;
}

/** Yellow */
.yellow {
	background-color: rgba(247, 202, 24, 1) ;
}
.yellow-text {
	color: rgba(247, 202, 24, 1) ;
}
.yellow-border {
	border-color: rgba(247, 202, 24, 1) ;
}
.light-yellow {
	background-color: rgba(247, 202, 24, 0.5) ;
}
.light-yellow-text {
	color: rgba(247, 202, 24, 0.5) ;
}
.light-yellow-border {
	border-color: rgba(247, 202, 24, 0.5) ;
}

/** Red */
.red,
.red-hover:hover {
	background-color: rgba(217, 30, 24, 1) ;
}
.red-text,
.red-text-hover:hover {
	color: rgba(217, 30, 24, 1) ;
}
.red-border {
	border-color: rgba(217, 30, 24, 1) ;
}
.light-red {
	background-color: rgba(217, 30, 24, 0.5) ;
}
.light-red-text  {
	color: rgba(217, 30, 24, 0.5) ;
}
.light-red-border {
	border-color: rgba(217, 30, 24, 0.5) ;
}

/** Purple */
.purple {
	background-color: rgba(102, 51, 153, 1) ;
}
.purple-text {
	color: rgba(102, 51, 153, 1) ;
}
.purple-border {
	background-color: rgba(102, 51, 153, 1) ;
}
.light-purple {
	border-color: rgba(102, 51, 153, 0.5) ;
}
.light-purple-text {
	color: rgba(102, 51, 153, 0.5) ;
}
.light-purple-border {
	border-color: rgba(102, 51, 153, 0.5) ;
}

/** Grays */
.gray {
	background-color: rgb(170, 170, 170) ;
}
.gray-text {
	color: rgb(170, 170, 170) ;
}
.gray-border {
	border-color: rgb(170, 170, 170) ;
}
.light-gray {
	background-color: rgb(243, 243, 243) ;
}
.light-gray-hover:hover {
    background-color: rgb(243, 243, 243) ;
}
.light-gray-text {
	color: rgb(243, 243, 243) ;
}
.light-gray-border {
	border-color: rgb(243, 243, 243) ;
}
.dark-gray {
	background-color: rgb(87, 87, 87) ;
}
.dark-gray-hover:hover {
    background-color: rgb(87, 87, 87) ;
}
.dark-gray-text {
	color: rgb(87, 87, 87) ;
}
.dark-gray-text-hover:hover {
    color: rgb(87, 87, 87) ;
}
.dark-gray-border {
	border-color: rgb(87, 87, 87) ;
}
.dark-gray-border-hover:hover {

}
.white {
	background-color: white;
}
.white-text,
.white-text-hover:hover {
	color: white !important;
}
.white-border {
	border-color: white ;
}
.transparent {
	background-color: transparent ;
}
.transparent-border {
	border-color: transparent ;
}
.black {
	background-color: black ;
}
.black-text {
	color: black ;
}
.black-border {
	border-color: black ;
}


.orange {
    background-color: rgb(230, 126, 34);
}
.light-orange {
    background-color: rgba(230, 126, 34, 0.25);
}
.orange-text {
    color: rgb(230, 126, 34);
}
.orange-border {
    border-color: rgb(230, 126, 34);
}
.light-orange-border {
    border-color: rgba(230, 126, 34, 0.5);
}