<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}
p, ul, td, th {font-family: 'Roboto', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Lato', sans-serif;}
.h3-highlight {font-size: 1.2rem}

.h5-roboto {font-family: 'Roboto', sans-serif; font-size: 21px}
.display-2 {font-family: 'Lato', sans-serif; font-size: 2.7em; line-height: 1}
.display-3 {font-family: 'Lato', sans-serif; font-size: 2.4em; line-height: 1}
.dot-img {width: 55px} /* width: 60 68px */
.text-roboto {font-family: 'Roboto', sans-serif;}


/* LANGUAGES DIV */

a:lang(en) {} /* english */
a:lang(ar) {color: #ae3b72} /* arabic */
a:lang(hy) {color: #ae3b72} /* armeanian */
a:lang(hi) {color: #ae3b72} /* hindi */
a:lang(km) {color: #ae3b72} /* khmer */
a:lang(zh-Hans) {color: #ae3b72; word-break: keep-all;} /* simplified chinese */
a:lang(zh-Hant) {color: #ae3b72; word-break: keep-all;} /* traditional chinese */
a:lang(fa) {color: #ae3b72} /* farsi */
a:lang(ja) {color: #ae3b72; word-break: keep-all;} /* japanese */
a:lang(ko) {color: #ae3b72; word-break: keep-all;} /* korean */
a:lang(ru) {color: #ae3b72} /* russian */
a:lang(es) {color: #ae3b72} /* spanish */
a:lang(tl) {color: #ae3b72} /* tagalog */
a:lang(th) {color: #ae3b72} /* thai */
a:lang(vi) {color: #ae3b72} /* vietnamese */


a {color: #4D4D4D; text-decoration: underline}
a:hover {color: #061f5c}

/* vaccine styles */
.bg-vaccineblue {background-color: #061f5c}
.bg-vaccinelblue {background-color: #3b7cca}
.bg-vaccineyellow {background-color: #f6b220}
.bg-vaccinepurple {background-color: #807DAB}
.bg-vaccinemagenta {background-color: #ae3b72}
.bg-vaccineteal {background-color: #28998b}

.text-vaccineblue {color: #061f5c}
.text-vaccineyellow {color: #f6b220}
.text-vaccinemagenta {color: #ae3b72}

.highlight-vaccineblue {background-color: #061f5c}
.highlight-vaccinelblue {background-color: #3b7cca}

.highlight-vaccineblue-h3 {background-color: #061f5c; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}
.highlight-vaccinelblue-h3 {background-color: #3b7cca; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}
.highlight-vaccinemagenta-h3 {background-color: #ae3b72; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}



/* RESOURCE PAGE */
.card-title {font-size: 16px; color: #48525b; font-weight: bold}
.card {border: solid 1px #979797; border-radius: 0px}
.card-img-top {border-radius: 0px}

.resource-top-section {}


/* BANNER SLIDE */
.bg-vaccine-img {
  background-image: url("../images/photo-vaccine.png");
  background-size: cover;
  background-position: right center;
  border-radius: 0;
}

/* BANNER SLIDE */
.bg-hcw-img {
  background-image: url("../images/photo-hcw.png");
  background-size: cover;
  background-position: right top;
  border-radius: 0;
}

/* FIXED FOOTER */
.fixed-footer {position: fixed; width: 100%; height: 40px; bottom: 0; z-index: 1}


/* MOBILE LANDSCAPE */
@media only screen and (min-width: 400px) {
	body {
		
	}

	.h5-roboto {font-size: 28px}
	.display-2 {font-size: 3rem;} /* font-size: 4rem; */
	.dot-img {width: 69px} /* width: 90 94px */
	.h3-highlight {font-size: 1.2rem}
	
}


/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	
	.display-2 {font-size: 5rem;}
	.dot-img {width: 112px} 
	.h3-highlight {font-size: 1.75rem}

	.resource-top-section {padding-left: 5px; padding-right: 5px}

}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
/* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
}
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width: 768px) {
  /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
}
/*******Nuevos mensajes de error******/
.new-message-box {
  margin: 15px 0;
  padding-left: 20px;
  margin-bottom: 25px !important;
  border-radius: 10px;
}

.new-message-box p {
  font-size: 1.9em;
  font-weight: 600;
}

.info-tab {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: 8px;
}

.info-tab {
  float: left;
  margin-left: -23px;
}

.info-tab i::before {
  width: 24px;
  height: 24px;
  box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
}

.info-tab i::after {
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  bottom: -18px;
}

.info-tab i::before, .info-tab i::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -17px;
  transform: rotateX(60deg);
}

.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-alert {
  padding: 12px 8px 3px 26px;
}

/***Success****/
.new-message-box-success {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-success {
  background: #8BC34A;
}

.tip-box-success {
  color: #33691E;
  background: #DCEDC8;
}

.tip-icon-success::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-success i::before {
  background: #8BC34A;
}

/*******Danger*******/
.new-message-box-danger {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-danger {
  background: #f44336;
}

.tip-box-danger {
  color: #b71c1c;
  background: #FFCCBC;
}

.tip-icon-danger::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-danger i::before {
  background: #f44336;
}

/*******warning*******/
.new-message-box-warning {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-warning {
  background: #FFEB3B;
}

.tip-box-warning {
  color: #212121;
  background: #FFF9C4;
}

.tip-icon-warning::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: #212121;
}

.tip-icon-warning i::before {
  background: #FFEB3B;
}

/*******info*******/
.new-message-box-info {
  background: #a1d4ca;/*#eeeeee;*/
  padding: 3px;
  border-radius:10px;
  margin: 10px 0;
}

.tip-box-info {
  color: #29666e;
  background: #a1d4ca;
}

/*.tip-box-info {
	color: #01579B;
	background: #B3E5FC;
}*/

.tip-icon-info {
  background: #29666e;
}

/*.tip-icon-info {
	background: #03A9F4;
  }*/

.tip-icon-info::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-info i::before {
  background: #29666e;
}

/*.tip-icon-info i::before {
	background: #03A9F4;
  }*/

/*******info*******/
.new-message-box-alert {
  background: #FF6F00;
  padding: 3px;
  margin: 10px 0;
}

.tip-box-alert {
  color: #212121;
  background: #FFF8E1;
}

.tip-icon-alert {
  background: #FF6F00;
}

.tip-icon-alert::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-alert i::before {
  background: #FF6F00;
}

/*************************/
body {
  background-color: #ffffff;
}</pre></body></html>