/*USE KADO/CSS/COMMON for common css styles*/

.grey {
	background-color: #9e9e9e !important;
	fill: #9e9e9e !important;
	color: #FFF !important;
}

.grey-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #9e9e9e !important;
}

.green-dark,
.color-primary {
	color: #FFF !important;
}
.green,
.color-primary {
	color: #FFF !important;
}
.green-inverted,
.color-primary-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
}
.white-inverted {
	color: #fff !important;
}

/*Drug*/
.blue,
.drug-color {
	background-color: #4cb2e1 !important ;
	fill: #4cb2e1 !important ;
	color: #FFF !important;
}

.blue-inverted,
.drug-color-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #4cb2e1 !important;
}

.yellow,
.color-symptom {
	background-color: #F6C913 !important ;
	fill: #F6C913 !important ;
	color: #FFF !important;
}

.yellow-inverted,
.color-symptom-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #F6C913 !important;
}

.orange,
.color-health {
	background-color: #edb00a !important ;
	fill: #edb00a !important ;
	color: #FFF !important;
}

.orange-inverted,
.color-health-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #edb00a !important;
}

.red,
.color-pain {
	background-color: #ff4a52 !important ;
	fill: #ff4a52 !important ;
	color: #FFF !important;
}

.red-inverted,
.color-pain-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #ff4a52 !important;
}

.majentha,
.color-ass {
	background-color: #f34482 !important ;
	fill: #f34482 !important ;
	color: #FFF !important;
}

.majentha-inverted,
.color-ass-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #f34482 !important;
}

.teal,
.bgcolor {
	background-color: #20c997 !important ;
	fill: #20c997 !important ;
	color: #FFF !important;
}

.teal-inverted,
.bgcolor-inverted {
	/*background-color: #FFF !important ;*/
	fill: #FFF !important ;
	color: #20c997 !important;
}
.bullet.green-inverted{
	color: #51af96 !important;
}

::-webkit-scrollbar {
	display: block;
	height: 2px;
	width: 2px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
	background: #e8eaea;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
	height: 5px;
	border-radius: 50px;
  }