.pdf-link-icon::after {
  background: url("../../../../content/dam/bcbs/common/images/pdf-link-icon.svg") center no-repeat;
  content: '\2060';
  padding-right: 12px;
  margin: 0 0 0 4px;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*global start*/

* {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      line-height: 1.5;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
}

body {
      background: #e5e9ed;
      color: #464645;
      vertical-align: baseline;
      counter-reset: footnotes;
}

h1 {
      color:#6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 2rem;
      font-weight: 300;
      line-height: 1.2;
      margin: 0 0 1.2rem;
}

h2 {
      color:#6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 1.2;
      margin: 0 0 1.2rem;
}

h3 {
      color: #6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 1.375rem;
      font-weight: 300;
      line-height: 1.2;
      margin: 0 0 1.2rem 0;
}

h4 {
      color:#6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 0 1rem 0;
}

h5 {
      color: #6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 1.125rem;
      font-weight: 400i;
      line-height: 1.4;
      margin: 0 0 1rem 0;
}

h6 {
      color:#6d6d6d;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.5;
      margin: 0 0 1rem 0;
}

p {
      color: #444444;
      font-size: 1rem;
      margin: 0 0 1.5rem;
}

ul {
      font-size: 1rem;
      margin: 0 0 1rem 0;
}

ul li {
      list-style: none;
      margin: 0 0 0.5rem 0;
}

ol li {
      font-size: 1rem;
}

/*p:nth-last-child(1) {margin-bottom: 0; }*/

a {
      color: #0f6dbe;
      cursor: pointer;
      line-height: inherit;
      text-decoration: none;
}

a:hover, a:focus {
      color: #0f6dbe;
      /* text-decoration: underline; */
}

sub {
      font-size: 60%;
      position: relative;
      bottom: 0rem;
      vertical-align: baseline;
}

em {
      font-style: italic !important;
}

strong, b {
      font-weight: bold;
}

/*global end*/

.wrapper {
      background-color: #FFF;
}

.wrapper ul li a {
      text-decoration: underline;
}

/*utility classes*/

.no-padding {
      padding: 0;
}

.external-link, .external-link-white, .external-link-pdf {
      white-space: nowrap;
}

.external-link-pdf:after {
      content: '';
      background: url(../../../../content/dam/bcbs/hisccompliance/images/icons/pdf-icon.svg) no-repeat;
      background-size: contain;
      width: 12px;
      height: 14px;
      display: inline-block;
      margin: -3px 0 0 4px;
      vertical-align: middle;
}

.gray-divider {
      display: block;
      border-top: 1px solid #ccc;
      margin: 1rem 0 1rem;
      padding-bottom: 1rem;
      border-bottom: none;
}

/*utility classes end*/

.banner {
      position: relative;
      text-align: center;
}

.banner h1 {
      color: white;
      margin: 0;
}

.banner img {
      object-fit: cover;
}

.text-block {
      position: absolute;
      top: 12%;
      left: 0;
      /* background-color: lightblue; */
      color: white;
      display: inline-block; 
      /* background: rgba(175, 211, 224, 0.3); */
      border-top: 1px solid #CCDBE0;
      /* border-bottom: 1px solid #CCDBE0; */
      padding: 0.5rem 0;
      width: 71%;
}
.text-block-footer hr:nth-child(1){
    width: 45%;
    float: left;
    border-bottom: 1px solid #CCDBE0;
}
.text-block-footer hr:nth-child(3){
    width: 45%;
    float: right;
    margin-top: -22px;
    border-bottom: 1px solid #CCDBE0;
}

.text-block-footer img{
      display: inherit;
      padding-left: 18px;
  }
.text-block h1{
      font-size: 2.2rem;
}

.logo-image{
      background-image: url(../../../../content/dam/bcbs/hisccompliance/images/icons/compliance-icon.svg);
      width: 39px;
      height: 41px;
      position: absolute;
      left: 21rem;
  }
/*notice-bar start*/

.notice-bar {
      overflow: hidden;
      width: 100%;
      height: 80px;
      margin-bottom: 2rem;
      padding-top: 1rem;
}

.notice-bar p {
      display: inline-block;
      margin-bottom: 0;
      position: relative;
}

.notice-left-col {
      float: left;
      width: 50%;
      height: 100%;
      background-color: #d9eaf8;
      font-size: 1.1em;
      font-weight: bold;
      color: #2677a8;
      text-transform: uppercase;
      padding-top: 13px;
      position: relative;
      display: block;
}

.notice-left-col img {
      display: inline-block;
      float: left;
      padding-right: 10px;
      position: relative;
}

.notice-left-col:after {
      content: '';
      background: url(../../../../content/dam/bcbs/hisccompliance/images/image/divider.jpg);
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      background-size: cover;
      width: 37px;
}

.notice-left-col span {
      color: #95b8ce;
      display: inline-block;
      font-size: 0.8em;
}

.notice-right-col {
      display: block;
      background-color: #e7f2fa;
      height: 100%;
      padding: 1rem 0 0;
      text-align: center;
}

.notice-right-col h2 {
      display: block;
      margin: 0;
      color: #2677a8;
      font-weight: bold;
      font-size: 0.9em;
}

.notice-right-col a {
      color: #f9a049;
      font-weight: bold;
}

/*notice-bar end*/

.text {
      display: inline-block;
      width: 100%;
}

.icon-container {
      width: 3.5rem;
}

p .icon-container img {
      max-width: 78px;
      height: auto;
      max-height: 88px;
}

.small-9.medium-5.large-5.columns .title h2 {
      color: #6d6d6d;
      padding: 0 1rem 0.5rem 0;
      margin: 0 0 0.5rem;
      font-size: 1.1em;
      line-height: 1.1em;
      font-weight: bold;
      text-transform: uppercase;
      border-bottom: solid 2px #ccc;
}

.text h3 {
      color: #222;
      font-weight: bold;
      font-size: 0.9rem;
      margin: 0 0 0.5rem;
}


.paragraph-container {
      color: #282828; 
      position: relative;
      margin-left: 8.33333%;
      margin-right: 8.33333%;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
}



/*main content ends*/

.note {
      color: #666;
      font-size: 0.8rem;
      display: block;
      margin-top: -0.1rem;
      font-style: italic;
}

/*footer starts*/

footer {
      background: #e5e9ed;
      padding: 3rem 0;
      text-align: center;
}

footer p {
      color: #666666;
      font-weight: normal;
      font-size: 0.9em;
      margin: 0;
      padding: 0;
}

footer a {
      color: rgba(24, 140, 255, 1);
      font-weight: normal;
      text-decoration: underline;
      font-size: 0.9em;
      margin: 0;
      padding: 0;
      -webkit-transition: color 0.5s;
      transition: color 0.5s;
}

/*footer ends*/






/*media query starts*/

/*ipad*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .notice-left-col:after {
            background: none;
      }
      .wrapper ul li {
            margin-bottom: 0.75rem;
      }
      .wrapper ul li a {
            padding: 0.25rem 0;
      }
      .icon-container img {
            max-height: 55px;
      }
      .text-block h1 div:first-child{
            font-size:21px;

      }

      .text-block {
            /* background: rgba(175, 211, 224, 0.3); */
            border-top: 1px solid #CCDBE0;
            /* border-bottom: 1px solid #CCDBE0; */
            width:inherit;
            top:16%;
            left:25%;
            /* margin-left: -87px; */
      }
      
      .logo-image{
            left: 45.8%;
      }

      
      .text-block div:first-child{
            padding-left: 81px;
            padding-right: 80px;
      }
      .text-block h1{
            font-size: 1.5rem;
      }

      .text-block-footer img {
            display: inherit;
            padding-left: 14px;
            height: 28px;
            padding-top: 5px;
        }
}

