@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Sans+3&display=swap');


div {
	font-family: 'inter' !important;
}

.cd-shadow {
	padding: 20px;
	border: none !important;
	border-radius: 0px !important;
	box-shadow: 1px 0px 10px 5px rgba(0, 0, 0, 0.12) !important;
}

.cd-title {
	font-style: italic;
	font-weight: 400 !important;
	font-size: 14px;
}

.cd-text {
	font-size: 18px;
	font-weight: 600 !important;
}

.cd-mg {
	font-size: 14px;
	font-weight: 500 !important;
}

.cd-price {
	color: #CC0000;
	font-size: 18px;
	font-weight: 600 !important;
	text-decoration: line-through;
}

.cd-freex-price {
	font-size: 14px;
	font-weight: 400;
}

.cd-free {
	color: #002E88;
	font-size: 32px;
	font-weight: 700;
}

.cd-add-med {
	color: #CC0000;
	border: 1px solid;
	border-radius: 18px;
}

.ScrollStyle {
	max-height: 400px;
	overflow-y: scroll;
}

#DrugName {
	padding-left: 25px;
	background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="26" height="16" fill="currentColor" class="bi bi-search" viewBox="-10 0 26 16" xmlns:bx="https://boxy-svg.com"><defs><bx:export><bx:file format="svg" path="Sin título.svg"/></bx:export></defs><path d="M 11.149 9.853 C 13.705 6.399 11.527 1.5 7.227 1.035 C 2.928 0.57 -0.267 4.887 1.475 8.806 C 2.924 12.063 7.044 13.154 9.941 11.049 L 9.94 11.049 C 9.966 11.083 9.994 11.116 10.025 11.148 L 13.353 14.443 C 13.823 14.909 14.627 14.696 14.799 14.059 C 14.879 13.764 14.794 13.449 14.576 13.232 L 11.248 9.938 C 11.217 9.907 11.184 9.878 11.149 9.852 L 11.149 9.853 Z M 11.372 6.563 C 11.372 10.187 7.41 12.451 4.241 10.639 C 2.77 9.799 1.864 8.245 1.864 6.563 C 1.864 2.94 5.826 0.675 8.995 2.487 C 10.466 3.328 11.372 4.881 11.372 6.563" style="opacity: 0.52;"/></svg>') no-repeat left;
	background-size: 20px;
	background-color: white !important;
}

/* Medium Resolution */
@media (max-width: 992px) {
	.form-label-bg {
			font-size: 17px !important;
			line-height: 28px !important;
		}

		/*medium*/
		.form-control-bg {
			border-radius: 8px !important;
			width: 224px !important;
		}
	}
	/* Small */
	@media (max-width: 768px) {

		/*small*/
		.cd-shadow {
			padding: 0px !important;
		}

		.cd-text {
			font-size: 16px !important;
		
		}


		.ScrollStyle {
			max-height: 180px !important;
			
		}
	}