.rectangle-txt-background-striped-purple {
    background-color: white;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 10px;
    color: black;
    font-size: calc(.45em + .3vw);
    font-weight: 600;
    text-align: center;
    width: 50%;
    border-radius: 50px;
    z-index: 10;
}

.rectangle-txt-white-small-60em
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: 0.60em;
	font-weight: 600;
	text-align: center;
	width: 150%;
}

main ul > li ul > li ul {
    list-style-type: disc;
    margin-bottom: 0;
}

div.or-image {
   width:30px; /*width of your image*/
   height:30px; /*height of your image*/
   background-image:url('https://www.cdc.gov/vaccines/schedules/images/or-icon.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
	float:right;

	transform: translate(1%, -50%);
        z-index: 10;
}
div.or-image-flu {
   width:30px; /*width of your image*/
   height:30px; /*height of your image*/
   background-image:url('https://www.cdc.gov/vaccines/schedules/images/or-icon.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
	float:right;

	transform: translate(90%, -110%);
        z-index: 10;
}

div.tbl-container {
  border: 1px solid green;
  padding: 2px;
  position: relative;
  width: 150px;
}

div.tbl-container-content {
  background: green;
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
}



.image-or img {
    vertical-align: top;
    position: relative;
    top: 50%;
    transform: translate(10%, -140%);
}

table.table tbody tr:last-child td {
    border-bottom: 1px solid #000 !important;
}

.sticky-headers  {
	  position: sticky !important;
	position: -webkit-sticky !important; /* Safari */
  top: 0; /* Don't forget this, required for the stickiness */
  
}

@media screen and (max-width: 768px) {
  .schedules-tbl-wrapper {
    overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch !important;
  }
}


.header-slate
{
	   background-color: #b2b3b6 !important;
	
}

.schedule-checkers {
  background-image: url("https://www.cdc.gov/vaccines/hcp/imz-schedules/images/checkers.png");
  background-repeat:repeat;
  background-color: #f1c622;
		}


.schedule-circle-or {
position:inherit;
	background-image: url("/vaccines/schedules/images/or-icon.png");
background-repeat:no-repeat;
	background-color: #ffd204 !important;
	width: 30px;

}

.tc-width-7
{
	width: .7%;
	
}
	
div.more-information {
   height:20px; /*height of your image*/
   background-image:url(https://www.cdc.gov/vaccines/schedules/images/more-info.png);
   
	float:left;
  background-repeat: no-repeat; /* Do not repeat the image */
}

iframe
{
overflow:auto;
-webkit-overflow-scrolling:touch;
}

.font-gray
{
	color: #747474

}

.font-blue
{
	color: #015dab

}




.table td.text-bottom
{
	vertical-align: bottom !important;
	
}


.table th, .table td {
   
    vertical-align: center !important;
	   
}

.table td.margin-right-none
{
	margin-right:0px !important;
	
}
.table td.margin-left-none
{
	margin-left:0px !important;
	margin-left:0px !important;
	
}

.table td.padding-left-two
{
	padding-left:2px;
	
}
.table td.padding-left-none
{
	padding-left:0px !important;
	
}
.table td.padding-right-none
{
	padding-right:0px !important;
	
}

.table td.padding-bottom-none, .table th.padding-bottom-none
{
	padding-bottom:0px !important;
	
}

.table td.padding-top-none, .table th.padding-top-none
{
	padding-top:0px !important;
	
}

.table td.padding-right-two
{
	padding-right:2px;
	
}

.table-catchup td {
   
    text-align:left;
    
}

.table-catchup td.text-align-right
{
	text-align:right;
}

.table-catchup td.text-align-left
{
	text-align:left !important;
}


.table-catchup th.text-align-center
{
	text-align:center;
}


.table-schedule td {
   
    text-align: center;
	vertical-align: middle;
    
}

.table-schedule td.text-align-right
{
	text-align:right;
}

.table-schedule td.text-align-left
{
	text-align:left;
}


.table-schedule th.text-align-center
{
	text-align:center;
}

.table th.dotted-border-top {
    border-top: 5px dotted #000000;
	
}
.table th.dotted-border-bottom {
    border-bottom: 5px dotted #000000;
	
}

.table td.dotted-border-top {
    border-top: 5px dotted #000000;
	
}
.table td.dotted-border-bottom {
    border-bottom: 5px dotted #000000;
	
}

.table tr.dotted-border-bottom {
    border-bottom: 5px dotted #000000;
	
}

.table tr.dotted-border-top {
    border-top: 5px dotted #000000;
	
}


.table tbody + tbody {
  border-top: 1px solid #000000;
}


.table-bordered {
  border: 1px solid #000000;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #000000;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
}


.table-bordered-footnotes th,
.table-bordered-footnotes td {
  border: 1px solid #d2cfcf;
}

.table-bordered-footnotes thead th,
.table-bordered-footnotes thead td {
  border-bottom-width: 1px;
}


.table th.padding-zero, .table td.padding-zero {
	padding-top:0px !important;
}
.table th.padding-two, .table td.padding-two {
	padding-top:2px !important;
}

.lb-yellow
{border-left:#ffcf00 12px solid !important;}

.lb-green {
    border-left:#73ae94 12px solid !important;
}
.lb-red {
    border-left:#c32032 12px solid !important;
}
.lb-purple {
    border-left:#bd9ac6 12px solid !important;
}
.lb-purple {
    border-left:#bd9ac6 12px solid !important;
}
.lb-blue {
    border-left:#a3d8f5 12px solid !important;
}

.lb-orange {
    border-left:#f58220 12px solid !important;
}
.lb-brown {
    border-left:#a15c40 12px solid !important;
}
.lb-gray{
	border-left:#d5d7d8 12px solid !important;
}
.lb-pink{
	border-left:#d83485 12px solid !important;
}
.lb-orange-adult{
	border-left:#f7941e 12px solid !important;
}

.lb-etr-yellow{
	border-left:#FFF087 12px solid !important;
}

.schedule-brown{
	 background-color:#6b5145 !important;
}
.schedule-yellow {
	background-color:#ffd204 !important;
}

.schedule-green {
	background-color:#76ad9a !important;
}


.schedule-red {
	background-color:#c32032 !important;
}

.schedule-purple {
	background-color:#b897c6 !important;
}


.schedule-white{
	 border: 1px solid #ddd;
}

.schedule-blue{
	 background-color:#a3d8f5 !important;
}

.schedule-orange{
	 background-color:#f58220 !important;
}

.schedule-gray{
	 background-color:#d5d7d8 !important;
}
.schedule-pink{
	 background-color:#d83485 !important;
}
.schedule-adult-orange{
	 background-color:#f7941e !important;
}

.rectangle-striped-dk-green {
  height: 40px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #004a54, #004a54 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50px;
}

.etr-child-dkgreen {
	 height: 40px;
  width:90px;
  background-color: #004a54;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.etr-child-ltgreen {
	 height: 40px;
  width:90px;
  background-color: #42c0af;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.etr-teen-dk-magenta {
	 height: 40px;
  width:90px;
  background-color: #903f98;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.etr-teen-dk-violet {
	 height: 40px;
  width:90px;
  background-color: #422a74;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.etr-teen-dk-violet-covid {
	 height: 45px;
  width:90px;
  background-color: #422a74;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}


.etr-teen-lt-violet{
	 height: 40px;
  width:90px;
  background-color: #e0d7ea;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.etr-teen-lb-blue
{border-left:#00a4e4 12px solid !important;}

.etr-teen-lb-green 
{border-left:#8dc642 12px solid !important;}

.etr-teen-lb-orange 
{border-left:#e8ac2d 12px solid !important;}

.etr-teen-lb-purple 
{border-left:#662e8a 12px solid !important;}


.etr-teen-schedule-blue {
	background-color:#00a4e4
}
.etr-teen-schedule-green {
	background-color:#8dc642;
}
.etr-teen-schedule-orange {
	background-color:#e8ac2d;
}
.etr-teen-schedule-purple {
	background-color:#662e8a;
}

.etr-adult-schedule-pink {
	background-color:#D2BCC8;
}
.etr-adult-schedule-green {
	background-color:#11825D;
}
.etr-adult-schedule-blue {
	background-color:#10A2CF;
}
.etr-adult-schedule-gray {
	background-color:#CCC;
}

.etr-child-schedule-blue {
	background-color:#005EAB;
	color:#FFFFFF;
}
.etr-child-schedule-yellow {
	background-color:#FFF087;
}

.table th.border-none, .table td.border-none {
	border:none !important;
}

.table th.bottom-border-none, .table td.bottom-border-none {
	border-bottom:hidden !important;
}

.table th.top-border-none, .table td.top-border-none {
	border-top:none !important;
}


.table th.left-border-none, .table td.left-border-none {
	border-left:none !important;
}

.table th.right-border-none, .table td.right-border-none {
	border-right:none !important;
}


#main-container .red-color {
    color: #8f0000 !important;
}

#main-container .red-color {
    color: #8f0000 !important;
}
#main-container .bold {
    font-weight: 700;
}

.datestamp {

    border: medium none;
    color: #696969;
    font-size: 0.7em;
   
}

sub, sup {
   
    line-height: 1.5em;
   
}

.font-white {
	color: #fff !important;
}

.font-yellow {
	color: #ffd204;
}

.primary-bg-color {
    background: #c1d5b0 none repeat scroll 0 0 !important;
}

.blue-bg-color
{
	background-color:#c6cfe7;	
}

.red
{
	color:#e03443;	
}
.blue
{
	color:#0061a5;	
}



.bottom-border
{
	border-bottom:#CCCCCC solid thin;
	
}

.right-padding-none
{
	padding-right:0px !important;

}

.font-size-75rem
{
	font-size:.75rem;
	
}

.font-size-8
{
	font-size:8px;
	
}

.font-size-9
{
	font-size:9px;
	
}

.font-size-10
{
	font-size:10px;
	
}

.font-size-11
{
	font-size:11px;
	
}
.font-size-12
{
	font-size:12px;
	
}
.font-size-13
{
	font-size: 13px;
	
}
.font-size-14
{
	font-size: 14px;
	
}
.font-size-15
{
	font-size: 15px;
	
}

.width-7
{
	width:7%;
}

.card-container
{
	 padding: .5rem;
}

.card-container
{
	 flex: 1 1 auto;
}



/*Teen-parent-friendly styles*/

.circle-teen
{
	
	width:60px;
	background: #0b2d72;
	border-radius: 50%;
	line-height: 0;
	position:relative;
	margin-left: auto;
	margin-right:auto;
	}

.circle-teen::after{
	
	content: "";
	display:inline-block;	
	padding-bottom: 100%;
	}
.circle-teen-txt
{
	 position:absolute;
  top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size:1.2em;
	width:90%;
}

.circle-teen-container{
	  
  margin: 50px;
  outline: solid 1px black;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*teen-rectangles*/


.square-white{
  height: 50px;
  width:100%;
  background-color: #ffffff;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
	
}
.square-light-blue{
  height: 50px;
  width:100%;
  background-color: #007bc3;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
	
}
.square-dark-blue{
  height: 50px;
  width:100%;
  background-color: #0c2a63;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
	
}


.square-pink {
  height: 40px;
  width:100%;
  background-color: #d01778;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
	
}

.square-purple {
  height: 40px;
  width:100%;
  background-color: #903f98;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
}
.square-purple-light {
  height: 40px;
  width:100%;
  background-color: #f1daea;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
}
.square-deep-purple {
  height: 40px;
  width:100%;
  background-color: #583f99;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
}
.square-deep-purple-light {
  height: 40px;
  width:100%;
  background-color: #e0d7ea;
	border-radius: 0px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-pink-light {
  height: 40px;
  width:90px;
  background-color: #f8d9e1;
	border-radius: 50px;
	 margin-left: auto;
	 margin-left: auto;
    margin-right: auto;
	
}
.rectangle-striped-pink {
  height: 40px;
  width:100%;
  background-image: repeating-linear-gradient(0deg, #d01778, #d01778 4px, #f1f1f2 4px, #f1f1f2 6px);
	 border-radius: 50px 5px 5px 50px;
}

.rectangle-striped-blue-lradius-adult-right-aligned {
  height: 50px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #2e84c6, #2e84c6 4px, #f1f1f2 4px, #f1f1f2 6px);
	 border-radius: 50px 5px 5px 50px;
	position:relative;
	float: right;
}

.rectangle-striped-blue-rradius-adult-left-aligned {
  height: 50px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #2e84c6, #2e84c6 4px, #f1f1f2 4px, #f1f1f2 6px);
	 border-radius: 5px 50px 50px 5px;
	position:relative;
	float: left;
}


.rectangle-light-blue-rradius-adult-left-aligned {
  height: 50px;
  width:250px;
   background-color: #007bc3;
	 border-radius: 5px 50px 50px 5px;
	position:relative;
	float: left;
	transform: translate(-10%, -0%);
}

.rectangle-light-blue-lradius-adult {
  height: 50px;
  width:100%;
     background-color: #007bc3;
	 border-radius: 50px 5px 5px 50px;
}

.rectangle-white-lradius-adult-right-aligned {
  height: 50px;
  width:100%;
     background-color: #ffffff;
	 border-radius: 50px 5px 5px 50px;
	position:relative;
	float: right;
}
.rectangle-light-blue-lradius-adult-right-aligned {
  height: 50px;
  width:100%;
     background-color: #007bc3;
	 border-radius: 50px 5px 5px 50px;
	position:relative;
	float: right;
}
.rectangle-light-blue-rradius-adult {
  height: 50px;
  width:100%;
     background-color: #007bc3;
	 border-radius: 5px 50px 50px 5px;
}

.rectangle-dark-blue-lradius-adult {
  height: 50px;
  width:100%;
     background-color: #0c2a63;
	 border-radius: 50px 5px 5px 50px;
}

.rectangle-white-rradius-adult {
  height: 50px;
  width:100%;
     background-color: #ffffff;
	 border-radius: 5px 50px 50px 5px;
}
.rectangle-dark-blue-rradius-adult {
  height: 50px;
  width:100%;
     background-color: #0c2a63;
	 border-radius: 5px 50px 50px 5px;
}

.rectangle-dark-blue-rradius-adult {
  height: 50px;
  width:100%;
   background-color: #0c2a63;
	 border-radius: 5px 50px 50px 5px;
	position:relative;
	float: left;
}

.rectangle-dark-blue-rradius-adult-left-aligned {
  height: 50px;
  background-color: #0c2a63;
	 border-radius: 5px 50px 50px 5px;
	transform: translate(-2%, -0%);
}

.rectangle-striped-blue-rradius {
  height: 50px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #2e84c6, #2e84c6 4px, #f1f1f2 4px, #f1f1f2 6px);
	 border-radius: 5px 50px 50px 5px;
}


.rectangle-striped-blue {
  height: 40px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #2e84c6, #2e84c6 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50px;
}


.rectangle-striped-purple {
  height: 40px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #583f99, #583f99 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50px;
}
.rectangle-striped-dk-violet {
  height: 40px;
  width:100%;
  background-image: repeating-linear-gradient(135deg, #422a74, #422a74 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50px;
}

.rectangle-purple-light-lradius {
  height: 40px;
  width:100%;
  background-color: #f3dae9;
	border-radius: 50px 5px 5px 50px;
  
}

.rectangle-purple-light-rradius {
  height: 40px;
  width:100%;
  background-color: #f3dae9;
  border-radius: 5px 50px 50px 5px;
}

.rectangle-deep-purple-lradius {
  height: 40px;
  width:100%;
  background-color: #583f99;
	border-radius: 50px 5px 5px 50px;
  
}

.rectangle-deep-purple-light-rradius {
  height: 40px;
  width:100%;
  background-color: #e0d7ea;
  border-radius: 5px 50px 50px 5px;
}

.rectangle-pink-light-rradius {
  height: 40px;
  width:100%;
  background-color: #f9dae4;
  border-radius: 5px 50px 50px 5px;
}

.rectangle-teen-green-light {
  height: 40px;
  width:100%;
  background-color: #dbeab2;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-teen-orange-light {
  height: 40px;
  width:100%;
  background-color: #ffebbc;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-teen-deep-orange-light {
  height: 40px;
  width:100%;
  background-color: #fee1c3;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-teen-red-light {
  height: 40px;
  width:100%;
  background-color: #f8dfdb;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-teen-blue-light {
  height: 40px;
  width:100%;
  background-color: #d4ebf6;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-teen-red-soft {
  height: 40px;
  width:100%;
  background-color: #f47b6a;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-red-soft {
  height: 40px;
  width:90px;
  background-color: #f47b6a;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}


/*child-parent-friendly styles*/
.circle
{
	
	width:80px;
	background: #0b2d72;
	border-radius: 50%;
	line-height: 0;
	position:relative;
	margin-left: auto;
	margin-right:auto;
}

.circle::after{
	
	content: "";
	display:inline-block;	
	padding-bottom: 100%;
	
}
.circle-txt
{
    position: absolute;
    top: 50%;
    left: 42px;
    transform: translate(-50%, -50%);
    margin: 0;
    color: white;
    font-size: 1.2em;
    width: 90%;
}

.circle-txt-birth-spanish
{
	 position:absolute;
  top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size:.80em;
	width:90%;
}

.circle-container{
	  
  margin: 50px;
  outline: solid 1px black;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*RECTANGLES*/
/*note: setting border-radius with pixels vs. percent creates more of a pill shape instead of oval */
.rectangle-red {
  height: 40px;
  width:90px;
  background-color: #d71d24;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
	}

.rectangle-red-light {
  height: 40px;
  width:90px;
  background-color: #f6ded8;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-pink {
  height: 40px;
  width:90px;
  background-color: #d01778;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
	}

.rectangle-pink-light {
  height: 40px;
  width:90px;
  background-color: #f8d9e1;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-purple {
  height: 40px;
  width:90px;
  background-color: #903f98;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-purple-light {
  height: 40px;
  width:100%;
  background-color: #f1daea;
	border-radius: 50px;
}
.rectangle-deep-purple {
  height: 40px;
 width:90px;
  background-color: #583f99;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-deep-purple-light {
  height: 40px;
  width:100%;
  background-color: #e0d7eb;
	border-radius: 50px;
}
.rectangle-deep-blue {
  height: 40px;
 width:90px;
  background-color: #0b2d72;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-deep-blue-light {
  height: 40px;
  width:100%;
  background-color: #d1ddf1;
	border-radius: 50px;
}
.rectangle-blue {
  height: 40px;
 width:90px;
  background-color: #0077bc;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-blue-light {
  height: 40px;
  width:100%;
  background-color: #d2e8f4;
	border-radius: 50px;
}

.rectangle-dark-blue {
  height: 40px;
 width:90px;
  background-color: #006187;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-light-blue-adult {
  height: 50px;
 width:90px;
  background-color: #007bc3;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-light-blue-adult-19 {
  height: 50px;
 width:90px;
  background-color: #007bc3;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}

.rectangle-light-blue-adult-rradius-65 {
  height: 50px;
 width:25px;
  background-color: #007bc3;
	border-radius: 5px 50px 50px 5px;
	position:relative;
	left:0%
}


.rectangle-light-blue-adult-lradius {
  height: 40px;
 width:90px;
  background-color: #007bc3;
	border-radius: 50px 5px 5px 50px;
	 margin-left: auto;
    margin-right: auto;
}


.rectangle-dark-blue-adult {
  height: 50px;
 width:90px;
  background-color: #0c2a63;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}



.rectangle-deep-green {
  height: 40px;
  width:90px;
  background-color: #008071;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-deep-green-flu {
  height: 40px;
  width:100%;
  background-color: #008071;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-green {
  height: 40px;
  width:90px;
  background-color: #9aca3c;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-green-light {
  height: 40px;
  width:100%;
  background-color: #dbeab1;
	border-radius: 50px;
}
.rectangle-orange {
  height: 40px;
  width:90px;
  background-color: #ffc222;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-orange-light {
  height: 40px;
  width:100%;
  background-color: #ffeabb;
	border-radius: 50px;
}
.rectangle-deep-orange {
  height: 40px;
  width:90px;
  background-color: #f99d1c;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
}
.rectangle-deep-orange-light {
  height: 40px;
  width:100%;
  background-color: #fee1c3;
	border-radius: 50px;
}

/*rectangle text*/
.rectangle-txt-footnotes-white
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size:1em;
}
.rectangle-txt-footnotes
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size:1em;
}

.rectangle-txt
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size: 0.85em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-spanish
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size: 0.80em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-white-smaller
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: 0.65em;
	font-weight: 600;
	text-align: center;
}
.rectangle-txt-black-smaller
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size: 0.65em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-white
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: 0.85em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-black
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: 000000;
	font-size: 0.85em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-white-adult
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: calc(.50em + .3vw);
	font-weight: 600;
	text-align: center;
}
.rectangle-txt-white-adult-es
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-white-adult-left
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: calc(.45em + .4vw);
	font-weight: 600;
	text-align: left;
}

.rectangle-txt-white-adult-right
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: calc(.45em + .4vw);
	font-weight: 600;
	text-align: center;
	padding-right:3px;
}

.rectangle-txt-white-spanish
{
	 
   position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: white;
	font-size: 0.80em;
	font-weight: 600;
	text-align: center;
}

.rectangle-txt-background
{
	background-color:#e0d7eb;
	position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size: 0.85em;
	font-weight: 600;
	text-align: center;
	width: 30%;
    border-radius: 50px;
}

.rectangle-txt-background-striped-green
{
	background-color:#eff9fa;
	position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin-right:10px;
	color: black;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 100%;
    border-radius: 50px;
	z-index:10;
}

.rectangle-txt-background-striped-blue
{
	background-color:#deeaf6;
	position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin-right:10px;
	color: black;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 100%;
    border-radius: 50px;
	z-index:10;
}

.rectangle-txt-background-dark-blue
{
	background-color:##0c2a63;
	position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin-right:10px;
	color: white;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 100%;
    border-radius: 50px;
	z-index:10;
}






.rectangle-txt-background-striped-blue-rsv
{
	background-color:#deeaf6;
	position:relative;
  	top:50%; left:30%;
  transform: translate(-50%, -50%);
  margin-right:10px;
	color: black;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 100%;
    border-radius: 50px;
	z-index:10;
}

.width-115
{width: 115%;}

.width-130
{width: 130%;}

.width-200
{width: 200%;}

.width-250
{width: 250%;}

.width-270
{width: 270%;}

.width-350
{width: 350%;}

.width-1200
{width: 1200%;}


.hcp-sm-txt-background-overlay
{
	position:absolute;
  	top:50%;
  transform: translate(1%, -50%);
 	color: black;
	font-size: calc(.40em + .3vw);
	text-align: center;
	z-index:10;
    border-radius: 50px;

}


.hcp-txt-background-overlay
{
	position:absolute;
  	top:50%;
  transform: translate(1%, -50%);
 	color: black;
	text-align: center;
	z-index:10;
    border-radius: 50px;

}

.rectangle-txt-background-overlay
{
	position:relative;
  	top:50%;
  transform: translate(10%, -50%);
 	color: white;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 140%;
	z-index:10;
    border-radius: 50px;

}
.rectangle-txt-black-background-overlay
{
	position:relative;
  	top:50%;
  transform: translate(10%, -50%);
 	color: black;
	font-size: calc(.45em + .3vw);
	font-weight: 600;
	text-align: center;
	width: 170%;
	z-index:10;
    border-radius: 50px;

}

.rectangle-txt-background-striped-blue-rradius
{
	background-color:#deeaf6;
	position:relative;
  	top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin-right:10px;
	color: black;
	font-size: 0.85em;
	font-weight: 600;
	text-align: left;
	width: 200px;
    border-radius: 5px 50px 50px 5px;

}

.rectangle-txt-background-striped-blue-lradius
{
	background-color:#deeaf6;
	position:relative;
  	top:50%; left:75%;
  transform: translate(-50%, -50%);
  margin:0;
	color: black;
	font-size: 0.85em;
	font-weight: 600;
	text-align: right;
	width: 90%;
    border-radius: 50px 5px 5px 50px;
}

.legend-rectangle-size{
	width: 95px;
	margin-right: 10px;
	text-align: center;
	}

.legend-rectangle-size-adult{
	width: 45px;
	margin-right: 10px;
	text-align: center;
	}


.width-300px
{width: 300px;}


.width-200px
{width: 200px;}

.width-100px
{width: 100px;}


.percent-2{
	width: 2%;

}
.percent-5{
	width: 5%;

}
.percent-6{
	width: 6.5%;

}
.percent-8{
	width: 8%;

}

.percent-10{
	width: 10%;

}
.percent-15{
	width: 15%;

}

.percent-18{
	width: 18.75%;

}
.percent-20{
	width: 20%;

}
.percent-30{
	width: 30%;

}
.percent-40{
	width: 40%;

}

.percent-45{
	width: 45%;
	margin-right: 10px;
}
.percent-45-adult{
	width: 45%;
	
}
.percent-50{
	width: 50%;
}
.percent-56{
	width: 56%;
}
.percent-60{
	width: 60%;
}
.percent-70{
		width: 70%;
}
.percent-85{
		width: 85%;
}
.percent-90{
		width: 90%;
}
.percent-100{
		width: 100%;
}


.float-shapes-left{
	float:left;
}
.float-shapes-right{
	float:right;
}


.table th.border-left-red {
    border-left: 5px solid #d71d24;
	
}
.table th.border-left-pink {
    border-left: 5px solid #d01778;
	
}

.table th.border-left-purple {
    border-left: 5px solid #903f98;
	
}
.table th.border-left-deep-purple {
    border-left: 5px solid #583f99;
	
}
.table th.border-left-deep-blue {
    border-left: 5px solid #0b2d72;
	
}

.table th.border-left-dk-blue-adult {
    border-left: 5px solid #0c2a63;
	
}
.table th.border-left-lt-blue-adult {
    border-left: 5px solid #007bc3;
	
}
.table th.border-left-dk-slate {
    border-left: 5px solid #4c4d4f;
	
}
.table th.border-left-lt-slate {
    border-left: 5px solid #b2b3b6;
	
}

.table th.border-left-dark-blue {
    border-left: 5px solid #006187;
	
}

.table th.border-left-deep-green {
    border-left: 5px solid #008071;
	
}
.table th.border-left-green {
    border-left: 5px solid #9aca3c;
	
}
.table th.border-left-orange {
    border-left: 5px solid #ffc222;
	
}
.table th.border-left-deep-orange {
    border-left: 5px solid #f99d1c;
	
}

.table th.border-left-soft-red {
    border-left: 5px solid #f47b6a;
	
}

.table th.border-left-child-dkgreen {
    border-left: 5px solid #004a54;
	
}

.table th.border-left-child-ltgreen {
    border-left: 5px solid #42c0af;
	
}

.table th.border-left-teen-dkviolet {
    border-left: 5px solid #422a74;
	
}

.table th.border-left-teen-magenta {
    border-left: 5px solid #903f98;
	
}

.table th.border-left-blue
{
	 border-left: 5px solid #015dab;
}




.clear-both
{
	clear: both;
}

.font-weight-bold7
{	
	font-weight: 700;
	
}

.font-left-align
{
	text-align: left !important;
}

.rectangle-container
{width:100%;
height: 40px;
	position:relative;
}

.rectangle-dark-blue-adult-box {
  height: 100%;
 width:100%;
  background-color: #0c2a63;
	border-radius: 50px;
	 margin-left: auto;
    margin-right: auto;
	position:absolute;
}

.padding-25
{padding: 25px;}

.padding-left-50{
	padding-left: 50px;
}

.container-adult
{
	width:100%;
	position:relative;
	
	
}

.legend-dk-blue {
  height: 45px;
  width: 45px;
  background-color: #0c2a63;
  border-radius: 50%;
  display: inline-block;
}

.legend-lt-blue {
  height: 45px;
  width: 45px;
  background-color: #007bc3;
  border-radius: 50%;
  display: inline-block;
}
.legend-lt-green {
  height: 45px;
  width: 45px;
  background-color: #42c0af;
  border-radius: 50%;
  display: inline-block;
}

.legend-dk-green {
  height: 45px;
  width: 45px;
  background-color: #004a54;
  border-radius: 50%;
  display: inline-block;
}



.legend-dk-violet {
  height: 45px;
  width: 45px;
  background-color: #422a74;
  border-radius: 50%;
  display: inline-block;
}
.legend-lt-violet {
  height: 45px;
  width: 45px;
  background-color: #e0d7ea;
  border-radius: 50%;
  display: inline-block;
}
.legend-dk-magenta {
  height: 45px;
  width: 45px;
  background-color: #903f98;
  border-radius: 50%;
  display: inline-block;
}

.legend-striped-dk-violet {
  height: 45px;
  width: 45px;
  background-image: repeating-linear-gradient(135deg, #422a74, #422a74 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50%;
  display: inline-block;
}

.legend-striped-dk-green {
  height: 45px;
  width: 45px;
  background-image: repeating-linear-gradient(135deg, #004a54, #004a54 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50%;
  display: inline-block;
}




.legend-rectangle-striped-blue {
  height: 45px;
  width: 45px;
  background-image: repeating-linear-gradient(135deg, #2e84c6, #2e84c6 4px, #f1f1f2 4px, #f1f1f2 6px);
	border-radius: 50%;
  display: inline-block;
}
a.white-hyperlink {
    color: white;
    text-decoration: underline;
}