/* Vaccines CSS */

.text h2 {
  border-bottom: solid 1px #A2A3A5;
  padding: 12px 0 ;
  text-align: center;
}

.page-vaccines .text .vaccines_content:before {
	background: #ce5421 url(/images/icons/vaccines_icon.png) no-repeat center center/ 45px 45px;
	background-size: 50%;
	content: '';
}

.vaccines {
	margin:10px 0px;
	padding:0px;
	text-align:right;
}

.vaccines .main-intro button {
	margin-left: calc(100% - 194px);
}

.print-header {
	display: none;
	font-size: 13px;
	border-bottom: solid 1px #e8e8e8;
	text-align: left;
}

.print-header label {
	display: block;
}

.vaccines li h4 {
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px;
	text-transform: capitalize;
	font-weight: 400;
}

.vaccines li {
	padding:4px 0px 4px 6px;
	margin:0px;
	border-bottom: solid 1px #e8e8e8;
	overflow:hidden;
	list-style:none;
}

.vaccines li:nth-child(odd){
	background-color:#f1f1f1;
}

.vaccines li a {
	margin: 0 2px 0;
	text-decoration:none;
}

.alt {
	background-color:#D8DCEB;
}

/* ICONS */
.vaccine_icon{
	height: 20px;
	width: 20px;
	display: inline-block;
	position: relative;
	border-radius: 3px;
}

.vaccine_icon.pending {
	background: gray url(/images/icons/vaccines_icon.png) no-repeat center center/ 15px 14px;
}

.vaccine_icon.pending:after {
	color: white;
	    content: '\F067';
	    display: inline-block;
	    font: normal normal normal 8px/.8em FontAwesome;
	    right: 1px;
	    bottom: 2px;
	    position: absolute;
	    text-rendering: auto;
	    transition: all .2s;
	    visibility: visible;
}

.vaccine_icon.pending:hover {
	background-color: #7bc24d;
}

.vaccine_icon.requested {
	background: #f17c3a url(/images/icons/vaccines_icon.png) no-repeat center center/ 15px 14px;
}

.vaccine_icon.complete {
	background: #7cc24d url(/images/icons/vaccines_icon.png) no-repeat center center/ 15px 14px;
}

.vaccine_icon.complete:hover {
	background-color: #d45f24;
}

/*BOX FORMS */
.draggable.vaccines_add_box_form form {
	padding: 15px;
}

.vaccines_content ul li .hidden {
	display: none
}

@media print {
	.main-intro p,
	.vaccines_content ul li a,
	.vaccines_content > h2,
	.main-intro button {
		display: none
	}
	.content {
		margin-top: 0;
	}
	.print-header {
		display: flex;
		justify-content: space-between;
	}
	.vaccines_content ul li .hidden {
		display: block
	}

	div.vaccines_content ul.vaccines > li:not(.print-vaccine) {
		display: none;
	}
}