/*mobile*/
@media (max-width: 39.9375em) {
      .banner {
            height: auto;
            min-height: 147px;
            background: linear-gradient(to bottom right, #2f80ae, #91cbe1);
            font-size: 1.5rem;
      }

      .banner > a > img {
            display: none;
      }

      .small-12.columns {
		padding-right: 1.9375rem;
		padding-left: 1.9375rem;
		min-width: initial;
	 }

    .small-3.columns {
		padding-right: 1rem;
		padding-left: 1rem;
		min-width: initial;
	}
	
	.large-7.small-12.columns, .large-5.small-12.columns {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
		min-width: initial;
	 }

      .text-block {
            /* background: rgba(175, 211, 224, 0.3); */
            border-top: 1px solid #CCDBE0;
            /* border-bottom: 1px solid #CCDBE0; */
            padding: 1rem 0;
            width:100%;
            /* top:21%; */
      }

      .text-block h1{
            font-size: 1.3rem;
      }
      h1 {
            font-size: 1.3rem;
      }
      .notice-bar {
            height: auto;
      }
      .notice-left-col {
            float: none;
            padding-bottom: 13px;
            width: 100%;
            height: auto;
      }
      .notice-left-col:after {
            background: none;
      }
      .notice-left-col span {
            display: inline-block;
            padding: 0.25rem 0 0 0;
      }
      .notice-right-col {
            padding: 1rem 0;
            width: 100%;
            height: auto;
      }
      #newsletters p {
            font-size: 1.1em;
            line-height: 1.2em;
      }
      #newsletters a.newsletter {
            font-size: 1em;
            line-height: 1.3em;
      }
      #training p {
            font-size: 1.1em;
            line-height: 1.2em;
      }
      #training a.training {
            font-size: 1em;
            line-height: 1.3em;
      }
      .appendix_links ul li a {
            font-size: 1.0em;
            line-height: 1.5em;
      }
      .text ul {
            margin-bottom: 2rem;
      }
      .wrapper ul li {
            margin-bottom: 0.75rem;
      }
      .wrapper ul li a {
            padding: 0.25rem 0;
      }
      .paragraph-container, .columns .text:nth-child(1)  {
            width: 100%;
            margin:0;
            /* padding-left: 15px;
            padding-right: 15px; */
      }

      .text-block-footer img {
    display: inherit;
    padding-left: 8px;
    width: 35px;
    height: 35px;
    padding-top: 5px;
}
.text-block-footer hr:nth-child(1),.text-block-footer hr:nth-child(3){
      width: 42%;
}
.logo-image{
      left: 45.3%;
}
}


