 .primary-bg {
 	background-color: $primary-color !important;
 	color: #fff !important;
 }

 .secondary-bg {
 	background-color: $secondary-color !important;
 	color: #fff !important;
 }

 .success-bg {
 	background-color: $success-color !important;
 	color: #fff !important;
 }

 .error-bg {
 	background-color: $error-color !important;
 	color: #fff !important;
 }

 .primary-text {
 	color: $primary-color !important;
 }

 .secondary-text {
 	color: $secondary-color !important;
 }

 .success-text {
 	color: $success-color !important;
 }

 .error-text {
 	color: $error-color !important;
 }

 .white-bg{
	background-color: #ffffff;
 }
 // //alt color
 .striped-bg {
 	> {
 		* {
 			&:nth-child(even) {
 				background: #dfeaff;
 			}
 			&:nth-child(odd) {
 				background: transparent;
 			}
 		}
 	}
 }

 .list-hover > * {
 	transition: all 0.3s ease-in;
 	.list-item:hover {
 		background: #dfeaff;
 	}
 }
