@charset "UTF-8";

/* =================================================
LOCAL STYLE SHEET
Use this to overwrite any of the global styles or add customized elements
================================================= */

@import url("/TemplatePackage/css/B/theme-purple.css");
/*COMMON*/
.alignnone {width: 12px;height: 12px; margin-right: 2px; float: left; margin-top: 5px;}
.caption {text-align:left}
.bottom10 {margin-bottom: 10px}
.smalltext90 {font-size: 0.9em; line-height: 1.5em; margin-bottom: 10px;}
.codehighlight {font-family: Cambria, Arial; margin-left: 15px;}
.citation-response {font-size: 13px;}
.clear {clear: both; }
.lnav-cop {width: 150px; margin-bottom: 15px;}
ol li {font-size: 1.0em;}
ul li {font-size: 1.0em;}
.lineBreak {
background: #66a3db;
height: 8px;
width: 50%;
margin: 20px 0px -5px;
}
.no-list-style {list-style-type: none;}
p {size: 16px !important;}
.posted {margin: 0in; font-family: Calibri; font-size: 11.0pt;}
.card-body {padding-top: 0.5em !important;}

.width100 {
width: 100%
}

.smallquote {font-size:  0.8em;}

.large25 {font-size:  1.2em;}

.large50 {font-size: 1.5em;} 

.width100-negbottom {
width: 100%;
margin-bottom: -15px;
}

/*ARROWS*/
.arrow-list li {
background: transparent url(/nssp/images/arrow.svg) 0px 3px no-repeat;
display: block;
size: 10px;
position: relative;
margin: 20px 0px 0px 0px;
padding: 0px 0 0px 2.0em;
list-style: none;
border-bottom: 1px solid transparent;
background-size: 15px;
}
.arrow-list-blue li{
background:transparent url('/nssp/images/blue_arrow.svg') 0.55em 0.09em no-repeat; /*top,bottom*/
display:block; 
position:relative; 
margin:0; 
padding:3px 0 5px 3.50em;
list-style:none;
border-bottom:1px solid transparent;
width: 10px; 
height: 10px; 
}

 

/*BADGES*/
.new-badge {
margin-top: -3px; 
background-color: #5ca510;
color: #FFFFFF;
font-weight: normal;
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s
}
.tip.badge {
font-size: 17px;
margin-top: -3px; 
background-color: #d4890f;
color: #FFFFFF;
font-weight: normal;
}

 /*BORDERS*/
.thin-gray-border {
border-style: solid;
border-width: thin;
border-color: #DCDCDC;
padding: 4px;
padding-top: 15px;
} 

.thin-red-border {
border-style: solid;
border-width: thin;
border-color: #B92025;
padding: 4px;
padding-top: 15px;
} 
/*BOXES*/
.box {
width: 80%;
margin-left: 10%;
margin-bottom: 20px;
padding: 15px;
border: solid 1px #000;
}
.boxNavy {
width: 78%;
margin-left: 11%;
margin-bottom: 10px;
padding: 14px;
border: solid 2px #000080;
}
.box-sidebar {
width: 35%; 
border: solid 2px #999; 
float: right; 
box-shadow: 3px 3px 5px #999; 
margin-left: 10px;
}
.box-sidebar ul{
font-size: .9em; line-height: 1.2em; margin-left: -15px;
}
.box-sidebar-padding {padding: 0px 8px 5px; margin-top: -25px;}
.box-sidebar img {width:100%;}
.box-sidebar h5 {color: #104a7c !important; text-align: center; margin-bottom:14px;}

#measlesBox {
width: 100%;
border: solid 1px #333;
box-shadow: 2px 5px 10px #444;
font-size: .9em;
line-height: 1.1em;
display: flex;
flex-direction: row;
}
#measlesBox img {
width: 98%;
margin-left: 2%;
vertical-align: middle;
}
#measlesBox .rightCol {
width: 60%;
padding: 15px;
margin: 0px;
}