/*iphone 5 start*/
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 
      .banner {
            min-height: 130px;
      }
      .logo-image {
            /* left: 8.9rem; */
        }
        .text-block h1 {
            font-size: 1.1rem;
        }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { 
      .logo-image {
            /* left: 16.9rem; */
        }
        .text-block h1 {
            font-size: 2.0rem;
        }
}
/*iphone 5 end*/

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 666px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)  and (orientation: landscape) { 
      .banner img {
            height: 157px;
        }
        .logo-image {
            /* left: 19.6rem; */
        }
}

/* iphone 6+, 6s+, 7+, 8+ start*/
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 
      .logo-image {
            /* left: 11.5rem; */
        }   
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { 
      .logo-image {
            /* left: 15.5rem; */
        }   
}

/* iphone 6+, 6s+, 7+, 8+ end*/
@media screen and (min-width: 640px) and (max-width: 780px) {
      .text-block div:first-child{
            padding-left: 87px;
            padding-left: 35px;
            font-size: 16px;
      }
  }


/*media query ends*/
/*interior page starts*/


  .large-10.medium-10.small-12.columns .back {
      font-size: 1.3em;
      line-height: 1.3em;

      padding-bottom: 15px;
      text-decoration: underline;
      font-weight: bold;
      text-transform: none;
      color: rgba(24,140,255,1);
      -webkit-transition: 0.5s;
      transition: 0.5s;
  }
  .title.font h2 {
      font-size: 1.3em;
      line-height: 1.3em;
      text-transform: uppercase;
      color: #6d6d6d;
      padding: 0 0 10px;
      margin: 0;
  }
  .title.font h3 {
      font-size: 1.1em;
      line-height: 1.1em;
      font-weight: bold;
      text-transform: none;
      color: #6d6d6d;
      padding: 0 0 5px;
      margin: 0;
  }
  .interior-container .notice-bar{
        margin-bottom:2rem;

  }
  .title.font h4 {
      font-size: 1.0em;
      line-height: 1.0em;
      font-weight: bold;
      text-transform: none;
      color: #6d6d6d;
      padding: 10px 0 10px;
      margin: 0;
  }
 /*interior page ends*/