.none {
	background-color: #5ed588;
    border-color: #00b858;
    color: #024b24;
}
.low {
	background-color: #fff171;
    border-color: #d6ce4e;
    color: #6b671d;
}
.medium {
	background-color: #ffb87b;
    border-color: #e69557;
    color: #89440f;	
}
.high {
	background-color: #f05163;
    border-color: #c52e38;
    color: #5f0513;
}
#interactions-list p {
	margin-bottom: 0;
}
.info-icon {
	display: block;
	float: right;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>');
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	opacity: 0.25;
}
.chevron-down-icon {
	display: block;
	float: right;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	opacity: 0.25;
}
.chevron-up-icon {
	display: block;
	float: right;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/></svg>');
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	opacity: 0.25;
}
.arrow-right-icon {
	display: block;
	float: right;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" class="bi bi-arrow-right-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/></svg>');
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
.alternatives {
	background-color: #4d79ff;
	color: #ffffff;
}
.alternatives:hover, .more-info:hover {
	opacity: 0.8;
}
.drugs-ui .form-check:last-child {
	border-bottom: none !important;
}
#medications-list, #co-medications-list {
	min-height: 200px;
	max-height: 300px;
	overflow: hidden;
	overflow-y: scroll;
}