.peach-box {width: 100%; background: #f4e8d2; margin: 0px 0px 10px; padding: 15px;}
.practiceWindow {
border: solid 1px #083482;
padding: 15px;
width: 76%;
margin-left: 12%;
margin-bottom: 15px;
}
.sideboxtitle {color: rgba(133,150,188,1.0)}
.sideboxfont {font-size: 14px;}

.window {
width: 70%;
margin-left: 15%;	
padding: 10px;
border: solid 1px blue;
}

.lightgreybox {
	background: #eceaea;
	padding: 6px;
}

/*CALENDAR*/
.calendar-border{
border-color: #ffffff; 
width: 100%; 
height: 1129px
}
.calendar-row{height: 30px;}
.calendar-date{width: 16.5217%;height: 30px;}
.calendar-row-info{width: 83.4783%;}
.smallcaps-calendar {font-size: small;line-height: 0.2;padding-bottom: 2px;}
.blue-calendar-words {
color: #2070D0;
font-weight:bold;
}

 /*FONTS*/
.consolas {font-family: Consolas,sans-serif; }

/*COLORS*/
.blue {color: #104a7c !important; margin-bottom:0px;}
.yellow {color: #E2A50C !important; margin-bottom:0px;}
.dkorange {color: #C45B28;}
.cdcgreenheader {color: #65B0BD; font-size: 1.2em;}
.sidebarheader {color: #006778; font-size: 1.1em; line-height: 1.5em;}
.redtext {color: #AF2D23; font-size: 1.0em;}
.bold-blue {color: #0088B7 !important; margin-bottom:0px; font-weight:bold}
.blue-back {
background-color: #0a75ad;
color: #ffffff;
padding:5px;
display: inline;}
.blueHeaderh4 { color: #0070c0;}
.green {color: green;}
.green-updated {color: #006400;}
.navy {color: #3d316a;}

.orange { color: #ed6f09;}
.gold { color: #d29428;}
.lightFont { font-weight: 200;}
.red {color: #cc0000;}
.red-sys {color: red;}


/*BACKGROUNDS*/

.orangebkg { background: #ed6f09;}

 

/*MARGINS*/
.negative-top {margin-top: -35px;}
.notop15 {margin-top: -15px !important;}
.notop8 {margin-top: -8px !important;}
.notop {margin-top: 0px !important;}
.top5 {margin-top: 5px;}
.top10 {margin-top: 10px;}
.top25 {margin-top: 25px;}
.left25 {margin-left:25px;}
.left6 {margin-left: 6%;}
.ESSENSEdata {margin-left: 15px;}
.indent {padding-left: 50px;}
.cste {border: #ffa500 3px solid;}
.tech-pub-list {margin-top: 10px;}
.spacer{height: 20px;}
.left-indent {padding-left:2.5rem;}
.center-focus {padding: 2% 20%;}
.nobottom {margin-bottom: 0px !important;}
.ppostdot {margin-left: 4%}
.center-table-icon {margin-left: 47%;}
.center-table-text {text-align: center;}
 

/*IMAGE BULLET*/
.star-list li{
background:transparent url('/ai/images/star.png') 0.55em 0.09em no-repeat; /*top,bottom*/
display:block; 
position:relative; 
margin:0; 
padding:3px 0 5px 3.50em;
list-style:none;
border-bottom:1px solid transparent; 
}
/*TABLES*/
.backBlue {background: #9cc2e5;}
.backYellow {background: #ffd966;}

.practiceTable td, .practiceTable tr {
padding: 10px;
border: solid 1px #083482;
}
.practiceTable th {
background: #083482;
color: #fff;
}
.practiceTable .description {
background: #ddd;
}
.practiceTable tr td:first-child, .practiceTable tr th:first-child {
width: 18%;
}
.practiceTable tr td:second-child, .practiceTable tr th:second-child {
width: 82%;
}
.marchTable { width: 100%; border: solid 1px #666; }
.marchTable .col1 { width: 30%; padding: 10px; border: solid 1px #666; }
.marchTable .col2 { width: 70%; padding: 10px; border: solid 1px #666; }

.implementationTable {background: #e4e4e4;}

.singleTable {
width: 75%;
margin: 0px auto;
}
.singleTable td, .tableCols td {
border: solid 1px #000;
text-align: center;
}

.tableCols {
display: flex;
width: 90%;
margin-left: 5%;
}
.tableCols div { width: 50%; }
.dualTable {
width: 96%;
margin: 10px 2%;
}

#lastTable tr td:nth-child(1) { width: 9%; }
#lastTable tr td:nth-child(2) { width: 20%; }
#lastTable tr td:nth-child(3) { width: 9%; }
#lastTable tr td:nth-child(4) { width: 15%; }
#lastTable tr td:nth-child(5) { width: 9%; }
#lastTable tr td:nth-child(6) { width: 15%; }
#lastTable tr td:nth-child(7) { width: 9%; }
#lastTable tr td:nth-child(8) { width: 14%; }
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

 

/*OLD NSSP UPDATE HEADINGS*/
.heading-community {
background: rgb(21, 109, 183); 
padding: 5px; color: rgb(255,255,255);
font-weight: normal;
margin-bottom: 25px;
}
.heading-cdcfunding {
background: #0096d6; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-essence {
background: #0096d6; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-upcomingevents {
background: #566c11 ; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-lastmonth {
background: #8b0e04; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-dataquality {
background: #ada19f; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-spotlight {
background: #c55a11; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-updates {
background: #0070c0; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-questions {
background: #767171; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-participation {
background: #0096d6; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-onboarding {
background: #566c11; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-cop {
background: rgb(21, 109, 183); 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-production {
background: rgb(28, 43, 54); 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-developing {
background: rgb(105, 152, 193) ; 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-resources {
background: rgb(69, 100, 129); 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}
.heading-upcoming {
background: rgb(49, 72, 90); 
padding: 5px; color: rgb(255, 255, 255);
font-weight: normal;
}

 

/*how-sys html*/
.li-font{font-size: 17px;}

 

/*NSSP landing page index html*/
.early-warning-header {
font-weight: 600; 
font-size: 1.425rem; 
font-family: Roboto,sans-serif; 
text-align: center; 
margin-top: 5px; 
margin-bottom: 15px; 
color: #007c91;
}
.sys-in-action-p {height: 10px;}
.story-links {
list-style: none; 
margin: 25px 12px 18px 12px; 
padding-bottom: 40px; 
font-size: 1.1em;
}

.hoverImg:hover {
transition-duration: .5s;
opacity: .85;
box-shadow: 3px 3px 5px #999;
}
.hoverImg { transition-duration: .5s; }
.hoverImg .jumbotron-overlay {
padding: 8px 17px;
}
.hoverImg .jumbotron-overlay p {
font-size: 1.2em;
font-weight: 500;
}
.hoverImg img { width: 100%; }
.slide-caption-icon-container {
display: none;
}
.learnMore .jumbotron-overlay {width: 0px;}
.slick-slider[data-cdc-slider=standard-slider] .slide-caption.slide-caption-has-icon {
padding-bottom:0px;
}

.announcements .card-footer {
margin-top: -20px;
}
@media all and (-ms-high-contrast:none)
{
.fixFooter .card-footer a {
margin-top: -60px;
}

*::-ms-backdrop, .fixFooter .card-footer a { margin-top: -60px; } /* IE11 */
}
#banner:hover {
opacity: 0.9;
box-shadow: 5px 5px 8px #888;
}
.callAction {
margin-bottom: 15px;
}
.callAction .card-body p {
padding: 0px 10px 5px;
}
#storyLinks li {
margin-bottom: 10px;
}
@media (min-width: 20px) and (max-width: 1440px) {
.successStories .card-footer a {
margin-top: 0px;
margin-left: 0px;
position: relative;
}
.successStories .card-footer {
height: auto;
}
}
@media (min-width: 1441px) {
.successStories .card-footer a {
margin-top: -55px;
margin-left: 40px;
position: absolute;
}
.successStories .card-footer {
height: 0px;
}
@media (max-width: 991px) {
.body-wrapper h1:first-child {
display: inline !important;
}
}
/*CDC Heat & Health Tracker HTML*/
.citation-heat-track {
font-size: 12px;
}

 

/*collaborations-accelerate-sys-practice HTML*/
.collaborate {
width: 100%;
border: solid 2px #666;
border-radius: 30px;
padding: 15px;
text-align: center;
}
.colTitle {
color: #4472c4;
font-weight: 700;
}

 

/* CoP page */
.copsidebar {
border-color: #1db6b1;
padding-top: 10px;
border-style: solid;
}
.citation-quicklinks {
font-size: 13px;
margin-top: 7px;
line-height: 1rem;
}
/*NSSP News html*/
.news-ul {margin-left: -10px;}
.rightCol ul {margin-left: -20px;}
.header-year-margin {margin-top: 5px;}
 

/*Newsletter-month index.HTML*/
.tagline {
text-align: right;
padding:8px 15px;
margin: 0px;
color: white;
background: #585858;
font-family: Helvetica, Arial;
font-weight: 500;
}

.tagline h4 {
font-family: Helvetica, Arial;
margin: 0px 0px 3px; 
font-size: 1.05em;
}

.promos-header {
font-size: 15px; 
color: #707070;
font-weight: bold;
}

 

.promos-subh {
margin-top: 10px; 
font-family: "Open Sans",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
line-height: 1.3;
font-size: 1.375rem;
}
.pipe-key{
color: #3096dc; margin: 0px 4px;
}

 

/*resources.HTML*/
.headerHov a {
text-decoration: none;left
}
.headerHov .card-footer { display: none; }
.headerHov .card { padding: 0px; }
.headerHov .card-body { padding: 15px 15px 30px; }
#centerDiv ul {
display: table;
margin: 0px auto;
}

.mini-card-header {text-align: center;}
.mini-card-icon {text-align: center; margin: 15px 0px;}
.mini-card-text{text-align: center; margin: 10px 0px 0px;}
.no-list-circle {list-style: none;}
.lst-la {font-size: 12pt;}

.notesmallfont {
font-size: 13px;
line-height: 0.9rem;
padding-bottom: 12px;
}

 

/*Technical Tips and Training HTML*/
.margin-left-tech-training {
margin-left: 40px;}

 

/* Technical Updates page */
.citation-figure {
font-size: 13px;
margin-top: .4rem;
}
.t-caption {display: none;}

 

/*SCRAPS*/

.eventbox {
max-width: 700px; 
border-color: #000; 
border: 1px solid; 
text-align: left; 
margin: 0 auto;
}

.eventheading {
color: #2e74b5; 
margin-top: -5px; 
padding-top: -5px; 
}

.overline {
text-decoration: overline; 
line-height: 30%;
}

.community {
width: 205px;
margin-left: 15px;
}

.community img{
margin-top: -2px;
background-color: #f0eff7;
}

.community p.cdc-caption-text{
line-height:100%;
}

.onboarding {
width: 219px;
margin-left: 15px;
}
/*.community img{
margin-left: 28px;
}
.communityCOP img{
margin-left: 0px;
}*/
.tableRow { display: table-row; }
#measlesBox .leftCol {
width: 40%;
text-align:center;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.rightCapt { padding: 0px; width: 28%; float: right; border: solid 1px #444; margin: 0px 8px; }
.rightCapt .imgCont {
margin: 0px;
padding: 0px;
height: inherit;
}
.rightCapt img { margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: auto; }
.rightCapt .capt-title {
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
background: #5e7c97;
color: #fff;
font-weight: bold;
padding: 10px;
font-size: 1em;
line-height: 1.2em;
}
.rightCapt .p {
padding: 10px;
font-size: .9em;
line-height: 1.2em;
}
.markup {
color: #0070c0;
padding-left: 15px;
padding-bottom: 15px;
margin-top: 0px;
}
.tab {
margin-left: 100px;
margin-top: -18px;
margin-bottom: 20px;
}
.rightCapt2 { padding: 0px; width: 28%; float: right; border: solid 1px #444; margin: 0px 8px; }
.rightCapt2 img { margin: 0px; padding: 0px; width: 100%; height: auto; }
.rightCapt2 .capt2-title {
margin: 0px;
background: #15163b;
color: #fff;
font-weight: bold;
padding: 10px;
font-size: 1em;
line-height: 1.1em;
}
.rightCapt2 .p {
padding: 5px;
font-size: .9em;
line-height: 1em;
}
.imgShadow {
margin-top: -15px;
top: -15px;
padding: 0px;
box-shadow: 10px 10px 20px #999;
}
#marchCode1Block {
padding-left: 50px;
margin-bottom: 20px;
}
#marchCode2Block {
border: solid 1px #444;
padding: 10px;
}
.yellowBK {background: yellow; }
.padTop { padding-top: 16px; }
.tsidebar {background-color: #ebf5f6;}
.li-techupdate{font-size: 12pt}
.related {margin-left: 60px;}
.rlinks-em {
font-size: .85em; 
text-align: right; 
margin-right: 25px; 
margin-bottom: -15px;
}
#rightGirl .figure-caption {
position: relative;
}
#rightGirl .figure-caption .col-md-8 {
margin-right: -15%;
padding-right: 5%;
}
#rightQuote {
position: absolute;
bottom: 5px;
right: 5%;
}


/*Compliance Test	*/


#month {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: right;
padding-right: 40px;
color: #011b32;
margin-top: -14px;
font-weight: 500;
}
#tocBackground {
background: #e4e8ef;
padding-top: 0px;
margin-bottom: 10px;
}
#tableOfContents {
display: flex;
padding: 0px 15px 15px;
margin: -15px 0px 0px;
}
.colToC {
width: 33%;
padding: 0px 20px 0px 0px;
}
#archive {
margin-top: 20px;
text-align: right;
}
#tableOfContents h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: .98em;
font-weight: 600;
margin-bottom: 0px;
margin-top: 10px;
}
#tableOfContents ul {
font-size: .95em;
list-style: none;
padding: 0px;
margin-left: 15px;
}
#tableOfContents a {
text-decoration: none;
color: black;
}
#tableOfContents a:hover {
text-decoration: underline;
color: #666;
}
#archive a {
color: blue;
text-decoration: underline;
}
#archive a:hover {
color: blue;
text-decoration: none;
}
#tableOfContents li {
line-height: 1.2em;
margin-bottom: 13px;
font-size: .9em;
background-image: url("/nssp/news/2019/12-december/bullet.gif");
background-size: 5px;
background-position: 0px 7px;
background-repeat: no-repeat;
margin-left: -10px;
padding-left: 14px;
}
h3 {
font-size: 1.35rem
}

.smallh3 {
font-size: 17px;
}

.smallcaps {
font-size: small;
}

.citation {font-size: 0.8em; line-height: 1.5em; margin-bottom: 10px;}
	
#leftCallOut {
float:left;
width: 28%;
color: #e08b54;
padding-right: 10px;
margin-right: 15px;
margin-bottom: 18px;
margin-top: 15px;
}
#leftCallOut h3 {
font-size: 1.3em;
}
#leftCallOut .caption {
text-align: center;
color: #666;
}
.listBlueBlock {
font-size: .95em;
list-style: none;
padding: 0px;
margin-left: 30px;
}
.listBlueBlock li {
line-height: 1.2em;
margin-bottom: 13px;
background-image: url("/nssp/news/2019/12-december/bullet.gif");
background-size: 5px;
background-position: 0px 7px;
background-repeat: no-repeat;
margin-left: -10px;
padding-left: 14px;
}
.listItalic li a, .listItalic li em {
line-height: 1.5em;
}
.signature {
font-size: .9em;
}
.rightCallOut {
width: 40%;
float: right;
border: solid 2px #666;
border-radius: 30px;
padding: 15px;
text-align: center;
}
.rightCallOut img {
width: 100%;
}
.rightcallOut ul li {
text-align: left;
}
.colTitle {
color: #4472c4;
font-weight: 700;
}
.bold {
font-weight: 700;
}
.text {
font-size: .9em;
}
.floatLeft {
width: 60%;
padding-right: 20px;
}
.floatLeft a {
white-space: pre-wrap; /* CSS3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#collaborate {
width: 30%;
float: right;
border: solid 2px #666;
border-radius: 30px;
padding: 15px;
text-align: center;
}
#collaborate img {
width: 100%;
}
.red {
color: red;
}

.rightImgFloat {
width: 35%;
float: right;
margin-left: 15px; 
}
.rightImgFloat img { width: 100%; }
.rightImgFloat .caption {
font-size: .9em;
}
#copSites {
width:90%;
margin-left: 5%;
border: solid 1px #999;
z-index: 0;
}
#womanComputer { position: relative; }
#womanComputer img {
position:absolute;
right: 15px;
bottom: 0px;
z-index: 1;
}
#copSites ul {
margin-top: 12px;
margin-left: 20px;
}